/*
  ======================
  defining theme colors:
  ======================
*/
/* 
    Created on : 2017/06/08, 10:31:54
    Author     : yoshee
*/
/*=========================================================
  Color settings by "class" or CSS value.
  Even though the best manner is to set the color attribute
  by "ID" of elements, sometimes you need to set colors to
  individual elements in the local CSS files.
  To keep global color settings staying in this file only,
  use these classes for any local elements.
  クラス(CSS value)によるカラーの設定
  本来カラーの設定はこのファイルのみで行われるべきだが、他のローカルな
  CSS ファイルで定義される要素に設定したくなることがある。
  そのような時は、ここで設定するクラスを使ってカラー設定を行うことにする。
  =========================================================
*/

:root {
    /* default color properties */
    --default-bg-color : gray;  /* default background color */
    --default-color : antiquewhite;  /* default text color (= #faebd7) */
    /* color properties for header bar and its components */
    --header-bg-color : #42556a;  /* background color of header part of app window */
    --header-color : #ffc6be;  /* text color on the header bar */
    --productname-color : antiquewhite;
    --title-color : antiquewhite;
    --header-title-color : antiquewhite;
    --header-link-color : antiquewhite;
    --header-func-color : #fff6ae; /* text color of the functions onthe header and footer bar */
    /* color properties for body part */
    --body-bg-color : #2b3e50;   /* background color of body part of app window */
    --contents-bg-color : #2b3e50;  /* background color of contents of app window */
    --filter-bg-color : #2b3e50;  /* background color of filter area */
    --table-bg-color : lightgray;  /* background color of filter area */
    --entry-bg-color : #2b3e50;  /* background color of filter area */
    /* color properties for footer bar and its components */
    --footer-bg-color : #42556a;  /* background color of footer part of app window */
    --footer-message-color : tomato;
    --footer-link-color : gold;
    /* color properties for ad-hoch messages */
    --message-err-color : tomato; /* simple error message */
    --message-alrt-color : gold;  /* alert message */
    --message-norm-color : antiquewhite; /* normal message */
    /* background colors for popup boxes (having 20% opacity) */
    --popup-bg-color : rgba(80,102,127,0.8);
    --popup-color : white;
    /* border colors for DIV box element */
    --box-border-color : #80889f;
    /* color properties for labels */    
    --text-color : antiquewhite;
    --text-hl-color : antiquewhite;
    /* color properties for special texts */
    --text-link-color : lightyellow;
    --text-link-hover-color : gold;
    --text-alert-color : gold;
    --text-error-color : tomato;
    --text-reverse-color : #333333;
    --text-reverse-bg-color : lightsteelblue;
    /* color properties for text boxes and selectors */
    --textbox-color : #333333;
    --textbox-bg-color : antiquewhite;
    --select-color : #333333;
    --select-bg-color : antiquewhite;
    /* color properties for article block */
    --article-bg-color : #D2DDF1; /* shirt blue */
    --article-color : #424F56; /* moon shadow */
    /* color properties window coverall (shade) */
    --shade-bg-color : #5c5c5c;
    /* color properties for all INPUT elements */
    --input-bg-color : antiquewhite;  /* BG color of INPUT fields in general */
    --input-color : #333333;  /* color of INPUT fields in general */
    --input-border-color : #787896;  /* border color of INPUT fields in general */
    --input-mandatory-bg-color : #F0FAFF;  /* BG color of the mandatory input fields */
    --input-missed-bg-color : #FAD296;    /* BG color of the missed input fields */
    --input-error-bg-color : #FAD296;   /* BG color of the validation error input fields */
    --input-disabled-bg-color : #EEEEEE;   /* BG color of the disabled input fields */
    --input-disabled-color : #777777;   /* color of the disabled input fields */
    --input-readonly-bg-color : #dddddd;   /* BG color of the read-only input fields */
    /* color properties for regular buttons */    
    --button-bg-color : #808080;  /* BG color of the regular button */
    --button-border-color : #333333;  /* BG color of the regular button */
    --button-color : antiquewhite;
    --button-hover-bg-color : #639099;  /* BG color of the regular button in hover */
    --button-hover-color : antiquewhite;
    --button-active-bg-color : #fbd069;  /* BG color of the regular button in hover */
    --button-active-color : #808080;
    --button-disabled-bg-color : #505050;  /* BG color of the regular button in hover */
    --button-disabled-color : #808080;
    /* color properties for tables and its parts */
    --table-header-bg-color : #3e526c;  /* slate gray */
    --table-header-color : #e0dfdf;
    --table-body-bg-color : #dddddd;
    --table-body-odd-bg-color : #eeeeee;
    --table-body-color : #2b3e50;
    --table-body-hover-bg-color : #ddeeff;
    --table-body-selected-bg-color : #a0c2f5;
    --table-border-color : #696969; /* dimgray */
    --table-span-in-rows-hover-color : gold;  /* TODO concider the color */
    --table-cell-color : antiquewhite;
    /* color properties for buttons on the menu screens */    
    --menu-button-bg-color : #4e5d6c;  /* BG color of the regular button */
    --menu-button-color : antiquewhite;
    --menu-button-hover-bg-color : #639099;  /* BG color of the menu button in hover */
    --menu-button-menu-hover-bg-color : #ab6e93;  /* BG color of the menu to menu button in hover */
    --menu-button-hover-color : antiquewhite;
    --menu-button-active-bg-color : #fbd069;  /* BG color of the menu button on click */
    --menu-button-active-color : #808080;
    /* color properties for buttons on header and footer bars */
    --header-button-bg-color : #102F52;  /* BG color of the header button */
    --header-button-color : antiquewhite;
    --header-button-hover-bg-color : #539D9D;  /* BG color of the header button in hover */
    --header-button-hover-color : antiquewhite;
    --header-button-active-bg-color : #fbd069;  /* BG color of the regular button in hover */
    --header-button-active-color : #808080;
    /* color properties for buttons on header and footer bars */
    --header-link-color : antiquewhite;
    --header-link-hover-bg-color : #537D8D;  /* BG color of the header link in hover */
    --header-link-hover-color : antiquewhite;
    /* color properties for UI-tab (override) */
    --tabbar-bg-color : #5f7288;  /* tab bar's background color */
    --tab-panel-bg-color : #3c4a60;  /* background color of tab panel */
    --tab-bg-color : #4e5d6c;  /* background color of unselected tabs */
    --tab-color : #d2d2b4;  /* text color on unselected tabs */
    --tab-selected-bg-color : #3c4a60;  /* background color of the selected tab */
    --tab-selected-color : antiquewhite;  /* text color on unselected tabs */
    --tab-hovered-bg-color : #608690;  /* background color of hovered tab. */
    --tab-hovered-color : #606060;  /* background color of hovered tab. */
    /* color properties for UI-dialog (override) */
    --dialog-bg-color : #2b3e50;
    --dialog-color : antiquewhite;
    --dialog-titlebar-bg-color : #42556a;  /* UI-dialog title bar background */
    --dialog-title-color : antiquewhite;
    --dialog-contents-bg-color : #2b3e50;
    --dialog-contents-color : antiquewhite;
    /* color properties for drawing graph */
    --graph-bg-color : #D2DDF1; /* shirt blue */
    --graph-color : #424F56; /* moon shadow */
    
    /* color properties for others (misc.) */
    --cell-border-color : antiquewhite; /* border color of table's cell */
    --notification : #6f759c;
    /* color properties for labels specifying function panels like radio button group */
    --panel-group-color : #add8e6;  /* light blue */
    --panel-bg-color : #425770;
    --panel-color : #161616;
    /* color properties for dashboard */
    --dash-value-color : #2b3e50;
    --dash-value-bg-color : #dddddd;
    /* color properties for calendars */
    --calendar-title-bg-color : cadetblue;
    --calendar-weekday-color : antiquewhite;
    --calendar-sunday-color : tomato;
    --calendar-saturday-color : skyblue;
    --calendar-off-shippng-bg-color : #949044;
    /* color properties for "contrast" charts */
    --chart-contrast-line-color : antiquewhite;
    --chart-contrast-text-color : antiquewhite;
    --chart-contrast-minor-color : #CFFF82;
    --chart-contrast-major-color : #FFA978;
    /* color properties for "scientific" charts */
    --scientific-chart-bg-color : #212240;
    --scientific-chart-scale-color : #CFCFCF;
    --scientific-chart-color : #CFCFCF;
    /* color properties for "video streaming" screen */
    --video-outer-frame-color : #40454c;
    --video-bg-color : #787878;
    --video-letter-color : antiquewhite;
}