:root {
    --maincolor: #16223e;
    --bgcolor: #357b878a;
}
.navbar-dark {
    background-color: var(--maincolor) !important;
}

aside.main-sidebar {
    background-color: var(--maincolor)!important;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: var(--bgcolor) !important;
}

.text-center {
    text-align: center !important;
}

.box-none {
    box-shadow: none !important;
}

.fs-20 {
    font-size: 20px;
}

.brand-link {
    padding: unset !important;
}

img.elevation-3 {
    width: 85% !important;
    height: auto !important;
}

a.brand-link {
    height: 60px !important;
}

.navbar-nav {
    padding: 5px !important;
}

body.sidebar-mini.sidebar-collapse .elevation-3.desktop {
    display: none;
    opacity: 0;
}

body.sidebar-mini.sidebar-collapse .elevation-3.mobile {
    display: block;
    opacity: 1;
}

body.sidebar-mini .elevation-3.mobile {
    display: none;
    opacity: 0;
}

.sidebar-mini.sidebar-collapse .main-sidebar:hover .elevation-3.mobile{
    display: none;
    opacity: 0;
}

.sidebar-mini.sidebar-collapse .main-sidebar:hover .elevation-3.desktop{
    display: block;
    opacity: 1;
}