/* Put bootstrap and other asset css customizations here */

.text-danger,
.invalid-feedback,
.text-warning,
.card-body,
.text-muted,
.form-control,
.form-control:focus,
.form-control.is-invalid,
.form-control.is-invalid:focus {
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
}

.text-danger, .invalid-feedback {
    color: #F04438 !important;
}
.alert-pale-warning {
  --bs-alert-color: #66C61C;
  --bs-alert-bg: #FAFEF5;;
  --bs-alert-border-color: #FAFEF5;
}
.text-muted {
    color: #364152 !important;
}
.form-control, .form-control:focus, .form-control.is-invalid, .form-control.is-invalid:focus {
    border-color: #D0D5DD;
    box-shadow: none;
}
.form-control.is-invalid, .form-control.is-invalid:focus {
    border-color: #F04438;
}

.form-select.is-invalid, .was-validated .form-select:invalid {
	border-color: #F04438;
}

/* Overwrite default buttons props. */
.btn {
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    border: none;
    padding: 10px 16px 10px 16px;
}
.btn.btn-default {
    border: 1px solid #E5E5E5;
    color: #404040;
}
.btn.btn-danger {
    background: #EF4444;
}
.btn.btn-success {
    background: #66C61C;
    font-size: 14px;
}
.btn-close {
    font-size: 10px;
    color: #202939;
    border-radius: 0px;
    opacity: 1;
}
.form-check-input:checked {
    background-color: #66C61C;
    border-color: #66C61C;
}

/* Select2 overwriting defaults */
/* FIX: qui son costretto a usare !important perchè i css di select2 arrivano dopo styles.css */
/* dandogli un ordine di include nel template differente si potrebbe fare a meno degli !important */

.select2-container .select2-selection--single {
    height: 34px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px !important;
    right: 5px !important;
}
.select2-container--default .select2-selection--single {
    border-radius: 0.375rem !important;
}
.select2-container {
    min-width:0em !important;
    width:100% !important;
}
.select2-container--default .select2-selection.is-invalid {
    border-color: #F04438 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b,
.select2-selection__arrow {
  background: none !important;
  border: none !important;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    position: absolute !important;
    right: 40px !important;
    top: 14% !important;
    display: none !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-results > .select2-results__options {
    line-height: 20px !important;
    font-family: Inter !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #212529 !important;
}
.select2-container--default .select2-selection{
    border: 1px solid #ced4da !important;
    padding: .350rem !important;
}



/** dropzone */
.dropzone {
  /* border: 2px dashed #bbb !important; */
  text-align: center;
  font-size: 20px;
  color: #bbb;
}

.dropzone.dropzone-dashed {
  border: 2px dashed #bbb;
}

.dropzone .dz-preview .dz-image {
  width: 100%;
  height: 100%;
}

.dz-image img {
  width: 100%;
}

.is-invalid .dropzone.dropzone-dashed {
  border: 2px dashed #F04438;
}

/* Dropdown */

@media (max-width: 768px) {
    .dropdown-menu.show {
	height: 500px;
	overflow-y: auto;
    }
}


/* /\* Reboot.scss *\/ */
/* dl, ol, ul { */
/*     margin-bottom: 0; */
/* } */