@import './common/var.scss';
.es-flow-buttons,
.es-flow-title,
.es-opinion,
.es-common-opinions,
.es-flow-buttons,
.es-fenyue-buttons {
  padding: 0 12px;
}
.es-fenyue-buttons{
  display: flex;
  flex-direction: row;
  &-yj{
    flex: 1;
  }
}
.es-user-defined {
  display: flex;
  flex-wrap: wrap;
  .el-button--primary {
    flex: 1;
  }
}
.flow-chart-dialog{
  .el-dialog__body{
    overflow: auto;
  }
}
.required {
  .el-textarea__inner::placeholder {
    color: red;
  }
}
.no-checked .el-checkbox__input {
  display: none !important;
}
.es-reset-flow{
  display: flex;
  flex-direction: column;
  height: 100%;
  &-form-box{
    flex: 1;
    overflow-y: auto;
    margin-bottom: 10px
  }
}
.es-flow-content{
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-bottom: 12px;
  // justify-content: space-between;
  position: relative;
}
.es-flow-index {
  height: 100%;
  // display: flex;
  // flex-direction: column;
  // padding-bottom: 12px;
  // justify-content: space-between;
  // position: relative;
  .em-flow-more-btn {
    display: block;
    width: 100%;
  }
  .el-checkbox-group {
    display: contents;
  }
  .es-eidt-title {
    font-size: 13px;
    color: #333;
    line-height: 20px;
  }
  .es-flow-top {
    // height: 380px;
    .es-flow-title {
      height: 40px;
      line-height: 40px;
      .es-icon {
        position: absolute;
        right: 8px;
        top: 4px;
      }
    }
    .es-opinion {
      display: flex;
      margin: 8px 0px;
      justify-content: space-between;
      .es-opinion-file {
        cursor: pointer;
        position: relative;
        .es-file-num {
          color: red;
        }
      }
    }
  }
  .es-button-agree {
    width: calc(43% - 15px);
  }
  .es-button-agree-save {
    margin-top: 10px;
  }
}
// .commonOpinion{
.commonOpinion-set {
  display: flex;
  flex-direction: column;
  height: 100%;
  .el-table__body-wrapper {
    flex: 1;
  }
}
// }
.es-flow-index-shrink {
  width: 24px;
  img {
    cursor: pointer;
    width: 24px;
    height: 24px;
  }
}
.es-flow-btn:hover {
  background-color: #f5f5f5;
  color: $--color-primary;
  ::v-deep .el-popover {
    padding: 12px 0px !important;
  }
}
.es-flow-form .el-checkbox-group {
  display: contents;
}
.es-flow-index .el-textarea,
.es-flow-form .el-textarea:first-child {
  width: 100%;
  margin-bottom: 10px !important;
}
.es-flow-index .el-select,
.es-flow-form .es-opinions .el-select {
  width: calc(100% + 40px) !important;
}
.es-flow-index .el-select .el-input {
  width: 100%;
  height: 40px;
}
.es-flow-index .process .el-select {
  width: calc(100% + 40px) !important;
}
.es-flow-index .input-with-select .el-input-group__prepend {
  background-color: #fff;
  width: 100%;
}
.es-flow-index .el-input-group--prepend > .el-input__inner {
  display: none !important;
}
.es-flow-index .select-process .el-input-group__append {
  height: 40px;
}
.es-flow-index .hide-flow-char .el-input-group__append {
  padding: 0px;
}
.es-flow-index .select-process > .el-input__inner {
  display: none !important;
}

.es-flow-index button.el-button.sub.el-button--primary.el-button--medium {
  width: calc(100% - 85px);
}
.es-flow-index .el-input-group--prepend > .el-input-group__append {
  height: 40px;
  /* width: 50px !important; */
}
.es-flow-index .demo-dynamic .el-select {
  width: 100% !important;
}
.es-flow-index.task-union-examine .el-select {
  width: calc(100% + 40px) !important;
}
.es-flow-index
  .el-input.el-input-group.el-input-group--append.el-input-group--prepend {
  margin: 0 !important;
}
.es-flow-index .demo-dynamic {
  flex: 1;
  // overflow-y: auto;
  // overflow-x: hidden;
  margin-top: 10px;
}
.es-flow-index .demo-dynamic .selectUser,
.es-flow-index .demo-dynamic .select-process .el-select {
  /* margin: 0; */
  width: calc(100% + 40px) !important;
}
.es-flow-index .es-footer-btn {
  margin-top: 10px;
}
.es-flow-index .es-footer-btn .el-button + .el-button {
  margin: 0;
  margin-top: 10px;
  margin-right: 10px;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
  right: 5px !important;
}
.es-flow-index .el-input.is-disabled .el-input__inner {
  color: #606266;
}
.es-flow-index .es-flow-btn {
  margin-right: 10px;
}
.es-flow-index .es-info {
  padding: 0 12px;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.es-flow-index .form-right .el-form-item,.es-flow-index .form-left .el-form-item{
  margin-bottom: 22px !important;
}
.es-flow-index .es-info .el-form-item{
  margin-bottom: 0px;
}
.es-flow-index .es-info .el-form--label-top .el-form-item {
  margin-bottom: 0px !important;
}
/* 设置滚动条的样式 */
.es-flow-index .es-info::-webkit-scrollbar {
  width: 5px;
}
.es-flow-index .news {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  padding: 10px 0px;
}
.es-flow-index .news .sj,
.show {
  width: 10px;
  height: 10px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  margin-right: 10px;
  transform: rotate(-135deg);
  transition: 0.5s;
}
.es-flow-index .news .show {
  transform: rotate(45deg);
}
.es-flow-index .el-checkbox {
  margin: 0px 10px 10px 0px;
}
/* 滚动槽 */

.es-flow-index .info::-webkit-scrollbar-track {
  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);

  border-radius: 10px;
}

/* 滚动条滑块 */

::-webkit-scrollbar-thumb {
  border-radius: 10px;

  background: rgba(0, 0, 0, 0.1);

  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5);
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
  right: 5px !important;
}
.es-flow-form .input-with-select {
  width: 100%;
  margin-top: 0px;
}
.custom-limit-time .el-input.el-input--suffix{
  width: calc(100% + 40px) !important;
}
.task-union-examine .custom-limit-time .el-input.el-input--suffix{
  width: unset !important;
}
.custom-limit-time .el-input-group__append{
  background-color: $--color-primary !important;
  color: #fff !important;
}
.es-flow-form .el-select {
  width: 100%;
}

.es-flow-form .es-opinions .el-select {
  width: calc(100% + 40px) !important;
}
.select-users .el-input-group__append .el-button span {
  display: none;
}
.select-users .no-icon .el-input-group__append {
  display: none;
}
.select-users .el-input-group__append {
  background-color: $--color-primary;
}
.select-users .el-input-group__append .el-button i {
  font-size: 18px;
  color: #fff;
}
.es-flow-form .input-with-select .el-input-group__prepend {
  background-color: #fff;
  width: 100%;
}
.es-flow-form .el-input-group--prepend > .el-input__inner {
  display: none !important;
}
.es-flow-form button.el-button.sub.el-button--danger.el-button--medium {
  width: calc(100% - 85px);
}
.es-flow-form .el-input-group--prepend > .el-input-group__append {
  height: 40px;
  /* width: 50px !important; */
}
// .es-flow-form .demo-dynamic .selectUser {
//   width: calc(100% + 40px) !important;
// }
// .es-flow-form .el-form-item__label {
//   font-weight: bold;
// }
.es-flow-form .el-input.is-disabled .el-input__inner {
  color: #000;
}
.select-user {
  display: flex;
  flex-wrap: wrap;
}
.select-user .left {
  width: 30%;
}
.select-user .right {
  padding: 3px;
  width: 69%;
}
.select-user .el-checkbox {
  width: 170px;
  margin-top: 11px;
  margin-bottom: 11px;
}
.select-user .all {
  margin: 0px !important;
}
.es-flow-file .el-upload--handle{
  flex-direction: row-reverse;
}
.es-flow-index,.flow-dialog{
  .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{
    background-color: $--color-primary !important;
    border-color: $--color-primary !important;
  }
  .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{
    border-color: #fff;
  }
  .el-checkbox__input.is-disabled + span.el-checkbox__label{
    color: rgba(0, 0, 0, 0.85);
  }
}
.flow-sort-box{
  display: flex;
  height: 100%;
  flex-direction: column;
  .flow-sort-draggable{
    flex:1;
    overflow-y: auto;
    padding-bottom:10px;
  }
  .flow-sort-btn{
    width: 100%;
    text-align: right;
  }
}
