@charset "UTF-8";
@function rw($px){

  @return $px*100/1920 *1vw;
}
@function rh($px){

  @return $px*100/1080 *1vh;
}

.el-table__empty-text{
  color:rgba(0,0,0,0);
  width:100%;
  height:100%;
  background: url("../image/icon_zwsj.png") no-repeat 50% 50%;
}

::-webkit-scrollbar {/*滚动条整体样式*/
  width:1px;     /*高宽分别对应横竖滚动条的尺寸*/
  height:1px;
}
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  border-radius:3px;
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: none;
}
::-webkit-scrollbar-track {/*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  border-radius:3px;
  background: none;
}
/*查询条件*/
.form-box{
  margin-top: 26px;
  .el-form-item{
    .el-form-item__label{
      color: #fff;
    }
    .el-form-item__content{
      /*提交按钮*/
      .el-button--primary{
        width: 80px;
        height:40px;
        background-color: #1ED0F8;
        border-color: #1ED0F8;
      }
      /*重置按钮*/
      .el-button--default{
        width: 80px;
        height:40px;
        border: 1px solid #486CC2;
        opacity: 0.3;
        border-radius: 4px;
        background: 0;
        color: #fff;
      }
      .el-button{
        width: 80px;
        height:40px;
      }
      /*选择框*/
      .el-select{
        margin-right: 10px;
        .el-input__wrapper{
          background-color: rgba(30,208,248, 0.1);
        }
        .el-input--suffix{
          .el-input__inner{
            color: #0E9EED;
            background-color: none;
            border-color: #1ED0F8;
          }
          input::placeholder{
            color:#999999;
          }
        }
      }
      .el-range-editor--small{
        margin-right: 10px;
        height: 34px;
        color: #0E9EED;
        background-color: rgba(30,208,248, 0.1);
        border-color: #0E9EED;
        .el-range-input{
          background-color: rgba(30,208,248, 0);
          color: #0E9EED;
        }

      }

    }
  }
  .el-date-editor .el-range-input{
    background-color: rgba(0,0,0,0);
    color:#0E9EED;
  }
}
.el-range-editor--small{
  height: 40px;
  .el-input__inner{
    height: 40px;
  }
}
/*时间控件*/
.select-big-data-time{
  background-color: #043668;
  border-color: #0E9EED;
  color: #C0C4CC;
  .el-select-dropdown__empty{
    color:#fff;
  }
  .popper__arrow{
    display: none;
  }
  .el-select-dropdown__item{
    color:#0E9EED;
  }
  //.el-picker-panel__icon-btn{
  //  color: red;
  //}
  .el-select-dropdown__item.hover, .el-select-dropdown__item:hover{
    background-color: #0E9EED;
    color:#fff;
  }
  .el-date-range-picker__content.is-left{
    border-right:1px solid #0E9EED;
  }
  .in-range , .end-date{
    div{
      background-color: rgba(14,158,237,0.5)!important;
    }
  }
  .el-date-table th{
    color: #999;
    border-bottom:1px solid #0E9EED;
  }
  .el-date-table td.next-month, .el-date-table td.prev-month{
    color:#606266;
  }
}
.select-big-data{
  //background-color: #0F607C;
  //border-color: #0F607C;
  .el-select-dropdown__empty{
    color:#fff;
  }
  .popper__arrow{
    display: none;
  }
  .el-select-dropdown__item{
    //color:#0E9EED;
    padding:0 10px;
  }
  .el-select-dropdown__item.hover, .el-select-dropdown__item:hover{
    background-color: #0E9EED;
    color:#fff;
  }
}
.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf{
  border: none;
}
/*表*/
.el-table{
  flex:1;
  background-color: rgba(0,0,0,0);
  display: flex;
  flex-direction: column;
  .el-table__row{
    color:#fff;
  }
  .el-table__header-wrapper th{
    background: rgba(15, 96, 124, 0.2);
    color:#FFFFFF;
  }
  .el-table__fixed-header-wrapper th{
    background: rgba(72, 108, 194, 0.2);
    color:#486CC2;
  }
  tr{
    background-color: rgba(0,0,0,0);

  }
  .el-loading-mask{
    background-color: rgba(0,0,0,0);
  }
  .el-table__body{
    flex:1;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  th.is-leaf, td{
    //border-bottom:1px solid #043668;
    border: none;

  }
  .button-box{
    text-align: center;
    width: 69px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #0E9EED;
    color:#0E9EED;
    border-radius: 4px;
    cursor:pointer;
    margin:0 auto;
  }
  .button-box-two{
    text-align: center;
    width: 80px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #0E9EED;
    color:#0E9EED;
    border-radius: 4px;
    cursor:pointer;
    margin:0 auto;
  }
}

/*表格行颜色*/
.el-table .warning-row {
  background: rgba(41, 124, 158, 0.2);
}
.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
  background-color: #0F607C;
}

.el-table .success-row {

}
/*分页*/
.is-background{
  float: right;
  .btn-prev{
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    background: none !important;

  }
  .btn-next{
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    background: none !important;
  }
}
.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{
  background-color: transparent !important;
}
.el-pagination.is-background .el-pager li:not(.disabled).active{
  border: 1px solid #FFFFFF;
  border-radius: 4px;
  background-color: transparent !important;
}
.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{
  background-color: none;
  border: 1px solid #fff;
  border-radius: 4px;
}

.el-table::before{
  display: none;
}
.el-table--enable-row-hover .el-table__body tr:hover>td{
  background: none;
}
/*进度条*/
.cell{
  display: inline-block;
  .el-progress{
    width: rw(312);
    display: flex;
    justify-content: flex-start;
    align-items: center;

    align-items: center;
    .el-progress-bar{

      .el-progress-bar__outer{
        display: inline-block;
      }

    }
    .el-progress__text{
      width: rw(100);
      display: inline-block;
    }
  }
}
.el-progress-bar__outer{
  margin-right: 0;
  width: rw(130);
  height: rh(40);
  background: #0A1B34;
}

.el-progress-bar__inner{
  background-image: linear-gradient(to right, #007EFF , #3FFFEA);
}
.el-progress__text{
  color: #fff;
}
