// Brand colors
$coin: #999999 !default;
$warn: #ff8800 !default;
$danger: #E61E1E !default;
$success: #1A8517 !default;


$primaryColor: #0d3f61 !default;
$primaryColorAlt: darken($primaryColor, 15%) !default;
$primaryOther: $primaryColorAlt;
$accentColor: $warn !default;
$accentColorAlt: darken($accentColor, 15%) !default;

// Secondary colors

$secondaryColor: #d1e2ed !default;
$secondaryColorAlt: #b8cfde !default;
$successColor: $success !default;
$successColorAlt: darken($successColor, 15%) !default;
$dangerColor: $danger !default;
$dangerColorAlt: darken($dangerColor, 15%) !default;
$warningColor: #fcf8e3 !default; //FIXME Change to a color that could be used as button color
$warningColorAlt: darken($warningColor, 15%) !default; //faebcc

// Neutral colors

$blackColor: #2f2f2f !default;
$darkerGrayColor: $coin !default;
$darkGrayColor: #666666 !default;
$mediumDarkGray: #72777C !default;
$mediumGrayColor: #c8ccd1 !default;
$lightGrayColor: #e2e6e9 !default;
$lightestGrayColor: #f9f9f9 !default;
$whiteColor: #ffffff !default;

$baseTextColor: $blackColor !default;
$importantDescriptionColor: $blackColor !default;
$helpDescriptionColor: $darkGrayColor !default;

// Custom Controls
$customControlsColor: $primaryColor !default;
$customControlsColorHover: $primaryColor !default;
$customControlsColorDisabled: $mediumGrayColor !default;
$customControlsOutline: $secondaryColorAlt !default;
$customControlsDisabledColor: $mediumGrayColor !default;
$customCaretColor: $primaryColor !default;
$customControlsTextShadowFocus: 0 0 7px $customControlsOutline, 0 0 7px $customControlsOutline, 0 0 7px $customControlsOutline, 0 0 7px $customControlsOutline !default;
$customControlsBgColorFocus: $customControlsOutline !default;

// Menu
$menuBackgroundColor: $secondaryColor !default;
$menuBorderColor: $secondaryColor !default;
$menuLinkColor: $primaryColor !default;
$menuIconColor: $primaryColor !default;
$menuActiveLinkBackgroundColor: $secondaryColorAlt !default;
$menuActiveLinkColor: $primaryColor !default;
$menuActiveIconColor: $primaryColor !default;
$menuBorderLeftColor: $primaryColor !default;
$menuActiveBorderLeftColorHover: $primaryColor !default;
$menuActiveLinkColorHover: $primaryColor !default;
$menuBorderLeftColorHover: $primaryColor !default;
$menuColorHover: $primaryColor !default;
$menuOtherColorHover: $primaryColor !default;

// Menu Sub
$menuSubBorderColor: $menuBackgroundColor !default;
$menuSubBackgroundColor: transparent !default;
$menuSubLinkColor: $primaryColor !default;
$menuSubIconColor: $primaryColor !default;
$menuSubActiveLinkBackgroundColor: $secondaryColor !default;
$menuSubActiveLinkColor: $primaryColor !default;
$menuSubActiveIconColor: $primaryColor !default;
$menuSubHoverLinkBackgroundColor: $secondaryColorAlt !default;
$menuSubHoverLinkColor: $primaryColor !default;
$menuSubHoverIconColor: $primaryColor !default;

// Menu Nested
$menuNestedBorderColor: $menuBackgroundColor !default;
$menuNestedBackgroundColor: $menuBackgroundColor !default;
$menuNestedLinkColor: $darkGrayColor !default;
$menuNestedIconColor: $darkGrayColor !default;
$menuNestedActiveLinkBackgroundColor: $menuActiveLinkBackgroundColor !default;
$menuNestedActiveLinkColor: $menuLinkColor !default;
$menuNestedActiveIconColor: $menuIconColor !default;
$menuNestedHoverLinkBackgroundColor: $menuActiveLinkBackgroundColor !default;
$menuNestedHoverLinkColor: $menuColorHover !default;
$menuNestedHoverIconColor: $menuColorHover !default;

// Pagination
$paginationActiveBackground: $lightGrayColor !default;
$paginationActiveColor: $blackColor !default;

// Checkbox Group
$checkboxGroupHeaderBorderColor: $lightGrayColor !default;

// External
$externalDeviceOrdersManagementBackground: $whiteColor !default;

// Grid
$gridHeaderSortBackground: $lightestGrayColor !default;

// Grid Row Actions
$gridRowActionColor: $primaryColor !default;
$gridRowActionSeparatorColor: $primaryColor !default;
$gridRowActionHoverColor: $primaryColorAlt !default;
$gridRowActionSeparatorHoverColor: $primaryColorAlt !default;

// Highlighter
$highlightColor: lighten($warn, 40%) !default;
$highlightShadowColor: rgba(100, 100, 100, 0.35)!default;

// Icons
$iconDndTakeAllCall: $success !default;
$iconDndNoDeptCalls: $warn !default;
$iconDndDenyAllCalls: $danger !default;
$iconExtensionEnabled: $successColor !default;
$iconExtensionLocked: $darkGrayColor !default;
$iconExtensionDisabled: $dangerColor !default;
$iconExtensionNotActivated: $darkGrayColor !default;
$iconExtensionFreezed: $darkGrayColor !default;
$iconPhoneOnline: $successColor !default;
$iconPhoneOffline: $dangerColor !default;
$iconPhoneInUse: $dangerColor !default;
$iconPhoneFree: $successColor !default;
$iconPhoneOrderInProgress: $darkGrayColor !default;
$iconMoreInfo: $primaryColor !default;
$iconMoreInfoHover: $primaryColorAlt !default;
$iconCheckbox: $primaryColor !default;

// Modal
$modalHeaderBackground: $lightestGrayColor !default;

// Block
$blockBorderColor: $mediumGrayColor !default;

// Bordered List
$borderedListBorderColor: $mediumGrayColor !default;
$borderedListItemBackgroundColor: $lightestGrayColor !default;

// Store Selected Records
$storeSelectedRecordsInactiveColor: $darkGrayColor !default;

// Normalize
$headerColor: $blackColor !default;

// CTA link buttons
$ctaLinkColor: $primaryColor !default;
$ctaLinkColorHover: $primaryColor !default;
$ctaLinkDisabledColor: $mediumGrayColor !default;
$ctaLinkDisabledColorHover: $mediumGrayColor !default;
$ctaLinkDisabledColorHoverContrast: $darkGrayColor !default;

// Note component
$noteTextColor: $darkGrayColor !default;

// Override Bootstrap variables
// =============================================================================
$brand-primary: $primaryColor !default;
$brand-success: $successColor !default;
$brand-warning: $warningColor !default;
$brand-danger: $dangerColor !default;
$text-muted: $darkGrayColor !default;
$text-color: $blackColor !default;

$gray-base: #000000 !default;
$gray-darker: $blackColor !default;
$gray-dark: $darkGrayColor !default;
$gray: $mediumGrayColor !default;
$gray-light: $lightGrayColor !default;
$gray-lighter: $lightestGrayColor !default;

$link-hover-color: $primaryColorAlt !default;

$table-bg-hover: $lightestGrayColor !default;
$table-border-color: $lightGrayColor !default;

$panel-default-text: $blackColor !default;
$panel-default-heading-bg: $lightestGrayColor !default;
$panel-footer-bg: $whiteColor !default;
$panel-inner-border: $lightGrayColor !default;
$panel-default-border: $lightGrayColor !default;

$modal-content-fallback-border-color: $lightGrayColor !default;
$modal-content-border-color: $lightGrayColor !default;
$modal-header-border-color: $lightGrayColor !default;
$modal-footer-border-color: $lightGrayColor !default;

$nav-tabs-link-color: $primaryColor !default;
$nav-tabs-link-hover-color: $primaryColorAlt !default;
$nav-tabs-link-active-color: $primaryColor !default;
$nav-tabs-border-color: $lightGrayColor !default;
$nav-tabs-active-link-hover-color: $primaryColor !default;
$nav-disabled-link-color: $darkGrayColor !default;
$nav-disabled-link-hover-color: $darkGrayColor !default;

$navbar-default-bg: $lightestGrayColor !default;
$navbar-default-color: $darkGrayColor !default;
$navbar-default-link-color: $primaryColor !default;
$navbar-default-link-hover-color: $primaryColorAlt !default;
$navbar-default-brand-color: $blackColor !default;
$navbar-default-brand-hover-color: $blackColor !default;

$tooltip-color: $blackColor !default;
$tooltip-bg: $warningColor !default;
$tooltip-arrow-color: $warningColor !default;

$dismissible-alert-color: $darkGrayColor !default;
$dismissible-alert-bgColor: $warningColor !default;

$btn-default-color: $primaryColor !default;
$btn-default-bg: $whiteColor !default;
$btn-default-border: $mediumGrayColor !default;
$btn-default-color-hover: $primaryColor !default;
$btn-default-bg-hover: $secondaryColorAlt !default;
$btn-default-border-hover: $secondaryColorAlt !default;
$btn-default-color-disabled: $mediumGrayColor !default;
$btn-default-bg-disabled: $whiteColor !default;
$btn-default-border-disabled: $mediumGrayColor !default;

$btn-primary-color: $whiteColor !default;
$btn-primary-bg: $primaryColor !default;
$btn-primary-border: $primaryColor !default;
$btn-primary-color-hover: $whiteColor !default;
$btn-primary-bg-hover: $primaryColorAlt !default;
$btn-primary-border-hover: $primaryColorAlt !default;
$btn-primary-color-disabled: $whiteColor !default;
$btn-primary-bg-disabled: $mediumGrayColor !default;
$btn-primary-border-disabled: $mediumGrayColor !default;

$btn-danger-color: $whiteColor !default;
$btn-danger-bg: $dangerColor !default;
$btn-danger-border: $dangerColor !default;
$btn-danger-color-hover: $whiteColor !default;
$btn-danger-bg-hover: $dangerColorAlt !default;
$btn-danger-border-hover: $dangerColorAlt !default;
$btn-danger-color-disabled: $whiteColor !default;
$btn-danger-bg-disabled: $mediumGrayColor !default;
$btn-danger-border-disabled: $mediumGrayColor !default;

$btn-success-color: $whiteColor !default;
$btn-success-bg: $successColor !default;
$btn-success-border: $successColor !default;
$btn-success-color-hover: $whiteColor !default;
$btn-success-bg-hover: $successColorAlt !default;
$btn-success-border-hover: $successColorAlt !default;
$btn-success-color-disabled: $whiteColor !default;
$btn-success-bg-disabled: $mediumGrayColor !default;
$btn-success-border-disabled: $mediumGrayColor !default;

$btn-warning-color: $whiteColor !default;
$btn-warning-bg: $warningColor !default;
$btn-warning-border: $warningColor !default;
$btn-warning-color-hover: $whiteColor !default;
$btn-warning-bg-hover: $warningColorAlt !default;
$btn-warning-border-hover: $warningColorAlt !default;
$btn-warning-color-disabled: $whiteColor !default;
$btn-warning-bg-disabled: $mediumGrayColor !default;
$btn-warning-border-disabled: $mediumGrayColor !default;

$alert-warning-text: $darkGrayColor !default;

$hr-border: $lightGrayColor !default;

$input-border: $mediumGrayColor !default;
$input-color: $blackColor !default;
$input-border-focus: lighten($primaryColor, 40%) !default;

// Form states and alerts
$state-danger-text: $dangerColor !default;
$state-success-text: $successColor !default;

// Dropdowns
$dropdown-link-color: $darkGrayColor !default;
$dropdown-link-hover-color: $primaryColor !default;
$dropdown-link-hover-bg:$lightestGrayColor !default;
$dropdown-link-active-color: $primaryColor !default;
$dropdown-link-active-bg: $lightestGrayColor !default;
$dropdown-link-disabled-color: $mediumGrayColor !default;

// RegularSelect
$dropdown-filter-wrapper-bg-color: $lightestGrayColor !default;
$dropdown-filter-wrapper-border-color: $mediumGrayColor !default;

// HeaderIcon
$header-icon-background-color: #eee !default;

// Media
$mediaDefaultColor: $blackColor !default;


//Wells
$well-bg: $lightestGrayColor !default;
$well-border: $lightGrayColor !default;

//Audio
$audio-primary-color: $primaryColor !default;

//Toggle
$toggle-on-color: $primaryColor !default;
$toggle-on-hover-bg-color: $primaryColorAlt !default;
$toggle-off-border-color: $mediumGrayColor !default;
$toggle-off-hover-bg-color: $lightestGrayColor !default;
$toggle-hover-enabled-color: $lightestGrayColor !default;

$iconShield: $primaryColor !default;

// Notifications
$notification-success: $success !default;
$notification-neutral: $darkGrayColor !default;
$notification-warning: $warn !default;
$notification-error: $danger !default;
$notification-fatal: $danger !default;
$notification-text: $whiteColor !default;
$notification-shadow-color: rgba(0,0,0,.2) !default;

// Breadcrumbs
$breadcrumbs-color: $primaryColor !default;
$breadcrumbs-color-no-handler: $darkGrayColor !default;
$breadcrumbs-fade-color: $whiteColor !default;

// Column Tree View
$column-tree-view-border: $lightGrayColor;
$column-tree-view-text: $blackColor;
$column-tree-view-text-highlight: $primaryColor;
$column-tree-view-background-selected: $lightestGrayColor;
$column-tree-view-background-highlight: $lightGrayColor;
$column-tree-view-background-active: $secondaryColorAlt;

// Dropzone
$dropzone-border: $mediumGrayColor !default;
$dropzone-border-active: $primaryColor !default;
$dropzone-bg-active: $secondaryColor !default;
$dropzone-bg-disabled: $lightestGrayColor !default;

//DatePicker
$dayPickerSelectedSpanBackGround: #bdc3c7 !default;
$dayPickerShadowColor: RGBa(0, 0, 0, 0.12) !default;

//Accordion
$accordion-header-border-color: $lightGrayColor !default;

//CatalogItemIcon
$catalog-item-icon-default-bg-color: $secondaryColor !default;
$catalog-item-icon-color: $whiteColor !default;
$catalog-item-icon-no-icon-color: $secondaryColorAlt !default;

//CatalogListItem
$catalog-list-item-name-color: $blackColor !default;
$catalog-list-item-description-color: $darkerGrayColor !default;
$catalog-list-item-arrow-color: $darkGrayColor !default;
$catalog-list-item-border-color: $mediumGrayColor !default;
$catalog-list-item-bg-color: $lightestGrayColor !default;

//CatalogGridItem
$catalog-grid-item-desc-color: $blackColor !default;
$catalog-grid-item-name-color: $blackColor !default;
$catalog-grid-item-background: $lightestGrayColor !default;

//CatalogPrice
$catalog-price-from-color: $darkGrayColor !default;
$catalog-price-color: $primaryColor !default;
$catalog-simple-old-price-color: $dangerColor !default;

//CatalogGridDetails
$catalog-grid-details-background: $whiteColor !default;

//InfoCard
$info-card-details-background: $whiteColor !default;

//Search
$search-action-button-color: $mediumGrayColor !default;
$search-border-color: $mediumGrayColor !default;
$search-no-result-color: $darkGrayColor !default;
$search-results-background-color: $whiteColor !default;

// Noitification Counter
$notification-counter-background: #FFE5AA !default;
$notification-counter-border-color: #fff !default;
$notification-counter-color: $blackColor !default;

//Chips
$chips-border-color: $mediumGrayColor;
$chips-content-color: $darkGrayColor;
$chips-content-color-interactive: $primaryColor;

//more button
$more-button-disabled-text-color: $mediumGrayColor;