.stylish-color-dark {
    background-color: #3e4551 !important;
}

.stylish-color-lightblue {
    background-color: #f3f7fd !important;
}

.bg_white {
    background:white !important;
}

.bg_hidden_variant {
    background-color:  rgb(255, 214, 214) !important;
}

.stylish_purple {
    color: rgb(0, 18, 185) !important;
}

.variant-banner-color {
    background-color:rgb(238, 238, 238);
    border-color: rgb(206, 206, 206);
}

.selected {
    background-color:#0d6efd !important; /* this color is the color from the pimary button of bootstrap */
    color:white !important;
}

input.invalid {
    background-color: #ffdddd;
}

.user_classification_style {
    background-color: rgb(235, 229, 172) !important;
}
.consensus_classification_style {
    background-color:  rgb(238, 156, 183) !important;
}
.color_lighter {
    filter: brightness(120%);
}

.color_black {
    color:black !important;
}
.color_white {
    color:white !important;
}








.btn-pvs {
    color: #960000;
    background-color: #ffffff;
}
/*.btn-pvs:hover {
    color: rgb(255, 255, 255);
    background-color: #9c0000;
    border-color: #d8d8d8;
}*/
input[type=checkbox]:checked + label.btn-pvs { /*.btn-pvs:focus, .btn-pvs.focus, .btn-pvs:active:focus, .open>.dropdown-toggle.btn-pvs, */
    color: rgb(255, 255, 255);
    background-color: #960000;
}
.btn-ps {
    color: #ff7300;
    background-color: #ffffff;
}
/*.btn-ps:hover {
    color: rgb(255, 255, 255);
    background-color: #ff8017;
    border-color: #d8d8d8;
}*/
input[type=checkbox]:checked + label.btn-ps {
    color: rgb(255, 255, 255);
    background-color: #ff7300;
}
.btn-pm {
    color: #d8be19;
    background-color: #ffffff;
}
/*.btn-pm:hover {
    color: rgb(255, 255, 255);
    background-color: #dbc114;
    border-color: #d8d8d8;
}*/
input[type=checkbox]:checked + label.btn-pm {
    color: rgb(255, 255, 255);
    background-color: #f1d620;
}
.btn-pp {
    color: #108800;
    background-color: #ffffff;
}
/*.btn-pp:hover {
    color: rgb(255, 255, 255);
    background-color: #108800;
    border-color: #d8d8d8;
}*/
input[type=checkbox]:checked + label.btn-pp {
    color: rgb(255, 255, 255);
    background-color: #108800;
}
.btn-bp {
    color: #1db5cf;
    background-color: #ffffff;
}
/*.btn-bp:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(23, 173, 199);
    border-color: #d8d8d8;
}*/
input[type=checkbox]:checked + label.btn-bp {
    color: rgb(255, 255, 255);
    background-color: #1db5cf;
}
.btn-bs {
    color: #6f15a3;
    background-color: #ffffff;
}
/*.btn-bs:hover {
    color: rgb(255, 255, 255);
    background-color: #7e0dc0;
    border-color: #d8d8d8;
}*/
input[type=checkbox]:checked + label.btn-bs {
    color: rgb(255, 255, 255);
    background-color: #6f15a3;
}
.btn-bm {
    color: #d32d88;
    background-color: #ffffff;
}
/*.btn-bm:hover {
    color: rgb(255, 255, 255);
    background-color: #7e0dc0;
    border-color: #d8d8d8;
}*/
input[type=checkbox]:checked + label.btn-bm {
    color: rgb(255, 255, 255);
    background-color: #d32d88;
}
.btn-ba {
    color: #000d58;
    background-color: #ffffff;
}
/*.btn-ba:hover {
    color: rgb(255, 255, 255);
    background-color: #000f64;
    border-color: #d8d8d8;
}*/
input[type=checkbox]:checked + label.btn-ba {
    color: rgb(255, 255, 255);
    background-color: #000d58;
}



.btn-check:disabled + label.acmg-button {
    color: rgb(170, 170, 170);
    background-color: rgb(230, 230, 230);
    cursor:unset;
    filter: brightness(100%);
}
.light-hover:hover {
    filter: brightness(140%);
    border-color: #8a8a8a !important;
}


.classification_1_col {
    color:rgba(60,210,60,1);
}

.classification_2_col {
    color:rgba(149,233,0,1);
}

.classification_3minus_col {
    color:rgba(29, 181, 207, 1);
}

.classification_3_col {
    color:rgba(29, 181, 207, 1);
}

.classification_3plus_col {
    color:rgba(29, 181, 207, 1);
}

.classification_4M_col {
    color:rgba(255,142,61,1);
}

.classification_4_col {
    color:rgba(255,142,61,1);
}

.classification_5_col {
    color:rgba(240,73,53,1);
}

.classification_none_col {
    color:rgb(164, 164, 164);
}




.classification-gradient {
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.499019676229867) 20%, rgba(255,255,255,0.633473457742472) 40%, rgba(255,255,255,1) 100%);
    background-color: currentColor;
}




.white_border {
    stroke: #d4d4d4;
    stroke-width: 0.5px;
    stroke-linejoin: round;
}


.bg_cheap {
    background-color:whitesmoke
}
.bg_cheap:hover, .bg_cheap:focus{
    background-color:rgb(221, 221, 221)
}