@import url('../dist/fontawesome/css/all.min.css');
@import url('../dist/select2/css/select2.min.css');
@import url('../dist/select2/css/select2-bootstrap-5.min.css');
@import url('../dist/sweetalert2/css/sweetalert2.min.css');
@import url('../dist/falcon/css/theme.min.css');

.form-control:not(textarea),
.form-select,
.btn:focus,
.form-control:focus,
.form-select:focus,
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus,
.form-check-input:focus,
.was-validated .form-check-input:invalid:focus,
.form-check-input.is-invalid:focus,
.form-select.is-invalid:focus,
.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.select2-container--bootstrap-5.select2-container--open .select2-selection,
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus,
.is-invalid+.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.is-invalid+.select2-container--bootstrap-5.select2-container--open .select2-selection,
.was-validated select:invalid+.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.was-validated select:invalid+.select2-container--bootstrap-5.select2-container--open .select2-selection {
  box-shadow: none;
}

.modal-footer {
  border-top: none;
}

.select2-container--bootstrap-5 .select2-selection {
  min-height: calc(1.5em + .75rem);
  border: 1px solid var(--falcon-input-border-color);
}

input.form-control.datepicker {
  background: transparent;
}

.select2-selection__placeholder {
  color: var(--falcon-400) !important;
}

a {
  transition: .2s;
}

a:hover {
  text-decoration: none;
}

.asterisk {
  color: var(--falcon-red);
}

.asterisk::after {
  content: '*'
}

.btn-remove-bg {
  opacity: .3;
  background-color: var(--falcon-100);
  border-radius: 0;
  transition: .2s;
}

.btn-remove-bg:hover {
  opacity: .7;
  transition: .2s;
}

.select2-container--bootstrap-5 .select2-selection--single {
  background: var(--falcon-input-bg);
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
  color: var(--falcon-input-color);
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  color: var(--falcon-input-color) !important;
}