.page-sidebar {
    width: 14.4em;
    position: fixed;
    top: 0;
    left: 0;
    display: inline-block;
    background: #2D3848;
    box-shadow: 0 4px 4px #101721;
    border-radius: 0 20px 20px 0;
    z-index: 101;
    height: 100%;
}

.menu-header{
    padding: 15px 10px;
}

.menu-header > a {
    vertical-align: middle;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 40px;
    color: #16788B;
}

.menu-header > a > i {
    margin-left: 5px;
    font-size: 25px;
    margin-right: 0;
    vertical-align: middle;
}
.menu-header > a > span {
    margin-left: -1px;
}

.menu-body{
    height:calc(100% - 140px);
}

.main-menu {
    padding: 0;
}

.main-menu > li {
    padding: 0.5em 10px;
}

.main-menu > li > a {
    vertical-align: middle;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 40px;
    color: #E5E5E5;
    padding: 0;
}

ul.main-menu li a {
    color: #E5E5E5;;
    display: block;
    text-decoration: none;
}

ul.main-menu > li.active > a, ul.main-menu > li > a:hover, ul.main-menu > li > a:focus {
    background: #0092A3;
    border-radius: 20px 0 20px 20px;
    color: #ffffff;

}

.main-menu > li > a > img {
    margin-left: 12px;
    font-size: 18px;
    margin-right: 6px;
    width: 22px;
    height: 22px;
}

.page-sidebar-expand {
    width: 14.4em;
}

.page-sidebar-collapse {
    width: 70px;
}

.page-sidebar-expand + .main-container {
    margin-left: 200px;
}

.page-sidebar-collapse + .main-container {
    margin-left: 70px;
}

.menu-footer-collapse {
    width: 70px;
    left: 4px;
}

.menu-footer-expand {
    width: 14.4em;
}

.toggler-lista-grid {
    display: block;
    margin: 0 auto 20px;
    overflow: hidden;
    width: 71px
}

.toggler-lista-grid .btn {
    padding: 5px;
    text-align: center
}