:root {
    /* Workflow */
    --workflow-background: #f3f3f3;
    --workflow-background-lighter: #c0dcff;
    --workflow-background-light: #f9f7f7;
    --workflow-special: orange;
    --workflow-row-even: #fff;
    --workflow-row-odd:#f0f8ff;
    --workflow-row-hover: #ffa4003b;
    --workflow-main: var(--global-blue-light);
    --workflow-lastvisit: #ffd280;
    --workflow-progressbar-load: var(--global-blue-light);
    --workflow-progressbar-text: var(--global-blue-light);
    --workflow-progressbar-load: #328efe;
    --workflow-progressbar-placeHolder: rgba(0, 0, 0, .2);
    --workflow-progressbar-text: #328efe;
    --workflow-deputy-selection: #757575;
    --workflow-background-column-filter: white;
    --workflow-background-column-filter-entry: white;
    --workflow-column-filter-hover: var(--global-blue-light);
    --workflow-input-placeholder: #5e5e5e;

    /* Workflow Filter/Restriction */
    --workflow-tab-background: white;
    --workflow-tab-active: var(--global-blue-light);
    --workflow-tab-highlight: orange;

    /* Workflow Fonts*/
    --workflow-font-general: black;
    --workflow-font-lighter: #c0dcff;
    --workflow-font-light: #666666;
    --workflow-font-lighter-grey: #828282;
    --workflow-font-lightest: white;
    --workflow-font-dark: #0150b2;
    --workflow-font-darker: #0150b2;
    --workflow-font-highlight: white;
    --workflow-font-active: white;
    --workflow-font-special: var(--global-blue-light);
    --workflow-font-special-dark: darkorange;
    --workflow-font-active-highlight: orange;

    /* Task */
    --task-background: #f3f3f3;
    --task-disabled: #eeeeee;
    --task-header: #0150b2;
    --task-actions: var(--global-blue-light);
    --task-special: orange;
    --task-row-even: #f9f7f7;
    --task-row-odd: #ececec;
    --task-row-header: var(--global-blue-light);
    --task-type-background: white;
    --task-error: #ffe4b3;
    --task-autocomplete-symbols: var(--global-blue-light);
    --task-position-suggestion-row: #faeee1;
    --task-pos-cell-background: white;
    --task-insert-row-symbol: var(--global-blue-light);

    /* Alertify */
    --alertify-header: #fff;
    --alertify-footer: #fff;
    --alertify-content: #F4F4F4;
    --alertify-text: #555;
    --alertify-input-bg: #ffffff;
    --alertify-input-bg-active: #FAFAFA;
    --alertify-input-text: rgba(0, 0, 0, 0.7);
    --alertify-input-text-focus: rgba(0, 0, 0, 0.85);
    --alertify-button-bg: #ebebeb;
    --alertify-button-text: #000;
    --alertify-button-filter: brightness(1);;

    /* File Illustration*/
    --task-files-background: var(--global-grey-shade-one);
    --task-file-background: var(--global-blue-light);
    --task-file-missing: var(--global-orange);

    /* Task Fonts */
    --task-font-general: var(--global-black);
    --task-font-special: var(--global-blue-light);
    --task-font-special-higlight: orange;
    --task-font-history-highlight: #b36200;
    --task-font-light: #666666;
    --task-font-hint: #666666;
    --task-font-lighter: #d6d6d6;
    --task-font-dark: #0150b2;
    --task-font-header: white;
    --task-table-font-general: #777;
    --task-pdf-background: white;

    /* Global Variables */
    --global-negative: lightcoral;
    --global-positive: lightgreen;

    --global-hint: #ffd280;
    --global-placeholder: #969696;

    --global-link-color: #0150b2;

    --global-border: var(--global-blue-light);
    --global-border-highlight: white;
    --global-border-light: #c0dcff;
    --global-border-lighter: #b5b5b5;
    --global-border-lightest: #d6d6d6;
    --global-border-dark: #666666;
    --global-border-darker: #4d4d4d;
    --global-border-special: orange;
    --global-border-special-dark: #0150b2;
    --global-border-special-darker: #012e65;
    --global-border-b-w: white;


    /* Notifications */
    --notification-message: #9ba0a1;
    --notification-success: #64ab68;
    --notification-error: #f44336;
    --notification-warning: #e19a30;


    /* Admin Config */
    --config-background-shade-one: #f9f7f7;
    --config-background-shade-two: #f3f3f3;
    --config-background-shade-three: #ececec;
    --config-background-shade-four: #E0DFDF;

    --config-font-title: var(--global-blue-light);
    --config-font-grey: #797979;

    --config-highlight-blue-one: #65a7ea;
    --config-highlight-blue-two: #4699fe;

    --config-highlight-white-one: #fbfafa;
    --config-highlight-white-two: #e5e5e5;
    /*--config-highlight-white-two: #e0dfdf;*/ /*#e7e7e7 #F1F1F1 #e5e5e5*/

    --config-border-light-shade-one: #dadada;
    --config-border-light-shade-two: #c5c5c5;
    --config-border-light-shade-three: #b9b9b9;

    --config-border-dark: #b7b7b747;

    --config-btn-red: #ff7c7c;
    --config-btn-green: #7adaae;
    --config-btn-orange: #f1ae5d;
    --config-btn-grey: #f1f1f1;

    --config-btn-red-highlight: #e98e8e;
    --config-btn-green-highlight: #89e2b9;
    --config-btn-grey-highlight: #fff;

    /** new stuff **/
    --global-custom-checkbox-background: #fff;
    --global-custom-checkbox-border: #b9b9b9;
    --global-custom-checkbox-border-highlight: #4699fe;

    --global-border-grey: #b5b5b5;

    /**  global colors  **/
    --global-white: #fff;
    --global-black: #000;

    --global-blue: #0150b2;
    --global-blue-highlight: #0158c2;

    --global-blue-light: #328efe;
    --global-blue-light-highlight: #4699fe;

    --global-orange: #fea02f;
    --global-orange-highlight: #ffb65d;


    --global-grey-shade-one: #f9f7f7;
    --global-grey-shade-two: #f3f3f3;
    --global-grey-shade-three: #ececec;
    --global-grey-shade-four: #E0DFDF;

    --global-border-grey: var(--global-border-grey-shade-two);

    --global-border-grey-shade-one: #dadada;
    --global-border-grey-shade-two: #c5c5c5;
    --global-border-grey-shade-three: #b9b9b9;


    /** global buttons **/
    --global-btn-red: #ff7c7c;
    --global-btn-red-highlight: #f26969;

    --global-btn-green: #7adaae;
    --global-btn-green-highlight: #89e2b9;

    --global-btn-orange: var(--global-orange);
    --global-btn-orange-highlight: var(--global-orange-highlight);

    --global-btn-blue: var(--global-blue-light);
    --global-btn-blue-highlight: var(--global-blue-light-highlight);


    --global-btn-grey: #ccc;
    --global-btn-grey-highlight: #dedede;


    /** global fonts **/
    --global-font-light: #666666;
    --global-font-white: #fff;
    --global-font-always-white: #fff;

    --global-font-dark: #272727;
    --global-font-black: #000;
    --global-font-always-black: #fff;

    /** global table **/
    --global-row-even: #f9f7f7;
    --global-row-odd: #ececec;


    /** icons **/
    --icon-blue: var(--global-blue-light);
    --icon-orange: var(--global-orange);
    --icon-grey: #464646;


    /** task stuff **/
    --task-row-even: var(--global-row-even);
    --task-row-odd: var(--global-row-odd);


    /** autocomplete stuff **/
    --autocomplete-background-header: var(--global-blue);
    --autocomplete-row-even: var(--global-row-even);
    --autocomplete-row-odd: var(--global-row-odd);
    --autocomplete-row-highlight: var(--global-orange);
    --autocomplete-font-header: var(--global-font-white);
    --autocomplete-font-rows: var(--global-font-dark);
    --autocomplete-font-highlight: var(--global-font-white);

    /** filter templates **/
    --ft-prompt-bg-1: #fff;
    --ft-prompt-bg-2: #f5f5f5;
    --ft-prompt-bg-3: #dfdfdf;
    --ft-prompt-color: #1a1a1a;
    --ft-prompt-border: #cbcbcb;
    --ft-prompt-tab-border: #c5c5c5;
    --ft-prompt-input-bg: #fff;
    --ft-prompt-input-border: #cbcbcb;
    --ft-prompt-input-info: #686868;
    --ft-prompt-list-hover: #f7f7f7;
    --ft-prompt-btn-bg: #efefef;
    --ft-prompt-btn-border: #b7b7b7;
    --ft-prompt-btn-hover: #f5f5f5;

    /** ad sync schedule **/
    --ads-bg: #fff;
    --ads-border: #d9d9d9;
    --ads-font: #000;
    --ads-day-passive: #cad2db;
    --ads-day-active: #328efe;
    --ads-day-hover: #4b96f1;
    --ads-day-border: #bcbcbc;
    --ads-save-btn: #4fdfb3;
    --ads-save-btn-hover: #69ebc3;
    --ads-reset-btn: #b0b0b0;
    --ads-reset-btn-hover: #c5c5c5;

    /** stamps **/
    --cfg-stamp-font: #000;
    --cfg-stamp-bg: #f9f7f7;
    --cfg-stamp-hover: #fff;
    --cfg-stamp-details-bg: #fbfbfb;
    --cfg-stamp-details-border: #d1d1d1;
    --cfg-stamp-details-input-bg: initial;
    --cfg-stamp-details-permission-btn-bg: initial;
    --cfg-stamp-details-btn-border: #a1a1a1;
}

[data-theme="dark"]{
    /* Workflow */
    --workflow-background: #302f2f;
    --workflow-background-lighter: #403e3e;
    --workflow-background-light: #525252;
    --workflow-special: orange;
    --workflow-row-even: #403e3e;
    --workflow-row-odd: #525252;
    --workflow-row-hover: #1d74de;
    --workflow-main: #525252;
    --workflow-lastvisit: #3a4750;
    --workflow-progressbar-load: #1d74de;
    --workflow-progressbar-placeHolder: rgba(255, 255, 255, .2);
    --workflow-progressbar-text: white;
    --workflow-deputy-selection: white;
    --workflow-background-column-filter: #403e3e;
    --workflow-background-column-filter-entry: #525252;
    --workflow-column-filter-hover: #328efe;
    --workflow-input-placeholder: #d1d1d1;

    /* Workflow Filter/Restriction */
    --workflow-tab-background: #302f2f;
    --workflow-tab-active: #328efe;
    --workflow-tab-highlight: orange;

    /* Workflow Fonts*/
    --workflow-font-general: white;
    --workflow-font-lighter: white;
    --workflow-font-light: white;
    --workflow-font-lightest: white;
    --workflow-font-dark: gray;
    --workflow-font-darker: gray;
    --workflow-font-highlight: white;
    --workflow-font-active: white;
    --workflow-font-special: darkgray;
    --workflow-font-special-dark: darkorange;
    --workflow-font-active-highlight: orange;

    /* Task */
    --task-background: #565555;
    --task-disabled: #666666;
    --task-header: #0150b2;
    --task-actions: #328efe;
    --task-special: orange;
    --task-row-even: #403e3e;
    --task-row-odd: #525252;
    --task-row-header: #302f2f;
    --task-type-background: #302f2f;
    --task-error: #666666;
    --task-autocomplete-symbols: white;
    --task-position-suggestion-row: #525252;
    --task-pos-cell-background: 666666;
    --task-insert-row-symbol: white;
    --task-table-font-general: white;
    --task-pdf-background: #565555;

    /* ALertify */
    --alertify-header: #565555;
    --alertify-footer: #565555;
    --alertify-content: #606060;
    --alertify-text: #fff;
    --alertify-input-bg: #464646;
    --alertify-input-bg-active: #464646;
    --alertify-input-text: #fff;
    --alertify-input-text-focus: #fff;
    --alertify-button-bg: #464646;
    --alertify-button-text: #fff;
    --alertify-button-filter: brightness(2);;

    /* File Illustration*/
    --task-files-background: #666666;
    --task-file-background: #403e3e;
    --task-file-missing: orange;

    /* Task Fonts */
    --task-font-general: white;
    --task-font-special: #e3e3e3;
    --task-font-special-higlight: orange;
    --task-font-history-highlight: #b36200;
    --task-font-light: #666666;
    --task-font-hint: white;
    --task-font-lighter: white;
    --task-font-dark: white;
    --task-font-header: white;

    /* Global Variables */
    --global-negative: lightcoral;
    --global-positive: lightgreen;

    --global-hint: #ffd280;
    --global-placeholder: #969696;

    --global-link-color: #0150b2;
    --global-link-color-hover: var(--global-blue-light);

    --global-border: #328efe;
    --global-border-highlight: white;
    --global-border-light: #c0dcff;
    --global-border-lighter: #b5b5b5;
    --global-border-lightest: #000;
    --global-border-dark: black;
    --global-border-darker: #4d4d4d;
    --global-border-special: orange;
    --global-border-special-dark: #0150b2;
    --global-border-special-darker: #012e65;
    --global-border-b-w: black;


    /* Notifications */
    --notification-message: #9ba0a1;
    --notification-success: #64ab68;
    --notification-error: #f44336;
    --notification-warning: #e19a30;

    /* Admin Config */
    --config-background-shade-one: #525252;
    --config-background-shade-two: #4d4d4d;
    --config-background-shade-three: #403E3E;
    --config-background-shade-four: #9c1616;

    --config-font-title: #fff;
    --config-font-grey: #d2d2d2;

    --config-highlight-blue-one: #65a7ea;
    --config-highlight-blue-two: #4699fe;

    --config-highlight-white-one: #302f2f;
    --config-highlight-white-two: #555555;

    --config-border-light-shade-one: #dadada;
    --config-border-light-shade-two: #c5c5c5;
    --config-border-light-shade-three: #b9b9b9;

    --config-border-dark: #b7b7b747;

    --config-btn-red: #ff7c7c;
    --config-btn-green: #7adaae;
    --config-btn-orange: #f1ae5d;
    --config-btn-grey: #676767;

    --config-btn-red-highlight: #e98e8e;
    --config-btn-green-highlight: #89e2b9;
    --config-btn-grey-highlight: #797979;

    /** new stuff **/
    --global-custom-checkbox-background: #636363;
    --global-custom-checkbox-border: #b9b9b9;
    --global-custom-checkbox-border-highlight: #4699fe;

    --global-border-grey: #b5b5b5;


    /**  global colors  **/
    --global-white: #fff;
    --global-black: #000;

    --global-blue: #0150b2;
    --global-blue-highlight: #0158c2;

    --global-blue-light: #328efe;
    --global-blue-light-highlight: #4699fe;

    --global-orange: #fea02f;
    --global-orange-highlight: #ffb65d;


    /*--global-grey-shade-one: #f9f7f7;
    --global-grey-shade-two: #f3f3f3;
    --global-grey-shade-three: #ececec;
    --global-grey-shade-four: #E0DFDF;

    --global-border-grey: var(--global-border-grey-shade-two);

    --global-border-grey-shade-one: #dadada;
    --global-border-grey-shade-two: #c5c5c5;
    --global-border-grey-shade-three: #b9b9b9;*/


    /** global buttons **/
    --global-btn-red: #ff7c7c;
    --global-btn-red-highlight: #e98e8e;

    --global-btn-green: #7adaae;
    --global-btn-green-highlight: #89e2b9;

    --global-btn-orange: var(--global-orange);
    --global-btn-orange-highlight: var(--global-orange-highlight);

    --global-btn-blue: var(--global-blue-light);
    --global-btn-blue-highlight: var(--global-blue-light-highlight);


    --global-btn-grey: #7a7a7a;
    --global-btn-grey-highlight: #dedede;


    /** global fonts **/
    --global-font-light: #272727;
    --global-font-white: #000;
    --global-font-always-white: #fff;

    --global-font-dark: #f5f5f5;
    --global-font-black: #fff;
    --global-font-always-black: #000;

    /** global table **/
    --global-row-even: #403e3e;
    --global-row-odd: #525252;


    /** icons **/
    --icon-blue: var(--global-blue-light);
    --icon-orange: var(--global-orange);
    --icon-grey: #eae7e7;



    /** task stuff **/
    --task-row-even: var(--global-row-even);
    --task-row-odd: var(--global-row-odd);


    /** autocomplete stuff **/
    --autocomplete-background-header: var(--global-blue);
    --autocomplete-row-even: var(--global-row-even);
    --autocomplete-row-odd: var(--global-row-odd);
    --autocomplete-row-highlight: var(--global-orange);
    --autocomplete-font-header: var(--global-font-black);
    --autocomplete-font-rows: var(--global-font-dark);
    --autocomplete-font-highlight: var(--global-font-white);

    /** filter templates **/
    --ft-prompt-bg-1: #878787;
    --ft-prompt-bg-2: #565656;
    --ft-prompt-bg-3: #8f8f8f;
    --ft-prompt-color: #fff;
    --ft-prompt-border: #cbcbcb;
    --ft-prompt-tab-border: #c5c5c5;
    --ft-prompt-input-bg: #d7d7d7;
    --ft-prompt-input-border: #cbcbcb;
    --ft-prompt-input-info: #d1d1d1;
    --ft-prompt-list-hover: #6e6e6e;
    --ft-prompt-btn-bg: #7a7a7a;
    --ft-prompt-btn-border: #b7b7b7;
    --ft-prompt-btn-hover: #a5a5a5;

    /** ad sync schedule **/
    --ads-bg: #747474;
    --ads-border: #d9d9d9;
    --ads-font: #fff;
    --ads-day-passive: #cad2db;
    --ads-day-active: #328efe;
    --ads-day-hover: #4b96f1;
    --ads-day-border: #bcbcbc;
    --ads-save-btn: #4fdfb3;
    --ads-save-btn-hover: #69ebc3;
    --ads-reset-btn: #b0b0b0;
    --ads-reset-btn-hover: #c5c5c5;

    /** stamps **/
    --cfg-stamp-font: #fff;
    --cfg-stamp-bg: #525252;
    --cfg-stamp-hover: #606060;
    --cfg-stamp-details-bg: #525252;
    --cfg-stamp-details-border: #d1d1d1;
    --cfg-stamp-details-input-bg: #a5a5a5;
    --cfg-stamp-details-permission-btn-bg: #a5a5a5;
    --cfg-stamp-details-btn-border: #a1a1a1;
}
