@import "_variables.scss";
@import "_mixin.scss";
$--color-primary: $primary-color;
$--color-danger: #EA4335;
$--color-success: #43BA73;
$--color-info: #909399;
$--font-size-base: 18px;
$--button-small-font-size: 18px;
$--font-path: '~element-ui/lib/theme-chalk/fonts';
@import "~element-ui/packages/theme-chalk/src/index";
// CUSTOM ELEMENT-UI HERE
.el-collapse-item {
  margin: 1rem 0;
}
.el-collapse-item__header {
  font-size: 1.2rem;
  color: $primary-color;
  font-weight: bold;
  padding-left: 12px;
  box-shadow: 0px 1px 3px #00000021;
  text-transform: uppercase;
}
.el-collapse-item__header.is-active {
  background-color: $primary-color--dark;
  color: $text-white;
  transition: all 0.2s ease-out;
}
.el-collapse-item__content {
  font-size: 1rem;
  padding: 2rem;
  box-shadow: 0px 1px 3px #00000021;
}
.el-input-number .is-without-controls {
  text-align: left;
}
.project__detail {
  .el-collapse-item__header {
    height:60px;
  }
}
//reset cursor on element-ui
.el-rate__item {
  cursor: inherit !important;
}

//notification
.el-notification__content {
  text-align: left;
}

@media (max-width: 414px) {
  .el-notification {
    top: 0 !important;
    width: min(330px, 100%);
    border-radius: 0;

    &.right {
      right: 0 !important;
    }

  }
}

//button
.el-button {
  padding: 0.625rem 1.125rem;
  font-size: 1rem;
}
.el-button + .el-button {
  margin-left: 0;
}

//pagination
.el-pagination {
  padding: 0;
}

//message
.el-message-box {
  width: min(420px, 100%);
}

//check box
.el-checkbox {
  display: inline-flex;
  white-space: normal;
}