/*GI Theme*/

:root {
    --system-font: 'Open Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --blue: #4e73df;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #e74a3b;
    --orange: #fd7e14;
    --yellow: #f6c23e;
    --green: #1cc88a;
    --teal: #20c9a6;
    --cyan: #36b9cc;
    --white: #fff;
    --text-color: #393a3e;
    --table-cell-text-color: #7c818f;
    --header-text-color: #656565;
    --header-bg-color: #fafafa;
    --field-label-color: #656565;
    --active-nav-bg-color: #f2f4f6;
    --active-nav-link-color: #3a3b45;
    --topbar: #fff;
    --bg-color: #fff;
    --card-bg-color: #fff;
    --card-border: #e3e6f0;
    --card-header: #f8f9fc;
    --total-panel-bg: #f9fafc;
    --card-header-border: #e3e6f0;
    --odd-table-color: #fff;
    --even-table-color: #fafbff;
    --odd-item-table-color: #edeff7;
    --even-item-table-color: #fafbff;
    --highlight-bg-color: #f2f4f6;/*#d7f1f5;*/
    --highlight-hover-bg-color: #d9ddde; /*#c3e1e6;*/
    --highlight-border: #d9ddde;
    --gray: #858796;
    --gray-dark: #5a5c69;
    --modal-head-bg: #393a3e;
    --modal-head-text: #fff;
    --side-bar-color: #393a3e;
    --side-bar-gradient: linear-gradient(180deg, #393a3e 10%, #212124 100%);
    --auth-page-color: #393a3e;
    --auth-page-gradient: linear-gradient(180deg, #393a3e 10%, #212124 100%);
    --panel-head-foot-bg: #f7f9fa;
    --panel-bg: #fff;
    --panel-border: #dce1ef;
    --panel-title: #3a3b45;
    --panel-title-size: 1.62rem;
    --table-border-top: #e3e6f0;
    --dataTables-header-bg: #fff;
    --dropdown-hover-bg: #f5f5f5;
    --input-border: #d1d3e2;
    --input-text: #494949;
    --input-background: #fff;
    --input-focus: #bac8f3;
    --input-focus-shadow: rgba(78, 115, 223, 0.25);
    --group-addon-border:#bfcbd9;
    --group-addon-bg:#fbfdff;
    --group-addon-color:#97a8be;
    --read-only-bg:#eef1f6;
    --read-only-border:#d1dbe5;
    --read-only-color:#8babcc;
    --read-only-transparent-bg: rgba(238, 241, 246, 0.10);
    --line-items-bg:#fbfdff;
    --task-bg-color: #eef1f8; 
    --setup-menu-bg: #fff;
    --setup-menu-color: #393a3e;
    --setup-menu-hover-color: #393a3e;
   /**Colours**/
    --main-nav-link: #7c818f;
    --main-nav-link-hover: #393a3e;
    --link: #5fa5f5;
    --link-hover: #448ad9;
    --default-bg: #f8f9fc;
    --default-text: #415164;
    --default-border: #e6e9eb;
    --default-hover-bg: #e6e9eb;
    --primary: #5fa5f5;
    --primary-darker: #448ad9;
    --primary-lighter: #d2e3f7;
    --primary-shadow: rgba(95, 165, 245, 0.5);
    --primary-gradient: linear-gradient(180deg, #5fa5f5 10%, #448ad9 100%);
    --secondary: #858796;
    --secondary-darker: #636672;
    --secondary-lighter: #acaebb;
    --secondary-shadow: rgba(133, 135, 150, 0.5);
    --secondary-gradient: linear-gradient(180deg, #858796 10%, #636672 100%);
    --info: #36b9cc;
    --info-darker: #2a96a5;
    --info-lighter: #d7f1f5;
    --info-shadow: rgba(54, 185, 204, 0.5);
    --info-gradient: linear-gradient(180deg, #36b9cc 10%, #2a96a5 100%);
    --success: #1cc88a;
    --success-darker: #17a673;
    --success-lighter: #d2f4e8;
    --success-shadow: rgba(28, 200, 138, 0.5);
    --success-gradient: linear-gradient(180deg, #1cc88a 10%, #17a673 100%);
    --warning: #f6c23e;
    --warning-darker: #f4b619;
    --warning-lighter: #fdf3d8;
    --warning-shadow: rgba(246, 194, 62, 0.5);
    --warning-gradient: linear-gradient(180deg, #f6c23e 10%, #f4b619 100%);
    --danger: #e74a3b;
    --danger-darker: #e02d1b;
    --danger-lighter: #fadbd8;
    --danger-shadow: rgba(231, 74, 59, 0.5);
    --danger-gradient: linear-gradient(180deg, #e74a3b 10%, #e02d1b 100%);
    --light: #f8f9fc;
    --light-darker: #dde2f1;
    --light-lighter: #fefefe;
    --light-shadow: rgba(248, 249, 252, 0.5);
    --light-gradient: linear-gradient(180deg, #f8f9fc 10%, #dde2f1 100%);
    --dark: #5a5c69;
    --dark-darker: #484a54;
    --dark-lighter: #dedee1;
    --dark-shadow: rgba(90, 92, 105, 0.5);
    --dark-gradient: linear-gradient(180deg, #5a5c69 10%, #484a54 100%);
    --orange: #d37800;
    --orange-darker: #b65404;
    --orange-lighter: #f3a33b;
    --orange-shadow: rgba(182, 84, 4, 0.5);
    --orange-gradient: linear-gradient(180deg, #d37800 10%, #b65404 100%);
    --muted: #858796;
    --muted-darker: #626472;
    --muted-lighter: #c8cad5;
    --muted-shadow: rgba(133, 135, 150, 0.5);
    --muted-gradient: linear-gradient(180deg, #858796 10%, #626472 100%);
    --public-bg: #f8f9fc;
    --public-bg-gradient: linear-gradient(180deg, #f8f9fc 10%, #dde2f1 100%);
    --client-reply-bg: #d7f1f5;
    /**END Colours**/
    --gi-blue: #5fa5f5;
    --text-dark: #3a3b45;
    --text-dark-color: #5a5c69;
    --text-muted: #7c818f;/*#858796;*/
    --calendar-border: #f0f0f0;
    --divider: #e5e5e5;
    --task-sep-color: #fff;
    --task-sep-shadow: rgba(255, 255, 255, 0.5);
    --current-task-color: #ecf6fb;
    --kan-ban-bg: #e3e8ee;
    --current-working: #fbfdff;
    --blend-mode: multiply;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
/*    --font-family-sans-serif: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
    --font-family-sans-serif: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --avatar-bg: #5fa5f5;
    --avatar-text: #fff;
    --tag-bg: #7c818f;
    --tag-text: #fff;
    --qb-green: #2CA01C;
    --inline-input: #bbb;
    --flex-detail-box-color: #7c818f;
    --line-color: #e3e6f0;
    --entity-line-border-color: #e3e6f0;
    --entity-line-line-break-bg-color: #f2f4f6;
    --entity-line-table-color: #7c818f;
    --entity-line-highlighted-color: #d2f4e8;
    --entity-line-odd-bg: #fff;
    --entity-line-even-bg: #f8f9fa;
    --hr-border-color: rgba(0, 0, 0, 0.1);
    --purple-darker: #51289a;
    --purple-lighter: #dfd2f7;
    --purple-gradient: linear-gradient(180deg, #6f42c1 10%, #51289a 100%);
    --staff-priority-task-bg: #e2ebf3;
    --backlog-task-bg: #f2f4f6;
    --redacted-task-bg: #dae1e9;
    --not-focus-task-bg: #c2dbf5;
}

/*dark mode*/

[data-theme="dark"] {
    --blue: #4e73df;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #e74a3b;
    --orange: #fd7e14;
    --yellow: #f6c23e;
    --green: #1cc88a;
    --teal: #20c9a6;
    --cyan: #36b9cc;
    --white: #fff;
    --text-color: #fff;
    --field-label-color: #e1e1e1;
    --topbar: #343434;
    --card-bg-color: #3d3d3d;
    --card-border: #5a5c69;
    --total-panel-bg: #3d3d3d;
    --bg-color: #2a2a2a;
    --task-bg-color: #2a2a2a;
    --public-bg: #2a2a2a;
    --public-bg-gradient: linear-gradient(180deg, #2a2a2a 10%, #2a2a2a 100%);
    --highlight-bg-color: #3d3e3e;
    --highlight-border: #595959;
    --active-nav-bg-color: #3b3b3b;
    /*input theme*/
    --input-border: #5a5c69;
    --input-text: #cbcbcb;
    --group-addon-border:#5a5c69;
    --group-addon-bg:#3d3d3d;
    --group-addon-color:#97a8be;
    --read-only-bg:#3d3d3d;
    --read-only-border:#3d3d3d;
    --read-only-color:#5a5c69;
    --line-items-bg:#5a5c69;
    /*input theme*/
    --card-header: #3e3e3e;
    --even-table-color: #393939;
    --table-border-top: #2a2a2a;
    --dataTables-header-bg: #3e3e3e;
    --gray: #858796;
    --gray-dark: #5a5c69;
    --side-bar-gradient: linear-gradient(180deg, #3d3d3d 10%, #2a2a2a 100%);
    --panel-head-foot-bg: #5a5c69;
    --panel-bg: #3d3d3d;
    --panel-border: #5a5c69;
    --primary: #4e73df;
    --primary-darker: #2e59d9;
    --primary-shadow: rgba(78, 115, 223, 0.5);
    --secondary-lighter: #acaebb;
    --secondary: #858796;
    --secondary-darker: #636672;
    --success: #1cc88a;
    --success-darker: #17a673;
    --success-shadow: rgba(62, 208, 156, 0.5);
    --info: #36b9cc;
    --info-darker: #2a96a5;
    --info-shadow: rgba(84, 196, 212, 0.5);
    --warning: #f6c23e;
    --warning-darker: #f4b619;
    --warning-shadow: rgba(247, 203, 91, 0.5);
    --danger: #e74a3b;
    --danger-darker: #e02d1b;
    --danger-shadow: rgba(235, 101, 88, 0.5);
    --light: #f8f9fc;
    --light-darker: #dde2f1;
    --dark: #5a5c69;
    --dark-darker: #484a54;
    --gi-blue: #5fa5f5;
    --text-dark: #3a3b45;
    --text-dark-color: #e5e5e5;
    --text-muted: #b3b4be;
    --calendar-border: #313131;
    --blend-mode: none;
    --divider: #313131;
    --task-sep-color: #252525;
    --task-sep-shadow: rgba(63, 63, 63, 0.5);
    --current-task-color: #151515;
    --kan-ban-bg: #242424;
    --current-working: #242424;
    --unread-notif: #111;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    /*--font-family-sans-serif: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
    --font-family-sans-serif: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}