@import url('../../lib/bootstrap-icons/font/bootstrap-icons.min.css');





label {
    font-weight: 700
}

a, .footer a {
    color: #00bd98;
    text-decoration: none;
    font-weight: 500
}

    a:hover, .footer a:hover {
        color: #037861;
    }


.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection {
    border-color: #1cc0a0;
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #07b491
}
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {
    border-color: #1cc0a0;
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #07b491
}

.select2-container--bootstrap-5 .select2-dropdown {
    border-color: #1cc0a0;
}
.select2-container--bootstrap-5 .select2-selection {
    border-color: #1cc0a0;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
    color: black;
    background-color: #1cc0a0
}

[dir="rtl"] .select2-container--bootstrap-5 .select2-selection {
    padding: .375rem 0.2rem .375rem .75rem; /* Adjust padding */
    background-position: left .75rem center; /* Move arrow */
}

.select2-container .select2-selection--single, .select2-search__field {
    font-size: 12px !important;
    border-radius: 0.375rem;
    padding-top: 5.450px !important;
    padding-bottom: 5.450px !important
}

[dir="rtl"] .select2-container--bootstrap-5 .select2-selection__clear {
    left: 2.3rem; /* Move clear button */
    right: auto;
}

.select2-results__group {
    color: black !important; /* Change optgroup text color */
    font-weight: bold !important; /* Make it bold if needed */
    padding: 10px !important;
}

.select2-results__option, .select2-selection__rendered {
    font-size: 12px !important; /* Adjust as needed */
}
.select2-selection--multiple {
    border-radius: 0.375rem !important;
}

.form-control, .form-select, .form-check-input {
    border-color: #1cc0a0;
}

    .form-control:active, .form-control:focus, .form-select:active, .form-select:focus, .form-check-input:active, .form-check-input:focus {
        box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #07b491 !important;
        border-color: #1cc0a0 !important
    }

    .form-check-input:checked {
        background-color: #1cc0a0; /* Change to your desired color */
        border-color: #1cc0a0;
    }


.form-control, .form-select, .form-label label, .form-check label {
    font-size: 12px
}


.btn-primary {
    background: #1cc0a0;
    color: black !important;
    border-color: #1cc0a0;
}

    .btn-primary:hover {
        background-color: #07b491;
        border-color: #07b491 !important;
    }

    .btn-primary:active {
        background-color: #07b491 !important;
        border-color: #07b491 !important;
        box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #07b491 !important
    }

    .btn-primary:focus {
        background-color: #07b491 !important;
        border-color: #07b491 !important;
        box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #07b491 !important
    }

.btn-outline-primary {
    background: white;
    color: black !important;
    border-color: #1cc0a0;
}

    .btn-outline-primary:hover {
        background-color: white;
        border-color: #07b491 !important;
    }

    .btn-outline-primary:active {
        background-color: #f1ffed !important;
        border-color: #07b491 !important;
        box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #1cc0a0 !important
    }

    .btn-outline-primary:focus {
        background-color: #f1ffed !important;
        box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #1cc0a0 !important
    }