@import '~iview/src/styles/index.less';

@menu-dark-title: transparent;
@menu-dark-active-bg: #2f4062;
@layout-sider-background: #0077ff;

@size: '14px';
@size-tittle: '18px';
@size-sub-title: '16px';

.ivu-layout-sider {
  background-image: linear-gradient(90deg, #2c3034 4%, #3c4247 100%),
    linear-gradient(#3774e6, #3774e6);;
}
/*css主要部分的样式*/
/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
* {
  word-break: break-all;
}
.title {
  font-size: 18px;
  line-height: 28px;
}
.sub-title {
  font-size: 16px;
  line-height: 18px;
}
::-webkit-scrollbar {
  //width: 0px; /*对垂直流动条有效*/
  //height: 0px; /*对水平流动条有效*/
  width: 10px; /*对垂直流动条有效*/
  height: 10px;
  background-color: #FFFFFF;
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, .3);
  background-color: #D2D3D3;
}

// 提示弹窗样式
.flexCenter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.ivu-message {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
}

.ivu-message-notice-content {
  .flexCenter;
  width: 25vw;
  height: 15vw;
  background: #fff;
  border-radius: 1vw;
  box-shadow: 0vw 0vw 1vw 0vw rgba(63, 146, 249, 0.73);
  margin: 0 auto;

  .ivu-icon {
    display: none;
  }

  span {
    font-size: 1.6vw;
    font-weight: bold;
    color: #3f92f9;
  }

  .ivu-message-error {
    span {
      color: #e11684;
    }
  }
}

// 加载框
.ivu-spin-fix {
  background-color: transparent;
}

.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active,
.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active:hover {
  background: #1c59d5 !important;

  .choose-icon {
    display: block;
  }
}

.ivu-menu-dark.ivu-menu-vertical
.ivu-menu-item-active.ivu-menu-child-item-active
.ivu-menu-submenu-title {
  background: #266dff !important;

  .choose-icon {
    display: block;
  }
}

a {
  color: #0000FF;
  text-decoration: underline;
}

.vertical-center-modal{
  display: flex;
  align-items: center;
  justify-content: center;

  .ivu-modal{
    top: 0;
  }
}
/* 侧边栏调整 */
.ivu-layout-sider-children {
  padding-top: 40px;
}
.side-menu-wrapper {
  margin-right: 9px;
}
/* tab关闭tip */
.tags-nav {
  .contextmenu {
    background: #fff;
  }
}
.ivu-input-disabled {
  color: #5a5a5a !important;
}
.ivu-modal-body {
  max-height: 90vh;
  overflow: auto;
  background: #F5F7FA;
  border-radius: 5px;
}
.ivu-btn-primary {
  background: #0077ff;
}
.ivu-icon {
  cursor: pointer;
}
.ivu-modal-header {
  padding: 12px 18px;
  box-shadow: 0px 6px 1px 0px #f7f7f7;
  .title {
    text-align: left;
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
  }
}
.ivu-modal-footer {
  box-shadow: 0px -6px 1px 0px #f7f7f7;
}
.ivu-modal-close {
  top: 10px;
}
/* 通用modal底部按钮 */
.footer {
  width: 100%;
  display: flex;
  justify-content: center;
  .btn {
    width: 9vw;
    min-width: 100px;
    height: 2vw;
    min-height: 32px;
    font-size: .8vw;
    &:first-child {
      margin-right: 30px;
    }
  }
}
/* 气泡弹窗 */
.ivu-poptip-body {
  padding: 0;
}
.ivu-upload-list {
  display: none;
}


.commons-select-search {
  padding:0 20px;
  li {
    height:30px;
    line-height:30px;
    list-style:none;
    cursor: pointer;
  }
}