:root {
    --primary: #03AED2;
    --main-color: #5d596c;
    --color-border-primary: #03AED2;
    --primary-hover: #047f99;
    --primary-text-color: #5d596c;
    --sidebar-link-color: #333;
    --sidebar-link-background-color: #03AED230;
    --sidebar-border-color: #ddd;
    --body-background-color: #f7f7f7;
    --body-text-color: #9e9e9e;
    --header-background-color: #fff;
    --border-color: #e9edf4;
    --punch-box-background-color: #f9f9f9;
    --punch-box-border-color: #e3e3e3;
    --sidebar-background-color: #fff;
    --table-background-color: white;
    --table-striped-background-color: #f6f6f6;
    --sidebar-menu-ul-color: #000;
    --sidebar-menu-hover-color: #333;
    --table-hover-background-color: #03AED221;
    --table-hover-color: #212529;
    --table-header-background-color: white;
    --table-header-text-color: #333;
    --table-border-color: #dee2e6;
    --dropdown-item-backgroun-color: transparent;
    --personal-info-title-color: #4f4f4f;
    --form-control-background-color: #fff;
    --form-control-disable-background-color: #e9ecef;
    --form-control-disable-color: #495057;
    --form-control-color: #495057;
    --form-control-border-color: #ced4da;
    --custom-table-shadow-color: #a3a3a3;
    --scrollbar-background-color: #d6dee1;
    --modal-backgroun-color: #fff;
    --datepickerr-border-color: #b0b0b0;
    --text-success-color: #55ce63;
    --text-danger-color: #f62d51;
    --EmpProRights_rowButtons: black;
    --modal-body: #fff;
    --bootstrap-datetimepicker-widget: white;
    --alert-info-background-color: #03AED238;
    --NameDetails-color: black;
    --travel-req-color: #093056c2;
    --chat-p-text: #1f1f1f;
    --textcolor-heading-color: #a52a2a0f;
    --textcolor-borderheading-color: brown;
    --Leave-Week-Off: #178dbf;
    --Leave-Holiday: #107206;
    --Leave-Approved: #cd206f;
    --Leave-Pending: #c37c1e;
    --primary-V1: #03AED2;
    --primary-text-V1: #282f53;
    --body-background-color-V1: #f8f7fa;
    --sidebar-background-color-v1: #fff;
    --card-background: #fff;
    --pagination-button: #03AED2;
    --searchbar-background-color: #f7f7f7;
    --dropdown-background-color: #03aed229;
    --dropdown-text-color: #03AED2;
    --chrismas-primary: #C30F16;
    --new-year-primary: #8fadd3;
    --complete-profile-text: #A8AAAE;
    /*new*/
    --cp-white: #fff;
    --cp-gray: #f5f7fa;
    --cp-text: #5d596c;
    --cp-tab-bg: #e9edff;
    --cp-border-color: #bbbbbb;
    --cp-label-color: #666;
    --cp-fc-bg: #fff;
    --cp-fc-text: #212432;
    --cp-fc-pl: #d3d3d3;
    --cp-fc-b: #dcdcdc;
    --cp-button-bg: #03AED210;
    --cp-button-color: #03AED2;
    --cp-can-btn: #333;
    --cp-tab-color: #bbbbbb;
    --emp-bg-white: #fff;
    --emp-bg-light: #f6f6fb;
    --emp-border-color: #dcdcdc;
    --emp-text-color: #343a40;
    --emp-list-box: #607d8b;
    --disable-body: #e3e3e3;
    --tab-active-bg: #fff;
    /*cp banner color*/
    --cp-banner-1-1: #136b81;
    --cp-banner-1-2: #7FB7A8;
    --cp-banner-2-1: #85603F;
    --cp-banner-2-2: #BD9354;
    --cp-banner-3-1: #8F4068;
    --cp-banner-3-2: #FFC1B6;
    --cp-banner-4-1: #798777;
    --cp-banner-4-2: #BDD2B6;
    --cp-banner-5-1: #745C97;
    --cp-banner-5-2: #E5B0EA;
    --cp-banner-6-1: #3C9099;
    --cp-banner-6-2: #99F0CA;
    --cp-banner-7-1: #867070;
    --cp-banner-7-2: #D5B4B4;
    --cp-banner-8-1: #0582ca;
    --cp-banner-8-2: #5fa8d3;
    --cp-banner-9-1: #776B5D;
    --cp-banner-9-2: #EBE3D5;
    --cp-banner-10-1: #618264;
    --cp-banner-10-2: #B0D9B1;
    /*boxshadow*/
    --cp-tab-animation: inset 3px 3px 3px rgb(23 162 184 / 42%), inset 1px 1px 1px rgba(0, 0, 0, 0.3);
    --cp-tab-boxshadow: 0 8px 6px -6px rgb(23 162 184 / 42%);
    --main-bg: #fff;
    --emp-bg-cont: #f6f6fb73;
    --emp-heading: #495057;
    --table-color: #2f3236;
    --focus-borderColor: #178dbf;
    --shadow-color: rgb(23 162 184 / 42%);
    --glass-background: rgb(255 255 255 / 90%);
    --header-border: #eaeaea;
    --header-shadow: #ebebeb;
    --emp-box-border: #e3e3e3;
    --second-bg: #F1F6FD;
    --sub-heading: #64748B;
    --main-text: #263238;
    --icon-bg: #fff;
    --bg-cel: linear-gradient(250deg, #03aed2 0%, #ffffff 100%);
    --li-border: transparent;
}

.blue-theme {
    --primary: #03AED2;
    --color-border-primary: #ff851a;
    --primary-hover: #047f99;
    --primary-text-color: #1f1f1f;
    --sidebar-link-color: #333;
    --sidebar-link-background-color: #ffebda;
    --sidebar-border-color: #ddd;
    --body-background-color: #f7f7f7;
    --body-text-color: #9e9e9e;
    --header-background-color: #fff;
    --border-color: #e9edf4;
    --punch-box-background-color: #f9f9f9;
    --punch-box-border-color: #e3e3e3;
    --sidebar-background-color: #fff;
    --table-background-color: white;
    --table-striped-background-color: #f6f6f6;
    --sidebar-menu-ul-color: #000;
    --sidebar-menu-hover-color: #333;
    --table-hover-background-color: #f7f7f7;
    --table-hover-color: #212529;
    --table-header-background-color: white;
    --table-header-text-color: #333;
    --table-border-color: #dee2e6;
    --dropdown-item-backgroun-color: transparent;
    --personal-info-title-color: #4f4f4f;
    --form-control-background-color: #fff;
    --form-control-disable-background-color: #e9ecef;
    --form-control-disable-color: #495057;
    --form-control-color: #495057;
    --form-control-border-color: #ced4da;
    --custom-table-shadow-color: #a3a3a3;
    --scrollbar-background-color: #d6dee1;
    --modal-backgroun-color: #fff;
    --datepickerr-border-color: #b0b0b0;
    --text-success-color: #55ce63;
    --text-danger-color: #f62d51;
    --EmpProRights_rowButtons: black;
    --modal-body: #fff;
    --bootstrap-datetimepicker-widget: white;
    --alert-info-background-color: #ff9b4450;
    --NameDetails-color: black;
    --travel-req-color: #093056c2;
    --chat-p-text: #1f1f1f;
    --textcolor-heading-color: #a52a2a0f;
    --textcolor-borderheading-color: brown;
}

/*.dark-theme {
    --primary: #ff9b44;
    --primary-hover: #ff851a;
    --primary-text-color: #ebecf1;
    --sidebar-link-color: #b7c0cd;
    --sidebar-link-active-color: #b7c0cd;
    --sidebar-link-background-color: transparent;
    --sidebar-border-color: #2e3840;
    --body-background-color: #23272b;
    --body-text-color: #bbc4cc;
    --header-background-color: #16191c;
    --border-color: #2e3840;
    --punch-box-background-color: #16191c;
    --punch-box-border-color: #2e3840;
    --table-background-color: #16191c;
    --table-striped-background-color: #23272b;
    --sidebar-menu-ul-color: #ff9b44;
    --sidebar-menu-hover-color: #fff;
    --table-hover-background-color: #16191c;
    --table-hover-color: #fff;
    --table-header-background-color: #16191c;
    --table-header-text-color: #ff9b44;
    --table-border-color: #4c4c4c;
    --dropdown-item-backgroun-color: white;
    --personal-info-title-color: #bbc4cc;
    --form-control-background-color: #1c2023;
    --form-control-color: #bbc4cc;
    --form-control-border-color: #2e3439;
    --form-control-disable-background-color: #43454f;
    --form-control-disable-color: #87939d;
    --custom-table-shadow-color: #16191c;
    --custom-table-border-color: #3b3b3b;
    --scrollbar-background-color: #565656;
}*/


/*#23272b*/
.dark-theme {
    --primary: #03AED2;
    --primary-hover: #1bbce3;
    --primary-soft: #03AED230;
    --color-border-primary: #ff851a;
    --primary-text-color: #e4e6eb;
    --main-color: #cfd3dc;
    --text-muted: #9aa0b4;
    --sidebar-link-color: #b7c0cd;
    --sidebar-link-active-color: #b7c0cd;
    --sidebar-link-background-color: #03AED220;
    --sidebar-border-color: #cfd3dc;
    --sidebar-background-color: #0b1220;
    --body-background-color: #0f172a;
    --body-text-color: #bbc4cc;
    --header-background-color: #23272b;
    --border-color: #ffffff3b;
    --punch-box-background-color: #16191c;
    --punch-box-border-color: #2e3840;
    --table-background-color: #131518;
    --table-striped-background-color: #2f3236;
    --table-striped-background-color1: #131518;
    --sidebar-menu-ul-color: #ff9b44;
    --sidebar-menu-hover-color: #fff;
    --table-hover-background-color: #03AED238;
    --table-hover-color: #fff;
    --table-header-background-color: #111827;
    --table-row-hover: #1f2937;
    --table-header-text-color: #ebecf1;
    --table-border-color: #4c4c4c;
    --dropdown-item-backgroun-color: white;
    --personal-info-title-color: #bbc4cc;
    --form-control-background-color: #131518;
    --form-control-color: #dcdcdc;
    --form-control-border-color: #ffffff3b;
    --form-control-disable-background-color: #43454f;
    --form-control-disable-color: #cfd0d2;
    --custom-table-shadow-color: #16191c;
    --custom-table-border-color: #3b3b3b;
    --scrollbar-background-color: #565656;
    --color-intro-shelf-gradient-out: #f0f6fc00;
    --color-intro-shelf-gradient-in: #0d1117;
    --color-intro-shelf-gradient-left: #388bfd26;
    --color-intro-shelf-gradient-right: #55555526;
    --modal-backgroun-color: #292c2f;
    --datepickerr-border-color: #717478;
    --text-success-color: #46a752;
    --text-danger-color: #d53350;
    --EmpProRights_rowButtons: var(--sidebar-link-color);
    --modal-body: #565656;
    /*--bootstrap-datetimepicker-widget: var(--form-control-disable-background-color);*/
    --alert-info-background-color: #03AED238 !important;
    --NameDetails-color: #ff9b44;
    --travel-req-color: #ebecf1;
    --chat-p-text: #9e9e9e;
    --textcolor-heading-color: #a52a2a30 !important;
    --textcolor-borderheading-color: #a52a2a;
    --Leave-Week-Off: #6ad3ff;
    --Leave-Holiday: #5fff4e;
    --Leave-Approved: #ff5da7;
    --Leave-Pending: #ffae43;
    --body-background-color-V1: #010409;
    --primary-V1: #03aed2;
    --primary-text-V1: #f3fdff;
    --sidebar-background-color-v1: #131518;
    --card-background: #131518;
    --pagination-button: #03AED2;
    --searchbar-background-color: #2e3238;
    --dropdown-background-color: #45c1ff38;
    --dropdown-text-color: #bbfeff;
    --complete-profile-text: #A8AAAE;
    /*new*/
    --cp-white: #1a1d27;
    --cp-gray: #010409;
    --cp-text: #c8f5ff;
    --cp-tab-bg: #41445666;
    --cp-border-color: #8d8d8d;
    --cp-label-color: #ebecf1;
    --cp-fc-bg: #212432;
    --cp-fc-text: #fff;
    --cp-fc-pl: #414456;
    --cp-fc-b: #626161;
    --cp-button-color: #FFF;
    --cp-button-bg: #03AED2;
    --cp-can-btn: #fff;
    --cp-tab-color: #aeddff;
    --emp-bg-white: #131518;
    --emp-bg-light: #010409;
    --emp-border-color: #444444;
    --emp-text-color: #ebecf1;
    --emp-list-box: #03AED2;
    --emp-text-color: #ebecf1;
    --disable-body: #565656;
    --tab-active-bg: #1a1d27;
    --cp-tab-animation: inset 3px 3px 3px rgba(255, 255, 255, 0), inset 1px 1px 1px rgba(255, 255, 255, 0.2);
    --cp-tab-boxshadow: 0 8px 6px -6px rgba(255, 255, 255, 0.3);
    --main-bg: #2f3236;
    --emp-bg-cont: #43454f3d;
    --emp-heading: #ebecf1;
    --table-color: #bbc4cc;
    --focus-borderColor: #178dbf;
    --shadow-color: rgb(23 162 184 / 42%);
    --glass-background: rgb(35 34 34 / 84%);
    --header-border: #495057;
    --header-shadow: #000000;
    --emp-box-border: #515050;
    --second-bg: transparent;
    --sub-heading: #a5a3ae;
    --main-text: #fff;
    --icon-bg: #f0f6fc00;
    --bg-cel: #131518;
    --li-border: #2e3840;
}



.grey-sidebar {
    --sidebar-link-background-color: transparent;
    --sidebar-link-color: #b7c0cd;
    --sidebar-menu-ul-color: #ff9b44;
    --sidebar-menu-hover-color: #fff;
    --sidebar-background-color: #34444c;
}