.sidenav {
    width: 200px !important;
    margin-top: 65px;
    box-shadow: none;

}

main, footer {

}

header {
    padding: 0px;
}

@media only screen and (max-width: 992px) {
    header, main, footer {
        padding-left: 0;
    }
}

ul.sidenav.sidenav-fixed ul.collapsible-accordion .collapsible-body li a {
    font-weight: 400;
    padding: 0 20px;
}
.collapsible-body li {
    padding: 0;
    margin: 0 10px;
}

ul.sidenav.sidenav-fixed li a {
    font-size: 1.1rem !important;
    line-height: 44px;
    height: 44px;
    padding: 0 18px;
    font-weight: bold;
    color: #70767c;
}
nav{
    background: #ffffffcf;

}
.sidenav li > a > i {
    float: right !important;
    position: absolute;
    right: 10px;
    margin: 0 !important;
}

.sidenav.sidenav-fixed .collapsible-body li.active > a > i {
    color: white;
}

.sidenav .collapsible-body > ul:not(.collapsible) > li.active, .sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active {
    color: white;
    background-color: #1E88E5;
    border-radius: 7.5px;
}

.sidenav.far {
    font-size: 1.3rem;
}

.config {
    position: absolute;
    bottom: 130px;
    left: 140px;
}

body.sidenav-collapsed .sidenav.sidenav-fixed {
    transform: translateX(-220px) !important;
}

@media only screen and (min-width: 993px) {
    body.sidenav-collapsed .container-fluid {
        margin-left: 0 !important;
        padding-left: 30px;
    }
    body.sidenav-collapsed .container {
        margin-left: auto;
        padding-left: 15px;
        width: 95%;
    }
    body.sidenav-collapsed header,
    body.sidenav-collapsed main,
    body.sidenav-collapsed footer,
    body.sidenav-collapsed ui-view {
        padding-left: 0;
    }
}

#sidenav-toggle-btn {
    cursor: pointer;
    width: 55px;
}