:root {
    --GenralThemeFontFamily: MuseoSans;
    --GenralThemeFontSize: 14;
    --GenralThemePrimaryColors: #F1CE00;
    /*--GenralThemePrimaryColors: #209b60;*/
    --GenralThemeSecondaryColors: #2B6143;
    --GenralThemeBodyTextColors: #404040;
    --HeaderBackground: linear-gradient(to bottom, #FFF, #f5f5f5);
    --HeaderBackgroundType: Gradient;
    --HeaderBackgroundGradientColor1: #ffffff;
    --HeaderBackgroundGradientColor2: #9eded7;
    --HeaderTextColor: #209b60;
    --MenuBackground: #024b01;
    --MenuBackgroundOnActive: #000000;
    --SlideFormFontFamily: 'Roboto', sans-serif;
    --SlideFormFontSize: 14;
    --SlideFormHeaderFontSize: 20;
    --SlideFormHeaderBackground: #2B6143;
    --SlideFormFooterBackground: #f1f1f1;
    --SlideFormBtnsBgOnActive: #04aa6d;
    --ModalPopupHeaderBackground: #007d86;
    --ModalPopupFooterBackground: #e6e6e6;
    --ModalPopupBtsBorderAndColor: #ffffff;
    --KendoGridBackground: #f2f2f2;
    --KendoGridHeaderBackground: #535353;
    --KendoGridHeaderTextColor: #ffffff;
    --KendoGridButtonColor: #ffffff;
    --KendoGridButtonBackground: #209b60;
    --LeftSideTabsTextColor: #209b60;
    --LeftSideTabsBgColor: #f5f5f5;
    --LeftSideTabsActiveColor: #ffffff;
    --LeftSideTabsActiveBgColor: #209b60;
    --LeftSideTabsBorderColor: #f1f1f1;
    --LeftSideTabsActiveBorderColor: #2B6143;
    --TopTabsNavBGColor: #e4fbff;
    --TopTabsNavColor: #209b60;
    --TopTabsNavBorderColor: #209b60;
    --TopTabsNavBGActiveColor: #209b60;
    --TopTabsNavLinkActiveColor: #ffffff;
    --TopTabsNavBorderActiveColor: #209b60;
    --CollapsiblePanelTextColor: #7d7d7d;
    --CollapsiblePanelNavBGColor: #209b60;
    --CollapsiblePanelNavColor: #ffffff;
    --CollapsiblePanelNavBorderColor: #209b60;
    --CollapsiblePanelNavBGActiveColor: #008c4d;
    --CollapsiblePanelNavActiveColor: #ffffff;
    --CollapsiblePanelNavBorderActiveColor: #008c4d;
    --LeftSideBarBackgroundType: Gradient;
    --LeftSideBarBackgroundGradientColor1: #209b60;
    --LeftSideBarBackgroundGradientColor2: #2B6143;
    --LeftSideBarBGColor: #116644;
    --LeftSideBarLinkColor: #ffffff;
    --TitleBackgroundColor: #2B6143;
    --TitleTextColor: #ffffff;
    --TitleFontSize: 20;
    --ButtonBackgroundColor: #ffffff;
    --ButtonTextColor: #2B6143;
    --ButtonBorderColor: #2B6143;
    --ButtonFontSize: 14;
    --ButtonHoverBackgroundColor: #008c4d;
    --ButtonHoverTextColor: #ffffff;
    --ButtonHoverBorderColor: #008c4d;
    --ButtonActiveBackgroundColor: #2B6143;
    --ButtonActiveTextColor: #ffffff;
    --ButtonActiveBorderColor: #2B6143;
    --LeftSideBarBackground: linear-gradient(to bottom, #209b60, #2B6143);
    --HeaderBackgroundColor: #ffffff;
}

body {
    background: var(--body-bg,#DDDDDD) !important;
}

header {
    background: var(--HeaderBackground,#FFFFFF);
}

.layout-1 header {
    background: var(--HeaderBackground,#FFFFFF);
}

.layout-2 header {
    background: var(--HeaderBackground,#FFFFFF);
}
.layout-3 header {
    background: var(--HeaderBackground,#FFFFFF);
}

.layout-2 .child-one > li > a {
    color: var(--HeaderTextColor, #333333);
}

.layout-3 .heaer-logo {
    max-height: 80px;
    width: 250px !important;
}

.heaer-logo img {
    max-height: 100%;
}

.header-icon,
.noti-trigger,
.header-logout,
.header-chat,
.header-chat a,
.header-zoom,
.header-link,
.header-link a,
.menu-trigger {
    color: var(--HeaderTextColor,#2196F3) !important;
}

.dash-right-title-custom {
    background: var(--TitleBackgroundColor,#209b60);
    color: var(--TitleTextColor,#FFFFFF);
}

.page-left, .layout-3 .page-right {
    background: var(--LeftSideBarBackground,linear-gradient(to bottom,#3F51B5,#2196F3));
}
    .page-left .quick-todo,
    .page-left .quick-chat,
    .page-left .quick-zoom,
    .page-left .quick-logout,
    .page-left .quick-link,
    .page-left .quick-link a,
    .page-left .quick-noti-trigger {
        color: var(--LeftSideBarLinkColor,#FFFFFF);
    }

.side-nav-menu ul li a {
    color: var(--LeftSideBarLinkColor,#FFFFFF);
}

.fav-menu .fav-root-item span i.fa-star {
    color: var(--LeftSideBarLinkColor,#FFFFFF);
}
/*.page-left a {
    color: var(--LeftSideBarLinkColor,#FFFFFF) !important;
}*/
.page-left .side-nav-menu ul li a {
    color: var(--LeftSideBarLinkColor,#FFFFFF) !important;
}

/*.slide-form-btn{
    background:var(--ButtonBackgroundColor);
  border-color:var(--ButtonBorderColor);
  color:var(--ButtonTextColor);
   
}
.slide-form-btn.active{
    background:var(--ButtonBackgroundColor);
  border-color:var(--ButtonBorderColor);
  color:var(--ButtonTextColor);
}*/
.button-group-pills .btn {
    background: var(--ButtonBackgroundColor,#ffffff);
    border-color: var(--ButtonBorderColor,#1E656D);
    color: var(--ButtonTextColor,#1E656D);
}

    .button-group-pills .btn:hover {
        background: var(--ButtonHoverBackgroundColor,#1E656D);
        border-color: var(--ButtonHoverBorderColor,#1E656D);
        color: var(--ButtonHoverTextColor,#FFFFFF);
    }

    .button-group-pills .btn.active {
        background: var(--ButtonActiveBackgroundColor,#1E656D);
        border-color: var(--ButtonActiveBorderColor,#1E656D);
        color: var(--ButtonActiveTextColor,#FFFFFF);
    }

.btn-primary {
    background: var(--ButtonBackgroundColor,#ffffff);
    border-color: var(--ButtonBorderColor,#1E656D);
    color: var(--ButtonTextColor,#1E656D);
}

    .btn-primary:hover {
        background: var(--ButtonHoverBackgroundColor,#1E656D);
        border-color: var(--ButtonHoverBorderColor,#1E656D);
        color: var(--ButtonHoverTextColor,#FFFFFF);
    }

    .btn-primary.active {
        background: var(--ButtonActiveBackgroundColor,#1E656D) !important;
        border-color: var(--ButtonActiveBorderColor,#1E656D) !important;
        color: var(--ButtonActiveTextColor,#FFFFFF) !important;
    }

        .btn-primary.active:hover {
            background: var(--ButtonActiveBackgroundColor,#1E656D) !important;
            box-shadow: 0 0 3px #000;
        }

.add-form-page-link {
    background: var(--ButtonBackgroundColor,#FFFFFF);
    /*border-color:var(--ButtonBorderColor);*/
    border-color: var(--ButtonBorderColor,#1E656D);
    /*color:var(--ButtonTextColor);*/
    color: var(--ButtonTextColor,#1E656D) !important;
}

    .add-form-page-link::after {
        background: var(--ButtonActiveBackgroundColor,#1E656D) !important;
    }

    .add-form-page-link:hover {
        background: var(--ButtonActiveBackgroundColor,#1E656D);
        border-color: var(--ButtonActiveBorderColor,#1E656D);
        color: var(--ButtonActiveTextColor,#FFFFFF);
    }

.btn-success {
    background: var(--ButtonBackgroundColor,#FFFFFF) !important;
    border-color: var(--ButtonBorderColor,#1E656D) !important;
    color: var(--ButtonTextColor,#1E656D) !important;
}

    .btn-success:hover {
        background: var(--ButtonHoverBackgroundColor,,#1E656D) !important;
        border-color: var(--ButtonHoverBorderColor,#1E656D) !important;
        color: var(--ButtonHoverTextColor,#FFFFFF) !important;
    }

    .btn-success.active {
        background: var(--ButtonActiveBackgroundColor,#1E656D) !important;
        border-color: var(--ButtonActiveBorderColor,#1E656Dr) !important;
        color: var(--ButtonActiveTextColor,#FFFFFF) !important;
    }

.step-tab-item-title {
    float: unset !important;
}

.day-btn {
}



.tab-profile-btn {
}

.add-address-btn {
    background: var(--ButtonBackgroundColor,#f5f5f5);
    border-color: var(--ButtonBorderColor,#fff);
    color: var(--ButtonTextColor,#1E656D);
}

    .add-address-btn:hover {
        background: var(--ButtonActiveBackgroundColor,#1E656D);
        border-color: var(--ButtonActiveBorderColor,#1E656D);
        color: var(--ButtonActiveTextColor,#FFFFFF);
    }

.table-delete.discount-btn btn {
}


.quick-filters-trigger {
    float: left;
    background: var(--GenralThemePrimaryColors,#1E656D);
}

.form-tab-link-group::after {
    background: var(--GenralThemePrimaryColors,#1E656D);
}

.dot {
    background: var(--GenralThemePrimaryColors,#1E656D);
}

.form-tab-link.active .dot::after {
    border: var(--GenralThemePrimaryColors,#1E656D) 2px solid;
}


.gp-collaps-item-title {
    font-size: 14px;
    color: var(--CollapsiblePanelNavColor,#FFFFFF);
    background: var(--CollapsiblePanelNavBGColor,#2B6143);
    border-color: var(--CollapsiblePanelNavBorderColor,#2B6143);
}

.gp-collaps-item.active .gp-collaps-item-title {
    color: var(--CollapsiblePanelNavActiveColor,#FFFFFF);
    background: var(--CollapsiblePanelNavBGActiveColor,#2B6143);
    border-color: var(--CollapsiblePanelNavBorderActiveColor,#2B6143);
}

/*---------------- Page Title Start Here ----------------*/
.page-title {
    background: var(--TitleBackgroundColor,#209b60);
    color: var(--TitleTextColor,#FFFFFF);
}

.fav-icon {
    color: var(--TitleTextColor,#FFFFFF);
}

.page-title-links a {
    background: #fff;
    color: var(--TitleBackgroundColor,#209b60);
    border-color: var(--TitleBackgroundColor,#209b60);
}

    .page-title-links a i {
        background: var(--TitleBackgroundColor,#209b60);
    }

    .page-title-links a:hover {
        background: var(--TitleBackgroundColor,#209b60);
        color: #FFF;
    }

        .page-title-links a:hover i {
            background: #FFF;
            color: var(--TitleBackgroundColor,#209b60);
        }

.refresh-btn {
    color: #116644;
    background: #fff;
}
/*---------------- Search Section Start Here ----------------*/
.search-section {
}


.search-drop-holder {
    color: rgba(0,0,0,0.6);
    border-color: #9DACB7;
}

.search-drop-container {
    background: #F9F9F9;
    border-color: #aaa;
    color: #666;
}

.search-clear-btn {
    background: #FFF;
    color: #000000;
}

.search-btn {
    /*background: #4b2fe3;
    color: #FFF;*/
    background: var(--ButtonActiveBackgroundColor);
    color: var(--ButtonActiveTextColor);
}






/*---------------- Popup slide form Start Here ----------------*/
.slide-form-title, .capture-form-title {
    /*font-size: var(--SlideFormHeaderFontSize,18px);*/
    color: var(--SlideFormHeadertextColor,#FFFFFF);
    background: var(--SlideFormHeaderBackground,#CAD2D8);
}

.slide-form-btns {
    background: var(--SlideFormFooterBackground,#ECEFF1);
}

.slide-form-btn {
    color: var(--ButtonBackgroundColor,#FFFFFF) !important;
    border-color: var(--ButtonBorderColor,#1E656D) !important;
    background: var(--ButtonTextColor,#1E656D) !important;
}

.slide-form-btn.active, .slide-form-btn:hover {
    background: var(--ButtonActiveBackgroundColor,#1E656D) !important;
    border-color: var(--ButtonActiveBorderColor,#1E656Dr) !important;
    color: var(--ButtonActiveTextColor,#FFFFFF) !important;
}
.slide-form-close {
    background: #d6394f;
    color: #FFF;
    font-size: 17px;
}

.slide-form {
    font-size: var(--SlideFormFontSize,14px);
    font-family: var(--SlideFormFontFamily,('Roboto', sans-serif));
}

.filter-btn{
    color: var(--ButtonBackgroundColor,#FFFFFF) !important;
    border-color: var(--ButtonBorderColor,#1E656D) !important;
    background: var(--ButtonTextColor,#1E656D) !important;
}
.filter-btn.active, .filter-btn:hover, .day-btn.active{
    background: var(--ButtonActiveBackgroundColor,#1E656D) !important;
    border-color: var(--ButtonActiveBorderColor,#1E656Dr) !important;
    color: var(--ButtonActiveTextColor,#FFFFFF) !important;
}
.grid-btn1{
    color: var(--ButtonBackgroundColor,#FFFFFF) !important;
    border-color: var(--ButtonActiveBorderColor,#1E656Dr) !important;
    color: var(--ButtonTextColor,#1E656D) !important;
}
.grid-btn1.bg-2, .grid-btn1.bg-3, .grid-btn2.bg-3 {
    background: var(--ButtonActiveBackgroundColor,#1E656D) !important;
    border-color: var(--ButtonActiveBorderColor,#1E656Dr) !important;
    color: var(--ButtonActiveTextColor,#FFFFFF) !important;
}
.primay-btn-1 {
    color: var(--ButtonBackgroundColor,#FFFFFF) !important;
    border-color: var(--ButtonBorderColor,#1E656D) !important;
    color: var(--ButtonTextColor,#1E656D) !important;
}
.primay-btn-1.active, .primay-btn-1:hover{
    background: var(--ButtonActiveBackgroundColor,#1E656D) !important;
    border-color: var(--ButtonActiveBorderColor,#1E656Dr) !important;
    color: var(--ButtonActiveTextColor,#FFFFFF) !important;
}
/*.db-status-box{
    border-color: var(--ButtonActiveTextColor,#00663b) !important;
}
.db-status-content::after{
    background: var(--LeftSideBarBackground,linear-gradient(to bottom,#3F51B5,#2196F3));
}*/


.db-chat-form .chat-header {
    background: var(--TitleBackgroundColor,#209b60);
    color: var(--TitleTextColor,#FFFFFF);
}
.chat-nav ul li{
    color: var(--ButtonBorderColor,#000) !important;
}
.chat-nav ul li.active{
    color: var(--ButtonBackgroundColor,#00663b) !important;
    border-color: var(--ButtonBorderColor,#1E656D);
    background: var(--ButtonTextColor,#fff) !important;
}
.chat-client .chat-client-header{
    background: var(--TitleBackgroundColor,#00663b);
}


/*---------------- Modal Popup form Start Here ----------------*/

.modal-content {
    font-size: var(--ModalPopupFontSize,14px);
    font-family: var(--ModalPopupFontFamily,('Roboto', sans-serif));
}

.modal-header {
    background: var(--ModalPopupHeaderBackground,#142127);
    color: #FFF;
    font-size: var(--ModalPopupHeaderFontSize,20px);
}

.popup-letter-btns {
    background: var(--ModalPopupFooterBackground,#f1f1f1);
}

popup-letter-btns .btn-primary {
    color: var(--ModalPopupBtsBorderAndColor,#d6394f);
    border-color: var(--ModalPopupBtsBorderAndColor,#d6394f);
}

/*---------------- Menu Settings Start Here ----------------*/
/*menu background*/
.left-nav-menu ul li a {
    background: var(--MenuBackground,#FFF);
    color: var(--MenuLinkColor,#000);
}

.left-nav-menu {
    font-family: var(--MenuFontFamily,('Philosopher', sans-serif));
    font-size: var(--MenuFontSize,14px);
}

    /*menu active*/
    .left-nav-menu ul li.active > a {
        background: var(--MenuBackgroundOnActive,#d6394f);
        color: var(--MenuLinkColorOnActive,#FFF);
    }
    /*menu icon color*/
    .left-nav-menu > ul > li > a i {
        color: var(--MenuIconColor,#fff);
    }
    /*menu icon Background*/
    .left-nav-menu > ul > li:nth-child(1) > a i {
        background-color: var(--MenuIconBackground,#26c6da);
    }

    .left-nav-menu > ul > li:nth-child(2) > a i {
        background-color: var(--MenuIconBackground,#66bb6a);
    }

    .left-nav-menu > ul > li:nth-child(4) > a i {
        background-color: var(--MenuIconBackground,#ffa726);
    }

    .left-nav-menu > ul > li:nth-child(5) > a i {
        background-color: var(--MenuIconBackground,#5d36ae);
    }

    .left-nav-menu > ul > li:nth-child(6) > a i {
        background-color: var(--MenuIconBackground,#1ba90b);
    }

    .left-nav-menu > ul > li:nth-child(7) > a i {
        background-color: var(--MenuIconBackground,#7805c7);
    }

/*---------------- Kendo Grid Start Here ----------------*/

.data-table {
    background: var(--KendoGridBackground, #fff);
    font-size: var(--KendoGridFontSize,14px);
    font-family: var(--KendoGridFontFamily,('Roboto', sans-serif));
}
/*header background*/
.k-filter-row th, .k-grid-header th.k-header {
    background: var(--KendoGridHeaderBackground, #e97f00);
    position:relative;
    padding-right:20px;
}
.k-grid-header .k-grid-filter, .k-grid-header .k-header-column-menu {

    position: absolute;
    right: 0;
    top:calc(50% - 5px);
}
.data-table th {
    color: #fff;
    background: var(--KendoGridHeaderBackground, #e97f00);
}
/*header text color*/
.k-grid-header th.k-header > .k-link {
    color: var(--KendoGridHeaderTextColor,rgba(255,255,255,1));
}
/*heder buttons text color*/
.k-button.k-grid-excel, .k-button.k-grid-pdf {
    color: var(--KendoGridButtonColor,#fff);
}
/*heder excel btn background*/
.k-button.k-grid-excel {
    background-color: var(--KendoGridButtonBackground, #24CFFF) !important;
}
/*heder excel btn background*/
.k-button.k-grid-pdf {
    background-color: var(--KendoGridButtonBackground, #09b2b4) !important;
}
/*table body text color*/
.data-table.k-grid td {
    color: var(--KendoGridTableTextColor,#000000);
}
/*.k-grid .k-floatwrap{
	
}*/

/*---------------- Title Tabs Start Here ----------------*/

/*.tile-step-link-group {
    font-size: var(--TitleTabsFontSize,14px);
    font-family: var(--TitleTabsFontFamily,('Roboto', sans-serif));
}*/

.tile-step-link {
    background: var(--TopTabsNavBGColor, #666);
    color: var(--TitleTabsTextColor,#FFF);
}

.tile-step-link span, .tile-step-link i {
    color: var(--TopTabsNavColor,#FFF);
    /*color: var(--TopTabsNavBGColor, #666)*/
}
.tile-step-link i{
    color: var(--TopTabsNavColor,#FFF);
}

.tile-step-link.active {
    background: var(--TopTabsNavBGActiveColor,#4b2fe3);
}
.tile-step-link.active i {
    color: var(--TopTabsNavLinkActiveColor,#FFFFFF);
}

.tile-step-link.active span {
    border-color: var(--TopTabsNavBGActiveColor,#4b2fe3);
    color: var(--TopTabsNavLinkActiveColor,#FFFFFF);
}


.click-msg {
    background: var(--GenralThemePrimaryColors,#1E656D);
    border: 1px solid var(--GenralThemePrimaryColors,#1E656D);
}

    .click-msg:hover {
        color: var(--GenralThemePrimaryColors);
    }

/*.k-button.k-grid-excel {
    background-color: var(--GenralThemePrimaryColors,#1E656D) !important;
}*/
/*---------------- Left Tabs Start Here ----------------*/
/*-- http://localhost:50938/AdminSolutions --*/

.tabs-left {
    font-family: var(--LeftSideTabsFontFamily,('Roboto', sans-serif));
}

    .tabs-left li span {
        font-size: var(--LeftSideTabsFontSize,14px);
    }
    /*body*/
    .tabs-left ul {
        background: var(--LeftSideTabsBgColor,#fff);
        border-color: var(--LeftSideTabsBorderColor,#9DACB7);
    }
    /*text color*/
    .tabs-left li span {
        color: var(--LeftSideTabsTextColor,#666);
        border-color: var(--LeftSideTabsBorderColor,#9DACB7);
    }
        /*on active color*/
        .tabs-left li span.active {
            background: var(--LeftSideTabsActiveBgColor,#eceff1);
            color: var(--LeftSideTabsActiveColor,#fff);
            border-color: var(--LeftSideTabsActiveBorderColor,#F8F8F8);
        }
            /*on active border color*/
            .tabs-left li span.active::before {
                background: var(--LeftSideTabsActiveBorderColor,#0498c1) !important;
            }

/*---------------- Custom check boxes Start Here ----------------*/

/*btn background */
.inputGroup {
    background-color: #fff;
    font-family: var(--LeftSideCheckBoxesFontFamily,('Roboto', sans-serif));
}
    /*color*/
    .inputGroup label {
        color: var(--GenralThemePrimaryColors,#3c454c);
        border-color: var(--GenralThemePrimaryColors,#CCC);
    }
        /*on active*/
        .inputGroup label:before {
            background-color: var(--GenralThemePrimaryColors,#4B2FE3);
        }

    .inputGroup input:checked ~ label {
        color: #fff;
    }
/*------------ Buttons css --------------------*/

/*.btn-primary{
    background: var(--LeftSideButtonsBgColor,#FFF);
    color: var(--LeftSideButtonsTextColor,#d6394f);
    border: var(--LeftSideButtonsBorderColor,(1px solid #d6394f));
    font-size: var(--LeftSideButtonsFontSize,14px);
}

.btn-primary:hover {
    background: var(--LeftSideButtonsActiveBgColor,#d6394f);
    color: var(--LeftSideButtonsActiveColor,#fff);
    border-color: #d6394f;
}*/

.arrow-step-link.active span {
    background: var(--GenralThemeSecondaryColors);
}

.arrow-step-link.active > span::after {
    border-left: 30px solid var(--GenralThemeSecondaryColors);
}
/*.inputGroup label:before{
   background-color: var(--GenralThemeSecondaryColors) !important;
}*/
.arrow-step-link.active > span::after {
    border-left: 30px solid var(--GenralThemeSecondaryColors,#1E656D);
}

.dropdown-menu.action-dropdown a:active {
    background: #1d3f98;
    box-shadow: 0 0 5px #1d3f98;
}

    .dropdown-menu.action-dropdown a:active:hover i {
        color: #fff;
    }

.dropdown-menu.action-dropdown a:hover i {
    color: #1d3f98;
}


input[type="checkbox"]:checked + .label-text:before {
    color: var(--GenralThemePrimaryColors,#000);
}

input[type="radio"]:checked + .label-text:before {
    color: var(--GenralThemePrimaryColors,#000);
}

.multi-select-check input:checked ~ .multicheckmark {
    background-color: #1e656d;
}



/*.capture-form-title{
    background: #1E656D;
    width: calc(100% - 260px);
    right: 0;
}*/
.plain-tab-link {
    background: var(--TopTabsNavBGColor,#033c59);
}

    .plain-tab-link li {
        color: var(--TopTabsNavColor,#ffffff);
        border: var(TopTabsNavBorderColor,#033c59);
    }

        .plain-tab-link li.active {
            color: var(--TopTabsNavLinkActiveColor,#033c59);
            background: var(--TopTabsNavBGActiveColor,#FFFFFF);
            border: var(--TopTabsNavBorderActiveColor,#033c59);
        }

.user-profile-trigger {
    color: var(--ButtonTextColor,#1E656D);
    border-color: var(--ButtonTextColor,#1E656D);
    background: var(--ButtonBackgroundColor,#FFF);
}

    .user-profile-trigger:hover {
        background: var(--ButtonHoverBackgroundColor,#d6394f);
        border-color: var(--ButtonHoverBorderColor,#1E656D);
        color: var(--ButtonHoverTextColor,#1E656D);
    }

.user-profile-btn {
    color: var(--ButtonTextColor,#1E656D);
    border-color: var(--ButtonBorderColor,#1E656D);
    background: var(--ButtonBackgroundColor,#f5f5f5);
}

    .user-profile-btn:hover {
        background: var(--ButtonHoverBackgroundColor,#d6394f);
        border-color: var(--ButtonBorderColor,#1E656D);
        color: var(--ButtonActiveTextColor,#1E656D);
    }

    .user-profile-btn.popup-btn {
        color: var(--ButtonTextColor,#1E656D);
        border-color: var(--ButtonBorderColor,#1E656D);
    }

        .user-profile-btn.popup-btn:hover {
            background: var(--ButtonHoverBackgroundColor,#008c4d);
            border-color: var(--ButtonBorderColor,#1E656D);
            color: var(--ButtonActiveTextColor,#1E656D);
        }

.form-btn {
    color: var(--SlideFormBtnsBgOnActive,#1E656D);
    border-color: var(--SlideFormBtnsBgOnActive,#1E656D);
}

    .form-btn:hover {
        background: var(--SlideFormBtnsBgOnActive,#d6394f);
        border-color: var(--ButtonBorderColor,#1E656D);
        color: #FFF;
    }

    .form-btn.active {
        background: var(--SlideFormBtnsBgOnActive,#d6394f);
        border-color: var(--ButtonBorderColor,#d6394f);
        color: #FFF;
    }
.collapse-btn{
        background: var(--GenralThemePrimaryColors);
    border: 1px solid var(--GenralThemePrimaryColors);
}
.collapse-btn:hover {
    background: var(--SlideFormBtnsBgOnActive,#d6394f);
    border-color: var(--ButtonBorderColor,#d6394f);
    color: #FFF;
}

.enquiry-inner-btn {
    color: var(--GenralThemePrimaryColors);
    border: 1px solid var(--GenralThemePrimaryColors);
}

    .enquiry-inner-btn:hover {
        background: var(--GenralThemePrimaryColors);
    }

.contacts.btns .tab-profile-btn:hover {
    background: var(--SlideFormBtnsBgOnActive,#d6394f);
    border-color: var(--ButtonBorderColor,#d6394f);
    color: var(--ButtonActiveTextColor);
}

.contacts.btns .tab-profile-btn {
    background: var(--GenralThemePrimaryColors);
    border: 1px solid var(--GenralThemePrimaryColors);
}

.custom-btn-box .slide-form-btn {
    border: 1px solid var(--SlideFormBtnsBgOnActive,#e97f00);
    color: var(--SlideFormBtnsBgOnActive,#e97f00);
}

    .custom-btn-box .slide-form-btn i {
        background: var(--SlideFormBtnsBgOnActive,#e97f00);
    }

    .custom-btn-box .slide-form-btn:hover {
        background: var(--SlideFormBtnsBgOnActive,#e97f00);
        border-color: var(--SlideFormBtnsBgOnActive,#e97f00);
        color: #FFF;
    }

        .custom-btn-box .slide-form-btn:hover i {
            color: var(--SlideFormBtnsBgOnActive,#e97f00) !important;
        }

    .custom-btn-box .slide-form-btn.active {
        background: var(--SlideFormBtnsBgOnActive,#e97f00);
        border-color: var(--SlideFormBtnsBgOnActive,#e97f00);
    }

        .custom-btn-box .slide-form-btn.active i {
            color: var(--SlideFormBtnsBgOnActive,#e97f00) !important;
        }

.day-btn {
    border: 1px solid var(--ButtonBorderColor,#F62A00);
    color: var(--ButtonTextColor,#F62A00);
}

    .day-btn:hover {
        /*color: #fff !important;*/
        color: var(--ButtonHoverTextColor, #fff);
        background: var(--ButtonHoverBorderColor,#F62A00);
    }

/*.filter-btn {
    border: 1px solid var(--ButtonBorderColor,#F62A00);
    color: var(--ButtonTextColor,#F62A00);
}

    .filter-btn:hover {
        color: var(--ButtonHoverTextColor, #fff);
        background: var(--ButtonHoverBackgroundColor,#F62A00);
    }*/

.filter-btn-1 {
    border: 1px solid var(--SlideFormBtnsBgOnActive,#F62A00);
    color: var(--SlideFormBtnsBgOnActive,#F62A00);
}

    .filter-btn-1.active {
        background: var(--SlideFormBtnsBgOnActive,#F62A00);
    }

.contact-info-table table td .done {
    background: var(--GenralThemePrimaryColors);
}

    .contact-info-table table td .done:hover {
        background: var(--SlideFormBtnsBgOnActive,#d6394f);
    }

.error-back-btn {
    background: var(--GenralThemePrimaryColors);
    border: 1px solid var(--GenralThemePrimaryColors);
}

    .error-back-btn:hover {
        background: var(--SlideFormBtnsBgOnActive,#d6394f);
        border-color: #d6394f;
        /*color: #FFF;*/
    }

.chat-wall-text-right {
    background: var(--TitleBackgroundColor, #729da1);
    color: var(--TitleTextColor,#FFFFFF);
}

    .chat-wall-text-right::after {
        border-left: 8px solid var(--TitleBackgroundColor, #729da1);
    }

/*.k-button.k-grid-excel {
    background-color: #1E656D !important;
}
.tabs-left li span.active {
    color: #1E656D;
}*/
.tabs-left li span.active::before {
    background: #1E656D;
}

/*.k-listbox .k-item.k-state-selected {
    background: #CCC;
    color: #1E656D;
}*/
/*.k-listbox .k-item.k-state-selected {
    background: #CCC;
    color: #1E656D;
}*/
.k-listbox .k-item:hover:not(.k-state-disabled) {
    background: var(--GenralThemePrimaryColors, #1E656D);

}

.k-listbox .k-item.k-state-selected {
    color: var(--TitleTextColor,#FFFFFF);
    background: var(--TitleBackgroundColor,#398d06);
}

/*.click-msg{
     background: #1E656D;
     border: 1px solid #1E656D;
}
.click-msg:hover {
    color: #1E656D;
    background: #fff;
    box-shadow: 0 0 10px #000;
}*/



.login-text, .product-footer{
    color:#000;
}

.noti-title {
    background: var(--TitleBackgroundColor,#209b60) !important;
    color: var(--TitleTextColor,#FFFFFF);
}

.quick-noti-list ul li:first-child {
    background: var(--TitleBackgroundColor,#209b60) !important;
    color: var(--TitleTextColor,#FFFFFF);
}

.profile-block::after {
    background: var(--HeaderBackground,#1E656D) !important;
}

.input-group .btn-default {
    color: var(--GenralThemePrimaryColors,#09b2b4);
}

.finance-db-btn {
    background: var(--GenralThemePrimaryColors);
}

    .finance-db-btn.active {
        background: var(--ButtonActiveBackgroundColor);
    }

.chart-select-btn {
    background: var(--ButtonBackgroundColor,#f1f1f1);
    border-color: var(--ButtonBorderColor,#ccc);
    color: var(--ButtonTextColor,#000);
}

    .chart-select-btn.active {
        background: var(--ButtonActiveBackgroundColor);
        border-color: var(--ButtonActiveBorderColor);
        color: var(--ButtonActiveTextColor);
    }

.data-table-btn {
    background: var(--ButtonBackgroundColor,#f1f1f1);
    border-color: var(--ButtonBorderColor,#F62A00);
    color: var(--ButtonTextColor,#F62A00);
}

    .data-table-btn.active {
        background: var(--ButtonActiveBackgroundColor);
        border-color: var(--ButtonActiveBorderColor);
        color: var(--ButtonActiveTextColor);
    }

        .data-table-btn.active:hover {
            box-shadow: 0 0 3px #000;
        }

.btn-6 {
    background: var(--ButtonBackgroundColor,#F62A00);
    border: 1px solid var(--ButtonBorderColor);
    color: var(--ButtonTextColor,#fff);
}

    .btn-6:hover {
        background: var(--ButtonActiveBackgroundColor);
        border: 1px solid var(--ButtonBorderColor);
        color: var(--ButtonActiveTextColor);
    }

.edit-active {
    color: var(--SlideFormBtnsBgOnActive,#0498c1);
}

.grid-toggle-btn {
    color: var(--GenralThemePrimaryColors,#F62A00);
}

input:checked + .slider {
    background: var(--GenralThemePrimaryColors,#F62A00);
}

.table-delete.discount-btn {
    background: var(--GenralThemePrimaryColors);
    border: 1px solid var(--GenralThemePrimaryColors);
}

    .table-delete.discount-btn:hover {
        background: var(--SlideFormBtnsBgOnActive,#d6394f);
        border: 1px solid var(--GenralThemePrimaryColors);
    }

.fc-button-group button {
    border-color: var(--ButtonBorderColor) !important;
    color: var(--ButtonTextColor) !important;
}

    .fc-button-group button.ui-state-active {
        background: var(--ButtonActiveBackgroundColor) !important;
    }

.fc-today-button {
    color: var(--ButtonActiveBackgroundColor) !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background: var(--ButtonActiveBackgroundColor) !important;
    outline: none !important;
}

.fc-event, .fc-event-dot {
    background: var(--TitleBackgroundColor,#3a87ad);
}

.fc-event {
    border: 1px solid var(--TitleBackgroundColor,#3a87ad);
}

.quick-profile-avatar {
    background: var(--HeaderBackground,#1E656D) !important;
}

.layout-2 .quick-noti-list ul li .quick-noti-footer {
    color: var(--ButtonTextColor,#1E656D) !important;
}

    .layout-2 .quick-noti-list ul li .quick-noti-footer:hover {
        color: var(--ButtonActiveTextColor,#FFFFFF) !important;
        background: var(--ButtonActiveBackgroundColor,#1E656D);
    }

.noti-list ul li a.noti-footer {
    color: var(--ButtonTextColor,#000) !important;
}

    .noti-list ul li a.noti-footer:hover {
        color: var(--ButtonActiveTextColor,#FFFFFF) !important;
        background: var(--ButtonActiveBackgroundColor,#1E656D);
    }

.quick-profile-actions a:hover {
    background: var(--ButtonActiveBackgroundColor,#1E656D) !important;
}

.logout-link:hover {
    background: var(--ButtonActiveBackgroundColor,#1E656D) !important;
}

.profile-actions a:hover {
    background: var(--ButtonActiveBackgroundColor,#1E656D) !important;
}

.fav-menu .fav-root-item ul {
    border-top: var(--HeaderBackground,#1E656D) !important;
}

.header-search-dropdown .form-control {
    border-color: var(--ButtonBorderColor,#ccc);
}

.header-search-btn {
    color: var(--ButtonActiveTextColor,#000000);
    background: var(--ButtonBorderColor,#ccc);
    border-color: var(--ButtonBorderColor,#ccc) !important;
}

    .header-search-btn:hover {
        background: var(--SlideFormBtnsBgOnActive,#ccc);
    }

.main-nav-menu ul li.active > a {
    background: var(--ButtonActiveBackgroundColor,#1E656D);
}

.main-nav-menu ul li a:hover {
    background: var(--ButtonActiveBackgroundColor,#1E656D);
}
/*.top-nav-menu .child-one li.active{
    background: var(--ButtonActiveBackgroundColor);
}*/
.k-grouping-header .k-group-indicator, .k-pivot-toolbar .k-button {
    background: var(--ButtonActiveBackgroundColor,#1E656D);
    border-color: var(--ButtonActiveBorderColor,#1E656D);
    color: var(--ButtonActiveTextColor,#FFFFFF);
}

.uib-button-bar .uib-datepicker-current {
    border-color: var(--ButtonActiveBackgroundColor,#1E656D) !important;
    background: var(--ButtonActiveBackgroundColor,#1E656D) !important;
}

.uib-button-bar .btn-success {
    /*color: var(--ButtonActiveTextColor,#FFFFFF) !important;*/
    background: var(--SlideFormBtnsBgOnActive,#1E656D) !important;
    border-color: var(--SlideFormBtnsBgOnActive,#1E656D) !important;
}


.cal-day-btn.active {
    border-color: var(--ButtonActiveBackgroundColor,#1E656D);
    background: var(--ButtonActiveBackgroundColor,#000) !important;
}

.cal-day-btn:hover {
    border-color: var(--ButtonActiveBackgroundColor,#1E656D);
}

.cal-day-btn.active .text-info {
    color: var(--ButtonActiveTextColor,#1E656D) !important;
}

.cal-year-btn.active {
    background: var(--ButtonActiveBackgroundColor,#1E656D) !important;
}

.custom-excel-btn {
    background: var(--ButtonActiveBackgroundColor,#1E656D);
}

.active-link {
    color: var(--GenralThemeSecondaryColors,#1E656D);
}

    .active-link:hover {
        color: var(--GenralThemePrimaryColors,#1E656D);
    }

.multi-select-check input:checked ~ .multicheckmark {
    background: var(--ButtonActiveBackgroundColor,#1E656D);
}

.chat-menu {
    border-color: var(--ButtonBorderColor,#996ddc);
    background: var(--ButtonActiveBackgroundColor,#1E656D);
}

    .chat-menu:hover {
        border-color: var(--ButtonBorderColor,#996ddc);
        color: var(--ButtonTextColor,#996ddc);
    }

.chat-sections.one ul li.active {
    border-color: var(--ButtonBorderColor,#209b60);
}

.wall-send-btn {
    background: var(--ButtonActiveBackgroundColor,#1E656D);
    border-color: var(--ButtonBorderColor,#996ddc);
}

    .wall-send-btn:hover {
        background: var(--SlideFormBtnsBgOnActive,#d6394f);
    }

.dash-data-card:hover {
    background: #209b60;
}
.dark-theme {
    background: #209b60;
}
.dashboard-container.dark-color-theme {
    background: linear-gradient(to top right, #000000 40%, #F1CE00);
}
.mix-theme {
    background: linear-gradient(to left top,#FFF 0%, #FFF 49.9%, #209b60 50%, #209b60 100%);
}
/*.tile-step-link {
    color: #209b60;
}*/

.k-group-indicator a {
    color: rgba(0,0,0,01) !important;
}

.db-filter-btn{
    color: var(--ButtonActiveTextColor, #fff);
    background: var(--ButtonActiveBackgroundColor, #097340);
    border: var(--ButtonActiveBorderColor, #097340);
}
.filter-btn-1{
    color: var(--ButtonActiveTextColor, #fff);
    background: var(--ButtonActiveBackgroundColor, #097340);
    border: var(--ButtonActiveBorderColor, #097340);
}
.filter-btn-1.active{

}
.page-left-trigger{
    background: var(--HeaderBackgroundGradientColor1, #000);
    color: var(--HeaderTextColor,#2196F3) !important;
    border-color: var(--HeaderTextColor,#2196F3) !important;
}
.custom-link{
    color: var(--GenralThemePrimaryColors, #1E656D);
}
.pdf-profile-title{
    color: var(--GenralThemePrimaryColors, #000);
}
.fav-icon.active::after{
    color: var(--TitleTextColor,#FFFFFF);;
}
.client-info-btn{
    background: var(--ButtonActiveBackgroundColor,#1E656D);
}
.client-info-btn:hover{
    color: var(--ButtonActiveBackgroundColor,#1E656D);
}