/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
/*panel-容器*/
.l-panel {
  position: relative;
  width: 100%;
  /*overflow: hidden;*/
  /*外部包裹flex用于头部和内容的布局， 暂时不用， IE兼容性有问题*/
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
/*.@{panel}, .@{panel} * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}*/
.l-panel.l-panel-collapsed > .l-panel-header {
  border-bottom-width: 0;
}
/*panel-头部: 用flex布局方便设置工具栏*/
.l-panel-header {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  height: 35px;
  display: flex;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  background-color: #4884F2;
  border-color: #4884F2;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  align-items: center;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
/*panel-标题： title内容也用flex布局， 方便图片和文字居中*/
.l-panel-title {
  position: relative;
  overflow: hidden;
  color: #fff;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: flex;
  align-items: center;
  margin-left: 5px;
}
/*panel-图标*/
.l-panel-title-icon {
  margin-right: 8px;
}
/*panel-文字*/
.l-panel-title-text {
  font-weight: bold;
  text-align: left;
  margin-left: 5px;
}
/*panel-工具栏*/
.l-panel-tools {
  overflow: hidden;
  color: #fff;
  display: flex;
  align-items: center;
}
/*panel-工具项*/
.l-panel-toolitem {
  display: inline-block;
  padding: 0 8px;
  cursor: pointer;
}
.l-panel-content {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*padding: 5px 5px 0; /*统一上， 左， 右默认5px的padding*/
  /*padding-top:5px;*/
  height: 100%;
  width: 100%;
  overflow: hidden;
  /*默认隐藏， 用属性autoScroll控制显示滚动条*/
  /*font-size: 0;*/
  /*解决内部用inline-block高度不对的bug*/
  /*
        by:2018-08-24 zcren 去掉font-size:0 不然panel里面的文字显示不出来，zyc又不知道为啥设置font-size:0，所以先去掉，保证字体显示出来
    */
}
.l-content-padding {
  padding: 8px 5px 0;
}
.l-panel-content-full {
  position: absolute;
  top: 35px;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
}
/*panel-折叠： 用iconfont暂时没有样式， 但用于js找控件*/
/*panel-iframe内容*/
.l-panel-content iframe {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/*用于vpanel和hpanel内部定位的用途*/
.l-panel-inner {
  display: inline-block;
  /*height: 100%;*/
  width: 100%;
  font-size: 13px;
}
/*统一所有hpanel里面第一层的div为左浮动*/
.hpanel > .l-panel-content > .l-panel-inner > div {
  float: left !important;
}
/*统一hpanel最后一个div不浮动*/
.hpanel > .l-panel-content > .l-panel-inner > div:last-child {
  float: none !important;
  overflow: hidden;
}
.hpanel > .l-panel-content > .l-panel-inner > .l-grid:last-child {
  float: none;
  overflow: hidden;
}
.hpanel > .l-panel-content > .l-panel-inner > .l-grid:first-child {
  float: left;
}
/*所有面板内部的控件之间的margin统一,*/
.l-panel .panel-li,
.hpanel .panel-li,
.vpanel .panel-li {
  margin: 0 5px 5px 0;
}