body {
    /* font-family: 'Rubik', sans-serif;
    font-family: 'Spline Sans Mono', monospace;
    font-family: 'Tajawal', sans-serif; */

    /* font-family: "Spline Sans Mono", monospace; */
    /* font-family: "Winky Rough", sans-serif; */
    /* font-family: "Rubik", sans-serif; */

    /* font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; */
    
    /* font-family: "Inter", sans-serif; */
    /* font-family: "Roboto", sans-serif; */
    



}
[lang="en"] body {
    font-family: "Inter", sans-serif;
    /* font-family: "Roboto Condensed", sans-serif !important; */
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}

[lang="ar"] body {
    font-family: 'Cairo', sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}
.label{
    font-weight: 700 !important;
}
.dataTables_wrapper .dataTable thead th {
    font-weight: 700;
}
table thead th {
    color: #181C32 !important;
    vertical-align: bottom;
    font-weight: 700;
}
table td {
    color: #3F4254 !important;
    font-weight: 400;
}
.form-group label {
    font-weight: 700;
}
.btn.btn-primary {
    color: #FFFFFF;
    background-color: #004F5B;
    border-color: #004F5B;
}
.btn.btn-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-primary:focus:not(.btn-text), .btn.btn-primary.focus:not(.btn-text) {
    color: #FFFFFF;
    background-color: #2391a2;
    border-color: #2391a2;
}
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-heading, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-link {
    border-right: 3px solid #3699ff;
}
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading, .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link {
    border-right: 3px solid #3699ff;
}
/* start coloring */
/* .brand{
    background:#1286e5;
}
.aside-menu,.header-mobile,.aside{
    background: #0578d7;
}
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading, .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link{
    background: #3699ff;
}
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading, .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link{
    background: #3699ff;
}
#kt_aside_menu{
    margin-top: 0 !important;
}
.aside-menu .menu-nav > .menu-item > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item > .menu-link .menu-text{
    color: #fff;
}
.header-mobile .burger-icon span{
    background-color: #fff;
}
.header-mobile .burger-icon span::before, .header-mobile .burger-icon span::after{
    background-color: #fff;
}
.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-heading, .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link{
    background: #3699ff;
}
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-heading, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-link{
    background: #3699ff;
}
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link{
    background: #3699ff;
}
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-open > .menu-heading, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-open > .menu-link {
    background: #3699ff;
}
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-text{
    color: #fff;
}
.aside-menu .menu-nav > .menu-item > .menu-heading .menu-icon, .aside-menu .menu-nav > .menu-item > .menu-link .menu-icon{
    color: #fff;
}
.aside-menu .menu-nav .menu-item .menu-icon i {
    color: #fff;
}
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-bullet.menu-bullet-dot > span, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-bullet.menu-bullet-dot > span{
    background: #fff;
}
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-heading .menu-bullet.menu-bullet-dot > span, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-link .menu-bullet.menu-bullet-dot > span{
    background: #fff;
}
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-bullet.menu-bullet-dot > span, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-bullet.menu-bullet-dot > span{
    background: #fff;
}
.aside-menu .menu-nav > .menu-item > .menu-heading .menu-arrow, .aside-menu .menu-nav > .menu-item > .menu-link .menu-arrow{
    color: #fff;
} */
/* start login */
/* .login.login-4 .login-aside {
    background: linear-gradient(147.04deg, #0578d7 0.74%, #034479 99.61%)!important;

}

.short-ph {
    font-size: 4.0rem !important;
    padding-top: 6rem!important;
}

.login-logo img {
    max-height: 130px !important;
} */
/* end coloring */
/* start settings page */
.split-title {
    font-size: 16px;
    font-weight: bold;
    color: #2c2c35;
    margin-bottom: 10px;
}

.aa-heading {
    font-size: 14pt;
    font-family: "Arial";
    color: #666;
    /* background-color: #8AD8F2;   */
    border-bottom: 2px solid #5b9bd1;  
    border-left: 14px solid #5b9bd1;
    padding-left: 8px; 
}
/* end settings page */

/* start blockui */
.blockUI.blockOverlay{
    z-index: 99999998!important;
}
.blockUI.blockMsg.blockElement{
    z-index: 99999999!important;
}
.blockUI.blockMsg.blockPage{
    z-index: 99999999!important;
}
.blockUI.blockOverlay,.blockUI.blockMsg{
    cursor: auto!important;
}
.blockUI.blockMsg{
    top: 15%!important;
    left: 35%!important;
}
/* end blockui */

/* start addresses book */
.addresses .card-footer span .gold {
    color: #fc0;
}
/* end addresses book */

/* start upload box */
/* .image_box{
    position: relative;
}
.upload-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .3s ease;
    background-color: #fff;
}

.image_box:hover .upload-overlay {
    opacity: .8;
}
.upload-overlay .icon{

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}
.uploaded-images .image_box{
    float: left;
    height: 65px;
    width: 70px;
} */
/* end upload box */

/* start pickup location addresses */
#pickup-location-addresses .location .location-box .fa.fa-map-marker {
    position: absolute;
    right: 2.5rem;
    top: 1.07143rem;
    color: #f60d04;
    font-size: 2rem;
    height: 2rem;
    line-height: 2rem;
}
#pickup-location-addresses .location .location-box {
    cursor: pointer;
    background: #f2f2f2;
    color: #262933;
    border-radius: 3px;
    padding: 1.07143rem 4.28571rem 1.07143rem 1.07143rem;
    margin: 0;
    min-height: 6.07143rem;
}
#pickup-location-addresses .location .location-box.selected {
    background: #0578d7;
    color: #fff;
}
#pickup-location-addresses .location {
    position: relative;
    margin: 0 0 1.42857rem;
}
/* end pickup location addresses */

/* start  status progress */
ol.progtrckr {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
}

ol.progtrckr li {
    display: inline-block;
    text-align: center;
    line-height: 3.5em;
}

/*ol.progtrckr[data-progtrckr-steps="2"] li { width: 49%; }
ol.progtrckr[data-progtrckr-steps="3"] li { width: 33%; }
ol.progtrckr[data-progtrckr-steps="4"] li { width: 24%; }
ol.progtrckr[data-progtrckr-steps="5"] li { width: 19%; }
ol.progtrckr[data-progtrckr-steps="6"] li { width: 16%; }
ol.progtrckr[data-progtrckr-steps="7"] li { width: 14%; }
ol.progtrckr[data-progtrckr-steps="8"] li { width: 12%; }
ol.progtrckr[data-progtrckr-steps="9"] li { width: 11%; }*/

ol.progtrckr li.progtrckr-done {
    color: black;
    border-bottom: 4px solid yellowgreen;
}
ol.progtrckr li.progtrckr-todo {
    color: silver; 
    border-bottom: 4px solid silver;
}

ol.progtrckr li:after {
    content: "\00a0\00a0";
}
ol.progtrckr li:before {
    position: relative;
    bottom: -2.5em;
    float: left;
    left: 50%;
    line-height: 1em;
}
ol.progtrckr li.progtrckr-done:before {
    content: "\2713";
    color: white;
    background-color: yellowgreen;
    height: 2.2em;
    width: 2.2em;
    line-height: 2.2em;
    border: none;
    border-radius: 2.2em;
}
ol.progtrckr li.progtrckr-todo:before {
    content: "\039F";
    color: silver;
    background-color: white;
    font-size: 2.2em;
    bottom: -1.2em;
}
/* end  status progress */
.static-info .name {
    font-size: 14px;
}
.static-info .value {
    font-size: 14px;
    font-weight: 600;
}
.select2-container{
    width: 100% !important;
}


/*start filter form*/
.form-item.filter{
    background-color: rgba(229, 229, 229, 0.3);
    padding: 10px;
    margin-bottom: 20px;
    padding: 2rem 4rem;
}
/*end filter form*/

/* .dataTables_processing.card{
    border: none;
    background: none;

} */
.dataTables_processing.card img{
    width: 120px;
}
div.dataTables_wrapper div.dataTables_processing{
    position: fixed;
}

.timeline.timeline-6 .timeline-item .timeline-label {
    width: 120px;
}
.timeline.timeline-6:before {
    left: 123px;
}

.card-custom-spacing > .card-body {
    padding: 1rem 1.25rem !important;
}




.uploaded-images {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: flex-start;
    padding-left: 11px;
}

.uploaded-images .image_box {
    flex: 0 0 calc(25% - 15px); /* 4 images per row */
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.uploaded-images .image_box:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.25);
}

.uploaded-images .image_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-bottom: 1px solid #ddd;
}

/* remove overlay since we show actions below */
.upload-overlay {
    position: static;
    background: none;
    opacity: 1;
    padding: 8px;
    width: 100%;
}

.upload-overlay .icon {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
}

.upload-overlay .icon a {
    color: #555;
    border: 1px solid #ccc;
    background: #f8f8f8;
    padding: 5px 8px;
    border-radius: 6px;
    font-size: 13px;
    transition: background 0.2s ease, color 0.2s ease;
}

.upload-overlay .icon a:hover {
    background: #007bff;
    color: #fff;
    border-color: #007bff;
}

@media (max-width: 992px) {
    .uploaded-images .image_box {
        flex: 0 0 calc(33.333% - 15px);
    }
}

@media (max-width: 600px) {
    .uploaded-images .image_box {
        flex: 0 0 calc(50% - 15px);
    }
}

/* Calendar */
/* Main Calendar Card */
.calendar-card {
    background: #fff;
    border-radius: 18px;
    padding: 20px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);
}

/* Toolbar */
.fc .fc-toolbar {
    padding: 10px 5px 20px;
}

.fc .fc-toolbar-title {
    font-size: 20px;
    font-weight: 700;
    color: #0f172a;
}

/* Buttons */
.fc .fc-button {
    background: #1d4ed8 !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 6px 14px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.fc .fc-button:hover {
    background: #0f3cc9 !important;
}

.fc .fc-button-active {
    background: #0f172a !important;
}

/* Calendar cells */
.fc-col-header-cell {
    background: #f8fafc;
    padding: 8px 0;
}

.fc-daygrid-day-frame {
    padding: 6px;
}

/* Events (Booking Card) */
.fc-event {
    border-radius: 12px !important;
    border: none !important;
    padding: 5px 8px !important;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

/* Status colors */
.booking-confirmed {
    background: #dcfce7 !important;
    color: #166534 !important;
}

.booking-pending {
    background: #fef9c3 !important;
    color: #854d0e !important;
}

.booking-cancelled {
    background: #fee2e2 !important;
    color: #991b1b !important;
}

/* Resource column */
.fc-datagrid-cell {
    font-weight: 600;
}

/* Today */
.fc-day-today {
    background: #eff6ff !important;
}

/* Responsive */
@media(max-width: 768px) {
    .fc .fc-toolbar {
        flex-direction: column;
        gap: 10px;
    }
}

/* End Calendar */