html,body,div,aside,nav{box-sizing:border-box;margin:0;padding:0;outline:0;border:0;background:transparent;vertical-align:baseline;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{direction:ltr;min-width:960px;background:#eee}.page_{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:1170px;height:100%;min-height:100vh;margin:0 auto;-webkit-transition:width .3s ease-in-out;transition:width .3s ease-in-out}.page-left-side{position:fixed;z-index:99;top:0;bottom:0;width:270px;-webkit-transition:width .3s ease-in-out;transition:width .3s ease-in-out;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.page-right-side,.page-right-footer{position:relative;left:270px;width:900px;box-shadow:1px 5px 5px rgba(0,0,0,.1);-webkit-transition:left .3s ease-in-out,width .3s ease-in-out;transition:left .3s ease-in-out,width .3s ease-in-out}.page-right-side{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background:#fff}.ie10 .page-right-side,.ie11 .page-right-side{min-height:calc(100vh - 175px)}.page-right-footer{display:none;position:relative;z-index:1;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;min-height:0;padding:15px 30px 0;border-top:1px solid rgba(0,0,0,.1);background:#f7f7f7}.with-side-footer .page-right-footer{display:block}.simple-page,.page--plain .page_,.page--simple .page_{display:none}.page--plain .page-plain{width:100%;height:100%}.sidebar{position:relative;overflow:hidden;width:100%;height:100%;background:#eee;-webkit-transition:width .3s ease-in-out,padding .3s ease-in-out;transition:width .3s ease-in-out,padding .3s ease-in-out}.sidebar:after{position:absolute;top:0;right:-5px;bottom:0;width:5px;content:'';box-shadow:-1px 0 5px rgba(0,0,0,.1)}.sidebar-logo{position:relative;left:30px;width:210px;height:60px;-webkit-transition:width .3s ease-in-out,left .3s ease-in-out;transition:width .3s ease-in-out,left .3s ease-in-out;text-align:center}.sidebar-logo .logo{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.sidebar-logo .logo{visibility:visible;opacity:1;-webkit-transition:opacity .3s ease-in-out .13s,visibility .3s ease-in-out .13s;transition:opacity .3s ease-in-out .13s,visibility .3s ease-in-out .13s}.sidebar-logo .logo-ico{position:absolute;top:8px;left:-2px;visibility:hidden;width:44px;height:44px;opacity:0;-webkit-transition:opacity .3s ease-in-out,visibility .3s ease-in-out;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}@media screen and (max-width:1175px){.page_{width:960px;margin:0}.page-left-side{width:60px}.page-right-side,.page-right-footer{left:60px}.sidebar-logo .logo{visibility:hidden;opacity:0}}