.text-theme {
        color:rgb(219,215,255);
        }

        .bg-theme {
        background:rgb(110,104,171);
        }

        .page-sidebar {
        background:rgb(110,104,171);
        }

        .nav-menu li a > [class*='fa-'], .nav-menu li a > .ni, .nav-menu li > ul li a > [class*='fa-'], .nav-menu li > ul li a > .ni {
        color: rgb(219,215,255);
        }

        .nav-menu li a:hover > [class*='fa-'], .nav-menu li a:hover > .ni,
        .nav-menu li > ul li a:hover > [class*='fa-'], .nav-menu li > ul li a:hover > .ni {
        color: rgb(219,215,255);
        }

        .nav-menu li a,.nav-menu li > ul li a,.nav-menu li > ul li > ul li a {
        color: rgb(219,215,255);
        }

        .nav-menu li.open > a,.nav-menu li > ul li.open > a,.nav-menu li > ul li > ul li.open > a {
        color: rgb(209,205,245);
        }

        .nav-menu li a:hover,.nav-menu li > ul li a:hover,.nav-menu li > ul li > ul li a:hover,
        .nav-menu li a:focus,.nav-menu li > ul li a:focus,.nav-menu li > ul li > ul li a:focus {
        color: rgb(229,225,265);
        }

        .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: rgb(150,144,211);
        }

        .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-color: rgb(179,175,215);
        }

        .nav-footer, .nav-function-fixed .nav-footer {
        background: rgb(100,94,161)
        }

        .page-wrapper .page-content-wrapper .page-header .kisayol-menu-btn .btn, .page-wrapper .page-content-wrapper .page-header .dropdown-icon-menu .btn {
        background: rgb(110,104,171) !important;
        border-color: rgb(110,104,171) !important;
        color: rgb(219,215,255) !important;
        }

        .page-wrapper .page-content-wrapper .page-header .kisayol-menu-btn .btn:hover, .page-wrapper .page-content-wrapper .page-header .dropdown-icon-menu .btn:hover {
        background: rgb(90,84,151) !important;
        border-color: rgb(110,104,171) !important;
        color: rgb(219,215,255) !important;
        }

        .header-icon:not(.btn) > [class*='fa-']:first-child, .header-icon:not(.btn) > .ni:first-child {
        border-color: rgb(110,104,171) !important;
        color: rgb(110,104,171) !important;
        }

        .header-icon:not(.btn):hover > [class*='fa-']:only-child, .header-icon:not(.btn):hover > .ni {
        border-color: rgb(90,84,151) !important;
        color: rgb(110,104,171) !important;
        }

        .k-tabstrip[role='tablist']:not(.p-tab-default) > .k-tabstrip-items > .k-item.k-state-default.k-state-active[role='tab'] {
        border-color: rgb(110,104,171) !important;
        background-color: #fff !important;
        color: rgb(110,104,171) !important;
        }

        .k-tabstrip[role='tablist']:not(.p-tab-default) > .k-tabstrip-items > .k-item.k-state-default[role='tab'] {
        background-color: rgb(110,104,171) !important;
        }

        .k-tabstrip[role='tablist']:not(.p-tab-default) > .k-tabstrip-items > .k-item.k-state-default[role='tab'].tab-item-has-error {
        background-color: #f44 !important;
        }
        .k-tabstrip[role='tablist']:not(.p-tab-default) > .k-tabstrip-items > .k-item.k-state-default[role='tab'].tab-item-has-error.k-state-active {
        color: white !important;
        }
        .nav-menu b.collapse-sign {
        color:white;
        }

        .nav-footer .nav-footer-buttons > li > a {
        color: white;
        }

        .nav-filter .btn-primary {
        background: rgb(110,104,171);
        }

        .nav-filter input[type="text"] {
        background: #fff;
        color: rgb(110,104,171);
        }

        .nav-filter input[type="text"]:focus {
        border-color: white;
        }

        .pull-trigger-btn {
        box-shadow: 0 0 0 0.1rem rgb(255 255 255 / 50%);
        }


        .pull-trigger-btn:hover {
        background: rgb(110,104,171);
        box-shadow: 0px 0px 10px #fff;
        }

        .nav-filter .btn-primary:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: rgb(110,104,171);
        border-color: rgb(110,104,171);
        }

        .nav-filter .btn-primary:not(:disabled):not(.disabled):focus {
        box-shadow: 0 0 0 0.2rem rgb(255 255 255 / 50%);
        }

        .header-function-fixed .btn-switch[data-class="header-function-fixed"], .nav-function-fixed .btn-switch[data-class="nav-function-fixed"], .nav-function-minify .btn-switch[data-class="nav-function-minify"], .nav-function-hidden .btn-switch[data-class="nav-function-hidden"], .nav-function-top .btn-switch[data-class="nav-function-top"], .nav-mobile-push .btn-switch[data-class="nav-mobile-push"], .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"], .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"], .mod-main-boxed .btn-switch[data-class="mod-main-boxed"], .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"], .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"], .mod-pace-custom .btn-switch[data-class="mod-pace-custom"], .mod-bigger-font .btn-switch[data-class="mod-bigger-font"], .mod-high-contrast .btn-switch[data-class="mod-high-contrast"], .mod-color-blind .btn-switch[data-class="mod-color-blind"], .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"], .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"], .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"], .mod-disable-animation .btn-switch[data-class="mod-disable-animation"], .mod-nav-link .btn-switch[data-class="mod-nav-link"], .mod-app-rtl .btn-switch[data-class="mod-app-rtl"]{
        background: rgb(110,104,171) !important;
        }

        .header-function-fixed .btn-switch[data-class="header-function-fixed"] + .onoffswitch-title, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"] + .onoffswitch-title, .nav-function-minify .btn-switch[data-class="nav-function-minify"] + .onoffswitch-title, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"] + .onoffswitch-title, .nav-function-top .btn-switch[data-class="nav-function-top"] + .onoffswitch-title, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"] + .onoffswitch-title, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"] + .onoffswitch-title, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"] + .onoffswitch-title, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"] + .onoffswitch-title, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"] + .onoffswitch-title, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"] + .onoffswitch-title, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"] + .onoffswitch-title, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"] + .onoffswitch-title, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"] + .onoffswitch-title, .mod-color-blind .btn-switch[data-class="mod-color-blind"] + .onoffswitch-title, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"] + .onoffswitch-title, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"] + .onoffswitch-title, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"] + .onoffswitch-title, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"] + .onoffswitch-title, .mod-nav-link .btn-switch[data-class="mod-nav-link"] + .onoffswitch-title, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] + .onoffswitch-title {
        color: rgb(110,104,171) !important;
        }

        .dropdown-header.bg-trans-gradient {
        background: linear-gradient(70deg, rgb(130,124,191), rgb(90,84,151));
        }

        .dropdown-item.active, .dropdown-item:active {
        color:rgb(110,104,171);
        background:rgb(219,215,255);
        }

        .dropdown-item:hover, .dropdown-item:focus{
        color:rgb(90,84,151);
        background:rgb(199,195,235);
        }

        .dropdown-menu .dropdown-multilevel:hover > .dropdown-item:not(.disabled) {
        color:rgb(90,84,151);
        background:rgb(199,195,235);
        }

        .nav-function-top .page-header {
        background:rgb(110,104,171);
        color:rgb(219,215,255);
        }

        .nav-function-top .header-icon:not(.btn) > [class*='fa-']:first-child, .header-icon:not(.btn) > .ni:first-child {
        border-color: rgb(219,215,255) !important;
        color: rgb(219,215,255) !important;
        }

        .nav-function-top .header-icon:not(.btn):hover > [class*='fa-']:only-child, .header-icon:not(.btn):hover > .ni {
        border-color: rgb(199,195,235) !important;
        color: rgb(219,215,255) !important;
        }

        .nav-function-top .page-header .dropdown-icon-menu.kisayol-menu-btn {
        display:block;
        }
        .nav-function-top .page-header .dropdown-icon-menu.opiz-menu-btn {
        display:block;
        }

        .nav-function-top .page-header .page-logo {
        margin-right: 2rem;
        padding-left: 2rem;
        width: 20rem;
        background-image: linear-gradient(270deg, rgb(110,104,171), transparent 65%);
        }

        .nav-function-top .page-header {
        padding-left:0;
        }

        .nav-function-top .page-wrapper .page-content-wrapper .page-header .kisayol-menu-btn .btn,
        .nav-function-top .page-wrapper .page-content-wrapper .page-header .dropdown-icon-menu .btn {
        background: rgb(219,215,255) !important;
        border-color: rgb(219,215,255) !important;
        color: rgb(110,104,171) !important;
        }

        .nav-function-top .page-wrapper .page-content-wrapper .page-header .kisayol-menu-btn .btn:hover,
        .nav-function-top .page-wrapper .page-content-wrapper .page-header .dropdown-icon-menu .btn:hover {
        background: rgb(199,195,235) !important;
        border-color: rgb(219,215,255) !important;
        color: rgb(110,104,171) !important;
        }

        .header-icon {
        color: rgb(110,104,171);
        }

        .nav-function-top .header-icon {
        color: rgb(219,215,255);
        }

        .nav-function-top .page-sidebar .primary-nav .nav-menu > li a {
        color:rgb(110,104,171);
        }

        .nav-function-top .page-sidebar .primary-nav .nav-menu > li:hover > a {
        color:rgb(90,84,151);
        }

        .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul,
        .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li ul {
        background:rgb(110,104,171);
        }

        .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:before {
        color:rgb(110,104,171);
        }

        .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li a,
        .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li > ul li a {
        color:rgb(219,215,255);
        }

        .nav-menu li > ul li a > [class*='fa-'], .nav-menu li > ul li a > .ni {
        margin-left: -0.1875rem;
        }

        .nav-function-top .page-sidebar .primary-nav .nav-menu::-webkit-scrollbar {
        width: 6px;
        height:6px;
        }

        .nav-function-top .page-sidebar .primary-nav .nav-menu::-webkit-scrollbar-track {
        background: rgb(219,215,255);
        }

        .nav-function-top .page-sidebar .primary-nav .nav-menu::-webkit-scrollbar-thumb {
        background: rgb(70,64,131);
        }

        .nav-function-top .page-sidebar .primary-nav .nav-menu::-webkit-scrollbar-thumb:hover {
        background: rgb(90,84,151);;
        }

        .nav-function-top .page-sidebar .primary-nav .nav-menu {
        margin-left:0;
        overflow-x: auto;
        }

        .page-sidebar .primary-nav::-webkit-scrollbar-thumb:vertical {
        background-color:  rgb(70,64,131);
        border: rgb(219,215,255) 1px solid;
        }

        .page-logo{
        background-image: linear-gradient(270deg, rgba(110,104,171, 0.4), transparent);
        }

        .nav-function-top .page-sidebar .primary-nav .nav-menu > li:not(:hover) > a > .nav-link-text {
        display:none;
        }

        body:not(.mod-pace-custom) .pace .pace-progress {
        background: rgb(219,215,255);
        }

        strong {
        font-weight:600;
        }