/******/
#risk-assessment-table.shading th.white-bg { background-color: #162e51 !important; }
/******/

.info-button { position: relative; }
.info-button .fa-info-circle { position: absolute; top: 0; left: 5px; font-size: 0.85em; }

.map-container {
    width:    100%;
    margin:   0.5em auto;
    padding:  5px;
    border:   solid 1px #c6cace;
}

.map-container #noaa-logo {
    position: absolute;
    top:      13px;
    right:    13px;
}

@media (max-width: 767px) { .leaflet-control-zoom { display: none; } }
@media (max-width: 991px) { .info.values { display: none; } }

.leaflet-container:not(.ak-map):not(.hi-map) {
  background-color: rgba(0,0,0,0.0) !important;
}
.info {
    padding:       6px 8px;
    font:          16px/18px Arial, Helvetica, sans-serif;
    background:    rgba(255,255,255,0.8);
    border-radius: 8px;
    box-shadow:    0 0 15px rgba(0,0,0,0.2);
    box-shadow:
        0px 0px  2.2px rgba(0, 0, 0, 0.020),
        0px 0px  5.3px rgba(0, 0, 0, 0.028),
        0px 0px 10.0px rgba(0, 0, 0, 0.035),
        0px 0px 17.9px rgba(0, 0, 0, 0.042),
        0px 0px 33.4px rgba(0, 0, 0, 0.050),
        0px 0px 80.0px rgba(0, 0, 0, 0.070);
}
.info h4 {
    margin:      0;
    color:       #8d9297;
    font-family: Arial, Helvetica, sans-serif;
    display:     block;
    font-weight: bold;
}

.values { width: 100%; }

.excluded { color: #c6cace; }
.excluded .ind { background-color: #f1f3f6; }

.legend { text-align: left; }
.legendHeader { font-weight: bold; text-align: center; margin: 0 0 0.3em 0; }
.legend .bin  { white-space: nowrap; display: flex; justify-content: space-between; }
.legend .bin-ind { margin-right: 5px; opacity: 1; }

@media (min-width: 992px) {
    .legend .bin, .disasterDisplay { font-size: 16px; }
    .legend .bin-ind { width: 25px; height: 25px; }
    .legend .upper-bound { display: inline; }
}
@media (max-width: 991px) {
    .legend .bin, .disasterDisplay { font-size: 14px; }
    .legend .bin-ind { width: 20px; height: 20px; }
    .legend .upper-bound { display: none; }
}

/* Risk Mapping */
/****************/
#selection .checkboxes {
    margin-bottom: 0;
}

#risk-map-controls {
    line-height:     2.5em;
    margin-top:      1em;
    display:         flex;
    justify-content: space-between;
    align-items:     center;
    flex-wrap:       wrap;
}

@media (max-width: 767px) {
    #risk-map-controls label {
        display: inline-block;
        width:   78px;
    }

    #risk-map-type,
    #risk-map-location { width: calc(100% - 85px); }

    #risk-map-controls > * { width: 100%; }

    #risk-map-location-container { order: -1; }
}

.slide-opacity-container {
    height:         175px;
    margin-right:   -27px !important;
    line-height:    1em;
    display:        flex;
    flex-direction: column;
    align-items:    center;
    gap:            5px;
}

#slide-opacity {
    -webkit-transform: rotate(270deg);
       -moz-transform: rotate(270deg);
            transform: rotate(270deg);
    height:            100%;
    width:             129px;
    margin:            0;
    padding:           0;
    cursor:            grab;
}
#slide-opacity:active { cursor: grabbing; }
/* turn off range value display in IE/Edge */
#slide-opacity::-ms-tooltip { display: none; }

#opacity-value {
    margin-left: 0.5em;
}

.leaflet-top.leaflet-left { width: calc(100% - 80px); }
.risk-map-title-container { width: 100%; }
#risk-map-title {
    font-family: "Source Sans Pro",sans-serif;
    font-weight: normal;
    font-style:  normal;
    font-size:   24px;
    width:       100%;
    height:      50px;
    text-shadow: 1px 1px 1px #ffffff;
    line-height: 1.3em;
    margin-top:  0 !important;
}
@media (max-width: 767px) { #risk-map-title { display: none; } }

#ak-risk-map { left: 12px !important; }

.risk-info { width: 100%; display: flex; }
.risk-info > * { white-space: nowrap; }
.risk-info-variables { flex-basis: 10%; }
#county-risk-info .risk-info-column { flex-basis: 30%; }
#census-tract-risk-info .risk-info-column { flex-basis: 25%; }
.risk-info > * > *:not(h4) { margin-bottom: 10px; }
.risk-info > *:not(:last-of-type) { margin-right: 1%; }
.risk-info-variables { flex-grow: 0; }
.risk-info-bar .progress { background-color: #c6cace !important; }
.risk-info-bar .progress .future-damages-value { display: inline-block; width: 100%; margin: auto 1em; }
.risk-info-bar .progress .lo-val { margin-left: 5px; }
.risk-info-bar .progress,
.risk-info-bar .progress .progress-bar { border-radius: 0 !important; }
.risk-info-bar .progress .progress-bar.bordered-progress-bar { border: solid 1px #1c1d1f; }
.risk-info-bar .progress .progress-bar .hi-val { text-shadow: 1px 1px #000; }

#risk-map-container .leaflet-bottom.leaflet-right { width: 23%; }
.bottom-right { width: 100%; }

#risk-map-container .leaflet-bottom.leaflet-left { width: calc(100% - 20px); }

#reset-zoom-div { text-align: right; }

#risk-map-legend {
    width:  100%;
    height: 50px;
}
@media (max-width: 991px) { #risk-map-legend { margin-bottom:  15px; } }
@media (min-width: 992px) { #risk-map-legend { margin-bottom: 100px; } }

.risk-map-legend-title {
    font-size:   16px;
    text-shadow: 1px 1px 1px #ffffff;
}

.risk-map-key { width: 100%; height: 15px; }
.risk-map-values {
    display:         flex;
    justify-content: space-between;
    width:           100%;
    height:          15px;
    text-shadow:     1px 1px 1px #ffffff;
}

.future-damages-values { width: calc(100% + 1em); margin-left: -0.5em; }
.future-damages-values > * { flex: 0 1 0px; text-align: center; }

#risk-assessment-table-container {
    padding-top: 0;
}
#risk-assessment-table thead tr th:not([scope=row]) {
    z-index: 2;
}
#risk-assessment-table thead tr th {
    position: sticky;
    top:      0;
}
/****************/
/* Risk Mapping */

html {
    --agricultureRGB:  24, 150,  69;
    --mortalityRGB:    10, 111, 184;
    --energyRGB:       23,  57,  93;
    --laborRGB:       127,  40,  25;
    --coastalRGB:     192,  34,  40;
    --totalRGB:        15, 116,  55;

    --povRGB:          93,  70,   0;
    --nohsdRGB:        33, 102, 172;
    --age65RGB:        55,  96,  96;
    --age17RGB:       134,   1, 175;
    --disabledRGB:     68, 141, 118;
    --singleRGB:       30,  28, 175;
    --minorityRGB:     35, 106, 185;
    --eslRGB:          52, 123, 152;
    --mobileRGB:      141,  91,  90;
    --vehicleRGB:      40, 108,  24;
    --vetRGB:          67,  89,  12;
    --allvulnRGB:     188,  49,  46;
}

/* Future Risk */
/***************/
.agricultural-damage-key {
    background: linear-gradient(90deg,
        rgb(var(--agricultureRGB))  11.11%,
        rgb(108, 188,  87)  22.22%,
        rgb(177, 216, 120)  33.33%,
        rgb(227, 236, 172)  44.44%,
        rgb(231, 228, 114)  55.55%,
        rgb(245, 140,  78)  66.66%,
        rgb(236, 108,  66)  77.77%,
        rgb(215,  32,  43)  88.88%,
        rgb(155,  31,  27) 100.00%
    );
}
.agricultural-damage-ind {
    background-color: rgb(var(--agricultureRGB));
}
.agricultural-damage-cbl {
    border-color: rgb(var(--agricultureRGB)) !important;
    color:        rgb(var(--agricultureRGB));
}
.agricultural-damage-cbl:hover,
.agricultural-damage-cbl:focus,
.future-damages-checkbox:not(:disabled):checked ~ label.future-damages-checkbox-label.agricultural-damage-cbl:focus {
    -webkit-box-shadow: 0px 4px 15px rgba(var(--agricultureRGB), 0.5) !important;
       -moz-box-shadow: 0px 4px 15px rgba(var(--agricultureRGB), 0.5) !important;
            box-shadow: 0px 4px 15px rgba(var(--agricultureRGB), 0.5) !important;
}
.future-damages-checkbox:checked ~ label.future-damages-checkbox-label.agricultural-damage-cbl {
    background-color: rgb(var(--agricultureRGB)) !important;
    color:            #ffffff;
}

.mortality-key {
    background: linear-gradient(90deg,
        rgb( 10, 111, 184)  14.29%,
        rgb( 93, 171, 204)  28.57%,
        rgb(183, 213, 235)  42.86%,
        rgb(211, 211, 211)  42.87%,
        rgb(239, 190, 170)  57.14%,
        rgb(236, 114,  93)  71.43%,
        rgb(231,  52,  56)  85.71%,
        rgb(175,  30,  32) 100.00%
    );
}
.mortality-ind {
    background-color: rgb(var(--mortalityRGB));
}
.mortality-cbl {
    border-color: rgb(var(--mortalityRGB)) !important;
    color:        rgb(var(--mortalityRGB));
}
.mortality-cbl:hover,
.mortality-cbl:focus,
.future-damages-checkbox:not(:disabled):checked ~ label.future-damages-checkbox-label.mortality-cbl:focus {
    -webkit-box-shadow: 0px 4px 15px rgba(var(--mortalityRGB), 0.5) !important;
       -moz-box-shadow: 0px 4px 15px rgba(var(--mortalityRGB), 0.5) !important;
            box-shadow: 0px 4px 15px rgba(var(--mortalityRGB), 0.5) !important;
}
.future-damages-checkbox:checked ~ label.future-damages-checkbox-label.mortality-cbl {
    background-color: rgb(var(--mortalityRGB)) !important;
    color:            #ffffff;
}

.energy-expenditures-key {
    background: linear-gradient(90deg,
        rgb( 37, 123, 185)  16.67%,
        rgb(147, 197, 220)  33.33%,
        rgb(219, 236, 204)  50.00%,
        rgb(253, 218, 150)  66.67%,
        rgb(249, 142,  81)  83.33%,
        rgb(215,  33,  36) 100.00%
    );
}
.energy-expenditures-ind {
    background-color: rgb(var(--energyRGB));
}
.energy-expenditures-cbl {
    border-color: rgb(var(--energyRGB)) !important;
    color:        rgb(var(--energyRGB));
}
.energy-expenditures-cbl:hover,
.energy-expenditures-cbl:focus,
.future-damages-checkbox:not(:disabled):checked ~ label.future-damages-checkbox-label.energy-expenditures-cbl:focus {
    -webkit-box-shadow: 0px 4px 15px rgba(ar(--energyRGB), 0.5) !important;
       -moz-box-shadow: 0px 4px 15px rgba(ar(--energyRGB), 0.5) !important;
            box-shadow: 0px 4px 15px rgba(ar(--energyRGB), 0.5) !important;
}
.future-damages-checkbox:checked ~ label.future-damages-checkbox-label.energy-expenditures-cbl {
    background-color: rgb(var(--energyRGB)) !important;
    color:            #ffffff;
}

.labor-high-risk-key {
    background: linear-gradient(90deg,
        rgb(255, 248, 240)  14.29%,
        rgb(255, 221, 193)  28.57%,
        rgb(251, 189, 128)  42.86%,
        rgb(247, 144,  70)  57.14%,
        rgb(236, 102,  35)  71.43%,
        rgb(198,  65,  41)  85.71%,
        rgb(127,  40,  25) 100.00%
    );
}
.labor-high-risk-ind {
    background-color: rgb(var(--laborRGB));
}
.labor-high-risk-cbl {
    border-color: rgb(var(--laborRGB)) !important;
    color:        rgb(var(--laborRGB));
}
.labor-high-risk-cbl:hover,
.labor-high-risk-cbl:focus,
.future-damages-checkbox:not(:disabled):checked ~ label.future-damages-checkbox-label.labor-high-risk-cbl:focus {
    -webkit-box-shadow: 0px 4px 15px rgba(var(--laborRGB), 0.5) !important;
       -moz-box-shadow: 0px 4px 15px rgba(var(--laborRGB), 0.5) !important;
            box-shadow: 0px 4px 15px rgba(var(--laborRGB), 0.5) !important;
}
.future-damages-checkbox:checked ~ label.future-damages-checkbox-label.labor-high-risk-cbl {
    background-color: rgb(var(--laborRGB)) !important;
    color:            #ffffff;
}

.coastal-damage-key {
    background: linear-gradient(90deg,
        rgb(255, 255, 255)   0.01%,
        rgb(254, 202, 186)  33.33%,
        rgb(240, 144, 121)  50.00%,
        rgb(237,  82,  52)  66.67%,
        rgb(192,  34,  40)  83.33%,
        rgb(107,   6,  19) 100.00%
    );
}
.coastal-damage-ind {
    background-color: rgb(var(--coastalRGB));
}
.coastal-damage-cbl {
    border-color: rgb(var(--coastalRGB)) !important;
    color:        rgb(var(--coastalRGB));
}
.coastal-damage-cbl:hover,
.coastal-damage-cbl:focus,
.future-damages-checkbox:not(:disabled):checked ~ label.future-damages-checkbox-label.coastal-damage-cbl:focus {
    -webkit-box-shadow: 0px 4px 15px rgba(var(--coastalRGB), 0.5) !important;
       -moz-box-shadow: 0px 4px 15px rgba(var(--coastalRGB), 0.5) !important;
            box-shadow: 0px 4px 15px rgba(var(--coastalRGB), 0.5) !important;
}
.future-damages-checkbox:checked ~ label.future-damages-checkbox-label.coastal-damage-cbl {
    background-color: rgb(var(--coastalRGB)) !important;
    color:            #ffffff;
}

.total-damages-key {
    background: linear-gradient(90deg,
        rgb( 15, 116,  55)  11.11%,
        rgb( 39, 176,  75)  22.22%,
        rgb(137, 200,  99)  33.33%,
        rgb(239, 203, 150)  44.44%,
        rgb(243, 164,  96)  55.56%,
        rgb(245, 132,  67)  66.67%,
        rgb(241,  37,  45)  77.78%,
        rgb(192,  31,  41)  88.89%,
        rgb(128,  21,  27) 100.00%
    );
}
.total-damages-ind {
    background-color: rgb(var(--totalRGB));
}
.total-damages-cbl {
    border-color: rgb(var(--totalRGB)) !important;
    color:        rgb(var(--totalRGB));
}
.total-damages-cbl:hover,
.total-damages-cbl:focus,
.future-damages-checkbox:not(:disabled):checked ~ label.future-damages-checkbox-label.total-damages-cbl:focus {
    -webkit-box-shadow: 0px 4px 15px rgba(var(--totalRGB), 0.5) !important;
       -moz-box-shadow: 0px 4px 15px rgba(var(--totalRGB), 0.5) !important;
            box-shadow: 0px 4px 15px rgba(var(--totalRGB), 0.5) !important;
}
.future-damages-checkbox:checked ~ label.future-damages-checkbox-label.total-damages-cbl {
    background-color: rgb(var(--totalRGB)) !important;
    color:            #ffffff;
}
/***************/
/* Future Risk */

/* Socioeconomic Vulnerability */
/*******************************/
.pov-ind {
    background-color: rgb(var(--povRGB)) !important;
}
.pov-cbl {
    border-color: rgb(var(--povRGB)) !important;
    color:        rgb(var(--povRGB));
}
.pov-cbl:hover,
.pov-cbl:focus,
.vulnerability-checkbox:not(:disabled):checked ~ label.vulnerability-checkbox-label.pov-cbl:focus {
    -webkit-box-shadow: 0px 4px 15px rgba(var(--povRGB), 0.5) !important;
       -moz-box-shadow: 0px 4px 15px rgba(var(--povRGB), 0.5) !important;
            box-shadow: 0px 4px 15px rgba(var(--povRGB), 0.5) !important;
}
.vulnerability-checkbox:checked ~ label.vulnerability-checkbox-label.pov-cbl {
    background-color: rgb(var(--povRGB)) !important;
    color:            #ffffff;
}

.nohsd-ind{
    background-color: rgb(var(--nohsdRGB));
}
.nohsd-cbl {
    border-color: rgb(var(--nohsdRGB)) !important;
    color:        rgb(var(--nohsdRGB));
}
.nohsd-cbl:hover,
.nohsd-cbl:focus,
.vulnerability-checkbox:not(:disabled):checked ~ label.vulnerability-checkbox-label.nohsd-cbl:focus {
    -webkit-box-shadow: 0px 4px 15px rgba(var(--nohsdRGB), 0.5) !important;
       -moz-box-shadow: 0px 4px 15px rgba(var(--nohsdRGB), 0.5) !important;
            box-shadow: 0px 4px 15px rgba(var(--nohsdRGB), 0.5) !important;
}
.vulnerability-checkbox:checked ~ label.vulnerability-checkbox-label.nohsd-cbl {
    background-color: rgb(var(--nohsdRGB)) !important;
    color:            #ffffff;
}

.age65-ind {
    background-color: rgb(var(--age65RGB));
}
.age65-cbl {
    border-color: rgb(var(--age65RGB)) !important;
    color:        rgb(var(--age65RGB));
}
.age65-cbl:hover,
.age65-cbl:focus,
.vulnerability-checkbox:not(:disabled):checked ~ label.vulnerability-checkbox-label.age65-cbl:focus {
    -webkit-box-shadow: 0px 4px 15px rgba(var(--age65RGB), 0.5) !important;
       -moz-box-shadow: 0px 4px 15px rgba(var(--age65RGB), 0.5) !important;
            box-shadow: 0px 4px 15px rgba(var(--age65RGB), 0.5) !important;
}
.vulnerability-checkbox:checked ~ label.vulnerability-checkbox-label.age65-cbl {
    background-color: rgb(var(--age65RGB)) !important;
    color:            #ffffff;
}

.age17-ind {
    background-color: rgb(var(--age17RGB));
}
.age17-cbl {
    border-color: rgb(var(--age17RGB)) !important;
    color:        rgb(var(--age17RGB));
}
.age17-cbl:hover,
.age17-cbl:focus,
.vulnerability-checkbox:not(:disabled):checked ~ label.vulnerability-checkbox-label.age17-cbl:focus {
    -webkit-box-shadow: 0px 4px 15px rgba(var(--age17RGB), 0.5) !important;
       -moz-box-shadow: 0px 4px 15px rgba(var(--age17RGB), 0.5) !important;
            box-shadow: 0px 4px 15px rgba(var(--age17RGB), 0.5) !important;
}
.vulnerability-checkbox:checked ~ label.vulnerability-checkbox-label.age17-cbl {
    background-color: rgb(var(--age17RGB)) !important;
    color:            #ffffff;
}

.disabled-ind {
    background-color: rgb(var(--disabledRGB));
}
.disabled-cbl {
    border-color: rgb(var(--disabledRGB)) !important;
    color:        rgb(var(--disabledRGB));
}
.disabled-cbl:hover,
.disabled-cbl:focus,
.vulnerability-checkbox:not(:disabled):checked ~ label.vulnerability-checkbox-label.disabled-cbl:focus {
    -webkit-box-shadow: 0px 4px 15px rgba(var(--disabledRGB), 0.5) !important;
       -moz-box-shadow: 0px 4px 15px rgba(var(--disabledRGB), 0.5) !important;
            box-shadow: 0px 4px 15px rgba(var(--disabledRGB), 0.5) !important;
}
.vulnerability-checkbox:checked ~ label.vulnerability-checkbox-label.disabled-cbl {
    background-color: rgb(var(--disabledRGB)) !important;
    color:            #000000;
}

.single-ind {
    background-color: rgb(var(--singleRGB));
}
.single-cbl {
    border-color: rgb(var(--singleRGB)) !important;
    color:        rgb(var(--singleRGB));
}
.single-cbl:hover,
.single-cbl:focus,
.vulnerability-checkbox:not(:disabled):checked ~ label.vulnerability-checkbox-label.single-cbl:focus {
    -webkit-box-shadow: 0px 4px 15px rgba(var(--singleRGB), 0.5) !important;
       -moz-box-shadow: 0px 4px 15px rgba(var(--singleRGB), 0.5) !important;
            box-shadow: 0px 4px 15px rgba(var(--singleRGB), 0.5) !important;
}
.vulnerability-checkbox:checked ~ label.vulnerability-checkbox-label.single-cbl {
    background-color: rgb(var(--singleRGB)) !important;
    color:            #ffffff;
}

.minority-ind {
    background-color: rgb(var(--minorityRGB));
}
.minority-cbl {
    border-color: rgb(var(--minorityRGB)) !important;
    color:        rgb(var(--minorityRGB));
}
.minority-cbl:hover,
.minority-cbl:focus,
.vulnerability-checkbox:not(:disabled):checked ~ label.vulnerability-checkbox-label.minority-cbl:focus {
    -webkit-box-shadow: 0px 4px 15px rgba(var(--minorityRGB), 0.5) !important;
       -moz-box-shadow: 0px 4px 15px rgba(var(--minorityRGB), 0.5) !important;
            box-shadow: 0px 4px 15px rgba(var(--minorityRGB), 0.5) !important;
}
.vulnerability-checkbox:checked ~ label.vulnerability-checkbox-label.minority-cbl {
    background-color: rgb(var(--minorityRGB)) !important;
    color:            #ffffff;
}

.esl-ind {
    background-color: rgb(var(--eslRGB));
}
.esl-cbl {
    border-color: rgb(var(--eslRGB)) !important;
    color:        rgb(var(--eslRGB));
}
.esl-cbl:hover,
.esl-cbl:focus,
.vulnerability-checkbox:not(:disabled):checked ~ label.vulnerability-checkbox-label.esl-cbl:focus {
    -webkit-box-shadow: 0px 4px 15px rgba(var(--eslRGB), 0.5) !important;
       -moz-box-shadow: 0px 4px 15px rgba(var(--eslRGB), 0.5) !important;
            box-shadow: 0px 4px 15px rgba(var(--eslRGB), 0.5) !important;
}
.vulnerability-checkbox:checked ~ label.vulnerability-checkbox-label.esl-cbl {
    background-color: rgb(var(--eslRGB)) !important;
    color:            #ffffff;
}

.mobile-ind {
    background-color: rgb(var(--mobileRGB));
}
.mobile-cbl {
    border-color: rgb(var(--mobileRGB)) !important;
    color:        rgb(var(--mobileRGB));
}
.mobile-cbl:hover,
.mobile-cbl:focus,
.vulnerability-checkbox:not(:disabled):checked ~ label.vulnerability-checkbox-label.mobile-cbl:focus {
    -webkit-box-shadow: 0px 4px 15px rgba(var(--mobileRGB), 0.5) !important;
       -moz-box-shadow: 0px 4px 15px rgba(var(--mobileRGB), 0.5) !important;
            box-shadow: 0px 4px 15px rgba(var(--mobileRGB), 0.5) !important;
}
.vulnerability-checkbox:checked ~ label.vulnerability-checkbox-label.mobile-cbl {
    background-color: rgb(var(--mobileRGB)) !important;
    color:            #ffffff;
}

.vehicle-ind {
    background-color: rgb(var(--vehicleRGB));
}
.vehicle-cbl {
    border-color: rgb(var(--vehicleRGB)) !important;
    color:        rgb(var(--vehicleRGB));
}
.vehicle-cbl:hover,
.vehicle-cbl:focus,
.vulnerability-checkbox:not(:disabled):checked ~ label.vulnerability-checkbox-label.vehicle-cbl:focus {
    -webkit-box-shadow: 0px 4px 15px rgba(var(--vehicleRGB), 0.5) !important;
       -moz-box-shadow: 0px 4px 15px rgba(var(--vehicleRGB), 0.5) !important;
            box-shadow: 0px 4px 15px rgba(var(--vehicleRGB), 0.5) !important;
}
.vulnerability-checkbox:checked ~ label.vulnerability-checkbox-label.vehicle-cbl {
    background-color: rgb(var(--vehicleRGB)) !important;
    color:            #ffffff;
}

.vet-ind {
    background-color: rgb(var(--vetRGB));
}
.vet-cbl {
    border-color: rgb(var(--vetRGB)) !important;
    color:        rgb(var(--vetRGB));
}
.vet-cbl:hover,
.vet-cbl:focus,
.vulnerability-checkbox:not(:disabled):checked ~ label.vulnerability-checkbox-label.vet-cbl:focus {
    -webkit-box-shadow: 0px 4px 15px rgba(var(--vetRGB), 0.5) !important;
       -moz-box-shadow: 0px 4px 15px rgba(var(--vetRGB), 0.5) !important;
            box-shadow: 0px 4px 15px rgba(var(--vetRGB), 0.5) !important;
}
.vulnerability-checkbox:checked ~ label.vulnerability-checkbox-label.vet-cbl {
    background-color: rgb(var(--vetRGB)) !important;
    color:            #ffffff;
}

.all-vulnerabilities-ind {
    background-color: rgb(var(--allvulnRGB));
}
.all-vulnerabilities-cbl {
    border-color: rgb(var(--allvulnRGB)) !important;
    color:        rgb(var(--allvulnRGB));
}
.all-vulnerabilities-cbl:hover,
.all-vulnerabilities-cbl:focus,
.vulnerability-checkbox:not(:disabled):checked ~ label.vulnerability-checkbox-label.all-vulnerabilities-cbl:focus {
    -webkit-box-shadow: 0px 4px 15px rgba(var(--allvulnRGB), 0.5) !important;
       -moz-box-shadow: 0px 4px 15px rgba(var(--allvulnRGB), 0.5) !important;
            box-shadow: 0px 4px 15px rgba(var(--allvulnRGB), 0.5) !important;
}
.vulnerability-checkbox:checked ~ label.vulnerability-checkbox-label.all-vulnerabilities-cbl {
    background-color: rgb(var(--allvulnRGB)) !important;
    color:            #ffffff;
}
/*******************************/
/* Socioeconomic Vulnerability */

/* Disabled Checkboxes */
/***********************/
.vulnerability-checkbox:disabled ~ label.vulnerability-checkbox-label:hover,
.vulnerability-checkbox:disabled ~ label.vulnerability-checkbox-label:focus,
.vulnerability-checkbox:disabled ~ label.vulnerability-checkbox-label,
.future-damages-checkbox:disabled ~ label.future-damages-checkbox-label:hover,
.future-damages-checkbox:disabled ~ label.future-damages-checkbox-label:focus,
.future-damages-checkbox:disabled ~ label.future-damages-checkbox-label {
    cursor:             default !important;
    -webkit-box-shadow: none !important;
       -moz-box-shadow: none !important;
            box-shadow: none !important;
}

.vulnerability-checkbox:disabled:not(:checked) ~ label.vulnerability-checkbox-label:hover,
.vulnerability-checkbox:disabled:not(:checked) ~ label.vulnerability-checkbox-label:focus,
.vulnerability-checkbox:disabled:not(:checked) ~ label.vulnerability-checkbox-label,
.future-damages-checkbox:disabled:not(:checked) ~ label.future-damages-checkbox-label:hover,
.future-damages-checkbox:disabled:not(:checked) ~ label.future-damages-checkbox-label:focus,
.future-damages-checkbox:disabled:not(:checked) ~ label.future-damages-checkbox-label {
    background-color: #c6cace !important;
    color:            #f1f3f6 !important;
    border:           2px solid #c6cace !important;
}

.vulnerability-checkbox:disabled:checked ~ label.vulnerability-checkbox-label:hover,
.vulnerability-checkbox:disabled:checked ~ label.vulnerability-checkbox-label:focus,
.vulnerability-checkbox:disabled:checked ~ label.vulnerability-checkbox-label,
.future-damages-checkbox:disabled:checked ~ label.future-damages-checkbox-label:hover,
.future-damages-checkbox:disabled:checked ~ label.future-damages-checkbox-label:focus,
.future-damages-checkbox:disabled:checked ~ label.future-damages-checkbox-label {
    background-color: #8d9297 !important;
    color:            #1c1d1f !important;
    border:           2px solid #8d9297 !important;
}
/***********************/
/* Disabled Checkboxes */