/* 应用页面风格相关的全局设置，该样式文件仅内部使用，不提供给客户更改 */
/* body{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Microsoft YaHei", 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif!important;
    font-weight: 400;
} */
body {
  margin                : 0px;
  padding               : 0px;
  background            : #f2f2f2;
  font-family           : Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
  font-size             : 14px;
  -webkit-font-smoothing: antialiased;
}

* {
  margin : 0;
  padding: 0;
}

.no-mouse {
  pointer-events: none;
}

#frame-panel {
  position: absolute;
  top     : 98px;
}

iframe {
  border    : none;
  position  : absolute;
  bottom    : 0;
  right     : 0;
  width     : 100%;
  min-width : 1000px;
  overflow  : hidden;
  background: #f2f2f2 !important;
}

.iframe-tabs {
  height          : 48px;
  background-color: #fff;
  position        : absolute;
  top             : 50px;
  left            : 0;
  right           : 0;
  padding-left    : 220px;
  z-index         : 95;
  display         : flex;
  flex-direction  : row;
  justify-content : flex-start;
  align-items     : flex-end;
  white-space     : nowrap;
  overflow-x      : auto;
}

.iframe-tabs::-webkit-scrollbar {
  height: 0;
  width : 0;
}

.iframe-tabs .tab-bg {
  position     : absolute;
  left         : 0;
  right        : 0;
  top          : 0;
  bottom       : 0;
  border-bottom: 1px solid #DDD;
  box-sizing   : border-box;
}

.iframe-tabs .tab {
  width                        : auto;
  min-width                    : 40px;
  height                       : 32px;
  line-height                  : 32px;
  border                       : 1px solid #DDDDDD;
  background                   : #FAFAFA;
  color                        : #888;
  /* border-bottom             : none; */
  border-radius                : 2px;
  border-bottom-left-radius    : 0;
  border-bottom-right-radius   : 0;
  padding                      : 0 30px 0 14px;
  margin-left                  : 4px;
  display                      : inline-table;
  *display                     : inline;
  *zoom                        : 1;
  vertical-align               : middle;
  transition                   : all .2s;
  -webkit-transition           : all .2s;
  position                     : relative;
  text-align                   : center;
  cursor                       : pointer;
  white-space                  : nowrap;
}

.iframe-tabs .tab-menu {
  min-width      : 32px;
  width          : 32px;
  height         : 33px;
  padding        : 0;
  display        : flex;
  justify-content: center;
  align-items    : center;
}

.floatAtRight {
  position: absolute !important;
  right   : 0;
  z-index : 100;
}

.tab-menu-box {
  position               : absolute;
  width                  : 130px;
  height                 : auto;
  min-height             : 32px;
  background-color       : #fff;
  border                 : 1px solid rgba(0, 0, 0, .1);
  border-radius          : 4px;
  top                    : 97px;
  border-top-left-radius : 0;
  border-top-right-radius: 0;
  z-index                : 95;
  display                : flex;
  flex-direction         : column;
  justify-content        : flex-start;
  align-items            : center;
  padding                : 2px 1px;
}

.tab-menu-box .tab-menu-item {
  line-height  : 32px;
  text-align   : center;
  width        : 130px;
  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
  height       : 32px;
  cursor       : pointer;
}

.tab-menu-box .tab-menu-item:hover {
  background-color: aliceblue;
}

.tab-menu-box .tab-menu-divid {
  display        : flex;
  flex-direction : row;
  justify-content: center;
  align-items    : center;
  width          : 100%;
  height         : 1px;
  border-bottom  : 1px solid #eaeaea;
}

.iframe-tabs .tab span {
  vertical-align: middle;
}

.iframe-tabs .tab .close-btn {
  display        : inline-flex;
  position       : absolute;
  right          : 7px;
  top            : 6px;
  align-items    : center;
  justify-content: center;
  margin-left    : 2px;
  vertical-align : middle;
  text-align     : center;
  width          : 18px;
  height         : 18px;
  border-radius  : 9px;
}

.iframe-tabs .tab .close-btn:hover {
  background-color: #88888819;
}

.iframe-tabs .tab-menu svg {
  margin-left   : 0;
  pointer-events: none;
}

.iframe-tabs .active {
  color              : #2290FF;
  font-weight        : bold;
  border-bottom-color: #FAFAFA;
}

.header,
.left-side,
.iframe-tabs {
  -webkit-user-select: none;
  -moz-user-select   : none;
  -ms-user-select    : none;
  user-select        : none;
}

.left-menu-right-icon {
  width          : 18px;
  height         : 56px;
  display        : flex;
  justify-content: center;
  align-items    : center;
}

#header {
  min-width  : 1200px;
  height     : 50px;
  line-height: 50px;
  color      : black;
  overflow   : hidden;
  user-select: none;
}

.main-sidebar,
.left-side {
  position   : absolute;
  user-select: none;
  top        : 50px;
  z-index    : 98 !important;
  padding-top: 0;
  height     : 100%;
  background : #1f2d3d;
  width      : 200px;
}

.iframe-mask {
  position: absolute;
  top     : 0;
  left    : 0;
  right   : 0;
  bottom  : 0;
  width   : 100%;
  height  : 100%;
}