.validate-field {
    border: 1px solid red !important;
}

.validate-field:focus {
    border: 1px solid red !important;
    box-shadow: none !important;
}

.select2-selection-validate {
    border-color: red !important;
    box-shadow: none !important;
}

#page-loader {
    background: rgb(0 0 0 / 63%);
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 0;
}

#page-loader img {
    height: 2.5rem;
    left: 49%;
    top: 38%;
    position: absolute;
}

.d-none {
    display: none;
}

.cursor-disable {
    cursor: not-allowed;
}

#page-loader {
    background: rgb(0 0 0 / 63%);
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 0;
}

#page-loader img {
    height: 2.5rem;
    left: 49%;
    top: 38%;
    position: absolute;
}

.modal-header{
    border-bottom: 1px solid #e9ecef !important;
    padding-bottom: 0.5rem !important;
}
.modal-footer{
    border-top: 1px solid #e9ecef !important;
    padding-top: 0.5rem !important;
}

@media (min-width: 1200px) {
    .modal-xl {
        --vz-modal-width: 72%;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        --vz-modal-width: 70%;
    }
}

.select2-container--default .select2-selection--single {
    height: calc(2.375rem + 2px) !important; /* Matches .form-control-sm (adjust for your size) */
    padding: 0.375rem 0.75rem;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    display: flex;
    align-items: center;
}



/* Match Bootstrap input height and center placeholder for multi-select */
.select2-container--default .select2-selection--multiple {
    height: calc(2.375rem + 2px) !important; /* Matches .form-control-sm (adjust for your size) */
    padding: 0.375rem 0.75rem;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    display: flex;
    align-items: center;
}

/* Center placeholder text */
.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    line-height: normal;
}

/* Optional: match font & height for single select too */
.select2-container--default .select2-selection--single {
    height: calc(2.375rem + 2px); /* Matches .form-control-sm (adjust for your size) */
    padding: 0.375rem 0.75rem;
    line-height: normal;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    display: flex;
    align-items: center;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: normal;
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
    display: flex;
    align-items: center;
    height: 100%;
}

/* Hide dropdown arrow if not needed (optional) */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    top: 0;
}

.file-preview-img {
    height: 100%;
    max-height: 38px;
    width: auto;
    object-fit: contain;
    margin-left: 5px;
    margin-right: 5px;
}

.input-group.d-flex {
    align-items: center;
}

/*!* Override DataTables Processing message style *!*/
.dataTables_processing {
    transform: translate(-50%, -50%) !important;
    z-index: 1050 !important;
    background-color: rgba(50, 47, 47, 0.89);
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    box-shadow: 0 0 15px rgba(0,0,0,0.5);
    text-align: center;
    margin-left: 0 !important;
    padding: 10px 10px !important;
    align-items: center !important;
    justify-content: center !important;
}

form fieldset label {
    margin-left: 5px !important;
    margin-bottom: 2px !important;
    color: #495057 !important;
}

.preveiw-image{
    cursor: pointer;
}