.ng-dropdown-panel.ng-select-bottom {
  border-color: $border-color !important;
}

.ng-select-container {
  min-height: $input-height !important;
  border-radius: $border-radius-sm !important;

  .ng-value-container {
    line-height: $line-height-base !important;
    padding: $input-padding-y $input-padding-x !important;
  }
}

.btn {
  border-radius: $border-radius !important;
  padding: $input-padding-y $input-padding-x !important;
}

.alert {
  border-radius: $border-radius-sm !important;
  font-size: $font-size-base;
  .close {
    font-size: $font-size-lg;
  }
  p {
    margin-bottom: 0;
  }
}

.form-group {
  margin-bottom: 0.35rem !important;
}

.form-check, .form-check-inline {
  > input[type="radio"]:not(.form-check-inline) {
    top: 0.2rem !important;
  }
}
.form-group {
  @include mobile-device-only {
    margin-bottom: 1rem !important;
  }
}
.card {
  border-radius: $border-radius-sm;
}


.item_num {
  font-size: $font-size-base !important;
}
.item_name {
  font-size: $font-size-base !important;
}

.item_desc {
  font-size: $font-size-sm !important;
}


h1 {
  font-size: 22px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -0.5px;
}

h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.1667;
  letter-spacing: -0.5px;
}

h3 {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.5px;
}

.card {
  border-radius: $border-radius-sm;
}

.list_status {
  .badge {
    border-radius: 0
  }
}

.badge {
  border-radius: $border-radius-sm;
  font-size: 11px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.badge-pill {
  border-radius: 50px !important;
}

.dropdown-menu {
  padding: $input-padding-y-sm 0 !important;
  border: 0 !important;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px 0px !important;
}

.dropdown-item {
  line-height: 18px;
  padding: $input-padding-y-sm $input-padding-x-sm;
  font-size: $font-size-sm;
  padding-left: $input-padding-x-sm !important;

  &.active {
    &::before {
      display: none !important;
    }
  }
}

.list-item {
  box-shadow: inset 0 1px 0 0 #d6d6d6;
  border: none;
}

@import '../../../core/mixins/x-badge';

.badge-primary {
	@include x-badge-variant(theme-color("primary-transparent"), theme-color("primary"));
}

.badge-secondary {
  @include x-badge-variant(theme-color("secondary-transparent"), theme-color("secondary"));
}

.badge-success {
	@include x-badge-variant(theme-color("success"), theme-color("success"));
}

.badge-danger {
	@include x-badge-variant(theme-color("danger"), theme-color("danger"));
}

.badge-warning {
	@include x-badge-variant(theme-color("warning"), theme-color("warning"));
}