body{ padding:100px 2rem 0 3rem; }
.page-holder { position:relative; width:100%; margin:0; padding:0; }
@media screen and (min-width:768px){
    body{ padding:90px 2rem 2rem 7rem; }
}
body.auth{ padding:0; }

.side-menu { position:fixed; display:flex; flex-direction:column; justify-content:space-between; background-color:#fff; width:250px; cursor:pointer; top:0; padding:75px 0 0 0; height:100vh; left:-255px; z-index:9; }

.side-menu-collapse{ position:absolute; top:65px; left:0px; width:28px; height:28px; background-color:#eeeeee; }
.side-menu-collapse i{ display:block; color:#CCCCCC; font-size:1.1rem; width:28px; text-align:center; }
.side-menu-collapse i:before{ line-height:28px; }

.side-menu .side-menu-main { width:100%; overflow-y:auto; overflow-x:hidden; padding-top:30px; flex-grow:1; flex-basis:auto; }
.side-menu .side-menu-bottom { position:relative; width:100%; left:0px; background-color:#FFFFFF; border-top:1px solid #EAEAEA; overflow-x:hidden; align-self:flex-end; flex-shrink:0; }
.side-menu .side-menu-bottom1:before{ content:""; position:absolute; top:-5px; left:0px; width:95%; height:50px; background-color:rgba(0,0,0,0.2); z-index:-1; filter:blur(3px); }

.side-menu ul { padding:0; margin:0; }
.side-menu ul li { list-style:none; }

.side-menu .menu-item{ position:relative; display:block; padding:0 10px 0 60px; min-height:50px; }
.side-menu .menu-item a{ display:table; width:185px; overflow-x:hidden; }
.side-menu .menu-icon { position:absolute; top:10px; left:20px; color:#A2A4B9; text-align:center; width:30px; }
.side-menu .menu-icon:before{ width:30px; text-align:center; font-size:1.6rem; line-height:30px; }
.side-menu .menu-label{ position:relative; display:table-cell; text-decoration:none; padding:0; height:50px; font-weight:400; font-size:1rem; color:#A2A4B9; line-height:1; vertical-align:middle; }

.side-menu .menu-arrow { position:absolute; top:18px; right:15px; width:8px; height:8px; border:1px solid #CCCCCC; border-top:0; border-left:0; transform:rotate(45deg); }
.side-menu .menu-sub{ display:none; }
.side-menu .menu-item.open .menu-sub { display:block; }
.side-menu .menu-sub .menu-item{ padding-left:0; }
.side-menu .menu-sub .menu-label{ color:#A2A4B9; white-space:nowrap; cursor:pointer; }
.side-menu .menu-sub .menu-item.active .menu-label{ color:#333333; }

.menu-item:hover > a > .menu-icon, .menu-item.active > a > .menu-icon{ color:#ea1f25; }
.menu-item:hover > a > .menu-label, .menu-item.active > a > .menu-label{ color:#333333; }
.menu-item.open > a > .menu-icon{ color:#ea1f25; }
.menu-item.open > a > .menu-label{ color:#333333; }

.side-menu{ width:70px; }
.side-menu .menu-item.open .menu-sub{ display:none; }
.side-menu .menu-label, .side-menu .menu-arrow{ display:none; }
.side-menu:hover{ width:19rem; }
.side-menu:hover .menu-item.open .menu-sub{ display:block; }
.side-menu:hover .menu-label{ display:table-cell; }
.side-menu:hover .menu-arrow{ display:block; }

.menu-expanded{ padding-left:2rem; }
.menu-expanded .side-menu{ width:2rem; }
.menu-expanded .side-menu .menu-item.open .menu-sub{ display:block; }
.menu-expanded .side-menu .menu-label{ display:table-cell; }
.menu-expanded .side-menu .menu-arrow{ display:block; }


.side-menu .side-menu-unlock{ display:block; }
.side-menu .side-menu-lock{ display:none; }
.menu-expanded .side-menu-unlock{ display:none; }
.menu-expanded .side-menu-lock{ display:block; }

.side-menu-bottom-anim{ position:absolute; top:-60px; height:60px; left:0px; width:100%; pointer-events:none; overflow:hidden; }
.side-menu-bottom-anim div{ position:absolute; top:65px; left:5px; width:5px; height:5px; border-radius:50%; background-color:#FFFFFF; }

@media screen and (min-width:768px){
    .side-menu { left:0; }
    .menu-expanded{ padding-left:21rem; }
    .menu-expanded .side-menu{ width:19rem; }
}

.menu-mobile { color:#90a4ae; display:flex; justify-content:flex-end; padding:15px; }