@import 'color';
/*===============鼠标样式==============*/
//鼠标点击样式
.cursor_hover{
  cursor:pointer;
}
//鼠标复制样式
.clickCopy{
  cursor:pointer;
}
//===========================dialog弹窗底部按钮样式===========================
.dialog-footer-box{
  font-weight:500;
  display: flex;
  .dialog-footer-button-null{
    flex:1;
  }
  .dialog-footer-button-info{
    width:70px;
    height:30px;
    line-height:30px;
    text-align: center;
    border:1px solid $buttonColorG;
    background:$buttonColorG;
    color:$buttonColorH;
    cursor: pointer;
    font-size:12px;
    margin:0 10px;
    border-radius:6px;
  }
  .dialog-footer-button-info:hover{
    border:1px solid $buttonColorH;
    color:$buttonColorA;
    background:$buttonColorH;
  }
  .dialog-footer-button-primary{
    width:70px;
    height:30px;
    line-height:30px;
    text-align: center;
    border:1px solid $buttonColorC;
    color:$buttonColorA;
    background:$buttonColorC;
    cursor: pointer;
    font-size:12px;
    margin:0 10px;
    border-radius:6px;
  }
  .dialog-footer-button-primary:hover{
    border:1px solid $buttonColorI;
    color:$buttonColorA;
    background:$buttonColorI;
  }
  .dialog-footer-button-border{
    width:70px;
    height:30px;
    line-height:30px;
    text-align: center;
    border:1px solid $buttonColorC;
    color:$buttonColorC;
    background:$buttonColorA;
    cursor: pointer;
    font-size:12px;
    margin:0 10px;
    border-radius:6px;
  }
  .dialog-footer-button-border:hover{
    border:1px solid $buttonColorI;
    color:$buttonColorA;
    background:$buttonColorI;
  }
}
//表格内部分样式
.el-progress{
  margin-top: 6px;
  .el-progress__text{
    margin-left:15px;
  }
}
//===========================drawer弹窗底部按钮样式===========================
.el-drawer{
  .el-drawer__header{
    border-bottom:1px solid #dedede;
    padding-bottom:20px;
    span{
      color:#333;
    }
  }
  .el-drawer__body{
    flex:1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding:20px 0;
    padding-top: 0;
    .drawer-content-box{
      flex:1;
      display: flex;
      flex-direction: column;
      overflow-y: scroll;
      overflow-x: hidden;
    }

    //抽屉滚动条
    .drawer-content-box::-webkit-scrollbar{
      width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/
      height: 6px;
    }
    .drawer-content-box::-webkit-scrollbar-thumb{
      border-radius: 5px;
      -webkit-box-shadow: inset 0 0 5px $acquiesceThemeScrollbarB;
      background: $acquiesceThemeScrollbarB;
    }
    .drawer-content-box::-webkit-scrollbar-track{
      -webkit-box-shadow: inset 0 0 5px $acquiesceThemeScrollbarA;
      border-radius: 0;
      background: $acquiesceThemeScrollbarA;
    }
    .drawer-footer-box{
      font-weight:500;
      display: flex;
      .drawer-footer-button-null{
        flex:1;
      }
      .drawer-footer-button-info{
        width:70px;
        height:30px;
        line-height:30px;
        text-align: center;
        border:1px solid $buttonColorG;
        background:$buttonColorG;
        color:$buttonColorH;
        cursor: pointer;
        font-size:12px;
        margin:0 10px;
        border-radius:6px;
      }
      .drawer-footer-button-info:hover{
        border:1px solid $buttonColorH;
        color:$buttonColorA;
        background:$buttonColorH;
      }
      .drawer-footer-button-primary{
        width:70px;
        height:30px;
        line-height:30px;
        text-align: center;
        border:1px solid $buttonColorC;
        color:$buttonColorA;
        background:$buttonColorC;
        cursor: pointer;
        font-size:12px;
        margin:0 10px;
        border-radius:6px;
      }
      .drawer-footer-button-primary:hover{
        border:1px solid $buttonColorI;
        color:$buttonColorA;
        background:$buttonColorI;
      }
      .drawer-footer-button-border{
        width:70px;
        height:30px;
        line-height:30px;
        text-align: center;
        border:1px solid $buttonColorC;
        color:$buttonColorC;
        background:$buttonColorA;
        cursor: pointer;
        font-size:12px;
        margin:0 10px;
        border-radius:6px;
      }
      .drawer-footer-button-border:hover{
        border:1px solid $buttonColorI;
        color:$buttonColorA;
        background:$buttonColorI;
      }
    }
  }
}
//===========================表格内按钮===========================
.table-button-box{
  font-weight:500;
  height:27px;
  display: flex;
  margin:0 auto;
  .table-button-null{
    flex:1;
  }
  .table-button-p{
    color:$buttonColorD;
    line-height:27px;
    font-size:14px;
    cursor:pointer;
    margin:0 10px !important;
    text-align:center;
    i{
      margin:0 5px 0 0;
    }
  }
}
//===========================页面新增按钮===========================
.page-add-common-style-button{
  font-weight:500;
  width: 90px;
  height: 40px;
  line-height:40px;
  font-size:14px;
  border-radius: 6px;
  color: $buttonColorC;
  border: 1px solid $buttonColorC;
  background-color: $buttonColorA;
  cursor:pointer;
  margin:0;
  text-align:center;
  overflow: hidden;
  i{
    margin:0 5px 0 0;
  }
}
.page-add-common-style-button:hover{
  border:1px solid $buttonColorI;
  background-color: $buttonColorI;
  color:$buttonColorA;
}
//===========================页面保存按钮===========================
.page-save-common-style-button{
  font-weight:500;
  width: 90px;
  height: 40px;
  line-height:40px;
  font-size:14px;
  border-radius: 6px;
  border: 1px solid $buttonColorD;
  color:$buttonColorA;
  background-color:$buttonColorD;
  cursor:pointer;
  margin:0;
  text-align:center;
  overflow: hidden;
  i{
    margin:0 5px 0 0;
  }
}
.page-save-common-style-button:hover{
  color:$buttonColorA;
  background-color:$buttonColorI;
  border: 1px solid $buttonColorI;
}
//===========================页面返回按钮===========================
.page-out-common-style-button{
  font-weight:500;
  width: 90px;
  height: 40px;
  line-height:40px;
  font-size:14px;
  border-radius: 6px;
  border: 1px solid $buttonColorH;
  color:$buttonColorH;
  background-color:$buttonColorA;
  cursor:pointer;
  margin:0;
  text-align:center;
  overflow: hidden;
  i{
    margin:0 5px 0 0;
  }
}
.page-out-common-style-button:hover{
  color:$buttonColorI;
  background-color:$buttonColorK;
  border: 1px solid $buttonColorI;
}
//===========================页面提交按钮===========================
.page-submit-common-style-button{
  font-weight:500;
  width: 90px;
  height: 40px;
  line-height:40px;
  font-size:14px;
  border-radius: 6px;
  border: 1px solid $buttonColorC;
  color:$buttonColorA;
  background-color:$buttonColorC;
  cursor:pointer;
  margin:0;
  text-align:center;
  overflow: hidden;
  i{
    margin:0 5px 0 0;
  }
}
.page-submit-common-style-button:hover{
  color:$buttonColorA;
  background-color:$buttonColorI;
  border: 1px solid $buttonColorI;
}
//===========================页面查询按钮===========================
.page-inquire-common-style-button{
  font-weight:500;
  cursor:pointer;
  display: inline-block;
  text-align: center;
  width: 70px;
  height: 40px;
  line-height:40px;
  font-size:14px;
  border-radius: 6px;
  border: 1px solid $buttonColorC;
  color:$buttonColorA;
  background-color:$buttonColorC;
  margin:0 10px 0 0;
  overflow: hidden;
  i{
    margin:0 5px 0 0;
  }
}
.page-inquire-common-style-button:hover{
  color:$buttonColorA;
  background-color:$buttonColorI;
  border: 1px solid $buttonColorI;
}
//===========================页面重置按钮===========================
.page-reset-common-style-button{
  font-weight:500;
  cursor:pointer;
  display: inline-block;
  text-align: center;
  width: 70px;
  height: 40px;
  line-height:40px;
  font-size:14px;
  border-radius: 6px;
  border: 1px solid $buttonColorH;
  color:$buttonColorH;
  background-color:$buttonColorA;
  margin:0;
  overflow: hidden;
  i{
    margin:0 5px 0 0;
  }
}
.page-reset-common-style-button:hover{
  color:$buttonColorI;
  background-color:$buttonColorK;
  border: 1px solid $buttonColorI;
}
//===========================页面顶部title样式组===========================
.page-top-title-box{
  font-weight:500;
  display: flex;
  border-bottom:1px solid $border_de;
  padding:20px 20px 20px 0;
  .page-top-title-name-p{
    margin-left:20px;
    flex:1;
    line-height:40px;
    font-size:16px;
    color:$buttonColorC;
    margin-right:20px;
  }
  .page-top-title-add-p{
    font-weight:500;
    cursor:pointer;
    display: inline-block;
    text-align: center;
    width: 90px;
    height: 40px;
    line-height:40px;
    border-radius: 6px;
    color: $buttonColorA;
    border: 1px solid $buttonColorC;
    background-color: $buttonColorC;
    font-size: 14px;
    overflow: hidden;
    margin-left:20px;
    i{
      margin:0 5px 0 0;
    }
  }
  .page-top-title-add-p:hover{
    border:1px solid $buttonColorI;
    background-color: $buttonColorI;
    color:$buttonColorA;
  }
  .page-top-title-save-p{
    font-weight:500;
    cursor:pointer;
    display: inline-block;
    text-align: center;
    width: 90px;
    height: 40px;
    line-height:40px;
    border-radius: 6px;
    color: $buttonColorA;
    border: 1px solid $buttonColorD;
    background-color: $buttonColorD;
    font-size: 14px;
    overflow: hidden;
    margin-left:20px;
    i{
      margin:0 5px 0 0;
    }
  }
  .page-top-title-save-p:hover{
    border:1px solid $buttonColorI;
    background-color: $buttonColorI;
    color:$buttonColorA;
  }
  .page-top-title-out-p{
    font-weight:500;
    cursor:pointer;
    display: inline-block;
    text-align: center;
    width: 90px;
    height: 40px;
    line-height:40px;
    border-radius: 6px;
    border: 1px solid $buttonColorH;
    color:$buttonColorH;
    font-size: 14px;
    background-color:$buttonColorA;
    overflow: hidden;
    margin-left:20px;
    i{
      margin:0 5px 0 0;
    }
  }
  .page-top-title-out-p:hover{
    color:$buttonColorD;
    background-color:$buttonColorK;
    border: 1px solid $buttonColorD;
  }
  .page-top-title-submit-p{
    font-weight:500;
    cursor:pointer;
    display: inline-block;
    text-align: center;
    width: 90px;
    height: 40px;
    line-height:40px;
    border-radius: 6px;
    border: 1px solid $buttonColorC;
    color:$buttonColorA;
    font-size: 14px;
    background-color:$buttonColorC;
    overflow: hidden;
    margin-left:20px;
    i{
      margin:0 5px 0 0;
    }
  }
  .page-top-title-submit-p:hover{
    color:$buttonColorA;
    background-color:$buttonColorI;
    border: 1px solid $buttonColorI;
  }
  .page-top-title-edit-p{
    font-weight:500;
    cursor:pointer;
    display: inline-block;
    text-align: center;
    width: 90px;
    height: 40px;
    line-height:40px;
    border-radius: 6px;
    border: 1px solid $buttonColorC;
    color:$buttonColorC;
    font-size: 14px;
    background-color:$buttonColorA;
    overflow: hidden;
    margin-left:20px;
    i{
      margin:0 5px 0 0;
    }
  }
  .page-top-title-edit-p:hover{
    color:$buttonColorA;
    background-color:$buttonColorI;
    border: 1px solid $buttonColorI;
  }
  .page-top-title-button-p{
    font-weight:500;
    cursor:pointer;
    display: inline-block;
    text-align: center;
    width: 90px;
    height: 40px;
    line-height:40px;
    border-radius: 6px;
    border: 1px solid $buttonColorD;
    color:$buttonColorD;
    font-size: 14px;
    background-color:$buttonColorA;
    overflow: hidden;
    margin-left:20px;
    i{
      margin:0 5px 0 0;
    }
  }
  .page-top-title-button-p:hover{
    color:$buttonColorA;
    background-color:$buttonColorI;
    border: 1px solid $buttonColorI;
  }
  .page-top-title-cancel-p{
    font-weight:500;
    cursor:pointer;
    display: inline-block;
    text-align: center;
    width: 90px;
    height: 40px;
    line-height:40px;
    border-radius: 6px;
    border: 1px solid $buttonColorH;
    color:$buttonColorA;
    font-size: 14px;
    background-color:$buttonColorH;
    overflow: hidden;
    margin-left:20px;
    i{
      margin:0 5px 0 0;
    }
  }
  .page-top-title-cancel-p:hover{
    color:$buttonColorK;
    background-color:$buttonColorD;
    border: 1px solid $buttonColorD;
  }
}
//===========================页面底部按钮样式组===========================
.page-bottom-button-box{
  font-weight:500;
  display: flex;
  .page-bottom-button-null-p{
    flex:1;
  }
  .page-bottom-button-submit-p{
    width:80px;
    height:40px;
    line-height:40px;
    text-align: center;
    cursor: pointer;
    font-size:14px;
    margin:30px 20px;
    border-radius: 6px;
    border: 1px solid $buttonColorC;
    color:$buttonColorA;
    background-color:$buttonColorC;
    i{
      margin:0 5px 0 0;
    }
  }
  .page-bottom-button-submit-p:hover{
    color:$buttonColorA;
    background-color:$buttonColorI;
    border: 1px solid $buttonColorI;
  }
  .page-bottom-button-cancel-p{
    width:80px;
    height:40px;
    line-height:40px;
    text-align: center;
    cursor: pointer;
    font-size:14px;
    margin:30px 0;
    border-radius: 6px;
    border: 1px solid $buttonColorH;
    color:$buttonColorH;
    background-color:$buttonColorA;
    i{
      margin:0 5px 0 0;
    }
  }
  .page-bottom-button-cancel-p:hover{
    color:$buttonColorI;
    background-color:$buttonColorK;
    border: 1px solid $buttonColorI;
  }
}
//===========================导出按钮=======================
.form-dropdown-box{
  font-weight:500!important;
}
//===========================表格选中数量=======================
.selected-num-box{
  display: flex;
  height:32px;
  margin-top:15px;
  .selected-num-p{
    flex:1;
    text-align: left;
    margin:0;
    line-height:32px;
    margin-right:20px;
    font-size:14px;
    color:#999;
    i{
      color:#0183FA;
    }
  }
  .pagination-container{
    padding:0 !important;
  }
}
