:root{
    --blue:#06416b;
    --blue2: #c9dce9;
    --red:#b31e3b;
    --red2:#f3bbc69d;
    --disabled:#e3e3e3;
}
.navbar-nav>li>a, .btn-search, .taggable{
    color: var(--blue) !important;
}
.navbar-nav>li>a:hover, .btn-search:hover, .taggable:hover, .dropdown>.tabable:hover{
    color: white !important;
    background-color: var(--blue) !important;
}
.layer-catalog>div{
    background-color: white !important;
}
.layer-catalog>div:hover{
    background-color: var(--blue2) !important;
}
.btn-search-question>.bootstrap-icon{
    color: var(--blue) !important;
}
.btn-search-question>.bootstrap-icon:hover{
    color: var(--red) !important;
    background-color: unset !important;
}
.control-icon, .mouse-position{
    background-color: var(--blue) !important;
}
.control-icon:disabled{
    background-color: var(--disabled) !important;
}
.control-icon:hover{
    background-color: var(--red) !important;
}
.portal-title,.portal-title>a, #logo{
    background-color: unset !important;
    pointer-events: none; ;
}
.portal-title:hover,.portal-title>a:hover, #logo:hover{
    background-color: unset !important;
}
.menu-row>.tabable{
    color: var(--blue) !important;
}
.menu-row>.checked{
    color: var(--red) !important;
}
.menu-row>.tabable:hover{
    background-color: var(--blue2) !important;
    color: var(--blue) !important;
}
.menu-row>.checked:hover{
    background-color: var(--blue) !important;
    color: white !important;
}