/*******************************
             Form
*******************************/

/*-------------------
       Elements
--------------------*/


/* Text */
@formParagraphMargin: 1em 0em;

/* Field */
@formFieldMargin: 0em 0em 1em;

/* Form Label */
@formLabelFontSize: @relative11px;
@formLabelTextTransform: uppercase;

@formGroupedLabelTextTransform: none;

/* Input */
@inputHorizontalPadding: 0.5em;
@inputBackground: transparent;
@formInputBorder: none;
@formInputBorderRadius: 0em;
@formInputBoxShadow: none;
@formInvertedInputColor: @invertedTextColor;

@formTextAreaPadding: 1em;
@formTextAreaBackground: transparent;
@formTextAreaFocusBackground: #EEEEEE;
@formTextAreaBorder: 1px solid #DDDDDD;

/* Divider */
@dividerMargin: 1em 0em;

/* Validation Prompt */
@validationMargin: 0em 0em 0em 1em;
@validationArrowOffset: -0.3em;

/*-------------------
        States
--------------------*/

/* Disabled */

/* Focus */
@formInputFocusPointerSize: 0px;
@inputErrorPointerSize: 0px;

/* Dropdown Error */
@formDropdownErrorHoverBackground: #FFF2F2;
@formDropdownErrorActiveBackground: #FDCFCF;

/* Focused Error */
@formInputErrorFocusBackground: @negativeBackgroundColor;
@formInputErrorFocusColor: @negativeColorHover;
@formInputErrorFocusBorder: @negativeBorderColor;
@formInputErrorFocusBoxShadow: @inputErrorPointerSize 0em 0em 0em @negativeColorHover inset;

/* Placeholder */
@inputPlaceholderColor: lighten(@formInputColor, 55);
@inputPlaceholderFocusColor: lighten(@formInputColor, 35);
@formInputErrorPlaceholderColor: lighten(@formFormErrorColor, 10);
@formInputErrorPlaceholderFocusColor: lighten(@formFormErrorColor, 5);

/* Loading */
@formLoaderDimmerColor: rgba(255, 255, 255, 0.6);
@formLoaderPath: "@{imagePath}/loader-large.gif";
@formLoaderPosition: 50% 50%;

/* (x) Wide Field */
@formGutterWidth: 1.5em;