/* 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;*/
.l-layout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  overflow: hidden;
}
.l-layout.l-layout-has-sider {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.l-layout-sub-header {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: flex;
  height: 35px;
  line-height: 35px;
  min-height: 35px;
  min-width: 35px;
  background: #F1F5FF;
}
.l-layout-title {
  display: flex;
  position: relative;
  overflow: hidden;
  color: #545454;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  margin-left: 17px;
  font-weight: bold;
}
.l-layout-title > span {
  width: 100%;
  margin-left: 5px;
}
.l-layout-tools {
  margin: 0 auto;
  /*折叠的时候自动居中显示*/
  overflow: hidden;
  color: #545454;
}
.l-layout-toolitem {
  display: inline-block;
  padding: 0 10px;
  cursor: pointer;
}
.l-layout-sub-header-toggle {
  display: none;
}
.l-layout-sub-header-toggle.collapsible {
  display: block;
}
.l-layout-header,
.l-layout-footer,
.l-layout-sider,
.l-layout-content {
  display: flex;
  overflow: hidden;
  background-color: #fff;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -ms-flex: none;
  -webkit-flex: none;
  flex: none;
  border-radius: 2px;
  -webkit-transition: all 0.3s;
  transition: all 0.4s;
}
.l-layout-content {
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.l-layout-sub-content {
  /*display:flex;*/
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  overflow: auto;
  flex-wrap: wrap;
  /*-ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;*/
  height: 100%;
  /*注意: 这里用flex:1的时候，父元素没有高度的时候, 即使有内容也不能撑满，所以换成height:100%的方式 by zyc 2018-11-23*/
}
.l-layout-header > .l-layout-sub-content {
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.l-layout-sider > .l-layout-sub-content {
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  flex-wrap: nowrap;
  /*min-height: -moz-min-content;
    min-height: -webkit-min-content;
    min-height: min-content;*/
}
.l-layout-drophandle-base {
  background-color: #fafafa;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}
.l-layout-drophandle-left,
.l-layout-drophandle-right {
  width: 6px;
  min-width: 6px;
  cursor: col-resize;
}
.l-layout-drophandle-top,
.l-layout-drophandle-bottom {
  min-height: 6px;
  height: 6px;
  cursor: row-resize;
}
.l-layout-drophandle-left > div,
.l-layout-drophandle-right > div {
  height: 60px;
  width: 6px;
  cursor: pointer;
}
.l-layout-drophandle-top > div,
.l-layout-drophandle-bottom > div {
  width: 60px;
  height: 6px;
  cursor: pointer;
}
.l-layout-drophandle-icon {
  position: relative;
}
.l-layout-drophandle-icon > .iconfont {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -7px;
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  color: #888;
}