body {
    font-family: system-ui !important;
    /* background-image: url("../images/0010.jpg");
    background-repeat: no-repeat;
    background-size: cover; */
}

.required::after {
    content: " *";
    color: red;
}

.custom-select:focus {
    border: 1px dashed rgba(86, 88, 93, 0.597) !important;
}

input.form-control,
select,
textarea.form-control {
    border: 1px dashed rgba(86, 88, 93, 0.597) !important;
}

.form-control:focus {
    color: #4e5154 !important;
    background-color: #fff !important;
    border-color: #1e9ff2 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
    border: 1px dashed rgba(86, 88, 93, 0.597) !important;
}

.select2-container--classic.select2-container--focus
    .select2-selection--multiple,
.select2-container--classic.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--focus
    .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--single {
    border-color: #1e9ff2 !important;
}

.gap-0 {
    gap: 0 !important;
}

.gap-1 {
    gap: 0.25rem !important;
}

.gap-2 {
    gap: 0.5rem !important;
}

.gap-3 {
    gap: 1rem !important;
}

.gap-4 {
    gap: 1.5rem !important;
}

.gap-5 {
    gap: 3rem !important;
}

select {
    width: 100% !important;
}

#main-menu-navigation > li.hover {
    background-color: rgb(59, 99, 232) !important;
}

#main-menu-navigation > li.hover > a span,
#main-menu-navigation > li.hover > a i {
    color: white !important;
}