/* Start Arabic Fonts */
@font-face {
    font-family: Kufi;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notokufiarabic/v15/CSRp4ydQnPyaDxEXLFF6LZVLKrodhu8t57o1kDc5Wh5v37bNlrU.woff2) format('woff2');
    unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: Kufi;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notokufiarabic/v15/CSRp4ydQnPyaDxEXLFF6LZVLKrodhu8t57o1kDc5Wh5v37bNlrU.woff2) format('woff2');
    unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.font-kufi {
    font-family: kufi, Roboto, serif;
}

/* End Arabic Fonts */

@media (min-width: 768px) {
    body[data-sidebar-size="condensed"]:not([data-layout=compact]) {
        min-height: 1750px !important;
    }
}

body[data-topbar-color="dark"] .navbar-custom {
    background-color: #0e0e0e !important;
}


body[data-sidebar-color="dark"] .select2-container .select2-selection--single {
    border: 1px solid #424e5a;
    background-color: #3b4651;
}

body[data-sidebar-color="dark"] .select2-dropdown {
    border: 1px solid #424e5a;
    background-color: #3b4651;
}

body[data-sidebar-color="dark"] .select2-container--default .select2-search--dropdown {
    background-color: #3b4651;
}

body[data-sidebar-color="dark"] .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #424e5a;
    background-color: #3b4651;
}

body[data-sidebar-color="dark"] .right-bar {
    background-color: #303841;
}

body[data-sidebar-color="dark"] .footer {
    background-color: #303841;
}

body[data-sidebar-color="dark"] .form-control:disabled:not(.flatpickr-input), body[data-sidebar-color="dark"] .form-control[readonly]:not(.flatpickr-input), body[data-sidebar-color="dark"] input {
    background-color: #3b4651;
}

body[data-sidebar-color="dark"] input[readonly] {
    background-color: #36404a;
}

body[data-topbar-color="dark"] .eModal {
    background: #000000ab;
}

body[data-sidebar-size=compact]:not([data-sidebar-size=condensed]) .left-side-menu .menu-title {
    background-color: rgb(34 31 31 / 10%);
}

body[data-sidebar-size=compact]:not([data-sidebar-size=condensed]) .content-page {
    margin-left: 160px;
}

body[data-sidebar-color=light][data-sidebar-size=default] #wrapper .left-side-menu .nav-second-level li a {
    color: #fff !important;
}

body[data-sidebar-color=light][data-sidebar-size=condensed] #wrapper .left-side-menu .nav-second-level li a.active, body[data-sidebar-color=light][data-sidebar-size=condensed] #wrapper .left-side-menu .nav-thrid-level li a.active {
    color: #4a81d4 !important;
}

body[data-sidebar-color=brand][data-sidebar-size=condensed] #wrapper .left-side-menu .nav-second-level li a.active, body[data-sidebar-color=brand][data-sidebar-size=condensed] #wrapper .left-side-menu .nav-thrid-level li a.active {
    color: #11a9d2 !important;
}

body[data-sidebar-color=gradient][data-sidebar-size=condensed] #wrapper .left-side-menu .nav-second-level li a.active, body[data-sidebar-color=gradient][data-sidebar-size=condensed] #wrapper .left-side-menu .nav-thrid-level li a.active {
    color: #6658dd !important;
}

body[data-sidebar-color=light] .left-side-menu {
    background-color: #4a81d4;
}

body[data-sidebar-color=brand] .left-side-menu {
    background-color: #11a9d2 !important;
}

body[data-sidebar-color=gradient] .left-side-menu {
    background-color: #6658dd !important;
}

body[data-sidebar-color=light] .logo-box {
    background-color: #4a81d4;
}

body[data-sidebar-color=brand] .logo-box {
    background-color: #11a9d2 !important;
}


body[data-sidebar-color=gradient] .logo-box {
    background-color: #6658dd !important;
}

body[data-sidebar-color=light][data-sidebar-size=condensed] #wrapper .left-side-menu #sidebar-menu > ul > li:hover > a {
    background-color: #4a81d4;
}

body[data-sidebar-color=brand][data-sidebar-size=condensed] #wrapper .left-side-menu #sidebar-menu > ul > li:hover > a {
    background-color: #11a9d2;
}

body[data-sidebar-color=gradient][data-sidebar-size=condensed] #wrapper .left-side-menu #sidebar-menu > ul > li:hover > a {
    background-color: #6658dd !important;
}

#sidebar-menu > ul > li > a {
    color: rgba(255, 255, 255, .7);
}

body[data-sidebar-color=light] .left-side-menu .user-box .dropdown > a, body[data-sidebar-color=brand] .left-side-menu .user-box .dropdown > a, body[data-sidebar-color=gradient] .left-side-menu .user-box .dropdown > a {
    color: #fff !important;
}

body[data-sidebar-color=brand] .left-side-menu .user-box .dropdown > a, body[data-sidebar-color=brand] .left-side-menu .user-box .dropdown > a, body[data-sidebar-color=gradient] .left-side-menu .user-box .dropdown > a {
    color: #fff !important;
}

body[data-sidebar-color=light] .left-side-menu #sidebar-menu .menu-title, body[data-sidebar-color=brand] .left-side-menu #sidebar-menu .menu-title, body[data-sidebar-color=gradient] .left-side-menu #sidebar-menu .menu-title {
    color: rgba(255, 255, 255, .6);
}


body[data-sidebar-color=light][data-sidebar-size=condensed] #wrapper .left-side-menu #sidebar-menu > ul > li:hover > a {
    background-color: #4a81d4;
    color: #fff;
}

body[data-sidebar-color=barnd][data-sidebar-size=condensed] #wrapper .left-side-menu #sidebar-menu > ul > li:hover > a {
    background-color: #11a9d2 !important;;
    color: #fff;
}

body[data-sidebar-color=gradient][data-sidebar-size=condensed] #wrapper .left-side-menu #sidebar-menu > ul > li:hover > a {
    background-color: #6658dd !important;;
    color: #fff;
}

body[data-sidebar-color=light] .left-side-menu #sidebar-menu > ul > li > a, body[data-sidebar-color=brand] .left-side-menu #sidebar-menu > ul > li > a, body[data-sidebar-color=gradient] .left-side-menu #sidebar-menu > ul > li > a {
    color: rgba(255, 255, 255, .7);
}

body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu > ul > li:hover > a {
    width: calc(205px + 80px);
}

body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu > ul > li:hover > .collapse > ul {
    width: 215px
}

body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu > ul > li:hover > .collapse > ul a {
    padding: 8px 10px;
    width: 215px;
}

body[data-sidebar-color=light] .btn-primary, body[data-sidebar-color=light] .btn-blue {
    background-color: #3265cc !important;
    border-color: #3265cc !important;
}

body[data-sidebar-color=brand] .btn-primary, body[data-sidebar-color=brand] .btn-blue {
    background-color: #11a9d2 !important;
    border-color: #11a9d2 !important;
}

body[data-sidebar-color=gradient] .btn-primary, body[data-sidebar-color=gradient] .btn-blue {
    background-color: #6658dd !important;
    border-color: #6658dd !important;
}

.btn-primary {
    box-shadow: 0 2px 6px 0 rgb(184 140 77 / 52%);
}

body[data-sidebar-color=light] .btn-primary:hover {
    background-color: #1a5fe9;
    border-color: #1a5fe9;
}

body[data-sidebar-color=brand] .btn-primary:hover {
    background-color: #11a9d2;
    border-color: #11a9d2;
}

body[data-sidebar-color=light] .btn-primary:not(:disabled):not(.disabled).active, body[data-sidebar-color=light] .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    background-color: #1a5fe9;
    border-color: #1a5fe9;
}

body[data-sidebar-color=brand] .btn-primary:not(:disabled):not(.disabled).active, body[data-sidebar-color=brand] .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    background-color: #11a9d2;
    border-color: #11a9d2;
}

body[data-sidebar-color=light] .btn-primary.focus, body[data-sidebar-color=light] .btn-primary:focus {
    background-color: #1a5fe9;
    border-color: #1a5fe9;
    box-shadow: 0 2px 6px 0 rgb(184 140 77 / 52%);
}

body[data-sidebar-color=brand] .btn-primary.focus, body[data-sidebar-color=brand] .btn-primary:focus {
    background-color: #11a9d2;
    border-color: #11a9d2;
    box-shadow: 0 2px 6px 0 rgb(184 140 77 / 52%);
}

body[data-sidebar-color=light] .btn-primary.disabled, body[data-sidebar-color=light] .btn-primary:disabled {
    background-color: #1a5fe9;
    border-color: #1a5fe9;
}

body[data-sidebar-color=brand] .btn-primary.disabled, body[data-sidebar-color=brand] .btn-primary:disabled {
    background-color: #11a9d2;
    border-color: #11a9d2;
}

body[data-sidebar-color=light] .page-item.active .page-link {
    background-color: #3265cc;
    border-color: #3265cc;
}

body[data-sidebar-color=brand] .page-item.active .page-link {
    background-color: #11a9d2;
    border-color: #11a9d2;
}

body[data-sidebar-color=light] .user-pro-dropdown .dropdown-item:hover {
    background-color: #3265cc;
}

body[data-sidebar-color=brand] .user-pro-dropdown .dropdown-item:hover {
    background-color: #11a9d2;
}

.flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover {
    background: #3265cc;
    border-color: #3265cc;
}

body[data-sidebar-color=light] .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #3265cc;
}

body[data-sidebar-color=brand] .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #11a9d2;
}

body[data-sidebar-color=light] .select2-container--default .select2-results__option[aria-selected=true]:hover {
    background-color: #3265cc;
}

body[data-sidebar-color=brand] .select2-container--default .select2-results__option[aria-selected=true]:hover {
    background-color: #11a9d2;
}


body[data-sidebar-color=light] .faq-question-q-box {
    color: #3265cc;
}

body[data-sidebar-color=brand] .faq-question-q-box {
    color: #11a9d2;
}


.select2-selection__clear {
    margin-left: 10px;
    margin-right: 10px;
    z-index: 900;
}

.dt-center {
    text-align: center !important;
}

.form-control:disabled:not(.flatpickr-input), .form-control[readonly]:not(.flatpickr-input) {
    background-color: #e9ecef;
}

.border-0 {
    border: none !important;
    outline: none !important;
}

.swal2-validation-message {
    margin: 8px -0.7em !important;
}

/* Start Authentication Pages */

body.authentication-bg {
    background-color: #3265cc;
    background-image: url(../images/bg-pattern.png);
}

@media (max-height: 700px) {
    .auth-brand .auth-logo img {
        height: 80px;
    }
}

@media (max-height: 600px) {
    .auth-brand .auth-logo img {
        height: 70px;
    }
}

/* End Authentication Pages */

/* Start JQuery Validation */

.form-control.error, .select2-selection.error {
    border-color: #f1556c !important;
    padding-right: calc(1.5em + .9rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23f1556c' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f1556c' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .225rem) center;
    background-size: calc(.75em + .45rem) calc(.75em + .45rem);
}

label.error {
    color: #f1556c;
    font-size: 11px;
}

/* End JQuery Validation */

/* Start JQuery Toast */

.jq-toast-wrap {
    width: 350px;
}

/* End JQuery Toast */

/* Start Modal Layout */

body.modal-layout {
    padding: 0 !important;
}

body.modal-layout .content-page {
    padding: 5px !important;
    margin: 0 !important;
}

body.modal-layout .container-fluid {
    padding: 0 !important;
}

body.modal-layout form .card-box {
    padding: 0 1.5rem !important;
    margin: 0 !important;
}

.modal-eModal.modal-dialog-scrollable .modal-content {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

/* End Modal Layout */

/* Start Img Thumbnail */

.fileinput .img-thumbnail > img {
    width: 44%;
    border-radius: 50%;
}

.fileinput .user-image .user-image-buttons {
    position: absolute;
    top: 10px;
    right: 10px;
    display: none;
}

.fileinput .user-image:hover .user-image-buttons {
    display: block;
}

.fileinput .user-edit-image-buttons {
    display: inline;
}

/* End Img Thumbnail */

/* Start Data Table */

.dataTables_processing {
    position: absolute;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 0.25rem;
    background: rgba(255, 255, 255, .8);
    cursor: progress;
}

#datatable_wrapper .dataTables_processing {
    top: 8% !important;
}

.dataTables_processing .card-portlets-loader {
    background-color: #3e4852;
    animation: rotatebox 1.2s infinite ease-in-out;
    height: 30px;
    width: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
}

div.dataTables_wrapper div.dataTables_processing {
    margin: 0 !important;
}

.dataTables_processing.card {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
}

/* End Data Table */

/* Start Welcome Background */

.welcome-page {
    background-image: url(../images/welcome-bg.png);
}

.welcome-bg {

    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* End Welcome Background */

/* Start eModal Background */

.header-title {
    font-size: 1.4rem;
}

/* End eModal Background */

/* Start Preloader */

#preloader {
    background-color: rgba(255, 255, 255, .1);
}

/* End Preloader */

/* Start Apartment */
.rooms-items {
    overflow: hidden;
    padding-top: 20px;
    position: relative;
    min-height: 200px;
}

#apt-bk:hover {
    background-color: #f0d899;
    cursor: pointer;
}

.apt-red {
    background: url(../images/room-img.png) center center no-repeat;
    display: block;
    width: 144px;
    height: 131px;
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}

.bxshdw:hover {
    -webkit-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, .16);
    -moz-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, .16);
    box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, .16)
}

.apt-up {
    padding-top: 32px;
    line-height: 40px;
}

.apt-clean-1::after {
    content: ".";
    visibility: hidden;
}

.apt-clean {
    float: right;
    width: 47px;
    text-align: center;
    color: rgb(0, 0, 0);
    display: block;
    height: 22px;
}

.apt-clean-1 {
    float: right;
    width: 40px;
    text-align: center;
    color: rgb(0, 0, 0);
    display: block;
    height: 22px;
}

.apt-num-1 {
    color: rgb(255, 255, 255);
    padding-right: 0;
    text-align: center;
    font-size: 0.9em;
    line-height: 14px;
    width: 85px;
    display: table-cell;
    vertical-align: middle;
    height: 40px;
}

.apt-clean img {
    margin-right: 2px;
}

.apt-ico-bt {
    margin: auto;
    display: table;
}

.apt-p0 {
    padding: 16px 10px 10px !important;
}

.apt-bt {
    font-size: 0.9em;
    padding: 10px;
    color: rgb(0, 0, 0);
    text-align: center;
}

.apt-link a {
    width: 16px;
    height: 16px;
    display: block;
    float: right;
    margin: 5px;
}

.apt-btm-ico {
    float: right;
    margin: 0 5px
}

.apt-btm-ico:not(.notTitle) {
    display: inline;
    position: relative
}

.apt-btm-ico:not(.notTitle):hover:after {
    background-color: #5a6a7a;
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    left: 20%;
    padding: 8px;
    position: absolute;
    z-index: 98;
    white-space: nowrap;
    text-align: center
}

.apt-btm-ico:not(.notTitle):hover:before {
    border: solid;
    border-color: #5a6a7a transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99
}

.aptedit.apt-btm-ico:hover:after {
    content: "تعديل"
}

.apteview.apt-btm-ico:hover:after {
    content: "عرض"
}

.welcome-page {
    background-image: url(../images/welcome-bg.png);
}

.welcome-bg {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* End Apartment */

/* Start FAQ */
.faq-question-q-box {
    height: 34px;
    width: 34px;
}

/* End FAQ */

/* Start Category */

.category-list a.category-link {
    border-radius: 6px;
    margin-bottom: 5px !important;
}

.category-link {
    display: block;
    height: 100px;
}

/* End Category */

/* Start Datatable */

#order-items_wrapper table tfoot tr th, #invoice-items_wrapper table tfoot tr th, #table-print tfoot tr th, #table-print_wrapper tfoot tr th, #datatable tfoot tr th, #datatable_wrapper tfoot tr th {
    text-align: center !important;
}

#order-items_wrapper table tfoot tr th:first-of-type, #invoice-items_wrapper table tfoot tr th:first-of-type, #table-print tfoot tr th:first-of-type, #table-print_wrapper tfoot tr th:first-of-type, #datatable tfoot tr th:first-of-type, #datatable_wrapper tfoot tr th:first-of-type {
    text-align: right !important;
}

#order-items_wrapper .dataTables_scrollHeadInner, #order-item_wrapper .dataTables_scrollFootInner, #invoice-items_wrapper .dataTables_scrollHeadInner, #invoice-items_wrapper .dataTables_scrollFootInner {
    width: 100% !important;
}

/* End Datatable */

@media print {
    @page {
        size: auto;
        margin-top: 5mm;
        margin-bottom: 5mm;
    }

    body {
        -webkit-print-color-adjust: exact; /* Safari and Chrome */
        color-adjust: exact; /* Firefox */
        background-color: #fff; /* Firefox */
    }

    h1, h2, h3, h4, h5, p {
        padding: 0 !important;
        margin: 0 !important;
    }

    body.modal-layout .content-page {
        padding: 0;
        margin: 0;
    }

    .card-box {
        box-shadow: none;
        padding: 0;
        margin: 0;
        border: none;
    }

    .page-break {
        page-break-before: always;
    }
}

/* Start multi select */

.ms-container {
    width: 100%;
    max-width: none;
}

/* End multi select */

/* sidebar toggler */
.sidebar-toggler {
    height: 50px;
}
.sidebar-toggler span {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 15px;
    right: 0;
    width: 30px;
    height: 25px;
    padding: 0 25px 0 20px;
    background-color: #ffffff;
    color: #000000;
    border-radius: 12px 0 0 12px;
    font-size: 25px;
    cursor: pointer;
}

[dir="rtl"] .sidebar-toggler span {
    right: auto;
    left: 0;
    padding: 0 20px 0 25px;
    border-radius: 0 12px 12px 0;
}
/* end sidebar toggler */