: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;
	--body-back1: #fff;
	--body-back2: #fff;
	--body-back: #fff;
	--nav-color: aliceblue !important;
}

.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;
	--body-back1: #fff;
	--body-back2: #fff;
	--body-back: #fff;
	--nav-color: aliceblue !important;
	--nav-back1: #051f53;
	--nav-back2: #051f53;
	--nav-back: #051f53;
}

.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;
	--head-foot-back1: #9f6fb1;
	--head-foot-back2: #9f6fb1;
	--head-foot-back: linear-gradient(to left, #9f6fb1) !important;
}

/* 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-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;
}

/* 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;
	--head-foot-back1: #575d63;
	--head-foot-back2: #575d63;
	--head-foot-back: linear-gradient(to left, #575d63) !important;
	--primary-btn-bg: #575d63;
}

.theme8 {
	--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;
	--head-foot-back1: #6dc1e8;
	--head-foot-back2: #6dc1e8;
	--head-foot-back: linear-gradient(to left, #6dc1e8) !important;
}

.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;
	--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;
	--body-back: linear-gradient(90deg, #d0feea, #dcfaf9) !important;
	--nav-back: linear-gradient(180deg, #24be7c, #2dcecc) !important;
	--primary-btn-bg: #2dce89;
}

.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;
	--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;
	--nav-back: linear-gradient(180deg, #3b579d,#5073cb ) !important;
	--primary-btn-bg: #3b579d;
}

.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);
	--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);
	--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);
	--primary-btn-bg: #4BC0C8;
}

.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);
	--head-foot-back1: #FF5F6D;
	--head-foot-back2: -webkit-linear-gradient(to left, #FFC371, #FF5F6D);
	--head-foot-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);
	--primary-btn-bg: #FF5F6D;
}

.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;
	--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;
	--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);
	--primary-btn-bg: #2BC0E4;
}

.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);
	--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);
	--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);
	--primary-btn-bg: #833ab4;
}

.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);
	--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);
	--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);
	--primary-btn-bg: #fc00ff;
}

.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;
	--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;
	--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;
	--primary-btn-bg: #8DBCC7;
}

.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;
	--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;
	--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;
	--primary-btn-bg: #e48afc;
}

.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;
	--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;
	--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;
	--primary-btn-bg: #50c9c3;
}

/*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;
}

#nav {
	background: var(--nav-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 .side-bar {
	background: var(--nav-back1);
	background: var(--nav-back2);
	background: var(--nav-back);
}

#spnTheme {
	background: var(--head-foot-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;
}

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

#emp_modal .content-wrap {
	background: var(--body-back1) !important;
	background: var(--body-back2) !important;
	background: var(--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;
}*/