.sidebar-dark .nav-sidebar>.nav-item-open>.nav-link:not(.disabled),
.sidebar-dark .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar>.nav-item-open>.nav-link:not(.disabled),
.sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #0052CC;
}

.logo {
    width:150px;
    margin-left:50px;
    margin-top:20px;
    margin-bottom:20px;
}

.logo_sm {
    width:58px;
    margin-left:0px;
    margin-top:5px;
    margin-bottom:5px;
    margin-right:10px;
}

.sidebar-xs .logo {
    width:48px;
    margin-left:3px;
}

.sidebar-xs .nav-item-header > div,
.sidebar-xs .nav-item-header > i {
    display:none !important;
}

.sidebar-xs .nav-item-header {
  /*  margin-bottom:20px; */
}

#info.row {
    margin-right:0;
    margin-left:0;
}

#info .pad {
    padding:10px;
}

#street-view {
    height:180px;
}

.mobile-navbar {
    color: #FFF !important;
}

.mobile-navbar a:link,
.mobile-navbar a:active,
.mobile-navbar a:visited,
.mobile-navbar a:hover{
    color: #FFF !important;
}

.mobile-navbar.navbar-expand .navbar-nav:first-child>.nav-item:first-child {
    margin-top:0 !important;
}
.mobile-navbar.navbar-expand .navbar-nav:last-child>.nav-item:not(.show):last-child {
    margin-bottom:0 !important;
}

.mobile-navbar.navbar-expand .dropdown.show {
    /*margin-bottom:.625rem !important;*/
}

.mobile-navbar .dropdown-item {
    color: #FFF !important;
}

.mobile-navbar.navbar-expand .navbar-nav>.nav-item>.dropdown-menu {
 margin-top:0 !important;
}

#street-view {
    height:100%;
    min-height:180px;
}

.mobile-navbar .select2-selection--single {
    padding:.275rem 0;
    margin-top:.5rem;
    margin-bottom:.5rem;
}

.dropright .dropdown-menu.show {
    min-width:20rem;
}

.mobile-navbar .nav-link.active {
    background-color: #0052CC !important;
}

.reportnav {
    padding:0;
}
.reportnav .dropdown {
    display:inline-block;
}
.reportnav-btn {
    color:#333;
    padding:1rem;
}


.btn-outline-bottom {
    color: #FFF;
    background-color: transparent;
    background-image: none;
    border:none; }
@media (hover: hover) and (pointer: fine) {
    .btn-outline-bottom:hover {
        color: #fff;
        background-color: #0052CC;
        border-color: #0052CC; }
}

.btn-outline-bottom.disabled, .btn-outline-bottom:disabled {
    color: #2196F3;
    background-color: transparent; }
.btn-outline-bottom:not([disabled]):not(.disabled):active, .btn-outline-primary:not([disabled]):not(.disabled).active,
.show > .btn-outline-bottom.dropdown-toggle {
    color: #fff;
    background-color: #0052CC;
    border-color: #0052CC; }
.btn-outline-bottom.active {
    color: #fff;
    background-color: #0052CC;
    border-color: #0052CC; }


.gm-style-iw-d + button {display: none !important;}


@media (max-width: 768px) {
    .mobile-no-margin {
        padding-left: 0 !important;
    }
}

body {
    background-color:#F4F5F7 !important;
}

.table td, .table th  {
    padding: .40rem 1rem !important;
}

.sidebar-dark {
    background-color: #172B4D !important;
}

.bg-primary-400 {
    background-color: #42526E !important;
}

.bg-primary-600 {
    background-color: #091E42 !important;
}

.bg-primary {
    background-color: #0052CC !important;
}

.btn-primary {
    color: #fff;
    background-color: #0052CC !important;
}


.text-primary {
    color: #0052CC !important;
}

.border-left-primary {
    border-left-color: #0052CC !important;
}
.select2-results__option[aria-selected=true] {
    background-color: #0052CC !important;
}

.btn-danger {
    color: #fff;
    background-color: #DE350B !important;
}

.bg-orange-800 {
    background-color: #FF8B00 !important;
}

.btn-link {
    color: #0052CC;
}

.table-info, .table-info>td, .table-info>th {
    background-color: #DEEBFF !important;
}

.table-info tbody+tbody, .table-info td, .table-info th, .table-info thead th {
    border-color: #B3D4FF;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #FAFBFC;
}

.sidebar-xs .sidebar-main.sidebar-dark .nav-sidebar>.nav-item:not(.nav-item-open):hover>.nav-link:not(.active):not(.disabled) {
    background-color: #505F79 !important;
}

.hidden {
    display: none !important;
}

.settings-menu {
    position: fixed;
    width:100%;
    height:auto;
    bottom:0px;
    z-index:9999;
    background-color:#FFF;
    display:none;

}

.settings-menu ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    display: block !important;
    margin-top:.5rem;
    margin-bottom:1rem;
}

.settings-menu ul.no-cols {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
}

.settings-menu ul li {
    -webkit-column-break-inside: avoid;
    column-break-inside: avoid;
    page-break-inside: avoid;
}

.mobile-navbar {
    color:#FFF;
    font-size:12px !important;
    font-family: Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"  !important;

}
.settings-menu a {
    color:#FFF;
    font-size:12px !important;
    font-family: Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"  !important;

}
.settings-menu a.active {
    background-color: #0052CC !important;
    color:#FFF !important;
}


@media only screen
and (device-width : 375px)
and (device-height : 812px)
and (-webkit-device-pixel-ratio : 3) {
    .mobile-navbar {
        padding-bottom:20px !important;
    }
}
@media only screen
and (device-width: 414px)
and (device-height: 896px)
and (-webkit-device-pixel-ratio: 3) {
    .mobile-navbar {
        padding-bottom:20px !important;
    }
}
@media only screen
and (device-width: 375px)
and (device-height: 812px)
and (-webkit-device-pixel-ratio: 3) {
    .mobile-navbar {
        padding-bottom:20px !important;
    }
}
@media only screen
and (device-width: 414px)
and (device-height: 896px)
and (-webkit-device-pixel-ratio: 2) {
    .mobile-navbar {
        padding-bottom:20px !important;
    }
}
@media only screen
and (device-width: 428px)
and (device-height: 926px)
and (-webkit-device-pixel-ratio: 3) {
    .mobile-navbar {
        padding-bottom:20px !important;
    }
}
@media only screen
and (device-width: 390px)
and (device-height: 844px)
and (-webkit-device-pixel-ratio: 3) {
    .mobile-navbar {
        padding-bottom:20px !important;
    }
}
@media only screen
and (device-width: 375px)
and (device-height: 812px)
and (-webkit-device-pixel-ratio: 3) {
    .mobile-navbar {
        padding-bottom:20px !important;
    }
}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
    .mobile-navbar {
        padding-bottom:20px !important;
    }
}

@media only screen
and (min-device-width: 834px)
and (max-device-width: 834px)
and (-webkit-min-device-pixel-ratio: 2) {
    .mobile-navbar {
        padding-bottom:20px !important;
    }
}

@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
    .mobile-navbar {
        padding-bottom:20px !important;
    }
}

pwa-update::part(updateToast) {
    z-index: 100;
    top: 16px;
    bottom: auto;
}

:root {
    --sat: env(safe-area-inset-top);
    --sar: env(safe-area-inset-right);
    --sab: env(safe-area-inset-bottom); /* THIS ONE GETS US THE HOME BAR HEIGHT */
    --sal: env(safe-area-inset-left);
}

.btn-outline-primary {
    color: #0052CC;
    border-color: #0052CC;
}
.btn-outline-primary:hover {
    color: #FFF;
    border-color: #0052CC;
    background-color: #0052CC;
}

.gm-style-iw-chr {
    display: none !important;
}