@import '../../base/bootstrap-extended/include'; // Bootstrap includes
@import '../../base/components/include'; // Components includes

.el-upload-list__item.is-success .el-upload-list__item-name {
  color: $dark;
}

.el-upload-list__item .el-icon-close-tip{
  color: $primary !important;
}

.el-upload-list__item.is-success .el-upload-list__item-name:focus, .el-upload-list__item.is-success .el-upload-list__item-name:hover{
  color: $primary !important;
}

//.el-upload-list__item .el-icon-upload-success{
//  color: $primary;
//}

.el-upload-list__item.is-success .el-upload-list__item-status-label {
  height: 100%;
  display: flex;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.el-upload-list__item-name [class^=el-icon]{
  color: $primary;
}

.el-upload-dragger {
  background-color: rgba($primary,.1);
  border-color: $primary;
}

.dark-layout {
  .el-upload-list__item:hover{
    background-color: $theme-dark-body-bg;
  }
  .el-upload-list__item.is-success .el-upload-list__item-name {
    color: $theme-dark-body-color;
  }
  .el-upload--picture-card {
    background-color: $theme-dark-card-bg;
    border: 1px dashed #c0ccda;
    border-radius: 6px;
  }
}