@black: #000;
@gray: #555;
@grayDark: #333;
@grayDarker: #222;
@grayLight: #999;
@grayLighter: #eee;
@white: #fff;
@blue: #049cdb;
@blueDark: #0064cd;
@green: #46a546;
@red: #9d261d;
@yellow: #ffc40d;
@orange: #f89406;
@pink: #c3325f;
@purple: #7a43b6;
@bodyBackground: @black;
@textColor: @grayDark;
@linkColor: @orange;
@linkColorHover: darken(@linkColor, 15%);
@hrBorder: @grayLighter;
@sansFontFamily: 'Helvetica Neue', Helvetica, Arial, sans-serif;
@serifFontFamily: Georgia, 'Times New Roman', Times, serif;
@monoFontFamily: Monaco, Menlo, Consolas, 'Courier New', monospace;
@baseFontSize: 14px;
@baseLineHeight: 20px;
@headingsColor: inherit;
@headingsFontFamily: inherit;
@headingsFontWeight: bold;
@baseFontFamily: @sansFontFamily;
@altFontFamily: @serifFontFamily;
@tableBackground: transparent;
@tableBackgroundAccent: darken(@grayDarker, 5);
@tableBackgroundHover: darken(@grayDarker, 8);
@tableBorder: @gray;
@btnBackground: @white;
@btnBackgroundHighlight: darken(@white, 10%);
@btnBorder: #bbb;
@btnDangerBackground: #ee5f5b;
@btnDangerBackgroundHighlight: #bd362f;
@btnInfoBackground: #5bc0de;
@btnInfoBackgroundHighlight: #2f96b4;
@btnInverseBackground: #444;
@btnInverseBackgroundHighlight: @grayDarker;
@btnPrimaryBackground: @blue;
@btnPrimaryBackgroundHighlight: spin(@btnPrimaryBackground, 15%);
@btnSuccessBackground: #62c462;
@btnSuccessBackgroundHighlight: #51a351;
@btnWarningBackground: lighten(@orange, 15%);
@btnWarningBackgroundHighlight: @orange;
@inputBackground: @grayDarker;
@inputBorder: @gray;
@inputBorderRadius: @baseBorderRadius;
@inputDisabledBackground: @black;
@formActionsBackground: @grayDarker;
@placeholderText: @gray;
@inputHeight: @baseLineHeight + 10px;
@dropdownBackground: @grayDarker;
@dropdownBorder: rgba(0,0,0,.2);
@dropdownDividerBottom: @black;
@dropdownDividerTop: @grayDark;
@dropdownLinkColor: @grayLight;
@dropdownLinkColorHover: @white;
@dropdownLinkColorActive: @dropdownLinkColor;
@dropdownLinkBackgroundActive: darken(@linkColor, 25%);
@dropdownLinkBackgroundHover: @dropdownLinkBackgroundActive;
@iconSpritePath: '../../img/glyphicons-halflings.png';
@iconWhiteSpritePath: '../../img/glyphicons-halflings-white.png';
@navbarBackground: darken(@navbarBackgroundHighlight, 5%);
@navbarBackgroundHighlight: @grayDark;
@navbarBorder: darken(@navbarBackground, 12%);
@navbarBrandColor: @navbarLinkColor;
@navbarHeight: 32px;
@navbarLinkBackgroundActive: darken(@navbarBackground, 5%);
@navbarLinkBackgroundHover: transparent;
@navbarLinkColor: @grayLight;
@navbarLinkColorActive: @gray;
@navbarLinkColorHover: @grayLighter;
@navbarSearchBackground: lighten(@navbarBackground, 25%);
@navbarSearchBackgroundFocus: @black;
@navbarSearchBorder: darken(@navbarSearchBackground, 30%);
@navbarSearchPlaceholderColor: @gray;
@navbarText: @grayLight;
@navbarCollapseWidth: 979px;
@navbarCollapseDesktopWidth: @navbarCollapseWidth + 1;
@navbarInverseBackground: @white;
@navbarInverseBackgroundHighlight: @grayLighter;
@navbarInverseBorder: #252525;
@navbarInverseText: @grayDark;
@navbarInverseLinkColor: @grayDark;
@navbarInverseLinkColorHover: @grayDarker;
@navbarInverseLinkColorActive: @navbarInverseLinkColorHover;
@navbarInverseLinkBackgroundHover: transparent;
@navbarInverseLinkBackgroundActive: @navbarInverseBackground;
@navbarInverseSearchBackground: lighten(@navbarInverseBackground, 25%);
@navbarInverseSearchBackgroundFocus: @white;
@navbarInverseSearchBorder: @navbarInverseBackground;
@navbarInverseSearchPlaceholderColor: #ccc;
@navbarInverseBrandColor: @navbarInverseLinkColor;
@heroUnitBackground: @grayDarker;
@heroUnitHeadingColor: @grayLighter;
@heroUnitLeadColor: @grayLight;
@paginationBackground: #fff;
@paginationBorder: #ddd;
@paginationActiveBackground: #f5f5f5;
@tooltipColor: #fff;
@tooltipBackground: #000;
@tooltipArrowWidth: 5px;
@tooltipArrowColor: @tooltipBackground;
@popoverBackground: #fff;
@popoverArrowWidth: 10px;
@popoverArrowColor: #fff;
@popoverTitleBackground: darken(@popoverBackground, 3%);
@popoverArrowOuterWidth: @popoverArrowWidth + 1;
@popoverArrowOuterColor: rgba(0,0,0,.25);
@warningBackground: #fcf8e3;
@warningBorder: darken(spin(@warningBackground, -10), 3%);
@warningText: #c09853;
@errorBackground: #f2dede;
@errorBorder: darken(spin(@errorBackground, -10), 3%);
@errorText: #b94a48;
@successBackground: #dff0d8;
@successBorder: darken(spin(@successBackground, -10), 5%);
@successText: #468847;
@infoBackground: #d9edf7;
@infoBorder: darken(spin(@infoBackground, -10), 7%);
@infoText: #3a87ad;
@wellBackground: #f5f5f5;
@gridColumnWidth: 60px;
@gridColumns: 12;
@gridGutterWidth: 20px;
.navbar .nav .active{  border-bottom: solid 2px @blue;
}@fontSizeLarge:         @baseFontSize * 1.25;
 @fontSizeSmall:         @baseFontSize * 0.85;
 @fontSizeMini:          @baseFontSize * 0.75;
 @paddingLarge:          11px 19px;
 @paddingSmall:          2px 10px;
  @paddingMini:           0px 6px;
   @baseBorderRadius:      4px;
@borderRadiusLarge:     6px;
@borderRadiusSmall:     3px;
@horizontalComponentOffset: 180px;
@gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
@gridColumnWidth1200:     70px;
@gridGutterWidth1200:     30px;
@gridRowWidth1200:        (@gridColumns * @gridColumnWidth1200) + (@gridGutterWidth1200 * (@gridColumns - 1));
@gridColumnWidth768:      42px;
@gridGutterWidth768:      20px;
@gridRowWidth768:         (@gridColumns * @gridColumnWidth768) + (@gridGutterWidth768 * (@gridColumns - 1));
@fluidGridColumnWidth:    percentage(@gridColumnWidth/@gridRowWidth);
@fluidGridGutterWidth:    percentage(@gridGutterWidth/@gridRowWidth);
@fluidGridColumnWidth1200:     percentage(@gridColumnWidth1200/@gridRowWidth1200);
@fluidGridGutterWidth1200:     percentage(@gridGutterWidth1200/@gridRowWidth1200);
@fluidGridColumnWidth768:      percentage(@gridColumnWidth768/@gridRowWidth768);
@fluidGridGutterWidth768:      percentage(@gridGutterWidth768/@gridRowWidth768);
@zindexDropdown: 1000;
@zindexFixedNavbar: 1030;
@zindexModal: 1050;
@zindexModalBackdrop: 1040;
@zindexPopover: 1010;
@zindexTooltip: 1030;