/*Våra variabler*/
@leftNavZIndexBaseline: 200;
@topNavZIndexBaseline: (@leftNavZIndexBaseline + 300); /*Needs to be at most the same as @leftNavZIndexBaseline in order for #hamburgerMenu to work*/
@fbDraggableZIndex: (@topNavZIndexBaseline + 20);
@mainContentZIndexBaseline: 0;

/*************************************************** TODO **********************************************/
@fontSizeForSmallerHeading: 12px;
@leftNavItemBorderColour: #c8c8c8;

/* MÅTT */
@componentTinyFixedMargin: 3px;
@megaMenuWidth: 440px;
@megaMenuHeight: 610px;
@leftNavWidth: 265px;
@rightNavWidth: 200px;
@leftNavWidthCollapsed: 70px;
@leftWidthArrowOffset: 4px;
@fb-button-margin: 3px;

@fb-width-left-menu: 265px;
@fb-width-right-menu: 200px;
@fb-height-top-menu: 40px;
@fb-height-main-header: 40px;

@fb-width-hamburger-menu: 32px;
@fb-width-menu-icon: 40px;
@fb-width-maeklare-img: 32px;
@fb-width-margin-dropdown-menu: 4px;

@fb-font-size-topnav-icon-big: 24px;

@fb-label-has-value-top: 12px;

@fb-line-height-li: 1.42857143;

@side-drawer-header-height: 40px;

@side-drawer-sticky-footer-height: 54px;

/* POSITIONERING */

/* FÄRG */
@colorGrayMore: #b3b3b3;
@colorGrayMoreSome: #C1C1C1;
@colorLightBlueDarker: #BADCF1;

/* FÄRGSAETTNING */
@colorBorderLight:#e6e6e6;
@colorBorderDark:@colorGrayMore;

/* HEMNET*/
@hemnet-superlight: #E1EEDC;
@hemnet-light: #BBD7AE;
@hemnet-normal: #62B84E;
@drag-item-width: 440px;
@drag-item-height:330px;



/*************************************************** ENLIGT STYLEGUIDE **********************************************/

/* GENERAL */
@fb-font-family-sans-serif: "Open Sans", sans-serif;
@fb-font-family-base: @fb-font-family-sans-serif;

@fb-font-size-base:             13px;
@fb-font-size-base-big:         floor((@fb-font-size-base * 1.077)); /*ceil((@font-size-base * 0.9));*/ // ~14px
@fb-font-size-base-small:       floor((@fb-font-size-base * 0.77)); // ~10px

@fb-font-size-h1:               ceil((@fb-font-size-base * 1.55)); // ~20px
@fb-font-size-h1: ceil((@fb-font-size-base * 1.55)); // ~20px
@fb-font-size-h2: ceil((@fb-font-size-base * 1.384)); // ~18px
@fb-font-size-h3: ceil((@fb-font-size-base * 1.23)); // ~16px
@fb-font-size-h4: @fb-font-size-base-big; // ~14px
@fb-font-size-h5: @fb-font-size-base; // ~13px

@fb-line-height-base: 1.428571429; // 20/14
@fb-line-height-computed: floor((@fb-font-size-base * @fb-line-height-base)); // ~20px

@fb-headings-font-family: inherit;
@fb-headings-font-weight: 600; // semi bold
@fb-headings-font-weight-bold: 700; // semi bold
@fb-headings-line-height: 1.1;
@fb-headings-color: inherit;

/* FÄRGER */
@fb-color-primary: #0097ed;
@fb-color-primary-border:darken(@fb-color-primary,5%);

@fb-color-secondary: #fff;
@fb-color-default: @fb-color-secondary;
@fb-color-default-border: @btn-default-border;

@fb-color-success: #62b84e;
@fb-color-success-border: darken(@fb-color-success,5%);
@fb-color-ok: @fb-color-success;

@fb-color-info: #00aeff;
@fb-color-info-border: darken(@fb-color-info,5%);

@fb-color-warning: #ffba25;
@fb-color-warning-border: darken(@fb-color-warning,5%);
@fb-color-warning-lighter: lighten(@fb-color-warning, 37%);

@fb-color-danger: #d7574c;
@fb-color-danger-border: darken(@fb-color-danger,5%);

@fb-color-black:                  #000;
@fb-color-white:                  #fff;
@fb-color-typography:             #000;
@fb-color-bg-main:                #efe9e5;
@fb-color-bg-main-compliment:     #d6d1cb;
@fb-color-bg-main-compliment2:    #e4dfda;
@fb-color-grey:                   #e3e3e3;
@fb-color-grey-medium:            #bbb;
@fb-color-grey-dark:              #6e6e6e;
@fb-color-grey-less-dark:         #aeaeae;

@fb-color-grey-light:             #f3f3f3;
@fb-color-grey-medium-dark:       #d3d3d3;
@fb-color-tenth-shade-of-grey:    #cecece;
@fb-color-fiftieth-shade-of-grey: #ebebeb;
@fb-color-grey-superlight:        #f9f9f9;
@fb-color-blue-light:             #e6f4fd;
@fb-color-blue-superlight:        #F2FAFE;
@fb-color-blue-border:            #C7E8FD;
@fb-color-orange:                 #ff8a00;
@fb-color-blue-contrast:          #0095f0;
@fb-color-grey-border:            #d6d6d6;
@fb-color-yellow:                 #FAD723; 
@fb-color-orange-yellow:          #FBB533;
@fb-color-pale-yellow:            #FEF5B7;
@fb-color-olive-green:            #D7BE4C;
@fb-color-pink:                   #FF69B4;

@fb-color-label-grey: #9C9C9C;

@fb-font-weight-bold:          700;
@fb-font-weight-light:         300;