html,body{height:100%}.wrapper{width:100%;min-height:100%;display:flex;flex-direction:column}.page-header{width:100%;height:70px;min-height:70px;background-color:#fff;box-shadow:0 1px 10px 0 rgba(50,50,50,0.2);position:fixed;z-index:100}.page-header__inner{width:100%;height:100%}.page-logo{width:auto;height:100%;display:flex;align-items:center;padding:0 30px}.page-logo img{width:70px;height:32px}.page-logo span{font-size:17px;font-weight:bold;color:#020202;line-height:1;display:block}.page-logo span::before{content:"";border-left:2px #efeded solid;margin:0 11px;height:17px;display:inline-block;top:2px;position:relative}.toggle-button{width:70px;height:70px;margin-right:auto;border-left:1px #eff0f1 solid;border-right:1px #eff0f1 solid;display:flex;flex-direction:column;justify-content:center;align-items:center}.toggle-button:hover{cursor:pointer}.toggle-button__lable{width:23px;height:23px;position:relative;display:block}.topbar-area{width:auto;height:100%;float:right}.topnav-list{width:auto;height:100%;display:flex;justify-content:flex-start}.topnav-list__item{width:70px;height:100%;display:flex;border-left:1px #eff0f1 solid;box-sizing:border-box}.topnav-list__item a{width:100%;height:100%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.topnav-list__item a i{font-size:26px}.topnav-list__item a span{font-size:9px;font-weight:300;margin-top:6px}.topnav-list__item--name{width:auto;height:100%;padding:0 30px;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;border-left:1px #eff0f1 solid;justify-content:space-evenly}.topnav-list .user-pic{width:42px;height:42px;overflow:hidden;border-radius:25px;background-color:#eceef0}.topnav-list .user-name{width:auto;height:auto;font-size:12px;color:#666666;margin-left:10px}.topnav-list .user-name::after{content:"\f107";font-family:FontAwesome}.topnav-list .user-name:hover{cursor:pointer}.page-container{width:100%;background-color:#f5f6fa;margin-top:70px}.page-content{width:100%;max-width:1440px;margin:0 auto;padding:30px 90px;box-sizing:border-box}.page-footer{width:100%;height:80px;background-color:#18172a}.page-footer__inner{width:100%;height:100%;padding-left:70px;box-sizing:border-box;flex-direction:column;justify-content:center;display:flex}.page-footer__links{width:auto;height:auto;display:flex;justify-content:flex-start}.page-footer__links li{width:auto;height:auto;padding:0 8px;border-left:1px #cccccc solid}.page-footer__links li:last-child{border-right:1px #cccccc solid}.page-footer__links li a{display:flex;font-size:11px;color:#cccccc;line-height:1}.page-footer__links li a:hover{color:#fff}.page-footer__copyright{font-size:11px;color:#999999;line-height:1;margin-top:23px}.pull-left{float:left !important}.pull-right{float:right !important}.row{width:100%;height:auto;margin-bottom:75px}.col-md-1{width:100%}.col-md-2{width:50%}.col-md-3{width:33.3333333%}.col-md-4{width:25%}