/* Variables.less
   Variables to customize the look and feel of Bootstrap
   ----------------------------------------------------- */

:root {
    /* Form */
    --formErrorColor:                #FF0054;
    --formSubmitBackground:          #82E83E;
    --formSubmitFont:                Helvetica, Arial, sans-serif;
    --formContainerBackgroundColor:  #EFF6F4;
    --formContainerBorderColor:      #DDE6E3;
    --formContainerPadding:          25px;

    /* Links */
    --linkColor:             #61C51F;
    --linkColorHover:        #61C51F;

    /* Grays */
    --black:                 #000;
    --grayDarker:            #222;
    --grayDark:              #333;
    --gray:                  #555;
    --grayLight:             #999;
    --grayLighter:           #eee;
    --grayShade:             #E3E8E7;
    --grayShadeAgain:        #F2F4F2;
    --white:                 #fff;

    /* Accent colors */
    --blue:                  #049CDB;
    --blueDark:              #0064CD;
    --green:                 #61C51F;
    --greenBackground:       #82E83E;
    --greenPublic:           #4D937A;
    --red:                   #F04D6C;
    --yellow:                #FFC40D;
    --orange:                #F89406;
    --pink:                  #C3325F;
    --purple:                #7A43B6;
    --notificationBorder:    #373737;

    /* Typography */
    --baseFontSize:          12px;
    --baseFontFamily:        Tahoma, Arial, sans-serif;
    --baseLineHeight:        20px;
    --textColor:             --grayDark;
    --titleFont:             Helvetica, Arial, sans-serif;
    --titleColor:            --black;

    /* Buttons */
    --primaryButtonBackground:    --linkColor;

    --blueGrayDark:          #697B74;
    --blueGrayLight:         #ABBFB7;
    --blueBackground:        #6DC8A2;
    --redBackground:         #E0B2AD;

    /* COMPONENT VARIABLES
       -------------------------------------------------- */

    /* Z-index master list
       Used for a bird's eye view of components dependent on the z-axis
       Try to avoid customizing these :) */
    --zindexDropdown:        1000;
    --zindexPopover:         1010;
    --zindexTooltip:         1020;
    --zindexFixedNavbar:     1030;
    --zindexModalBackdrop:   1040;
    --zindexModal:           1050;

    /* Input placeholder text color */
    --placeholderText:       --grayLight;

    /* Navbar */
    --navbarHeight:                    40px;
    --navbarBackground:                --grayDarker;
    --navbarBackgroundHighlight:       --grayDark;

    --navbarText:                      --grayLight;
    --navbarLinkColor:                 --grayLight;
    --navbarLinkColorHover:            --white;

    /* Form states and alerts */
    --warningText:             --gray;
    --warningBackground:       #000;
    --warningBorder:           #000;

    --errorText:               --gray;
    --errorBackground:         #F04D6C;
    --errorBorder:             #ef3f7e;

    --successText:             --gray;
    --successBackground:       #83DA01;
    --successBorder:           #94c101;
    --infoText:                --gray;
    --infoBackground:          #000;
    --infoBorder:              #000;

    /* GRID
       -------------------------------------------------- */

    /* Default 940px grid */
    --gridColumns:             12;
    --gridColumnWidth:         60px;
    --gridGutterWidth:         20px;
    --gridRowWidth:            calc(var(--gridColumns) * var(--gridColumnWidth) + (var(--gridGutterWidth) * calc(var(--gridColumns) - 1)));

    /* Fluid grid */
    --fluidGridColumnWidth:    6.382978723%;
    --fluidGridGutterWidth:    2.127659574%;


    --orderSectionBackground: #EEE;
    --orderInactiveStep: #AFC0BB;
}