.main-layout{position:fixed;width:80%;height:80%;top:0;right:0;bottom:0;left:0;margin:auto;overflow:hidden;-webkit-transition:.5s ease;transition:.5s ease;border-radius:5px}.main-layout.full-mode{width:1200px;height:85%;border-radius:0}.main-layout .side-edge{display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;border-right:1px solid #ededed}.main-layout .side-edge .logo-header{padding:0}.main-layout .side-edge .logo-header .user-status{text-align:center;margin-top:10px;color:#ccc9c9;font-size:13px;font-weight:300}.main-layout .side-edge .logo-header .user-status .online{color:#0d710d}.main-layout .sidebar-menu{width:60px;margin:0 auto;text-align:center;padding:0;overflow:hidden}.main-layout .sidebar-menu a{text-decoration:none}.main-layout .sidebar-menu .menu-items{cursor:pointer;color:#706d6d;position:relative;width:45px;height:45px;margin:6px auto 0;line-height:45px;text-align:center}.main-layout .sidebar-menu .menu-items i{font-size:20px}.main-layout .sidebar-menu .menu-items i:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}.main-layout .sidebar-menu .menu-items .notify{width:5px;height:5px;background:#ff1e1e;display:inline-block;border-radius:5px;position:absolute;right:5px;top:9px;animation:notifymove 3s infinite;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation:notifymove 3s infinite}.main-layout .sidebar-menu .menu-items.active{color:#416641!important}.fixed-sidebar{padding:0}.fixed-sidebar .menu-items{height:25px;line-height:25px;padding:10px 5px;cursor:pointer;-webkit-box-shadow:0 0 0 0 #ccc9c9;box-shadow:0 0 0 0 #ccc9c9;text-align:center;color:#afabab}.fixed-sidebar .menu-items i{font-size:20px}.fixed-sidebar .menu-items .logout{font-weight:300;font-size:15px;color:#9e9e9e;-webkit-transition:.5 ease;transition:.5 ease}.fixed-sidebar .menu-items .logout:hover{font-size:16px}.body-bag{width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;background-color:#121212;-webkit-transition:.5s ease-in;transition:.5s ease-in}@keyframes notifymove{0%{background:#ff1e1e}25%{background:#2e3238}50%{background:#ff1e1e}75%{background:#2e3238}to{background:#ff1e1e}}@-webkit-keyframes notifymove{0%{background:#ff1e1e}25%{background:#2e3238}50%{background:#ff1e1e}75%{background:#2e3238}to{background:#ff1e1e}}@media screen and (max-width:1000px){.main-layout{width:100%;height:100%;border-radius:0}}@media screen and (max-width:767px){.side-edge{display:none!important}}.user-box{margin:20px auto 10px auto;height:35px;width:35px;-ms-flex-negative:0;flex-shrink:0;background-color:#508afe;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:1s ease;transition:1s ease;position:relative;overflow:hidden}.user-box img{width:100%;height:100%;background-color:#fff;border-radius:3px}.user-box .top-mask{width:100%;height:100%;background-color:rgba(22,25,29,.6);position:absolute;top:0;left:0;color:#fff;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:700}.user-box:hover .top-mask{display:-webkit-box;display:-ms-flexbox;display:flex}