@import "~iview/src/styles/index.less";
@font-family: "Microsoft YaHei", Helvetica, "PingFang SC", Arial, sans-serif;
@text-color: #334760;
@border-color-base: #e0e0e0; // outside
@border-color-split: #e9e9e9; // inside
@table-thead-bg: #f9f9f9;
@table-td-stripe-bg: #f9f9f9;
/* page */
@background-color: #f8fafc;
@blue-color: #4c9dff;
@cont-color: #456381;
@cont-light-color: #6488ac;

/* browse style */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background: transparent;
}
::-webkit-scrollbar-button {
  display: none;
}
::-webkit-scrollbar-track {
  background: #fff;
}
::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #bfc1c4;
}
::-webkit-scrollbar-corner {
  background: #fff;
}
::-webkit-scrollbar-resizer {
  background: transparent;
}

// iview
.single-page-con {
  .ivu-btn {
    .fa {
      margin-right: 5px;
    }
  }
}

.ivu-table-wrapper {
  border: 0;
}
.ivu-table {
  &::after,
  &::before {
    width: 0;
  }
  td {
    border-color: @background-color!important;
    font-size: 14px !important;
  }
  th {
    color: @cont-color;
    height: 54px;
    background: #fff;
    font-size: 14px !important;
    border-color: @background-color!important;
  }
  .ivu-checkbox-wrapper {
    margin: 0;
  }
  .ivu-icon:hover {
    color: @blue-color;
  }
}

.ivu-table-body {
  min-height: 450px;
}
.ivu-table-tip {
  span {
    display: block;
    min-height: 300px;
    padding: 200px 0;
    font-size: 30px;
    color: #b5c5d8;
  }
}
.ivu-page {
  margin-top: 10px;
}
.ivu-card-head {
  .fa {
    margin-right: 5px;
  }
}
.ivu-card-body {
  padding: 30px;
  min-height: 500px;
}
.ivu-table-cell {
  span {
    letter-spacing: 1px;
  }
}
.logo-con {
  img {
    display: block;
    margin: 0 auto;
  }
}
.ivu-tabs.ivu-tabs-card {
  .ivu-tabs-bar {
    border: none;
    background: @background-color;

    .ivu-tabs-nav-container {
      height: 36px;
    }
    .ivu-tabs-tab {
      height: 36px;
      line-height: 26px;
      border-radius: 5px;
      margin-right: 10px;
      border-bottom: 1px solid #e0e0e0;
    }
    .ivu-tabs-tab-active {
      background-color: #2d8cf0;
      color: #fff;
      border-color: #2d8cf0;
    }
  }
  .ivu-tabs-tabpane {
    padding: 0 20px 20px;
    box-shadow: 0 0 3px 1px #eee;
    border-radius: 5px;
    background: #fff;
  }
}

/* sidebar-menu-con */
.sidebar-menu-con {
  .ivu-shrinkable-menu,
  .ivu-menu-dark,
  .ivu-menu-opened {
    background: transparent !important;
  }
  .ivu-menu-item-active {
    .ivu-menu-submenu-title::after {
      content: "";
      display: block;
      position: absolute;
      border-color: transparent #fff transparent transparent;
      border-style: solid;
      border-width: 25px 10px;
      right: 0;
      top: 0;
    }
  }
  .ivu-menu-submenu-title {
    background: #3f71ef !important;
    padding-left: 50px;
    color: #fff !important;

    .ivu-icon {
      margin: 0;
      position: absolute;
      font-size: 20px;
      left: 15px;
      top: 14px;
    }
    .ivu-menu-submenu-title-icon {
      display: none !important;
    }
  }

  .ivu-menu {
    color: #fff;
  }
  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active {
    background: transparent !important;
    font-weight: 600;
    &:hover {
      font-weight: 600;
      background: transparent !important;
    }
    &::before {
      border-color: #fff;
    }
  }
  .ivu-menu-item {
    line-height: 24px;
    padding: 8px 24px;
    margin-bottom: 5px;

    &::before {
      content: "";
      display: block;
      position: absolute;
      width: 8px;
      height: 8px;
      left: 19px;
      top: 16px;
      background: transparent;
      border: 2px solid hsla(0, 0%, 100%, 0.7);
      border-radius: 50%;
      box-shadow: 0 0 1px #fff;
    }
    i {
      display: none;
    }
    .layout-text {
      padding-left: 7px;
      vertical-align: middle;
    }
  }
}
/* page -->*/
// .pg-main {
// }
.pg-title {
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
}
.pg-select-infos {
  background: #fff;
  border-radius: 5px;
  padding: 20px 20px 0;
  margin-bottom: 20px;
  box-shadow: 0 0 3px 1px #eee;
  .ivu-btn {
    margin-right: 20px;
  }
}
.pg-total-infos {
  margin-bottom: 10px;
  padding: 20px 10px;
  font-size: 14px;
  border-bottom: 1px dashed #f0f0f0;

  span:not(:first-child) {
    margin-left: 15px;
  }
}
.pg-body {
  position: relative;
  border-radius: 5px;
  padding: 0 20px 20px;
  background: #fff;
  box-shadow: 0 0 3px 1px #eee;
}

.table-tip-info {
  margin: 15px 0;
}
