/*-------------------
      Collection
--------------------*/

@verticalPadding       : 1em;
@horizontalPadding     : 1.25em;

@background            : #FFFFFF linear-gradient(rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.05));
@fontWeight            : normal;

@activeBorderSize      : 0em;

@hoverBackground       : rgba(0, 0, 0, 0.02);
@downBackground        : rgba(0, 0, 0, 0.06);

@activeBackground      : rgba(0, 0, 0, 0.04);
@activeHoverBackground : rgba(0, 0, 0, 0.04);

@boxShadow             :
  0px 1px 2px 0px rgba(0, 0, 0, 0.15),
  0px 0px 0px 1px rgba(0, 0, 0, 0.05)
;

@headerBackground: rgba(0, 0, 0, 0.08);

@subMenuMargin: 1em;
@subMenuFontSize: 0.9rem;
@subMenuHorizontalPadding: 0.7em;

@arrowHoverColor: #EEEEEE;
@arrowActiveColor: #EEEEEE;
@arrowVerticalHoverColor: #F4F4F4;
@arrowVerticalActiveColor: #F4F4F4;

@dividerBackground: #E8E8E8;
@verticalDividerBackground: #E8E8E8;

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

@inputVerticalPadding: 0.65em;
@inputIconOffset: -0.1em;

@buttonOffset: -0.15em;
@buttonVerticalPadding: 0.75em;

/*-------------------
        Types
--------------------*/

@paginationMinWidth: 3.5em;

@tieredActiveItemBackground: #F5F5F5;
@tieredActiveMenuBackground: #F5F5F5;

/*-------------------
      Variations
--------------------*/

@verticalBackground: #FFFFFF;
@verticalItemBackground: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));

@invertedBackground: #333333 linear-gradient(rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.15));
@invertedBoxShadow             :
  0px 1px 2px 0px rgba(0, 0, 0, 0.15),
  0px 0px 0px 1px rgba(255, 255, 255, 0.15)
;
@secondaryVerticalPadding: 0.75em;