.close {float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20); 
    &:hover, &:focus {color: #000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50);}
}

button.close {padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; 
    &:hover, &:focus {color: #136580; opacity: 1;}
}

.modal-open {overflow: hidden; 
    .modal {overflow-x: hidden; overflow-y: auto;}
}

.modal.fade {
    .modal-dialog {-webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;}
}

.modal.show {
    .modal-dialog {-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0);}
}

.modal-dialog {position: relative; width: auto; margin: 10px;}
.modal-content {position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0;}
.modal-backdrop {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; 
    &.fade {opacity: 0; filter: alpha(opacity=0);} 
    &.show {opacity: 0.5; filter: alpha(opacity=50);}
}
.modal-header {padding: 15px; border-bottom: 1px solid #e5e5e5; 
    &:before, &:after {/* content: " "; */ display: table;} 
    &:after {clear: both;} 
    .close {margin-top: -2px;}
}
.modal-title {margin: 0; line-height: 1.42857;}
.modal-body {position: relative; padding: 15px;}

.modal-footer {padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; 
    &:before, &:after {content: " "; display: table;} 
    &:after {clear: both;} 
    .btn+.btn {margin-left: 5px; margin-bottom: 0;} 
    .btn-group .btn+.btn {margin-left: -1px;} 
    .btn-block+.btn-block {margin-left: 0;}
}
.modal-scrollbar-measure {position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll;}

@media (min-width: 768px) {
    .modal-dialog {width: 600px; margin: 30px auto;} 
    .modal-content {-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);} 
    .modal-sm {width: 300px;}
}

@media (min-width: 992px) {
    .modal-lg {width: 900px;}
}

.tooltip {position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 12px; opacity: 0; filter: alpha(opacity=0); 
    &.in {opacity: 0.9; filter: alpha(opacity=90);} 
    &.top {margin-top: -3px; padding: 5px 0;} 
    &.right {margin-left: 3px; padding: 0 5px;} 
    &.bottom {margin-top: 3px; padding: 5px 0;} 
    &.left {margin-left: -3px; padding: 0 5px;} 
    &.top-left .tooltip-arrow {bottom: 0; right: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000;} 
    &.top-right .tooltip-arrow {bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000;} 
    &.bottom-left .tooltip-arrow {top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000;} 
    &.bottom-right .tooltip-arrow {top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000;}
}

.tooltip-inner {max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px;} 
.tooltip-arrow {position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid;} 
.tooltip.top .tooltip-arrow {bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000;} 
.tooltip.right .tooltip-arrow {top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000;} 
.tooltip.left .tooltip-arrow {top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000;} 
.tooltip.bottom .tooltip-arrow {top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000;}

.popover {position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 14px; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    &.top {margin-top: -10px;} 
    &.right {margin-left: 10px;} 
    &.bottom {margin-top: 10px;} 
    &.left {margin-left: -10px;}
    >.arrow, >.arrow:after {position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid;} 
    >.arrow {border-width: 11px;}

}

.popover-title {margin: 0; padding: 8px 14px; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0;}
.popover-content {padding: 9px 14px;}
.popover>.arrow:after {border-width: 10px; content: "";}
.popover.top>.arrow {left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; 
    &:after {content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff;}
}

.popover.right>.arrow {top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); 
    &:after {content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff;}
}

.popover.bottom>.arrow {left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; 
    &:after {content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff;}
}

.popover.left>.arrow {top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); 
    &:after {content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px;}
}

#licensingMap {background-color: rgba(49, 48, 47, 0.05); padding: 30px 0; overflow-x: hidden; margin-top: 30px; 
    .selectBoard-hdr {margin-bottom: 5px; font-family: "Univers LT W01_65 Bold1475968", "Univers LT W01_55 Roman1475956", Univers, "Helvetica Neue", Helvetica, Arial, sans-serif;} 
    .selectBoard-viewAll {cursor: pointer; text-decoration: underline;}
}
.select-wrapper {select {min-width: 300px;}}
#licensingMap-selector {margin-top: 35px; margin-bottom: 5px;}
.licensingMap-Countryselect {margin-bottom: 35px;}

#selectCountry {list-style: none; padding: 0; float: left; position: relative; width: 100%; border: 1px solid #119b8e; border-radius: 2px; color: #119b8e; text-align: center; text-transform: uppercase; 
    li {float: left; width: 50%; height: 35px; line-height: 35px; position: relative;} 
    input[type="radio"] {opacity: 0.01; z-index: 10;} 
    label {z-index: 9; font-family: "Univers LT W01_57 Condensed", Univers, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.1em; background: var(--primaryDark);} 
    label, input {cursor: pointer; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
}
#selectCountry input[type="radio"]:checked+label {background-color: var(--highlight); color: #000000; margin-bottom: 0; -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);}
#licensingMap-map {width: 100%; height: auto; margin: 0 auto; position: relative;}
#maps-wrapper {display: none;}
#CA-select, #CAMap-SVG {display: none;}
.statebackground {fill: #ffffff;}
.area, .areaClickable {fill: #8ab2be; stroke: #ffffff; stroke-width: 1.5; stroke-miterlimit: 10; stroke-linejoin: round;}
.areaClickable:hover {fill: #c4d8de !important;}
.areaClickable.stateHighlight {fill: #c4d8de !important; z-index: 200;}
.areaClickable[data-submit="state"] {fill: #8ab2be !important;}
.areaClickable[data-submit="other"] {fill: #8ab2be !important;}
.areaClickable[data-submit="icva"] {fill: #119b8e !important;}
.boardInfo-name {color: #136580; font-weight: bold;}

.boardInfo-address, .boardInfo-phone, .boardInfo-www, .boardInfo-submitToICVA, .boardInfo-email {padding-left: 25px; margin-top: 15px; position: relative;}
.boardInfo-address:before, .boardInfo-phone:before, .boardInfo-www:before, .boardInfo-submitToICVA:before, .boardInfo-email:before {font-family: bootstrap-icons !important; position: absolute; left: 0; top: 2px; width: 15px; font-size: 1.2em; line-height: 1; text-align: center;}
.boardInfo-address span {display: block;}
.boardInfo-address:before {content: "\f3e7";}
.boardInfo-phone:before {content: "\f5b4";}
.boardInfo-www {word-wrap: break-word; 
    &:before {content: "\f470";}
}
.boardInfo-email {word-wrap: break-word; 
    &:before {content: "\f32c";}
}
.boardInfo-submitToICVA:before {content: "\f372";}
.board-modalItem {margin-bottom: 40px; 
    .boardInfo-address, .boardInfo-phone, .boardInfo-www, .boardInfo-submitToICVA {margin-top: 5px;}
}

.modal-content {border-radius: 4px;}

button.close {color: #ee592b; opacity: 1;}

#boardInfobox {display: none; &.active {display: block;}
}

@media (min-width: 768px) {
    #licensingMap {background-color: var(--primary); 
        .selectBoard-hdr {color: #ffffff; font-size: 0.8em;} 
        .selectBoard-viewAll {color: #ffffff; font-size: 0.9em; display: inline-block;}
    }

    #licensingMap .selectBoard-viewAll:hover {color: #119b8e;}

    #maps-wrapper {display: block; position: relative; height: 0; width: 100%; padding-bottom: 63.7%; 
        svg {position: absolute; height: 100%; width: 100%; top: 0; bottom: 0; left: 0; right: 0;}
    }

    #licensingMap-selector {margin-top: 30px;}

    #US-select select, #CA-select select {color: #136580; background-color: #ffffff;}

    #selectCountry {border: 1px solid #ffffff; 
        label {/* font-size: 0.8em; */ color: #ffffff;} 
        li:first-child input[type="radio"]:checked+label {border-right: 2px solid #ffffff;} 
        li:last-child input[type="radio"]:checked+label {border-left: 2px solid #ffffff;}
    }

    .licensingMap-Countryselect {margin-top: 20px; 
        &.col-md-5 {float: right;}
    }

    #boardInfobox {position: absolute; pointer-events: none; 
        &.active {fill: #119b8e;}
    }

    #boardInfobox-inner {pointer-events: all; position: relative; width: 250px; font-size: 0.78rem; line-height: 1.3; background: white; padding: 10px 15px; z-index: 5; margin: 0 auto; border-radius: 3px; -webkit-box-shadow: 0 0 0 1px #eee; box-shadow: 0 0 0 1px #eee; margin-top: -25px; margin-left: 10px; word-wrap: break-word; 
        .boardInfo-name {font-size: 0.92rem;} 
        &:after {content: ''; position: absolute; right: 100%; top: 15px; width: 0; height: 0; margin-left: -10px; border-bottom: 10px solid transparent; border-right: 10px solid white; border-top: 10px solid transparent;}
    }

    #boardInfobox.active.tooFarRight #boardInfobox-inner {margin-left: calc(-100% - 10px); 
        &:after {right: -10px; border-bottom: 10px solid transparent; border-left: 10px solid white; border-top: 10px solid transparent; border-right: 0;}
    }

    #boardInfobox.active.tooFarDown #boardInfobox-inner {margin-top: -100px; 
        &:after {top: 85px;}
    }
}

@media (max-width: 767px) {
    .selectBoard-viewAll {display: none;}
}

.modal-name, .modal-add1, modal-add3, modal-add3, modal-phone, modal-www {display: block;}

#map-key {float: left; font-size: 1.1em; font-weight: 500; line-height: 1.2; /* max-width: 300px; */ margin-top: 8px; span {display: block;} 
    .processedbyICVA {color: #ffffff; margin-bottom: 7px;} 
    .notprocessedbyICVA {color: #ffffff;}
}

@media (max-width: 768px) {
    #map-key {display: none;}
}

#AZ, #CO, #CT, #FL, #GA, #ID, #IN, #IA, #KS, #ME, #MD, #MI, #MN, #MT, #NE, #NH, #NJ, #NC, #OH, #OR, #PA, #RI, #SC, #SD, #TX, #UT, #VT, #VA {fill: #119b8e;}