.wh-fill{
  width:100%;
  height:100%
}

.abs-fill{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0
}

.gadget-tabs-container{
  -webkit-flex:none;
  -ms-flex:none;
  flex:none;
  height:51px;
  border-top:1px solid #ddd}

.gadget-tabs-container ul.gadget-tabs{
  width:100%;
  height:100%;
  list-style:none;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  background-color:#f2f2f2;
  margin:0;
  padding:0;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center
}

.gadget-tabs-container ul.gadget-tabs>li{
  -webkit-flex:1;
  -ms-flex:1;
  flex:1
}

.gadget-tabs-container ul.gadget-tabs>li>a{
  display:block;
  text-align:center;
  color:#777;
  text-decoration:none;
  font-size:12px
}

.gadget-tabs-container ul.gadget-tabs>li>a>i{
  display:block;
  margin:auto;
  font-size:24px}

.gadget-tabs-container ul.gadget-tabs>li.active>a{
  color:#337ab7
}

.gadget-tabs-content-container{
  position:relative;
  -webkit-flex:1;
  -ms-flex:1;
  flex:1
}

.gadget-tabs-content-container .tab-content,.gadget-tabs-content-container .tab-content .tab-pane{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0
}

.gadget-tabs-content-container .gadget-tabs-content-inner{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column
}

.gadget-title{
  -webkit-flex:none;
  -ms-flex:none;
  flex:none;
  position:relative;
  background-color:#f2f2f2;
  height:45px;
  border-bottom:1px solid #ddd;
  padding:0
  
}

.gadget-title button.btn{
  position:relative;
  height:31px;
  margin:7px 10px 0;
  z-index:10
  
}

.gadget-title h1{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  font-size:17px;
  text-align:center;
  line-height:44px;
  margin:0;
  z-index:0
  
}

.gadget-block-button{
  -webkit-flex:none;
  -ms-flex:none;
  flex:none;
  background-color:#f2f2f2;
  padding:0 6px;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex}

.gadget-block-button .btn{
  display:block;
  -webkit-flex:1;
  -ms-flex:1;
  flex:1;
  margin:6px 6px}

.gadget-block-button-top{
  border-top:1px solid #ddd
  
}

.gadget-block-button-bottom{
  border-bottom:1px solid #ddd
  
}

.gadget-container{
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  width:100%;
  height:100%
  
}

.gadget-content{
  position:relative;
  -webkit-flex:1;
  -ms-flex:1;
  flex:1
  
}

.gadget-content-inner{
  width:100%;
  height:100%
  
}

.gadget-scroll{
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  position:relative;
  -webkit-flex:1;
  -ms-flex:1;
  flex:1;
  width:100%;
  height:100%;
  overflow:auto
  
}

