/**
 * Default, original theme
 */

/**
 * Global
 */
$base-fontSize: 14px;
$base-background: #fff;
$base-padding: 5px;

$color-error: #c55;
$color-flash: #a00;

$color-textNormal: #555;
$color-textLight: #999;


/**
 * InputField
 */
//colors
$inputField-label-color: #696969;
$inputField-overlay-color: #aaa;
$inputField-placeholder-color: #999;

$inputField-fieldItem-borderColor: #aaa;
$inputField-fieldItem-inputColor: $color-textNormal;

$inputField-addon-backgroundColor: #f0f0f0;
$inputField-addon-clickable-backgroundColor: #E6E6E6;

$inputField-borderColor-focus: #79f;
$inputField-borderColor-warn: #aa4;
$inputField-borderColor-hover: #666;


//formatting
$inputField-fieldText-horizontalPadding: $base-padding;
$inputField-fieldText-verticalPadding: 7px;
$inputField-fieldItem-height: $base-fontSize * 2;

$inputField-fieldItem-borderWidth: 1px;



/**
 * tooltip, also known as popOver
 */
$tooltip-backgroundColor: $base-background;
$tooltip-textColor: $color-textNormal;

$tooltip-borderWidth: 1px;
$tooltip-borderColorBase: #000;
$tooltip-borderRadius: 6px;

$tooltip-contentMargin: 8px;


/**
 * arrayField
 */
$arrayField-removeIconHoverColor: $color-textNormal;
$arrayField-separationPadding: 5px;


/**
 * select
 */
$select-hoverTextColor: $base-background;
$select-hoverBackgroundColor-dark: #2a62bc;
$select-hoverBackgroundColor-light: #3875d7;
$select-iconPaddingRight: $inputField-fieldText-horizontalPadding*2;

$select-dropdown-maxHeight: 250px;


/**
 * Icons
 */
$icons-hoverColor: #46e;
$icons-activeColor: #68f;

/**
 * selection-field
 */
$selectionField-labelColor: inherit;
$selectionField-labelHoverColor: inherit;
$selectionField-labelErrorColor: $color-error;
$selectionField-horizontalSpacing: 1em;
$selectionField-disabledOpacity: 0.7;