@font-face {
    font-family: HelveticaNeue;
    font-style: normal;
    font-display: swap;
    src: url(../fonts/HelveticaNeueW23forSKY-Reg.woff) format('truetype');
    font-weight: 100
}

/* Base font settings */
body {
    font-family: 'Cairo', 'Tajawal', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-size: 0.95rem;
    line-height: 1.6;
    font-weight: 400;
    color: #3f4254;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Cairo', 'Tajawal', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-weight: 700 !important;
    line-height: 1.3;
    margin-bottom: 0.75rem;
}

h1 { font-size: 1.75rem; }
h2 { font-size: 1.5rem; }
h3 { font-size: 1.35rem; }
h4 { font-size: 1.2rem; }
h5 { font-size: 1.1rem; }
h6 { font-size: 1rem; }

/* Navigation and menu items */
.navbar-header .navbar-container .nav-link,
.main-menu .navigation > li > a,
.main-menu .navigation li a,
.dropdown-menu {
    font-family: 'Cairo', 'Tajawal', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-size: 0.95rem;
    font-weight: 600 !important;
    letter-spacing: 0.01em;
}

/* Form elements */
input, 
textarea, 
select, 
.form-control, 
.form-select,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-results__option,
.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input {
    font-family: 'Cairo', 'Tajawal', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 400;
    line-height: 1.5;
}

/* Buttons */
.btn {
    font-family: 'Cairo', 'Tajawal', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.95rem;
    letter-spacing: 0.3px;
    text-transform: none;
}

/* Card titles */
.card .card-title {
    font-family: 'Cairo', 'Tajawal', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.25rem;
    color: #2c2c2c;
}

/* Breadcrumbs and labels */
.breadcrumb,
.breadcrumb-item a,
.breadcrumb-item + .breadcrumb-item::before,
.breadcrumb-item.active,
.form-label,
.input-group-text {
    font-family: 'Cairo', 'Tajawal', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-size: 0.9rem;
    font-weight: 500;
}

/* Tables and data */
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate .paginate_button {
    font-family: 'Cairo', 'Tajawal', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-size: 0.9rem;
    font-weight: 400;
}

/* Responsive font sizes */
@media (max-width: 768px) {
    html {
        font-size: 95%;
    }
    
    h1 { font-size: 1.5rem; }
    h2 { font-size: 1.35rem; }
    h3 { font-size: 1.2rem; }
    h4 { font-size: 1.1rem; }
    h5 { font-size: 1rem; }
    
    .card .card-title {
        font-size: 1.1rem;
    }
    
    .btn {
        font-size: 0.9rem;
        padding: 0.5rem 1rem;
    }
}

/* Input placeholders */
::placeholder {
    font-family: 'Cairo', 'Tajawal', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-size: 0.9rem;
    color: #a1a5b7;
    opacity: 1;
}

/* For different browser prefixes */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-family: 'Cairo', 'Tajawal', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-size: 0.9rem;
    color: #a1a5b7;
}

::-moz-placeholder { /* Firefox 19+ */
    font-family: 'Cairo', 'Tajawal', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-size: 0.9rem;
    color: #a1a5b7;
    opacity: 1;
}

:-ms-input-placeholder { /* IE 10+ */
    font-family: 'Cairo', 'Tajawal', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-size: 0.9rem;
    color: #a1a5b7;
}

:-moz-placeholder { /* Firefox 18- */
    font-family: 'Cairo', 'Tajawal', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-size: 0.9rem;
    color: #a1a5b7;
    opacity: 1;
}

/**********************************************************/
.text-dark {
    color: #212121 !important;
}

.bold {
    font-weight: bold;
}

h1 {
    font-size: 18px;
}

label.form-label {
    color: #000;
    font-size: 15px;
}

.error {
    color: red;
}

.alert {
    padding: 10px;
}

.btn-primary {
    border-color: #A073B3  !important;
    background-color: #A073B3  !important;
}

.page-item.active .page-link {
    background-color: #A073B3 ;
}

div.dataTables_wrapper div.dataTables_filter select,
div.dataTables_wrapper div.dataTables_length select {
    display: inline-block;
}

.navbar-container .search-input.open {
    width: 30%;
}

.border-left {
    border-left: 0.5px solid #D8D6DE;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b,
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'%23d8d6de\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-linejoin=\'round\' class=\'feather feather-chevron-down\'%3E%3Cpolyline points=\'6 9 12 15 18 9\'%3E%3C/polyline%3E%3C/svg%3E");
    background-size: 18px 14px, 18px 14px;
    background-repeat: no-repeat;
    height: 1rem;
    padding-left: 1.5rem;
    margin-right: 0;
    margin-top: 0;
    right: -8px;
    border-style: none;
}

.app-content {
 
   background: #a073b3be;
}