body{
    color: var(--font-color);
}
.cursor-pointer{
    cursor: pointer;
}

.red-error-msg {
    font-weight: 700 !important;
    color: red !important;
}

/* milan css */
:root {
    /* --litegray: #dee2e6; */
    /* --blue: #dee2e6; */
    --litegray: #dee2e6;
    --white: #ffffff;
    --font-color: #2E5E6A;
    --header: #56A4B9;  
    --primeryBtn: #6AC7E0;
    --secondoryBtn:#2E5E6A;
    --nav-font: #E1F4F9;
    --nav-active:#A6DDEC;
  }
.custome-navbar{
    background-color: #2E5E6A !important;
}
.custome-navbar .navbar-brand{
    color: #FFFFFF;
    color: var(--nav-font);
    font-weight: 700;
}
.custome-navbar .navbar-nav .nav-link{
    color: var(--nav-font) ;
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
    color: var(--nav-active);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: var(--nav-active);
}
.custome-navbar .navbar-nav .active >.nav-link {
    color: var(--nav-active) !important;
    font-weight: 500;
}
.table{
    margin-bottom: 0;
}
.table th, .table td{
    border-left: 1px solid var(--litegray);
    border-top: 1px solid var(--litegray);
}
.btn-primary {
    color: var(--font-color);
    background-color:var(--primeryBtn);
    border-color: var(--primeryBtn);
}
.btn-primary:hover {
    color: var(--nav-font);
    background-color: var(--secondoryBtn);
    border-color: var(--secondoryBtn);
}
.btn-secondary {
    color: var(--nav-font);
    background-color: var(--secondoryBtn);
    border-color: var(--secondoryBtn);
}
.btn-secondary:hover {
    color: var(--font-color);
    background-color: var(--primeryBtn);
    border-color: var(--primeryBtn);
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
    color: var(--font-color) !important;
    background-color:var(--primeryBtn) !important;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel {
    color: var(--nav-font) !important;
    background-color: var(--secondoryBtn) !important;
}
.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: var(--header);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    color: var(--white);
}
a{
    color: var(--font-color);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--font-color) !important;
}
.page-item .page-link {
    z-index: 1;
    color: var(--font-color);
    background-color: var(--primeryBtn);
    border-color: var(--header);
}
.page-item.active .page-link {
    z-index: 1;
    color: var(--nav-active);
    background-color: var(--secondoryBtn);
    border-color: var(--nav-font);
}
.form-control {
    color: var(--font-color) !important;
}
::placeholder{
    color: var(--font-color) !important;
}
.form-control:focus {
    border-color: var(--nav-active);
    box-shadow: 0 0 0 0.2rem rgba(225, 244, 249, 0.5);
}
.page-item.disabled .page-link {
    color: var(--font-color);
    background-color: #fff;
    border-color: var(--nav-active);
}
 /* h1, h2, h3, h4, h5, h6{
    color: var(--font-color) !important;
    color: red;
} */
.custom-control-label {
    color: var(--font-color);
}
.custom-control-label::before {
    background-color: var(--nav-active);
}
.select2-container--default .select2-selection--single {
    border-radius: 6px !important;
}
/* .select2-container--default .select2-results__option--selected {
    background-color: var(--nav-font) !important;
} */
.select2-container--default .select2-search--dropdown:focus-visible {
    border: 1px solid var(--nav-font);
}
/* .select2-container--default .select2-results__option--highlited{
    color: var(--font-color) !important;
}
.select2-container--default .select2-results__option--highlited .selec2-results__option-selectable{
    background-color: red !important;
} */
/* .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
    color: var(--font-color);
    background-color: var(--nav-font) !important;
    border-color: var(--nav-font) !important;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(225, 244, 249, 0.5) !important;
}
select:focus-visible {
    border: 2px dashed crimson !important;
    border-radius: 3px;
    outline: none;
} */
input:focus-visible {
    outline: 2px solid var(--nav-font);
    border-radius: 4px;
}