:root {
  /****** color palette ******/
  --smcw-color-head: #2b3340;
  --smcw-color-body: #1a1d22;
  --smcw-color-active: #fe5656;
  --smcw-color-border: #e0e0e0;
  --smcw-color-placeholder: #fff;
  --smcw-color-icon: #fff;
  --smcw-color-icon-hover: #4cbddd;
  --smcw-color-collapsible: #2a303b;
  --smcw-color-collapsible-icon: #bfcbe6;
  --smcw-color-collapsible-text: #4cbddd;
  --smcw-color-collapsible-body: black;
  --smcw-color-login-icon: #fff;
  --smcw-color-login-icon-hover: #4cbddd;
  --smcw-color-scrollbar-track: #fff;
  --smcw-color-scrollbar-thumb: #4e6caa;
  --smcw-color-worklist-option-button: #627180;
  --smcw-color-emr: darkgrey;
  --smcw-color-cvr-background: currentColor;
  --smcw-color-worklist-length: #454b5b;
  --smcw-color-pagenate: #454b5b;
  --smcw-color-pagenate-text: #ffffff;
  --smcw-color-filter-text-color: #f2f2f2;
  --smcw-color-date-select-color: #f2f2f2;
  --smcw-color-select-text-color: #f2f2f2;
  --smcw-color-schema-select-text-color: #f2f2f2;
  --smcw-color-filter-background: #343946;
  --smcw-color-filter-border-color: transparent;
  --smcw-color-filter-active-background: #277bc8;
  --smcw-color-filter-active-text: #ffffff;
  --smcw-color-popup-background: #1a1d22;
  --smcw-color-popup-text: #c4d7e8;
  --smcw-color-popup-hover-text: #c4d7e8;
  --smcw-color-popup-hover: #277bc8;
  --smcw-color-popup-head-text: #c4d7e8;
  --smcw-color-popup-divider: #a0a5b9;
  --smcw-color-modal-close-button: #277bc8;
  --smcw-color-modal-cancel-button: #ffffff;
  --smcw-color-modal-cancel-button-text: #277bc8;
  --smcw-color-window-preset-button: #eff6fc;
  --smcw-color-window-preset-button-text: #454b5b;
  --smcw-color-window-preset-reset: #eff6fc;
  --smcw-color-window-preset-reset-text: #454b5b;
  --smcw-color-worklist-preview: #24272f;
  --smcw-color-worklist-preview-button: #343946;
  --smcw-color-worklist-preview-button-text: rgba(255, 255, 255, 0.8);
  --smcw-color-custom-button-text: rgba(255, 255, 255, 0.8);
  --smcw-color-custom-button: #24272f;
  --smcw-color-custom-active-button-text: #ffffff;
  --smcw-color-custom-active-button: #4397ee;
  --smcw-color-collapsible-header-even: #4a566a;
  --smcw-color-collapsible-header-odd: #4a566a;
  --smcw-color-collapsible-header-hover: darkslategray;
  --smcw-color-collapsible-header-active: lightslategray;
  --smcw-color-custom-active-study: #4d6caa;
  --smcw-color-custom-search-button: #ffffff;
  --smcw-color-custom-search: #24272f;
  --smcw-color-custom-search-color: #ffffff;
  --smcw-color-custom-search-border: none;
  --smcw-color-collapsible-header-text: #ffffff;
  --smcw-color-tool-active: #fe5656;
  --smcw-color-report-text: #c4d7e8;
  --smcw-color-report-name-text: #a0a5b9;
  --smcw-color-compare-reference-card-background: #454b5b;
  --smcw-color-compare-reference-card-border: #454b5b;
  --smcw-color-information-file-size-text: #ffffff;
  --smcw-color-information-file-path-text: #c4d7e8;
  --smcw-color-information-search-border: transparent;
  --smcw-color-draggable-helper: #ffffff;
  --smcw-color-sync-macro: #fff;
  --smcw-color-report-textarea: #2b3340;
  --smcw-color-report-title-color: #ffffff;
  --smcw-color-report-text-color: #ffffff;
  --smcw-color-report-textarea-label: #a0a5b9;
  --smcw-color-logout-button: #ffffff;
  --smcw-color-check-box-active: #277bc8;
  --smcw-color-ai-report-progress-background: #2a304d;
  --smcw-color-context-background: #343946;
  --smcw-color-context-head-text: #ffffff;
  --smcw-color-context-label: #a0a5b9;
  --smcw-color-select-color: #24272f;
  --smcw-color-date-color: #24272f;
  --smcw-color-nav-button: #24272f;
  --smcw-color-table-th-border-right: #627180;
  --smcw-color-table-th-border-bottom: #627180;
  --smcw-color-tab-content: #22252e;
  --smcw-color-tab-div: #1a1d22;
  --smcw-color-tab-active: #22252e;
  --smcw-color-tab-active-text: #ffffff;
  --smcw-color-custom-button-background: #699cff;
  --smcw-color-table-th-text: #a0a5b9;
  --smcw-color-context-menu-hover: #4c516a;
  --smcw-color-custom-switch-before: #4c516a;
  --smcw-color-custom-switch-after: #4299f1;
  --smcw-color-slider: #2a304d;
  --smcw-color-slider-thumb: #4299f1;
  --smcw-color-slider-thumb-active: #4299f1;
  --smcw-color-report-patient: #454b5b;
  --smcw-color-login-button: #03dac5;
  --smcw-color-preview-active: #fe5656;
  --smcw-color-group-card-body: #454b5b;
  --smcw-color-worklist-tab-active: #343946;

  --smcw-color-brush-tool-active: #bbd7ef;
  --smcw-color-report-textarea-border-top: #627180;
  --smcw-color-input-search-button: #ffffff;
  --smcw-color-signup-input-search-button: #ffffff;
  --smcw-color-select-theme: #a0a5b9;
  --smcw-color-input-date-icon: invert(1);

  --smcw-color-threshold-range-track: linear-gradient(to right, #eae3f8, #277bc8);
  --smcw-color-threshold-range-thumb: #4e6caa;
  --smcw-color-threshold-range-thumb-active: #277bc8;
  --smcw-color-filter-count-text: #ffffff;

  /* card */
  --smcw-color-patient-card: #277bc8;
  --smcw-color-patient-card-bolder: #277bc8;
  --smcw-color-patient-card-text: white;
  --smcw-color-card: #1d2738;
  --smcw-color-report-card: #627180;
  --smcw-color-report-text: #fff;
  --smcw-color-textbox: transparent;
  --smcw-color-textbox-text: #fff;
  --smcw-color-card-text: #fff;
  --smcw-color-study-date: #fff;
  --smcw-color-study-description: #fff;
  --smcw-color-patient-report-card-text: white;

  /* alert */
  --smcw-color-alert-header: #373f47;
  --smcw-color-alert-body: #627180;
  --smcw-color-alert-footer: #373f47;
  --smcw-color-alert-title: #fff;
  --smcw-color-alert-text: #fff;

  /* modal */
  --smcw-color-modal: #627180;
  --smcw-color-modal-text: #fff;
  --smcw-color-modal-icon: #fff;

  /* text */
  --smcw-color-text: #fff;
  --smcw-color-logo-text: #acacac;
  --smcw-color-active-text: #fff;
  --smcw-color-text-hover: #4cbddd;
  --smcw-color-title: #fff;
  --smcw-color-title-hover: #4cbddd;
  --smcw-color-emphasis-text: #4cbddd;
  --smcw-color-select-text: #fff;
  --smcw-color-select-label: #fff;
  --smcw-color-option-label: #fff;
  --smcw-color-row-span: #eeb443;
  --smcw-color-worklist-length-text: #ffffff;
  --smcw-color-worklist-length-border: #2a304d;

  /* button */
  --smcw-color-button: #84b6e8;
  --smcw-color-button-hover: #b8dbff;
  --smcw-color-option-button: #699cff;
  --smcw-color-search-button: #fff;
  --smcw-color-search-button-hover: #05c3a7;
  --smcw-color-refresh-button: #fff;
  --smcw-color-refresh-button-hover: #4cbddd;
  --smcw-color-brush-tool-button: #fff;
  --smcw-color-brush-tool-button-hover: #4cbddd;
  --smcw-color-liver-erase-button: #cc706a;
  --smcw-color-liver-erase-button-hover: #cc706a;
  --smcw-color-spleen-erase-button: #179b4a;
  --smcw-color-spleen-erase-button-hover: #179b4a;
  --smcw-color-move-button: #fff;
  --smcw-color-move-button-hover: #cc706a;
  --smcw-color-save-filter-button: #05c3a7;
  --smcw-color-reset-filter-button: #fff;
  --smcw-color-report-button: #878787;
  --smcw-color-alert-button: #277bc8;

  /* table */
  --smcw-color-table-text: #c4d7e8;
  --smcw-color-table-hover: #277bc8;
  --smcw-color-table-odd: #22252e;
  --smcw-color-table-even: #22252e;
  --smcw-color-table-border: #323237;
  --smcw-color-table-icon: #fff;
  --smcw-color-table-th: transparent;
  --smcw-color-table-th-bottom: #bbd7ef;
  --smcw-color-active-station: #4cbddd;
  --smcw-color-table-success: #28a745;
  --smcw-color-table-fail: #a80909;

  /* dicom */
  --smcw-color-dicom: black;

  /* calendar */
  --smcw-color-calendar-text: black;
  --smcw-color-calendar-text-hover: #cc706a;
  --smcw-color-calendar-select-button-text: #fff;

  /* dropdown */
  --smcw-color-dropdown: #dbe2fa;
  --smcw-color-dropdown-border: #277bc8;

  /* chat */
  --smcw-color-chat-left-background: #757986;
  --smcw-color-chat-right-background: #277bc8;
  --smcw-color-chat-date-text: #ffffff;
  --smcw-color-chat-datepicker: #454b5b;
  --smcw-color-chat-text: #ffffff;
  --smcw-color-chat-name: #56fecb;

  /****** font ******/
  --smcw-font-text: 'roboto-medium';
  --smcw-font-table-text: 'roboto-regular';

  /****** image *****/
  --smcw-image-calandar: url('../img/common/calandar-dark.svg');
  --smcw-image-remove: url('../img/tool/remove-dark.svg');

  /* report */
  --smcw-color-preset-button: #627180;
  --smcw-color-preset-button-active: skyblue;
  --smcw-color-report-preset-shortcut: #6a5acd;
  --smcw-color-report-preset-shortcut-shadow: #ecc488;

  /* date rage picker */
  --smcw-color-date-range-picker-text: #ffffff;
  --smcw-color-date-range-picker-background: #1a1d22;
  --smcw-color-date-range-picker-custom-button: #699cff;
  --smcw-color-date-range-picker-custom-select: #699cff;
  --smcw-color-date-range-picker-custom-button-text: white;
  --smcw-color-date-range-picker-active-background: #699cff;
  --smcw-color-date-range-picker-calendar-off-background: transparent;
  --smcw-color-date-range-picker-calendar-hover-background: #699cff;
  --smcw-color-date-range-picker-calendar-active-background: #699cff;
  --smcw-color-date-range-picker-calendar-inrange-background: #d5e4ff;
}