/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
body {
    margin: 0;
    font-family: sans-serif,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    /*font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;*/
    text-align: left;
    /* background-color: #fff;*/
    /*  background: #e9faff;*/
    /*background: #FAEFEA;
    background-color: #252d3a;*/
    background-color: rgba(200, 200, 200, 0.2);
}
.borderbox {
    border: thin solid silver;
    border-radius: 5px;
    /* margin-left: 10px;*/
    padding-left: 5px;
   
    margin-top: 5px;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.pallet{
    margin:1px;
}
.notseen {
    font-size: 10px;
    width: 28px;
    height: 28px;
    background-color: white;
    border: solid thin Gray;
}
.answered {
    font-size: 10px;
    background-color: forestgreen;
    width: 28px;
    height: 28px;
    border: solid thin Gray;
}
.notanswered {
    font-size: 10px;
    background-color: orangered;
    width: 28px;
    height: 28px;
    border: solid thin Gray;
}
.answeredflagged {
    background-image: url('../images/flag.png');
    background-repeat: no-repeat;
    background-position: center;
    background-color: orange;
    font-size: 10px;
    background-color: orange;
    width: 28px;
    height: 28px;
    border: solid thin Gray;
}

.notansweredflagged {
    background-image: url('../images/flag.png');
    background-repeat: no-repeat;
    background-position: center;
    background-color: orange;
    font-size: 10px;
    background-color: dodgerblue;
    width: 28px;
    height: 28px;
    border: solid thin Gray;
}
.flagwidth {
    width:10px;
}
.header {
    /* background: #D593AC;*/
    position: fixed;
    width: 100%;
    color: Gray;
    z-index:2;
    /* background: #4C4C4C;*/ /*#FAEFEA;*/
}
.bottom{
    margin-top:10px;
}
.sidenav {
    /*  width: 15%;
    height: 100%;
   padding-left:5px;*/
    /*  position: fixed;*/
    background-color: white;
    /* border-right: thin solid silver*/
}
/*.main {
  
    margin-top: 80px;
   
}*/

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}
.card {
    border-radius: 10px;
    margin-top: 5px;
    background-color:white;
   /* background-color: #F5F7F9;*/
    /* background: #e9faff;*/
}
.card-heading {
    padding: 5px;
    /*border-bottom: 1px solid #e5e5e5;*/
}
    .box {
    padding:1px!important;
    width: 25%;
    height: 25%;
  
}
/* Provide sufficient contrast against white background */
a {
  color: #1b6ec2!important;
  /*text-decoration:underline!important;*/
}


.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}
.timer {float:left;
    color: red;
    font-weight:bold;
    font-size:large;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}
.img-circle {
    border-radius: 50%;
}
.container{
    margin-left:0px;margin-right:0px;
}
/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
/*html {
  position: relative;
  min-height: 100%;
}*/

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}



/*.side-menu-container {
    margin-left: -25px;
}*/

/*.navbar-default {
    background-color: #FFF;
    margin-left: 10px;
}*/

/*main side bar*/
/*.msb {
    color: #FFFFFF;
    text-decoration: none !important;
    font-size: 14px;
    color: hsla(0, 0%, 100%, 0.5);
    margin-top: 70px;
    width: 100%;
    background-color: #F5F7F9;
     position: fixed;
    left: 0;
     top: 0;
    right: auto;
    max-height: 100%;
    overflow-y: auto;
    white-space: nowrap;
    min-height: 75vh;
       z-index: 0;
    border-right: 1px solid #ddd;
    margin-bottom:-10px;
}*/


    .navbar

{
    border: none;
    margin-left: 0;
    background-color: inherit;
}

.navbar-header {
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 20px;
    background: #fff;
}

.navbar-nav {
}
    .panel{
    border: 0 none;
    box-shadow: none;
    margin: 0;
    background: inherit;
}
.navbar-nav a:hover, a:visited, a:link, a:active {
    text-decoration: none;
}
.heading {
    color: #5f5f5f;
    font-weight:bold;
}

.navbar-nav li {
    display: block;
    width: 100%;
    padding: 1px;
    color: #5f5f5f;
    margin-left: 15px;

}
  .glyphicon,  .fa {
    margin-right: 1px;
}



/*.nb {
    padding-top: 5px;
    padding-left: 1px;
    margin-bottom: 30px;
    overflow: hidden;
}*/



.navbar-nav  ul.nv,
.navbar-nav  ul.ns {
    position: relative;
    padding: 0;
    list-style: none;
}

 .nv {
}
.navbar-nav  li {
    display: block;
    position: relative;
   
}



.navbar-nav  a {
    color: #444;
    padding: 10px 1px;
    display: block;
    vertical-align: middle;
}
 .ic {
    font-size: 12px;
    margin-right: 1px;
    font-weight: 300;
    display: inline-block;
}




#navbar-nav #dashboard-menu > li:hover i {
    opacity: 1;
    text-decoration: none;
}

/*#sidebar-nav #dashboard-menu > li.active > a,*/
#navbar-nav #dashboard-menu > li > a:hover {
    /*color: #fff;
 color:green;*/
   
    font-weight: bold;
    /*  background: #e7ebee;  rgba(200, 200, 200, 0.2);
    color: #3C4858;
   padding-left:-10px;
    padding-right:-10px;
     padding: 0px 11px;
    margin: 0 3px;*/

    margin-left: -7px;
    margin-right: 1px;
    color: White;
    background-color: #9c27b0;
    border-color: #9c27b0;
    border-radius: 5px;
    box-shadow: 0 4px 5px 0 rgba(156, 39, 176, 0.14), 0 1px 10px 0 rgba(156, 39, 176, 0.12), 0 2px 4px -1px rgba(156, 39, 176, 0.2);
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.btn {
    color: white;
}
/*.sidebar-mini-icon .sidebar-normal {

    color: #66615b !important;
    transform: translate3d(-25px, 0, 0);
    opacity: 0;
    margin: 0;
    position: relative;
    transform: translateX(0);
    opacity: 1;
    white-space: nowrap;
    display: block;
    line-height: 20px;
    z-index: 1;
    text-transform: capitalize;
    
}
.sidebar-mini-icon {
    padding-right: 5px !important;
}*/

/* Slide in animation */
/*@-moz-keyframes slidein {
    0% {
        left: -200px;
    }

    100% {
        left: 0;
    }
}

@-webkit-keyframes slidein {
    0% {
        left: -200px;
    }

    100% {
        left: 0;
    }
}

@keyframes slidein {
    0% {
        left: -200px;
    }

    100% {
        left: 0;
    }
}

@-moz-keyframes slideout {
    0% {
        left: 0;
    }

    100% {
        left: -200px;
    }
}

@-webkit-keyframes slideout {
    0% {
        left: 0;
    }

    100% {
        left: -200px;
    }
}

@keyframes slideout {
    0% {
        left: 0;
    }

    100% {
        left: -200px;
    }
}

@-moz-keyframes bodyslidein {
    0% {
        left: 0;
    }

    100% {
        margin-left: 200px;
    }
}

@-webkit-keyframes bodyslidein {
    0% {
        left: 0;
    }

    100% {
        left: 0
    }
}

@keyframes bodyslidein {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: 200px;
    }
}

@-moz-keyframes bodyslideout {
    0% {
        margin-left: 200px;
    }

    100% {
        margin-right: 0;
    }
}

@-webkit-keyframes bodyslideout {
    0% {
        margin-left: 200px;
    }

    100% {
        margin-left: 0;
    }
}

@keyframes bodyslideout {
    0% {
        margin-left: 200px;
    }

    100% {
        margin-left: 0;
    }
}
*/


.msb {
    margin-top:70px;
    width: 225px;
    z-index: 1;
    background: var(--bs-sidebar-bg);
    bottom: 0;
    left:0;
    /*margin-top: 0;*/
    position: fixed;
    top: 0;
    border-right: 1px solid var(--bs-border-color);
}

.main {
    z-index:0;
    padding-top:70px;
    margin-left: 225px;
    overflow: hidden;
}

@media (max-width:992px) {
   /* .msb {
        display: none;
        top: 70px;
    }*/

        .msb .sidebar-menu-scroll {
            height: 100%;
            margin-top: 0;
        }

        .msb .navbar-brand-box, .msb .msb-btn {
            display: none;
        }

    .main {
        margin-left: 0 !important;
    }

    body.sidebar-enable .msb {
        display: block;
    }
}

@media (min-width:769px) {
    body[data-sidebar-size=sm] {
        min-height: 1850px;
    }
}



/*
body[data-sidebar-size=sm] .main {
    margin-left: 70px;
}

body[data-sidebar-size=sm] .navbar-brand-box {
    width: 70px !important;
}

body[data-sidebar-size=sm] .logo span.logo-lg {
    display: none;
}

body[data-sidebar-size=sm] .logo span.logo-sm {
    display: block;
}

body[data-sidebar-size=sm] #page-topbar {
    left: 70px;
}

body[data-sidebar-size=sm] .msb {
    position: absolute;
    width: 70px !important;
    z-index: 1001;
}

    body[data-sidebar-size=sm] .msb .simplebar-content-wrapper, body[data-sidebar-size=sm] .msb .simplebar-mask {
        overflow: visible !important;
    }

    body[data-sidebar-size=sm] .msb .simplebar-scrollbar, body[data-sidebar-size=sm] .msb .msb-btn {
        display: none !important;
    }

    body[data-sidebar-size=sm] .msb .simplebar-offset {
        bottom: 0 !important;
    }

    body[data-sidebar-size=sm] .msb #sidebar-menu .badge, body[data-sidebar-size=sm] .msb #sidebar-menu .menu-title {
        display: none !important;
    }

    body[data-sidebar-size=sm] .msb #sidebar-menu .nav.collapse {
        height: inherit !important;
    }

    body[data-sidebar-size=sm] .msb #sidebar-menu .has-arrow:after {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    body[data-sidebar-size=sm] .msb #sidebar-menu > ul > li {
        position: relative;
        white-space: nowrap;
    }

        body[data-sidebar-size=sm] .msb #sidebar-menu > ul > li > a {
            padding: 15px 13px;
            -webkit-transition: none;
            transition: none;
            display: block;
        }

            body[data-sidebar-size=sm] .msb #sidebar-menu > ul > li > a:active, body[data-sidebar-size=sm] .msb #sidebar-menu > ul > li > a:focus, body[data-sidebar-size=sm] .msb #sidebar-menu > ul > li > a:hover {
                color: var(--bs-sidebar-menu-item-hover-color);
            }

            body[data-sidebar-size=sm] .msb #sidebar-menu > ul > li > a i {
                font-size: 1.3rem;
                text-align: center;
                min-width: 50px;
                padding-bottom: 0;
            }

            body[data-sidebar-size=sm] .msb #sidebar-menu > ul > li > a span {
                display: none;
                padding-left: 25px;
            }

            body[data-sidebar-size=sm] .msb #sidebar-menu > ul > li > a.has-arrow:after {
                display: none;
            }

            body[data-sidebar-size=sm] .msb #sidebar-menu > ul > li > a .nav-icon {
                top: -2px;
            }

        body[data-sidebar-size=sm] .msb #sidebar-menu > ul > li:hover > a {
            position: relative;
            width: calc(180px + 70px);
            color: #038edc;
            background-color: var(--bs-sidebar-menu-item-active-bg-color);
            -webkit-transition: none;
            transition: none;
            -webkit-box-shadow: inset 0 3px 10px 0 rgba(154, 161, 171, .2);
            box-shadow: inset 0 3px 10px 0 rgba(154, 161, 171, .2);
        }

            body[data-sidebar-size=sm] .msb #sidebar-menu > ul > li:hover > a .nav-icon {
                color: #038edc;
            }

            body[data-sidebar-size=sm] .msb #sidebar-menu > ul > li:hover > a span {
                display: inline;
            }

        body[data-sidebar-size=sm] .msb #sidebar-menu > ul > li:hover > ul {
            display: block;
            left: 70px;
            position: absolute;
            width: 190px;
            height: auto !important;
            -webkit-box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, .1);
            box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, .1);
        }

            body[data-sidebar-size=sm] .msb #sidebar-menu > ul > li:hover > ul ul {
                -webkit-box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, .1);
                box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, .1);
            }

            body[data-sidebar-size=sm] .msb #sidebar-menu > ul > li:hover > ul a {
                -webkit-box-shadow: none;
                box-shadow: none;
                padding: 8px 20px;
                position: relative;
                width: 190px;
                z-index: 6;
                color: var(--bs-sidebar-menu-sub-item-color);
            }

                body[data-sidebar-size=sm] .msb #sidebar-menu > ul > li:hover > ul a:hover {
                    color: var(--bs-sidebar-menu-item-hover-color);
                }

    body[data-sidebar-size=sm] .msb #sidebar-menu > ul ul {
        padding: 5px 0;
        z-index: 9999;
        display: none;
        background-color: var(--bs-sidebar-bg);
    }

        body[data-sidebar-size=sm] .msb #sidebar-menu > ul ul li:hover > ul {
            display: block;
            left: 190px;
            height: auto !important;
            margin-top: -36px;
            position: absolute;
            width: 190px;
        }

        body[data-sidebar-size=sm] .msb #sidebar-menu > ul ul li > a span.pull-right {
            position: absolute;
            right: 20px;
            top: 12px;
            -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
        }

        body[data-sidebar-size=sm] .msb #sidebar-menu > ul ul li.active a {
            color: #f8f9fa;
        }

    body[data-sidebar-size=sm] .msb #sidebar-menu ul li ul.sub-menu li a:before {
        display: none;
    }

body[data-sidebar=dark] .msb {
    background: var(--bs-sidebar-dark-bg);
    border-color: var(--bs-sidebar-dark-bg);
}

    body[data-sidebar=dark] .msb .msb-btn {
        color: var(--bs-sidebar-dark-menu-item-color);
    }

body[data-sidebar=dark] #sidebar-menu ul li a {
    color: var(--bs-sidebar-dark-menu-item-color);
}

    body[data-sidebar=dark] #sidebar-menu ul li a .nav-icon {
        color: var(--bs-sidebar-dark-menu-item-icon-colo);
    }

    body[data-sidebar=dark] #sidebar-menu ul li a:hover {
        color: var(--bs-sidebar-dark-menu-item-hover-color);
    }

        body[data-sidebar=dark] #sidebar-menu ul li a:hover .nav-icon {
            color: var(--bs-sidebar-dark-menu-item-hover-color);
        }

body[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a {
    color: var(--bs-sidebar-dark-menu-sub-item-color);
    background-color: transparent;
}

    body[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:before {
        border-color: var(--bs-sidebar-dark-menu-sub-item-color);
    }

    body[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:hover {
        color: var(--bs-sidebar-dark-menu-item-hover-color);
    }

        body[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:hover:before {
            background-color: var(--bs-sidebar-dark-menu-item-hover-color);
            border-color: var(--bs-sidebar-dark-menu-item-hover-color);
        }

body[data-sidebar=dark] #sidebar-menu ul li.mm-active {
    color: var(--bs-sidebar-dark-menu-item-active-color) !important;
}

    body[data-sidebar=dark] #sidebar-menu ul li.mm-active > a {
        background-color: var(--bs-sidebar-dark-menu-item-active-bg-color);
        color: var(--bs-sidebar-dark-menu-item-active-color) !important;
    }

        body[data-sidebar=dark] #sidebar-menu ul li.mm-active > a .nav-icon {
            color: var(--bs-sidebar-dark-menu-item-active-color) !important;
        }

    body[data-sidebar=dark] #sidebar-menu ul li.mm-active .mm-show .mm-active > a {
        color: var(--bs-sidebar-dark-menu-item-active-color) !important;
    }

        body[data-sidebar=dark] #sidebar-menu ul li.mm-active .mm-show .mm-active > a:before {
            border-color: var(--bs-sidebar-dark-menu-item-active-color) !important;
            background-color: var(--bs-sidebar-dark-menu-item-active-color) !important;
        }

body[data-sidebar=dark][data-sidebar-size=sm] {
    min-height: 1300px;
}

    body[data-sidebar=dark][data-sidebar-size=sm] .msb #sidebar-menu > ul > li:hover > a {
        background: #043655;
        color: var(--bs-sidebar-dark-menu-item-hover-color);
    }

        body[data-sidebar=dark][data-sidebar-size=sm] .msb #sidebar-menu > ul > li:hover > a .nav-icon {
            color: var(--bs-sidebar-dark-menu-item-hover-color);
        }

    body[data-sidebar=dark][data-sidebar-size=sm] .msb #sidebar-menu > ul > li:hover > ul a {
        color: var(--bs-sidebar-dark-menu-sub-item-color);
    }

        body[data-sidebar=dark][data-sidebar-size=sm] .msb #sidebar-menu > ul > li:hover > ul a:hover {
            color: var(--bs-sidebar-dark-menu-item-hover-color);
        }

    body[data-sidebar=dark][data-sidebar-size=sm] .msb #sidebar-menu > ul ul {
        background-color: var(--bs-sidebar-dark-bg);
    }

body[data-sidebar=dark] .menu-title {
    color: var(--bs-sidebar-dark-menu-item-color);
}

body[data-layout=horizontal] .main {
    margin-left: 0 !important;
}

body[data-sidebar-size=md] .navbar-brand-box {
    width: 160px;
}

@media (max-width:991.98px) {
    body[data-sidebar-size=md] .navbar-brand-box {
        width: auto;
    }
}

body[data-sidebar-size=md] .msb {
    width: 160px;
    text-align: center;
}

    body[data-sidebar-size=md] .msb .badge, body[data-sidebar-size=md] .msb .has-arrow:after {
        display: none !important;
    }

    body[data-sidebar-size=md] .msb .msb-btn {
        display: none;
    }

body[data-sidebar-size=md] .main {
    margin-left: 160px;
}

body[data-sidebar-size=md] #page-topbar, body[data-sidebar-size=md] .footer {
    left: 160px;
}

@media (max-width:991.98px) {
    body[data-sidebar-size=md] #page-topbar, body[data-sidebar-size=md] .footer {
        left: 0;
    }
}

body[data-sidebar-size=md] #sidebar-menu ul li.menu-title {
    background-color: #fafafa;
}

body[data-sidebar-size=md] #sidebar-menu ul li .menu-item {
    margin-left: 0;
}

body[data-sidebar-size=md] #sidebar-menu ul li a {
    padding: .75rem 1.1rem;
    display: block;
}

    body[data-sidebar-size=md] #sidebar-menu ul li a .nav-icon {
        width: 20px;
        height: 20px;
        display: block;
        margin: 0 auto;
        padding-bottom: .2em;
        top: -2px;
    }

body[data-sidebar-size=md] #sidebar-menu ul li ul.sub-menu li a {
    padding-left: 1.5rem;
}

    body[data-sidebar-size=md] #sidebar-menu ul li ul.sub-menu li a:before {
        display: none;
    }

body[data-sidebar-size=md][data-sidebar=dark] #sidebar-menu ul li.menu-title {
    background-color: #033350;
}

body[data-sidebar-size=md]:not(.vertical-collpsed) .navbar-header .msb-btn {
    display: block;
}

body[data-sidebar-size=md][data-sidebar-size=sm] .main {
    margin-left: 70px;
}

body[data-sidebar-size=md][data-sidebar-size=sm] .msb #sidebar-menu {
    text-align: left;
}

    body[data-sidebar-size=md][data-sidebar-size=sm] .msb #sidebar-menu > ul > li > a .nav-icon {
        display: inline-block;
    }

body[data-sidebar-size=md][data-sidebar-size=sm] #page-topbar, body[data-sidebar-size=md][data-sidebar-size=sm] .footer {
    left: 70px;
}

body[data-sidebar=brand] .msb {
    background-color: #038edc;
    border-color: #038edc;
}

    body[data-sidebar=brand] .msb::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-image: url(../images/profile-bg.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        opacity: .075;
    }

    body[data-sidebar=brand] .msb .msb-btn {
        color: rgba(255, 255, 255, .8);
    }

body[data-sidebar=brand] .navbar-brand-box {
    background-color: #038edc;
}

    body[data-sidebar=brand] .navbar-brand-box .logo-dark {
        display: none;
    }

    body[data-sidebar=brand] .navbar-brand-box .logo-light {
        display: block;
    }

body[data-sidebar=brand] #sidebar-menu ul li.menu-title {
    color: rgba(255, 255, 255, .8);
}

body[data-sidebar=brand] #sidebar-menu ul li a {
    color: rgba(255, 255, 255, .7);
}

    body[data-sidebar=brand] #sidebar-menu ul li a .nav-icon {
        color: rgba(255, 255, 255, .7);
    }

    body[data-sidebar=brand] #sidebar-menu ul li a:hover {
        color: #fff;
    }

        body[data-sidebar=brand] #sidebar-menu ul li a:hover .nav-icon {
            color: #fff;
        }

body[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu li a {
    color: rgba(255, 255, 255, .6);
}

    body[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu li a:before {
        border-color: rgba(255, 255, 255, .6);
    }

    body[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu li a:hover {
        color: #fff;
    }

        body[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu li a:hover:before {
            background-color: #fff;
            border-color: #fff;
        }

body[data-sidebar=brand] #sidebar-menu ul li .badge {
    background-color: #fff;
}

body[data-sidebar=brand] #sidebar-menu ul li.mm-active {
    color: #fff !important;
}

    body[data-sidebar=brand] #sidebar-menu ul li.mm-active > a {
        background: 0 0;
        color: #fff !important;
    }

        body[data-sidebar=brand] #sidebar-menu ul li.mm-active > a .nav-icon {
            color: #fff !important;
        }

    body[data-sidebar=brand] #sidebar-menu ul li.mm-active .mm-show .mm-active > a {
        color: #fff !important;
    }

        body[data-sidebar=brand] #sidebar-menu ul li.mm-active .mm-show .mm-active > a:before {
            border-color: #fff !important;
            background-color: #fff !important;
        }

body[data-sidebar=brand][data-topbar=light] .navbar-brand-box {
    background-color: #038edc;
}

    body[data-sidebar=brand][data-topbar=light] .navbar-brand-box .logo-dark {
        display: none;
    }

    body[data-sidebar=brand][data-topbar=light] .navbar-brand-box .logo-light {
        display: block;
    }

body[data-sidebar=brand][data-sidebar-size=sm] .msb #sidebar-menu > ul > li:hover > a {
    background-color: #0394e6;
    color: #fff;
}

    body[data-sidebar=brand][data-sidebar-size=sm] .msb #sidebar-menu > ul > li:hover > a .nav-icon {
        color: #fff;
    }

body[data-layout=horizontal] #page-topbar {
    left: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

body[data-layout=horizontal] .navbar-brand-box {
    display: block;
    width: auto;
    border: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
}

@media (min-width:992px) {
    body[data-layout=horizontal] .navbar-brand-box {
        padding-left: 0;
        margin-right: 10px;
    }
}

body[data-layout=horizontal] .page-content {
    margin-top: 70px;
    padding: calc(55px + 20px) calc(20px / 2) 60px calc(20px / 2);
}

@media (max-width:991.98px) {
    body[data-layout=horizontal] .page-content {
        padding-top: 20px;
    }
}

@media (min-width:992px) {
    body[data-layout=horizontal] .navbar-header {
        padding-left: 20px;
        padding-right: 20px;
    }
}*/