/* 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: auto !important;*/
    }
}


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

body[data-sidebar-color="dark"] .logo-box, body[data-sidebar-color="brand"] .logo-box, body[data-sidebar-color="gradient"] .logo-box {
    background-color: #168496;
}

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-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=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, 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: #188496 !important;
}

.nav-bordered a.active {
    border-bottom: 2px solid #1d7686 !important;
}

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] .left-side-menu, body[data-sidebar-color=gradient] .left-side-menu {
    background-color: #188496;
}

body[data-sidebar-color=light] .logo-box, body[data-sidebar-color=gradient] .logo-box {
    background-color: #188496;
}


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

#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=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=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=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, body[data-sidebar-color=gradient][data-sidebar-size=condensed] #wrapper .left-side-menu #sidebar-menu > ul > li:hover > a {
    background-color: #188496;
    color: #fff;
}

body[data-sidebar-color=light] .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 > a {
    padding: 20px 20px;
}

.bg-primary {
    background-color: #188496 !important;
    border-color: #188496 !important;
}

.select2-container .select2-selection--multiple .select2-selection__choice {
    background-color: #188496;
}

.btn-primary {
    background-color: #188496;
    border-color: #188496;
}

.btn-primary {
    box-shadow: 0 2px 6px 0 rgb(24 132 150 / 52%);
}

.btn-primary:hover {
    background-color: #146572;
    border-color: #146572;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    background-color: #146572;
    border-color: #146572;
}

.btn-primary.focus, .btn-primary:focus {
    background-color: #146572;
    border-color: #146572;
    box-shadow: 0 2px 6px 0 rgb(24 132 150 / 52%);
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: #146572;
    border-color: #146572;
}

.btn-primary {
    background-color: #188496;
    border-color: #188496;
    border-top-color: rgb(24, 132, 150);
    border-right-color: rgb(24, 132, 150);
    border-bottom-color: rgb(24, 132, 150);
    border-left-color: rgb(24, 132, 150);
}

a {
    color: #188496;
}

a:hover {
    color: #146572;
}


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

.user-pro-dropdown .dropdown-item:hover {
    background-color: #188496;
}

.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: #188496;
    border-color: #188496;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #188496;
}

.select2-container--default .select2-results__option[aria-selected=true]:hover {
    background-color: #188496;
}

.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;
}

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

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

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

.breadcrumb-item {
    text-transform: capitalize;
}

/* Start Authentication Pages */

body.authentication-bg {
    background-color: #188496;
    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);
}

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

/* 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 FAQ */
.faq-question-q-box {
    height: 34px;
    width: 34px;
}

.faq-question-q-box {
    color: #188496;
    background-color: rgba(24, 132, 150, .15);
}

/* 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;
}

@media (max-width: 520px) {
    .jpa input {
        margin-right: 0.1rem !important;
        margin-left: 0.1rem !important;
        padding: 0 !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;
    }
}