/** base on Bootstrap
*/

.ok-modal .glyphicon-ok,
.error-modal .glyphicon-remove,
.warning-modal .glyphicon-alert{
  position: relative;
  width:40px;
  height: 40px;
  margin: 0 15px;
}
.alertContent{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  min-height: 40px;
  font-size: 17px;
  font-weight: bold;
}
.alertContent .alertTip{
  font-weight: normal;
  font-size: 14px;
  display: block;
  color:#aaa;
}
.ok-modal .glyphicon-ok:before,
.error-modal .glyphicon-remove:before,
.warning-modal .glyphicon-alert:before{
  position: absolute;
  top:0;
  left:0;
  display:flex;
  align-items:center;
  justify-content:center;
  width: 40px;
  height:40px;
  border-radius:50px;
  font-size: 16px;
  color:white;
}
.ok-modal .glyphicon-ok:before{
  background-color: #A8D055;
  box-shadow: inset 0 0 0 3px #90B359;
}
.error-modal .glyphicon-remove:before{
  background-color: #E34F4F;
  box-shadow: inset 0 0 0 3px #C5413F;
}
.warning-modal .glyphicon-alert:before{
  content: "";
  font-size: 36px;
}
.warning-modal .glyphicon-alert:after{
  content: "\e209";
  font-size: 36px;
  color: #F0E371;
  background-color: #4D4E26;
  box-shadow: inset 0 2px 0 12px white;
}

.page_bar li {
    cursor: pointer;
}

.page_bar {
    display: table;
    margin: 0 auto;
}