:root {
    --main-bg-color: #00aa9b;
    --sec-bg-color: #fff08a;
    --thrd-bg-color: #2f465b;
    --hover-bg-color: #3177b1;
    --text-color: #000000;
    --sec-text-color: #ffffff;
    --ov-highlight-color: #ff0000;
    --active-bg-color:#b8d0ce;
    --menu-highlight-color:#fff08a;	
    --control_3d_color: rgba(0,170,155,.61);  
}

#root {
    padding-left: 0;
    background-color: var(--main-bg-color);
}

#root .active {
  background-color: var(--active-bg-color);
}
.dropdown-menu > .active > a.nav-link {
  color: var(--text-color);
}

#navbarMenu {
    background-color: var(--sec-bg-color);
}

.navbar .navbar-nav > li > a {
    color: var(--sec-text-color);
}

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: .5rem;
    --bs-dropdown-spacer: 0;
    --bs-dropdown-font-size: .75rem;
    --bs-dropdown-color: var(--main-bg-color);
    --bs-dropdown-bg: var(--sec-bg-color);
    --bs-dropdown-border-radius: .375rem;
    --bs-dropdown-border-width: 1px;
    --bs-dropdown-inner-border-radius: calc(.375rem - 1px);
    --bs-dropdown-divider-margin-y: .5rem;
    --bs-dropdown-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    --bs-dropdown-link-hover-color: var(--text-color);
    --bs-dropdown-link-hover-bg: transparent;
    --bs-dropdown-link-active-color: var(--sec-text-color);
    --bs-dropdown-link-active-bg: transparent;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: .25rem;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: .5rem;
    text-align: left;
    list-style: none;
}

#root .tabable:hover.btn-select, #root .tabable:hover:active, #root .tabable:hover.active, #root .tabable:hover:checked, #root .tabable:hover::selection, #root .tabable:hover.show, #root .tabable:hover[aria-expanded="true"], ul#tree .tabable:hover.btn-select, ul#tree .tabable:hover:active, ul#tree .tabable:hover.active, ul#tree .tabable:hover:checked, ul#tree .tabable:hover::selection, ul#tree .tabable:hover.show, ul#tree .tabable:hover[aria-expanded="true"], ul#legend-menu .tabable:hover.btn-select, ul#legend-menu .tabable:hover:active, ul#legend-menu .tabable:hover.active, ul#legend-menu .tabable:hover:checked, ul#legend-menu .tabable:hover::selection, ul#legend-menu .tabable:hover.show, ul#legend-menu .tabable:hover[aria-expanded="true"], .portal-title .tabable:hover.btn-select, .portal-title .tabable:hover:active, .portal-title .tabable:hover.active, .portal-title .tabable:hover:checked, .portal-title .tabable:hover::selection, .portal-title .tabable:hover.show, .portal-title .tabable:hover[aria-expanded="true"] {
    background-color: var(--hover-bg-color);
    border-radius: .25rem;
}

ul#tree .checked {
    color: var(--text-color);
}

ul#tree ul li a {
    font-size: .9375rem;
    color: var(--text-color);
}

ul#tree li.layer-catalog > .header {
    background-color: var(--thrd-bg-color);
    color: var(--sec-text-color);
}

#root .tabable:hover, ul#tree .tabable:hover, ul#legend-menu .tabable:hover, .portal-title .tabable:hover {
    background-color: var(--hover-bg-color);
    color: var(--sec-text-color);
}

.control-icon[data-v-29edb2d8]:hover {
    background-color: var(--hover-bg-color);
}

.control-icon[data-v-29edb2d8]:focus {
  background-color: var(--main-bg-color);
  outline: 1px solid var(--sec-bg-color);
}

#overviewmap-wrapper .ol-overviewmap .ol-overviewmap-box {
    border: 2px solid var(--ov-highlight-color);
}

.ol-overviewmap:not(.ol-collapsed) {
    background: rgba(255, 255, 255, 1);
}

.mouse-position[data-v-16212ecb] {
    background-color: var(--main-bg-color);
}

.control-icon[data-v-29edb2d8] {
    background-color: var(--main-bg-color);
    color: var(--sec-text-color);
}

.control-icon[data-v-29edb2d8]:active {
    background-color: var(--main-bg-color);
}

.submenu-style {
    padding: 5px 0;
    border-bottom: 1px solid var(--menu-highlight-color);
}


.dropdown-menu > .active > a.nav-link {
    background-color: var(--active-bg-color);
}

.win-heading .heading-element[data-v-051744ad] {
    color: var(--text-color);
}

.tool-window-vue.is-minified .win-heading[data-v-051744ad] {
    background-color: var(--main-bg-color);
}


div.tool-window-vue.is-minified div.win-heading div.basic-drag-handle.heading-element.flex-grow.basic-drag-handle-is-enabled h2.title{
  color: var(--sec-text-color);
}

.tool-window-heading[data-v-4c3f468c] {
    border-bottom: 1px solid var(--main-bg-color);
  background-color: var(--sec-bg-color);
}

#searchInput {
    font-family: Arial,sans-serif;
}

#searchInputUL {
    font-family: Arial,sans-serif;
}

.results {
    background-color: var(--main-bg-color);
    color: var(--sec-text-color);
}

.dropdown-menu-search li:hover span, .dropdown-menu-search li:hover small {
    color: var(--sec-text-color);
}

.dropdown-menu-search li:hover {
    background-color: var(--hover-bg-color);
    color: var(--sec-text-color);
}

li.results:hover {
    opacity: 1;
}

.portal-title > a:nth-child(1) {
    background-color: var(--sec-bg-color)!important;
}

.input-group-text {
    color: var(--sec-text-color);
    background-color: var(--main-bg-color);
    border: 1px solid var(--main-bg-color);
    font-size: 12px;
}

.win-heading[data-v-051744ad] {
    border-bottom: 1px solid var(--main-bg-color);
    background-color: var(--sec-bg-color);
}

.win-heading .heading-element.flex-grow > .title[data-v-051744ad] {
    color: var(--text-color);
}

.win-heading .heading-element>span[data-v-051744ad]:hover:not(.win-icon) {
    background-color: var(--hover-bg-color);
    color: var(--sec-text-color);
}

.btn-primary {
    --bs-btn-color: var(--sec-text-color);
    --bs-btn-bg: var(--main-bg-color);
    --bs-btn-border-color: var(--main-bg-color);
    --bs-btn-hover-color: var(--sec-text-color);
    --bs-btn-hover-bg: var(--hover-bg-color);
    --bs-btn-hover-border-color: var(--hover-bg-color);
    --bs-btn-focus-shadow-rgb: 38, 79, 122;
    --bs-btn-active-color: var(--sec-text-color);
    --bs-btn-active-bg: var(--main-bg-color);
    --bs-btn-active-border-color: var(--main-bg-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: var(--sec-text-color);
    --bs-btn-disabled-bg: #003063;
    --bs-btn-disabled-border-color: #003063;
}

#legend .legend-title[data-v-c61a996c] {
    border-bottom: none;
}

#legend .legend-title .title[data-v-c61a996c] {
    color: var(--text-color);
    margin: 10px;
}

#legend .legend-title .close-legend[data-v-c61a996c]:hover {
    background-color: var(--hover-bg-color);
    color: var(--sec-text-color);
}

html body div#masterportal-container.masterportal-container main.anchor.map-region div#map-wrapper div#legend.legend div.legend-window div.basic-drag-handle.basic-drag-handle-is-enabled div.row.py-3.d-flex.align-items-center.legend-title span.bootstrap-icon.d-md-none.d-lg-inline-block.col-2 {
    display: none!important;
}

.tool-window-heading .heading-element .bootstrap-icon[data-v-4c3f468c]:hover {
    background-color: var(--hover-bg-color);
    color: var(--sec-text-color);
}

#legend .legend-content .layer-title[data-v-c61a996c] {
    background-color: var(--main-bg-color);
    color: var(--sec-text-color);
    cursor: pointer;
}

.bi-search::before {
    color: var(--text-color);
}

.navbar {
    background: var(--sec-bg-color);
}

.navbar-toggler {
    background-color: var(--sec-text-color);
    border-color: var(--main-bg-color);
}

.breadcrumb-mobile > .breadcrumb {
    background-color: var(--thrd-bg-color);
    color: var(--sec-text-color);
}

.mobile > .dropdown-item {
    color: var(--text-color);
    border-bottom: 1px solid rgba(0,0,0,.25);
}

.list-group-item {
    background-color: var(--sec-text-color);
    color: var(--text-color);
    border-bottom: 1px solid rgba(0,0,0,.25);
}

#root.nav-menu.list-group.mobile {
    background-color: var(--sec-text-color);
}

@media (max-width: 767px) {
    .legend-title div.col-5.d-flex.justify-content-end {
        width: 35%;
    }
}

@media (max-width: 615px) {
    .legend-title div.col-5.d-flex.justify-content-end {
        width: 30%;
    }
}

@media (min-width: 768px) {
    .legend-title div.col-5.d-flex.justify-content-end {
        width: 48%;
    }
}

.modal-header {
    border-bottom: 1px solid var(--main-bg-color);
}

ul#tree .layer-settings .badge {
    background-color: var(--main-bg-color);
}

ul#tree .layer-settings {
    border-top: 1px solid rgba(0,0,0,.25);
}

.dropdown-item {
    color: var(--text-color);
}

.dropdown-item.active, .dropdown-item:active {
    color: var(--main-bg-color);
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
    background-color: var(--main-bg-color);  
  padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
}
.nav > li > a.active {
  color: var(--sec-text-color)!important;
  font-weight: normal !important;
}

@media (max-width: 767px) {
    .bi-plus-circle-fill, .bi-dash-circle-fill, .bi-info-circle-fill, .bi-check2-square, .bi-square, .bi-envelope-fill, .bi-lightbulb {
        font-size: 1rem;
    }
}

ul#tree .bi-info-circle-fill:not(:hover), ul#tree .bi-gear:not(:hover), ul#tree .bi-paint-bucket:not(:hover), ul#tree .bi-x-circle:not(:hover) {
    color: var(--text-color);
}

@media (min-width : 768px ) {
    #modal-1-inner-wrapper[data-v-615c331e] {
        background-color: var(--sec-text-color);
        max-width: 600px;
    }
}

@media (max-width : 767px ) {
    #modal-1-inner-wrapper[data-v-615c331e] {
        background-color: var(--sec-text-color);
        max-width: 90%;
    }
}

#layerInformation.tool-window-vue.layerInformation div.vue-tool-content-body div.body div p.float-end a {
    display: none;
}

#close {
    background-color: var(--main-bg-color);
    color: var(--sec-text-color);
    border-radius: 10px;
}

.table-of-contents > a[data-v-636a887a] {
    border: 1px solid var(--thrd-bg-color);
    background: var(--main-bg-color);
    color: var(--sec-text-color);
}

.pt-5 {
    padding-top: 0rem !important;
}

.subtitle[data-v-04dc8a00] {
  color: var(--text-color);
  padding-top: 10px;
}

.tool-window-heading .heading-element > h2[data-v-4c3f468c] {
  color: var(--text-color);
}

.tool-window-heading[data-v-4c3f468c] {
  padding: 0px;
  
}

.py-3 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

#legend.legend div.legend-window div.basic-drag-handle.basic-drag-handle-is-enabled {
  background-color: var(--sec-bg-color);
  border-bottom: 1px solid var(--main-bg-color);
}
#legend.legend-mobile div.legend-window-mobile div.basic-drag-handle.basic-drag-handle-is-enabled{
  background-color: var(--sec-bg-color);
  border-bottom: 1px solid var(--main-bg-color);
}


body {
    color: var(--text-color);
}

.upload-button-wrapper[data-v-164e8ea6] {
  color: var(--sec-text-color);
  background-color: var(--main-bg-color);
}

.drop-area-fake[data-v-164e8ea6] {
  background-color: var(--sec-text-color);
  border: 2px dashed var(--main-bg-color);
}

.upload-button-wrapper[data-v-c193f960] {
  border: 2px solid var(--main-bg-color)!important;
  background-color: var(--main-bg-color)!important;
  color: var(--sec-text-color)
}

#searchInputUL.dropdown-menu-search.dropdown-menu-right.list-group li.list-group-item.results{
  background-color: var(--main-bg-color);
  color: var(--sec-text-color);
}

.gfi > .tool-window-vue[data-v-4c3f468c] {
    max-width: 40%;
}

.gfi-footer .pager {
  background-color: var(--sec-bg-color);
}
.gfi-footer {
  color: var(--main-bg-color);
}
.gfi-footer .disabled {
  cursor: not-allowed;
  color: var(--main-bg-color);
  opacity: .2;
}
.disabled.pager-right.pager {
  background-color: var(--sec-bg-color);
}
.disabled.pager-left.pager{
  background-color: var(--sec-bg-color);
}

.gfi-footer .pager-left {
  float: left;
  border-right: 1px solid var(--menu-highlight-color);
}


.form-control {
  border: 1px solid var(--main-bg-color);
}

.btn-outline-default {
  --bs-btn-border-color: var(--main-bg-color);
}

#searchForm{
  background-color: var(--main-bg-color);
}
#searchbar.d-flex.col-9.col-md-auto div#searchForm.col div.input-group.has-feedback.flex-nowrap button.btn.btn-outline-default.btn-search i.bi-search::before{
  color: var(--sec-text-color);
}


.button3D>.bootstrap-icon:hover {
    background-color: var(--hover-bg-color);
}
.button3D>.bootstrap-icon {
    background-color: var(--main-bg-color);
}
.backwards-compatibility-controls .bootstrap-icon {
    color: var(--sec-text-color);
    background-color: var(--main-bg-color);
    box-shadow: 0 6px 12px rgba(0,0,0,.4);
}
.control-box-btn {
    background-color: var(--control_3d_color);    
    color: var(--sec-text-color);
}
#layerInformation li:nth-child(2) {
  display: none !important;
}