:root {
    --default-link-color: #519fe8;
    --hilite-font-color: #519fe8;
    /*--header-bg: #e6e6e6;*/
    --header-bg: #e6e6e6;
    --sub-menu-bg: #2581d8;
    --menu-font-color: #5d6170;
    --menu-seperator-color: rgba(37, 129, 216, 0.3);
    --menu-sub-menu-seperator-color: rgba(255,255,255,0.14);
    --menu-hover-font-color: #ffffff;
    --light-color: #ffffff;
    --dark-25-color: #e6e6e6;
    --menu-hover-bg-color: #051f53;
    --menu-shadow-distance: 3px;
    --menu-shadow-color: rgba(150,150,150,0.5);
    --menu-shadow-spread: 5px;
    --side-menu-width: 100px;
    --side-menu-bg-color: #051f53;
    --side-menu-active-bg: #000f31;
    --side-menu-active-text: #519fe8;
    --side-menu-icon-set: url(images/icon-trans.png);
    /*
	--side-menu-icon-set: url(images/icon-solid.png);
	--side-menu-icon-set: url(images/icon-trans.png);
	--side-menu-icon-set: url(images/icon-trans-invert.png);
	*/
    --logout-text: 'Logout';
    --heading-icon-color: #ddd;
    --light-bg-color: rgba(142, 154, 156, 0.18);
    --light-bg-trans-color: rgba(209, 208, 208, 0.4);
    --danger-color: #f1543f;
    --warning-color: #f8b64c;
    --warning-hover-color: #e2a544;
    --info-color: #54c0eb;
    --tab-ctrl-inactive-bg: #8eabb7;
    --tab-ctrl-inactive-text: rgba(112, 112, 112, 0.5);
    --tab-ctrl-active-bg: #ff7058;
    --tab-ctrl-active-text: #707070;
    --tab-ctrl-border-color: rgba(170, 168, 168, 0.5);
    --primary-btn-bg: #5d6170;
    --primary-btn-hover-bg: #333333;
    --button-disabled-bg: #aaa;
    --button-disabled-text: #ddd;
    --ddl-background-color: #f1efef;
    --footer-ddl-color: #408ae1;
    --head-foot-back1: #e6e6e6;
    --head-foot-back2: #e6e6e6;
    --head-foot-back: linear-gradient(to left, #e6e6e6) !important;
    --spn-theme-back: linear-gradient(to left, #FFC371, #FF5F6D);
    --body-back1: #fff;
    --body-back2: #fff;
    --body-back: #fff;
    --nav-color: aliceblue !important;
    --nav-color1: #051f53 !important;
    --tab-for-color: black;
    --tab-for-color1: white;
    --emp-body-back: #e6e6e6;
}

.default {
    --default-link-color: #519fe8;
    --hilite-font-color: #519fe8;
    /*--header-bg: #e6e6e6;*/
    --header-bg: #e6e6e6;
    --sub-menu-bg: #2581d8;
    --menu-font-color: #5d6170;
    --menu-seperator-color: rgba(37, 129, 216, 0.3);
    --menu-sub-menu-seperator-color: rgba(255,255,255,0.14);
    --menu-hover-font-color: #ffffff;
    --light-color: #ffffff;
    --dark-25-color: #e6e6e6;
    --menu-hover-bg-color: #051f53;
    --menu-shadow-distance: 3px;
    --menu-shadow-color: rgba(150,150,150,0.5);
    --menu-shadow-spread: 5px;
    --side-menu-width: 100px;
    --side-menu-bg-color: #051f53;
    --side-menu-active-bg: #000f31;
    --side-menu-active-text: #519fe8;
    --side-menu-icon-set: url(images/icon-trans.png);
    /*
	--side-menu-icon-set: url(images/icon-solid.png);
	--side-menu-icon-set: url(images/icon-trans.png);
	--side-menu-icon-set: url(images/icon-trans-invert.png);
	*/
    --logout-text: 'Logout';
    --heading-icon-color: #ddd;
    --light-bg-color: rgba(142, 154, 156, 0.18);
    --light-bg-trans-color: rgba(209, 208, 208, 0.4);
    --danger-color: #f1543f;
    --warning-color: #f8b64c;
    --warning-hover-color: #e2a544;
    --info-color: #54c0eb;
    --tab-ctrl-inactive-bg: #8eabb7;
    --tab-ctrl-inactive-text: rgba(112, 112, 112, 0.5);
    --tab-ctrl-active-bg: #ff7058;
    --tab-ctrl-active-text: #707070;
    --tab-ctrl-border-color: rgba(170, 168, 168, 0.5);
    --primary-btn-bg: #5d6170;
    --primary-btn-hover-bg: #333333;
    --button-disabled-bg: #aaa;
    --button-disabled-text: #ddd;
    --ddl-background-color: #f1efef;
    --footer-ddl-color: #408ae1;
    --head-foot-back1: #e6e6e6;
    --head-foot-back2: #e6e6e6;
    --head-foot-back: linear-gradient(to left, #e6e6e6) !important;
    --spn-theme-back: linear-gradient(to left, #FFC371, #FF5F6D);
    --body-back1: #fff;
    --body-back2: #fff;
    --body-back: #fff;
    --nav-color: aliceblue !important;
    --nav-color1: #051f53 !important;
    --nav-back1: #051f53;
    --nav-back2: #051f53;
    --nav-back: #051f53;
    --tab-for-color: black;
    --tab-for-color1: white;
    --emp-body-back: #e6e6e6;
}

.theme11 {
    --default-link-color: #519fe8;
    --hilite-font-color: #fff;
    --header-bg: #9f6fb1;
    --sub-menu-bg: #3b579d;
    --menu-font-color: #fff;
    --menu-seperator-color: rgba(37, 129, 216, 0.3);
    --menu-sub-menu-seperator-color: #2c4ea4;
    --menu-hover-font-color: #ffffff;
    --light-color: #ffffff;
    --dark-25-color: #e6d4ee;
    --menu-hover-bg-color: #c9b4f1;
    --menu-shadow-distance: 3px;
    --menu-shadow-color: rgba(150,150,150,0.5);
    --menu-shadow-spread: 5px;
    --side-menu-width: 100px;
    --side-menu-bg-color: #3b579d;
    --side-menu-active-bg: #c9b4f1;
    --side-menu-active-text: #519fe8;
    --side-menu-icon-set: url(images/icon-trans.png);
    --logout-text: 'Logout';
    --heading-icon-color: #ddd;
    --light-bg-color: #ebe6ee;
    --light-bg-trans-color: #e6d4ee;
    --danger-color: #f1543f;
    --warning-color: #f8b64c;
    --warning-hover-color: #e2a544;
    --info-color: #54c0eb;
    --tab-ctrl-inactive-bg: #8eabb7;
    --tab-ctrl-inactive-text: rgba(112, 112, 112, 0.5);
    --tab-ctrl-active-bg: #ff7058;
    --tab-ctrl-active-text: #707070;
    --tab-ctrl-border-color: rgba(170, 168, 168, 0.5);
    --primary-btn-bg: #9f6fb1;
    --primary-btn-hover-bg: #333333;
    --button-disabled-bg: #aaa;
    --button-disabled-text: #ddd;
    --ddl-background-color: #a174b1;
    --footer-ddl-color: #854c9a;
    --nav-color: #9f6fb1;
    --nav-color1: #9f6fb1;
    --head-foot-back1: #9f6fb1;
    --head-foot-back2: #9f6fb1;
    --head-foot-back: linear-gradient(to left, #9f6fb1) !important;
    --spn-theme-back: linear-gradient(to left, #9f6fb1) !important;
    --tab-for-color: black;
    --tab-for-color1: black;
    --emp-body-back: #ffffff;
}

/* Theme 2 */
.theme10 {
    --default-link-color: #519fe8;
    --hilite-font-color: #f52e0b;
    /*--header-bg: #e6e6e6;*/
    --header-bg: #fec96f;
    --sub-menu-bg: #f6a36d;
    --menu-font-color: #5d6170;
    --menu-seperator-color: rgba(37, 129, 216, 0.3);
    --menu-sub-menu-seperator-color: #ef7a2e;
    --menu-hover-font-color: #ffffff;
    --light-color: #ffffff;
    --dark-25-color: #fcedd1;
    --menu-hover-bg-color: #f6b084;
    --menu-shadow-distance: 3px;
    --menu-shadow-color: rgba(150,150,150,0.5);
    --menu-shadow-spread: 5px;
    --side-menu-width: 100px;
    --side-menu-bg-color: #f17e34;
    --side-menu-active-bg: #f6b084;
    --side-menu-active-text: #519fe8;
    --side-menu-icon-set: url(images/icon-trans.png);
    --logout-text: 'Logout';
    --heading-icon-color: #ddd;
    --light-bg-color: #faf3e7;
    --light-bg-trans-color: #fcedd1;
    --danger-color: #f1543f;
    --warning-color: #f8b64c;
    --warning-hover-color: #e2a544;
    --info-color: #54c0eb;
    --tab-ctrl-inactive-bg: #8eabb7;
    --tab-ctrl-inactive-text: rgba(112, 112, 112, 0.5);
    --tab-ctrl-active-bg: #ff7058;
    --tab-ctrl-active-text: #707070;
    --tab-ctrl-border-color: rgba(170, 168, 168, 0.5);
    --primary-btn-bg: #fa9656;
    --primary-btn-hover-bg: #333333;
    --button-disabled-bg: #aaa;
    --button-disabled-text: #ddd;
    --ddl-background-color: #fbdaa1;
    --footer-ddl-color: #408ae1;
    --nav-color: linear-gradient(90deg,#fa9656,#f8c061) !important;
    --nav-color1: linear-gradient(90deg,#fa9656,#f8c061) !important;
    --nav-back: linear-gradient(180deg,#f17e34, #f78a43) !important;
    --head-foot-back1: linear-gradient(90deg,#fa9656,#f8c061) !important;
    --head-foot-back2: linear-gradient(90deg,#fa9656,#f8c061) !important;
    --head-foot-back: linear-gradient(90deg,#fa9656,#f8c061) !important;
    --spn-theme-back: linear-gradient(90deg,#fa9656,#f8c061) !important;
    --tab-for-color: black;
    --tab-for-color1: black;
    --emp-body-back: #ffffff;
}

/* Theme 3 */
.theme9 {
    --header-bg: #575d63;
    --menu-font-color: #fff;
    --side-menu-bg-color: #3b7ddd;
    --hilite-font-color: #fff;
    --ddl-background-color: #8f949a;
    --sub-menu-bg: #3b7ddd;
    --menu-font-color: #fff;
    --menu-seperator-color: rgba(37, 129, 216, 0.3);
    --menu-sub-menu-seperator-color: #2169d3;
    --menu-hover-font-color: #ffffff;
    --footer-ddl-color: #495057;
    --dark-25-color: #d6d9dd;
    --light-bg-color: #dde0e5;
    --light-bg-trans-color: #d6d9dd;
    --nav-color: #575d63;
    --nav-color1: #575d63;
    --head-foot-back1: #575d63;
    --head-foot-back2: #575d63;
    --head-foot-back: linear-gradient(to left, #575d63) !important;
    --spn-theme-back: linear-gradient(to left, #575d63) !important;
    --primary-btn-bg: #575d63;
    --tab-for-color: black;
    --tab-for-color1: black;
    --emp-body-back: #ffffff;
}

.theme8 {
    --emp-body-back: #ffffff;
    --default-link-color: #519fe8;
    --hilite-font-color: #193d97;
    --header-bg: #6dc1e8;
    --sub-menu-bg: #75c8ee;
    --menu-font-color: #040000;
    --menu-seperator-color: rgba(37, 129, 216, 0.3);
    --menu-sub-menu-seperator-color: #56a4c8;
    --menu-hover-font-color: #fff;
    --light-color: #ffffff;
    --dark-25-color: #daf2fc;
    --menu-hover-bg-color: #c0e3f3;
    --menu-shadow-distance: 3px;
    --menu-shadow-color: rgba(150,150,150,0.5);
    --menu-shadow-spread: 5px;
    --side-menu-width: 100px;
    --side-menu-bg-color: #56a6cb;
    --side-menu-active-bg: #c0e3f3;
    --side-menu-active-text: #519fe8;
    --side-menu-icon-set: url(images/icon-trans.png);
    --logout-text: 'Logout';
    --heading-icon-color: #ddd;
    --light-bg-color: #e9f6fb;
    --light-bg-trans-color: #daf2fc;
    --danger-color: #f1543f;
    --warning-color: #f8b64c;
    --warning-hover-color: #e2a544;
    --info-color: #54c0eb;
    --tab-ctrl-inactive-bg: #8eabb7;
    --tab-ctrl-inactive-text: rgba(112, 112, 112, 0.5);
    --tab-ctrl-active-bg: #ff7058;
    --tab-ctrl-active-text: #707070;
    --tab-ctrl-border-color: rgba(170, 168, 168, 0.5);
    --primary-btn-bg: #6dc1e8;
    --primary-btn-hover-bg: #333333;
    --button-disabled-bg: #aaa;
    --button-disabled-text: #ddd;
    --ddl-background-color: #93d6f5;
    --footer-ddl-color: #145675;
    --nav-color: #6dc1e8;
    --nav-color1: #6dc1e8;
    --head-foot-back1: #6dc1e8;
    --head-foot-back2: #6dc1e8;
    --head-foot-back: linear-gradient(to left, #6dc1e8) !important;
    --spn-theme-back: linear-gradient(to left, #6dc1e8) !important;
    --tab-for-color: black;
    --tab-for-color1: black;
}

.theme7 {
    --header-bg: #489c92;
    --menu-font-color: #fff;
    --side-menu-bg-color: #297169;
    --hilite-font-color: #fff;
    --ddl-background-color: #2dcecc;
    --sub-menu-bg: #3fdcda;
    --menu-font-color: #fff;
    --menu-seperator-color: #1e635b;
    --menu-sub-menu-seperator-color: #337d74;
    --menu-hover-font-color: #ffffff;
    --menu-hover-bg-color: #24be7c;
    --side-menu-active-bg: #6cc4ba;
    --footer-ddl-color: #9cded7;
    --dark-25-color: #9aefe4;
    --light-bg-color: #b8f3ec;
    --light-bg-trans-color: #9aefe4;
    --tab-ctrl-active-text: #26adac !important;
    --tab-ctrl-border-color: #78f7f6;
    --nav-color: linear-gradient(90deg, #2dce89, #2dcecc) !important;
    --nav-color1: linear-gradient(90deg, #2dce89, #2dcecc) !important;
    --head-foot-back1: linear-gradient(90deg, #2dce89, #2dcecc) !important;
    --head-foot-back2: linear-gradient(90deg, #2dce89, #2dcecc) !important;
    --head-foot-back: linear-gradient(90deg, #2dce89, #2dcecc) !important;
    --spn-theme-back: linear-gradient(90deg, #2dce89, #2dcecc) !important;
    --body-back: linear-gradient(90deg, #d0feea, #dcfaf9) !important;
    --emp-body-back: linear-gradient(90deg, #d0feea, #dcfaf9) !important;
    --nav-back: linear-gradient(180deg, #24be7c, #2dcecc) !important;
    --primary-btn-bg: #2dce89;
    --tab-for-color: black;
    --tab-for-color1: black;
}

.theme6 {
    --header-bg: #3b579d;
    --menu-font-color: #fff;
    --side-menu-bg-color: #3b579d;
    --hilite-font-color: #fff;
    --ddl-background-color: #5c7ccc;
    --sub-menu-bg: #5c7ccc;
    --menu-font-color: #fff;
    --menu-seperator-color: #1e635b;
    --menu-sub-menu-seperator-color: #337d74;
    --menu-hover-font-color: #ffffff;
    --menu-hover-bg-color: #3b579d;
    --side-menu-active-bg: #97a2be;
    --footer-ddl-color: #050772;
    --dark-25-color: #cfdbfb;
    --light-bg-color: #dbe4fc;
    --light-bg-trans-color: #cfdbfb;
    --tab-ctrl-active-text: #6a81b9 !important;
    --tab-ctrl-border-color: #6a81b9;
    --nav-color: linear-gradient(90deg,#3b579d, #5c7ccc) !important;
    --nav-color1: linear-gradient(90deg,#3b579d, #5c7ccc) !important;
    --body-back: #edf2fe;
    --emp-body-back: #edf2fe;
    --head-foot-back1: linear-gradient(90deg,#3b579d, #5c7ccc) !important;
    --head-foot-back2: linear-gradient(90deg,#3b579d, #5c7ccc) !important;
    --head-foot-back: linear-gradient(90deg,#3b579d, #5c7ccc) !important;
    --spn-theme-back: linear-gradient(90deg,#3b579d, #5c7ccc) !important;
    --nav-back: linear-gradient(180deg, #3b579d,#5073cb ) !important;
    --primary-btn-bg: #3b579d;
    --tab-for-color: black;
    --tab-for-color1: black;
}

.theme3 {
    --header-bg: #3b579d;
    --menu-font-color: #fff;
    --side-menu-bg-color: #3b579d;
    --hilite-font-color: #000;
    --ddl-background-color: #fa649n;
    --sub-menu-bg: #C779D0;
    --menu-font-color: #000;
    --menu-seperator-color: #1e635b;
    --menu-sub-menu-seperator-color: #c250cf;
    --menu-hover-font-color: #ffffff;
    --menu-hover-bg-color: #3b579d;
    --side-menu-active-bg: #3b7ddd;
    --side-menu-active-text: #000;
    --footer-ddl-color: #4BC0C8;
    --dark-25-color: #e8d5ea;
    --light-bg-color: #fcf5ee;
    --light-bg-trans-color: #e8d5ea;
    --tab-ctrl-active-text: #6a81b9 !important;
    --tab-ctrl-border-color: #6a81b9;
    --nav-color: linear-gradient(to right, #4BC0C8, #C779D0, #f8b270);
    --nav-color1: linear-gradient(to right, #4BC0C8, #C779D0, #f8b270);
    --head-foot-back1: #FEAC5E;
    --head-foot-back2: -webkit-linear-gradient(to right, #4BC0C8, #C779D0, #f8b270);
    --head-foot-back: linear-gradient(to right, #4BC0C8, #C779D0, #f8b270);
    --spn-theme-back: linear-gradient(to right, #4BC0C8, #C779D0, #f8b270);
    --nav-back1: #FEAC5E;
    --nav-back2: -webkit-linear-gradient(180deg, #4BC0C8, #C779D0, #f8b270);
    --nav-back: linear-gradient(180deg, #4BC0C8, #C779D0, #f8b270);
    --body-back1: #FEAC5E;
    --body-back2: -webkit-linear-gradient(70deg, #bcf7fb, #f0dbf2, #ffe3c8);
    --body-back: linear-gradient(70deg, #bcf7fb, #f0dbf2, #ffe3c8);
    --emp-body-back: linear-gradient(70deg, #bcf7fb, #f0dbf2, #ffe3c8);
    --primary-btn-bg: #4BC0C8;
    --tab-for-color: black;
    --tab-for-color1: black;
}

.theme2 {
    --header-bg: #3b579d;
    --menu-font-color: #fff;
    --side-menu-bg-color: #3b579d;
    --hilite-font-color: #fff;
    --ddl-background-color: #fa649n;
    --sub-menu-bg: #fc7581;
    --menu-font-color: #fff;
    --menu-seperator-color: #fe4c5b;
    --menu-sub-menu-seperator-color: #fe4c5b;
    --menu-hover-font-color: #ffffff;
    --menu-hover-bg-color: #3b579d;
    --side-menu-active-bg: #3b7ddd;
    --side-menu-active-text: #000;
    --footer-ddl-color: #4BC0C8;
    --dark-25-color: #fbd1d6;
    --light-bg-color: #fee3e6;
    --light-bg-trans-color: #fbd1d6;
    --tab-ctrl-active-text: #6a81b9 !important;
    --tab-ctrl-border-color: #6a81b9;
    --nav-color: linear-gradient(to left, #FFC371, #FF5F6D);
    --nav-color1: linear-gradient(to left, #FFC371, #FF5F6D);
    --head-foot-back1: #FF5F6D;
    --head-foot-back2: -webkit-linear-gradient(to left, #FFC371, #FF5F6D);
    --head-foot-back: linear-gradient(to left, #FFC371, #FF5F6D);
    --spn-theme-back: linear-gradient(to left, #FFC371, #FF5F6D);
    --nav-back1: #FF5F6D;
    --nav-back2: -webkit-linear-gradient(0deg, #FFC371, #FF5F6D);
    --nav-back: linear-gradient(0deg, #FFC371, #FF5F6D);
    --body-back1: #FEAC5E;
    --body-back2: -webkit-linear-gradient(70deg, #fcefdb, #fee7e8);
    --body-back: linear-gradient(70deg, #fcefdb, #fee7e8);
    --emp-body-back: linear-gradient(70deg, #fcefdb, #fee7e8);
    --primary-btn-bg: #FF5F6D;
    --tab-for-color: black;
    --tab-for-color1: black;
}

.theme1 {
    --header-bg: #3b579d;
    --menu-font-color: #fff;
    --side-menu-bg-color: #3b579d;
    --hilite-font-color: #000;
    --ddl-background-color: #fa649n;
    --sub-menu-bg: #54d3f2;
    --menu-font-color: #000;
    --menu-seperator-color: #36bcdd;
    --menu-sub-menu-seperator-color: #36bcdd;
    --menu-hover-font-color: #ffffff;
    --menu-hover-bg-color: #3b579d;
    --side-menu-active-bg: #3b7ddd;
    --side-menu-active-text: #000;
    --footer-ddl-color: #4BC0C8;
    --dark-25-color: #c2f0fb;
    --light-bg-color: #daf7fe;
    --light-bg-trans-color: #c2f0fb;
    --tab-ctrl-active-text: #6a81b9 !important;
    --tab-ctrl-border-color: #6a81b9;
    --nav-color: linear-gradient(to left, #eaedb3, #2BC0E4) !important;
    --nav-color1: linear-gradient(to left, #eaedb3, #2BC0E4) !important;
    --light-color: #000;
    /*--------------------*/
    --head-foot-back1: #2BC0E4;
    --head-foot-back2: -webkit-linear-gradient(to left, #eaedb3, #2BC0E4) !important;
    --head-foot-back: linear-gradient(to left, #eaedb3, #2BC0E4) !important;
    --head-foot-back1: #2BC0E4;
    --head-foot-back2: -webkit-linear-gradient(to left, #eaedb3, #2BC0E4) !important;
    --head-foot-back: linear-gradient(to left, #eaedb3, #2BC0E4) !important;
    --spn-theme-back: linear-gradient(to left, #eaedb3, #2BC0E4) !important;
    --nav-back1: #2BC0E4;
    --nav-back2: -webkit-linear-gradient(0deg, #eaedb3, #2BC0E4);
    --nav-back: linear-gradient(0deg, #eaedb3, #2BC0E4);
    --body-back1: #2BC0E4;
    --body-back2: -webkit-linear-gradient(-70deg, #fafbdd, #dff9ff);
    --body-back: linear-gradient(-70deg, #fafbdd, #dff9ff);
    --emp-body-back: linear-gradient(-70deg, #fafbdd, #dff9ff);
    --primary-btn-bg: #2BC0E4;
    --tab-for-color: black;
    --tab-for-color1: black;
}

.theme4 {
    --header-bg: #3b579d;
    --menu-font-color: #fff;
    --side-menu-bg-color: #3b579d;
    --hilite-font-color: #fff;
    --ddl-background-color: #fa649n;
    --sub-menu-bg: #ac75d1;
    --menu-font-color: #fff;
    --menu-seperator-color: #9357bb;
    --menu-sub-menu-seperator-color: #9357bb;
    --menu-hover-font-color: #ffffff;
    --menu-hover-bg-color: #3b579d;
    --side-menu-active-bg: #3b7ddd;
    --side-menu-active-text: #000;
    --footer-ddl-color: #4BC0C8;
    --dark-25-color: #e1c6f2;
    --light-bg-color: #fed9d9;
    --light-bg-trans-color: #e1c6f2;
    --tab-ctrl-active-text: #6a81b9 !important;
    --tab-ctrl-border-color: #6a81b9;
    --nav-color: linear-gradient(to left, #fcb045, #fb3c3c, #833ab4);
    --nav-color1: linear-gradient(to left, #fcb045, #fb3c3c, #833ab4);
    --light-color: #fff;
    /*--------------------*/
    --head-foot-back1: #833ab4;
    --head-foot-back2: -webkit-linear-gradient(to left, #fcb045, #fb3c3c, #833ab4);
    --head-foot-back: linear-gradient(to left, #fcb045, #fb3c3c, #833ab4);
    --spn-theme-back: linear-gradient(to left, #fcb045, #fb3c3c, #833ab4);
    --nav-back1: #833ab4;
    --nav-back2: -webkit-linear-gradient(0deg, #fcb045, #fb3c3c, #833ab4);
    --nav-back: linear-gradient(0deg, #fcb045, #fb3c3c, #833ab4);
    --body-back1: #833ab4;
    --body-back2: -webkit-linear-gradient(-70deg, #fcf1e0, #fce4e4, #e9d8f5);
    --body-back: linear-gradient(-70deg, #fcf1e0, #fce4e4, #e9d8f5);
    --emp-body-back: linear-gradient(-70deg, #fcf1e0, #fce4e4, #e9d8f5);
    --primary-btn-bg: #833ab4;
    --tab-for-color: black;
    --tab-for-color1: black;
}

.theme5 {
    --header-bg: #3b579d;
    --menu-font-color: #fff;
    --side-menu-bg-color: #3b579d;
    --hilite-font-color: #fff;
    --ddl-background-color: #fa649n;
    --sub-menu-bg: #ac75d1;
    --menu-font-color: #fff;
    --menu-seperator-color: #9357bb;
    --menu-sub-menu-seperator-color: #9357bb;
    --menu-hover-font-color: #ffffff;
    --menu-hover-bg-color: #3b579d;
    --side-menu-active-bg: #3b7ddd;
    --side-menu-active-text: #000;
    --footer-ddl-color: #4BC0C8;
    --dark-25-color: #bef1f1;
    --light-bg-color: #fbe3fb;
    --light-bg-trans-color: #bef1f1;
    --tab-ctrl-active-text: #6a81b9 !important;
    --tab-ctrl-border-color: #6a81b9;
    --nav-color: linear-gradient(to left, #00dbde, #fc00ff);
    --nav-color1: linear-gradient(to left, #00dbde, #fc00ff);
    --light-color: #fff;
    /*--------------------*/
    --head-foot-back1: #fc00ff;
    --head-foot-back2: -webkit-linear-gradient(to left, #00dbde, #fc00ff);
    --head-foot-back: linear-gradient(to left, #00dbde, #fc00ff);
    --spn-theme-back: linear-gradient(to left, #00dbde, #fc00ff);
    --nav-back1: #fc00ff;
    --nav-back2: -webkit-linear-gradient(0deg, #00dbde, #fc00ff);
    --nav-back: linear-gradient(0deg, #00dbde, #fc00ff);
    --body-back1: #fc00ff;
    --body-back2: -webkit-linear-gradient(70deg, #c4f8f8, #fcd6fc);
    --body-back: linear-gradient(70deg, #c4f8f8, #fcd6fc);
    --emp-body-back: linear-gradient(70deg, #c4f8f8, #fcd6fc);
    --primary-btn-bg: #fc00ff;
    --tab-for-color: black;
    --tab-for-color1: black;
}

.theme12 {
    --header-bg: #3b579d;
    --menu-font-color: #fff;
    --side-menu-bg-color: #3b579d;
    --hilite-font-color: #000;
    --ddl-background-color: #fa649n;
    --sub-menu-bg: #A4CCD9;
    --menu-font-color: #000;
    --menu-seperator-color: #36bcdd;
    --menu-sub-menu-seperator-color: #8DBCC7;
    --menu-hover-font-color: #fff;
    --menu-hover-bg-color: #3b579d;
    --side-menu-active-bg: #3b7ddd;
    --side-menu-active-text: #000;
    --footer-ddl-color: #4BC0C8;
    --dark-25-color: #bce2ed;
    --light-bg-color: #d7eef5;
    --light-bg-trans-color: #bce2ed;
    --tab-ctrl-active-text: #6a81b9 !important;
    --tab-ctrl-border-color: #6a81b9;
    --nav-color: linear-gradient(to right,#8DBCC7,#A4CCD9,#C4E1E6) !important;
    --nav-color1: linear-gradient(to right,#8DBCC7,#A4CCD9,#C4E1E6) !important;
    --light-color: #000;
    /*--------------------*/
    --head-foot-back1: #8DBCC7;
    --head-foot-back2: -webkit-linear-gradient(to right,#8DBCC7,#A4CCD9,#C4E1E6) !important;
    --head-foot-back: linear-gradient(to right,#8DBCC7,#A4CCD9,#C4E1E6) !important;
    --spn-theme-back: linear-gradient(to right,#8DBCC7,#A4CCD9,#C4E1E6) !important;
    --nav-back1: #8DBCC7;
    --nav-back2: -webkit-linear-gradient(180deg,#8DBCC7,#A4CCD9,#bfdfe5) !important;
    --nav-back: linear-gradient(180deg,#8DBCC7,#A4CCD9,#bfdfe5) !important;
    --body-back1: #deeff3;
    --body-back2: -webkit-linear-gradient(120deg,#eefbfe,#e6f2f6,#eef8fa) !important;
    --body-back: linear-gradient(120deg,#eefbfe,#e6f2f6,#eef8fa) !important;
    --emp-body-back: linear-gradient(120deg,#eefbfe,#e6f2f6,#eef8fa) !important;
    --primary-btn-bg: #8DBCC7;
    --tab-for-color: black;
    --tab-for-color1: black;
}

.theme13 {
    --header-bg: #3b579d;
    --menu-font-color: #fff;
    --side-menu-bg-color: #3b579d;
    --hilite-font-color: #000;
    --ddl-background-color: #fa649n;
    --sub-menu-bg: #e596fa;
    --menu-font-color: #000;
    --menu-seperator-color: #e274ff;
    --menu-sub-menu-seperator-color: #e27efc;
    --menu-hover-font-color: #ffffff;
    --menu-hover-bg-color: #3b579d;
    --side-menu-active-bg: #3b7ddd;
    --side-menu-active-text: #000;
    --footer-ddl-color: #4BC0C8;
    --dark-25-color: #f2c7fe;
    --light-bg-color: #f4d6fc;
    --light-bg-trans-color: #f2c7fe;
    --tab-ctrl-active-text: #6a81b9 !important;
    --tab-ctrl-border-color: #6a81b9;
    --nav-color: linear-gradient(to left,#edb8fb, #eca0ff, #e48afc) !important;
    --nav-color1: linear-gradient(to left,#edb8fb, #eca0ff, #e48afc) !important;
    --light-color: #000;
    /*--------------------*/
    --head-foot-back1: #84ffc9;
    --head-foot-back2: -webkit-linear-gradient(to left,#edb8fb, #eca0ff, #e48afc) !important;
    --head-foot-back: linear-gradient(to left,#edb8fb, #eca0ff, #e48afc) !important;
    --spn-theme-back: linear-gradient(to left,#edb8fb, #eca0ff, #e48afc) !important;
    --nav-back1: #84ffc9;
    --nav-back2: -webkit-linear-gradient(0deg,#ebacfb, #eca0ff, #e38cfa) !important;
    --nav-back: linear-gradient(0deg,#ebacfb, #eca0ff, #e38cfa) !important;
    --body-back1: #d1feea;
    --body-back2: -webkit-linear-gradient(-30deg,#f9e7fc, #f9e7fc, #f9e7fc) !important;
    --body-back: linear-gradient(-30deg,#f9e7fc, #f9e7fc, #f9e7fc) !important;
    --emp-body-back: linear-gradient(-30deg,#f9e7fc, #f9e7fc, #f9e7fc) !important;
    --primary-btn-bg: #e48afc;
    --tab-for-color: black;
    --tab-for-color1: black;
}

.theme14 {
    --header-bg: #3b579d;
    --menu-font-color: #fff;
    --side-menu-bg-color: #3b579d;
    --hilite-font-color: #000;
    --ddl-background-color: #fa649n;
    --sub-menu-bg: #67cfca;
    --menu-font-color: #000;
    --menu-seperator-color: #45b7b1;
    --menu-sub-menu-seperator-color: #4ec1bb;
    --menu-hover-font-color: #ffffff;
    --menu-hover-bg-color: #3b579d;
    --side-menu-active-bg: #3b7ddd;
    --side-menu-active-text: #000;
    --footer-ddl-color: #4BC0C8;
    --dark-25-color: #cef8f6;
    --light-bg-color: #e8fefd;
    --light-bg-trans-color: #cef8f6;
    --tab-ctrl-active-text: #6a81b9 !important;
    --tab-ctrl-border-color: #6a81b9;
    --nav-color: linear-gradient(to right,#50c9c3, #96deda) !important;
    --nav-color1: linear-gradient(to right,#50c9c3, #96deda) !important;
    --light-color: #000;
    /*--------------------*/
    --head-foot-back1: #50c9c3;
    --head-foot-back2: -webkit-linear-gradient(to right,#50c9c3, #96deda) !important;
    --head-foot-back: linear-gradient(to right,#50c9c3, #96deda) !important;
    --spn-theme-back: linear-gradient(to right,#50c9c3, #96deda) !important;
    --nav-back1: #50c9c3;
    --nav-back2: -webkit-linear-gradient(180deg,#50c9c3, #8cd8d4) !important;
    --nav-back: linear-gradient(180deg,#50c9c3, #8cd8d4) !important;
    --body-back1: #dffefc;
    --body-back2: -webkit-linear-gradient(130deg,#ecfefd, #ecfefd) !important;
    --body-back: linear-gradient(130deg,#ecfefd, #ecfefd) !important;
    --emp-body-back: linear-gradient(130deg,#ecfefd, #ecfefd) !important;
    --primary-btn-bg: #50c9c3;
    --tab-for-color: black;
    --tab-for-color1: black;
}

/*body header nav.menu_wrap {
    background-color: var(--header-bg);
    background-image: url("https://html.phoenixcoded.net/mega-able/files/assets/images/breadcrumb-bg.jpg");
    background-size: cover;
}
*/
#ddl_theme {
    background-color: var(--ddl-background-color);
    /*border: 1px solid #dbf1fc;*/
}

.footer-dropdown-list .opts > .opt.active {
    background-color: var(--footer-ddl-color) !important;
}

body header {
    background: var(--head-foot-back1);
    background: var(--head-foot-back2);
    background: var(--head-foot-back);
}

body footer {
    background: var(--head-foot-back1);
    background: var(--head-foot-back2);
    background: var(--head-foot-back);
}

body {
    background: var(--body-back1) !important;
    background: var(--body-back2) !important;
    background: var(--body-back) !important;
}

.body-content .working-area {
    background: var(--body-back1) !important;
    background: var(--body-back2) !important;
    background: var(--body-back) !important;
}

.emp-details-modal .tabs-cntrl .content-wrap > .tab-content {
    background: var(--emp-body-back) !important;
}
/*.tabs-cntrl.leave-app-tabs .content-wrap {
    background: var(--body-back1) !important;
    background: var(--body-back2) !important;
    background: var(--body-back) !important;
}*/

.body-content .side-bar {
    background: var(--nav-back1);
    background: var(--nav-back2);
    background: var(--nav-back);
}

.tobemigrated-content {
    background: var(--body-back1) !important;
    background: var(--body-back2) !important;
    background: var(--body-back) !important;
}

#spnTheme {
    background: var(--spn-theme-back) !important;
}

.modal-header {
    background: var(--head-foot-back1);
    background: var(--head-foot-back2);
    background: var(--head-foot-back);
}

.modal-footer {
    background: var(--head-foot-back1) !important;
    background: var(--head-foot-back2) !important;
    background: var(--head-foot-back) !important;
}

#nav {
    background: var(--nav-color) !important;
}

.footer {
    background: var(--head-foot-back1);
    background: var(--head-foot-back2);
    background: var(--head-foot-back);
}

#emp_modal .content-wrap {
    background: var(--emp-body-back) !important;
}

.btn-primary {
    background: var(--primary-btn-bg);
}

/*.btn-format {
	background: var(--body-back1) !important;
	background: var(--body-back2) !important;
	background: var(--body-back) !important;
}*/

.emp-tab {
    background: var(--nav-color1) !important;
}
.tab {
    color: var(--tab-for-color) !important;
}
.emp-details-modal .tab-wrap .tab {
    color: var(--tab-for-color1) !important;
}