@charset "UTF-8";

:root {
    --mrsaan-control-border: #d1d8e0;
    --mrsaan-control-border-hover: #b8c2cc;
    --mrsaan-control-focus: #6d5df6;
    --mrsaan-control-shadow: 0 1px 2px rgba(15, 23, 42, 0.05), 0 0 0 1px rgba(15, 23, 42, 0.015);
    --mrsaan-control-focus-shadow: 0 0 0 0.18rem rgba(109, 93, 246, 0.16), 0 2px 8px rgba(15, 23, 42, 0.08);
}

.form-control,
.form-select,
.input-group-text,
.select2-container--bootstrap .select2-selection,
.select2-container--bootstrap4 .select2-selection,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    border-color: var(--mrsaan-control-border) !important;
    box-shadow: var(--mrsaan-control-shadow);
}

.form-control,
.form-select,
.select2-container--bootstrap .select2-selection--single,
.select2-container--bootstrap4 .select2-selection--single,
.select2-container--default .select2-selection--single {
    min-height: 2.45rem;
}

.form-control:hover,
.form-select:hover,
.select2-container--bootstrap .select2-selection:hover,
.select2-container--bootstrap4 .select2-selection:hover,
.select2-container--default .select2-selection--single:hover,
.select2-container--default .select2-selection--multiple:hover {
    border-color: var(--mrsaan-control-border-hover) !important;
}

.form-control:focus,
.form-select:focus,
.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection,
.select2-container--bootstrap4.select2-container--focus .select2-selection,
.select2-container--bootstrap4.select2-container--open .select2-selection,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--multiple {
    border-color: var(--mrsaan-control-focus) !important;
    box-shadow: var(--mrsaan-control-focus-shadow) !important;
    outline: 0;
}

.form-control::placeholder {
    color: #9aa3af;
}

.select2-container--bootstrap .select2-selection__placeholder,
.select2-container--bootstrap4 .select2-selection__placeholder,
.select2-container--default .select2-selection__placeholder {
    color: #9aa3af !important;
}