/* COLORS */
:root {
  --active-highlight-bg: rgba(255, 255, 255, 0.5);
  --action-menu-bg: #d1dbe8;
  --action-menu-btn-bg: #e2e6ef;
  --action-menu-btn-invisible-bg: #8293a6;
  --alarm-disabled-stroke: rgba(255, 0, 0, 0.4);
  --app-accent: #009530;
  --app-accent-brand: #3dcd58;
  --app-accent-contrast: #fff;
  --app-accent-contrast-dim: rgba(255, 255, 255, 0.25);
  --app-accent-contrast-med: rgba(255, 255, 255, 0.5);
  --background-info-text: #c5cbd0;
  --btn-border: #c5cbd0;
  --btn-border-focus: #42b4e6;
  --btn-selected-focus: #278fbd;
  --btn-bg: #fff;
  --btn-bg-hover: #f0f5f9;
  --btn-icon-light: #b9c4cf;
  --btn-icon: #8293a6;
  --btn-icon-focus: #6c7a8a;
  --btn-light-accent: #d9f0fa;
  --chart-title: rgba(0, 0, 0, 0.2);
  --content-bg: #f8f9fb;
  --content-bg-accent: #fff;
  --content-bg-special: #f0f5f9;
  --description-text: #8293a6;
  --disabled-usr: #e2e9ef;
  --error-bg: #dc0a0a;
  --error-text: #fff;
  --header-bg: #304760;
  --header-text: #fff;
  --hidden-alarm: rgba(128, 128, 128, 0.5);
  --forced-bg: #e47f00;
  --forced-hover: rgba(0, 0, 0, 0.5);
  --grouping: #e2e9ef;
  --grouping-btn-border: #304760;
  --icon: rgba(130, 147, 166, 0.5);
  --info-text: rgba(48, 71, 96, 0.5);
  --item-hover: rgba(66, 180, 230, 0.2);
  --item-selected-hover: rgba(66, 180, 230, 0.8);
  --menu-alternative-bg: #f2f5f8;
  --placeholder-text: #6c7a8a;
  --popup-shadow: 10px 10px 40px rgba(0, 0, 0, 0.3);
  --save-bg: #e47f00;
  --save-hover: rgba(0, 0, 0, 0.5);
  --save-text: #fff;
  --schedule-bg-weekly: #3dcd58;
  --schedule-bg-weekly-transparent: #3dcd5880;
  --schedule-bg-weekly-hover: #35b24c;
  --schedule-bg-exception: #42b4e6;
  --schedule-bg-exception-transparent: #42b5e680;
  --schedule-bg-exception-hover: #278fbd;
  --schedule-text-weekly: #fff;
  --schedule-text-exception: #fff;
  --schedule-text-date: #b0b0b0;
  --schedule-grid: #d6d6d6;
  --schedule-today: #e47f00;
  --selected-text: #fff;
  --selected-text-info: rgba(255, 255, 255, 0.5);
  --selected-bg: #42b4e6;
  --selected-bg-dim: rgba(66, 180, 230, 0.2);
  --system-menu-bg: #313947;
  --system-menu-bg-accent: #464d5a;
  --system-menu-bg-accent2: #1d222a;
  --system-menu-text: #fff;
  --system-menu-group: #7a7d8b;
  --text-color: #304760;
  --tooltip-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3);
  --toolbar-text: #6c7a8a;
  --win-usr: #0077c8;
  --icon-container: #8293a6;
  --icon-active: #fff;
  --icon-outline: #fff;
  --icon-point: #f2c725;
  --icon-trend: #3dcd58;
  --icon-sys: #5af;
  --icon-error: #b10043;
  --icon-error2: #dc0a0a;
  --icon-view: #42b4e6;
  --icon-alarm: #e47f00;
  --icon-warn: #ffd100;
  --icon-ui: #304760;
  --icon-widget: #2e90bb;
  --icon-file: #009530;
  --icon-micronet: #90d2ee;
  --icon-gfx: #44c2c0;
  --icon-task: #6c7a8a;
  --icon-menu: #b0b0b0;
}

body.dark {
  --active-highlight-bg: rgba(0, 0, 0, 0.2);
  --action-menu-bg: #6c7a8a;
  --action-menu-btn-bg: #636f7e;
  --alarm-disabled-stroke: rgba(255, 0, 0, 0.6);
  --btn-bg: #414b5d;
  --btn-bg-hover: #6c7a8a;
  --btn-border: #5c6b84;
  --btn-icon-light: #475366;
  --btn-icon: #e2e9ef;
  --btn-icon-focus: #fff;
  --chart-title: rgba(255, 255, 255, 0.2);
  --content-bg: #282d35;
  --content-bg-accent: #313947;
  --content-bg-special: #3d4657;
  --disabled-usr: #475366;
  --grouping: #475366;
  --grouping-btn-border: #fff;
  --header-bg: #5c6b84;
  --hidden-alarm: rgba(255, 255, 255, 0.5);
  --info-text: rgba(255, 255, 255, 0.5);
  --menu-alternative-bg: #1d222a;
  --placeholder-text: #8293a6;
  --popup-shadow: 5px 5px 40px rgba(0, 0, 0, 0.5);
  --system-menu-bg: #1d222a;
  --system-menu-bg-accent2: #313947;
  --schedule-grid: #5c6b84;
  --text-color: #fff;
  --toolbar-text: #e2e9ef;
  --icon-ui: #f0f5f9;
  --icon-outline: #1d222a;
  scrollbar-color: #475366 #313947;
}

/* SIZE THEME */
:root {
  --fontsz-title: 25px;
  --fontsz-headline: 20px;
  --fontsz-input: 20px;
  --fontsz-header: 18px;
  --fontsz-subtext: 15px;
  --fontsz-content: 17px;
  --fontsz-label: 15px;
  --fontsz-btnlike: 15px;
  --fontsz-info: 13px;
  --fontsz-overlay: 9px;
  --fontsz-user: 13px;
  --checkbox-size: 32px;
  --button-height: 30px;
  --button-height-large: 44px;
  --toolbar-dropdown-height: 28px;
  --toolbar-icon-size: 20px;
  --toggle-height: 28px;
  --toggle-width: 52px;
  --tab-header-height: 38px;
  --editor-min-height: 56px;
  --header-height: 56px;
  --header-logo-padding: 0px;
  --padX1: 5px;
  --padX2: 10px;
  --padX3: 15px;
  --padX4: 20px;
  --padX5: 25px;
  --padX6: 30px;
  --item-height: 40px;
  --row-height: 54px;
  --extended-row-height: 63px;
  --alarm-state-size: 42px;
  --calendar-size: 403px;
  --alarm-state-big: 72px;
  --fontsz-alarm-state-big: 34px;
  --menu-width: 300px;
}

body.smallsize {
  --fontsz-title: 22px;
  --fontsz-headline: 17px;
  --fontsz-input: 17px;
  --fontsz-header: 15px;
  --fontsz-subtext: 13px;
  --fontsz-content: 15px;
  --fontsz-label: 13px;
  --fontsz-btnlike: 13px;
  --fontsz-info: 11px;
  --fontsz-user: 9px;
  --checkbox-size: 28px;
  --button-height: 26px;
  --button-height-large: 38px;
  --toolbar-dropdown-height: 24px;
  --toolbar-icon-size: 16px;
  --toggle-height: 24px;
  --toggle-width: 48px;
  --tab-header-height: 30px;
  --editor-min-height: 52px;
  --header-height: 48px;
  --padX1: 3px;
  --padX2: 6px;
  --padX3: 9px;
  --padX4: 12px;
  --padX5: 15px;
  --padX6: 18px;
  --item-height: 30px;
  --row-height: 44px;
  --extended-row-height: 58px;
  --alarm-state-size: 36px;
  --calendar-size: 330px;
}