:root {
    --primary-color: #D0463C;
    --secondary-color: #ebbeba;
    --light-color: #E6E7E8;
    --dark-color: #212529;
    --bs-primary-border: #D0463C;
    --bs-info :#ebbeba;
    --bs-info-rgb: 235, 190, 186;
}
body {
    min-height: 100vh;
}
.main {
    height: 700px;
}
.page-link:focus {
   
    box-shadow: 0 0 0 0.25rem rgb(253 13 13 / 21%) !important;
}
.btn-outline-info {
    --bs-btn-color: #124bb3;
    --bs-btn-border-color: #124bb3;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #124bb3;
    --bs-btn-hover-border-color:#124bb3;
    --bs-btn-focus-shadow-rgb: 235, 190, 186; /* RGB version of --secondary-color */
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #124bb3;
    --bs-btn-active-border-color: #124bb3;
    --bs-btn-disabled-color: #124bb3;
    --bs-btn-disabled-border-color: #124bb3;
}
input, select {
    background: #e0dede;
}

.vh-100-customs{
    height: 80vh !important;
    }
.rtl-icon {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.text-shadow {
    text-shadow: 1px 1px var(--bs-gray);
}

.text-gray {
    color: var(--bs-gray);
}

@font-face {
    font-family: "Cairo";
    src: url("../fonts/Cairo-VariableFont_slnt\,wght.ttf");
}

.border-primary {
    border-color: var(--bs-primary-border) !important;
}
.border-input {
    border-color:  #C0C0C0 !important;
}
.bg-primary{
    background-color: var(--primary-color)!important;
}

.bg-secondary{
    background-color: var(--secondary-color)!important;
}

.text-primary {
    color: var(--primary-color)!important;
}

.text-secondary {
    color: var(--secondary-color)!important;
}
.fs-custom {
    font-size: 0.75rem; 
}

.btn-outline-primary{
    --bs-btn-color: var(--primary-color) !important;
    --bs-btn-border-color: var(--primary-color) !important;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--primary-color) !important;
    --bs-btn-hover-border-color: var(--primary-color) !important;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--primary-color) !important;
    --bs-btn-active-border-color: var(--primary-color) !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--primary-color) !important;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--primary-color) !important;
    --bs-gradient: none;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--primary-color);
    --bs-btn-border-color: var(--primary-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--primary-color);
    --bs-btn-hover-border-color: var(--primary-color);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--primary-color);
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}
.select-languge {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); /* White arrow */
}

.hover-overlay {
    background-color: rgba(238, 236, 236, 0.8); 
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 2;
}
.form-check-input {
    border-color: black;
}

.form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.select2-container {
        width: 100% !important;
    }

/* Fix z-index issues */
.modal {
    z-index: 1060 !important;
}
.select2-container {
    z-index: 1061 !important;
}
.select2-dropdown {
    z-index: 1062 !important;
}
.modal-backdrop {
    z-index: 1040 !important;
}

.select2-container--default .select2-selection--single,.select2-container--default.select2-container--focus .select2-selection--multiple{
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: var(--bs-body-color) !important;
    background-color: var(--bs-body-bg) !important;
    background-clip: padding-box !important;
    border: var(--bs-border-width) solid var(--bs-border-color) !important;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 32px;
}
.nav-link{
    color: var(--dark-color);
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    color: var(--primary-color);
}
.nav-link:focus, .nav-link:hover{
    color: var(--primary-color);
}
li.nav-item {
    cursor: pointer;
}