:root {
  --col-icon-blue: #006499;
  --col-font-hl: #006499;
  --col-font-main: #333333;
  --record-hover-gray: #e7e7e9;
  --usual-black: #333333;
  --active-blue: #369cd4;
  --success: #2bb830;
  --warning: #ff6700;
  --error: #c72c29;
  --in-progress: grey;
  --border-line: #c8c7cc;
  --nav-bar-color: #8e8e93;
  --box-copyright: #8e8e93;
  --nav-bar-border-color: #c8c7cc;
  --nav-bar-bottom: #777777;
  --lite-blue: #f0faff;
  --lite-grey: #e6e8e8;
  --bg-nested-2: #f4f4f7;
  --col-white: #ffffff;
  --col-black: #333;
  --col-black-text: #444;
  --col-grey-border: #ddd;
  --col-grey-border-bottom: #eee;
  --col-header: white;
  --col-header-tab-hover: #d0dffa;
  --col-header-tab-active: #369cd4;
  --col-tab-hover: #d0dffa;
  --col-tab-active: #369cd4;
  --col-btn: #369cd4;
  --col-btn-hover: #3395ff;
  --col-btn-disabled: #66afff;
  --col-action-text: #007aff;
  --col-list-item-active: #d6f1ff;
  --col-list-tabs: #f0faff;
  --col-list-tabs-icons: #006499;
  --col-link: #007aff;
  --col-link-hover: #004999;
  --col-queue-icons: #007aff;
  --col-create-icons: #006499;
  --col-create-tab-text: #2d99cb;
  --col-preview-borders: #c8c7cc;
  --col-general-border: #e6e8e8;
  --col-secondary-background: #f0faff;
  --col-h1-title: #333;
  --col-secondary-h1-title: #ba3925;
  --col-h2-sub-title: #006499;
  --col-general-separator: #d8d8d8;
  --col-general-hr: #eee;
  --col-main-icons: #006499;
  --col-secondary-icons: #007aff;
  --col-active: #369cd4;
  --col-inactive: #c8c8c8;
  --col-button-default: #ffffff;
  --col-side-menu-background: #ffffff;
  --col-side-menu-hover: #e7e7e9;
  --col-side-menu-text: #333333;
  --col-side-menu-active: #369cd4;
  --col-side-menu-active-text: #ffffff;
  --col-side-menu-arrow-icon-inactive: #c8c7cc;
  --col-side-menu-arrow-icon-active: #ffffff;
  --col-listing-row-text: #333;
  --col-listing-row-hover-background: #e7e7e9;
  --col-listing-row-active: #d6f1ff;
  --col-create-buttons-background: #39be5e;
  --col-create-buttons-text: #ffffff;
  --col-create-buttons-hover-background: #00c007;
  --col-buttons-background: #007aff;
  --col-buttons-border: #007aff;
  --col-buttons-text: #f7f7f8;
  --col-buttons-hover-text: #ffffff;
  --col-disabled-buttons-background: #66afff;
  --col-disabled-buttons-border: #66afff;
  --col-disabled-buttons-text: #ffffff;
  --col-navigation-bar-text: #777;
  --col-navigation-bar-background: #ffffff;
  --col-navigation-edge-border: #c8c7cc;
  --col-sub-menu-text: #888;
  --col-sub-menu-active-text: #555;
  --col-sub-menu-active-background: #fff;
  --col-sub-menu-borders: #d8d8d8;
  --col-create-new-server-image-border: #ddd;
  --col-create-new-server-specs-border: #ebebeb;
  --col-create-new-server-specs-border-hover: #d0dffa;
  --col-create-new-server-borders-active: #369cd4;
  --col-create-new-server-categories-text: #555;
  --col-create-new-server-specs-text: #444444;
  --col-create-new-server-more-button-text: #2d99cb;
  --col-create-new-server-titles: #333333;
  --col-tabs-inactive-border: #dddddd;
  --col-tabs-active-border: #369cd4;
  --col-tabs-text: #333333;
  --col-tabs-hover: #d0dffa;
  --col-checkbox-border: #c8c7cc;
  --col-checkbox-unselected-background: #ffffff;
  --col-checkbox-selected-background: #007aff;
  --col-checkbox-selected-marked-box: #fff;
  --col-dropdown-menu-titles: #777;
  --col-dropdown-menu-text: #007aff;
  --col-dropdown-menu-disabled: #777;
  --col-dropdown-menu-hover: #f5f5f5;
  --col-dashboard-box: #b5b5b5;
  --col-dashboard-icon-background: #ededed;
  --col-dashboard-icon-hover: #0b95dd;
  --col-task-queue-borders: #ddd;
  --col-task-queue-hover: #f8f8ff;
  --preview-col-general-border: #e6e8e8;
  --preview-col-secondary-background: #f0faff;
  --preview-col-h1-title: #333;
  --preview-col-secondary-h1-title: #ba3925;
  --preview-col-h2-sub-title: #006499;
  --preview-col-general-separator: #d8d8d8;
  --preview-col-general-hr: #eee;
  --preview-col-link: #007aff;
  --preview-col-link-hover: #004999;
  --preview-col-main-icons: #006499;
  --preview-col-secondary-icons: #007aff;
  --preview-col-active: #369cd4;
  --preview-col-inactive: #c8c8c8;
  --preview-col-button-default: #ffffff;
  --preview-col-side-menu-background: #ffffff;
  --preview-col-side-menu-hover: #e7e7e9;
  --preview-col-side-menu-text: #333333;
  --preview-col-side-menu-active: #369cd4;
  --preview-col-side-menu-active-text: #ffffff;
  --preview-col-side-menu-arrow-icon-inactive: #c8c7cc;
  --preview-col-side-menu-arrow-icon-active: #ffffff;
  --preview-col-listing-row-text: #333;
  --preview-col-listing-row-hover-background: #e7e7e9;
  --preview-col-listing-row-active: #d6f1ff;
  --preview-col-create-buttons-background: #39be5e;
  --preview-col-create-buttons-text: #ffffff;
  --preview-col-create-buttons-hover-background: #00c007;
  --preview-col-buttons-background: #007aff;
  --preview-col-buttons-border: #007aff;
  --preview-col-buttons-text: #f7f7f8;
  --preview-col-buttons-hover-text: #ffffff;
  --preview-col-disabled-buttons-background: #66afff;
  --preview-col-disabled-buttons-border: #66afff;
  --preview-col-disabled-buttons-text: #ffffff;
  --preview-col-navigation-bar-text: #777;
  --preview-col-navigation-bar-background: #ffffff;
  --preview-col-navigation-edge-border: #c8c7cc;
  --preview-col-sub-menu-text: #888;
  --preview-col-sub-menu-active-text: #555;
  --preview-col-sub-menu-active-background: #fff;
  --preview-col-sub-menu-borders: #d8d8d8;
  --preview-col-create-new-server-image-border: #ddd;
  --preview-col-create-new-server-specs-border: #ebebeb;
  --preview-col-create-new-server-specs-border-hover: #d0dffa;
  --preview-col-create-new-server-borders-active: #369cd4;
  --preview-col-create-new-server-categories-text: #555;
  --preview-col-create-new-server-specs-text: #444444;
  --preview-col-create-new-server-more-button-text: #2d99cb;
  --preview-col-create-new-server-titles: #333333;
  --preview-col-tabs-inactive-border: #dddddd;
  --preview-col-tabs-active-border: #369cd4;
  --preview-col-tabs-text: #333333;
  --preview-col-tabs-hover: #d0dffa;
  --preview-col-checkbox-border: #c8c7cc;
  --preview-col-checkbox-unselected-background: #ffffff;
  --preview-col-checkbox-selected-background: #007aff;
  --preview-col-checkbox-selected-marked-box: #fff;
  --preview-col-dropdown-menu-titles: #777;
  --preview-col-dropdown-menu-text: #007aff;
  --preview-col-dropdown-menu-disabled: #777;
  --preview-col-dropdown-menu-hover: #f5f5f5;
  --preview-col-dashboard-box: #b5b5b5;
  --preview-col-dashboard-icon-background: #ededed;
  --preview-col-dashboard-icon-hover: #0b95dd;
  --preview-col-task-queue-borders: #ddd;
  --preview-col-task-queue-hover: #f8f8ff;
  --col-secondary-link: #005498;
  --preview-col-secondary-link: #005498;
  --col-secondary-link-hover: #00467f;
  --preview-col-secondary-link-hover: #00467f;
}