body, h1, h2, h3, h4, h5, h6, p, .navigation-menu>li>a, .topnav .navbar-nav .nav-link{
    font-family: 'Almarai', sans-serif;
}

body{
    line-height: 1.2;
    background-color: #ebf1f2;
    font-size: 0.8rem;
    color: #2c2c2c;
}

body[data-layout=horizontal] .content-page {
    padding: 107px 10px 0 10px;
}


.btn-group-sm>.btn, .btn-sm {
    font-size: .8rem;
}

.table td, .table th {
    vertical-align: inherit;
}

table.dataTable.table-sm > thead > tr > th {
    font-size: 12px;
}

#sidebar-menu>ul>li>a {
    padding: 7px 20px;
}

#sidebar-menu>ul>li>a {
    color: #000000;
}

#sidebar-menu>ul>li>a.active {
    color: #0046e5;
}


label {
    font-weight: 600;
    color: #323a46;
    margin-top: 5px;
    margin-bottom: 5px;
}

.tox-notifications-container {
    display: none;
}




/* start @media  print ------------------------------*/
@media  print {

    @page {
        @bottom-left {
            content: counter(page) "/" counter(pages);
        }
    }

    .agreement{
        display: none;
    }

    html, body, div, span, applet, object, iframe, h1, h2,  h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
        font-size: 12pt !important;
    }

    h3{
        font-size: 24pt !important;
    }

    .table-bordered td, .table-bordered th {
        border: 1px solid #232323 !important;
    }

    .table thead th {
        border: 1px solid #232323 !important;
        font-size: 14px;
        line-height: 30px;
    }

    .table {
        color: #232323 !important;
    }

}

/* end @media  print ------------------------------*/




@media (min-width: 1200px) {
    html[data-layout-mode=horizontal]
    .container-fluid, html[data-layout-mode=horizontal]
    .container-lg, html[data-layout-mode=horizontal]
    .container-md, html[data-layout-mode=horizontal]
    .container-sm, html[data-layout-mode=horizontal]
    .container-xl, html[data-layout-mode=horizontal]
    .container-xxl {
        max-width: 98%;
    }
}

.table-sm td, .table-sm th {
    padding: 0.3rem;
}



/*-----------------------*/


/*==============================*/
/*الأزرار*/

.btn-purple {
    color: #fff;
    background-color: #00586d;
    border-color: #014b5d;
}

.btn-purple:hover {
    color: #fff;
    background-color: #00829d;
    border-color: #016e85;
}


.btn-primary {
    color: #fff;
    background-color: #2680d7;
    border-color: #1e73cc;
}

.btn-primary:hover {
    color: #fff;
    background-color: #0f63b0;
    border-color: #094e8d;
}


.btn-success {
    color: #fff;
    background-color: #039d4f;
    border-color: #07914c;
}

.btn-success:hover {
    color: #fff;
    background-color: #027e41;
    border-color: #006030;
}


.btn-danger {
    color: #fff;
    background-color: #ff3535;
    border-color: #ff2828;
}

.btn-danger:hover {
    color: #fff;
    background-color: #d31a1a;
    border-color: #b91111;
}


.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #565e65;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #596065;
    border-color: #42474b;
}

.btn-pink {
    color: #ffffff;
    background-color: #ef46a5;
    border-color: #f11a93;
}

.btn-pink:hover {
    color: #ffffff;
    background-color: #e8128d;
    border-color: #d0097a;
}

.text-pink {
    color: #dd1a88!important;
}


hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #d1d1d1;
}


/*================================*/


.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
}


.select2-container .select2-selection--single {
    height: 38px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
}


.page-title-box .page-title {
    line-height: 48px;
}

.h4, h4 {
    font-size: .9375rem;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #050505;
}

.h5, h5 {
    font-size: .8375rem;
}


.topnav .navbar-nav .nav-link {
    font-size: .85rem;
    line-height: 20px;
    padding: calc(18px / 2) .8rem;
}

@media (min-width: 992px) {
    .topnav {
        height: 40px;
    }
}


@media (min-width: 992px) {
    html[data-layout-mode=horizontal] .content-page {
        padding: 40px 15px 65px 15px;
    }
}

.table {
    --ct-table-color: #000000;
}

.table td, .table th {
    vertical-align: middle;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #00556a;
    border: 1px solid #00556a;
}