.timeline-processing {
  .process-text-warning {
    color: #fa8006;
  }
  &.disabled {
    .user-action {
      cursor: not-allowed;
      button {
        pointer-events: none;
        color: #C0C4CC;
        background-image: none;
        background-color: #FFFFFF;
        border-color: #EBEEF5;

        &.el-button.el-button--success {
          color: #FFFFFF;
          background-color: #a1ddb9;
          border-color: #a1ddb9;
        }

        &.el-button.el-button--primary {
          color: #687cb9;
          background-color: #e6e9f3;
          border-color: #cdd3e8;
        }
        &.el-button.is-plain.el-button--primary {
          color: #687cb9;
          background-color: #e6e9f3;
          border-color: #cdd3e8;
        }
      }

      a {
        pointer-events: none;
        * {
          pointer-events: none;
        }
      }
    }
  }
  .process-dialog {
    &>.el-loading-mask {
      position: fixed;
    }
    font-size: 1rem;
    .el-dialog {
      width: 83%;
      max-width: 900px;
      padding: 0 1rem 1rem;
    }
    .el-dialog__body {
      min-height: 300px;
      word-break: initial;
      .process-title {
        font-size: 1.25rem;
        padding-bottom: 1rem;
        color: $text-info-light;
      }
      .process-title-bold {
        font-size: 1.25rem;
        font-family: $font-bold;
        padding-bottom: 1rem;
        color: $text-info-light;
      }
      .child-content {
        margin-left: 1rem;
      }
    }
    &__footer {
      button {
        padding: 12px 20px;
        font-size: 1.25rem;
        &.el-button {
          min-width: 200px;

        }
        &.el-button--text {
          color: $sub-text-color;
          &:hover {
            color: $primary-color;
          }
        }
      }
    }

    .el-select {
      * {
        font-size: 1rem!important;
      }
    }
    .select__w-full {
      & .grid {
        width: 100%;
      }
    }
    .w-fit-content {
      width: fit-content;
    }
  }
}
.process-block {
  & + & {
    margin-top: 2rem;
  }
}
.option-gia {
  .avatar-image {
    margin: auto;
  }
}
.unset-hover-background {
  background-color: unset !important;
}