$base-font-family: "SF Pro Display", sans-serif;
$base-accent: #7ab8eb;
$base-label-color: #8c8c8c;
$base-link-color: #7ab8eb;
$base-icon-color: #99a1a8;
$base-text-color: #333333;
$base-bg: #ffffff;
$base-border-color: #e8eaeb;
$base-border-radius: 2px;
$base-success: #5cb85c;
$base-warning: #f0ad4e;
$base-danger: #d9534f;
$base-hover-color: #333333;
$base-hover-bg: #0000000a;
$base-focus-color: #ffffff;
$base-focus-bg: #7ab8eb;
$base-invalid-color: #d9534f;
$base-invalid-faded-border-color: #d9534f66;
$base-border-radius-small: 1px;
$base-border-radius-large: 4px;
$button-normal-color: #333333;
$button-normal-bg: #ffffff;
$button-normal-border-color: #cacfd1;
$button-default-color: #ffffff;
$button-default-bg: #7ab8eb;
$button-default-border-color: #64ace8;
$button-danger-color: #ffffff;
$button-danger-bg: #d9534f;
$button-danger-border-color: #d43f3a;
$button-success-color: #ffffff;
$button-success-bg: #5cb85c;
$button-success-border-color: #4cae4c;
$list-border-color: #e8eaeb;
$list-group-color: #99a1a8;
$list-group-header-bg: #fafafa;
$list-normal-color: #333333;
$list-item-hover-bg: #0000000a;
$list-item-selected-bg: #0000001a;
$list-item-focused-selected-bg: #7ab8ebb3;
$list-focused-bg: #7ab8eb;
$list-item-active-bg: #7ab8eb;
$fieldset-field-label-color: #8c8c8c;
$checkbox-border-color: #e8eaeb;
$checkbox-focused-borderd-color: #7ab8eb;
$checkbox-bg: #ffffff;
$checkbox-hover-border-color: #459ce3;
$checkbox-active-icon-bg: #60606033;
$button-group-normal-selected-color: #333333;
$button-group-normal-selected-bg: #0000002b;
$button-group-default-selected-color: #7ab8eb;
$button-group-default-selected-bg: #7ab8eb4d;
$button-group-danger-selected-color: #d9534f;
$button-group-danger-selected-bg: #d9534f4d;
$button-group-success-selected-color: #5cb85c;
$button-group-success-selected-bg: #5cb85c4d;
$scrollable-scroll-bg: #3895e1cc;
$scrollable-scrollbar-active-bg: #bfbfbf33;
$switch-border-color: #e8eaeb;
$switch-on-color: #333333;
$switch-container-active-bg: #60606033;
$switch-off-color: #999999;
$tabs-tab-color: #333333;
$tabs-tab-selected-color: #333333;
$tabs-tab-bg: #f7f7f7;
$tabs-tab-selected-bg: #ffffff;
$tabs-border-color: #e8eaeb;
$tabs-focused-border-color: #7ab8eb;
$tabs-tab-hover-bg: #ffffff;
$badge-color: #ffffff;
$badge-bg: #63a1d4;
$overlay-content-bg: #ffffff;
$overlay-shader-bg: #ffffffcc;
$overlay-focus-border-color: #e8eaeb;
$textbox-search-icon-color: #99a1a8;
$texteditor-color: #333333;
$texteditor-placeholder-color: #999999;
$texteditor-bg: #ffffff;
$texteditor-filled-bg: #3333330d;
$texteditor-border-color: #e8eaeb;
$texteditor-focused-border-color: #7ab8eb;
$texteditor-hover-border-color: #7ab8eb66;
$dropdowneditor-button-hover-bg: #e6e6e6;
$dropdowneditor-button-active-bg: #b3b3b3;
$dropdowneditor-icon-color: #99a1a8;
$dropdowneditor-icon-active-color: #99a1a8;
$numberbox-spin-active-bg: #b3b3b3;
$numberbox-spin-hover-border-color: transparent;
$numberbox-spin-icon-color: #99a1a8;
$calendar-color: #333333;
$calendar-header-color: #99a1a8;
$calendar-cell-other-color: #b0b0b0;
$calendar-bg: #ffffff;
$calendar-hover-bg: #edf0f2;
$calendar-cell-selected-bg: #7ab8eb;
$calendar-cell-active-bg: #60606033;
$calendar-border-color: #e8eaeb;
$calendar-navigator-border-color: #e8eaeb;
$calendar-navigator-hover-border-color: #e8eaeb;
$calendar-shevron-icon-color: #7ab8eb;
$loadindicator-bg: #7ab8eb;
$treeview-focused-bg: #7ab8eb;
$treeview-hover-bg: #0000000a;
$treeview-border-color: #e8eaeb;
$treeview-item-selected-color: #333333;
$treeview-spin-icon-color: #99a1a8;
$menu-popup-bg: #ffffff;
$menu-item-hover-bg: #0000000a;
$menu-color: #333333;
$menu-item-hovered-color: #333333;
$menu-item-expanded-color: #333333;
$menu-item-selected-bg: #e6e6e6;
$menu-popup-border-color: #e8eaeb;
$selectbox-list-bg: #ffffff;
$toolbar-bg: #ffffff;
$popup-title-bg: transparent;
$tileview-color: #333333;
$toast-color: #ffffff;
$toast-info-bg: #7ab8eb;
$toast-warning-bg: #f0ad4e;
$toast-error-bg: #d9534f;
$toast-success-bg: #5cb85c;
$progressbar-bg: #dddddd;
$progressbar-range-bg: #7ab8eb;
$tooltip-color: #333333;
$tooltip-bg: #ffffff;
$tooltip-border-color: #e8eaeb;
$slider-bar-bg: #e8eaeb;
$slider-range-bg: #7ab8eb;
$gallery-indicator-bg: #ffffff;
$gallery-indicator-item-selected-bg: #7ab8eb;
$gallery-indicator-focused-bg: #3895e1;
$gallery-navbutton-hover-color: #7ab8eb80;
$gallery-nav-arrow-color: #ffffff;
$gallery-navbutton-active-color: #7ab8ebb3;
$loadpanel-content-bg: #ffffff;
$tagbox-tag-color: #333333;
$tagbox-tag-bg: #dddddd;
$tagbox-tag-button-remove-bg: #aaaaaa;
$radiogroup-checked-bg: #7ab8eb;
$radiobutton-active-bg: #60606033;
$accordion-color: #333333;
$accordion-title-color: #333333;
$accordion-item-title-opened-bg: transparent;
$accordion-item-border-color: #e8eaeb;
$accordion-item-focused-border-color: #7ab8eb;
$accordion-title-active-color: #333333;
$accordion-item-hover-bg: #0000000a;
$accordion-icon-active-color: #333333;
$colorbox-overlay-bg: #ffffff;
$datagrid-base-color: #333333;
$datagrid-base-background-color: #ffffff;
$datagrid-border-color: #e8eaeb;
$datagrid-columnchooser-item-color: #0996c2;
$datagrid-columnchooser-font-weight: bold;
$datagrid-drag-header-border-color: #7ab8eb80;
$datagrid-selection-bg: #d1e0ed;
$datagrid-row-selected-border-color: #e1ecf5;
$datagrid-row-selected-color: #333333;
$datagrid-row-focused-color: #ffffff;
$datagrid-row-focused-bg: #95c6ef;
$datagrid-hover-bg: #edf0f2;
$datagrid-menu-icon-color: #99a1a8;
$datagrid-cell-modified-border-color: #5cb85c80;
$datagrid-row-invalid-faded-border-color: #d9534f66;
$datagrid-nodata-color: #99a1a8;
$datagrid-group-row-color: #99a1a8;
$datagrid-group-row-bg: #fafafa;
$datagrid-search-color: #ffffff;
$datagrid-spin-icon-color: #99a1a8;
$datagrid-search-bg: #7ab8eb;
$datagrid-row-error-color: #ffffff;
$datagrid-row-error-bg: #e89895;
$datagrid-link-color: #7ab8eb;
$datagrid-focused-border-color: #95c6ef;
$datagrid-editor-bg: #ffffff;
$datagrid-columnchooser-bg: #ffffff;
$datagrid-row-alternation-bg: #fafafa;
$datagrid-summary-color: #99a1a8;
$pager-page-selected-color: #333333;
$pager-page-selected-bg: #e8eaeb;
$pivotgrid-area-color: #99a1a8;
$pivotgrid-totalcolor: #f5f5f5b3;
$pivotgrid-grandtotalcolor: #f5f5f5;
$pivotgrid-field-area-text-color: #565e65;
$pivotgrid-spin-icon-color: #99a1a8;
$fileuploader-filename-color: #333333;
$fileuploader-falename-status-color: #999999;
$fileuploader-border-color: #e8eaeb;
$scheduler-base-border-color: #e8eaeb99;
$scheduler-accent-border-color: #cdd1d3;
$scheduler-appointment-text-color: #ffffff;
$scheduler-appointment-base-color: #7ab8eb;
$scheduler-appointment-start-color: #0000004d;
$scheduler-first-month-border-color: #b1b8bc;
$scheduler-workspace-focused-cell-color: #e9f3fc;
$scheduler-current-time-cell-color: #7ab8eb;
$scheduler-time-indicator-color: #bddcf5;
$form-field-item-color: #8c8c8c;
$form-group-border-color: #d5d9da;
$filterbuilder-text-color: #333333;
$filterbuilder-text-focus-color: #ffffff;
$filterbuilder-plus-icon-color: #5cb85c4d;
$filterbuilder-remove-icon-color: #d9534f4d;
$filterbuilder-group-operation-color: #d9534f4d;
$filterbuilder-item-field-color: #7ab8eb4d;
$filterbuilder-item-operator-color: #5cb85c4d;
$filterbuilder-item-value-color: #e8eaeb80;
$filterbuilder-menu-icon-color: #99a1a8;
$drawer-shader-background-color: #00000080;