html{
  height:100%;
  font-size:62.5%;
}
body{
  height:100%;
  font:1.4rem "Microsoft YaHei";
}


.header-navbar{
  border-radius:0;
  border:0;
  background:#337ab7;
}

.header-navbar .navbar-brand
,.header-navbar .navbar-brand:visited
,.header-navbar .navbar-nav>li>a
,.header-navbar .navbar-nav>li>a:visited{color:#e7e7e7;}

.header-navbar .navbar-brand:hover
,.header-navbar .navbar-nav>li>a:hover{color:#fff;}

.header-navbar .dropdown-menu{
  left:auto;
  right:0;
}


.main{height:calc(100% - 8.9rem);}

.main-aside{width:11.3%;}

.main-aside-ul{
  position:static;
  display:block;
  float:none;
  margin:0;
}

.main-aside-ul a{color:#000;}

.main-content{
  width:87.2%;
  height:100%;
}


.footer{text-align:center;}


.matte{
  z-index:1051;
  position:absolute;
  display:flex;
  align-items:center;
  justify-content:center;
}


.alert-btnGroup{
  margin-top:1.7rem;
  text-align:right;
}


@keyframes rotate{
  0% {transform:rotate(0deg);}
  100% {transform:rotate(360deg);}
}

.rotate{animation:rotate 2s linear infinite;}


.page-nav{text-align:center;}

.page-num{
  float:left;
  display:inline-block;
  width:5rem;
}


.permission-role{width:24.4rem;}

.permission-resource{
  margin-left:1.7rem;
  width:14.4rem;
}

.permission-edit{
  width:35.6rem;
  text-align:center;
}