﻿body {
    font-family: 'Century Gothic' !important;
}

fieldset.scheduler-border {
    border: 1px solid #E5E5E5 !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #E5E5E5;
    box-shadow: 0px 0px 0px 0px #E5E5E5;
}

legend.scheduler-border {
    font-size: 14px !important;
    font-weight: bold !important;
    width: auto;
    padding: 0 10px;
    color: #000000;
}

html:has([dir="rtl"]) legend.scheduler-border {
    text-align: right !important;
}

html:has([dir="ltr"]) legend.scheduler-border {
    text-align: left !important;
}

.gold {
    color: #fcb30e;
}

.blue {
    color: #0d273c;
}

.redish {
    color: #f9d76f;
}

.purple {
    color: #01b8aa;
}

.dpurple {
    color: #3b63af;
}

#divimage {
    height: 155px !important;
    width: 155px;
    border: 3px solid #e2af20;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center !important;
    text-align: center !important;
    position: relative;
    margin: auto auto;
    border-radius: 50%;
}

.imgdiv {
    border: 3px solid #e2af29 !important;
}



#divLogo {
    max-width: 100%;
    height: 155px;
    /*border:1px solid black;*/
    /* background-image: url('/documents/userimages/avatar.png');*/
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}


.dataTables_empty {
    color: #000000 !important;
    font-size: 16px !important;
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
}

.pageHeader {
    margin: -1.5rem -2rem 0rem;
    padding: 10px 13px 0px 46px;
    background-color: #694c97;
    color: white;
}

.pageHeader2 {
    margin: -1.5rem -2rem 1rem;
    padding: 10px 13px 0px 46px;
    background-color: #f0f0fa;
    color: black;
    height: 7% !important;
}


.nav-link {
    border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.07) transparent !important;
    margin-right: 3px !important;
    cursor: pointer !important;
}


.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    background-color: #000000 !important;
    color: #e2af29 !important;
    text-transform: uppercase;
    border-radius: 0px !important;
}

.nav-tabs {
    border-bottom: 2px solid #daae33 !important;
}

    .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
        border-color: transparent !important;
    }



/*New Changes 24 Nov d0e1e9*/


.nav-title {
    color: #a7a6a6;
}


.form-control {
    color: #495057;
    background-color: #f4f4f4;
    background-clip: padding-box;
    border: 0px !important;
    border-bottom: 1px solid #dcae2f !important;
    border-radius: 0px;
}

.nav-menu li a > [class*='fa-'], .nav-menu li a > .ni {
    color: #ffffff;
}

.nav-menu li > ul li a {
    color: #ffffff;
}

ul.nav-menu:not(.nav-menu-compact) > li > ul > li a:after {
    background-color: #b0b0b0;
}

.nav-menu li a {
    color: #ffffff;
}

h1, h2, h3, h4, h5, h6 {
    line-height: .9;
    font-weight: 400;
}

.page-content-wrapper {
    background-color: #f0f0fa !important;
}

.btn-primary {
    background: black !important;
    color: white !important;
    border-color: dimgray !important;
}

.page-footer {
    background: #091926;
    color: #ffc241 !important;
}

    .page-footer a {
        color: #ffc241 !important;
    }

.ui-sortable-handle {
    color: #e3e2e2 !important;
    text-transform: uppercase !important;
    font-size: 18px;
    border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.07) transparent;
}

.menu-item, label.menu-open-button {
    background: #19181b;
    color: #ffc241 !important;
}

    .menu-item, label.menu-open-button:hover {
        background: #e2af29;
        color: #e2af20 !important;
    }


.nav .nav-link:not([class^="btn-"]):not([class*=" btn-"]) {
    text-transform: uppercase;
}

.page-header {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent));
    background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent);
    background-color: #081825;
}

.badge.badge-icon {
    background-color: #ffc241 !important;
    color: black !important;
    border: 1px solid transparent !important;
}

.badge {
    border: 1px solid transparent !important;
}

.badge-danger {
    background-color: #e45454 !important;
}

.page-header i {
    color: #dbdbdb !important;
    border-color: black !important;
}

.page-logo img {
    width: 110px !important;
    height: auto !important;
}

.ml-auto, .mx-auto {
    margin-top: 10px;
}

.page-logo-text {
    color: black !important;
}


.pageHeader {
    font-size: 50px !important;
    background-color: #f0f0fa !important;
    color: black;
}

.pageHeader2 {
    font-size: 50px !important;
    background-color: #f0f0fa !important;
    color: black;
}
/*.pageHeader i {
    font-size: 40px !important;
}*/
.page-sidebar {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: #0c1f30 !important;
        
}
.page-logo, .page-sidebar, .bg-brand-gradient {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent));
    background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent);
    background-color: #ffffff;
}
.nav-footer {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent));
    background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent);
    background-color: #000000;
}

    .nav-footer .nav-footer-buttons > li > a {
        color: #e2af20;
    }



.nav-menu b.collapse-sign {
    color: #ffffff;
}


.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul > li a:after {
    background-color: #c7c7c7;
}

.pageTitle {
    margin-top: 10px;
}


.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul:before {
    border-left: 1px solid #686868;
}


@media (min-width: 992px) {
    .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a {
        background-color: #fcb30e !important;
    }

    .nav-function-minify .nav-footer {
        background-color: #fcb30e !important;
        color: black !important;
    }


        .nav-function-minify .nav-footer:hover [data-class="nav-function-minify"] {
            color: #325566 !important;
        }

        .nav-function-minify .nav-footer [data-class="nav-function-minify"] {
            color: #000000 !important;
        }


    .nav-menu li a:hover,
    .nav-menu li a:hover b.collapse-sign, /* Add this selector to target the b.collapse-sign element when hovered */
    .nav-menu li a:hover > .nav-link-text:hover {
        color: #e2af20 !important;
    }

        .nav-menu li a:hover > [class*='fa-'], .nav-menu li a:hover > .ni {
            color: #e2af20 !important;
        }

    .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul {
        color: white !important;
        background-color: black !important;
    }

    .nav-function-minify .nav-menu li > ul li a {
        color: #fcb30e !important;
    }

    .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text {
        color: black !important;
        background-color: #fcb30e !important;
    }

    .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul:before {
        color: black !important;
    }
}

#dt-basic-example, .btn-xs {
    background: transparent !important;
    color: black !important;
    border-color: transparent !important;
    box-shadow: 0 2px 6px 0 rgb(136 106 181 / 15%) !important;
}

.fa-user-edit {
    color: #08aa99 !important;
    font-weight: 600;
    font-size: 15px;
}

.fa-trash-alt {
    color: red !important;
    font-weight: 600;
    font-size: 15px;
}

.fa-list-ul {
    color: #a900fb !important;
    font-weight: 600;
    font-size: 15px;
}

.fa-eye {
    color: #eb4f4f !important;
    font-weight: 600;
    font-size: 15px;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #fcb30e;
    border-color: #fcb30e;
}

    .page-item.active .page-link:hover {
        z-index: 3;
        color: #fff;
        background-color: #fcb30e !important;
        border-color: #fcb30e;
    }

.modal-header {
    background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent);
    background-color: #081825;
}

.modal-title {
    color: white;
}

.close {
    color: white !important;
}

.modal-tb-bol {
    font-weight: bold;
}

.menu-item, label.menu-open-button:hover {
    background: #e2af29;
    color: #000000 !important;
}

.nav-menu li > ul li > ul li a {
    color: white !important;
}

.nav-menu li.active a {
    background-image: linear-gradient(270deg, rgb(255 255 255 / 18%), transparent) !important;
}

.text-danger {
    color: #e45454 !important;
}
.bg-danger {
    background-color: #e45454 !important;
}