/* default color variables */
:root {
    /* body colors */
    --background-color: White;
    --foreground-color: rgb(242,243,244);
    --font-color: black;
    --alt-font-color: white;
    --red-font-color: red;
    --blue-font-color: blue;
    --green-font-color: green;
    --report-heading-font-color: #305A7C;
    --hyperlink-color: blue;
    --grt-hyperlink-color: blue;
    --site-header-color: #305A7C;
    --site-main-menu-color: black;
    --site-header-divider-color: rgb(100,149,237); /* circular dividers on login and report pages */
    --icon-color: #305A7C;
    --tab-top-color: rgb(242,243,244);
    --tab-bottom-color: rgb(161,202,241);
    --tab-selected-color: DarkBlue;
    --disabled-option-color: rgb(232,232,232); /*darkgray;*/
    /* menu colors */
    --page-menu-color: rgb(161,202,241);
    --page-menu-divider-color: white;
    --sub-menu-divider-color: darkblue;
    --drop-menu-color: rgb(221,238,255);
    --drop-menu-border-color: #305A7C;
    --case-menu-color: #305A7C;
    --case-menu-border-color: #305A7C;
    /* modal colors */
    --modal-back-color: rgb(235,245,255);
    --modal-border-color: white;
    --modal-header-color: rgb(161,202,241);
    /* control colors */
    --control-border-color: black; /*drop downs, text boxes, buttons*/
    --control-back-color: white; /*drop downs, text boxes*/
    --button-light-color: rgb(221,238,255); /* most buttons */
    --button-dark-color: rgb(188,218,246); /* most buttons */
    --execute-light-color: rgb(221,255,235); /* execute area colors */
    --execute-dark-color: rgb(188,246,198);
    --execute-darker-color: rgb(0,100,40);
    --case-button-light-color: rgb(131,173,207); /* case menu colors */
    --case-button-dark-color: rgb(67,126,175);
    --case-control-border-color: black;
    /* grid colors */
    --grid-row-color: White; /* all grids */
    --alt-grid-row-color: rgb(235,245,255);
    --grid-row-hover-color: rgb(161,202,241);
    --grid-border-color: rgb(203,203,203); /* grids on main pages */
    --alt-grid-border-color: gray; /* grids in controls e.g. dialogs */
    --grid-header-top-color: rgb(185,223,255);
    --grid-header-bottom-color: rgb(70,130,180);
    --grid-separator-color: rgb(221,238,255);
    --grid-highlight-color: rgb(222,184,135); /* used in cut comparison highlight */
    /* slider colors */
    --panel-color: rgb(67,126,175);
    --slider-color: rgb(131,173,207);
    /* tool page colors */
    --tool-sidebar-color: rgb(161,202,241);
    /* scrollbar colors */
    --scrollbar-background-color: #fcfcfc;
    --scrollbar-color: #8b8b8b;
    /* old jquery dialogs */
    /*--jq-dialog-back-color: #c0c0c0;*/
    /* main menu images */
    --menu-assays: url("/Images/assays-white.png");
    --menu-recut: url("/Images/recut-white.png");
    --menu-netback: url("/Images/netback-white.png");
    --menu-substitute: url("/Images/substitute-white.png");
    --menu-blendopt: url("/Images/blendopt-white.png");
    --menu-tools: url("/Images/tools-white.png");
    --menu-rest-api: url("/Images/rest-white.png");
    --menu-options: url("/Images/options-white.png");
    --menu-updates: url("/Images/updates-white.png");
    --menu-help: url("/Images/help-white.png");
    /* header images */
    --header-assays: url("/Images/assays-small-white.png");
    --header-recut: url("/Images/recut-small-white.png");
    --header-netback: url("/Images/netback-small-white.png");
    --header-substitute: url("/Images/substitute-small-white.png");
    --header-blendopt: url("/Images/blendopt-small-white.png");
    --header-tools: url("/Images/tools-small-white.png");
    --header-rest-api: url("/Images/rest-small-white.png");
    --header-options: url("/Images/options-small-white.png");
    /* slider images */
    --slider-left-right: url("/Images/scroll-left-right-black.png");
    --slider-up-down: url("/Images/scroll-up-down-black.png");
    /*login page*/
    --events-box-color: #3c5e98;
    --login-box-color: #597B96;
    --news-box-color: #2a5d81;
    --hsi-logo: url("/front/images/hsilogo-white.png");
}

[data-theme="dark"] {
    /* error color #CF6679*/
    /* body colors */
    --background-color: rgb(39,41,44);
    --foreground-color: rgb(60,60,60);
    --font-color: #e0e0e0;
    --alt-font-color: white;
    --red-font-color: #CF6679;
    --blue-font-color: lightsteelblue;
    --green-font-color: lightgreen;
    --report-heading-font-color: lightsteelblue;
    --hyperlink-color: lightsteelblue;
    --grt-hyperlink-color: steelblue;
    --site-header-color: #4d4d4d;
    --site-main-menu-color: black;
    --site-header-divider-color: #7090b3; /* circular dividers on login and report pages */
    --icon-color: lightsteelblue;
    --tab-top-color: rgb(60,60,60);
    --tab-bottom-color: rgb(66,92,128);
    --tab-selected-color: #e0e0e0;
    --disabled-option-color: gray;
    /* menu colors */
    --page-menu-color: rgb(66,92,128);
    --sub-menu-divider-color: #e0e0e0;
    --drop-menu-color: #65758c;
    --drop-menu-border-color: #42546e;
    --case-menu-color: #65758c;
    --case-menu-border-color: #65758c;
    /* modal colors */
    --modal-back-color: #65758c;
    --modal-border-color: #42546e;
    --modal-header-color: rgb(66,92,128);
    /* control colors */
    --control-border-color: #e0e0e0; /*drop downs, text boxes, buttons*/
    --control-back-color: rgb(39,41,44); /*drop downs, text boxes, buttons*/
    --button-light-color: #65758c;
    --button-dark-color: #42546e;
    --execute-light-color: #658c79; /* execute area colors */
    --execute-dark-color: #517061;
    --execute-darker-color: #517061;
    --case-button-light-color: #65758c; /* case menu colors */
    --case-button-dark-color: #42546e;
    --case-control-border-color: #e0e0e0;
    /* grid colors */
    --grid-row-color: rgb(39,41,44);
    --alt-grid-row-color: rgb(60,60,60);
    --grid-row-hover-color: #52565c;
    --grid-border-color: dimgray; /* grids on main pages */
    --alt-grid-border-color: dimgray; /* grids in controls e.g. dialogs */
    --grid-header-top-color: #7090b3;
    --grid-header-bottom-color: #1e4269;
    --grid-separator-color: #42546e;
    --grid-highlight-color: rgb(66,92,128); /* used in cut comparison highlight */
    /* slider colors */
    --panel-color: rgb(60,60,60);
    --slider-color: #4d4d4d;
    /* tool page colors */
    --tool-sidebar-color: rgb(66,92,128);
    /* scrollbar colors */
    --scrollbar-background-color: rgb(39,41,44);
    --scrollbar-color: #4d4d4d;
    /* slider images */
    --slider-left-right: url("/Images/scroll-left-right-white.png");
    --slider-up-down: url("/Images/scroll-up-down-white.png");
    /*login page*/
    --events-box-color: #4d4d4d;
    --login-box-color: #65758c;
    --news-box-color: rgb(66,92,128);
}

[data-theme="green"] {
    /* body colors */
    --report-heading-font-color: #5B6D49;
    --hyperlink-color: #395C2D; /*#0C3C01;*/
    --grt-hyperlink-color: #395C2D;
    --site-header-color: #5B6D49;
    --site-header-divider-color: #F99912; /* circular dividers on login and report pages */
    --icon-color: #5B6D49;
    --tab-bottom-color: #A2AC82;
    --tab-selected-color: #395C2D;
    /* menu colors */
    --page-menu-color: #A2AC82;
    --sub-menu-divider-color: #395C2D;
    --drop-menu-color: #ECFAC0;
    --drop-menu-border-color: #5B6D49;
    --case-menu-color: #5B6D49;
    --case-menu-border-color: #5B6D49;
    /* modal colors */
    --modal-back-color: #ECFAC0;
    --modal-border-color: #F8FFE5;
    --modal-header-color: #A2AC82;
    /* control colors */
    --button-light-color: #ECFAC0;
    --button-dark-color: #C1CC9D;
    --execute-light-color: #E5B141; /* execute area colors */
    --execute-dark-color: #F99912;
    --execute-darker-color: #B36D0B;
    --case-button-light-color: #A2AC82; /* case menu colors */
    --case-button-dark-color: #395C2D;
    /* grid colors */
    --alt-grid-row-color: #F8FFE5;
    --grid-row-hover-color: #C1CC9D;
    --grid-header-top-color: #ECFAC0;
    --grid-header-bottom-color: #A2AC82;
    --grid-separator-color: #C1CC9D;
    --grid-highlight-color: #A2AC82; /* used in cut comparison highlight */
    /* slider colors */
    --panel-color: #5B6D49;
    --slider-color: #C1CC9D;
    /* tool page colors */
    --tool-sidebar-color: #A2AC82;
    /* scrollbar colors */
    --scrollbar-color: #A2AC82;
    /*login page*/
    --events-box-color: #5B6D49;
    --login-box-color: #A2AC82;
    --news-box-color: #395C2D;
}

[data-theme="light"] {
    --font-color: #3f3f3f;
    --alt-font-color: black;
    --report-heading-font-color: #787A5E;
    --hyperlink-color: #787A5E;
    --grt-hyperlink-color: #787A5E;
    --site-header-color: #ebdfe0;
    --site-main-menu-color: white;
    --site-header-divider-color: tomato; /* circular dividers on login and report pages */
    --icon-color: #787A5E;
    --tab-bottom-color: #d3c8c9;
    --tab-selected-color: #a9ad85;
    /* menu colors */
    --page-menu-color: #dedad2; /*#f7f3ea;*/
    --page-menu-divider-color: black;
    --sub-menu-divider-color: #a9ad85;
    --drop-menu-color: #EBF3F6;
    --drop-menu-border-color: #DCE8ED;
    --case-menu-color: #ebdfe0;
    --case-menu-border-color: #ebdfe0;
    /* modal colors */
    --modal-back-color: #EBF3F6;
    --modal-border-color: white;
    --modal-header-color: #dce8ed;
    /* control colors */
    --control-border-color: #a9ad85;
    --button-light-color: #E8F5FA;
    --button-dark-color: #DCE8ED;
    --execute-light-color: #FFD7CA; /* execute area colors */
    --execute-dark-color: #FFC9B9;
    --execute-darker-color: #FFBCA8;
    --case-button-light-color: #ede2e3; /* case menu colors */
    --case-button-dark-color: #d3c8c9;
    --case-control-border-color: #a9ad85;
    /* grid colors */
    --alt-grid-row-color: #EBF3F6;
    --grid-row-hover-color: #DCE8ED;
    --grid-header-top-color: #E8F5FA;
    --grid-header-bottom-color: #DCE8ED;
    --grid-separator-color: #DCE8ED;
    --grid-highlight-color: #dedad2; /* used in cut comparison highlight */
    /* slider colors */
    --panel-color: #ebdfe0;
    --slider-color: #DCE8ED;
    /* tool page colors */
    --tool-sidebar-color: #dedad2;
    /* scrollbar colors */
    --scrollbar-color: #dce8ed;
    /* main menu images */
    --menu-assays: url("/Images/assays-black.png");
    --menu-recut: url("/Images/recut-black.png");
    --menu-netback: url("/Images/netback-black.png");
    --menu-substitute: url("/Images/substitute-black.png");
    --menu-blendopt: url("/Images/blendopt-black.png");
    --menu-tools: url("/Images/tools-black.png");
    --menu-rest-api: url("/Images/rest-black.png");
    --menu-options: url("/Images/options-black.png");
    --menu-updates: url("/Images/updates-black.png");
    --menu-help: url("/Images/help-black.png");
    /* header images */
    --header-assays: url("/Images/assays-small-black.png");
    --header-recut: url("/Images/recut-small-black.png");
    --header-netback: url("/Images/netback-small-black.png");
    --header-substitute: url("/Images/substitute-small-black.png");
    --header-blendopt: url("/Images/blendopt-small-black.png");
    --header-tools: url("/Images/tools-small-black.png");
    --header-rest-api: url("/Images/rest-small-black.png");
    --header-options: url("/Images/options-small-black.png");
    /*login page*/
    --events-box-color: #ebdfe0;
    --login-box-color: #DCE8ED;
    --news-box-color: #dedad2;
    --hsi-logo: url("/front/images/hsilogo-black.png");
}