@import './element/element-ui';

//loding加载隐藏
.circular{
  display: none !important;
}
*{
  margin:0;
  padding:0;
  div,p,i{
    font-weight:500;
  }
}
.v-modal{
  z-index:107 !important;
}
.el_resources_dialog{
  z-index:108 !important;
}
/*火狐浏览器*/
@-moz-document url-prefix() {
  * {
    scrollbar-color: #e0e0e0 rgba(255,255,255,0); /* 滑块颜色  滚动条背景颜色 */
    scrollbar-width: thin; /* 滚动条宽度有三种：thin、auto、none */
  }
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
html,body{
  margin:0;
  padding:0;
  height:100%;
  width:100%;
  overflow: hidden;
}

html {
  height: 100%;
  box-sizing: border-box;
}
body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}
#app{
  background: #e0e0e0;
  height: 100%;
  transform-origin: left top;
  width:2720px;
  display: flex;
  flex-direction: column;
  flex:1;
}
.app-main{
  flex:1;
  display: flex;
  font-family: Microsoft YaHei;
  font-weight: bold;
}
.home{

  .form-box{
    padding:34px 35px;
  }
  .el-form{
    padding:35px;
    display: flex;
    .el-form-item__label{
      line-height:50px;
      font-size:22px;
      color:#fff;
    }
    .el-input__inner{
      background-color: #032F33;
      border: 1px solid #15827C;
      color:#fff;
      height:50px;
      line-height:48px;
      font-size:22px;
    }
    input:focus{
      outline:1px solid #15827C
    }
    .el-select .el-input .el-select__caret{
      color:#15827C;
    }
    .el-input__inner::placeholder{
      font-size:18px;
      color:#999;
    }
  }
  .el-select-dropdown{
    background-color: #032F33;
    border: 1px solid #032F33;
  }
  .el-select-dropdown__item.selected{
    color: #fff;
  }
  .el-select-dropdown__item{
    color: #fff;
  }
  .el-select-dropdown__item.hover, .el-select-dropdown__item:hover{
    background-color: #15827C;
    color: #fff;
  }
  .el-form-item{
    margin:0!important;
  }
  .form-inquire-common-style-button{
    border:1px solid #07B4C7;
    color:#00E6FF;
    background-color: #02333C;
    width:100px;
    height:50px;
    line-height:50px;
    text-align: center;
    font-size:22px;
    border-radius:4px;
    margin:0 20px;
    cursor: pointer;
  }
  .form-reset-common-style-button{
    border:1px solid #15827C;
    color:#FFFFFF;
    background-color: #02333C;
    width:100px;
    height:50px;
    line-height:50px;
    text-align: center;
    font-size:22px;
    border-radius:4px;
    cursor: pointer;

  }
  .el-table::before, .el-table--group::after, .el-table--border::after{
    background-color:rgba(0,34,40,0)!important;
  }
  .el-table{
    background-color:rgba(0,34,40,0)!important;
    tr{
      background-color:rgba(0,34,40,0)!important;
    }
    .warning-row {
      background: #002228!important;
      color: #ffffff!important;
    }
    .success-row {
      background: #002D32!important;
      color: #ffffff!important;
    }
    tbody tr:hover > td {
      background-color: #002D32 !important;
      color: #ffffff!important;
    }
    th{
      background: #002D32!important;
      .cell{
        height:40px!important;
        line-height:40px!important;
        color:#00FFFF!important;
        font-size:24px!important;
      }
      .ascending{
        width:12px!important;
        height:12px!important;
        top:2px!important;;
      }
      .descending{
        width:12px!important;
        height:12px!important;
        bottom:2px!important;
      }
    }
    td{
      .cell{
        height:40px!important;
        line-height:40px!important;
        color:#fff!important;
        font-size:22px!important;
      }
    }
  }

  .el-table th.is-leaf, .el-table td{
    border:none!important;
  }

  .el-table--fit{
    flex:1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
  .table-box .el-table__body-wrapper{
    flex: 1;
    overflow-y: scroll !important;

  }
  //表格滚动条样式
  .table-box .el-table__body-wrapper::-webkit-scrollbar{
    width: 8px!important;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 8px!important;
  }
  .table-box .el-table__body-wrapper::-webkit-scrollbar-thumb{
    border-radius: 5px!important;
    -webkit-box-shadow: inset 0 0 5px #07B4C7!important;
    background: #07B4C7!important;
  }
  .table-box .el-table__body-wrapper::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 5px #013138!important;
    border-radius: 0!important;
    background: #013138!important;
  }
  .pagination-container{
    margin:20px 0 12px 0;
    height:50px;
    display: flex;
    .el-pagination{
      height:50px;
      flex:1;
      display: flex;
      padding: 0 30px;
      .el-pagination__total{
        flex:1;
        text-align: right;
        font-size:22px;
        line-height:50px;
        color:#fff;
      }
      .el-pagination__sizes{
        height:50px;
        .el-input__inner{
          width:160px;
          font-size:22px;
          height:48px;
          border:1px solid #15827C;
          color:#FFFFFF;
          background-color: #02333C;
        }
      }
    }
    .el-pagination .el-select .el-input{
      width:160px;
    }
    .btn-prev{
      margin-top:12px!important;
      width:28px;
      height:28px;
      overflow: hidden!important;
      border-radius:4px!important;
      border:1px solid #15827C!important;
      color:#00E6FF!important;
      background-color:rgba(0,34,40,0)!important;
    }
    .btn-next{
      margin-top:12px!important;
      width:28px;
      height:28px;
      overflow: hidden!important;
      border-radius:4px!important;
      border:1px solid #15827C!important;
      color:#00E6FF!important;
      background-color:rgba(0,34,40,0)!important;
    }
    .el-pagination .btn-prev .el-icon, .el-pagination .btn-next .el-icon{
      font-size:16px;
    }
    .number{
      background-color:rgba(0,34,40,0)!important;
      margin-top:14px!important;
      height: 28px;
      width:28px;
      font-size:22px;
    }
    .btn-quicknext{
      font-size:18px;
      margin-top:11px!important;
      border:none;
      color: #00E6FF !important;
      background-color: rgba(0, 34, 40, 0) !important;
    }
    .btn-quickprev{
      font-size:18px;
      margin-top:11px!important;
      border:none;
      color: #00E6FF !important;
      background-color: rgba(0, 34, 40, 0) !important;
    }
    .pagination-container .el-pagination.is-background .btn-prev, .pagination-container .el-pagination.is-background .btn-next, .pagination-container .el-pagination.is-background .el-pager li{
      background-color:rgba(0,34,40,0)!important;
    }
    .el-pagination.is-background .el-pager li:not(.disabled).active{
      color:#00E6FF!important;
    }
    .pagination-container .number{
      color:#fff!important;
    }
    .pagination-container .el-pagination .btn-prev .el-icon, .pagination-container .el-pagination .btn-next .el-icon{
      color:#00E6FF!important;
    }
  }
  .el-table__empty-text{
    font-size:24px;
  }

}

/*弹窗按钮*/
.el-message-box{
  .el-message-box__header{
    .el-message-box__title{
      text-align: center;
    }
    .el-message-box__headerbtn{
      display: none;
    }
  }
  .el-message-box__content{
    .el-message-box__status.el-icon-warning{
      display: none;
    }
    .el-message-box__message{
      padding:0 12px;
      text-align: center;
    }
  }
  .el-message-box__btns{
    text-align: center;
    .el-button--primary:hover, .el-button--primary:focus{
      background: #0045AF;
      border-color:#0045AF;
    }
  }
}

.el-select-dropdown{
  background-color: #032F33;
  border: 1px solid #15827C;
}
.el-select-dropdown__item.selected{
  color: #fff;
}
.el-select-dropdown__item{
  color: #fff;
}
.el-select-dropdown__item.hover, .el-select-dropdown__item:hover{
  background-color: #15827C;
  color: #fff;
}
