@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');



/* Disable main page scroll when a modal is shown */
html:has(.modal.show) {
    overflow-y: hidden;
}

:root {
/* colors */
  --purple-new:  rgb(24, 67, 137);
  --below_benchmark: rgb(128, 188, 249);
  --at_benchmark: rgb(75, 153, 247);
  --above_benchmark:rgb(24, 67, 137);
  --bookmark_gold: rgb(248, 175, 10);
/* z-index */

}

.dash-markdown * {
    all: revert;
}

.benchmark-score {
    color: white;
    width: 27px;
    height: 27px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: "Plus Jakarta Sans";
    font-size: 20px;
    font-weight: bold;
    border-radius: 2px;
}

.benchmark-score:before {
    margin-bottom: 5px;
}

.benchmark-score.pdf {
    min-width: 27px;
    min-height: 27px;
    max-width: 27px;
    max-height: 27px;
}

.benchmark-score.large {
    width: 40px;
    height: 40px;
    border-radius: 4px;
}

.benchmark-score.large:before {
    margin-bottom: 5px;
}

.benchmark-score.hide-icon:before {
    content: none !important;
}

.benchmark-score.na {
    background-color: var(--darkgray);
    font-size: 12px;
    align-items: center;
    letter-spacing: -1px;
    padding-right: 1px;
}
.benchmark-score.na:before {
    content: 'N/A';
    margin-bottom: 0;
}

.benchmark-score.no-data {
    background-color: white;
}

.benchmark-score.not-available {
    color: var(--below_benchmark);
    font-family: bootstrap-icons !important;
    font-size: 27px;
    align-items: center;
}
.benchmark-score.not-available:before {
    content: "\f567";
    margin-bottom: 0;
}

.benchmark-score.below {
    background-color: var(--below_benchmark);
}
.benchmark-score.below:before {
    content: '—';
}

.benchmark-score.at {
    background-color: var(--at_benchmark);
}
.benchmark-score.at:before {
    content: '='
}

.benchmark-score.above {
    background-color: var(--above_benchmark);
}
.benchmark-score.above:before {
    content: '+'
}

.benchmark-score.top {
    color: var(--bookmark_gold) !important;
    font-size: 14px;
    margin-top:-16px;
    padding-left:3px;
    align-items:start;
}
.benchmark-score.pdf-top {
    color: var(--bookmark_gold) !important;
    font-size: 10px;
    /*margin-left: -5px;*/
    align-items:start;
    width: auto;
    height: auto;
    font-weight: bold;
    position: absolute;
    top: -1px;
    right: -1px;
}

.benchmark-score.partial-score {
    background-color: var(--orange) !important;
}


.benchmark-legend {
    width: 15px !important;
    height: 15px !important;
    font-size: 1.13rem;
    margin-top: 0 !important;
    padding-left: 0 !important;
}

.benchmark-legend:before {
    margin-bottom: 2px;
}

/**********/
/* FORMAT */
/**********/

body {
    font-family: "ManRope", Helvetica, Arial, sans-serif;
}

code {
    color: var(--lightblack);
    font-family: "Courier New", monospace;
}

#logo {
  font-size: 40px;
  font-weight: bold;
  font-family: "Helvetica Neue";
}

.table-responsive{
  font-size: 20px;
  font-family: "Helvetica Neue";
}

.mp-container {
  /*background: aqua;*/
  padding: 10px;
}
.mp-filters {
  width: 150px;
  /*background: red;*/
  float: left;
}
.mp-filter {
  font-size: 12px;
}
.mp-data {
  margin-left: 160px;
  height: 90vh;
  /*background: black;*/
}
.mp-download-link {
  padding-top: 5px;
}
.debug {
  display: none;
}

.col1 {
  width: 15%;
}

.col2 {
  width: 50%;
}

.col3 {
  width: 35%;
}

.px-6 {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
}

th.flat-text {
    color: rgb(105, 105, 105);
    font-size: medium;
    vertical-align: bottom;
}

th.rotated-text {
    height: 100px;
    max-height: 100px;
    white-space: nowrap;
    padding: 5px 10px !important;
    width: 75px;
}

th.rotated-text > div {
    -webkit-transform:
        translate(0px, 0px)
        rotate(315deg);
    width: 75px;
}

th.rotated-text > div > span {
    padding: 5px 10px;
}

.tier_cells {
    border: 1px solid white;
    height: 60px;
    text-align: center !important;
    color: white;
}

/*Deprecated, only used in Prodyn*/
.no_score {
  background: rgb(255,250,250);
}

input[type="text"]:focus {
    border: 1px solid var(--purple);
}

[title~=benchmark] {
  color: orange !important;
  background-color: white !important;
}

[title~=benchmark]:hover {
  background-color: #fdf3e1 !important;
}

.js-plotly-plot .plotly .cursor-ew-resize {
    cursor: pointer !important;
}

.subcategories_checklist {
  margin-right: 10px;
  margin-top: 20px;
}

.features-panel {
    text-align: center;
    background-color: #f0f0f0;
    padding: 20px;
    border-radius: 8px;
}

.features-list {
    margin-top: 15px;
    list-style: none
}

.features-list li {
    margin-bottom: 10px;
    margin-top: 10px;
}

.features-list hr {
    color: #bbbbbb;
}

.features-title {
    font-weight: 800;
    margin-top: 0;
    margin-bottom: 0;
}

/* basic positioning */
.legend { list-style: none; margin-top:10px; display:inline-block; text-align:center; font-size: 15px;}
.legend li { display:inline-block; margin-right: 10px; }
.legend span { float: left; width: 15px; height: 15px; margin: 2px;}


.analyst_elements_table{
  padding-left: 50px;
}


li {
    margin-bottom: 0;
}

.nav-item.active .nav-link {
    font-weight: bold;
    color: var(--lightblack);
}
/* Box Shadows */

.right_box_shadow {box-shadow: 5px 0 5px -5px var(--darkgray);}

.bottom_box_shadow {box-shadow: 0 5px 5px -5px var(--darkgray);}

.left_box_shadow {box-shadow: -5px 0 5px -5px var(--darkgray);}




.image-id-column{
  width: 50px;
}

.image-label-column{
  width: 350px;
}

.image-table{
  table-layout: fixed;
}

.no-arrow .dropdown-toggle::after {
    content: none !important;
}

.hover_orange:hover {
    color: var(--orange);
}

.hover_purple:hover {
    color: var(--purple);
}

.pad-md {
    padding: 5px;
    margin: 5px;
}

.bi-lg {
    font-size: 1.75rem;
}

.bi-x2 {
    font-size: 2rem;
}

.benchmark_icon {
  font-size: 1.2em;
  margin: 8px;
  cursor: pointer;
}

.benchmark_icon:hover {
  color: orange;
}

.benchmarks_button {
    vertical-align: middle;
    line-height: normal;
    text-align: center;
    padding: 0px;
    background-color: white;
    color: orange !important;
    border-color: orange !important;
}

.benchmarks_button:hover {
    background-color: #fdf3e1;
}

.benchmarks_button:disabled {
    color: darkgray !important;
    border-color: darkgray !important;
    background-color: lightgray;
    cursor: auto;
}

.vendors_card {
    display:flex;
    justify-content: space-between;
    align-items: center;
}

.flex_div_center {
    display:flex;
    justify-content: center;
    align-items: center;
}


.dash-filter {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}

.dash-filter input {
    text-align: center !important;
    padding-left: 5px !important;
    background-color: black !important;
    color: orange !important;
    font-family: 'Consolas', 'Monaco', 'Bitstream Vera Sans Mono', monospace !important;
}

.modal-open {
    overflow: auto !important;
    padding-right: 0 !important;
}

.modal-header {
  border-bottom: solid 1px orange !important;
  background-color: orange;
  color: white;
}

.modal-header-purple {
  border-bottom: none !important;
  background-color: var(--purple);
  color: white;
}

.modal-header-purple .btn-close {
    color: white;
    opacity: 1;
}

.cta-modal .modal-content {
    border: 10px solid white;
    border-radius: 0.5rem;
    padding-bottom: 20px;
}

.cta-modal .modal-content .modal-body {
    display: flex;
    align-items: center;
    text-align: center;
    flex-direction: column;
}

.empty-modal-header {
    border-bottom: none !important;
    background-color: transparent;
}

.empty-modal-header .btn-close {
    font-size: 1.6rem;
}

.new-button {
    background-color: white;
    border-radius: 20px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 8px 28px;
}

.upgrade-button {
    width: 100%;
    text-transform: None;
}

.yes_no_buttons {
  margin: 10px;
}

.icon-sm-size {
    font-size: 0.5em;
}

.show {
    display: block;
}

.hide {
    display: none;
}

.icon_green {
    color: rgb(41, 158, 28);
    -webkit-text-stroke: 1px rgb(41, 158, 28);
}
.icon_orange {
    color: rgb(170, 81, 32);
    -webkit-text-stroke: 1px rgb(170, 81, 32);
}

.dark_border {
    border-color: rgb(219, 218, 226);
}

.ci_section_title {
    font-family: "ManRope", sans-serif;
    font-weight: bold;
    font-size: 18px;
    vertical-align: middle;
    margin: 0;
    height: 60px;
}

.open_section {
    border-radius: 5px 5px 0 0;
}

.closed_section {
    border-radius: 5px 5px 5px 5px;
}

.icon_dark_regular {
    color: rgb(114, 112, 110);
}

.remove-dash-margins {
    margin-left: -7.5px;
    margin-right: -7.5px;
}

/*TableBaseAIO end*/

input.no-border {
    border: 0;
    background-color: transparent;
    cursor: pointer;
}

input.no-border:focus {
    background-color: white;
    cursor: text;
}


.border-radius {
    border-radius: 8px;
}

.border-radius-top {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.border-radius-bottom {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.show-on-hover .auto-hide{
    display: none;
}

.show-on-hover:hover .auto-hide{
    display: block;
}