body {
        font-family: 'Roboto', sans-serif !important;
    }
    
    .admin-header {
        position: fixed;
        top: 0px;
        background: white;
        z-index: 97;
        width: 82.5%;
        padding-bottom: 5px;
    }
    
    .fixHeader {
        top: 83px !important;
    }
    
    .admin-header .main-title {
        font-size: 25px;
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
    }
    
    .admin-header .sub-title {
        font-size: 18px;
        font-family: 'Poppins', sans-serif;
    }
    
    .admin-bg-brown {
        background-color: var(--main-yellow-color) !important;
        height: 50px !important;
    }
    
    .admin-bg-brown .header-menu .menu-nav>.menu-item>.menu-link .menu-text {
        color: white;
    }
    
    .top-no-menu .menu-nav {
        display: none;
    }
    
    .dropdown-menu-xl {
        top: 182px !important;
    }
    
    .welTo {
        color: white;
        text-align: left;
        float: left;
        font-size: 15px;
        letter-spacing: 1px;
        margin: 0;
    }
    
    .top-user-dropdown {
        top: 134px !important;
    }
    
    .top-no-menu {
        width: 50%;
        padding-left: 15px;
    }
    
    .topcontent {
        margin-top: 25px;
    }
    
    .lines {
        z-index: 999999;
        width: 100%;
    }
    
    .three-lines {
        position: fixed;
        z-index: 999999;
        width: 100%;
    }
    
    .user-welcome {
        color: white !important;
        font-size: 13px;
        letter-spacing: 1px;
    }
    
    .rounded-label {
        border-radius: 50% !important;
        background-color: white !important;
        color: var(--main-yellow-color) !important;
        font-weight: 800 !important;
    }
    
    .user-btn:hover {
        background-color: var(--main-yellow-light-color) !important;
        background-color: #268ece !important;
    }
    /**************Dashboard UI CSS****************/
    
    .aside.bg-white {
        background-color: white !important;
        box-shadow: 1px 1px 5px 1px #90909047;
        border-right: 1px solid #dad4d4f0;
        z-index: 99999;
    }
    
    .aside-menu.bg-white {
        background-color: #ffffff !important;
        border-top: 1px solid #c3bfbf94;
    }
    
    .brand.bg-white {
        background-color: #ffffff !important;
    }
    
    .brand .main-title {
        font-size: 22px;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
    }
    
    .brand .sub-title {
        font-size: 12px;
        font-family: 'Poppins', sans-serif;
        color: #000;
        font-weight: 400;
    }
    
    .no-padd {
        padding: 0px !important;
    }
    
    .fullwidth {
        width: 100%;
    }
    
    .bottompaddingsm {
        padding-bottom: 15px;
    }
    
    .brand.bg-white {
        /*height: 121.5px !important;*/
        padding: 66px 0px;
    }
    
    .aside-menu .menu-nav {
        padding-top: 0px;
    }
    
    .aside-menu .menu-nav>.menu-item.menu-item-active>.menu-heading .menu-text,
    .aside-menu .menu-nav>.menu-item.menu-item-active>.menu-link .menu-text {
        color: var(--main-yellow-color) !important;
        font-size: 15px !important;
    }
    
    .aside-menu .menu-item-active {
        padding: 2px !important;
    }
    
    .aside-menu .menu-nav>.menu-item.menu-item-active>.menu-heading,
    .aside-menu .menu-nav>.menu-item.menu-item-active>.menu-link {
        background-color: #ffffff !important;
    }
    
    .toppaddingxs7 {
        padding-top: 7px;
    }
    
    .menu-item-submenu .menu-text {
        font-size: 17px !important;
        font-weight: 600 !important;
        letter-spacing: 0.5px;
    }
    
    .menu-item-submenu .menu-arrow {
        font-weight: 800;
        font-size: 13px !important;
    }
    
    .aside-menu .menu-nav>.menu-item.menu-item-open>.menu-heading .menu-arrow,
    .aside-menu .menu-nav>.menu-item.menu-item-open>.menu-link .menu-arrow {
        color: var(--main-yellow-color) !important;
    }
    
    .aside-menu .menu-nav>.menu-item.menu-item-open>.menu-link .menu-text {
        color: var(--main-yellow-color) !important;
    }
    
    .menu-submenu .menu-subnav .menu-text {
        font-size: 14px !important;
        font-weight: 500 !important;
        letter-spacing: 1px;
    }
    
    .menu-subnav .menu-bullet-dot {
        display: none !important;
    }
    
    .brand .btn .svg-icon svg g path:nth-child(2) {
        display: none !important;
    }
    
    .brand .btn .svg-icon svg g [fill] {
        fill: #000000 !important;
        opacity: 1;
    }
    
    .aside .brand-toggle {
        /*margin-top: 31px;*/
        top: 0;
        position: absolute;
        right: 1%;
    }
    
    .brand.bg-white .fullwidth {
        position: relative;
    }
    
    .brand .btn.active .svg-icon svg g [fill],
    .brand .btn:hover .svg-icon svg g [fill] {
        fill: #000000 !important;
        opacity: 1;
    }
    
    .aside-minimize .fullwidth h2,
    .aside-minimize .fullwidth h3 {
        display: none;
    }
    
    .aside-minimize .fullwidth .brand-toggle {
        right: 16%;
    }
    /*.topbar .dropdown{display: none !important;}*/
    
    .notific li {
        list-style: none;
        /*width: 20%;*/
        vertical-align: middle;
        padding-top: 10px;
        float: right;
        text-align: center;
        padding-left: 15px;
        padding-right: 15px;
        height: 50px;
    }
    
    .notific {
        width: 100%;
        margin-bottom: 0px;
    }
    
    .right-topbar {
        width: 50%;
    }
    
    .notific li:hover {
        background-color: var(--main-yellow-light-color);
        background-color: #268ece;
    }
    
    .notific li img {
        vertical-align: super;
    }
    
    .aside-minimize .admin-header {
        width: 95%;
    }
    
    .aside-menu .menu-nav>.menu-section {
        display: none;
    }
    
    .menu-nav .menu-item .menu-text {
        font-size: 13px !important;
        letter-spacing: 0.5px;
    }
    
    .text-yellow {
        color: var(--main-yellow-color) !important;
    }
    
    .text-gray-light {
        color: #5d5d5d !important;
        ;
    }
    
    .card-first-title {
        width: 100%;
        margin: 0;
        line-height: 1;
        letter-spacing: 1px;
        font-size: 17px;
    }
    
    .card-sec-title {
        margin: 0;
        color: #5d5d5d !important;
        font-size: 14px;
        letter-spacing: 0.5px;
        margin-top: -15px;
    }
    
    .padd-left-right22 {
        padding-left: 22px;
        padding-right: 22px;
    }
    
    .dash-card .card {
        border-radius: 15px;
        margin: 0 auto;
    }
    
    .no-padd-bottom {
        padding-bottom: 0px !important;
    }
    
    .padd-top-default {
        padding-top: 1.25rem !important;
    }
    
    .view-eye {
        color: #3db715;
        letter-spacing: 1px;
        font-weight: 600;
        font-size: 13px;
    }
    
    #topbar_notifications_notifications hr {
        border-bottom: 2px solid #efeef3;
    }
    
    #topbar_notifications_notifications .text-muted {
        font-size: 12px;
    }
    
    .p-left {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    
    .datepic {
        position: absolute;
        z-index: 9;
        right: 0px;
    }
    
    .datepic span {
        padding: 1.46rem 1rem;
    }
    
    .f-d-right {
        float: right !important;
    }
    
    .ed-in input {
        width: 100%;
        border: 1px solid #c7c7c7;
    }
    
    .ed-in input:focus {
        border: 1px solid #D92B81;
        outline: none;
    }
    
    .designtab td {
        padding: 4px;
    }
    
    .clear_b {
        clear: both;
    }
    
    .myaccountsec .col-md-12,
    .myaccountsec .col-sm-12,
    .myaccountsec .col-lg-12 {
        padding-right: 0px;
        padding-left: 0px;
    }
    
    .s-card-body {
        padding-top: 0px;
    }
    
    .s-faq .card-body.pl-9 {
        padding-top: 0px !important;
    }
    
    @media only screen and (min-width:1380px) and (max-width:1500px) {
        .fixHeader {
            top: 83px !important;
        }
    }
    
    @media only screen and (max-width:768px) {
        .admin-mbl-head {
            width: 100%;
        }
        .admin-mbl-head .firs-im {
            width: 75%;
        }
        .admin-mbl-head .sec-im {
            width: 100%;
        }
        .admin-mbl-head .header-img {
            text-align: center;
        }
        .admin-mbl-head .main-title {
            font-size: 15px;
        }
        .admin-mbl-head .sub-title {
            font-size: 13px;
        }
        .topbar {
            background-color: var(--main-yellow-color) !important;
        }
        .right-topbar {
            width: 100%;
        }
        .header-mobile-fixed .header-mobile {
            top: 185px;
        }
        .topbar-mobile-on .topbar {
            top: 184px;
        }
        .subheader-enabled .content {
            padding-top: 50px;
        }
        .subheader-enabled .content.s-faq {
            padding-bottom: 50px;
        }
        .s-faq .pl-9 {
            padding-left: 2rem !important;
        }
        .s-faq .card-body {
            padding-top: 0px;
        }
        .s-faq .frst-ul {
            padding-left: 22px;
        }
        .s-faq .second-ul {
            padding-left: 22px;
        }
        .s-faq .faq-p {
            text-align: justify;
        }
        .s-faqsecond {
            padding: 0px !important;
        }
        .s-faqsecond .p-7 {
            padding: 0px !important;
        }
        .s-faqsecond .second-ul {
            padding-left: 22px;
        }
        .s-faqsecond .s-card-body {
            padding-top: 10px;
        }
        .result-get.padd-left-right22 {
            padding-left: 8px !important;
        }
        .s-forgot-form .form-group {
            margin-bottom: 15px !important;
        }
        .s-login-form .s-loginform-group {
            margin-bottom: 15px !important;
        }
        /*.topcontent {margin-top: 10px;}*/
        .mobile-logo {
            visibility: hidden;
        }
        .top-no-menu .menu-nav {
            display: block;
        }
        .admin-bg-brown .header-menu .menu-nav>.menu-item>.menu-link .menu-text {
            color: #5d5d5d;
        }
        .header-menu-mobile .menu-nav>.menu-item.menu-item-active>.menu-heading .menu-text {
            color: #5d5d5d !important;
        }
        .header-menu-mobile .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-heading .menu-arrow,
        .header-menu-mobile .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link .menu-arrow {
            color: var(--main-yellow-color) !important;
        }
        .header-menu-wrapper {
            z-index: 9999;
        }
        .header-menu-mobile .menu-nav>.menu-item.menu-item-active>.menu-link .menu-text {
            color: var(--main-yellow-color) !important;
        }
        .header-menu-mobile .menu-nav>.menu-item.menu-item-open>.menu-link .menu-arrow {
            color: var(--main-yellow-color) !important;
        }
        .header-menu-mobile .menu-nav>.menu-item.menu-item-open>.menu-link .menu-text {
            color: var(--main-yellow-color) !important;
        }
        .header-menu-mobile .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-open>.menu-link .menu-text {
            color: var(--main-yellow-color) !important;
        }
        .header-menu-mobile .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-open>.menu-link .menu-arrow {
            color: var(--main-yellow-color) !important;
        }
        .header-menu-mobile .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-open>.menu-link .menu-icon.svg-icon svg g [fill] {
            transition: fill 0.3s ease;
            fill: var(--main-yellow-color) !important;
        }
        .header-menu-mobile .menu-nav>.menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-heading .menu-text,
        .header-menu-mobile .menu-nav>.menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link .menu-text {
            color: var(--main-yellow-color) !important;
        }
        .header-menu-mobile .menu-nav>.menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link .menu-arrow {
            color: var(--main-yellow-color) !important;
        }
        .header-menu-mobile .menu-nav>.menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link .menu-icon.svg-icon svg g [fill] {
            transition: fill 0.3s ease;
            fill: var(--main-yellow-color) !important;
        }
        .top-no-menu {
            width: 75%;
        }
        .form-group label {
            text-align: left !important;
            font-size: 1.2rem;
        }
        .card.card-custom>.card-body {
            padding: 0;
            padding-bottom: 15px;
        }
        .form-group {
            margin-bottom: 0px !important;
        }
        .add-remove-align {
            text-align: center;
        }
        .clear-btn {
            margin-top: 5px;
        }
        /*.topcontent {margin-top: 0px;}*/
        .mbl-padd-l-r {
            padding-left: 15px !important;
            padding-right: 15px !important;
        }
        .jqte {
            margin-bottom: 0px !important;
            margin-top: 0px !important;
        }
        #table_data {
            max-height: 450px;
            overflow: scroll;
        }
        #table_data.scvsrole {
            max-height: 480px;
        }
        .col-lg-9,
        .col-xl-8,
        .col-md-4 {
            padding-left: 15px !important;
        }
        /*#table_data thead tr th:first-child{border-radius: 0;}*/
        .mv-m-t {
            margin-top: 10px;
        }
        .padd-left-btn {
            padding-left: 0px !important;
        }
        /*.mbl-top-no{margin-top: 0px !important;}*/
        .m-t-10-list {
            margin-top: 45px !important;
        }
        .f-d-right {
            float: none;
            padding-left: 30px;
        }
        .card-sec-title {
            margin-top: 0px;
        }
        .card-first-title {
            font-size: 15px;
        }
        .topmarginlg {
            margin-top: 40px;
        }
        .card-first-title img {
            width: 20px;
        }
    }
    
    @media (max-width:487px) {
        .header-mobile-fixed .header-mobile {
            top: 59px;
        }
        .subheader-enabled .content {
            padding-top: 0;
            padding-bottom: 95px;
        }
        .topbar-mobile-on .topbar {
            top: 58px;
        }
    }