/* Highlight coloring */
.highlight_med_pos {
    background-color: #BFE8E0 !important;
}
.highlight_pos {
    background-color: #00A583 !important;
    color: white !important;
}
.neutral{
    background-color: #FDF2E5;
}
.highlight_med_neg {
    background-color: #F8BFCE !important;
}
.highlight_neg {
    background-color: #E4003A !important;
    color: white !important;
}


/* Table distrubution */
td .theme--light.v-chip:not(.v-chip--active) {
    background: transparent;
}
.v-data-table table thead tr th{
    font-size: 0.9rem!important
}
td .score.v-chip, td .compare-score.v-chip, td .benchmark-score.v-chip{
    font-size: 1.1rem; font-weight: 400;
    cursor: pointer;
}
td.show-details-score, td.show-details-compare, td.show-details-benchmark{
    min-width: 300px;
    max-width: 300px;
}
td.show-details-compare .score, td.show-details-score .score, td.show-details-benchmark .score{
    float: left
}


td.border-left{
    border-left: thin solid rgba(0,0,0,.12);
    border-right: thin solid rgba(0,0,0,.12);
}
td.show-details-compare .score{
    float:left;
    margin-right: 10px;
}
td.show-details-benchmark .score{
    float:left;
    margin-right: 10px;
}


tr.header-border-left th{
    border-left: thin solid rgba(0,0,0,.12)!important;
}
td span.v-chip.highlight_neutral{
    background-color: transparent;
}
.table-bottom td{
    background-color: #ebedee;
}


/* Benchmark coloring */
td.benchmark{
    background-color: #E5F5FB; 
    /* border-left: 2px solid #0F265C;
    border-right: 2px solid #0F265C; */
}
th.benchmark{
    background-color: #E5F5FB; 
    /* border: 2px solid #0F265C; */
    border-bottom: 0px;
}
td.benchmark-bottom{
    background-color: #E5F5FB; 
    /* border: 2px solid #0F265C;  */
    border-top: 0px
}

.progress-bar-light{
    background-color: #E5F5FB; 
}
.footer-print-report{
    cursor: pointer;
}
.print-button{
    margin-bottom: 40px;
}


.progress-bar{
    height: 15px;
    background-color: #f8bfce;
    overflow: hidden;
    border-radius: 8px;
    margin-top: 8px;
}

.progress-bar-item{
    float: left;
    height: 15px;
    display: inline-block;
    box-sizing: border-box;
}

th.vertical{
    writing-mode: vertical-lr;
}