/* Light blue shell for the doctor dashboard header and side menu. */

#topbar,
#topbar .navbar-header,
#topbar .topbar-main {
    background: #f4f8ff;
    border: 0;
    box-shadow: none;
}

#topbar {
    box-shadow: 0 1px 0 rgba(70, 120, 180, 0.08);
}

@media screen and (min-width: 768px) {
    #topbar:before {
        color: #1a3f78;
        letter-spacing: 0.6px;
        font-size: 18px;
    }
}

#topbar .navbar-top-links li > a,
#topbar .navbar-top-links li > a i {
    color: #5d7594;
}

    #topbar .navbar-top-links li > a svg path {
        fill: #0365c3 !important;
    }

    #topbar .navbar-top-links li > a:hover {
        background: rgba(61, 126, 240, 0.08) !important;
    }

    #topbar .navbar-top-links li.open > a,
    #topbar .navbar-top-links li.open > a:hover,
    #topbar .navbar-top-links li.open > a:focus,
    #topbar .navbar-top-links li > a:focus {
        background: #3d7ef0 !important;
        color: #fff !important;
    }

        #topbar .navbar-top-links li > a:focus svg path,
        #topbar .navbar-top-links li.open > a svg path {
            fill: #fff;
        }

#sidebar,
body.sidebar-icons #wrapper #sidebar {
    background: #e7f1fb;
    box-shadow: 1px 0 0 rgba(70, 120, 180, 0.08);
}

.navbar-static-side ul li {
    border-bottom-color: transparent;
}

    .navbar-static-side ul li a {
        color: #6b829c;
    }

body.sidebar-icons #wrapper #sidebar ul#side-menu > li a svg path,
.menu-links li a svg path {
    fill: #0365c3 !important;
}

body.sidebar-icons #wrapper #sidebar ul#side-menu > li a:hover,
body.sidebar-icons #wrapper #sidebar ul#side-menu > li a:focus,
body.sidebar-icons #wrapper #sidebar ul#side-menu > li.active > a,
.navbar-static-side ul li a:hover,
.navbar-static-side ul li a:focus,
.navbar-static-side ul li.active a {
    background: #3d7ef0 !important;
    color: #fff !important;
    border-radius: 0px;
}

    body.sidebar-icons #wrapper #sidebar ul#side-menu > li a:hover svg path,
    body.sidebar-icons #wrapper #sidebar ul#side-menu > li a:focus svg path,
    body.sidebar-icons #wrapper #sidebar ul#side-menu > li.active a svg path,
    .menu-links li a:hover svg path,
    .menu-links li a:focus svg path,
    .menu-links li a.active svg path {
        fill: #fff !important;
    }

body.sidebar-icons #wrapper #sidebar ul#side-menu > li ul.nav-second-level li a:hover,
body.sidebar-icons #wrapper #sidebar ul#side-menu > li ul.nav-second-level li a:focus {
    background-color: #3d7ef0;
    color: #fff !important;
}