/*================基本样式重置================*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,img,span,i,a,em,strong,b,input,textarea,select { margin:0; padding:0; font-size: 100%; }
i,em { font-weight:normal; font-style:normal; }
body { -webkit-tap-highlight-color:rgba(0,0,0,0); font-size:1em; font-family:Helvetica,Microsoft yahei;}
li { list-style:none; }
a,img,input { border:0 none; }
a { text-decoration:none; outline:none; }
a:hover { text-decoration:none; }
a:focus,input:focus { outline:0 none;}


button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal;appearance:button;-moz-appearance:button; /* Firefox */-webkit-appearance:button; /* Safari 和 Chrome */ }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; resize: vertical; }
optgroup { font-weight: bold; }

input{}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*========定义基础样式========*/
.hide { display:none;}
.fl { float:left;}
.fr { float:right;}
.clearfix:after { content:" "; display:block; clear:both; height:0; /*visibility:hidden;*/}
.clearfix { zoom:1; }
a .opacity { filter:alpha(opacity=100); opacity:1; -moz-opacity:1; }
a:hover .opacity { filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; }


.jbr_header{
  background-color: #262f3e;
  height: 50px;
  display: flex;
  /* align-items: center; */
  z-index: 2000000;
  position: relative;
}

.jbr_header .logo-box{
  width: 136px;
  height: 50px;
  display: block;
}

.jbr_header .logo{
  width: 86px;
  height: 35px;
  margin-left: 17px;
  margin-top: 7px;
}

.jbr_header .dashboard{
  width: 80px;
  height: 50px;
  display: block;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  margin-left: 5px;
  background: #1e222d;
}

.jbr_header .dashboard1{
  height: 50px;
  display: inline-block;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  margin:0 5px;
  color:#C1C6C8;
  padding: 0 6px;
}
.jbr_header .dashboard1:hover{
  color: #fff;
}

.jbr_header .company{
  color: #fff;
  line-height: 50px;
  height: 50px;
  margin-left:15px;
  border-left:1px solid #1e222d;
}
.jbr_header .empty{
  flex: 1;
}


.jbr_header .company .jbr-content{
  height: 50px;
  overflow: hidden;
  padding: 0 20px;
  font-size: 14px;
  color: #d0d7ed;
  transition: height .3s;
}

 .company .item a{
  color: #fff;
}


.jbr_header  .jbr-content:hover{
  height: 150px;
  background-color: #151822;
  color: #fff;
}

.jbr_header  .jbr-content .item{
  display: block;
  padding: 0 14px;
}

.jbr_header  .jbr-content .item a{
  color: #fff;
}



.jbr_header .icon{
  height: 50px;
  display: block;
  position: relative;
}

.jbr_header .icon img{
  width: 18px;
  height: 16px;
  margin-top: 17px;
}


.jbr_header .icon .nav_qrcode{
  position: absolute;
  top: 33px;
  left: 0;
  width: 180px;
  /* height: 180px; */
  height: 0;
  transition: height .1s;

}

.jbr_header .icon.qr:hover .nav_qrcode{
  height: 180px;
}


.jbr-main-sidebar{
  width: 221px;
  height: calc(100vh - 50px);
  background-color: #555b6e;
  font-size: 14px;

}

.jbr-main-sidebar .menu-box{
  
}

.jbr-main-sidebar .menu-box li{
  width: 100%;
  /* height: 42px; */
  line-height: 42px;
  color: #fff;
}

.jbr-main-sidebar .menu-box li .menu_item{
  height: 42px;
  line-height: 42px;
  display: flex;
}

.jbr-main-sidebar .menu-box li .menu_item i{
  margin: 0 10px;
}

.jbr-main-sidebar .menu-box li .menu_item div{
  flex: 1;
}


.jbr-main-sidebar .menu-box li .sub_menu_item{
  display: none;
  display: block;



} 

.jbr-main-sidebar .menu-box li .sub_menu_item li{
  display: flex;
  align-items: center;
  height: 42px;
}


.jbr-main-sidebar .menu-box li .sub_menu_item i{
  margin-left: 20px;
  margin-right: 10px;

}


.main-sidebar{
  padding-top: 0;
  z-index: 1031;
  width: 221px;
  overflow: hidden;
}

.content-wrapper, .right-side, .main-footer{
  margin-left: 221px;
}
.main-header .navbar{
  margin-left: 221px;
  font-size: 14px;
}

.skin-black-green .wrapper, .skin-black-green .main-sidebar, .skin-black-green .left-side{
  background-color: #1e222d;
}

.skin-black-green .sidebar-menu > li > .treeview-menu{
  background-color: #1e222d;
}

.sidebar-menu > li{
  font-size: 14px;
}
.skin-black-green .sidebar-menu > li:hover > a {
  background-color: #555b6e;
}

/* TODO 菜单选中状态配色 */

.skin-black-green .sidebar-menu > li.active > a{

}

.sidebar-menu li > a > .pull-right-container > .fa-angle-left{
  transform: rotate(90deg);

}

@media (min-width: 768px){
  .sidebar-mini.sidebar-collapse .main-sidebar{
    z-index: 1031;
  }
}


.wrapper{
  height: calc(100vh - 50px);
  position: relative;

}

.wrapper .main-header{
  position: absolute;
}

.wrapper .main-sidebar{
  position: absolute;
}
.sidebar-menu li > a > .pull-right-container{
  /* display: none; */
}

.sidebar-menu > li .label, .sidebar-menu > li .badge{
  display: none;
}

@media (max-width: 767px){
  
  .jbr_header .dashboard{
      display: none;
  }
  .jbr_header .icon{
    display: none;
  }

  .wrapper .main-sidebar{
    /* width: 0; */
  }

  .content-wrapper, 
  .main-header .navbar{
    margin-left: 0;
  }


}