:root {
    --theme-1: #1f3258;
    --theme-2: #2291bb;
    --theme-3: #fdbf1e;
}

    @font-face {
        font-family: 'arabic-font';
        font-weight: normal;
        /*src: url('../fonts/DINNextLTArabic-Regular.ttf') format('truetype');*/
        /*src: url('../fonts/arbfonts-thesans-plain.otf') format('opentype');*/
        src: url('../fonts/arbfonts-droid-arabic-kufi.ttf') format('truetype');
    }

    @font-face {
        font-family: 'arabic-font';
        font-weight: bold;
        /*src: url('../fonts/arbfonts-thesans-bold.otf') format('opentype');*/
        src: url('../fonts/arbfonts-droid-arabic-kufi-bold.ttf') format('truetype');
    }

    @font-face {
        font-family: 'english-font';
        font-weight: normal;
        src: url('../fonts/roboto/roboto-regular.ttf') format('truetype');
    }

    @font-face {
        font-family: 'english-font';
        font-weight: bold;
        src: url('../fonts/roboto/roboto-bold.ttf') format('truetype');
    }

    .btn-primary {
    background-color: #1f3258;
    border-color: #1f3258;
}
.btn-primary:hover {
    background-color: #1f3258;
    border-color: #1f3258;
}
.login-bg {
    background: url('../images/auth-bg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.bg-login-overlay {
    background: #142850 !important;
}
.fc th.fc-widget-header {
    background-color: #0caadc;
    color:#fff;
}
body {
    font-family: 'english-font','arabic-font';
    font-size: 13px;
    color: #1f3258 !important;
    background: #eff3fb;
}
    body[data-topbar=colored] #page-topbar {
        background: #eff3fb;
        color: #1f3258 !important;
    }
    body[data-layout=detached] #layout-wrapper::before {
        background: #eff3fb;
    }
    body[data-topbar=colored] .header-item, body[data-topbar=dark] .header-item {
        color: #1f3258;
    }
    body[data-layout=detached] .page-title-box .breadcrumb-item > a, body[data-layout=detached] .page-title-box .breadcrumb-item + .breadcrumb-item::before, body[data-layout=detached] .page-title-box .breadcrumb-item.active {
        color: #1f3258;
    }
.navbar-header ::after, .navbar-header ::before {
    color: #1f3258;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: var(--theme-2);
    background-color: var(--theme-2);
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: #0caadcb3;
}

.bg-theme-primary {
    background-color: var(--theme-1);
    color: #fff;
}
.btn-theme-primary {
    background-color: var(--theme-1);
    border-color: var(--theme-1);
    color:#fff;
}
    .btn-theme-primary:hover, .btn-theme-primary:active {
        background-color: var(--theme-1);
        border-color: var(--theme-1);
        color: #fff;
    }
.bg-theme-secondary {
    background-color: var(--theme-2);
    color: #fff;
}

.btn-theme-secondary {
    background-color: var(--theme-2);
    border-color: var(--theme-2);
    color: #fff;
}

    .btn-theme-secondary:hover, .btn-theme-secondary:active {
        background-color: var(--theme-2);
        border-color: var(--theme-2);
        color: #fff;
    }

.bg-theme-default {
    background-color: var(--theme-3);
    color: #fff;
}


.table th {
    /*background: var(--theme-2) !important;
    color: #fff;*/
    font-weight:bold !important;
    border-bottom: 2px solid var(--theme-3) !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--theme-2) !important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #f8f9fb;
}
.select2-container--default .select2-search--dropdown {
    background-color: #f8f9fb;
}
.select2-dropdown {
    background-color: #f8f9fb;
    border: 1px solid #d9e0ef;
}
.vertical-menu {
    background: #1f3258;
    overflow-y: scroll;
    /*border-radius: 20px !important;*/
    margin-top: 10px !important;
}
@media (min-width: 1024px) {
    .vertical-menu {
        border-radius: 20px !important;
        overflow-y: unset;
    }
}

    .menu-title {
        color: #fff;
    }

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

        #sidebar-menu ul li a i {
            color: #fff;
        }

        #sidebar-menu ul li a:hover {
            color: #fff;
        }

            #sidebar-menu ul li a:hover i {
                color: #fff;
            }

    #sidebar-menu ul li ul.sub-menu li a {
        color: #fff;
    }

        #sidebar-menu ul li ul.sub-menu li a:hover {
            color: #fff;
        }

    @media (min-width: 992px) {
        body[data-layout=detached] .vertical-menu .user-img img {
            border: 2px dashed #fdbf1e;
        }
    }
.mail-list a.active {
    background: #0caade; /*#fdbf1e;*/
    color: #fff;
    border-radius: .25rem;
    padding: .47rem .75rem;
}
#page-topbar {
    box-shadow: unset;
}

    .app-search input {
        background: #d2dfea !important;
        border-radius: 20px !important;
    }

    body[data-topbar=colored] .app-search input.form-control::-webkit-input-placeholder, body[data-topbar=colored] .app-search span, body[data-topbar=dark] .app-search input.form-control::-webkit-input-placeholder, body[data-topbar=dark] .app-search span {
        color: #7f9eb9;
    }

    body[data-layout=detached] #layout-wrapper::before {
        webkit-box-shadow: unset;
        box-shadow: unset;
    }

    body[data-topbar=colored] .header-item:hover, body[data-topbar=dark] .header-item:hover {
        color: #1f3258 !important;
    }

.mm-active .active {
    background: var(--theme-2) !important;
    color: #fff !important;
    border-right: 10px solid #fdbf1e;
    /*margin-right: 12px !important;
    border-bottom-right-radius: 20px !important;
    border-top-right-radius: 20px !important;*/
}
    .mm-active .active i {
        color: #fff !important;
    }
.metismenu li.mm-active a {
    color: #fff !important;
}

    .metismenu li.mm-active a i {
        color: #fff !important;
    }

.nav-tabs-custom .nav-item .nav-link::after {
    background: #fdbf1e;
    height: 3px;
}
.nav-tabs-custom .nav-item .nav-link.active {
    color: #1f3258;
    font-weight: bold;
}

.page-item.active .page-link {
    background-color: var(--theme-3);
    border-color: var(--theme-3);
}

::-webkit-scrollbar {
    width: 12px; /* width of the entire scrollbar */
}

::-webkit-scrollbar-track {
    background: #eff3fb; /* color of the tracking area */
}

::-webkit-scrollbar-thumb {
    background-color: var(--theme-2); /* color of the scroll thumb */
    /*border-radius: 20px;*/ /* roundness of the scroll thumb */
    border: 1px solid #eff3fb; /* creates padding around scroll thumb */
}

.gradient {
    color: #fff !important;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.gradient i{
    color: #fff !important;
}
.gradient-purple {
    background: linear-gradient(40deg,#ff6ec4,#7873f5) !important;
}
.gradient-blue {
    background: linear-gradient(40deg,#45cafc,#303f9f) !important;
}
.gradient-aqua {
    background: linear-gradient(40deg,#2096ff,#05ffa3) !important;
}
.gradient-peach {
    background: linear-gradient(40deg,#ffd86f,#fc6262) !important;
}