{"version":3,"sources":["docs/assets/css/src/prettyprint.less","docs/assets/css/src/demo.less","less/variables.less","less/mixins/clearfix.less"],"names":[],"mappings":"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","sourcesContent":["/* Prettyfy Theme */\n.prettyprint {\n  background-color: #F7F7F9;\n  font-family: Menlo, 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', Monaco, Consolas, monospace;\n  border: 2px solid #E1E1E8;\n  padding: 15px 21px;\n}\n\n.pln {\n  color: #333333;\n}\n\n@media screen {\n  .str {\n    color: #dd1144;\n  }\n\n  .kwd {\n    color: #333333;\n  }\n\n  .com {\n    color: #999988;\n  }\n\n  .typ {\n    color: #445588;\n  }\n\n  .lit {\n    color: #445588;\n  }\n\n  .pun {\n    color: #333333;\n  }\n\n  .opn {\n    color: #333333;\n  }\n\n  .clo {\n    color: #333333;\n  }\n\n  .tag {\n    color: navy;\n  }\n\n  .atn {\n    color: teal;\n  }\n\n  .atv {\n    color: #dd1144;\n  }\n\n  .dec {\n    color: #333333;\n  }\n\n  .var {\n    color: teal;\n  }\n\n  .fun {\n    color: #990000;\n  }\n}\n@media print, projection {\n  .str {\n    color: #006600;\n  }\n\n  .kwd {\n    color: #006;\n    font-weight: bold;\n  }\n\n  .com {\n    color: #600;\n    font-style: italic;\n  }\n\n  .typ {\n    color: #404;\n    font-weight: bold;\n  }\n\n  .lit {\n    color: #004444;\n  }\n\n  .pun, .opn, .clo {\n    color: #444400;\n  }\n\n  .tag {\n    color: #006;\n    font-weight: bold;\n  }\n\n  .atn {\n    color: #440044;\n  }\n\n  .atv {\n    color: #006600;\n  }\n}\n/* Specify class=linenums on a pre to get line numbering */\nol.linenums {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n","//\n// Flat UI's demo styles\n// --------------------------------------------------\n\n// Variables and utilityes\n@import \"../../../../less/variables\";\n@import \"../../../../less/mixins\";\n@import \"prettyprint\";\n\n.container {\n  width: 970px !important;\n}\n\n// For demo purposes only\n.demo-headline {\n  padding: 73px 0 110px;\n  text-align: center;\n}\n.demo-logo {\n  font: 900 90px/100px @font-family-demo;\n  letter-spacing: -2px;\n  margin: 10px 0;\n\n  .logo {\n    background: url(../img/demo/logo-mask.png) center 0 no-repeat;\n    background-size: 236px 181px;\n    height: 181px;\n    margin: 0 auto 26px;\n    overflow: hidden;\n    text-indent: -9999em;\n    width: 236px;\n  }\n  small {\n    color: fadeout(@brand-primary, 70%);\n    display: block;\n    font-size: 22px;\n    font-weight: 700;\n    letter-spacing: 0;\n    padding-top: 5px;\n  }\n}\n// Panels delimiter\n.demo-row {\n  margin-bottom: 20px;\n\n  .demo-heading-note,\n  .demo-text-note {\n    display: block;\n    width: 260px;\n    position: absolute;\n    bottom: 10px;\n    left: 0;\n    font-size: 13px;\n    line-height: 13px;\n    color: mix(desaturate(@brand-primary, 25%), white, 34%);\n    font-weight: 400;\n  }\n  .demo-text-note {\n    bottom: auto;\n    top: 10px;\n  }\n\n  &.typography-row {\n    .demo-content {\n      float: none;\n      width: auto;\n      clear: both;\n    }\n    .demo-type-example {\n      padding-left: 25%;\n      margin-bottom: 40px;\n      position: relative;\n    }\n  }\n}\n.demo-section-title {\n  font: 900 32px/40px @font-family-demo;\n  margin: 10px 0;\n}\n.demo-panel-title {\n  padding-top: 20px;\n  margin: 2px 0 20px;\n  font: bold 23px/40px @font-family-demo;\n\n  small {\n    color: mix(@brand-primary, @inverse, 66%);\n    font-size: inherit;\n    font-weight: 400;\n  }\n}\n// Shift blocks to fit design\n.demo-navigation {\n  margin-bottom: -4px;\n  margin-top: -10px;\n}\n.demo-pager {\n  margin-top: -20px;\n}\n.demo-tooltips {\n  height: 126px;\n\n  // Needed just for the demo. Don't use it in producion ;)\n  .tooltip {\n    left: -8px !important;\n    position: relative !important;\n    top: -8px !important;\n  }\n}\n.demo-headings {\n  margin-bottom: 12px;\n}\n.demo-tiles {\n  margin-bottom: 46px\n}\n\n.demo-icons {\n  font-size: 32px;\n  margin-left: -20px;\n  padding-left: 20px;\n\n  .demo-content {\n    margin: 0 0 0 -35px;\n\n    > span {\n      display: inline-block;\n      margin: 0 0 32px 35px;\n      width: 24px;\n      font-size: 24px;\n    }\n  }\n}\n\n.demo-icons-tooltip {\n  bottom: 0;\n  color: mix(@brand-primary, @inverse, 30%);\n  font-size: 12px;\n  left: 100%;\n  margin-left: 0 !important;\n  position: absolute;\n  width: 80px;\n}\n\n// Illustration Icons\n// --------------------------------------------------\n.demo-illustrations {\n\n  .demo-content {\n    margin: 0 0 0 -40px;\n    padding-top: 20px;\n    .clearfix();\n\n    > div {\n      float: left;\n      width: 100px;\n      height: 100px;\n      line-height: 100px;\n      margin: 0 0 40px 40px;\n      text-align: center;\n    }\n  }\n  img {\n    display: inline-block;\n    max-height: 100px;\n    max-width: 100px;\n    vertical-align: middle;\n  }\n}\n\n.demo-samples {\n  margin-bottom: 46px;\n}\n.demo-download-section {\n  float: none;\n  margin: 0 auto;\n  padding: 60px 0 90px 20px;\n  text-align: center;\n\n  [class*='fui-'] {\n    margin: 3px 0 -3px;\n  }\n}\n.demo-download {\n  background-color: mix(@brand-primary, @inverse, 10%);\n  height: 190px;\n  margin: 0 auto 32px;\n  padding: 40px 28px 30px 32px;\n  text-align: center;\n  width: 190px;\n  border-radius: 50%;\n\n  img {\n    height: 104px;\n    width: 82px;\n  }\n}\n.demo-download-text {\n  font-size: 15px;\n  padding: 20px 0;\n  text-align: center;\n}\n.demo-text-box {\n  a:hover {\n    color: @brand-secondary;\n  }\n}\n.demo-browser {\n  background: mix(@brand-primary, black, 85%) url(../img/demo/browser.png) 0 0 no-repeat;\n  background-size: 659px 42px;\n  color: @inverse;\n  margin: 0 41px 140px 0;\n  padding-top: 42px;\n  border-radius: 0 0 @border-radius-large @border-radius-large;\n}\n.demo-browser-side {\n  float: left;\n  padding: 22px 20px;\n  width: 151px;\n\n  > h5 {\n    font-size: 16px;\n    margin-top: 4px;\n    margin-bottom: 3px;\n    text-transform: none;\n    font-weight: 400;\n  }\n  > h6 {\n    font-size: 11px;\n    font-weight: 300;\n    line-height: 18px;\n    margin-top: 3px;\n    text-transform: none;\n    -webkit-font-smoothing: subpixel-antialiased;\n  }\n}\n.demo-browser-author {\n  background: url(../img/demo/browser-author.jpg) center no-repeat;\n  border: 3px solid @inverse;\n  display: block;\n  height: 84px;\n  margin: 0 auto;\n  width: 84px;\n  border-radius: 50%;\n}\n.demo-browser-action {\n  padding: 30px 0 12px;\n\n  > .btn {\n    padding: 7px 0 8px 11px !important;\n    text-align: left;\n    border-radius: @border-radius-small;\n\n    > [class^=\"fui-\"] {\n      margin-right: 12px;\n      position: relative;\n      top: 1px;\n    }\n  }\n}\n.demo-browser-content {\n  background-color: @brand-primary;\n  overflow: hidden;\n  padding: 21px 0 0 20px;\n  border-radius: 0 0 @border-radius-large;\n\n  > img {\n    border: 6px solid @inverse;\n    float: left;\n    margin: 0 15px 20px 0;\n    width: 146px;\n  }\n}\n// Serving 2x images\n@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {\n  .logo {\n    background-image: url(../img/demo/logo-mask-2x.png);\n  }\n  .demo-browser {\n    background-image: url(../img/demo/browser-2x.png);\n  }\n}\n\n// Shatches\n.demo-swatches-row {\n  [class*=\"col\"] {\n    float: left;\n    min-height: 1px;\n  }\n  .swatches-col {\n    width: 800px;\n    margin-left: -5px;\n  }\n  .swatches-desc-col {\n    width: 140px;\n    margin-left: 20px;\n  }\n}\n","//\n// Variables\n// --------------------------------------------------\n\n\n// == Colors\n//\n//##\n\n// Color swatches\n@turquoise:                 #1abc9c;\n@green-sea:                 #16a085;\n\n@emerald:                   #2ecc71;\n@nephritis:                 #27ae60;\n\n@peter-river:               #3498db;\n@belize-hole:               #2980b9;\n\n@amethyst:                  #9b59b6;\n@wisteria:                  #8e44ad;\n\n@wet-asphalt:               #34495e;\n@midnight-blue:             #2c3e50;\n\n@sun-flower:                #f1c40f;\n@orange:                    #f39c12;\n\n@carrot:                    #e67e22;\n@pumpkin:                   #d35400;\n\n@alizarin:                  #e74c3c;\n@pomegranate:               #c0392b;\n\n@clouds:                    #ecf0f1;\n@silver:                    #bdc3c7;\n\n@concrete:                  #95a5a6;\n@asbestos:                  #7f8c8d;\n\n// Grays\n@gray:                      @concrete;\n@gray-light:                @silver;\n@inverse:                   white;\n\n// Brand colors\n@brand-primary:             @wet-asphalt;\n@brand-secondary:           @turquoise;\n@brand-success:             @emerald;\n@brand-warning:             @sun-flower;\n@brand-danger:              @alizarin;\n@brand-info:                @peter-river;\n\n// Social colors\n@social-pinterest:          #cb2028;\n@social-linkedin:           #0072b5;\n@social-stumbleupon:        #ed4a13;\n@social-googleplus:         #2d2d2d;\n@social-facebook:           #2f4b93;\n@social-twitter:            #00bdef;\n\n\n//== Scaffolding\n//\n//## Settings for some of the most global styles.\n\n@body-bg:                   #fff;\n@text-color:                @brand-primary;\n\n//** Global textual link color.\n@link-color:                @green-sea;\n@link-hover-color:          @turquoise;\n//** Link hover decoration.\n@link-hover-decoration:     none;\n\n\n//== Typography\n//\n//## Font, line-height for body text, headings, and more.\n\n@font-family-base:              \"Lato\", Helvetica, Arial, sans-serif;\n@font-family-demo:              \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n@font-family-monospace:          Monaco, Menlo, Consolas, \"Courier New\", monospace;\n@font-size-base:                 18px;\n\n@local-font-path:               \"../fonts/lato/\";\n@local-font-name:               \"lato-regular\";\n@local-font-svg-id:             \"latoregular\";\n@local-font-name-light:         \"lato-light\";\n@local-font-svg-id-light:       \"latolight\";\n@local-font-name-black:         \"lato-black\";\n@local-font-svg-id-black:       \"latoblack\";\n@local-font-name-bold:          \"lato-bold\";\n@local-font-svg-id-bold:        \"latobold\";\n@local-font-name-italic:        \"lato-italic\";\n@local-font-svg-id-italic:      \"latoitalic\";\n@local-font-name-bold-italic:   \"lato-bolditalic\";\n@local-font-svg-id-bold-italic: \"latobold-italic\";\n\n@font-size-h1:              floor((@font-size-base * 3.444)); // ~62px\n@font-size-h2:              ceil((@font-size-base * 2.889)); // ~52px\n@font-size-h3:              ceil((@font-size-base * 2.222)); // ~40px\n@font-size-h4:              ceil((@font-size-base * 1.611)); // ~29px\n@font-size-h5:              floor((@font-size-base * 1.556)); // ~28px\n@font-size-h6:              ceil((@font-size-base * 1.333)); // ~24px\n\n@line-height-base:          1.72222; // 31/18\n@line-height-computed:      floor((@font-size-base * @line-height-base)); // ~31px\n\n@headings-font-family:      inherit;\n@headings-font-weight:      700;\n@headings-line-height:      1.1;\n@headings-color:            inherit;\n\n\n//== Iconography\n//\n//## Specify custom locations of the include Glyphicons icon font.\n\n@icon-font-path:            \"../fonts/glyphicons/\";\n@icon-font-name:            \"flat-ui-icons-regular\";\n@icon-font-svg-id:          \"flat-ui-icons-regular\";\n\n//** Icon sizes for use in components\n@icon-normal:               16px;\n@icon-medium:               18px;\n@icon-large:                32px;\n\n\n//== Components\n//\n//## Define common padding and border radius sizes and more.\n\n//** Default font-size in components\n@component-font-size-base:  ceil((@font-size-base * 0.833)); // ~15px\n\n// Border-radius\n@border-radius-base:        4px;\n@border-radius-large:       6px;\n@border-radius-small:       3px;\n\n//** Width of the `border` for generating carets that indicator dropdowns.\n@caret-width-base:          6px;\n@caret-width-base-vertical: (@caret-width-base + 2);\n\n@caret-width-xs:            4px;\n@caret-width-xs-vertical:   (@caret-width-xs + 2);\n\n//== Buttons\n//\n//## For each of Flat UI's buttons, define text, background, font size and height.\n\n@btn-font-size-base:         @component-font-size-base;\n@btn-font-size-xs:           ceil((@component-font-size-base * 0.8));   // ~12px\n@btn-font-size-sm:           floor((@component-font-size-base * 0.867)); // ~13px\n@btn-font-size-lg:           ceil((@component-font-size-base * 1.133));  // ~17px\n@btn-font-size-hg:           floor((@component-font-size-base * 1.467)); // ~22px\n\n@btn-line-height-base:       1.4;   // ~21px\n@btn-line-height-hg:         1.227; // ~27px\n@btn-line-height-lg:         1.471; // ~25px\n@btn-line-height-sm:         1.385; // ~16px\n@btn-line-height-xs:         1.083; // ~13px\n\n@btn-social-font-size-base:   floor((@component-font-size-base * 0.867)); // ~13px\n@btn-social-line-height-base: 1.077;  // ~14px\n\n@btn-font-weight:            normal;\n\n@btn-default-color:          @inverse;\n@btn-default-bg:             @gray-light;\n@btn-hover-bg:               mix(@gray-light, white, 80%);\n@btn-active-bg:              mix(@gray-light, black, 85%);\n\n@btn-primary-hover-bg:       mix(@brand-secondary, white, 80%);\n@btn-primary-active-bg:      mix(@brand-secondary, black, 85%);\n\n@btn-info-hover-bg:          mix(@brand-info, white, 80%);\n@btn-info-active-bg:         mix(@brand-info, black, 85%);\n\n@btn-success-hover-bg:       mix(@brand-success, white, 80%);\n@btn-success-active-bg:      mix(@brand-success, black, 85%);\n\n@btn-danger-hover-bg:        mix(@brand-danger, white, 80%);\n@btn-danger-active-bg:       mix(@brand-danger, black, 85%);\n\n@btn-warning-hover-bg:       overlay(@brand-warning, darken(white, 37.5%));\n@btn-warning-active-bg:      mix(@brand-warning, black, 85%);\n\n@btn-inverse-hover-bg:       overlay(@brand-primary, darken(white, 37.5%));\n@btn-inverse-active-bg:      mix(@brand-primary, black, 85%);\n\n@btn-link-disabled-color:    @gray-light;\n\n\n//== Forms\n//\n//##\n\n@input-font-size-base:     @component-font-size-base;\n@input-font-size-sm:       floor((@component-font-size-base * 0.867)); // ~13px\n@input-font-size-lg:       ceil((@component-font-size-base * 1.133)); // ~17px\n@input-font-size-hg:       floor((@component-font-size-base * 1.467)); // ~22px\n\n@input-line-height-base:   1.467; // ~22px\n@input-line-height-sm:     1.462; // ~19px\n@input-line-height-lg:     1.235; // ~21px\n@input-line-height-hg:     1.318; // ~29px\n\n@input-icon-font-size:     ceil((@component-font-size-base * 1.067));  // ~16px\n@input-icon-font-size-lg:  ceil((@component-font-size-base * 1.2));  // ~18px\n@input-icon-font-size-hg:  ceil((@component-font-size-base * 1.333));  // ~20px\n\n@input-bg:                 @inverse;\n@input-bg-disabled:        mix(@gray, white, 10%);\n\n@input-height-sm:          35px;\n@input-height-base:        41px;\n@input-height-lg:          45px;\n@input-height-hg:          53px;\n\n@input-border-radius:      @border-radius-large;\n\n//** Disabled cursor for form controls and buttons.\n@cursor-disabled:          not-allowed;\n\n@legend-color:             inherit;\n\n\n\n\n\n\n//== Tags Input\n//\n//##\n\n@tagsinput-container-bg:                    @inverse;\n@tagsinput-container-border-color:          mix(@inverse, @brand-primary, 90%);\n@tagsinput-container-border-radius:         @border-radius-large;\n\n@tagsinput-input-color:                     @brand-primary;\n\n@tagsinput-tag-bg:                          mix(@inverse, @brand-primary, 90%);\n@tagsinput-tag-color:                       mix(@brand-primary, @inverse, 65%);\n@tagsinput-tag-hover-bg:                    mix(@brand-secondary, black, 85%);\n@tagsinput-tag-hover-color:                 @inverse;\n@tagsinput-tag-icon-color:                  @inverse;\n@tagsinput-tag-border-radius:               @border-radius-base;\n\n@tagsinput-primary-container-border-color:  @brand-secondary;\n@tagsinput-primary-tag-bg:                  @brand-secondary;\n@tagsinput-primary-tag-color:               @inverse;\n@tagsinput-primary-tag-hover-bg:            mix(@brand-secondary, black, 85%);\n@tagsinput-primary-tag-hover-color:         @inverse;\n\n\n//== Selects\n//\n//## For each of Flat UI's selects, define text, background, font size and height.\n\n@select-font-size-base:                     @btn-font-size-base;\n@select-font-size-sm:                       @btn-font-size-sm;\n@select-font-size-lg:                       @btn-font-size-lg;\n@select-font-size-hg:                       @btn-font-size-hg;\n\n@select-line-height-base:                   @btn-line-height-base;\n@select-line-height-hg:                     @btn-line-height-hg;\n@select-line-height-lg:                     @btn-line-height-lg;\n@select-line-height-sm:                     @btn-line-height-sm;\n\n@select-font-weight:                        @btn-font-weight;\n\n@select-disabled-opacity:                   0.7;\n\n@select-default-color:                      @btn-default-color;\n@select-default-bg:                         @btn-default-bg;\n@select-default-hover-bg:                   @btn-hover-bg;\n@select-default-active-bg:                  @btn-active-bg;\n\n@select-primary-hover-bg:                   @btn-primary-hover-bg;\n@select-primary-active-bg:                  @btn-primary-active-bg;\n\n@select-info-hover-bg:                      @btn-info-hover-bg;\n@select-info-active-bg:                     @btn-info-active-bg;\n\n@select-success-hover-bg:                   @btn-success-hover-bg;\n@select-success-active-bg:                  @btn-success-active-bg;\n\n@select-danger-hover-bg:                    @btn-danger-hover-bg;\n@select-danger-active-bg:                   @btn-danger-active-bg;\n\n@select-warning-hover-bg:                   @btn-warning-hover-bg;\n@select-warning-active-bg:                  @btn-warning-active-bg;\n\n@select-inverse-hover-bg:                   @btn-inverse-hover-bg;\n@select-inverse-active-bg:                  @btn-inverse-active-bg;\n\n@select-link-disabled-color:                @btn-link-disabled-color;\n@select-arrow-color:                        @brand-primary;\n\n// Select dropdowns\n@select-dropdown-border-radius:             @border-radius-base;\n\n@select-dropdown-item-color:                fade(@brand-primary, 85%);\n@select-dropdown-item-hover-color:          inherit;\n@select-dropdown-item-hover-bg:             mix(@inverse, @brand-primary, 85%);\n\n@select-dropdown-disabled-item-color:       fade(@brand-primary, 95%);\n@select-dropdown-disabled-item-opacity:     0.4;\n\n@select-dropdown-highlighted-item-bg:       @brand-secondary;\n@select-dropdown-highlighted-item-color:    @inverse;\n\n@select-dropdown-optgroup-color:            fade(@brand-primary, 60%);\n\n// Multiselect\n@multiselect-container-bg:                  @tagsinput-container-bg;\n@multiselect-container-border-color:        @tagsinput-container-border-color;\n@multiselect-container-border-radius:       @tagsinput-container-border-radius;\n\n@multiselect-tag-border-radius:             @tagsinput-tag-border-radius;\n@multiselect-tag-color:                     @inverse;\n@multiselect-tag-hover-color:               @tagsinput-tag-hover-color;\n@multiselect-tag-icon-color:                @tagsinput-tag-icon-color;\n\n@multiselect-dropdown-border-radius:        @border-radius-large;\n@multiselect-dropdown-item-border-radius:   @border-radius-base;\n\n@multiselect-input-color:                   @tagsinput-input-color;\n\n\n//== Pagination\n//\n//##\n\n@pagination-bg:              mix(@brand-primary, white, 20%);\n@pagination-hover-bg:        @brand-secondary;\n@pagination-color:           @inverse;\n@pagination-border-radius:   @border-radius-large;\n\n\n//== Pager\n//\n//##\n\n@pager-padding:              9px 15px 10px;\n@pager-bg:                   @brand-primary;\n@pager-hover-bg:             mix(@brand-primary, black, 85%);\n@pager-active-bg:            @pager-hover-bg;\n@pager-border-radius:        @border-radius-large;\n@pager-color:                @inverse;\n\n\n\n\n//== Navbar\n//\n//##\n\n// Basics of a navbar\n@zindex-navbar:              1000;\n@zindex-navbar-fixed:        1030;\n@navbar-height-base:         53px;\n@navbar-height-large:        76px;\n@navbar-input-line-height:   1.4; // ~21px\n@navbar-margin-bottom:       @line-height-computed;\n@navbar-border-radius:       @border-radius-large;\n\n@navbar-default-bg:          saturate(spin(tint(@brand-primary, 91%), -18), 2%);\n\n// Navbar links\n@navbar-default-link-color:           @brand-primary;\n@navbar-default-link-hover-color:     @brand-secondary;\n@navbar-default-link-hover-bg:        transparent;\n@navbar-default-link-active-color:    @brand-secondary;\n@navbar-default-link-active-bg:       transparent;\n@navbar-default-link-disabled-color:  #ccc;\n@navbar-default-link-disabled-bg:     transparent;\n\n// Navbar nav carets\n@navbar-default-caret-color:          @navbar-default-link-color;\n@navbar-default-caret-hover-color:    @navbar-default-link-hover-color;\n@navbar-default-caret-active-color:   @navbar-default-link-active-color;\n\n// Navbar brand label\n@navbar-default-brand-color:          @navbar-default-link-color;\n@navbar-default-brand-hover-color:    @navbar-default-link-hover-color;\n@navbar-default-brand-hover-bg:       transparent;\n\n// Navbar toggle\n@navbar-default-toggle-color:         @navbar-default-link-color;\n@navbar-default-toggle-hover-color:   @navbar-default-link-hover-color;\n\n// Navbar form\n@navbar-default-form-placeholder:     spin(tint(@brand-primary, 60%), 2);\n@navbar-default-form-icon:            desaturate(tint(@brand-primary, 45%), 2%);\n@navbar-default-form-border:          shade(@navbar-default-bg, 3%);\n\n\n// Inverted navbar\n// Reset inverted navbar basics\n@navbar-inverse-divider:              darken(@brand-primary, 3%);\n\n// Reset inverted navbar basics\n@navbar-inverse-color:                @inverse;\n@navbar-inverse-bg:                   @brand-primary;\n@navbar-inverse-border:               darken(@navbar-inverse-bg, 10%);\n\n// Inverted navbar links\n@navbar-inverse-link-color:           @inverse;\n@navbar-inverse-link-hover-color:     @brand-secondary;\n@navbar-inverse-link-hover-bg:        transparent;\n@navbar-inverse-link-active-color:    @navbar-inverse-link-color;\n@navbar-inverse-link-active-bg:       @brand-secondary;\n@navbar-inverse-link-disabled-color:  #444;\n@navbar-inverse-link-disabled-bg:     transparent;\n\n// Navbar nav carets\n@navbar-inverse-caret-color:          lighten(desaturate(@brand-primary, 7%), 9%);\n@navbar-inverse-caret-hover-color:    @navbar-inverse-link-hover-color;\n@navbar-inverse-caret-active-color:   @navbar-inverse-link-active-color;\n\n// Inverted navbar brand label\n@navbar-inverse-brand-color:          @navbar-inverse-link-color;\n@navbar-inverse-brand-hover-color:    @navbar-inverse-link-hover-color;\n@navbar-inverse-brand-hover-bg:       transparent;\n\n// Inverted navbar toggle\n@navbar-inverse-toggle-color:         @navbar-inverse-link-color;\n@navbar-inverse-toggle-hover-color:   @navbar-inverse-link-hover-color;\n\n// Navbar form\n@navbar-inverse-form-bg:              darken(@brand-primary, 6%);\n@navbar-inverse-form-placeholder:     desaturate(lighten(@brand-primary, 13%), 7%);\n@navbar-inverse-form-icon:            desaturate(lighten(@brand-primary, 13%), 6%);\n@navbar-inverse-form-border:          @navbar-inverse-divider;\n\n// Navbar dropdowns\n@navbar-inverse-dropdown-bg:                @navbar-inverse-bg;\n@navbar-inverse-dropdown-link-color:        mix(@navbar-inverse-bg, @navbar-inverse-color, 15%);\n@navbar-inverse-dropdown-link-hover-color:  @inverse;\n@navbar-inverse-dropdown-link-hover-bg:     @brand-secondary;\n\n//== Dropdowns\n//\n//## Dropdown menu container and contents.\n\n\n@zindex-dropdown:                1000;\n@dropdown-border-radius:         @border-radius-base;\n\n//** Background for the dropdown menu.\n@dropdown-bg:                    desaturate(lighten(@brand-primary, 67%), 20%);\n\n//** Dropdown link text color.\n@dropdown-link-color:            mix(darken(@brand-primary, 5%), @inverse, 75%);\n//** Hover color for dropdown links.\n@dropdown-link-hover-color:      darken(@dropdown-link-color, 5%);\n//** Hover background for dropdown links.\n@dropdown-link-hover-bg:         fade(desaturate(lighten(@brand-primary, 52%), 21%), 50%);\n\n//** Active dropdown menu item text color.\n@dropdown-link-active-color:     @inverse;\n//** Active dropdown menu item background color.\n@dropdown-link-active-bg:        @brand-secondary;\n\n//** Disabled dropdown menu item background color.\n@dropdown-link-disabled-color:   @gray-light;\n\n//** Divider color for between dropdown items.\n@dropdown-divider-bg:            fade(@dropdown-link-hover-bg, 50%);\n\n//** Text color for headers within dropdown menus.\n@dropdown-header-color:          fade(@brand-primary, 60%);\n\n\n// Inverted dropdown\n//\n\n@dropdown-inverse-bg:                    @brand-primary;\n\n\n//** Dropdown link text color.\n@dropdown-inverse-link-color:            fade(@inverse, 85%);\n//** Hover color for dropdown links.\n@dropdown-inverse-link-hover-color:      fade(@inverse, 85%);\n//** Hover background for dropdown links.\n@dropdown-inverse-link-hover-bg:         fade(darken(@brand-primary, 5%), 50%);\n\n//** Active dropdown menu item text color.\n@dropdown-inverse-link-active-color:     fade(@inverse, 85%);\n//** Active dropdown menu item background color.\n@dropdown-inverse-link-active-bg:        @brand-secondary;\n\n//** Disabled dropdown menu item background color.\n@dropdown-inverse-link-disabled-color:   fade(@dropdown-inverse-link-color, 50%);\n\n//** Divider color for between dropdown items.\n@dropdown-inverse-divider-bg:            @dropdown-inverse-link-hover-bg;\n\n//** Text color for headers within dropdown menus.\n@dropdown-inverse-header-color:          fade(@inverse, 40%);\n\n\n//== Progress bars\n//\n//##\n\n@progress-height:            12px;\n\n\n//== Slider\n//\n//##\n\n@slider-height:              12px;\n@slider-value-font-size:     floor((@component-font-size-base * 0.867)); // ~13px;\n\n@slider-handle-bg:           mix(@brand-secondary, black, 85%);\n@slider-handle-hover-bg:     mix(@brand-secondary, white, 80%);\n@slider-handle-active-bg:    mix(@brand-secondary, black, 85%);\n\n@slider-range-bg:            @brand-secondary;\n\n@slider-segment-bg:          mix(desaturate(@brand-primary, 15%), white, 20%);\n\n\n//== Switch\n//\n//##\n\n@switch-name:                bootstrap-switch;\n@switch-border-radius:       30px;\n@switch-width:               80px;\n@switch-height:              29px;\n\n\n\n//== Video player\n//\n//##\n\n@vplayer-border-radius:               @border-radius-large;\n@vplayer-fullscreen-bg:               #000;\n@vplayer-fullscreen-zindex:           10000;\n\n@vplayer-control-bar-color:           @inverse;\n@vplayer-control-bar-bg:              @midnight-blue;\n\n@vplayer-preloader-primary-bg:        #e74c3c;\n@vplayer-preloader-secondary-bg:      #ebedee;\n\n@vplayer-text-track-bg:               rgba(0,0,0,.5);\n\n@vplaver-play-control-color:          @brand-secondary;\n@vplaver-play-control-hover-color:    mix(@brand-secondary, black, 85%);\n\n@vplaver-second-controls-color:       desaturate(lighten(@midnight-blue, 12%), 6%);\n@vplaver-second-controls-hover-color: desaturate(lighten(@midnight-blue, 20%), 6%);\n\n@vplaver-progress-bg:                 mix(@brand-primary, @inverse, 93%);\n@vplaver-play-progress-bg:            @brand-secondary;\n@vplaver-load-progress-bg:            mix(@brand-primary, @inverse, 20%);\n\n@vplayer-seek-handle-bg:              mix(@brand-secondary, black, 85%);\n@vplayer-seek-handle-hover-bg:        mix(@brand-secondary, black, 75%);\n@vplayer-seek-handle-active-bg:       mix(@brand-secondary, black, 65%);\n\n@vplayer-time-divider-color:          mix(@brand-primary, @inverse, 80%);\n@vplayer-duration-color:              mix(@brand-primary, @inverse, 80%);\n\n\n\n\n//== Todo list\n//\n//##\n\n@todo-bg:               @brand-primary;\n@todo-bg-active:        mix(@brand-primary, black, 85%);\n@todo-search-bg:        @brand-secondary;\n@todo-search-color:     @brand-primary;\n@todo-color:            mix(@brand-primary, @inverse, 66%);\n@todo-name-color:       @inverse;\n@todo-color-active:     @brand-secondary;\n@todo-border-radius:    @border-radius-large;\n\n\n//== Thumbnails\n//\n//##\n\n//** Padding around the thumbnail image\n@thumbnail-padding:           4px;\n//** Thumbnail background color\n@thumbnail-bg:                @body-bg;\n//** Thumbnail border color\n@thumbnail-border:            @gray-light;\n//** Thumbnail border radius\n@thumbnail-border-radius:     @border-radius-large;\n\n//** Custom text color for thumbnail captions\n@thumbnail-caption-color:     @text-color;\n//** Padding around the thumbnail caption\n@thumbnail-caption-padding:   9px;\n\n\n//== Tiles\n//\n//##\n\n@tiles-bg:                   mix(@brand-primary, @inverse, 8%);\n@tiles-border-radius:        @border-radius-large;\n\n\n\n//== Media queries breakpoints\n//\n//## Define the breakpoints at which your layout will change, adapting to different screen sizes.\n\n// Extra small screen / phone\n@screen-xs-min:               480px;\n\n// Small screen / tablet\n@screen-sm-min:               768px;\n\n// Medium screen / desktop\n@screen-md-min:               992px;\n\n// Large screen / wide desktop\n@screen-lg-min:               1200px;\n\n// So media queries don't overlap when required, provide a maximum\n@screen-xs-max:               (@screen-sm-min - 1);\n@screen-sm-max:               (@screen-md-min - 1);\n@screen-md-max:               (@screen-lg-min - 1);\n\n\n//== Grid system\n//\n//## Define your custom responsive grid.\n\n//** Number of columns in the grid.\n@grid-columns:                12;\n//** Padding between columns. Gets divided in half for the left and right.\n@grid-gutter-width:           30px;\n// Navbar collapse\n//** Point at which the navbar becomes uncollapsed.\n@grid-float-breakpoint:       @screen-sm-min;\n//** Point at which the navbar begins collapsing.\n@grid-float-breakpoint-max:   (@grid-float-breakpoint - 1);\n\n\n//== Form states and alerts\n//\n//## Define colors for form feedback states and, by default, alerts.\n\n@state-success-text:          @brand-success;\n@state-success-bg:            #dff0d8;\n@state-success-border:        darken(spin(@state-success-bg, -10), 5%);\n\n@state-info-text:             @brand-info;\n@state-info-bg:               #d9edf7;\n@state-info-border:           darken(spin(@state-info-bg, -10), 7%);\n\n@state-warning-text:          @brand-warning;\n@state-warning-bg:            #fcf8e3;\n@state-warning-border:        darken(spin(@state-warning-bg, -10), 5%);\n\n@state-danger-text:           @brand-danger;\n@state-danger-bg:             #f2dede;\n@state-danger-border:         darken(spin(@state-danger-bg, -10), 5%);\n\n\n//== Tooltips\n//\n//##\n\n//** Tooltip max width\n@tooltip-max-width:           183px;\n//** Tooltip text color\n@tooltip-color:               @inverse;\n//** Tooltip background color\n@tooltip-bg:                  @brand-primary;\n@tooltip-opacity:             1;\n//** Tooltip zIndex\n@zindex-tooltip:              1070;\n\n//** Tooltip inverse text color\n@tooltip-inverse-color:       @brand-primary;\n//** Tooltip inverse background color\n@tooltip-inverse-bg:          mix(@brand-primary, white, 9%);\n\n//** Tooltip arrow width\n@tooltip-arrow-width:         9px;\n//** Tooltip arrow color\n@tooltip-arrow-color:         @tooltip-bg;\n//** Tooltip inverse arrow color\n@tooltip-inverse-arrow-color: @tooltip-inverse-bg;\n\n\n\n\n//== Code\n//\n//##\n\n@code-color:                  #c7254e;\n@code-bg:                     #f9f2f4;\n\n@kbd-color:                   @inverse;\n@kbd-bg:                      @brand-primary;\n\n@pre-bg:                      @inverse;\n@pre-color:                   inherit;\n@pre-border-color:            mix(@brand-primary, @inverse, 12%);\n@pre-scrollable-max-height:   340px;\n@pre-border-radius:           @border-radius-large;\n\n\n//== Form states and alerts\n//\n//##\n\n//** Text muted color\n@text-muted:                  @gray-light;\n//** Abbreviations and acronyms border color\n@abbr-border-color:           @gray-light;\n//** Headings small color\n@headings-small-color:        mix(@brand-primary, @inverse, 12%);\n//** Blockquote small color\n@blockquote-small-color:      inherit;\n//** Blockquote border color\n@blockquote-border-color:     mix(@brand-primary, @inverse, 12%);\n//** Page header border color\n@page-header-border-color:    mix(@brand-primary, @inverse, 12%);\n//** Width of horizontal description list titles\n@dl-horizontal-offset:        @component-offset-horizontal;\n\n\n//== Miscellaneous\n//\n//##\n\n//** Hr border color\n@hr-border:                   mix(@brand-primary, @inverse, 63%);\n\n//** Horizontal forms & lists\n@component-offset-horizontal: 180px;\n","// Clearfix\n//\n// For modern browsers\n// 1. The space content is one way to avoid an Opera bug when the\n//    contenteditable attribute is included anywhere else in the document.\n//    Otherwise it causes space to appear at the top and bottom of elements\n//    that are clearfixed.\n// 2. The use of `table` rather than `block` is only necessary if using\n//    `:before` to contain the top-margins of child elements.\n//\n// Source: http://nicolasgallagher.com/micro-clearfix-hack/\n\n.clearfix() {\n  &:before,\n  &:after {\n    content: \" \"; // 1\n    display: table; // 2\n  }\n  &:after {\n    clear: both;\n  }\n}\n"]}