:root {
    --main-primary-text-color: #6569df;
    --main-primary-bg-color: #6569df;
    --main-info-text-color: #000;
    --main-info-bg-color: #2A3645;
    --main-success-text-color: #24d5d8;
    --main-success-bg-color: #2acfd2;
    --main-warning-text-color: #fecd2f;
    --main-warning-bg-color: #fecd2f;
    --main-danger-text-color: #fd3259;
    --main-danger-bg-color: #fd3259;
    --main-dark-bg-color: #334a65;
    --main-dark-text-color: #050505;
    --main-primary-gradient-bg-color: linear-gradient(120deg, #b603c1 0%, #7a38e0 100%);
    --main-info-gradient-bg-color: linear-gradient(120deg, #6a4ee1 0%, #05bdd7 100%);
    --main-success-gradient-bg-color: linear-gradient(120deg, #1dccdf 0%, #1de4bd 100%);
    --main-warning-gradient-bg-color: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
    --main-danger-gradient-bg-color: linear-gradient(120deg, #f3301a 0%, #f37138 100%);
    --main-primary-row-selection-color: rgba(156, 39, 176, 0.04);
    --main-info-row-selection-color: rgba(0, 150, 136, 0.04);
    --main-success-row-selection-color: rgba(3, 169, 244, 0.04);
    --main-warning-row-selection-color: rgba(255,255,0,0.1);
    --main-danger-row-selection-color: rgba(255, 87, 34, 0.04);
    --main-default-row-selection-color: rgb(240, 240, 240);
    --main-dark-row-selection-color: rgba(128,128,128, 0.03);
}

/*----------------------------------------
  themes
----------------------------------------*/
.header-primary .header .header-container .nav-logo, .header-info .header .header-container .nav-logo, .header-success .header .header-container .nav-logo, .header-warning .header .header-container .nav-logo, .header-danger .header .header-container .nav-logo, .header-primary-gradient .header .header-container .nav-logo, .header-info-gradient .header .header-container .nav-logo, .header-success-gradient .header .header-container .nav-logo, .header-warning-gradient .header .header-container .nav-logo, .header-danger-gradient .header .header-container .nav-logo, .header-dark .header .header-container .nav-logo {
    background-color: transparent;
    border-color: transparent;
}

    .header-warning .header .header-container .nav-logo > a .logo.logo-white {
        display: none;
    }

    .header-warning .header .header-container .nav-logo > a .logo.logo-dark {
        display: inline-block;
    }

.header-default .header .header-container .nav-logo > a .logo.logo-white {
    display: none;
}

.header-primary .header .header-container .nav-logo a .logo-dark, .header-info .header .header-container .nav-logo a .logo-dark, .header-success .header .header-container .nav-logo a .logo-dark, .header-warning .header .header-container .nav-logo a .logo-dark, .header-danger .header .header-container .nav-logo a .logo-dark, .header-primary-gradient .header .header-container .nav-logo a .logo-dark, .header-info-gradient .header .header-container .nav-logo a .logo-dark, .header-success-gradient .header .header-container .nav-logo a .logo-dark, .header-warning-gradient .header .header-container .nav-logo a .logo-dark, .header-danger-gradient .header .header-container .nav-logo a .logo-dark, .header-dark .header .header-container .nav-logo a .logo-dark {
    display: none;
}

.header-primary .header .header-container .nav-logo a .logo-dark, .header-info .header .header-container .nav-logo a .logo-dark, .header-success .header .header-container .nav-logo a .logo-dark, .header-primary-gradient .header .header-container .nav-logo a .logo-dark, .header-info-gradient .header .header-container .nav-logo a .logo-dark, .header-success-gradient .header .header-container .nav-logo a .logo-dark, .header-warning-gradient .header .header-container .nav-logo a .logo-dark, .header-danger-gradient .header .header-container .nav-logo a .logo-dark, .header-dark .header .header-container .nav-logo a .logo-dark {
    display: none;
}

.header-primary .header .header-container .nav-logo a .logo-white, .header-info .header .header-container .nav-logo a .logo-white, .header-success .header .header-container .nav-logo a .logo-white, .header-primary-gradient .header .header-container .nav-logo a .logo-white, .header-info-gradient .header .header-container .nav-logo a .logo-white, .header-success-gradient .header .header-container .nav-logo a .logo-white, .header-warning-gradient .header .header-container .nav-logo a .logo-white, .header-danger-gradient .header .header-container .nav-logo a .logo-white, .header-dark .header .header-container .nav-logo a .logo-white {
    display: block;
}


.header-default .nav-tabs > li > a.active.nav-link {
    border-bottom: 2px solid #8a8a8a;
}

.header-warning .header .header-container ul.nav-right > li > a {
    color: #8a8a8a !important;
}

.header-warning .header .header-container ul.nav-right > li > a {
    color: #8a8a8a !important;
}

.header-warning .header .header-container .app-search-input {
    border-bottom: 1px solid #8a8a8a !important;
    border-radius: 0;
}

.header-warning .header, .header-deafult .header {
    color: #8a8a8a !important;
}

    .header-warning .header .header-container .app-search-input input {
        color: #8a8a8a !important;
    }

        .header-warning .header .header-container .app-search-input input {
            color: #8a8a8a !important;
            font-family: Roboto;
            font-style:italic;
        }

    .header-warning .header .header-container ul.nav-left > li > a, .header-warning .header .header-container ul.nav-right > li > a {
        color: #8a8a8a !important;
    }


.header-primary .header, .header-info .header, .header-success .header, .header-warning .header, .header-danger .header, .header-primary-gradient .header, .header-info-gradient .header, .header-success-gradient .header, .header-warning-gradient .header, .header-danger-gradient .header, .header-dark .header, .header-default .header {
    color: #ffffff;
    border-color: transparent;
    box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.16);
}



    .header-primary .header .header-container .nav-right .user-profile, .header-info .header .header-container .nav-right .user-profile, .header-success .header .header-container .nav-right .user-profile, .header-warning .header .header-container .nav-right .user-profile, .header-danger .header .header-container .nav-right .user-profile, .header-primary-gradient .header .header-container .nav-right .user-profile, .header-info-gradient .header .header-container .nav-right .user-profile, .header-success-gradient .header .header-container .nav-right .user-profile, .header-warning-gradient .header .header-container .nav-right .user-profile, .header-danger-gradient .header .header-container .nav-right .user-profile, .header-dark .header .header-container .nav-right .user-profile {
        border-right: 0px;
    }

    .header-primary .header .header-container ul.nav-left > li > a, .header-primary .header .header-container ul.nav-right > li > a, .header-info .header .header-container ul.nav-left > li > a, .header-info .header .header-container ul.nav-right > li > a, .header-success .header .header-container ul.nav-left > li > a, .header-success .header .header-container ul.nav-right > li > a, .header-warning .header .header-container ul.nav-left > li > a, .header-warning .header .header-container ul.nav-right > li > a, .header-danger .header .header-container ul.nav-left > li > a, .header-danger .header .header-container ul.nav-right > li > a, .header-primary-gradient .header .header-container ul.nav-left > li > a, .header-primary-gradient .header .header-container ul.nav-right > li > a, .header-info-gradient .header .header-container ul.nav-left > li > a, .header-info-gradient .header .header-container ul.nav-right > li > a, .header-success-gradient .header .header-container ul.nav-left > li > a, .header-success-gradient .header .header-container ul.nav-right > li > a, .header-warning-gradient .header .header-container ul.nav-left > li > a, .header-warning-gradient .header .header-container ul.nav-right > li > a, .header-danger-gradient .header .header-container ul.nav-left > li > a, .header-danger-gradient .header .header-container ul.nav-right > li > a, .header-dark .header .header-container ul.nav-left > li > a, .header-dark .header .header-container ul.nav-right > li > a {
        color: #ededed;
    }

        .header-primary .header .header-container ul.nav-left > li > a:hover, .header-primary .header .header-container ul.nav-left > li > a:focus, .header-primary .header .header-container ul.nav-right > li > a:hover, .header-primary .header .header-container ul.nav-right > li > a:focus, .header-info .header .header-container ul.nav-left > li > a:hover, .header-info .header .header-container ul.nav-left > li > a:focus, .header-info .header .header-container ul.nav-right > li > a:hover, .header-info .header .header-container ul.nav-right > li > a:focus, .header-success .header .header-container ul.nav-left > li > a:hover, .header-success .header .header-container ul.nav-left > li > a:focus, .header-success .header .header-container ul.nav-right > li > a:hover, .header-success .header .header-container ul.nav-right > li > a:focus, .header-warning .header .header-container ul.nav-left > li > a:hover, .header-warning .header .header-container ul.nav-left > li > a:focus, .header-warning .header .header-container ul.nav-right > li > a:hover, .header-warning .header .header-container ul.nav-right > li > a:focus, .header-danger .header .header-container ul.nav-left > li > a:hover, .header-danger .header .header-container ul.nav-left > li > a:focus, .header-danger .header .header-container ul.nav-right > li > a:hover, .header-danger .header .header-container ul.nav-right > li > a:focus, .header-primary-gradient .header .header-container ul.nav-left > li > a:hover, .header-primary-gradient .header .header-container ul.nav-left > li > a:focus, .header-primary-gradient .header .header-container ul.nav-right > li > a:hover, .header-primary-gradient .header .header-container ul.nav-right > li > a:focus, .header-info-gradient .header .header-container ul.nav-left > li > a:hover, .header-info-gradient .header .header-container ul.nav-left > li > a:focus, .header-info-gradient .header .header-container ul.nav-right > li > a:hover, .header-info-gradient .header .header-container ul.nav-right > li > a:focus, .header-success-gradient .header .header-container ul.nav-left > li > a:hover, .header-success-gradient .header .header-container ul.nav-left > li > a:focus, .header-success-gradient .header .header-container ul.nav-right > li > a:hover, .header-success-gradient .header .header-container ul.nav-right > li > a:focus, .header-warning-gradient .header .header-container ul.nav-left > li > a:hover, .header-warning-gradient .header .header-container ul.nav-left > li > a:focus, .header-warning-gradient .header .header-container ul.nav-right > li > a:hover, .header-warning-gradient .header .header-container ul.nav-right > li > a:focus, .header-danger-gradient .header .header-container ul.nav-left > li > a:hover, .header-danger-gradient .header .header-container ul.nav-left > li > a:focus, .header-danger-gradient .header .header-container ul.nav-right > li > a:hover, .header-danger-gradient .header .header-container ul.nav-right > li > a:focus, .header-dark .header .header-container ul.nav-left > li > a:hover, .header-dark .header .header-container ul.nav-left > li > a:focus, .header-dark .header .header-container ul.nav-right > li > a:hover, .header-dark .header .header-container ul.nav-right > li > a:focus {
            color: #ffffff;
        }

    .header-primary .header .header-container .app-search-input input, .header-info .header .header-container .app-search-input input, .header-success .header .header-container .app-search-input input,  .header-danger .header .header-container .app-search-input input, .header-primary-gradient .header .header-container .app-search-input input, .header-info-gradient .header .header-container .app-search-input input, .header-success-gradient .header .header-container .app-search-input input, .header-warning-gradient .header .header-container .app-search-input input, .header-danger-gradient .header .header-container .app-search-input input, .header-dark .header .header-container .app-search-input input {
        color: #ffffff;
    }

        .header-primary .header .header-container .app-search-input input::-webkit-input-placeholder, .header-info .header .header-container .app-search-input input::-webkit-input-placeholder, .header-success .header .header-container .app-search-input input::-webkit-input-placeholder,  .header-danger .header .header-container .app-search-input input::-webkit-input-placeholder, .header-primary-gradient .header .header-container .app-search-input input::-webkit-input-placeholder, .header-info-gradient .header .header-container .app-search-input input::-webkit-input-placeholder, .header-success-gradient .header .header-container .app-search-input input::-webkit-input-placeholder, .header-warning-gradient .header .header-container .app-search-input input::-webkit-input-placeholder, .header-danger-gradient .header .header-container .app-search-input input::-webkit-input-placeholder, .header-dark .header .header-container .app-search-input input::-webkit-input-placeholder {
            color: white;
            color: rgba(255, 255, 255, 0.5);
        }

        .header-primary .header .header-container .app-search-input input:-moz-placeholder, .header-info .header .header-container .app-search-input input:-moz-placeholder, .header-success .header .header-container .app-search-input input:-moz-placeholder,  .header-danger .header .header-container .app-search-input input:-moz-placeholder, .header-primary-gradient .header .header-container .app-search-input input:-moz-placeholder, .header-info-gradient .header .header-container .app-search-input input:-moz-placeholder, .header-success-gradient .header .header-container .app-search-input input:-moz-placeholder, .header-warning-gradient .header .header-container .app-search-input input:-moz-placeholder, .header-danger-gradient .header .header-container .app-search-input input:-moz-placeholder, .header-dark .header .header-container .app-search-input input:-moz-placeholder {
            color: white;
            color: rgba(255, 255, 255, 0.5);
        }

        .header-primary .header .header-container .app-search-input input::-moz-placeholder, .header-info .header .header-container .app-search-input input::-moz-placeholder, .header-success .header .header-container .app-search-input input::-moz-placeholder, .header-danger .header .header-container .app-search-input input::-moz-placeholder, .header-primary-gradient .header .header-container .app-search-input input::-moz-placeholder, .header-info-gradient .header .header-container .app-search-input input::-moz-placeholder, .header-success-gradient .header .header-container .app-search-input input::-moz-placeholder, .header-warning-gradient .header .header-container .app-search-input input::-moz-placeholder, .header-danger-gradient .header .header-container .app-search-input input::-moz-placeholder, .header-dark .header .header-container .app-search-input input::-moz-placeholder {
            color: white;
            color: rgba(255, 255, 255, 0.5);
        }

        .header-primary .header .header-container .app-search-input input:-ms-input-placeholder, .header-info .header .header-container .app-search-input input:-ms-input-placeholder, .header-success .header .header-container .app-search-input input:-ms-input-placeholder, .header-danger .header .header-container .app-search-input input:-ms-input-placeholder, .header-primary-gradient .header .header-container .app-search-input input:-ms-input-placeholder, .header-info-gradient .header .header-container .app-search-input input:-ms-input-placeholder, .header-success-gradient .header .header-container .app-search-input input:-ms-input-placeholder, .header-warning-gradient .header .header-container .app-search-input input:-ms-input-placeholder, .header-danger-gradient .header .header-container .app-search-input input:-ms-input-placeholder, .header-dark .header .header-container .app-search-input input:-ms-input-placeholder {
            color: white;
            color: rgba(255, 255, 255, 0.5);
        }

        .header-primary .header .header-container .app-search-input input::-webkit-input-placeholder, .header-primary .header .header-container .app-search-input input:-moz-placeholder, .header-primary .header .header-container .app-search-input input::-moz-placeholder, .header-warning .header .header-container .app-search-input input:-ms-input-placeholder {
            color: #8a8a8a;
        }
.header-warning .header, .header-default .header {
    color: #8a8a8a !important;
}

/*-------------------------------------
Header Success Gradient           
-------------------------------------*/
.header-success-gradient .header {
    background: var(--main-success-gradient-bg-color);
}

.header-success-gradient .badge-success {
    background-color: var(--main-success-bg-color);
}
/*-------------------------------------
Header Primary Gradient           
-------------------------------------*/
.header-primary-gradient .header {
    background: var(--main-primary-gradient-bg-color);
}

.header-primary-gradient .badge-success {
    background-color: var(--main-primary-bg-color);
}
/*-------------------------------------
Header Info Gradient           
-------------------------------------*/
.header-info-gradient .header {
    background: var(--main-info-gradient-bg-color);
}

.header-info-gradient .badge-success {
    background-color: var(--main-info-bg-color);
}
/*-------------------------------------
Header Warning Gradient           
-------------------------------------*/
.header-warning-gradient .header {
    background: var(--main-warning-gradient-bg-color);
}

.header-warning-gradient .badge-success {
    background-color: var(--main-warning-bg-color);
}
/*-------------------------------------
Header Danger Gradient           
-------------------------------------*/
.header-danger-gradient .header {
    background: var(--main-danger-gradient-bg-color);
}

.header-danger-gradient .badge-success {
    background-color: var(--main-danger-bg-color);
}

/*-------------------------------------
Header Primary           
-------------------------------------*/
.header-primary .header {
    background-color: var(--main-primary-bg-color);
}

.header-primary .badge-success {
    background-color: var(--main-primary-bg-color);
}
/*-------------------------------------
Header Info           
-------------------------------------*/
.header-info .header {
    background-color: var(--main-info-bg-color);
}

.header-info .badge-success {
    background-color: var(--main-info-bg-color);
}
/*-------------------------------------
Header Success           
-------------------------------------*/
.header-success .header {
    background-color: var(--main-success-bg-color);
}

.header-success .badge-success {
    background-color: var(--main-success-bg-color);
}
/*-------------------------------------
Header Warning           
-------------------------------------*/
.header-warning .header {
    background-color: var(--main-warning-bg-color);
}

.header-warning .badge-success {
    background-color: var(--main-warning-bg-color);
}
/*-------------------------------------
Header Danger           
-------------------------------------*/
.header-danger .header {
    background-color: var(--main-danger-bg-color);
}

.header-danger .badge-success {
    background-color: var(--main-danger-bg-color);
}

/*------------------------------------
Header Dark                        
------------------------------------*/
.header-dark .header {
    background-color: var(--main-dark-bg-color);
}

.header-dark .badge-success {
    background-color: var(--main-dark-bg-color);
}

/*-----------------------------------
Header Default                       
-----------------------------------*/
.header-default .badge-success {
    background-color: #8a8a8a;
}


/*----------------------------------------
Side Navigation Themes                                     
----------------------------------------*/
.side-nav-dark .buttonView .dx-button {
    background-color: #223143;
    color: #99abb4;
}

    /**-Side nav dark theme--**/
    .side-nav-dark .buttonView .dx-button .dx-icon {
        filter: invert(100%);
    }

/*-----------------------------------
Header Primary                            
-----------------------------------*/

.header-primary .dx-searchbox .dx-icon-search:before {
    color: #8a8a8a;/*var(--main-primary-text-color)*/;
}

.header-primary .buttonView .dx-button .dx-icon {
    color: var(--main-primary-text-color);
}

.header-primary .side-nav .side-nav-inner .side-nav-menu li .dx-state-hover, .header-primary .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item * {
    color: var(--main-primary-text-color);
}


    .header-primary .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item .addIcon i,
    .header-primary .side-nav .side-nav-inner .side-nav-menu li .dx-state-hover .addIcon i {
        color: var(--main-primary-text-color) !important;
    }

    .header-primary .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item .favorites i,
    .header-primary .side-nav .side-nav-inner .side-nav-menu li .dx-state-hover .favorites i {
        color: var(--main-primary-text-color) !important;
    }

/*-------------------------------
Header Info                     
--------------------------------*/


.header-info .dx-searchbox .dx-icon-search:before {
    color: var(--main-info-text-color);
}

.header-info .buttonView .dx-button .dx-icon {
    color: var(--main-info-text-color);
}

.header-info .side-nav .side-nav-inner .side-nav-menu li .dx-state-hover, .header-info .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item * {
    color: var(--main-info-text-color);
}

    .header-info .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item .addIcon i, .header-info .side-nav .side-nav-inner .side-nav-menu li .dx-state-hover .addIcon i {
        color: var(--main-info-text-color) !important;
    }

    .header-info .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item .favorites i,
    .header-info .side-nav .side-nav-inner .side-nav-menu li .dx-state-hover .favorites i {
        color: var(--main-info-text-color) !important;
    }

/*-------------------------------
Header success                     
--------------------------------*/

.header-success .dx-searchbox .dx-icon-search:before {
    color: var(--main-success-text-color);
}

.header-success .buttonView .dx-button .dx-icon {
    color: var(--main-info-text-color);
}

.header-success .side-nav .side-nav-inner .side-nav-menu li .dx-state-hover, .header-success .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item * {
    color: var(--main-success-text-color);
}

    .header-success .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item .addIcon i, .header-success .side-nav .side-nav-inner .side-nav-menu li .dx-state-hover .addIcon i {
        color: var(--main-success-text-color) !important;
    }

    .header-success .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item .favorites i,
    .header-success .side-nav .side-nav-inner .side-nav-menu li .dx-state-hover .favorites i {
        color: var(--main-success-text-color) !important;
    }

/*-------------------------------
Header warning                     
--------------------------------*/

.header-warning .dx-searchbox .dx-icon-search:before {
    color: var(--main-warning-text-color);
}

.header-warning .buttonView .dx-button .dx-icon {
    color: var(--main-warning-text-color);
}

.header-warning .side-nav .side-nav-inner .side-nav-menu li .dx-state-hover, .header-warning .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item * {
    color: var(--main-warning-text-color);
}

    .header-warning .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item .addIcon i, .header-warning .side-nav .side-nav-inner .side-nav-menu li .dx-state-hover .addIcon i {
        color: var(--main-warning-text-color) !important;
    }

    .header-warning .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item .favorites i,
    .header-warning .side-nav .side-nav-inner .side-nav-menu li .dx-state-hover .favorites i {
        color: var(--main-warning-text-color) !important;
    }

/*-------------------------------
Header danger                     
--------------------------------*/
.header-danger .dx-searchbox .dx-icon-search:before {
    color: var(--main-danger-text-color);
}

.header-danger .buttonView .dx-button .dx-icon {
    color: var(--main-danger-text-color);
}

.header-danger .side-nav .side-nav-inner .side-nav-menu li .dx-state-hover, .header-danger .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item * {
    color: var(--main-danger-text-color);
}

    .header-danger .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item .addIcon i, .header-danger .side-nav .side-nav-inner .side-nav-menu li .dx-state-hover .addIcon i {
        color: var(--main-danger-text-color) !important;
    }

    .header-danger .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item .favorites i,
    .header-danger .side-nav .side-nav-inner .side-nav-menu li .dx-state-hover .favorites i {
        color: var(--main-danger-text-color) !important;
    }

/*-------------------------------
Header primary gradient                     
--------------------------------*/
.header-primary-gradient .dx-searchbox .dx-icon-search:before {
    color: var(--main-primary-text-color);
}

.header-primary-gradient .buttonView .dx-button .dx-icon {
    color: var(--main-primary-text-color);
}

.header-primary-gradient .side-nav .side-nav-inner .side-nav-menu li .dx-state-hover, .header-primary-gradient .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item * {
    color: var(--main-primary-text-color);
}

    .header-primary-gradient .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item .addIcon i, .header-primary-gradient .side-nav .side-nav-inner .side-nav-menu li .dx-state-hover .addIcon i {
        color: var(--main-primary-text-color) !important;
    }

    .header-primary-gradient .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item .favorites i,
    .header-primary-gradient .side-nav .side-nav-inner .side-nav-menu li .dx-state-hover .favorites i {
        color: var(--main-primary-text-color) !important;
    }

/*-------------------------------
Header info gradient                     
--------------------------------*/
.header-info-gradient .dx-searchbox .dx-icon-search:before {
    color: var(--main-info-text-color);
}

.header-info-gradient .buttonView .dx-button .dx-icon {
    color: var(--main-info-text-color);
}

.header-info-gradient .side-nav .side-nav-inner .side-nav-menu li .dx-state-hover, .header-info-gradient .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item * {
    color: var(--main-info-text-color);
}

    .header-info-gradient .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item .addIcon i, .header-info-gradient .side-nav .side-nav-inner .side-nav-menu li .dx-state-hover .addIcon i {
        color: var(--main-info-text-color) !important;
    }

    .header-info-gradient .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item .favorites i,
    .header-info-gradient .side-nav .side-nav-inner .side-nav-menu li .dx-state-hover .favorites i {
        color: var(--main-info-text-color) !important;
    }

/*-------------------------------
Header success gradient                     
--------------------------------*/
.header-success-gradient .dx-searchbox .dx-icon-search:before {
    color: var(--main-success-text-color);
}

.header-success-gradient .buttonView .dx-button .dx-icon {
    color: var(--main-success-text-color);
}

.header-success-gradient .side-nav .side-nav-inner .side-nav-menu li .dx-state-hover, .header-success-gradient .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item * {
    color: var(--main-success-text-color);
}

    .header-success-gradient .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item .addIcon i, .header-success-gradient .side-nav .side-nav-inner .side-nav-menu li .dx-state-hover .addIcon i {
        color: var(--main-success-text-color) !important;
    }

    .header-success-gradient .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item .favorites i,
    .header-success-gradient .side-nav .side-nav-inner .side-nav-menu li .dx-state-hover .favorites i {
        color: var(--main-success-text-color) !important;
    }

/*-------------------------------
Header warning gradient                     
--------------------------------*/
.header-warning-gradient .dx-searchbox .dx-icon-search:before {
    color: var(--main-warning-text-color);
}

.header-warning-gradient .buttonView .dx-button .dx-icon {
    color: var(--main-warning-text-color);
}

.header-warning-gradient .side-nav .side-nav-inner .side-nav-menu li .dx-state-hover, .header-warning-gradient .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item * {
    color: var(--main-warning-text-color);
}

    .header-warning-gradient .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item .addIcon i, .header-warning-gradient .side-nav .side-nav-inner .side-nav-menu li .dx-state-hover .addIcon i {
        color: var(--main-warning-text-color) !important;
    }

    .header-warning-gradient .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item .favorites i,
    .header-warning-gradient .side-nav .side-nav-inner .side-nav-menu li .dx-state-hover .favorites i {
        color: var(--main-warning-text-color) !important;
    }

/*-------------------------------
Header danger gradient                     
--------------------------------*/
.header-danger-gradient .dx-searchbox .dx-icon-search:before {
    color: var(--main-danger-text-color);
}

.header-danger-gradient .buttonView .dx-button .dx-icon {
    color: var(--main-danger-text-color);
}

.header-danger-gradient .side-nav .side-nav-inner .side-nav-menu li .dx-state-hover, .header-danger-gradient .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item * {
    color: var(--main-danger-text-color);
}

    .header-danger-gradient .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item .addIcon i, .header-danger-gradient .side-nav .side-nav-inner .side-nav-menu li .dx-state-hover .addIcon i {
        color: var(--main-danger-text-color) !important;
    }

    .header-danger-gradient .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item .favorites i,
    .header-danger-gradient .side-nav .side-nav-inner .side-nav-menu li .dx-state-hover .favorites i {
        color: var(--main-danger-text-color) !important;
    }


/*-------------------------------
Header dark                    
--------------------------------*/
.header-dark .dx-searchbox .dx-icon-search:before {
    color: var(--main-dark-text-color);
}

.header-dark .buttonView .dx-button .dx-icon {
    color: var(--main-dark-text-color);
}

.header-dark .side-nav .side-nav-inner .side-nav-menu li .dx-state-hover, .header-dark .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item * {
    color: var(--main-dark-text-color);
}

    .header-dark .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item .addIcon i, .header-dark .side-nav .side-nav-inner .side-nav-menu li .dx-state-hover .addIcon i {
        color: var(--main-dark-text-color) !important;
    }

    .header-dark .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item .favorites i,
    .header-dark .side-nav .side-nav-inner .side-nav-menu li .dx-state-hover .favorites i {
        color: var(--main-dark-text-color) !important;
    }

/*-------------------------------
Header default                    
--------------------------------*/
.header-default .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item * {
    color: #333;
}


/*-------------------------------
Main Tab Panel Theme                   
--------------------------------*/

/*--------------------------
Header Primary                
--------------------------*/

.header-primary .dx-tab-selected .titleTxt {
    color: var(--main-primary-text-color) !important;
}

/*--------------------------
    Header Info                
    --------------------------*/

.header-info .dx-tab-selected .titleTxt {
    color: var(--main-info-text-color) !important;
}

/*--------------------------
    Header Success                
    --------------------------*/

.header-success .dx-tab-selected .titleTxt {
    color: var(--main-success-text-color) !important;
}

/*--------------------------
    Header warning                
    --------------------------*/

.header-warning .dx-tab-selected .titleTxt {
    color: var(--main-warning-text-color) !important;
}
/*--------------------------
    Header Dark                
    --------------------------*/

.header-dark .dx-tab-selected .titleTxt {
    color: var(--main-dark-text-color) !important;
}
/*--------------------------
    Header danger                
    --------------------------*/

.header-danger .dx-tab-selected .titleTxt {
    color: var(--main-danger-text-color) !important;
}
/*--------------------------
    Header Primary Gradient               
    --------------------------*/

.header-primary-gradient .dx-tab-selected .titleTxt {
    color: var(--main-primary-text-color) !important;
}
/*--------------------------
    Header Info Gradient               
    --------------------------*/

.header-info-gradient .dx-tab-selected .titleTxt {
    color: var(--main-info-text-color) !important;
}
/*--------------------------
    Header Success                
    --------------------------*/

.header-success-gradient .dx-tab-selected .titleTxt {
    color: var(--main-success-text-color) !important;
}
/*--------------------------
    Header warning                
    --------------------------*/

.header-warning-gradient .dx-tab-selected .titleTxt {
    color: var(--main-warning-text-color) !important;
}
/*--------------------------
    Header danger                
    --------------------------*/

.header-danger-gradient .dx-tab-selected .titleTxt {
    color: var(--main-danger-text-color) !important;
}

/*--------------------------
Sticky Theme               
--------------------------*/

/*--------------------------
Header Primary                
--------------------------*/

.header-primary ul.nav-sticky {
    background: var(--main-primary-bg-color);
}

/*--------------------------
Header Info                
--------------------------*/

.header-info ul.nav-sticky {
    background: var(--main-info-bg-color);
}

/*--------------------------
Header Success                
--------------------------*/

.header-success ul.nav-sticky {
    background: var(--main-success-bg-color);
}

/*--------------------------
Header warning                
--------------------------*/

.header-warning ul.nav-sticky {
    background: var(--main-warning-bg-color);
}

/*--------------------------
Header Dark                
--------------------------*/

.header-dark ul.nav-sticky {
    background: var(--main-dark-bg-color);
}

/*--------------------------
Header danger                
--------------------------*/

.header-danger ul.nav-sticky {
    background: var(--main-danger-bg-color);
}

/*--------------------------
Header Primary Gradient               
--------------------------*/

.header-primary-gradient ul.nav-sticky {
    background: var(--main-primary-gradient-bg-color);
}

/*--------------------------
Header Info Gradient               
--------------------------*/

.header-info-gradient ul.nav-sticky {
    background: var(--main-info-gradient-bg-color);
}

/*--------------------------
Header Success                
--------------------------*/

.header-success-gradient ul.nav-sticky {
    background: var(--main-success-gradient-bg-color);
}

/*--------------------------
Header warning                
--------------------------*/

.header-warning-gradient ul.nav-sticky {
    background: var(--main-warning-gradient-bg-color);
}

/*--------------------------
Header danger                
--------------------------*/

.header-danger-gradient ul.nav-sticky {
    background: var(--main-danger-gradient-bg-color);
}

/*--------------------------
Header default                
--------------------------*/
.header-default .nav-sticky li a i {
    color: #8a8a8a;
}