{"version":3,"sources":["docs/assets/css/src/prettyprint.less","docs/assets/css/src/docs.less","less/mixins/clearfix.less","less/variables.less"],"names":[],"mappings":";AACA;EACE,yBAAA;EACA,oBAAoB,4BAA4B,+CAAhD;EACA,yBAAA;EACA,kBAAA;;AAGF;EACE,cAAA;;AA4DF;EAxDE;IACE,cAAA;;EAGF;IACE,cAAA;;EAGF;IACE,cAAA;;EAGF;IACE,cAAA;;EAGF;IACE,cAAA;;EAGF;IACE,cAAA;;EAGF;IACE,cAAA;;EAGF;IACE,cAAA;;EAGF;IACE,WAAA;;EAGF;IACE,WAAA;;EAGF;IACE,cAAA;;EAGF;IACE,cAAA;;EAGF;IACE,WAAA;;EAGF;IACE,cAAA;;;AA4CJ;EAxCE;IACE,cAAA;;EAGF;IACE,WAAA;IACA,iBAAA;;EAGF;IACE,WAAA;IACA,kBAAA;;EAGF;IACE,WAAA;IACA,iBAAA;;EAGF;IACE,cAAA;;EAGF;EAAM;EAAM;IACV,cAAA;;EAGF;IACE,WAAA;IACA,iBAAA;;EAGF;IACE,cAAA;;EAGF;IACE,cAAA;;;;AAIJ,EAAE;EACA,aAAA;EACA,gBAAA;;ACxGF;EACE,kBAAA;EACA,qBAAA;;ACEA,sBAAC;AACD,sBAAC;EACC,SAAS,GAAT;EACA,cAAA;;AAEF,sBAAC;EACC,WAAA;;ADVJ,sBAKE;EACE,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,YAAA;;AAKJ;EACE,cAAA;EACA,oBEuD8B,8CFvD9B;EACA,mBAAA;EACA,eAAA;EACA,kBAAA;EACA,qBAAA;EACA,eAAA;;AAIF;EACE,cAAA;EACA,oBAAA;EACA,YAAA;;ACzBA,SAAC;AACD,SAAC;EACC,SAAS,GAAT;EACA,cAAA;;AAEF,SAAC;EACC,WAAA;;ADgBJ,SAME;AANF,SAOE;EACE,cAAA;EACA,YAAA;EACA,kBAAA;EACA,YAAA;EACA,OAAA;EACA,eAAA;EACA,iBAAA;EACA,cAAA;EACA,gBAAA;;AAhBJ,SAkBE;EACE,YAAA;EACA,SAAA;;AAEF,SAAC;EACC,uBAAA;;AAEF,SAAC,eACC;EACE,WAAA;EACA,iBAAA;EACA,cAAA;EACA,WAAA;EACA,WAAA;;AANJ,SAAC,eAQC;EACE,mBAAA;EACA,mBAAA;EACA,kBAAA;;AAKN;EACE,WAAA;EACA,cAAA;EACA,YAAA;;AAGF;EACE,WAAA;EACA,iBAAA;EACA,YAAA;;AAEA,aAAC,qBACC;EAAI,mBAAA;;AADN,aAAC,qBAGC;EACE,qBAAA;EACA,cAAA;;AALJ,aAAC,qBAQC;EACE,iBAAA;EACA,gBAAA;;AAKN;EACE,WAAA;EACA,cAAA;;AC3FA,kBAAC;AACD,kBAAC;EACC,SAAS,GAAT;EACA,cAAA;;AAEF,kBAAC;EACC,WAAA;;ADyFJ;EACE,WAAA;EACA,qBAAA;EACA,YAAA;EACA,sBE/B8B,8CF+B9B;;AAJF,WAME;AANF,WAMM;AANN,WAMU;AANV,WAMc;EACV,aAAA;EACA,aEnC4B,8CFmC5B;;AARJ,WAUE;AAVF,WAUM;AAVN,WAUU;EACN,4BAAA;;AAXJ,WAaE;EACE,4BAAA;;AAdJ,WAgBE;EACE,cAAA;EACA,eAAA;EACA,gBAAA;;AAIJ,aAAc;AACd,YAAa;EACX,mBAAA;;AAGF,gBACE;EACE,gBAAA;;AAIJ;EACE,iBAAA;;AAGF;EACE,UAAA;EACA,kBAAA;;AAFF,cAKE;EACE,UAAA;EACA,6BAAA;EACA,SAAA;;AARJ,cAUE;EACE,eAAA;EACA,WAAA;;AAIJ,cACE;EACE,cAAA;EACA,qBAAA;EACA,kBAAA;EACA,WAAA;;AAIJ,oBACE;EACE,WAAA;EACA,WAAA;EACA,mBAAA;;AAIJ;EACE,mBAAA;;AAGF;EACE,mBAAA;;AAGF;EACE,eAAA;EACA,kBAAA;;AAFF,WAIE;EACE,qBAAA;EACA,qBAAA;EACA,WAAA;;AASJ,QAN4B;EAM5B,WALI;IACE,iBAAA;IACA,kBAAA;;;AAKN;EACE,SAAA;EACA,cAAA;EACA,eAAA;EACA,UAAA;EACA,yBAAA;EACA,kBAAA;EACA,WAAA;;AAGF;EACE,qBAAA;;AAGF;EACE,eAAA;;AADF,YAGE;EACE,0BAAA;;AAKF,QAH4B;EAG5B,YANA;IAII,wBAAA;;;AAQN;EACE,gBAAA;;AADF,mBAGE;EACE,mBAAA;EACA,iBAAA;;AALJ,mBAGE,mBAIE;EACE,WAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,qBAAA;EACA,kBAAA;EACA,sBAAA;;AAdN,mBAiBE;EACE,qBAAA;EACA,iBAAA;EACA,gBAAA;EACA,sBAAA;;AAKJ;EACE,uBAAA;;AADF,YAGE;EACE,YAAA;;AAOJ,QAL4B;EAK5B,YAJI;IACE,WAAA;;;AAMN;EACE,yBAAA;EACA,kBAAA;EACA,mBAAA;EACA,WAAA;;AAJF,sBAME;EACE,YAAA;EACA,cAAA;EACA,kBAAA;EACA,SAAA;EACA,UAAA;EACA,gBAAA;EACA,oBAAA;;AAbJ,sBAeE;EACE,UAAA;;AAIJ,wBACE;EACE,YAAA;EACA,cAAA;EACA,UAAA;EACA,kBAAA;EACA,SAAA;EACA,UAAA;EACA,iBAAA;;AARJ,wBAUE;AAVF,wBAWE;EACE,WAAA;;AAZJ,wBAcE;EACE,UAAA;;AAKJ;EACE,eAAA;EACA,kBAAA;EACA,YAAA;EACA,OAAA;EACA,SAAA;EACA,qBAAA;EACA,cAAA;EACA,eAAA;EACA,MAAA;EACA,UAAA;EACA,YAAA;EACA,cAAA;EACA,yBAAA;EACA,4CAAA;;AAGE,aADF,GACG,YACC;EACE,iBAAA;;AAnBR,aAwBE;EACE,cAAA;EACA,iBAAA;;AAMJ,SACE,WACE,aACE;EACE,gBAAA;;AA6DR,QApD0B;EACxB;IACE,gBAAA;IACA,cAAA;IACA,eAAA;IACA,gBAAA;IACA,WAAA;;EAEF;EACA;EACA;EACA;IACE,WAAA;IACA,2BAAA;IACA,qBAAA;IACA,WAAA;;EAEF;IACE,eAAA;IACA,gBAAA;IACA,kBAAA;IACA,mBAAA;;EAGF;IAAe,cAAA;;EAEf,gBACE;IACE,SAAA;;EAFJ,gBAKE;IACE,cAAA;IACA,yBAAA;IACA,mBAAA;;EAGJ,eACE;IACE,0BAAA;;EAFJ,eAIE;EAJF,eAKE;IACE,2BAAA;IACA,gBAAA;;EAGJ,mBAAoB,mBAAmB;IACrC,iBAAA;;;;AAKJ;EACE,gBAAA;;AAeF,QAZ0B;EACxB,mBAAoB,mBAAmB;IACrC,iBAAA;;EAEF,gBACE,KAAI;IACF,UAAA;IACA,yBAAA;IACA,mBAAA","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// Docs Flat UI Pro\n// --------------------------------------------------\n\n// Variables and utilityes\n@import \"../../../../less/variables\";\n@import \"../../../../less/mixins\";\n@import \"prettyprint\";\n\n.docs-example-popovers {\n  position: relative;\n  margin: -20px -20px 0;\n  .clearfix();\n\n  .popover {\n    display: block;\n    float: left;\n    margin: 20px;\n    position: relative;\n    width: 260px;\n  }\n}\n\n// For demo purposes only\n.demo-headline {\n  color: @brand-secondary;\n  font: 700 118px/1.1 @font-family-demo !important;\n  margin-bottom: 50px;\n  padding: 40px 0;\n  text-align: center;\n  word-wrap: break-word;\n  margin-top: 2px;\n}\n\n// Panels delimiter\n.demo-row {\n  margin: 0 auto;\n  padding: 0 20px 50px;\n  width: 940px;\n  .clearfix();\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  &.menu-row {\n    padding: 50px 20px 10px;\n  }\n  &.typography-row {\n    .demo-content {\n      float: none;\n      margin-left: 20px;\n      padding-top: 0;\n      width: auto;\n      clear: both;\n    }\n    .demo-type-example {\n      padding-left: 265px;\n      margin-bottom: 40px;\n      position: relative;\n    }\n  }\n}\n\n.demo-col {\n  float: left;\n  margin: 0 20px;\n  width: 270px;\n}\n\n.demo-content {\n  float: left;\n  margin-left: 20px;\n  width: 580px;\n\n  &.demo-content-article {\n    p { margin-bottom: 20px; }\n\n    ul {\n      list-style-type: none;\n      margin-left: 0;\n    }\n\n    li {\n      line-height: ceil((@font-size-base * 1.285 * 1.5));\n      padding: 0 0 5px;\n    }\n  }\n}\n\n.demo-content-wide {\n  clear: both;\n  margin: 0 20px;\n  .clearfix();\n}\n\n.demo-title {\n  float: left;\n  margin: -0.5em 20px 0;\n  width: 240px;\n  font: 700 24.5px/40px @font-family-demo;\n\n  h1, h2, h3, h4 {\n    margin-top: 0;\n    font-family: @font-family-demo;\n  }\n  h1, h2, h3 {\n    line-height: 40px !important;\n  }\n  h3 {\n    font-size: 24.5px !important;\n  }\n  small {\n    color: mix(desaturate(@brand-primary, 25%), white, 34%);\n    font-size: 13px;\n    font-weight: 400;\n  }\n}\n\n.demo-buttons .btn,\n.demo-inputs .control-group {\n  margin-bottom: 20px;\n}\n\n.demo-navigation {\n  .demo-title {\n    margin-top: 10px;\n  }\n}\n\n.demo-pager {\n  margin-top: -10px;\n}\n\n.demo-tooltips {\n  width: 40%;\n  padding-left: 10px;\n  // Needed just for the demo. Don't use it in producion ;)\n\n  .tooltip {\n    left: -8px !important;\n    position: relative !important;\n    top: -8px !important;\n  }\n  .tooltip-inner {\n    max-width: 100%;\n    width: auto;\n  }\n}\n\n.demo-popovers {\n  .popover {\n    display: block;\n    margin: 0 13px 0 -3px;\n    position: relative;\n    width: auto;\n  }\n}\n\n.demo-social-buttons {\n  .btn {\n    clear: left;\n    float: left;\n    margin-bottom: 17px;\n  }\n}\n\n.demo-headings {\n  margin-bottom: 12px;\n}\n\n.demo-tiles {\n  margin-bottom: 46px;\n}\n\n.demo-icons {\n  font-size: 32px;\n  margin-left: -15px;\n\n  > span {\n    display: inline-block;\n    margin: 0 0 32px 35px;\n    width: 32px;\n  }\n\n  @media (max-width: 480px) {\n    > span {\n      margin-left: 16px;\n      margin-right: 16px;\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.demo-inline {\n  display: inline-block;\n}\n\n.demo-labels {\n  font-size: floor((@font-size-base * 1.056)); // ~19px\n\n  .visible-lg {\n    display: inline !important;\n\n    @media (max-width: 767px) {\n      display: none !important;\n    }\n  }\n}\n\n\n// Illustration Icons\n// --------------------------------------------------\n.demo-illustrations {\n  margin-top: 40px;\n\n  .demo-content-wide {\n    margin: 0 0 0 -66px;\n    padding-top: 20px;\n\n    > div {\n      float: left;\n      width: 100px;\n      height: 100px;\n      line-height: 100px;\n      margin: 0 0 80px 87px;\n      text-align: center;\n      vertical-align: middle;\n    }\n  }\n  img {\n    display: inline-block;\n    max-height: 100px;\n    max-width: 100px;\n    vertical-align: middle;\n  }\n}\n\n// Dialog with form inside\n.demo-dialog {\n  padding: 13px 20px 15px;\n\n  .flat {\n    width: 300px;\n  }\n  @media (max-width: 767px) {\n    .flat {\n      width: 100%;\n    }\n  }\n}\n\n// Static Modal\n.static-modal-backdrop {\n  background-color: mix(@brand-primary, black, 70%);\n  padding: 62px 14px;\n  margin-bottom: 50px;\n  width: 100%;\n\n  .modal {\n    bottom: auto;\n    display: block;\n    position: relative;\n    top: auto;\n    z-index: 1;\n    overflow: hidden;\n    padding-bottom: 20px;\n  }\n  .modal-dialog {\n    padding: 0;\n  }\n}\n\n.components-static-modal {\n  .modal {\n    bottom: auto;\n    display: block;\n    left: auto;\n    position: relative;\n    top: auto;\n    z-index: 1;\n    overflow: visible;\n  }\n  .modal-dialog,\n  .modal-content {\n    width: auto;\n  }\n  .modal-dialog {\n    padding: 0;\n  }\n}\n\n// Sidebar for Components navigation\n.demo-sidebar {\n  font-size: floor((@font-size-base * 0.778)); // ~14px\n  line-height: 1.214; // ~17px\n  height: 100%;\n  left: 0;\n  margin: 0;\n  list-style-type: none;\n  overflow: auto;\n  position: fixed;\n  top: 0;\n  padding: 0;\n  width: 150px;\n  z-index: 10000;\n  background-color: mix(@brand-primary, white, 6%);\n  -webkit-font-smoothing: subpixel-antialiased;\n\n  li {\n    &:first-child {\n      a {\n        padding-top: 20px;\n      }\n    }\n  }\n\n  a {\n    display: block;\n    padding: 7px 20px;\n  }\n}\n\n\n// File Input\n.demo-col {\n  .fileinput {\n    .input-group {          // Inline fileinput\n      .uneditable-input {\n        max-width: 370px;\n      }\n    }\n  }\n}\n\n//\n// Responsive: Landscape phone to desktop/tablet\n// --------------------------------------------------\n@media (max-width: 767px) {\n  .demo-row {\n    margin-bottom: 0;\n    margin-left: 0;\n    padding-left: 0;\n    padding-right: 0;\n    width: auto;\n  }\n  .demo-col,\n  .demo-content,\n  .demo-content-wide,\n  .demo-title {\n    float: none;\n    margin: 0 0 18px !important;\n    padding: 0 !important;\n    width: auto;\n  }\n  .demo-headline {\n    font-size: ceil((@font-size-base * 3.611)) !important;\n    text-align: left;\n    padding-left: 15px;\n    padding-right: 15px;\n  }\n\n  .demo-inline { display: block; }\n\n  .demo-navigation {\n    .btn-toolbar {\n      margin: 0;\n    }\n\n    .pager {\n      display: block;\n      margin-left: 0 !important;\n      margin-bottom: 20px;\n    }\n  }\n  .typography-row {\n    .demo-type-example {\n      padding-left: 0 !important;\n    }\n    .demo-heading-note,\n    .demo-text-note {\n      position: static !important;\n      margin: 0 0 10px;\n    }\n  }\n  .demo-illustrations .demo-content-wide > div {\n    margin-left: 67px;\n  }\n}\n\n/* Demo video */\n.demo-video {\n  margin-top: 40px;\n}\n\n@media (max-width: 480px) {\n  .demo-illustrations .demo-content-wide > div {\n    margin-left: 23px;\n  }\n  .demo-navigation {\n    .mll.pvl {\n      padding: 0;\n      margin-left: 0 !important;\n      margin-bottom: 20px;\n    }\n  }\n}\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","//\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"]}