{"version":3,"sources":["../../mixins/_base.scss","candy-black.scss","../../_variables.scss","../../mixins/_utilities.scss","../../mixins/_tables.scss","../../mixins/_forms.scss","../../mixins/_buttons.scss","../../mixins/_px-navbar.scss","../../mixins/_px-nav.scss","../../mixins/_px-footer.scss","../../mixins/_labels.scss","../../mixins/_progress-bars.scss","../../mixins/_dropdowns.scss","../../mixins/_panels.scss","../../mixins/_custom-forms.scss","../../mixins/_tooltip.scss","../../mixins/_popovers.scss","../../mixins/_navs.scss","../../mixins/_pagination.scss","../../mixins/_thumbnails.scss","../../mixins/_list-group.scss","../../mixins/_switchers.scss","../../mixins/plugins/_select2.scss","../../mixins/plugins/_bootstrap-datepicker.scss","../../mixins/plugins/_bootstrap-timepicker.scss","../../mixins/plugins/_dropzone.scss","../../mixins/plugins/_ion.rangeSlider.scss","../../mixins/plugins/_bootstrap-daterangepicker.scss","../../mixins/plugins/_bootstrap-tagsinput.scss","../../mixins/plugins/_bootstrap-slider.scss","../../mixins/plugins/_nouislider.scss","../../mixins/widgets/_pricing.scss","../../mixins/widgets/_timeline.scss","../../mixins/_pixeladmin.scss","../../../libs/bootstrap-sass/assets/stylesheets/bootstrap/_variables.scss"],"names":[],"mappings":"AAKE;EACE,oBCoB4B,EDnB7B;;AAED;;EAEE,wBCiBgC,EDhBjC;;AAGC;;;;;EAKE,kCCSuB,EDRxB;;AAED;EAAmB,kCEgToB,EFhToB;;AAI3D;;;;EAIE,sBCJ0B,EDK3B;;AG0CH;EAjDA,qCAAwC;EACxC,iCAAgE,EAkD/D;EAFD;IA9CgB,qCAAoE,EAAI;EA8CxF;IA5CM,iCAAgE,EAAI;EA4C1E;;IAxCE,qCAAoE;IACpE,iCAAiE,EAGlE;IAoCD;;MArCkB,qCAAoE,EAAI;EAqC1F;;IAhCE,qCAAoE;IACpE,iCAAiE,EAGlE;IA4BD;;MA7BkB,qCAAoE,EAAI;EA6B1F;;IA/DE,0BAAwD,EACzD;EA8DD;;;;IAvDI,0BAA8D,EAC/D;EAsDH;;;;IAnBI,uBAAwB,EACzB;EAGH;;;;;;IAME,2CAAyC,EAC1C;;AAYD;;EAnEE,0BAAwD,EACzD;;AAkED;;;;EA3DI,0BAA8D,EAC/D;;AA8DH;EAZA,iCAAgC,EAc/B;;AC5ED;;EACE,UAAU;EACV,qCAA2C,EAC5C;;AAED;EACE,oBFkI8B,EE9G/B;EArBD;;;;IAOI,iCAAuC;IACvC,YHEuB,EGDxB;EATH;;IAaI,oBApBsB,EAqBvB;EAdH;IAiBI,oBHpBuB,EGuBxB;IApBH;MAmBkD,aAAa,EAAI;;ACgBnE;;;;EAIE,sBJ1CyB,EI2C1B;;ACtBD;EACE,YLTyB;EKUzB,sBLT2B;EKU3B,oBLxByB,EKyB1B;;AAED;EACE,eAbmB;EAcnB,sBLf2B;EKgB3B,iBAAiB,EAClB;;AAED;;;;EAII,YLxBuB;EKyBvB,sBAvBiB;EAwBjB,6BAA2B;EAC3B,oBA1BqB,EA2BtB;;AAGH;;;;;;EACE,YLhCyB;EKiCzB,sBA5BoB;EA6BpB,oBA9BwB,EAsCzB;EAXD;;;;;;;;;;;;;;;;IAQI,sBAlCkB;IAmClB,oBAlC4B,EAmC7B;;AAMH;;;;EAII,6BAA2B,EAC5B;;AAGH;;;;;;;;;EAKI,oBA3DqB,EA4DtB;;AAMH;;;EACE,iCAAgC;EAChC,+BAAkC,EACnC;;AAED;;;EACE,eAvEmB;EAwEnB,iCAAgC;EAChC,4BAA4B,EAC7B;;AAED;;;EACE,uBAAwB;EACxB,iCAAuC;EACvC,+BAAyC,EAC1C;;ACpGD;EACE,YN+BoC;EM9BpC,iBAAY,EAsKb;EAxKD;;IAMI,YN0BkC,EMlBnC;IAdH;;;;MAWM,gCNsBgC;MMrBhC,wBNsBuC,EMrBxC;EAbL;;;;;;;;;;;;IAuBM,gCNUgC;IMThC,wBNUuC,EMTxC;EAzBL;;IA8BI,iBAAiB,EAClB;EA/BH;IAiCkB,4BAA4B,EAAI;EAjClD;IAoCI,YNYkC;IMXlC,qCAAmD;IACnD,qCNQkC,EMPnC;EAvCH;IA0CI,gCNTkC,EM6BnC;IA9DH;;;MA+CM,WAAW;MACX,gCNfgC;MMgBhC,qCNhBgC,EMiBjC;IAlDL;MAqDM,YNrBgC,EM6BjC;MA7DL;;;QA0DQ,YN1B8B;QM2B9B,iBN3B8B,EM4B/B;EA5DP;;IAkEI,yCAAkD,EACnD;EAnEH;;IAuEI,sDAA6C,EAC9C;EAxEH;IA2EI,YN3CkC;IMkDhC,oBN5EoB,EMwFvB;IA9FH;MAsFM,YNtDgC,EM6DjC;MA7FL;QA0FQ,gCNzD8B;QM0D9B,wBNzDqC,EM0DtC;EA5FP;IAiGI,oBNvDoC,EMwDrC;EAED;IApGF;MAsGM,sBN5DkC;MMmEhC,oBNpEiC,EMsEpC;IA/GL;;MAmHM,sBNzEkC,EM0EnC;IApHL;MAuHM,iDAA4C;MAC5C,sBN5EmC,EM6EpC;IAzHL;MA0HwB,sBN9EiB,EM8EgC,EAAA;EAGvE;IA7HF;MA+HM,wCNhGgC;MMuG9B,oBNhIkB,EMkIrB;IAxIL;MA0IuB,wCN3Ge,EM2GgB;IA1ItD;MAiJQ,oBNxGiC,EM0GpC;IAnJL;;MAwJM,sBN9GkC,EMqHnC;MA/JL;;;;;;QA6JQ,wBAAwB,EACzB,EAAA;;AAYP;EACE;IACE,YNtIkC;IM6IhC,oBN7KoB,EMmMvB;IA9BD;MAuBI,YN5JgC,EMkKjC;MA7BH;QA2BM,YN/J8B,EMgK/B,EAAA;;AAKP;EACE;IAAiB,iBAAY,EAAc,EAAA;;AClJ7C;EACE,ePIoC;EOGlC,oBPJkC,EOgBrC;EApBD;;IAaI,yCAAkD,EACnD;EAdH;;IAkBI,sDAA6C,EAC9C;;AAGH;EAAiB,+BPSuB,EOTG;;AAE3C;EACE,ePpBoC,EO4BrC;EATD;IAMI,YPxB+B;IOyB/B,gCPxB+B,EOyBhC;;AAGH;EACE,uBAA+B;EAC/B,oBPrBoC,EOwBrC;EALD;IAIiB,YPtBkB,EOsBW;;AAG9C;EAA2C,ePhGhB,EOgGsD;;AAEjF;EACE,iBAAiB,EAOlB;EARD;IAMI,gCP3C+B,EO4ChC;;AAGH;EACE,oBP7GyB;EO8GzB,YP3BiC,EO4BlC;;AAED;EAAsC,4BPjHX,EOiH8C;;AACzE;EAAuC,2BPlHZ,EOkH8C;;AAEzE;;EAEE,+BAA8C;EAC9C,uBAA4C,EAE7C;EALD;;IAIiB,uBAA4C,EAAI;;AAGjE;EAAwB,oBP3Dc,EO2Dc;;AAEpD;EACE,YPvEiC;EO8E/B,oBPpIsB,EO6IzB;EAjBD;;;IAcI,YPpF+B;IOqF/B,iBPrF+B,EOsFhC;;AAGH;EACE,sBPjEoC;EOkEpC,YPtFiC,EOsGlC;EAlBD;IAKI,eP1FkC,EOiGnC;IAZH;MAUM,YP9F6B,EO+F9B;EAXL;IAeI,sBP/EkC;IOgFlC,ePrGkC,EOsGnC;;AAGF;;;EAGC,eP5GoC,EO6GrC;;AA+CC;EAAqC,kDP1IJ,EO0IoD;;AACrF;EAAsC,iDP3IL,EO2IoD;;AAGvF;EACE;;IAEE,YPlK+B,EOmKhC,EAAA;;AAGH;EACE;;IAEE,YPzK+B,EO0KhC,EAAA;;AAID;EACE,+CAAuC;EAAvC,uCAAuC;EACvC,kCN6TqC;UM7TrC,0BN6TqC,EM5TtC;;ACzOH;EACE,iBR0FsB;EQzFtB,YRwFsB;EQrFpB,sBR4FuB,EQhF1B;EAjBD;IAQM,YRqFkB,EQrFI;EAR5B;;IAYI,YPsCsB,EOrCvB;EAbH;IAeO,sBRmFoB,EQnFc;EAfzC;IAgBgB,uBAAqC,EAAI;;ACAzD;;;EAzBA,sBTK2B;ESJ3B,oBTI2B;ESH3B,YTgB2B,ESS1B;EAFD;;;;;IAnBE,sBAAoB;IACpB,oBAAkB;IAClB,YTUyB,EST1B;EAgBD;;;IAbE,eAAa;IACb,oCAA2C,EAM5C;IAMD;;;;;MARI,eAAa,EACd;EAOH;;;IAJwB,0BAA4B,EAAmC;;ACXvF;EAVA,0BVK2B,EUO1B;;ACGD;EAKI,YXFuB;EWGvB,0BXhBuB,EWiBxB;;ACmEH;EAzFA,iCAAgC,EA4F/B;EA1FD;IACE,oBZEyB;IYDzB,sBZe2B;IYd3B,YZayB,EYZ1B;EAEmB;;IAElB,YZQyB,EYF1B;IARmB;;;MAMhB,aAAc,EACf;EAGiB;;;IAGlB,2BAA2B,EAC5B;EAED;IAAgB,sBZLa,EYKY;EAiEzC;;;IA3DI,oBZzBuB;IY0BvB,YZbuB,EYcxB;EAED;;IAEE,iCAAgC,EACjC;EAoDH;IAzFA,iCAAgC,EAqF/B;IAnFD;MACE,oBZEyB;MYDzB,sBZCyB;MYAzB,YZayB,EYZ1B;IAEmB;;MAElB,YZQyB,EYF1B;MARmB;;;QAMhB,aAAc,EACf;IAGiB;;;MAGlB,2BAA2B,EAC5B;IAED;MAAgB,sBZnBW,EYmBc;IAiEzC;;;MA3DI,oBZzBuB;MY0BvB,YZbuB,EYcxB;IAED;;MAEE,iCAAgC,EACjC;IAWG;;;;;;;;;;MAKI,YZnCiB,EYoClB;IAGO;;;;;;;;;;MAKN,eZzDiB,EY0DlB;IAIY;MAAI,gCAAqB,EAAgB;IAI1D;MAAc,2CAA4C,EAAI;IAE9D;;;;;;;;;MASE,iCAAkD,EACnD;;ACXL;EACuC,oCAAmC,EAAI;;AAD9E;;EAKI,0BAAyB;EACzB,iBAAiB,EAClB;;AAGH;EAEI,0Bb/EuB;EagFvB,iBAAiB,EAClB;;AAJH;EAMwC,uEbnFb,EamF+G;;AAN1I;EASI,0BAAyB;EACzB,iBAAiB,EAClB;;AAGH;;EAEE,qCAAwC;EACxC,4BAA4B,EAC7B;;AAKD;EAAkD,sBbpGvB,EaoGgD;;AAE3E;;;EAGE,sBbzGyB,Ea0G1B;;AC/GD;EAEI,0BdGuB;EcFvB,YAJwD,EAKzD;;AAJH;;;EASI,0BdJuB,EcKxB;;AAVH;;;EAeI,6BdVuB,EcWxB;;AAhBH;EAkB2B,WAAW;EAAC,4BdbZ,Eca+C;;AAlB1E;EAmB0B,WAAW;EAAC,2BddX,Ecc6C;;ACJxE;EAEE,kBAAkB,EAOnB;EATD;IAGiB,WAAW;IAAC,aAAS,EAA8B;EAHpE;IAIoB,WAAW;IAAC,UAAM,EAA8B;EAJpE;IAKkB,WAAW;IAAC,YAAQ,EAA8B;EALpE;IAMmB,WAAW;IAAC,WAAO,EAA8B;EArBpE;IAEE,YfgByB;IedzB,oBfCyB,EeA1B;EAUD;;IALE,sBfS2B,EeR5B;;AAXD;EAEE,YfgByB;EedzB,oBfCyB,EeA1B;;AAqBD;;EAhBE,sBfLyB,EeM1B;;AAeD;EAII,sBAAqB,EACtB;;ACrBW;EAIV,YhBIuB;EgBHvB,oBhBVuB,EgBWxB;;AAGsB;EAAI,wCAAuC,EAAI;;ACJxE;;;EAII,sBjBduB,EiBexB;;AALH;;;;;EAaM,YjBVqB;EiBWrB,sBjBxBqB;EiByBrB,oBjBzBqB,EiB0BtB;;AAIL;EAII,sBjBlCuB,EiBmCxB;;ACxCH;;;;;;EAME,iCAAgC,EACjC;;ACPe;EACd,YnBiByB;EmBhBzB,sBnBGyB;EmBDzB,oBnBCyB,EmBG1B;EAFC;;IACmB,YnBWM,EmBXW;;ACqCpB;EAChB,YpB3ByB;EoB4BzB,oBpBzCyB,EoB0C1B;;AAGkC;;;EAGjC,oCAAuC,EACxC;;AChBD;;EAEE,0BrBnCyB,EqBoC1B;;AAgBD;EACE,YrBxCyB;EqByCzB,oBrBtDyB,EqBuD1B;;AAED;;;;EAII,sBrB7DuB,EqB8DxB;;ACnEH;EACa,YtBiBc,EsBjBG;;AAD9B;;;EAMI,oBtBDuB,EsBIxB;EATH;;;IAQc,oBAAmB,EAAqB;;AARtD;;EAaI,8BAA4B;EAE5B,oBAAkB,EACnB;;AAhBH;;;;;EAuBM,uBAAwB;EACxB,+BAAkC,EACnC;;ACzBL;;;EAII,sBvBCuB,EuBAxB;;AALH;;EAQI,YvBUuB;EuBTvB,oBvBJuB,EuBKxB;;ACVH;EAAkB,0BxBKS,EwBLwB;;AACnD;EAA8B,sBxBIH,EwBJ4B;;ACDvD;;;EAGE,oBzBEyB,EyBD1B;;AAEsB;;EAErB,oBAAkB,EACnB;;AAED;;;EAGE,YzBIyB;EyBHzB,oBzBVyB,EyBa1B;EAPD;;;IAMY,0BzBZe,EyBYU;;ACjBrC;;;;;EAKE,oB1BAyB;E0BCzB,Y1BYyB,E0BX1B;;AAED;EAAgC,sB1BJL,E0BIkC;;AAE7D;EACE,sB1BPyB,E0BQ1B;;AAED;EACE,oBAAmB,EACpB;;AAED;EACE,qCAAsE;EACtE,+BAA+D,EAChE;;ACtBD;EACE,iCAAgC,EACjC;;ACFD;;;;;EAKE,oB5BAyB,E4BC1B;;AAID;;EAKI,oB5BVuB,E4BWxB;;AChBH;EAAgB,oB7BKW,E6BLW;;AAYtC;;EAEE,oB7BTyB,E6BU1B;;ACfD;EACyC,sB9BqBX,E8BrB0C;;AADxE;EASM,qC9BawB,E8BZzB;;AAVL;EAaM,sB9BSwB,E8BRzB;;AAdL;EAoBM,qC9BEwB,E8BDzB;;AArBL;EAwBM,sB9BFwB,E8BGzB;;AAzBL;EAgCkD,sB9BVpB,E8BUmD;;AAhCjF;;EAqCI,sB9Bf0B,E8BgB3B;;ACtCH;;EAEE,oBCmHyC,EDlH1C;;AAED;EACE,Y9BqDwB;E8BpDxB,oBC8GyC,ED7G1C;;AAED;;;EAGE,oBCwGyC,EDvG1C;;AAED;EACE,oBCoGyC,EDnG1C;;AAED;EACE,oBCgGyC;ED/FzC,Y9BqCwB,E8BpCzB;;AAED;EACE,Y9BiCwB;E8BhCxB,oBC0FyC,EDzF1C;;A/BwFD;EACE;IACE,cAAc;IACd,iBiCmH+B;IjClH/B,mBCkL6B;IDjL7B,mBC0DwB,EDpCzB;IA1BD;;;MASI,YCnEoB,EDoErB;IAVH;MAeM,oBC2K4B,ED1K7B;IAhBL;MAoBI,+BAA2C,EAC5C;IArBH;MAwBI,4BAA4B,EAC7B;EAGH;;IACiC,kCC9ET,ED8E8C,EAAA","file":"candy-black.css","sourcesContent":["//\n// Mixins / Base\n// --------------------------------------------------\n\n@mixin px-base-theme($body-bg, $panel-border-color: false, $header-bg: transparent, $header-border-color: false) {\n  body {\n    background: $body-bg;\n  }\n\n  .page-breadcrumb,\n  .page-header:not(.panel) {\n    background: $header-bg;\n  }\n\n  @if ($header-border-color) {\n    .page-breadcrumb,\n    .page-header,\n    hr,\n    .nav-tabs,\n    .nav-tabs.nav-justified {\n      border-color: $header-border-color;\n    }\n\n    .panel .nav-tabs { border-color: $nav-tabs-border-color; }\n  }\n\n  @if($panel-border-color) {\n    .panel,\n    .widget-more-link.b-a-1,\n    .widget-products-image,\n    *:not(.panel) .thumbnail {\n      border-color: $panel-border-color;\n    }\n  }\n}\n","//\n// Themes / Candy Black\n// --------------------------------------------------\n\n@import '../../variables';\n@import '../../../libs/bootstrap-sass/assets/stylesheets/bootstrap/variables';\n@import '../../../libs/bootstrap-sass/assets/stylesheets/bootstrap/mixins';\n@import '../../mixins';\n\n\n$theme-primary-color: #ea4c89;\n$theme-navbar-color: #303841;\n\n\n// Generate theme\n//\n\n@include pixel-theme(\n\n  // Basic\n  //\n\n  $primary-color:        $theme-primary-color,\n  $primary-text-color:   #fff,\n  $primary-border-color: darken($theme-primary-color, 6%),\n\n  $body-bg:              #f6f6f6,\n  $panel-border-color:   #e2e2e2,\n  $header-bg:            transparent,\n  $header-border-color:  rgba(0, 0, 0, .07),\n\n  // Px-Navbar element\n  //\n\n  $px-navbar: (\n    bg:                             $theme-navbar-color,\n    border-color:                   rgba(255, 255, 255, .03),\n    link-color:                     #fff,\n    link-hover-color:               rgba(255, 255, 255, .8),\n    link-hover-bg:                  transparent,\n    shadow:                         \"none\",\n\n    brand-bg:                       $theme-navbar-color,\n    brand-link-color:               #fff,\n    brand-link-hover-color:         #fff,\n\n    collapse-bg:                    #2a3139,\n    collapse-border-color:          darken(#2a3139, 3%),\n    collapse-dropdown-bg:           rgba(255, 255, 255, .02),\n    collapse-dropdown-border-color: lighten(#2a3139, 5%),\n\n    form-control-bg:                rgba(255, 255, 255, .3),\n    form-control-border-color:      transparent,\n    form-control-color:             #fff,\n\n    scrollbar-color:                rgba(255, 255, 255, .5),\n    scrollbar-rail-color:           transparent,\n\n    enable-transitions:             false\n  ),\n\n  // Px-Nav element\n  //\n\n  $px-nav: (\n    toggle-color:                #fff,\n    toggle-bg:                   $theme-navbar-color,\n\n    bg:                          #3f4853,\n    color:                       #93a3af,\n    link-hover-color:            #fff,\n    link-hover-bg:               rgba(0, 0, 0, .08),\n\n    // Dropdowns\n    dropdown-bg:                 #374049,\n    dropdown-menu-title-color:   #fff,\n    dropdown-menu-title-bg:      #272d34,\n\n    // Active\n    active-color:                #fff,\n    active-bg:                   lighten($theme-primary-color, 6%),\n    active-icon-color:           #fff,\n    active-dropdown-icon-color:  $theme-primary-color,\n\n    scrollbar-color:             rgba(255, 255, 255, .3),\n    scrollbar-rail-color:        transparent,\n\n    toggle-border-color:         rgba(255, 255, 255, .03),\n    border-color:                false,\n    item-border-color:           false,\n    box-border-color:            #383e45,\n\n    tooltip-bg:                  $theme-primary-color,\n    tooltip-color:               #fff,\n\n    dimmer-bg:                   rgba(#000, .4),\n\n    animate-items:               true\n  ),\n\n  // Px-Footer element\n  //\n\n  $px-footer: (\n    color:            #666,\n    bg:               #fff,\n\n    link-color:       #999,\n    link-hover-color: $text-color,\n\n    muted-color:      #bbb,\n    border-color:     #e6e6e6,\n    hr-color:         #e6e6e6\n  )\n);\n\n// Custom styles\n//\n\n// PxNavbar\n@if mixin-exists(px-navbar-theme) {\n  @media (min-width: $screen-md-min) {\n    .px-navbar .dropdown-menu {\n      border-top: 0;\n      background: $dropdown-bg;\n      border-color: $dropdown-border;\n      border-radius: $border-radius-base;\n\n      a,\n      a:hover,\n      a:focus {\n        color: $text-color;\n      }\n\n      > li > a {\n        &:hover,\n        &:focus {\n          background: $dropdown-link-hover-bg;\n        }\n      }\n\n      .divider {\n        background: $dropdown-divider-bg !important;\n      }\n\n      .ps-scrollbar-y {\n        background: #999 !important;\n      }\n    }\n\n    .px-navbar [class^=\"widget-\"],\n    .px-navbar [class*=\" widget-\"] { border-color: $panel-inner-border; }\n  }\n}\n","//\n// Variables\n// --------------------------------------------------\n\n// Icons\n$icon-success: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E\") !default;\n$icon-warning: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E\") !default;\n$icon-danger:  url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E\") !default;\n\n//== Spacing\n//\n\n$spacer:   10px !default;\n$spacer-x: $spacer !default;\n$spacer-y: $spacer !default;\n$spacers: (\n  0: (\n    x: 0,\n    y: 0\n  ),\n  1: (\n    x: $spacer-x,\n    y: $spacer-y\n  ),\n  2: (\n    x: round($spacer-x * 1.5),\n    y: round($spacer-y * 1.5)\n  ),\n  3: (\n    x: $spacer-x * 2,\n    y: $spacer-y * 2\n  ),\n  4: (\n    x: $spacer-x * 3,\n    y: $spacer-y * 3\n  )\n) !default;\n\n//== Grid\n//\n\n$content-wrapper-padding:   $spacer * 2 !default;\n\n$screen-sm-min:             544px !default;\n$screen-md-min:             768px !default;\n$screen-lg-min:             992px !default;\n$screen-xl-min:             1200px !default;\n\n$screen-xs-max:             ($screen-sm-min - 1) !default;\n$screen-sm-max:             ($screen-md-min - 1) !default;\n$screen-md-max:             ($screen-lg-min - 1) !default;\n$screen-lg-max:             ($screen-xl-min - 1) !default;\n\n$grid-float-breakpoint:     $screen-md-min !default;\n$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;\n\n// Bootstrap-related variable (do not use it in your code)\n$screen-xs-min:             $screen-md-min;\n\n$grid-gutter-width:         22px !default;\n\n//== Colors\n//\n\n$text-color:            #444 !default;\n$text-muted:            #a1a7ab !default;\n$text-light:            #bbb !default;\n\n//** Global textual link color.\n$link-color:            #316498 !default;\n//** Link hover color set via `darken()` function.\n$link-hover-color:      lighten($link-color, 10%) !default;\n\n$default-border-color:  rgba(0,0,0,.05) !default;\n\n$white:                 #fff !default;\n$black:                 #272634 !default;\n$gray-dark:             #373a3c !default;\n$gray:                  #55595c !default;\n$gray-light:            #818a91 !default;\n$gray-lighter:          #eceeef !default;\n$gray-lightest:         #f7f7f9 !default;\n\n$brand-success:         #78bd5d !default;\n$brand-info:            #59c4e4 !default;\n$brand-warning:         #f4ab43 !default;\n$brand-danger:          #e46050 !default;\n\n$utilities-text-darken: 10% !default;\n\n//== States\n//\n\n$state-success-text:        #6f976d !default;\n$state-success-bg:          #fcfff5 !default;\n$state-success-border:      #a3c293 !default;\n\n$state-info-text:           #528d9e !default;\n$state-info-bg:             #f8ffff !default;\n$state-info-border:         #a9d5de !default;\n\n$state-warning-text:        #8d7955 !default;\n$state-warning-bg:          #fffaf3 !default;\n$state-warning-border:      #c9ba9b !default;\n\n$state-danger-text:         #b05b59 !default;\n$state-danger-bg:           #fff6f6 !default;\n$state-danger-border:       #e0b4b4 !default;\n\n$state-dark-success-text:   #fff !default;\n$state-dark-success-bg:     $brand-success !default;\n$state-dark-success-border: $state-dark-success-bg !default;\n\n$state-dark-info-text:      #fff !default;\n$state-dark-info-bg:        $brand-info !default;\n$state-dark-info-border:    $state-dark-info-bg !default;\n\n$state-dark-warning-text:   #fff !default;\n$state-dark-warning-bg:     $brand-warning !default;\n$state-dark-warning-border: $state-dark-warning-bg !default;\n\n$state-dark-danger-text:    #fff !default;\n$state-dark-danger-bg:      $brand-danger !default;\n$state-dark-danger-border:  $state-dark-danger-bg !default;\n\n//== Typography\n//\n\n$font-family-sans-serif:     \"Open Sans\", \"Helvetica Neue\", Helvetica, Arial, sans-serif !default;\n$font-family-monospace:      Consolas, Monaco, \"Courier New\", monospace !default;\n$font-family-base:           $font-family-sans-serif !default;\n\n$font-size-base:             13px !default;\n$font-size-xl:               20px !default;\n$font-size-large:            15px !default;\n$font-size-small:            12px !default;\n$font-size-xs:               11px !default;\n\n$line-height-base:           1.61539 !default;\n$line-height-xl:             1.5 !default;\n$line-height-large:          1.4 !default;\n$line-height-small:          1.42 !default;\n$line-height-xs:             1.4555 !default;\n\n$line-height-computed:       round(($font-size-base * $line-height-base)) !default; // ~21px\n$line-height-xl-computed:    round(($font-size-xl * $line-height-xl)) !default;\n$line-height-large-computed: round(($font-size-large * $line-height-large)) !default;\n$line-height-small-computed: round(($font-size-small * $line-height-small)) !default;\n$line-height-xs-computed:    round(($font-size-xs * $line-height-xs)) !default;\n\n$font-size-h1:               28px !default;\n$font-size-h2:               24px !default;\n$font-size-h3:               18px !default;\n$font-size-h4:               16px !default;\n$font-size-h5:               14px !default;\n$font-size-h6:               11px !default;\n\n$headings-font-weight:       700 !default;\n$headings-line-height:       1.15 !default;\n\n$page-header-font-size:      18px !default;\n$page-header-font-weight:    600 !default;\n$page-header-line-height:    30px !default;\n$page-header-icon-font-size: 22px !default;\n\n//== Components\n//\n\n$padding-base-vertical:    4px !default;\n$padding-base-horizontal:  12px !default;\n\n$padding-xl-vertical:      10px !default;\n$padding-xl-horizontal:    25px !default;\n\n$padding-large-vertical:   8px !default;\n$padding-large-horizontal: 18px !default;\n\n$padding-small-vertical:   3px !default;\n$padding-small-horizontal: 9px !default;\n\n$padding-xs-vertical:      2px !default;\n$padding-xs-horizontal:    7px !default;\n\n$border-radius-xl:         4px !default;\n$border-radius-base:       2px !default;\n$border-radius-large:      3px !default;\n$border-radius-small:      2px !default;\n$border-radius-xs:         2px !default;\n\n//== Z-indexes\n//\n\n$zindex-form-loading:     1000 !default;\n$zindex-footer-fixed:     1005 !default;\n$zindex-navbar:           1010 !default;\n$zindex-sidebar:          1040 !default;\n$zindex-px-nav:           1050 !default;\n$zindex-modal-background: 1060 !default;\n$zindex-fullscreen:       1070 !default;\n$zindex-modal:            1080 !default;\n$zindex-popover:          1090 !default;\n$zindex-tooltip:          1100 !default;\n$zindex-growls:           1110 !default;\n$zindex-sortable:         1120 !default;\n\n//== Tables\n//\n\n$table-border-color: $default-border-color !default;\n$table-light-color:  #fafafa !default;\n\n//== Buttons\n//\n\n$btn-default-color:                 $text-color !default;\n$btn-default-bg:                    #ececec !default;\n$btn-default-border:                darken($btn-default-bg, 5%) !default;\n\n$btn-success-color:                 #fff !default;\n$btn-success-bg:                    $brand-success !default;\n$btn-success-border:                desaturate(darken($btn-success-bg, 5%), 10%) !default;\n\n$btn-info-color:                    #fff !default;\n$btn-info-bg:                       $brand-info !default;\n$btn-info-border:                   desaturate(darken($btn-info-bg, 5%), 20%) !default;\n\n$btn-warning-color:                 #fff !default;\n$btn-warning-bg:                    $brand-warning !default;\n$btn-warning-border:                desaturate(darken($btn-warning-bg, 5%), 20%) !default;\n\n$btn-danger-color:                  #fff !default;\n$btn-danger-bg:                     $brand-danger !default;\n$btn-danger-border:                 desaturate(darken($btn-danger-bg, 5%), 20%) !default;\n\n$btn-link-disabled-color:           $gray-light !default;\n\n$btn-label-bg:                      #fff !default;\n$btn-label-icon-bg:                 rgba(0, 0, 0, .05) !default;\n$btn-label-arrow-size:              5px !default;\n\n$btn-outline-border-color:          rgba(0, 0, 0, .12) !default;\n$btn-outline-inverted-color:        #fff !default;\n$btn-outline-inverted-border-color: rgba(255, 255, 255, .12) !default;\n\n//== Forms\n//\n\n$input-color:                 $text-color !default;\n$input-border:                #d6d6d6 !default;\n$input-color-placeholder:     #999 !default;\n\n$legend-color:                $text-color !default;\n$legend-border-color:         $default-border-color !default;\n\n$input-height-base:           ($line-height-computed + ($padding-base-vertical * 2) + 2) !default;\n$input-height-large:          (round($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default;\n$input-height-small:          (round($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;\n\n$form-group-margin-bottom:    $spacer * 1.5 !default;\n\n$form-help-block-arrow-width: 14px !default;\n\n$form-loading-spinner-size:   32px !default;\n\n$form-bordered-border-color:  $default-border-color !default;\n\n//== Custom control\n//\n\n$custom-control-gutter:            24px !default;\n$custom-control-spacer-x:          12px !default;\n$custom-control-spacer-y:          4px !default;\n\n$custom-control-indicator-size:    16px !default;\n$custom-control-indicator-bg:      #fff !default;\n$custom-control-indicator-bg-size: 50% 50% !default;\n\n$custom-checkbox-radius:           $border-radius-base !default;\n$custom-checkbox-checked-icon:     url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E\") !default;\n$custom-radio-checked-icon:        url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E\") !default;\n\n//== Custom select\n//\n\n$custom-select-indicator-padding:    16px !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-bg-size:              8px 10px !default;\n$custom-select-indicator:            url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E\") !default;\n\n$custom-select-arrow-size:           4px !default;\n$custom-select-arrow-right-position: 7px !default;\n\n//== Custom file\n//\n\n$custom-file-button-label: \"Browse\" !default;\n\n//== Dropdowns\n//\n\n$dropdown-padding-y:           5px !default;\n$dropdown-item-padding-y:      5px !default;\n$dropdown-item-padding-x:      18px !default;\n\n$dropdown-border:              #ccc !default;\n$dropdown-fallback-border:     $dropdown-border !default;\n\n$dropdown-link-color:          $text-color !default;\n$dropdown-link-hover-color:    #333 !default;\n$dropdown-link-hover-bg:       #f2f2f2 !default;\n$dropdown-link-disabled-color: #999 !default;\n$dropdown-label-line-height:   1.6em !default;\n\n//== Navs\n//\n\n$nav-item-bg:                          rgba(0, 0, 0, .05) !default;\n$nav-item-focus-bg:                    rgba(0, 0, 0, .06) !default;\n\n$nav-link-padding:                     6px 20px !default;\n$nav-link-small-padding:               4px 15px !default;\n$nav-link-xs-padding:                  3px 15px !default;\n$nav-link-lg-padding:                  8px 24px !default;\n$nav-link-xl-padding:                  10px 25px !default;\n\n$nav-disabled-link-color:              #999 !default;\n$nav-disabled-link-hover-color:        $nav-disabled-link-color !default;\n\n$nav-tabs-border-color:                rgba(0, 0, 0, .11) !default;\n$nav-tabs-link-hover-border-color:     rgba(0, 0, 0, .015) !default;\n$nav-tabs-justified-link-border-color: $default-border-color !default;\n\n//== Pagination\n//\n\n$pagination-color:           lighten($text-color, 15%) !default;\n$pagination-bg:              transparent !default;\n$pagination-border:          rgba(0, 0, 0, .13) !default;\n\n$pagination-hover-color:     $text-color !default;\n$pagination-hover-bg:        transparent !default;\n\n$pagination-disabled-color:  #ccc !default;\n$pagination-disabled-bg:     transparent !default;\n$pagination-disabled-border: lighten($pagination-border, 7%) !default;\n\n//== Tooltips\n//\n\n$tooltip-color:       #fff !default;\n$tooltip-bg:          #222 !default;\n$tooltip-opacity:     1 !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n//== Popovers\n//\n\n$popover-border-color:          $dropdown-border !default;\n$popover-fallback-border-color: $popover-border-color !default;\n\n$popover-title-bg:              #f0f0f0 !default;\n\n$popover-border-width:          3px !default;\n$popover-arrow-width:           7px !default; // + 1px\n\n//== Labels\n//\n\n$label-line-height:            1.818em !default;\n$label-padding-x:              .545em !default;\n\n$label-default-bg:             $gray-light !default;\n$label-default-outline-border: #dedede !default;\n\n$label-tag-arrow-width:        .909em !default;\n$label-tag-circle-size:        .545em !default;\n$label-tag-circle-bg:          #fff !default;\n\n$label-ribbon-outlined-bg:     #fff !default;\n\n//== Modals\n//\n\n$modal-inner-padding:  20px !default;\n$modal-title-padding:  11px $modal-inner-padding !default;\n$modal-footer-padding: $modal-title-padding !default;\n\n$modal-header-bg:      #f8f8f8 !default;\n\n//== Alerts\n//\n\n$alert-padding:              15px !default;\n\n$alert-border-width:         1px !default;\n\n$alert-default-bg:           #f8f8f8 !default;\n$alert-default-border:       #c9cacb !default;\n\n$alert-dark-text:            #fff !default;\n$alert-dark-stripes-opacity: .04 !default;\n\n$alert-dark-success-bg:      $state-dark-success-bg !default;\n$alert-dark-info-bg:         $state-dark-info-bg !default;\n$alert-dark-warning-bg:      $state-dark-warning-bg !default;\n$alert-dark-danger-bg:       $state-dark-danger-bg !default;\n\n//== Progress bars\n//\n\n$progress-bg:                      #eee !default;\n\n$progress-height:                  12px !default;\n\n$progress-bar-border:              rgba(0, 0, 0, .1) !default;\n$progress-striped-gradient:        linear-gradient(45deg, rgba(255, 255, 255, .1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, .1) 75%, transparent 75%, transparent) !default;\n$progress-striped-background-size: 10px !default;\n\n$progress-animated-duration:       2s !default;\n\n//== List group\n//\n\n$list-group-bg:                  transparent !default;\n$list-group-border:              $default-border-color !default;\n$list-group-hover-bg:            rgba(0, 0, 0, .04) !default;\n\n$list-group-disabled-color:      #aaa !default;\n$list-group-disabled-bg:         rgba(0, 0, 0, .06) !default;\n$list-group-disabled-border:     $list-group-border !default;\n$list-group-disabled-text-color: $list-group-disabled-color !default;\n\n$list-group-link-color:          $text-color !default;\n$list-group-link-hover-color:    $list-group-link-color !default;\n$list-group-link-heading-color:  $text-color !default;\n\n//== Panels\n//\n\n$panel-margin-bottom:      ($spacer * 2) !default;\n$panel-body-padding:       ($spacer * 2) !default;\n$panel-heading-padding-y:  9px !default;\n$panel-heading-padding:    $panel-heading-padding-y $panel-body-padding !default;\n$panel-footer-padding:     8px $panel-body-padding !default;\n\n$panel-bg:                 #fff !default;\n\n$panel-inner-border:       $default-border-color !default;\n$panel-footer-bg:          #fff !default;\n\n$panel-default-text:       $text-color !default;\n$panel-default-border:     #e2e2e2 !default;\n$panel-default-heading-bg: #fafafa !default;\n\n$hr-border:                $default-border-color !default;\n\n//== Breadcrumbs\n//\n\n$breadcrumb-color:                    #999 !default;\n$breadcrumb-active-color:             $text-color !default;\n$breadcrumb-separator-color:          #ccc !default;\n\n$breadcrumb-color-inverted:           rgba(255, 255, 255, .6) !default;\n$breadcrumb-active-color-inverted:    #fff !default;\n$breadcrumb-separator-color-inverted: rgba(255, 255, 255, .4) !default;\n\n$breadcrumb-separator:          \"/\" !default;\n$breadcrumb-separator-rtl:      \"\\\\\" !default;\n\n//== Dimmer\n//\n\n$dimmer-bg:                     rgba(255, 255, 255, .8) !default;\n$dimmer-spinner-bg:             rgba(0, 0, 0, .1) !default;\n$dimmer-spinner-color:          #767676 !default;\n\n$dimmer-bg-inverted:            rgba(0, 0, 0, .45) !default;\n$dimmer-spinner-bg-inverted:    rgba(255, 255, 255, .2) !default;\n$dimmer-spinner-color-inverted: #fff !default;\n\n//== Notes\n//\n\n$note-background: #fafafa !default;\n$note-border:     #ddd !default;\n\n$note-padding:    20px !default;\n\n//== Switchers\n//\n\n$switcher-default-color:  #fff !default;\n$switcher-default-bg:     $gray-light !default;\n\n$switcher-spacer-x:       12px !default;\n$switcher-spacer-y:       6px !default;\n\n$switcher-width:          56px !default;\n$switcher-height:         24px !default;\n$switcher-font-size:      11px !default;\n\n$switcher-width-sm:       42px !default;\n$switcher-height-sm:      20px !default;\n$switcher-font-size-sm:   8px !default;\n\n$switcher-width-lg:       68px !default;\n$switcher-height-lg:      30px !default;\n$switcher-font-size-lg:   13px !default;\n\n$switcher-no-state-color: #fff !default;\n$switcher-no-state-bg:    #555 !default;\n$switcher-button-bg:      #fff !default;\n\n//== Wizard\n//\n\n$wizard-bg:                                 #fff !default;\n$wizard-wrapper-bg:                         #fff !default;\n$wizard-border-color:                       $default-border-color !default;\n\n$wizard-step-color:                         lighten($text-color, 30%) !default;\n$wizard-step-completed-active-color:        $text-color !default;\n$wizard-step-description-active-color:      lighten($text-color, 30%) !default;\n$wizard-step-number-completed-border-color: $wizard-border-color !default;\n\n$wizard-step-padding-y:                     20px !default;\n$wizard-step-padding-x:                     16px !default;\n\n$wizard-step-number-size:                   28px !default;\n$wizard-step-number-border-width:           2px !default;\n\n//== PxSidebar\n//\n\n$sidebar-width:               300px !default;\n$sidebar-bg:                  $white !default;\n$sidebar-border:              1px solid $panel-default-border !default;\n$sidebar-transition-duration: .3s !default;\n\n//== Navbar / PxNavbar\n//\n\n$navbar-height:                    48px !default;\n$navbar-line-height-sm:            42px !default;\n\n$navbar-header-padding-horizontal: 20px !default;\n$navbar-item-padding-horizontal:   15px !default;\n$navbar-form-padding-vertical:     8px !default;\n\n$navbar-toggle-icon-width:         12px !default;\n\n$px-navbar-icon-font-size:         inherit !default;\n\n//== PX Nav\n//\n\n$px-nav-tablets-breakpoint:             $screen-sm-min !default;\n$px-nav-desktops-breakpoint:            $screen-lg-min !default;\n\n$px-nav-width-phone:                    80% !default;\n$px-nav-width-tablet:                   56px !default;\n$px-nav-width-desktop:                  230px !default;\n\n$px-nav-transition-duration:            .3s !default;\n\n$px-nav-dimmer-bg:                      rgba(0, 0, 0, .3) !default;\n\n$px-nav-item-padding-vertical:          12px !default;\n$px-nav-item-padding-horizontal:        22px !default;\n$px-nav-item-line-height:               20px !default;\n\n$px-nav-dropdown-item-padding-vertical: 8px !default;\n\n$px-nav-icon-font-size:                 16px !default;\n$px-nav-collapsed-icon-font-size:       18px !default;\n\n$px-nav-tooltip-padding-x:              10px !default;\n$px-nav-tooltip-padding-y:              6px !default;\n$px-nav-arrow-size:                     5px !default;\n\n//== PX Footer\n//\n\n$px-footer-padding-x: $content-wrapper-padding !default;\n$px-footer-padding-y: $content-wrapper-padding !default;\n\n//== Select2\n//\n\n$select2-choice-spacer:  4px !default;\n\n$select2-selected-color: $text-color !default;\n$select2-selected-bg:    #eee !default;\n\n//== Datepicker\n//\n\n$bootstrap-datepicker-width:                224px !default;\n\n$bootstrap-datepicker-cell-padding-y:       5px !default;\n$bootstrap-datepicker-month-year-padding-y: 12px !default;\n\n$bootstrap-datepicker-border:               #eee !default;\n$bootstrap-datepicker-hover-bg:             #f3f3f3 !default;\n$bootstrap-datepicker-old-new-color:        #bbb !default;\n$bootstrap-datepicker-today-bg:             #fff4df !default;\n$bootstrap-datepicker-highlited-bg:         #eff8fc !default;\n$bootstrap-datepicker-calendar-week-bg:     lighten($bootstrap-datepicker-hover-bg, 2%) !default;\n$bootstrap-datepicker-range-bg:             $bootstrap-datepicker-hover-bg !default;\n\n//== Timepicker\n//\n\n$bootstrap-timepicker-border: #eee !default;\n\n//== DataTables\n//\n\n$datatables-sorting-arrow-size: 4px !default;\n\n//== Growl\n//\n\n$growl-font-size:    $font-size-base !default;\n$growl-font-size-sm: $font-size-xs !default;\n$growl-font-size-lg: $font-size-large !default;\n\n$growl-padding:      10px !default;\n$growl-padding-sm:   8px !default;\n$growl-padding-lg:   14px !default;\n\n$growl-width:        256px !default;\n$growl-width-sm:     208px !default;\n$growl-width-lg:     304px !default;\n\n$growl-default-bg:   #7f8c8d !default;\n\n//== Dropzone\n//\n\n$dropzone-border-color:     $default-border-color !default;\n\n$dropzone-box-min-height:   288px !default;\n$dropzone-box-padding:      16px !default;\n$dropzone-overlay-bg:       rgba(0, 0, 0, .2) !default;\n$dropzone-thumbnail-bg:     #f2f2f2 !default;\n\n$dropzone-icon-size:        36px !default;\n$dropzone-upload-icon-size: 64px !default;\n$dropzone-upload-icon:      url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAEgUlEQVR4Xu1ai1EUQRDtjkCNQIhAjECIQI1AiECIQIxAiECIQIhAiECJQIhAjKCtd9VzNdc3/53do7idqqu6qp1fv3n9uqd3mba88ZbbTzMAMwO2HIHZBbacALMIzi7QywVE5CURvSeiD0SE//jtefPfENE9Ef0momtmxv+Nt8EMEBEY/JmI9iutARBnzHxZOa5r92YARAQGf2kw3BoAJhwxMxgyeWsCQES+EdFx592CDSed58xOVwWA+vmPxKnfEdGF+vkjM4PmJCI7RIQfWAOXeRPZGfofMPNjduedOhQDoMb/NMLmtgE/Pi0VNgXklIg+BeyYFIQaAGC8FboHIjps9V/VETDmtQFiMhCKABCRM1V6f5+3oPNQuiqzIIDWLc6ZubfOrBEuC4CeEk5/xXhmrg17Sa8VEYDwznQC8Mgl8ENegQZ9AEPQ/7LU7WKLlwBgqQ/a7w09ebuhBBNycgcgvra6YRIAETkkou9mB1DpUWJ2hG05ANzzpjCaA+BK09ul2jMzQBmtiQhEMRQdStasFs8oAErJv2bV3aE+l7NCQ+Qf7QehBSA3bl0RcZqAg7CagWFVIKQAsPS/Y2b/cpOzpfm5iIB5yCsWiVSsJcJocQRJAWCpeMLMUOUn1RLiWaRVKQBsWCqacBPoKAhgi59QwW0OcvtJAQA/RP7u2tscJXOLjfk8EkGQbidzhSAARogW+2bmbM4wpoElc0eSKQyFOyNXWCvCrBmlsR/XXZd5jQaArgVwscHBLZK3uHmRQaLuAIFdthUAMhO86pn9Gcp20RcNkb8ySAKEJeBLABLGI/WF+l/0AkA3ihTbz+8BQjLslVJE58ddBZcpe9PENEsQFgCozwM5n/b/NBZ3DX2JukJVAlMBBkCAS/sN7oCk7tEBYGM+jN/vdSL+ygmhQrei0FVqvOsXcQ1Eh0MOKT4RjZL0FOb5cLWjWiNz/UUkxIRdAGAfPDCzH/9zcxc9zwisnWNFqIoWKOgkIgiDviacAACb8XU//cZrbpfIYNzPHvY1AMCNzxe/rje+gOIXnNWiC4SqW2RQscdlzg+T9wBAVhKDjhlfppJcAkT3yLBm78gAhOp8JYb7fbpGhhAAQNmvyHa59BQqfikYXSJDIBzewQVs2au7CBohWnE5i8CYl65AxFuIoFXGe2beLT2a2n6WghMDYK/4izCImO9qcG4/o7FgUwBEEyEND6FKbBctsCe8CQCSqbACABZADF+YDR8z83ktzVP9pwZARPDxhr3Q4a6zs7wMKQh4bY1X37YhfcQEtz0uR1MAoCeOkjn0LZTWf3SFkZqCSBMRrKrXApDr37CpcEHETaTf/EATrDs0rLVeS8wZVAtYxaZAe7zKj5fEPBBAm9gHDBVrPhkA8AEH9Gzty5Pcu0EAAW1AeQn/Y5+2REGpPdHa/pGF8akOtAup+FXqdd7kpe5aF6iiW0PnGYAG0AYNmRlg6g9T3gVCJze7wCA+NwzeehdowGzUIZO7wKjWNEw+A9AA2rMaMjPgWR1ngzEzAxpAe1ZDtp4B/wGmkx9uXKTG5wAAAABJRU5ErkJggg==') !default;\n\n$dropzone-thumbnail-width:  160px !default;\n$dropzone-thumbnail-height: 120px !default;\n$dropzone-preview-padding:  10px !default;\n\n$dropzone-progress-height:  8px !default;\n\n//== Summernote\n//\n\n$summernote-statusbar-bg:                    $panel-default-heading-bg !default;\n\n$summernote-dropzone-color:                  lightskyblue !default;\n$summernote-dropzone-active-color:           darken($summernote-dropzone-color, 30) !default;\n$summernote-dropzone-bg:                     #fff !default;\n$summernote-dropzone-opacity:                .9 !default;\n$summernote-color-palette-border:            #fff !default;\n$summernote-color-palette-hover-border:      #000 !default;\n$summernote-dimension-unhighlighted-opacity: 1 !default;\n\n//== Markdown editor\n//\n\n$bootstrap-markdown-fullscreen-bg:        #fff !default;\n\n$bootstrap-markdown-fullscreen-font-size: 20px !default;\n\n$bootstrap-markdown-preview-padding-x:    16px !default;\n$bootstrap-markdown-preview-padding-y:    12px !default;\n\n//== Perfect-scrollbar\n//\n\n$ps-border-radius:                99px !default;\n\n$ps-rail-default-opacity:         0 !default;\n$ps-rail-container-hover-opacity: 0.6 !default;\n$ps-rail-hover-opacity:           0.9 !default;\n\n$ps-bar-bg:                       transparent !default;\n$ps-bar-container-hover-bg:       #aaa !default;\n$ps-bar-hover-bg:                 #999 !default;\n$ps-rail-hover-bg:                #eee !default;\n\n$ps-scrollbar-x-rail-bottom:      3px !default;\n$ps-scrollbar-x-rail-height:      4px !default;\n$ps-scrollbar-x-bottom:           0 !default;\n$ps-scrollbar-x-height:           $ps-scrollbar-x-rail-height !default;\n\n$ps-scrollbar-y-rail-right:       3px !default;\n$ps-scrollbar-y-rail-width:       4px !default;\n$ps-scrollbar-y-right:            0 !default;\n$ps-scrollbar-y-width:            $ps-scrollbar-y-rail-width !default;\n\n//== Ion.RangeSlider\n//\n\n$ionrangeslider-default-color:            #fff !default;\n$ionrangeslider-default-bg:               $gray-light !default;\n\n$ionrangeslider-line-color:               #E1E4E9 !default;\n$ionrangeslider-min-max-color:            #999 !default;\n$ionrangeslider-min-max-bg:               #e1e4e9 !default;\n$ionrangeslider-grid-color:               #e1e4e9 !default;\n$ionrangeslider-grid-text-color:          #999 !default;\n$ionrangeslider-shadow-color:             rgba(0, 0, 0, .25) !default;\n\n$ionrangeslider-bar-height:               10px !default;\n$ionrangeslider-slider-height:            16px !default;\n\n// Bullet\n\n$ionrangeslider-bullet-button-color:      #fff !default;\n\n$ionrangeslider-bullet-bar-height:        6px !default;\n$ionrangeslider-bullet-button-size:       18px !default;\n$ionrangeslider-bullet-button-point-size: 6px !default;\n\n//== jQuery Sortable\n//\n\n$jquery-sortable-dragged-opacity: .7 !default;\n\n//== Toastr\n//\n\n$toastr-default-bg:       #7f8c8d !default;\n$toastr-progress-bar-bg:  rgba(0, 0, 0, .4) !default;\n\n$toastr-icon-size:        26px !default;\n$toastr-icon-font-family: FontAwesome !default;\n$toastr-icon-success:     \"\\f00c\" !default;\n$toastr-icon-error:       \"\\f057\" !default;\n$toastr-icon-info:        \"\\f129\" !default;\n$toastr-icon-warning:     \"\\f071\" !default;\n\n//== Date Range Picker\n//\n\n$daterangepicker-width:       278px !default;\n$daterangepicker-padding:     4px !default;\n\n$daterangepicker-cell-size:   20px !default;\n$daterangepicker-cell-width:  $daterangepicker-cell-size !default;\n$daterangepicker-cell-height: $daterangepicker-cell-size !default;\n\n$daterangepicker-border:      #eee !default;\n$daterangepicker-hover-bg:    #f3f3f3 !default;\n$daterangepicker-range-bg:    #eff8fc !default;\n$daterangepicker-off-color:   #bbb !default;\n\n//== Bootstrap Tags Input\n//\n\n$bs-tagsinput-tag-height:    19px !default;\n$bs-tagsinput-padding:       floor(((($line-height-base * $font-size-base) + $padding-base-vertical * 2) - $bs-tagsinput-tag-height) / 2) !default;\n\n$bs-tagsinput-tag-height-sm: 17px !default;\n$bs-tagsinput-padding-sm:    floor(((($line-height-small * $font-size-small) + $padding-small-vertical * 2) - $bs-tagsinput-tag-height-sm) / 2) !default;\n\n$bs-tagsinput-tag-height-lg: 21px !default;\n$bs-tagsinput-padding-lg:    floor(((($line-height-large * $font-size-large) + $padding-large-vertical * 2) - $bs-tagsinput-tag-height-lg) / 2) !default;\n\n//== Seiyria Bootstrap Slider\n//\n\n$bs-slider-vertical-height: 210px !default;\n$bs-slider-default-bg:      $gray-light !default;\n$bs-slider-line-color:      #E1E4E9 !default;\n$bs-slider-bar-height:      6px !default;\n$bs-slider-handle-color:    #fff !default;\n$bs-slider-handle-size:     16px !default;\n$bs-slider-tick-size:       12px !default;\n$bs-slider-label-color:     #999 !default;\n$bs-slider-label-font-size: 11px !default;\n\n//== noUiSlider\n//\n\n$nouislider-vertical-height:       210px !default;\n$nouislider-default-bg:            $gray-light !default;\n$nouislider-line-color:            #E1E4E9 !default;\n$nouislider-bar-height:            10px !default;\n$nouislider-handle-color:          #fff !default;\n$nouislider-handle-height:         20px !default;\n$nouislider-handle-width:          30px !default;\n$nouislider-handle-stripes-height: $nouislider-handle-height - 8 !default;\n$nouislider-tick-size:             8px !default;\n$nouislider-tick-label-color:      #999 !default;\n$nouislider-tick-label-font-size:  10px !default;\n\n//== Charts\n//\n\n$c3-axis-color:      rgba(0, 0, 0, .2) !default;\n$c3-guide-color:     rgba(0, 0, 0, .4) !default;\n$c3-text-color:      rgba(0, 0, 0, .8) !default;\n$c3-arcs-background: #e0e0e0 !default;\n$c3-arcs-stroke:     #fff !default;\n\n//== Widgets\n//\n\n$widget-default-padding-x:                  15px !default;\n$widget-default-padding-y:                  8px !default;\n$widget-default-border-color:               $panel-inner-border !default;\n\n$widget-activity-item-padding-x:            $widget-default-padding-x !default;\n$widget-activity-item-padding-y:            12px !default;\n$widget-activity-avatar-size:               34px !default;\n$widget-activity-avatar-border-radius:      $border-radius-base !default;\n$widget-activity-icon-size:                 20px !default;\n$widget-activity-icon-font-size:            10px !default;\n$widget-activity-content-spacer:            3px !default;\n\n$widget-profile-heading-padding-y:          15px !default;\n$widget-profile-image-size:                 52px !default;\n$widget-profile-centered-image-size:        70px !default;\n\n$widget-messages-item-padding-x:            $widget-default-padding-x !default;\n$widget-messages-item-padding-y:            $widget-default-padding-y !default;\n\n$widget-messages-alt-item-padding-x:        $widget-default-padding-x !default;\n$widget-messages-alt-item-padding-y:        12px !default;\n$widget-messages-alt-avatar-size:           32px !default;\n$widget-messages-alt-avatar-border-radius:  $border-radius-base !default;\n\n$widget-notifications-item-padding-x:       $widget-default-padding-x !default;\n$widget-notifications-item-padding-y:       $widget-default-padding-y !default;\n$widget-notifications-icon-size:            26px !default;\n$widget-notifications-icon-font-size:       14px !default;\n\n$widget-tasks-item-padding-x:               $widget-default-padding-x !default;\n$widget-tasks-item-padding-y:               $widget-default-padding-y !default;\n\n$widget-rating-color:                       $text-muted !default;\n$widget-rating-active-color:                #ffd700 !default;\n$widget-rating-hover-color:                 lighten($widget-rating-active-color, 20%) !default;\n$widget-rating-spacer:                      .15384615384615em !default;\n\n$widget-support-tickets-item-padding-x:     $widget-default-padding-x !default;\n$widget-support-tickets-item-padding-y:     12px !default;\n\n$widget-comments-item-padding-x:            $widget-default-padding-x !default;\n$widget-comments-item-padding-y:            12px !default;\n$widget-comments-avatar-size:               32px !default;\n$widget-comments-avatar-border-radius:      $border-radius-base !default;\n$widget-comments-content-spacer:            3px !default;\n\n$widget-tree-comments-item-padding-x:       $widget-default-padding-x !default;\n$widget-tree-comments-item-padding-y:       14px !default;\n$widget-tree-comments-avatar-size:          32px !default;\n$widget-tree-comments-avatar-border-radius: $border-radius-base !default;\n\n$widget-threads-item-padding-x:             $widget-default-padding-x !default;\n$widget-threads-item-padding-y:             12px !default;\n$widget-threads-avatar-size:                32px !default;\n$widget-threads-avatar-border-radius:       $border-radius-base !default;\n\n$widget-chat-item-padding-x:                $widget-default-padding-x !default;\n$widget-chat-item-padding-y:                14px !default;\n$widget-chat-text-padding-x:                14px !default;\n$widget-chat-text-padding-y:                8px !default;\n$widget-chat-avatar-size:                   40px !default;\n$widget-chat-avatar-border-radius:          $border-radius-base !default;\n$widget-chat-text-bg:                       #f4f4f4 !default;\n\n$widget-followers-item-padding-x:           $widget-default-padding-x !default;\n$widget-followers-item-padding-y:           12px !default;\n$widget-followers-avatar-size:              32px !default;\n$widget-followers-avatar-border-radius:     $border-radius-base !default;\n\n$widget-probucts-overlay-bg:                rgba(255, 255, 255, .25) !default;\n$widget-probucts-overlay-bg-inverted:       rgba(0, 0, 0, .3) !default;\n\n$widget-pricing-padding-x:                  20px !default;\n$widget-pricing-padding-y:                  40px !default;\n$widget-pricing-section-spacer:             30px !default;\n$widget-pricing-active-bg:                  #fafafa !default;\n\n$widget-timeline-section-width:             120px !default;\n$widget-timeline-line-width:                2px !default;\n$widget-timeline-bullet-size:               8px !default;\n$widget-timeline-info-width:                90px !default;\n$widget-timeline-icon-size:                 30px !default;\n$widget-timeline-icon-font-size:            13px !default;\n$widget-timeline-item-spacer:               30px !default;\n","//\n// Mixins / Utilities\n// --------------------------------------------------\n\n@mixin pixel-text-color($color) {\n  &,\n  &:hover,\n  &:focus,\n  &:active,\n  &[href],\n  a {\n    color: darken($color, $utilities-text-darken) !important;\n  }\n\n  &[href],\n  a {\n    &:hover,\n    &:focus,\n    &:active {\n      color: darken($color, $utilities-text-darken + 10%) !important;\n    }\n  }\n}\n\n@mixin pixel-bg-color($background, $color: #fff) {\n  background-color: $background !important;\n  border-color: desaturate(darken($background, 9%), 6%) !important;\n\n  &[href]:hover { background-color: desaturate(darken($background, 3%), 6%) !important; }\n\n  & & { border-color: desaturate(darken($background, 9%), 6%) !important; }\n\n  &.darken,\n  & &.darken {\n    background-color: desaturate(darken($background, 3%), 6%) !important;\n    border-color: desaturate(darken($background, 12%), 6%) !important;\n\n    &[href]:hover { background-color: desaturate(darken($background, 6%), 6%) !important; }\n  }\n\n  &.darker,\n  & &.darker {\n    background-color: desaturate(darken($background, 6%), 6%) !important;\n    border-color: desaturate(darken($background, 14%), 6%) !important;\n\n    &[href]:hover { background-color: desaturate(darken($background, 9%), 6%) !important; }\n  }\n\n  @include pixel-text-color($color);\n\n  &[href],\n  a {\n    &:hover,\n    &:focus,\n    &:active {\n      color: $color !important;\n    }\n  }\n\n  .text-muted,\n  .text-muted:hover,\n  .text-muted:focus,\n  .text-muted:active,\n  .text-muted[href],\n  .text-muted a {\n    color: rgba(255, 255, 255, .6) !important;\n  }\n}\n\n@mixin pixel-border-color($border) {\n  border-color: $border !important;\n}\n\n@mixin pixel-colors($name, $color) {\n  .bg-#{$name} {\n    @include pixel-bg-color($color);\n  }\n\n  .text-#{$name} {\n    @include pixel-text-color($color);\n  }\n\n  .border-#{$name} {\n    @include pixel-border-color($color);\n  }\n}\n","//\n// Mixins / Tables\n// --------------------------------------------------\n\n@mixin table-variant($state, $color, $background, $border: $background, $form-control-no-border: true) {\n  $header-border: darken(desaturate($border, 15%), 12%);\n  $header-background: darken(desaturate($background, 8%), 6%);\n\n  .table-#{$state} .table,\n  .table-#{$state}.table {\n    margin: 0;\n    border-top-color: $header-border !important;\n  }\n\n  .table-#{$state} {\n    margin-bottom: $line-height-computed;\n\n    thead,\n    thead tr,\n    thead th,\n    .table-header {\n      border-color: $header-border !important;\n      color: $color;\n    }\n\n    thead tr,\n    thead th {\n      background: $header-background;\n    }\n\n    .table-header {\n      background: $background;\n\n      @if $form-control-no-border { .form-control { border: none; } }\n    }\n  }\n}\n\n@mixin table-context-variant($state, $color) {\n  .table > thead > tr > td.#{$state},\n  .table > thead > tr > th.#{$state},\n  .table > thead > tr.#{$state} > td,\n  .table > thead > tr.#{$state} > th,\n  .table > tbody > tr > td.#{$state},\n  .table > tbody > tr > th.#{$state},\n  .table > tbody > tr.#{$state} > td,\n  .table > tbody > tr.#{$state} > th,\n  .table > tfoot > tr > td.#{$state},\n  .table > tfoot > tr > th.#{$state},\n  .table > tfoot > tr.#{$state} > td,\n  .table > tfoot > tr.#{$state} > th {\n    color: $color;\n  }\n}\n\n@mixin table-theme($color, $background) {\n  @include table-variant(primary, $color, $background);\n}\n","//\n// Mixins / Forms\n// --------------------------------------------------\n\n@mixin pixel-form-state($state, $color, $background, $border) {\n  .has-#{$state} {\n    .form-control { border-color: $border; }\n\n    .input-group-addon {\n      color: $color;\n      border-color: $border !important;\n      background-color: $background;\n    }\n\n    .form-control-feedback { color: $border; }\n  }\n}\n\n@mixin form-message-variant($state, $color, $background, $border, $color-dark, $background-dark, $border-dark) {\n  .has-#{$state} .form-message {\n    color: $color;\n  }\n\n  .has-#{$state} .form-message.light,\n  .has-#{$state}.form-message-light .form-message {\n    color: $color;\n    border-color: $border;\n    background: $background;\n\n    &:after{\n      border-bottom-color: $background;\n    }\n  }\n\n  .has-#{$state} .form-message.dark,\n  .has-#{$state}.form-message-dark .form-message {\n    $stripes-color: rgba(255, 255, 255, .05);\n\n    color: $color-dark;\n    border-color: $border-dark;\n    background: $background-dark;\n    background-image: linear-gradient(45deg, $stripes-color 25%, transparent 25%, transparent 50%, $stripes-color 50%, $stripes-color 75%, transparent 75%, transparent);\n\n    &:after{\n      border-bottom-color: $background-dark;\n    }\n  }\n}\n\n@mixin form-theme($border) {\n  .form-control:focus,\n  .has-success .form-control:focus,\n  .has-warning .form-control:focus,\n  .has-error .form-control:focus {\n    border-color: $border;\n  }\n}\n","//\n// Mixins / Buttons\n// --------------------------------------------------\n\n@mixin pixel-button-outline-colorless-base($color, $border) {\n  color: $color;\n  border-color: $border;\n  background: none;\n\n  &.disabled,\n  &:disabled,\n  fieldset[disabled] & {\n    &,\n    &:active {\n      color: $color;\n      border-color: $border !important;\n      background: none;\n    }\n  }\n}\n\n@mixin pixel-button-base($color, $background, $border, $postfix: \"\") {\n  $selector: \".btn#{$postfix}\";\n\n  $hover-background: darken($background, 3%);\n  $hover-border: darken($border, 2%);\n\n  $active-background: darken($background, 6%);\n  $active-border: darken($border, 10%);\n  $active-hover-background: darken($background, 8%);\n\n  #{$selector} {\n    color: $color;\n    border-color: $border;\n    background: $background;\n  }\n\n  #{$selector}.btn-outline {\n    color: $hover-border;\n    border-color: $border;\n    background: none;\n  }\n\n  #{$selector},\n  #{$selector}.btn-outline {\n    &:hover,\n    &:focus,\n    &.focus {\n      color: $color;\n      border-color: $hover-border;\n      border-bottom-color: darken($hover-border, 18%);\n      background: $hover-background;\n    }\n  }\n\n  #{$selector}:active,\n  #{$selector}.active,\n  .open > #{$selector}.dropdown-toggle,\n  #{$selector}.btn-outline:active,\n  #{$selector}.btn-outline.active,\n  .open > #{$selector}.dropdown-toggle.btn-outline {\n    color: $color;\n    border-color: $active-border;\n    background: $active-background;\n\n    &:hover,\n    &:focus,\n    &.focus {\n      border-color: $active-border;\n      background: $active-hover-background;\n    }\n  }\n\n  // 3D buttons\n  //\n\n  #{$selector}.btn-3d,\n  #{$selector}.btn-3d.btn-outline {\n    &:hover,\n    &:focus,\n    &.focus {\n      border-bottom-color: darken($border, 10%);\n    }\n  }\n\n  #{$selector}.btn-3d:active,\n  #{$selector}.btn-3d.active,\n  .open > #{$selector}.dropdown-toggle.btn-3d {\n    &,\n    &:hover,\n    &:focus,\n    &.focus {\n      background: $hover-background;\n    }\n  }\n\n  // Disabled state\n  //\n\n  #{$selector}.disabled,\n  #{$selector}[disabled],\n  fieldset[disabled] #{$selector} {\n    border-color: $border !important;\n    background: $background !important;\n  }\n\n  #{$selector}.btn-outline.disabled,\n  #{$selector}.btn-outline[disabled],\n  fieldset[disabled] #{$selector}.btn-outline {\n    color: $hover-border;\n    border-color: $border !important;\n    background: none !important;\n  }\n\n  #{$selector}.disabled.active,\n  #{$selector}[disabled].active,\n  fieldset[disabled] #{$selector}.active {\n    color: $color !important;\n    border-color: $active-border !important;\n    background: $active-background !important;\n  }\n}\n\n@mixin pixel-button-variant($state, $color, $background, $border) {\n  @include pixel-button-base($color, $background, $border, \"-#{$state}\");\n}\n\n@mixin button-theme($color, $background, $border) {\n  @include pixel-button-variant(primary, $color, $background, $border);\n}\n","//\n// Mixins / Px Navbar\n// --------------------------------------------------\n\n@mixin px-navbar-theme($bg, $border-color, $link-color, $link-hover-color, $link-hover-bg, $brand-bg, $brand-link-color, $brand-link-hover-color, $collapse-border-color, $collapse-dropdown-bg, $collapse-dropdown-border-color, $form-control-bg, $form-control-border-color, $form-control-color, $scrollbar-color, $scrollbar-rail-color, $collapse-bg: $bg, $shadow: \"none\", $enable-transitions: true) {\n  .px-navbar {\n    color: $link-color;\n    box-shadow: #{$shadow};\n\n    .navbar-nav a,\n    .dropdown-menu a {\n      color: $link-color;\n\n      &:hover,\n      &:focus,\n      &:active {\n        color: $link-hover-color;\n        background: $link-hover-bg;\n      }\n    }\n\n    li.active,\n    .dropdown.open,\n    .dropdown.active {\n      > a,\n      > a:hover,\n      > a:focus,\n      > a:active {\n        color: $link-hover-color;\n        background: $link-hover-bg;\n      }\n    }\n\n    .navbar-nav li:hover,\n    .dropdown-menu li:hover {\n      background: none;\n    }\n\n    .navbar-brand { background: none !important; }\n\n    form.navbar-form .form-control {\n      color: $form-control-color;\n      border-color: $form-control-border-color !important;\n      background: $form-control-bg;\n    }\n\n    .navbar-toggle {\n      color: $link-hover-color;\n\n      .navbar-toggle-icon,\n      .navbar-toggle-icon:before,\n      .navbar-toggle-icon:after {\n        opacity: 1;\n        color: $link-hover-color;\n        background: $link-hover-color;\n      }\n\n      &.collapsed {\n        color: $link-color;\n\n        .navbar-toggle-icon,\n        .navbar-toggle-icon:before,\n        .navbar-toggle-icon:after {\n          color: $link-color;\n          background: $link-color;\n        }\n      }\n    }\n\n    .ps-scrollbar-x-rail,\n    .ps-scrollbar-y-rail {\n      background-color: $scrollbar-rail-color !important;\n    }\n\n    .ps-scrollbar-x-rail > .ps-scrollbar-x,\n    .ps-scrollbar-y-rail > .ps-scrollbar-y {\n      background-color: $scrollbar-color !important;\n    }\n\n    .navbar-header {\n      color: $link-color;\n\n      @if type-of($bg) == list {\n        background-color: nth($bg, 1);\n        background-image: nth($bg, 2);\n      }\n      @else {\n        background: $bg;\n      }\n\n      a {\n        color: $link-color;\n\n        &:hover,\n        &:focus {\n          color: $link-hover-color;\n          background: $link-hover-bg;\n        }\n      }\n    }\n\n    .dropdown-menu > li.divider {\n      background: $collapse-border-color;\n    }\n\n    @media (max-width: $screen-sm-max) {\n      .navbar-collapse {\n        border-color: $collapse-border-color;\n\n        @if type-of($collapse-bg) == list {\n          background-color: nth($collapse-bg, 1);\n          background-image: nth($collapse-bg, 2);\n        }\n        @else {\n          background: $collapse-bg;\n        }\n      }\n\n      .navbar-nav li,\n      .dropdown-menu li {\n        border-color: $collapse-border-color;\n      }\n\n      .dropdown.open {\n        background: $collapse-dropdown-bg !important;\n        border-color: $collapse-dropdown-border-color;\n      }\n      .dropdown.open li { border-color: $collapse-dropdown-border-color; }\n    }\n\n    @media (min-width: $screen-md-min) {\n      .navbar-collapse {\n        border-color: $border-color;\n\n        @if type-of($bg) == list {\n          background-color: nth($bg, 1);\n          background-image: nth($bg, 2);\n        }\n        @else {\n          background: $bg;\n        }\n      }\n\n      .navbar-nav > li { border-color: $border-color; }\n      .dropdown-menu {\n        @if type-of($collapse-bg) == list {\n          background-color: nth($collapse-bg, 1);\n          background-image: nth($collapse-bg, 2);\n        }\n        @else {\n          background: $collapse-bg;\n        }\n      }\n\n      // Widgets\n      [class^=\"widget-\"],\n      [class*=\" widget-\"] {\n        border-color: $collapse-border-color;\n\n        a,\n        a:hover,\n        a:focus {\n          background: transparent;\n        }\n      }\n\n      @if ($enable-transitions) {\n        .navbar-header a,\n        .navbar-nav > li > a {\n          transition: all .3s;\n        }\n      }\n    }\n  }\n\n  @media (min-width: $px-nav-desktops-breakpoint) {\n    .px-nav-left:not(.px-nav-collapse) ~ .px-navbar .navbar-header {\n      color: $brand-link-color;\n\n      @if type-of($brand-bg) == list {\n        background-color: nth($brand-bg, 1);\n        background-image: nth($brand-bg, 2);\n      }\n      @else {\n        background: $brand-bg;\n      }\n\n      @if ($border-color == transparent) {\n        margin-right: 1px;\n\n        @if type-of($brand-bg) == list {\n          box-shadow: 1px 0 0 0 nth($brand-bg, 1);\n        }\n        @else {\n          box-shadow: 1px 0 0 0 $brand-bg;\n        }\n      }\n\n      a {\n        color: $brand-link-color;\n\n        &:hover,\n        &:focus {\n          color: $brand-link-hover-color;\n        }\n      }\n    }\n  }\n\n  @media (min-width: $px-nav-desktops-breakpoint) {\n    .px-nav-toggle { box-shadow: #{$shadow}; }\n  }\n}\n","//\n// Mixins / Px Nav\n// --------------------------------------------------\n\n@mixin px-nav-nesting($nesting-level, $dir: \"left\") {\n  $path: \" > .px-nav-item > a\";\n\n  @for $i from 1 through $nesting-level {\n    $path: '.px-nav-dropdown-menu ' + $path;\n\n    #{$path},\n    .px-nav-dropdown-menu.px-show #{$path} {\n      padding-#{$dir}: $px-nav-item-padding-horizontal * ($i + 1);\n    }\n  }\n}\n\n@mixin px-nav-collapsed() {\n  .px-nav-content > .px-nav-item > a {\n    text-align: center;\n    padding-left: 0;\n    padding-right: 0;\n\n    @include clearfix();\n\n    .px-nav-label { display: none; }\n\n    .px-nav-icon {\n      margin: 0;\n      font-size: $px-nav-collapsed-icon-font-size;\n      height: $px-nav-collapsed-icon-font-size;\n      display: block;\n      width: auto;\n    }\n\n    .label,\n    .badge {\n      display: none;\n    }\n  }\n\n  .px-nav-content > .px-nav-dropdown {\n    > a:after {\n      right: 7px;\n      transform: rotate(45deg);\n    }\n\n    > .px-nav-dropdown-menu { display: none; }\n  }\n\n  .px-nav-content > .px-nav-dropdown.px-show > a { box-shadow: none !important; }\n\n  &.px-nav-right .px-nav-content > .px-nav-dropdown > a:after {\n    right: auto;\n    left: 7px;\n    transform: rotate(-135deg);\n  }\n\n  html[dir=\"rtl\"] & {\n    .px-nav-content > .px-nav-dropdown > a:after { transform: rotate(-45deg); }\n    &.px-nav-right .px-nav-content > .px-nav-dropdown > a:after { transform: rotate(135deg); }\n  }\n}\n\n@mixin px-nav-theme($toggle-color, $toggle-bg, $bg, $color, $link-hover-color, $link-hover-bg, $dropdown-bg, $dropdown-menu-title-color, $dropdown-menu-title-bg, $active-color, $active-bg, $active-icon-color, $scrollbar-color, $scrollbar-rail-color, $active-dropdown-icon-color: $active-icon-color, $toggle-border-color: false, $border-color: false, $item-border-color: false, $dropdown-item-border-color: false, $box-border-color: transparent, $tooltip-bg: $active-bg, $tooltip-color: $active-color, $dimmer-bg: $px-nav-dimmer-bg, $animate-items: false) {\n  .px-nav {\n    color: $color;\n\n    @if type-of($bg) == list {\n      background-color: nth($bg, 1);\n      background-image: nth($bg, 2);\n    }\n    @else {\n      background: $bg;\n    }\n\n    .ps-scrollbar-x-rail,\n    .ps-scrollbar-y-rail {\n      background-color: $scrollbar-rail-color !important;\n    }\n\n    .ps-scrollbar-x-rail > .ps-scrollbar-x,\n    .ps-scrollbar-y-rail > .ps-scrollbar-y {\n      background-color: $scrollbar-color !important;\n    }\n  }\n\n  .px-nav-dimmer { background: $dimmer-bg; }\n\n  .px-nav-item a {\n    color: $color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: $link-hover-color;\n      background: $link-hover-bg;\n    }\n  }\n\n  .px-nav-item.active > a {\n    color: $active-color !important;\n    background: $active-bg;\n\n    .px-nav-icon { color: $active-icon-color; }\n  }\n\n  .px-nav-dropdown.active > a .px-nav-icon { color: $active-dropdown-icon-color; }\n\n  .px-nav-dropdown.active > a {\n    background: none;\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: $link-hover-bg;\n    }\n  }\n\n  .px-nav-tooltip {\n    background: $tooltip-bg;\n    color: $tooltip-color;\n  }\n\n  .px-nav-left .px-nav-tooltip:before { border-right-color: $tooltip-bg; }\n  .px-nav-right .px-nav-tooltip:before { border-left-color: $tooltip-bg; }\n\n  .px-show > a,\n  .px-nav-dropdown-menu-title {\n    background: $dropdown-menu-title-bg !important;\n    color: $dropdown-menu-title-color !important;\n    .px-nav-icon { color: $dropdown-menu-title-color !important; }\n  }\n\n  .px-nav-dropdown-menu { background: $dropdown-bg; }\n\n  .px-nav-toggle {\n    color: $toggle-color;\n\n    @if type-of($toggle-bg) == list {\n      background-color: nth($toggle-bg, 1);\n      background-image: nth($toggle-bg, 2);\n    }\n    @else {\n      background: $toggle-bg;\n    }\n\n    .navbar-toggle-icon,\n    .navbar-toggle-icon:before,\n    .navbar-toggle-icon:after {\n      color: $toggle-color;\n      background: $toggle-color;\n    }\n  }\n\n  .px-nav-box {\n    border-color: $box-border-color;\n    color: $link-hover-color;\n\n    .close {\n      color: $color;\n\n      &:hover,\n      &:focus,\n      &:active {\n        color: $link-hover-color;\n      }\n    }\n\n    .btn-outline {\n      border-color: $box-border-color;\n      color: $color;\n    }\n  }\n\n  &.px-nav-static .px-nav-dropdown > a,\n  &.px-nav-static .px-nav-dropdown > a:hover,\n  &.px-nav-static .px-nav-dropdown > a:focus {\n    color: $color;\n  }\n\n  @if ($border-color) {\n    .px-nav-toggle ~ .px-nav-content { padding-top: $navbar-height + 1; }\n\n    .px-nav-toggle ~ .px-nav-scrollable-area .px-nav-content { padding-top: 1px; }\n\n    .px-nav.px-nav-left {\n      box-shadow: -1px 0 0 $border-color inset;\n\n      .px-nav-content > .px-nav-item > .px-nav-dropdown-menu { margin-right: 1px; }\n      .px-nav-content > .px-nav-item.active > a { box-shadow: -1px 0 0 $border-color inset; }\n    }\n\n    .px-nav.px-nav-right {\n      box-shadow: 1px 0 0 $border-color inset;\n\n      .px-nav-content > .px-nav-item > .px-nav-dropdown-menu { margin-left: 1px; }\n      .px-nav-content > .px-nav-item.active > a { box-shadow: 1px 0 0 $border-color inset; }\n    }\n\n    .px-nav-dropdown-menu.px-show { box-shadow: 0 0 0 1px $border-color; }\n  }\n\n  @if ($item-border-color) {\n    .px-nav-content > .px-nav-item > a,\n    .px-nav-content > .px-nav-item > .px-nav-dropdown-menu,\n    .px-nav-dropdown-menu-title {\n      border-bottom: 1px solid $item-border-color;\n    }\n\n    .px-nav-dropdown-menu-wrapper ~ .px-nav-dropdown-menu-title {\n      border-top: 1px solid $item-border-color;\n      border-bottom: none;\n    }\n\n    .px-nav-dropdown-menu-top.px-show { margin-bottom: 1px !important; }\n  }\n\n  @if ($dropdown-item-border-color) {\n    .px-nav-dropdown-menu .px-nav-item + .px-nav-item > a,\n    .px-nav-dropdown-menu .px-nav-dropdown-menu .px-nav-item > a {\n      border-top: 1px solid $dropdown-item-border-color;\n    }\n  }\n\n  @if ($toggle-border-color) {\n    .px-nav.px-nav-left .px-nav-toggle { border-right: 1px solid $toggle-border-color; }\n    .px-nav.px-nav-right .px-nav-toggle { border-left: 1px solid $toggle-border-color; }\n  }\n\n  @media (max-width: $px-nav-desktops-breakpoint - 1) {\n    .px-nav.px-nav-expand .px-open > a,\n    .px-nav-dropdown-menu .px-open > a {\n      color: $link-hover-color;\n    }\n  }\n\n  @media (min-width: $px-nav-desktops-breakpoint) {\n    .px-nav:not(.px-nav-collapse) .px-open > a,\n    .px-nav-dropdown-menu .px-open > a {\n      color: $link-hover-color;\n    }\n  }\n\n  @if ($animate-items) {\n    .px-nav-item a {\n      transition-property: color, background;\n      transition-duration: $px-nav-transition-duration;\n    }\n  }\n}\n","//\n// Mixins / Px Footer\n// --------------------------------------------------\n\n@mixin px-footer-theme($color, $bg, $link-color, $link-hover-color, $muted-color: false, $hr-color: false, $border-color: false) {\n  $bg-color: $bg;\n\n  @if type-of($bg) == list {\n    $bg-color: nth($bg, 1);\n  }\n\n  $footer-muted-color: if($muted-color, $muted-color, lighten($bg-color, 10%));\n  $footer-hr-color: if($hr-color, $hr-color, lighten($bg-color, 10%));\n\n  .px-footer {\n    background: $bg;\n    color: $color;\n\n    @if ($border-color) {\n      border-color: $border-color;\n    }\n\n    a { color: $link-color; }\n\n    a:hover,\n    a:focus {\n      color: $link-hover-color;\n    }\n\n    hr { border-color: $footer-hr-color; }\n    .text-muted { color: $footer-muted-color !important; }\n  }\n}\n","//\n// Mixins / Labels\n// --------------------------------------------------\n\n@mixin pixel-label-base($color, $background, $outline-border: $background) {\n  border-color: $background;\n  background: $background;\n  color: $color;\n\n  &[href]:hover,\n  &[href]:focus {\n    border-color: darken($background, 4%);\n    background: darken($background, 4%);\n    color: $color;\n  }\n\n  &.label-outline {\n    color: darken($background, 10%);\n    box-shadow: 0 0 0 1px $outline-border inset;\n\n    &[href]:hover,\n    &[href]:focus {\n      color: darken($background, 20%);\n    }\n  }\n\n  &.label-ribbon:before { border-top-color: desaturate(darken($background, 10%), 15%); }\n}\n\n@mixin pixel-label-variant($state, $color, $background, $outline-border: $background) {\n  .label-#{$state},\n  .badge-#{$state},\n  .panel-warning > .panel-heading .badge-#{$state} {\n    @include pixel-label-base($color, $background, $outline-border);\n  }\n}\n\n@mixin label-theme($color, $background) {\n  @include pixel-label-variant(primary, $color, $background);\n}\n","//\n// Mixins / Progress bars\n// --------------------------------------------------\n\n@mixin pixel-progress-bar-base($background) {\n  background-color: $background;\n}\n\n@mixin pixel-progress-bar-variant($state, $background) {\n  .progress .progress-bar.progress-bar-#{$state} {\n    @include pixel-progress-bar-base($background);\n  }\n}\n\n@mixin progress-bar-theme($background) {\n  .progress-bar {\n    @include pixel-progress-bar-base($background);\n  }\n}\n","//\n// Mixins / Dropdowns\n// --------------------------------------------------\n\n@mixin dropdown-multi-column-breakpoint($breakpoint, $media-width) {\n  @media (min-width: $media-width) {\n    .dropdown-column[class^=\"col-#{$breakpoint}-\"],\n    .dropdown-column[class*=\" col-#{$breakpoint}-\"] {\n      display: table-cell;\n\n      > li > a { white-space: normal; }\n\n      + .dropdown-column {\n        border-left: 1px solid $dropdown-divider-bg;\n        border-top: none;\n      }\n    }\n  }\n}\n\n@mixin dropdown-theme($color, $background) {\n  .dropdown-menu > .active > a {\n    &,\n    &:hover,\n    &:focus,\n    &:active {\n      color: $color;\n      background-color: $background;\n    }\n  }\n}\n\n@mixin dropdown-variant($state, $color, $background) {\n  .dropdown-menu.dropdown-menu-#{$state} {\n    > .active > a {\n      color: $color;\n      background-color: $background;\n    }\n\n    > li > a {\n      &:hover,\n      &:focus,\n      &:active {\n        color: $color;\n        background-color: $background;\n      }\n    }\n  }\n}\n","//\n// Mixins / Panels\n// --------------------------------------------------\n\n@mixin pixel-panel-base($color, $background, $border) {\n  border-color: $border !important;\n\n  .panel-heading {\n    background: $background;\n    border-color: $border;\n    color: $color;\n  }\n\n  .panel-heading-text a,\n  &.panel-body-colorful a {\n    color: $color;\n\n    &:hover,\n    &:focus {\n      color: lighten($color, 10%);\n    }\n  }\n\n  .panel-heading-text a,\n  &.panel-body-colorful .panel-body a,\n  &.panel-body-colorful .panel-footer a {\n    text-decoration: underline;\n  }\n\n  .panel-footer { border-color: $border; }\n\n  &.panel-body-colorful {\n    &,\n    .panel-body,\n    .panel-footer {\n      background: $background;\n      color: $color;\n    }\n\n    hr,\n    .panel-body {\n      border-color: $border !important;\n    }\n  }\n}\n\n@mixin pixel-panel-dark-base($color, $background, $border: $background) {\n  &.panel-dark {\n    @include pixel-panel-base($color, $background, $border);\n\n    .panel-heading {\n      .pagination,\n      .pager {\n        a,\n        span {\n          &,\n          &:hover,\n          &:focus {\n            color: $color;\n          }\n        }\n\n        li.active a,\n        li.active span {\n          &,\n          &:hover,\n          &:focus {\n            color: $background;\n          }\n        }\n      }\n\n      .nav-tabs > li > a { color: transparentize($color, .1); }\n    }\n\n    &.panel-body-colorful {\n      .text-muted { color: transparentize($color, .3) !important; }\n\n      .panel-heading,\n      .panel-footer,\n      .panel-body,\n      hr,\n      table,\n      table tr,\n      table th,\n      table td,\n      .list-group-item {\n        border-color: lighten($background, 15%) !important;\n      }\n    }\n  }\n}\n\n@mixin pixel-panel-variant($state, $color, $background, $border, $color-dark, $background-dark, $border-dark: $background-dark) {\n  .panel-#{$state} {\n    @include pixel-panel-base($color, $background, $border);\n    @include pixel-panel-dark-base($color-dark, $background-dark, $border-dark);\n  }\n}\n","//\n// Mixins / Custom forms\n// --------------------------------------------------\n\n@mixin custom-file-control-size-base($font-size, $padding-x, $padding-y, $line-height, $border-radius, $button-margin: $padding-y) {\n  padding: $padding-y $padding-x;\n\n  border-radius: $border-radius;\n\n  font-size: $font-size;\n  line-height: $line-height;\n\n  &:after {\n    padding: $padding-y $padding-x;\n\n    line-height: $line-height;\n\n    @include border-right-radius($border-radius - 1px);\n  }\n\n  + .px-file-buttons {\n    $button-height: ($font-size * $line-height) + ($padding-y * 2) - ($button-margin * 2);\n\n    top: $button-margin + 1px;\n\n    padding-right: $button-margin;\n\n    .btn {\n      height: $button-height;\n      margin-left: $button-margin;\n\n      line-height: $button-height - 2px;\n    }\n  }\n}\n\n@mixin custom-file-control-size($size, $font-size, $padding-x, $padding-y, $line-height, $border-radius, $button-margin: $padding-y) {\n  .custom-file-control.input-#{$size},\n  .form-group-#{$size} .custom-file-control {\n    @include custom-file-control-size-base($font-size, $padding-x, $padding-y, $line-height, $border-radius, $button-margin);\n  }\n}\n\n@mixin custom-control-variant($state, $background, $border: $background) {\n  .custom-control.custom-control-#{$state} {\n    &:hover .custom-control-indicator  { box-shadow: 0 0 0 1px $border inset; }\n\n    &:active .custom-control-indicator,\n    &:active .custom-control-input:checked ~ .custom-control-indicator {\n      background-color: lighten($background, 10%);\n      box-shadow: none;\n    }\n  }\n\n  .custom-control.custom-control-#{$state} .custom-control-input {\n    &:checked ~ .custom-control-indicator {\n      background-color: $background;\n      box-shadow: none;\n    }\n\n    &:focus ~ .custom-control-indicator { box-shadow: 0 0 0 1px $border inset, 0 0 0 1px $custom-control-indicator-bg, 0 0 0 2px $border; }\n\n    &:active ~ .custom-control-indicator {\n      background-color: lighten($background, 10%);\n      box-shadow: none;\n    }\n  }\n\n  .custom-control.custom-control-#{$state} .custom-control-input:checked:disabled ~ .custom-control-indicator,\n  fieldset[disabled] .custom-control.custom-control-#{$state} .custom-control-input:checked ~ .custom-control-indicator {\n    background-color: $background !important;\n    box-shadow: none !important;\n  }\n}\n\n@mixin custom-form-theme($background, $border: $background) {\n  // Checkboxes and radios\n  //\n\n  .custom-control {\n    &:hover .custom-control-indicator  { box-shadow: 0 0 0 1px $border inset; }\n\n    &:active .custom-control-indicator,\n    &:active .custom-control-input:checked ~ .custom-control-indicator {\n      background-color: lighten($background, 10%);\n      box-shadow: none;\n    }\n  }\n\n  .custom-control-input {\n    &:checked ~ .custom-control-indicator {\n      background-color: $background;\n      box-shadow: none;\n    }\n\n    &:focus ~ .custom-control-indicator { box-shadow: 0 0 0 1px $border inset, 0 0 0 1px $custom-control-indicator-bg, 0 0 0 2px $border; }\n\n    &:active ~ .custom-control-indicator {\n      background-color: lighten($background, 10%);\n      box-shadow: none;\n    }\n  }\n\n  .custom-control-input:checked:disabled ~ .custom-control-indicator,\n  fieldset[disabled] .custom-control-input:checked ~ .custom-control-indicator {\n    background-color: $background !important;\n    box-shadow: none !important;\n  }\n\n  // File input\n  //\n\n  .custom-file-input:focus ~ .custom-file-control { border-color: $border; }\n\n  .custom-file-control:hover,\n  .custom-file-control:focus,\n  .custom-file-control:active {\n    border-color: $border;\n  }\n}\n","//\n// Mixins / Tooltips\n// --------------------------------------------------\n\n@mixin pixel-tooltip-variant($state, $background, $color: #fff) {\n  .tooltip-#{$state} {\n    .tooltip-inner {\n      background-color: $background;\n      color: $color;\n    }\n\n    &.top .tooltip-arrow,\n    &.top-left .tooltip-arrow,\n    &.top-right .tooltip-arrow {\n      border-top-color: $background;\n    }\n\n    &.bottom .tooltip-arrow,\n    &.bottom-left .tooltip-arrow,\n    &.bottom-right .tooltip-arrow {\n      border-bottom-color: $background;\n    }\n\n    &.right .tooltip-arrow { /*@noflip*/ border-right-color: $background; }\n    &.left .tooltip-arrow { /*@noflip*/ border-left-color: $background; }\n  }\n}\n\n@mixin tooltip-theme($background) {\n  @include pixel-tooltip-variant(primary, $background);\n}\n","//\n// Mixins / Popovers\n// --------------------------------------------------\n\n@mixin pixel-popover-base($color, $background, $border) {\n  .popover-title,\n  &.popover-colorful {\n    color: $color;\n\n    background: $background;\n  }\n\n  &,\n  .popover-title,\n  &.popover-colorful {\n    border-color: $border;\n  }\n}\n\n@mixin pixel-popover-variant($state, $color, $background, $border, $color-dark, $background-dark, $border-dark: $background-dark) {\n  .popover-#{$state} {\n    // TODO: Find universal solution\n    border-width: 1px;\n    &.top .arrow { /*@noflip*/ bottom: -$popover-arrow-width - 2px; }\n    &.bottom .arrow { /*@noflip*/ top: -$popover-arrow-width - 2px; }\n    &.left .arrow { /*@noflip*/ right: -$popover-arrow-width - 2px; }\n    &.right .arrow { /*@noflip*/ left: -$popover-arrow-width - 2px; }\n\n    @include pixel-popover-base($color, $background, $border);\n  }\n\n  .popover-#{$state}.popover-dark {\n    @include pixel-popover-base($color-dark, $background-dark, $border-dark);\n\n    &.popover-colorful .popover-title {\n      border-color: lighten($background-dark, 8%);\n    }\n  }\n}\n\n@mixin popover-theme($color, $background, $border: $background) {\n  @include pixel-popover-variant(primary, $color, $background, $border, $color, $background);\n}\n","//\n// Mixins / Navs\n// --------------------------------------------------\n\n@mixin nav-size($size, $padding, $font-size: null) {\n  .nav-#{$size} > li > a {\n    padding: $padding;\n\n    font-size: $font-size;\n\n    @content;\n  }\n}\n\n@mixin nav-base($color, $background, $border: darken($background, 5%)) {\n  > li.active > a {\n    &,\n    &:hover,\n    &:focus {\n      color: $color;\n      background: $background;\n    }\n  }\n\n  &.nav-tabs > li.active > a { border-bottom-color: $border !important; }\n}\n\n@mixin nav-theme($color, $background, $border: darken($background, 5%)) {\n  .nav {\n    @include nav-base($color, $background, $border);\n  }\n}\n\n@mixin nav-variant($state, $color, $background, $border: darken($background, 5%)) {\n  .nav.nav-#{$state} {\n    @include nav-base($color, $background, $border);\n  }\n}\n","//\n// Mixins / Pagination\n// --------------------------------------------------\n\n@mixin pagination-size($size, $padding, $font-size: null, $border-radius: null) {\n  .pagination-#{$size} > li,\n  .pager-#{$size} > li {\n    > a,\n    > span {\n      padding: $padding;\n\n      font-size: $font-size;\n    }\n  }\n\n  .pagination-#{$size} > li > a,\n  .pagination-#{$size} > li > span {\n    border-radius: $border-radius;\n  }\n}\n\n@mixin pagination-theme($color, $background, $border: $background) {\n  .pagination > li {\n    > a:hover,\n    > a:focus,\n    > a:active {\n      border-color: $border;\n    }\n\n    &.active {\n      > a,\n      > a:hover,\n      > a:focus,\n      > a:active,\n      > span {\n        color: $color;\n        border-color: $border;\n        background: $background;\n      }\n    }\n  }\n\n  .pager li > a {\n    &:hover,\n    &:focus,\n    &:active {\n      border-color: $border;\n    }\n  }\n}\n","//\n// Mixins / Thumbnails\n// --------------------------------------------------\n\n@mixin thumbnail-theme($border) {\n  a.thumbnail:hover,\n  a.thumbnail:focus,\n  a.thumbnail.active,\n  a:hover .thumbnail,\n  a:focus .thumbnail,\n  a.active .thumbnail {\n    border-color: $border !important;\n  }\n}\n","//\n// Mixins / List groups\n// --------------------------------------------------\n\n@mixin list-group-base($color, $background, $border: $background) {\n  .list-group-item.active {\n    color: $color;\n    border-color: $border;\n\n    background: $background;\n\n    .list-group-item-text,\n    .list-group-icon { color: $color; }\n  }\n}\n\n@mixin list-groups-theme($color, $background, $border: $background) {\n  .list-group {\n    @include list-group-base($color, $background, $border);\n  }\n}\n\n@mixin list-groups-variant($state, $color, $background, $border: $background) {\n  .list-group.list-group-#{$state} {\n    @include list-group-base($color, $background, $border);\n  }\n}\n","//\n// Mixins / Switchers\n// --------------------------------------------------\n\n@mixin switcher-size-base($width, $height, $font-size, $label-font-size, $label-line-height) {\n  $btn-spacer: 2px;\n  $lh-computed: round($label-font-size * $label-line-height);\n  $label-vertical-padding: if($height > $lh-computed, round(($height - $lh-computed) / 2), 0);\n\n  padding-top: $label-vertical-padding;\n  padding-bottom: $label-vertical-padding;\n  padding-left: $width + $switcher-spacer-x;\n\n  font-size: $label-font-size;\n  line-height: $label-line-height;\n\n  &.switcher-blank {\n    width: $width;\n    height: $height;\n  }\n\n  .switcher-indicator {\n    width: $width;\n    height: $height;\n    margin-top: -$height / 2;\n\n    font-size: $font-size;\n    line-height: $height;\n  }\n\n  > input:checked ~ .switcher-indicator:after { left: $width - $height; }\n\n  .switcher-indicator:after {\n    width: $height - $btn-spacer * 2;\n    height: $height - $btn-spacer * 2;\n    margin: $btn-spacer 0 0 $btn-spacer;\n  }\n\n  .switcher-no { padding-left: $height - $btn-spacer; }\n  .switcher-yes { padding-right: $height - $btn-spacer; }\n}\n\n@mixin switcher-size($state, $width, $height, $font-size, $label-font-size, $label-line-height) {\n  .switcher-#{$state},\n  .form-group-#{$state} .switcher {\n    @include switcher-size-base($width, $height, $font-size, $label-font-size, $label-line-height);\n  }\n}\n\n@mixin switcher-base($color, $background) {\n  > input:checked ~ .switcher-indicator {\n    color: $color;\n    background: $background;\n  }\n\n  // Active state\n  > input:focus ~ .switcher-indicator:after,\n  > input:active ~ .switcher-indicator:after,\n  &:active .switcher-indicator:after {\n    box-shadow: 0 0 0 1px $background inset;\n  }\n}\n\n@mixin switcher-variant($state, $color, $background) {\n  .switcher-#{$state} {\n    @include switcher-base($color, $background);\n  }\n}\n\n@mixin switcher-theme($color, $background) {\n  @include switcher-variant(primary, $color, $background);\n}\n","//\n// Mixins / Plugins / Select2\n// --------------------------------------------------\n\n\n@mixin select2-size-base($font-size, $line-height, $border-radius, $padding-vertical, $padding-horizontal, $choice-spacer: $select2-choice-spacer, $choice-font-size: 85%, $choice-line-height: 1.909em) {\n  font-size: $font-size;\n\n  .select2-selection {\n    border-radius: $border-radius;\n\n    line-height: $line-height;\n  }\n\n  .select2-selection__rendered { line-height: $line-height; }\n  .select2-selection--single .select2-selection__rendered { padding: $padding-vertical $padding-horizontal; }\n  .select2-selection--single .select2-selection__arrow { padding: $padding-vertical $padding-horizontal $padding-vertical 0; }\n  .select2-selection--multiple .select2-selection__rendered { padding: ($padding-vertical - $choice-spacer) ($padding-vertical - $choice-spacer) $padding-vertical $padding-vertical; }\n\n  .select2-selection__choice {\n    margin: $choice-spacer $choice-spacer 0 0;\n\n    font-size: $choice-font-size;\n    line-height: $choice-line-height;\n  }\n\n  .select2-selection__clear { line-height: $font-size * $line-height; }\n\n  .select2-search--inline .select2-search__field {\n    margin-top: $choice-spacer;\n\n    font-size: $font-size;\n    line-height: $line-height;\n  }\n}\n\n@mixin select2-size($size, $font-size, $line-height, $border-radius, $padding-vertical, $padding-horizontal, $choice-spacer, $choice-font-size: 85%, $choice-line-height: 1.909em) {\n  .select2-container.select2-#{$size},\n  .select2-#{$size} + .select2-container,\n  .form-group-#{$size} .select2-container {\n    @include select2-size-base($font-size, $line-height, $border-radius, $padding-vertical, $padding-horizontal, $choice-spacer, $choice-font-size, $choice-line-height);\n  }\n}\n\n@mixin select2-base($background) {\n  .select2-selection__choice,\n  + .select2-container .select2-selection__choice {\n    background-color: $background;\n  }\n}\n\n@mixin select2-variant($state, $background) {\n  .select2-#{$state} {\n    @include select2-base($background);\n  }\n}\n\n@mixin select2-state-variant($state, $border-color) {\n  .has-#{$state} .select2-selection { border-color: $border-color; }\n}\n\n@mixin select2-theme($color, $background, $border) {\n  @include select2-variant(primary, $background);\n\n  .select2-results__option--highlighted[aria-selected] {\n    color: $color;\n    background: $background;\n  }\n\n  .select2-container--focus,\n  .select2-container--open {\n    .select2-selection,\n    .select2-dropdown {\n      border-color: $border;\n    }\n  }\n}\n","//\n// Mixins / Plugins / Bootstrap-datepicker\n// --------------------------------------------------\n\n@mixin datepicker-theme($color, $background) {\n  .datepicker {\n    thead th { color: $color; }\n\n    .datepicker-switch,\n    .prev,\n    .next {\n      background: $background;\n\n      &:hover { background: lighten($background, 3%); }\n    }\n\n    .dow,\n    thead .cw {\n      border-top: 1px solid darken(desaturate($background, 20%), 10%);\n\n      background: darken(desaturate($background, 20%), 5%);\n    }\n\n    .active,\n    .range-start,\n    .range-end {\n      &,\n      &:hover {\n        color: $color !important;\n        background: $background !important;\n      }\n    }\n  }\n}\n","//\n// Mixins / Plugins / Bootstrap-timepicker\n// --------------------------------------------------\n\n@mixin timepicker-theme($color, $background) {\n  .timepicker-increment,\n  .timepicker-decrement {\n    &:hover,\n    &:focus {\n      border-color: $background;\n    }\n\n    &:hover {\n      color: $color;\n      background: $background;\n    }\n  }\n}\n","//\n// Mixins / Plugins / Dropzone\n// --------------------------------------------------\n\n@mixin dropzone-theme($background, $border: $background) {\n  .dz-upload-icon { background-color: $background; }\n  .dropzone-box.dz-drag-hover { border-color: $border; }\n}\n","//\n// Mixins / Plugins / Ion.RangeSlider\n// --------------------------------------------------\n\n@mixin ionrangeslider-base($color, $bg) {\n  .irs-bar,\n  .irs-bar-edge,\n  .irs-slider:after {\n    background: $bg;\n  }\n\n  .irs-slider.state_hover:after,\n  .irs-slider:hover:after {\n    background: darken($bg, 20%);\n  }\n\n  .irs-from,\n  .irs-to,\n  .irs-single {\n    color: $color;\n    background: $bg;\n\n    &:after { border-top-color: $bg; }\n  }\n}\n\n@mixin ionrangeslider-variant($state, $color, $bg) {\n  .px-irs-#{$state} {\n    @include ionrangeslider-base($color, $bg);\n  }\n}\n\n@mixin ionrangeslider-theme($color, $bg) {\n  @include ionrangeslider-variant(primary, $color, $bg);\n}\n","//\n// Mixins / Plugins / Date Range Picker\n// --------------------------------------------------\n\n@mixin daterangepicker-theme($color, $background) {\n  .daterangepicker .calendar td.active,\n  .daterangepicker .calendar th,\n  .daterangepicker .ranges .active,\n  .daterangepicker .ranges li:hover,\n  .daterangepicker .ranges li:focus {\n    background: $background;\n    color: $color;\n  }\n\n  .daterangepicker .calendar th { border-color: $background; }\n\n  .daterangepicker select:focus {\n    border-color: $background;\n  }\n\n  .daterangepicker .calendar th.available:hover {\n    background: lighten($background, 3%);\n  }\n\n  .daterangepicker .calendar thead tr + tr th {\n    border-top-color: darken(desaturate($background, 20%), 10%) !important;\n    background: darken(desaturate($background, 20%), 5%) !important;\n  }\n\n  .daterangepicker select:focus {\n\n  }\n}\n","//\n// Mixins / Plugins / Bootstrap Tags Input\n// --------------------------------------------------\n\n@mixin bs-tagsinput-theme($border) {\n  .bootstrap-tagsinput.focus {\n    border-color: $border !important;\n  }\n}\n\n@mixin bs-tagsinput-state-variant($state, $border-color) {\n  .has-#{$state} .bootstrap-tagsinput { border-color: $border-color; }\n}\n\n@mixin bs-tagsinput-size-base($tag-height, $padding, $border-radius) {\n  .bootstrap-tagsinput {\n    padding: $padding $padding 0;\n\n    border-radius: $border-radius;\n\n    line-height: $tag-height;\n  }\n\n  .bootstrap-tagsinput input {\n    height: $tag-height;\n    margin: 0 0 $padding 0 !important;\n\n    line-height: $tag-height;\n  }\n\n  .bootstrap-tagsinput .tag {\n    height: $tag-height;\n    margin: 0 $padding $padding 0;\n    padding-right: $tag-height;\n\n    line-height: $tag-height;\n  }\n\n  .bootstrap-tagsinput .tag [data-role=\"remove\"] {\n    width: $tag-height;\n    height: $tag-height;\n\n    line-height: $tag-height;\n  }\n}\n\n@mixin bs-tagsinput-size($size, $tag-height, $padding, $border-radius) {\n  .bootstrap-tagsinput-#{$size},\n  .form-group-#{$size} {\n    @include bs-tagsinput-size-base($tag-height, $padding, $border-radius);\n  }\n}\n","//\n// Mixins / Plugins / Seiyria Bootstrap Slider\n// --------------------------------------------------\n\n@mixin bs-slider-base($color) {\n  .slider-selection,\n  .slider-selection.tick-slider-selection,\n  .slider-tick.in-selection,\n  .slider-reversed .slider-track-high,\n  .slider-reversed .slider-tick {\n    background: $color;\n  }\n}\n\n@mixin bs-slider-variant($state, $color) {\n  .slider-#{$state} {\n    @include bs-slider-base($color);\n\n    &.slider-reversed .slider-track-high,\n    &.slider-reversed .slider-tick {\n      background: $color;\n    }\n  }\n}\n\n@mixin bs-slider-theme($color) {\n  @include bs-slider-variant(primary, $color);\n}\n","//\n// Mixins / Plugins / noUiSlider\n// --------------------------------------------------\n\n@mixin nouislider-base($color) {\n  .noUi-connect { background: $color; }\n}\n\n@mixin nouislider-variant($state, $color) {\n  .noUi-#{$state} {\n    @include nouislider-base($color);\n  }\n}\n\n@mixin nouislider-theme($color) {\n  @include nouislider-variant(primary, $color);\n\n  .noUi-active:before,\n  .noUi-active:after {\n    background: $color;\n  }\n}\n","//\n// Mixins / Widgets / Pricing\n// --------------------------------------------------\n\n@mixin widget-pricing-theme($border-color) {\n  *:not(.panel) {\n    .widget-pricing .widget-pricing-item { border-color: $border-color; }\n\n\n    // Simple\n    //\n\n    .widget-pricing-simple {\n      .widget-pricing-item {\n        border-color: rgba($border-color, 0);\n      }\n\n      .widget-pricing-active {\n        border-color: $border-color;\n      }\n    }\n\n    // Hover\n    .widget-pricing-simple.widget-pricing-hover:hover {\n      .widget-pricing-item {\n        border-color: rgba($border-color, 0);\n      }\n\n      .widget-pricing-item:hover {\n        border-color: $border-color;\n      }\n    }\n\n\n    // Expanded\n    //\n\n    .widget-pricing-expanded .widget-pricing-item { border-color: $border-color; }\n\n    // Simple\n    .widget-pricing-expanded.widget-pricing-simple .widget-pricing-active,\n    .widget-pricing-expanded.widget-pricing-simple.widget-pricing-hover:hover .widget-pricing-item {\n      border-color: $border-color;\n    }\n  }\n}\n","//\n// Mixins / Widgets / Timeline\n// --------------------------------------------------\n\n@mixin widget-timeline-theme($line-color, $section-bg: $line-color, $section-color: $text-color, $bullet-bg: $line-color, $icon-bg: $line-color, $icon-color: $text-color, $time-bg: $line-color, $time-color: $text-color) {\n  .widget-timeline:before,\n  .widget-timeline:after {\n    background: $line-color;\n  }\n\n  .widget-timeline-section {\n    color: $section-color;\n    background: $section-bg;\n  }\n\n  .widget-timeline-bullet:before,\n  .widget-timeline-icon:before,\n  .widget-timeline-image:before {\n    background: $line-color;\n  }\n\n  .widget-timeline-bullet {\n    background: $bullet-bg;\n  }\n\n  .widget-timeline-icon {\n    background: $icon-bg;\n    color: $icon-color;\n  }\n\n  .widget-timeline-time {\n    color: $time-color;\n    background: $time-bg;\n  }\n}\n","//\n// Mixins / PixelAdmin\n// --------------------------------------------------\n\n@mixin pixel-theme($primary-color, $primary-text-color, $primary-border-color, $body-bg, $panel-border-color, $px-navbar, $px-nav, $px-footer, $header-bg: transparent, $header-border-color: false, $timeline-bg: false){\n\n  // Base / Default\n  //\n\n  @include px-base-theme(\n    $body-bg:             $body-bg,\n    $panel-border-color:  $panel-border-color,\n    $header-bg:           $header-bg,\n    $header-border-color: $header-border-color\n  );\n  @include pixel-colors(primary, $primary-color);\n  @include table-theme($primary-text-color, $primary-color);\n  @include form-theme($primary-color);\n  @include button-theme($primary-text-color, $primary-color, $primary-border-color);\n\n  // Elements\n  //\n\n  @if mixin-exists(px-navbar-theme) {\n    @include px-navbar-theme($px-navbar...);\n  }\n  @if mixin-exists(px-nav-theme) {\n    @include px-nav-theme($px-nav...);\n  }\n  @if mixin-exists(px-footer-theme) {\n    @include px-footer-theme($px-footer...);\n  }\n  @if mixin-exists(label-theme) {\n    @include label-theme($primary-text-color, $primary-color);\n  }\n  @if mixin-exists(progress-bar-theme) {\n    @include progress-bar-theme($primary-color);\n  }\n  @if mixin-exists(dropdown-theme) {\n    @include dropdown-theme($primary-text-color, $primary-color);\n  }\n  @if mixin-exists(pixel-panel-variant) {\n    @include pixel-panel-variant(primary,\n      $primary-text-color, $primary-color, $primary-border-color, // Light\n      $primary-text-color, $primary-color // Dark\n    );\n  }\n  @if mixin-exists(custom-form-theme) {\n    @include custom-form-theme($primary-color);\n  }\n  @if mixin-exists(tooltip-theme) {\n    @include tooltip-theme($primary-color);\n  }\n  @if mixin-exists(popover-theme) {\n    @include popover-theme($primary-text-color, $primary-color, $primary-border-color);\n  }\n  @if mixin-exists(nav-theme) {\n    @include nav-theme($primary-text-color, $primary-color);\n  }\n  @if mixin-exists(pagination-theme) {\n    @include pagination-theme($primary-text-color, $primary-color);\n  }\n  @if mixin-exists(thumbnail-theme) {\n    @include thumbnail-theme($primary-color);\n  }\n  @if mixin-exists(list-groups-theme) {\n    @include list-groups-theme($primary-text-color, $primary-color);\n  }\n  @if mixin-exists(switcher-theme) {\n    @include switcher-theme($primary-text-color, $primary-color);\n  }\n\n\n  // Plugins\n  //\n\n  @if mixin-exists(pace-theme) {\n    @include pace-theme($primary-color);\n  }\n  @if mixin-exists(select2-theme) {\n    @include select2-theme($primary-text-color, $primary-color, $primary-color);\n  }\n  @if mixin-exists(datepicker-theme) {\n    @include datepicker-theme($primary-text-color, $primary-color);\n  }\n  @if mixin-exists(timepicker-theme) {\n    @include timepicker-theme($primary-text-color, $primary-color);\n  }\n  @if mixin-exists(dropzone-theme) {\n    @include dropzone-theme($primary-color);\n  }\n  @if mixin-exists(ionrangeslider-theme) {\n    @include ionrangeslider-theme($primary-text-color, $primary-color);\n  }\n  @if mixin-exists(daterangepicker-theme) {\n    @include daterangepicker-theme($primary-text-color, $primary-color);\n  }\n  @if mixin-exists(bs-tagsinput-theme) {\n    @include bs-tagsinput-theme($primary-color);\n  }\n  @if mixin-exists(bs-slider-theme) {\n    @include bs-slider-theme($primary-color);\n  }\n  @if mixin-exists(nouislider-theme) {\n    @include nouislider-theme($primary-color);\n  }\n\n  // Widgets\n  //\n\n  @if mixin-exists(widget-pricing-theme) {\n    @include widget-pricing-theme($panel-border-color);\n  }\n  @if mixin-exists(widget-timeline-theme) {\n    @if($timeline-bg) {\n      @include widget-timeline-theme($timeline-bg);\n    }\n    @else {\n      @if type-of($body-bg) == list {\n        @include widget-timeline-theme(darken(nth($body-bg, 1), 6%));\n      }\n      @else {\n        @include widget-timeline-theme(darken($body-bg, 6%));\n      }\n    }\n  }\n}\n\n// Generate colors\n\n@mixin pixel-color-variant($name, $color, $text) {\n\n  @include pixel-colors($name, $color);\n  @include table-variant($name, $text, $color);\n  @include pixel-button-variant($name, $text, $color, desaturate(darken($color, 5%), 10%));\n\n  @if mixin-exists(dropdown-variant) {\n    @include dropdown-variant($name, $text, $color);\n  }//\n\n  @if mixin-exists(nav-variant) {\n    @include nav-variant($name, $text, $color);\n  }//\n\n  @if mixin-exists(pixel-label-variant) {\n    @include pixel-label-variant($name, $text, $color);\n  }//\n\n  @if mixin-exists(pixel-alert-variant) {\n    @include pixel-alert-variant($name, $text, $color, darken($color, 5%));\n    @include pixel-alert-dark-variant($name, $color);\n  }//\n\n  @if mixin-exists(pixel-progress-bar-variant) {\n    @include pixel-progress-bar-variant($name, $color);\n  }//\n\n  @if mixin-exists(list-groups-variant) {\n    @include list-groups-variant($name, $text, $color);\n  }//\n\n  @if mixin-exists(pixel-panel-dark-base) {\n    .panel-#{$name} {\n      @include pixel-panel-dark-base($text, $color);\n    }\n  }//\n\n  @if mixin-exists(panel-wizard-base) {\n    .panel-#{$name}.panel-dark.panel-body-colorful .panel-wizard {\n      @include panel-wizard-base($text, $color, lighten($color, 15%));\n    }\n  }//\n\n  @if mixin-exists(pixel-tooltip-variant) {\n    @include pixel-tooltip-variant($name, $color, $text);\n  }//\n\n  @if mixin-exists(pixel-popover-variant) {\n    @include pixel-popover-variant($name, $text, $color, $color, $text, $color);\n  }//\n\n  @if mixin-exists(panel-group-variant) {\n    @include panel-group-variant($name, $text, $color);\n  }//\n\n  @if mixin-exists(switcher-variant) {\n    @include switcher-variant($name, $text, $color);\n  }//\n\n  @if mixin-exists(custom-control-variant) {\n    @include custom-control-variant($name, $color);\n  }//\n}\n","$bootstrap-sass-asset-helper: false !default;\n//\n// Variables\n// --------------------------------------------------\n\n\n//== Colors\n//\n//## Gray and brand colors for use across Bootstrap.\n\n$gray-base:              #000 !default;\n$gray-darker:            lighten($gray-base, 13.5%) !default; // #222\n$gray-dark:              lighten($gray-base, 20%) !default;   // #333\n$gray:                   lighten($gray-base, 33.5%) !default; // #555\n$gray-light:             lighten($gray-base, 46.7%) !default; // #777\n$gray-lighter:           lighten($gray-base, 93.5%) !default; // #eee\n\n$brand-primary:         darken(#428bca, 6.5%) !default; // #337ab7\n$brand-success:         #5cb85c !default;\n$brand-info:            #5bc0de !default;\n$brand-warning:         #f0ad4e !default;\n$brand-danger:          #d9534f !default;\n\n\n//== Scaffolding\n//\n//## Settings for some of the most global styles.\n\n//** Background color for `<body>`.\n$body-bg:               #fff !default;\n//** Global text color on `<body>`.\n$text-color:            $gray-dark !default;\n\n//** Global textual link color.\n$link-color:            $brand-primary !default;\n//** Link hover color set via `darken()` function.\n$link-hover-color:      darken($link-color, 15%) !default;\n//** Link hover decoration.\n$link-hover-decoration: underline !default;\n\n\n//== Typography\n//\n//## Font, line-height, and color for body text, headings, and more.\n\n$font-family-sans-serif:  \"Helvetica Neue\", Helvetica, Arial, sans-serif !default;\n$font-family-serif:       Georgia, \"Times New Roman\", Times, serif !default;\n//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.\n$font-family-monospace:   Menlo, Monaco, Consolas, \"Courier New\", monospace !default;\n$font-family-base:        $font-family-sans-serif !default;\n\n$font-size-base:          14px !default;\n$font-size-large:         ceil(($font-size-base * 1.25)) !default; // ~18px\n$font-size-small:         ceil(($font-size-base * 0.85)) !default; // ~12px\n\n$font-size-h1:            floor(($font-size-base * 2.6)) !default; // ~36px\n$font-size-h2:            floor(($font-size-base * 2.15)) !default; // ~30px\n$font-size-h3:            ceil(($font-size-base * 1.7)) !default; // ~24px\n$font-size-h4:            ceil(($font-size-base * 1.25)) !default; // ~18px\n$font-size-h5:            $font-size-base !default;\n$font-size-h6:            ceil(($font-size-base * 0.85)) !default; // ~12px\n\n//** Unit-less `line-height` for use in components like buttons.\n$line-height-base:        1.428571429 !default; // 20/14\n//** Computed \"line-height\" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.\n$line-height-computed:    floor(($font-size-base * $line-height-base)) !default; // ~20px\n\n//** By default, this inherits from the `<body>`.\n$headings-font-family:    inherit !default;\n$headings-font-weight:    500 !default;\n$headings-line-height:    1.1 !default;\n$headings-color:          inherit !default;\n\n\n//== Iconography\n//\n//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.\n\n//** Load fonts from this directory.\n\n// [converter] If $bootstrap-sass-asset-helper if used, provide path relative to the assets load path.\n// [converter] This is because some asset helpers, such as Sprockets, do not work with file-relative paths.\n$icon-font-path: if($bootstrap-sass-asset-helper, \"bootstrap/\", \"../fonts/bootstrap/\") !default;\n\n//** File name for all font files.\n$icon-font-name:          \"glyphicons-halflings-regular\" !default;\n//** Element ID within SVG icon file.\n$icon-font-svg-id:        \"glyphicons_halflingsregular\" !default;\n\n\n//== Components\n//\n//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).\n\n$padding-base-vertical:     6px !default;\n$padding-base-horizontal:   12px !default;\n\n$padding-large-vertical:    10px !default;\n$padding-large-horizontal:  16px !default;\n\n$padding-small-vertical:    5px !default;\n$padding-small-horizontal:  10px !default;\n\n$padding-xs-vertical:       1px !default;\n$padding-xs-horizontal:     5px !default;\n\n$line-height-large:         1.3333333 !default; // extra decimals for Win 8.1 Chrome\n$line-height-small:         1.5 !default;\n\n$border-radius-base:        4px !default;\n$border-radius-large:       6px !default;\n$border-radius-small:       3px !default;\n\n//** Global color for active items (e.g., navs or dropdowns).\n$component-active-color:    #fff !default;\n//** Global background color for active items (e.g., navs or dropdowns).\n$component-active-bg:       $brand-primary !default;\n\n//** Width of the `border` for generating carets that indicate dropdowns.\n$caret-width-base:          4px !default;\n//** Carets increase slightly in size for larger components.\n$caret-width-large:         5px !default;\n\n\n//== Tables\n//\n//## Customizes the `.table` component with basic values, each used across all table variations.\n\n//** Padding for `<th>`s and `<td>`s.\n$table-cell-padding:            8px !default;\n//** Padding for cells in `.table-condensed`.\n$table-condensed-cell-padding:  5px !default;\n\n//** Default background color used for all tables.\n$table-bg:                      transparent !default;\n//** Background color used for `.table-striped`.\n$table-bg-accent:               #f9f9f9 !default;\n//** Background color used for `.table-hover`.\n$table-bg-hover:                #f5f5f5 !default;\n$table-bg-active:               $table-bg-hover !default;\n\n//** Border color for table and cell borders.\n$table-border-color:            #ddd !default;\n\n\n//== Buttons\n//\n//## For each of Bootstrap's buttons, define text, background and border color.\n\n$btn-font-weight:                normal !default;\n\n$btn-default-color:              #333 !default;\n$btn-default-bg:                 #fff !default;\n$btn-default-border:             #ccc !default;\n\n$btn-primary-color:              #fff !default;\n$btn-primary-bg:                 $brand-primary !default;\n$btn-primary-border:             darken($btn-primary-bg, 5%) !default;\n\n$btn-success-color:              #fff !default;\n$btn-success-bg:                 $brand-success !default;\n$btn-success-border:             darken($btn-success-bg, 5%) !default;\n\n$btn-info-color:                 #fff !default;\n$btn-info-bg:                    $brand-info !default;\n$btn-info-border:                darken($btn-info-bg, 5%) !default;\n\n$btn-warning-color:              #fff !default;\n$btn-warning-bg:                 $brand-warning !default;\n$btn-warning-border:             darken($btn-warning-bg, 5%) !default;\n\n$btn-danger-color:               #fff !default;\n$btn-danger-bg:                  $brand-danger !default;\n$btn-danger-border:              darken($btn-danger-bg, 5%) !default;\n\n$btn-link-disabled-color:        $gray-light !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius-base:         $border-radius-base !default;\n$btn-border-radius-large:        $border-radius-large !default;\n$btn-border-radius-small:        $border-radius-small !default;\n\n\n//== Forms\n//\n//##\n\n//** `<input>` background color\n$input-bg:                       #fff !default;\n//** `<input disabled>` background color\n$input-bg-disabled:              $gray-lighter !default;\n\n//** Text color for `<input>`s\n$input-color:                    $gray !default;\n//** `<input>` border color\n$input-border:                   #ccc !default;\n\n// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4\n//** Default `.form-control` border radius\n// This has no effect on `<select>`s in some browsers, due to the limited stylability of `<select>`s in CSS.\n$input-border-radius:            $border-radius-base !default;\n//** Large `.form-control` border radius\n$input-border-radius-large:      $border-radius-large !default;\n//** Small `.form-control` border radius\n$input-border-radius-small:      $border-radius-small !default;\n\n//** Border color for inputs on focus\n$input-border-focus:             #66afe9 !default;\n\n//** Placeholder text color\n$input-color-placeholder:        #999 !default;\n\n//** Default `.form-control` height\n$input-height-base:              ($line-height-computed + ($padding-base-vertical * 2) + 2) !default;\n//** Large `.form-control` height\n$input-height-large:             (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default;\n//** Small `.form-control` height\n$input-height-small:             (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;\n\n//** `.form-group` margin\n$form-group-margin-bottom:       15px !default;\n\n$legend-color:                   $gray-dark !default;\n$legend-border-color:            #e5e5e5 !default;\n\n//** Background color for textual input addons\n$input-group-addon-bg:           $gray-lighter !default;\n//** Border color for textual input addons\n$input-group-addon-border-color: $input-border !default;\n\n//** Disabled cursor for form controls and buttons.\n$cursor-disabled:                not-allowed !default;\n\n\n//== Dropdowns\n//\n//## Dropdown menu container and contents.\n\n//** Background for the dropdown menu.\n$dropdown-bg:                    #fff !default;\n//** Dropdown menu `border-color`.\n$dropdown-border:                rgba(0,0,0,.15) !default;\n//** Dropdown menu `border-color` **for IE8**.\n$dropdown-fallback-border:       #ccc !default;\n//** Divider color for between dropdown items.\n$dropdown-divider-bg:            #e5e5e5 !default;\n\n//** Dropdown link text color.\n$dropdown-link-color:            $gray-dark !default;\n//** Hover color for dropdown links.\n$dropdown-link-hover-color:      darken($gray-dark, 5%) !default;\n//** Hover background for dropdown links.\n$dropdown-link-hover-bg:         #f5f5f5 !default;\n\n//** Active dropdown menu item text color.\n$dropdown-link-active-color:     $component-active-color !default;\n//** Active dropdown menu item background color.\n$dropdown-link-active-bg:        $component-active-bg !default;\n\n//** Disabled dropdown menu item background color.\n$dropdown-link-disabled-color:   $gray-light !default;\n\n//** Text color for headers within dropdown menus.\n$dropdown-header-color:          $gray-light !default;\n\n//** Deprecated `$dropdown-caret-color` as of v3.1.0\n$dropdown-caret-color:           #000 !default;\n\n\n//-- Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n//\n// Note: These variables are not generated into the Customizer.\n\n$zindex-navbar:            1000 !default;\n$zindex-dropdown:          1000 !default;\n$zindex-popover:           1060 !default;\n$zindex-tooltip:           1070 !default;\n$zindex-navbar-fixed:      1030 !default;\n$zindex-modal-background:  1040 !default;\n$zindex-modal:             1050 !default;\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//** Deprecated `$screen-xs` as of v3.0.1\n$screen-xs:                  480px !default;\n//** Deprecated `$screen-xs-min` as of v3.2.0\n$screen-xs-min:              $screen-xs !default;\n//** Deprecated `$screen-phone` as of v3.0.1\n$screen-phone:               $screen-xs-min !default;\n\n// Small screen / tablet\n//** Deprecated `$screen-sm` as of v3.0.1\n$screen-sm:                  768px !default;\n$screen-sm-min:              $screen-sm !default;\n//** Deprecated `$screen-tablet` as of v3.0.1\n$screen-tablet:              $screen-sm-min !default;\n\n// Medium screen / desktop\n//** Deprecated `$screen-md` as of v3.0.1\n$screen-md:                  992px !default;\n$screen-md-min:              $screen-md !default;\n//** Deprecated `$screen-desktop` as of v3.0.1\n$screen-desktop:             $screen-md-min !default;\n\n// Large screen / wide desktop\n//** Deprecated `$screen-lg` as of v3.0.1\n$screen-lg:                  1200px !default;\n$screen-lg-min:              $screen-lg !default;\n//** Deprecated `$screen-lg-desktop` as of v3.0.1\n$screen-lg-desktop:          $screen-lg-min !default;\n\n// So media queries don't overlap when required, provide a maximum\n$screen-xs-max:              ($screen-sm-min - 1) !default;\n$screen-sm-max:              ($screen-md-min - 1) !default;\n$screen-md-max:              ($screen-lg-min - 1) !default;\n\n\n//== Grid system\n//\n//## Define your custom responsive grid.\n\n//** Number of columns in the grid.\n$grid-columns:              12 !default;\n//** Padding between columns. Gets divided in half for the left and right.\n$grid-gutter-width:         30px !default;\n// Navbar collapse\n//** Point at which the navbar becomes uncollapsed.\n$grid-float-breakpoint:     $screen-sm-min !default;\n//** Point at which the navbar begins collapsing.\n$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;\n\n\n//== Container sizes\n//\n//## Define the maximum width of `.container` for different screen sizes.\n\n// Small screen / tablet\n$container-tablet:             (720px + $grid-gutter-width) !default;\n//** For `$screen-sm-min` and up.\n$container-sm:                 $container-tablet !default;\n\n// Medium screen / desktop\n$container-desktop:            (940px + $grid-gutter-width) !default;\n//** For `$screen-md-min` and up.\n$container-md:                 $container-desktop !default;\n\n// Large screen / wide desktop\n$container-large-desktop:      (1140px + $grid-gutter-width) !default;\n//** For `$screen-lg-min` and up.\n$container-lg:                 $container-large-desktop !default;\n\n\n//== Navbar\n//\n//##\n\n// Basics of a navbar\n$navbar-height:                    50px !default;\n$navbar-margin-bottom:             $line-height-computed !default;\n$navbar-border-radius:             $border-radius-base !default;\n$navbar-padding-horizontal:        floor(($grid-gutter-width / 2)) !default;\n$navbar-padding-vertical:          (($navbar-height - $line-height-computed) / 2) !default;\n$navbar-collapse-max-height:       340px !default;\n\n$navbar-default-color:             #777 !default;\n$navbar-default-bg:                #f8f8f8 !default;\n$navbar-default-border:            darken($navbar-default-bg, 6.5%) !default;\n\n// Navbar links\n$navbar-default-link-color:                #777 !default;\n$navbar-default-link-hover-color:          #333 !default;\n$navbar-default-link-hover-bg:             transparent !default;\n$navbar-default-link-active-color:         #555 !default;\n$navbar-default-link-active-bg:            darken($navbar-default-bg, 6.5%) !default;\n$navbar-default-link-disabled-color:       #ccc !default;\n$navbar-default-link-disabled-bg:          transparent !default;\n\n// Navbar brand label\n$navbar-default-brand-color:               $navbar-default-link-color !default;\n$navbar-default-brand-hover-color:         darken($navbar-default-brand-color, 10%) !default;\n$navbar-default-brand-hover-bg:            transparent !default;\n\n// Navbar toggle\n$navbar-default-toggle-hover-bg:           #ddd !default;\n$navbar-default-toggle-icon-bar-bg:        #888 !default;\n$navbar-default-toggle-border-color:       #ddd !default;\n\n\n//=== Inverted navbar\n// Reset inverted navbar basics\n$navbar-inverse-color:                      lighten($gray-light, 15%) !default;\n$navbar-inverse-bg:                         #222 !default;\n$navbar-inverse-border:                     darken($navbar-inverse-bg, 10%) !default;\n\n// Inverted navbar links\n$navbar-inverse-link-color:                 lighten($gray-light, 15%) !default;\n$navbar-inverse-link-hover-color:           #fff !default;\n$navbar-inverse-link-hover-bg:              transparent !default;\n$navbar-inverse-link-active-color:          $navbar-inverse-link-hover-color !default;\n$navbar-inverse-link-active-bg:             darken($navbar-inverse-bg, 10%) !default;\n$navbar-inverse-link-disabled-color:        #444 !default;\n$navbar-inverse-link-disabled-bg:           transparent !default;\n\n// Inverted navbar brand label\n$navbar-inverse-brand-color:                $navbar-inverse-link-color !default;\n$navbar-inverse-brand-hover-color:          #fff !default;\n$navbar-inverse-brand-hover-bg:             transparent !default;\n\n// Inverted navbar toggle\n$navbar-inverse-toggle-hover-bg:            #333 !default;\n$navbar-inverse-toggle-icon-bar-bg:         #fff !default;\n$navbar-inverse-toggle-border-color:        #333 !default;\n\n\n//== Navs\n//\n//##\n\n//=== Shared nav styles\n$nav-link-padding:                          10px 15px !default;\n$nav-link-hover-bg:                         $gray-lighter !default;\n\n$nav-disabled-link-color:                   $gray-light !default;\n$nav-disabled-link-hover-color:             $gray-light !default;\n\n//== Tabs\n$nav-tabs-border-color:                     #ddd !default;\n\n$nav-tabs-link-hover-border-color:          $gray-lighter !default;\n\n$nav-tabs-active-link-hover-bg:             $body-bg !default;\n$nav-tabs-active-link-hover-color:          $gray !default;\n$nav-tabs-active-link-hover-border-color:   #ddd !default;\n\n$nav-tabs-justified-link-border-color:            #ddd !default;\n$nav-tabs-justified-active-link-border-color:     $body-bg !default;\n\n//== Pills\n$nav-pills-border-radius:                   $border-radius-base !default;\n$nav-pills-active-link-hover-bg:            $component-active-bg !default;\n$nav-pills-active-link-hover-color:         $component-active-color !default;\n\n\n//== Pagination\n//\n//##\n\n$pagination-color:                     $link-color !default;\n$pagination-bg:                        #fff !default;\n$pagination-border:                    #ddd !default;\n\n$pagination-hover-color:               $link-hover-color !default;\n$pagination-hover-bg:                  $gray-lighter !default;\n$pagination-hover-border:              #ddd !default;\n\n$pagination-active-color:              #fff !default;\n$pagination-active-bg:                 $brand-primary !default;\n$pagination-active-border:             $brand-primary !default;\n\n$pagination-disabled-color:            $gray-light !default;\n$pagination-disabled-bg:               #fff !default;\n$pagination-disabled-border:           #ddd !default;\n\n\n//== Pager\n//\n//##\n\n$pager-bg:                             $pagination-bg !default;\n$pager-border:                         $pagination-border !default;\n$pager-border-radius:                  15px !default;\n\n$pager-hover-bg:                       $pagination-hover-bg !default;\n\n$pager-active-bg:                      $pagination-active-bg !default;\n$pager-active-color:                   $pagination-active-color !default;\n\n$pager-disabled-color:                 $pagination-disabled-color !default;\n\n\n//== Jumbotron\n//\n//##\n\n$jumbotron-padding:              30px !default;\n$jumbotron-color:                inherit !default;\n$jumbotron-bg:                   $gray-lighter !default;\n$jumbotron-heading-color:        inherit !default;\n$jumbotron-font-size:            ceil(($font-size-base * 1.5)) !default;\n$jumbotron-heading-font-size:    ceil(($font-size-base * 4.5)) !default;\n\n\n//== Form states and alerts\n//\n//## Define colors for form feedback states and, by default, alerts.\n\n$state-success-text:             #3c763d !default;\n$state-success-bg:               #dff0d8 !default;\n$state-success-border:           darken(adjust-hue($state-success-bg, -10), 5%) !default;\n\n$state-info-text:                #31708f !default;\n$state-info-bg:                  #d9edf7 !default;\n$state-info-border:              darken(adjust-hue($state-info-bg, -10), 7%) !default;\n\n$state-warning-text:             #8a6d3b !default;\n$state-warning-bg:               #fcf8e3 !default;\n$state-warning-border:           darken(adjust-hue($state-warning-bg, -10), 5%) !default;\n\n$state-danger-text:              #a94442 !default;\n$state-danger-bg:                #f2dede !default;\n$state-danger-border:            darken(adjust-hue($state-danger-bg, -10), 5%) !default;\n\n\n//== Tooltips\n//\n//##\n\n//** Tooltip max width\n$tooltip-max-width:           200px !default;\n//** Tooltip text color\n$tooltip-color:               #fff !default;\n//** Tooltip background color\n$tooltip-bg:                  #000 !default;\n$tooltip-opacity:             .9 !default;\n\n//** Tooltip arrow width\n$tooltip-arrow-width:         5px !default;\n//** Tooltip arrow color\n$tooltip-arrow-color:         $tooltip-bg !default;\n\n\n//== Popovers\n//\n//##\n\n//** Popover body background color\n$popover-bg:                          #fff !default;\n//** Popover maximum width\n$popover-max-width:                   276px !default;\n//** Popover border color\n$popover-border-color:                rgba(0,0,0,.2) !default;\n//** Popover fallback border color\n$popover-fallback-border-color:       #ccc !default;\n\n//** Popover title background color\n$popover-title-bg:                    darken($popover-bg, 3%) !default;\n\n//** Popover arrow width\n$popover-arrow-width:                 10px !default;\n//** Popover arrow color\n$popover-arrow-color:                 $popover-bg !default;\n\n//** Popover outer arrow width\n$popover-arrow-outer-width:           ($popover-arrow-width + 1) !default;\n//** Popover outer arrow color\n$popover-arrow-outer-color:           fade_in($popover-border-color, 0.05) !default;\n//** Popover outer arrow fallback color\n$popover-arrow-outer-fallback-color:  darken($popover-fallback-border-color, 20%) !default;\n\n\n//== Labels\n//\n//##\n\n//** Default label background color\n$label-default-bg:            $gray-light !default;\n//** Primary label background color\n$label-primary-bg:            $brand-primary !default;\n//** Success label background color\n$label-success-bg:            $brand-success !default;\n//** Info label background color\n$label-info-bg:               $brand-info !default;\n//** Warning label background color\n$label-warning-bg:            $brand-warning !default;\n//** Danger label background color\n$label-danger-bg:             $brand-danger !default;\n\n//** Default label text color\n$label-color:                 #fff !default;\n//** Default text color of a linked label\n$label-link-hover-color:      #fff !default;\n\n\n//== Modals\n//\n//##\n\n//** Padding applied to the modal body\n$modal-inner-padding:         15px !default;\n\n//** Padding applied to the modal title\n$modal-title-padding:         15px !default;\n//** Modal title line-height\n$modal-title-line-height:     $line-height-base !default;\n\n//** Background color of modal content area\n$modal-content-bg:                             #fff !default;\n//** Modal content border color\n$modal-content-border-color:                   rgba(0,0,0,.2) !default;\n//** Modal content border color **for IE8**\n$modal-content-fallback-border-color:          #999 !default;\n\n//** Modal backdrop background color\n$modal-backdrop-bg:           #000 !default;\n//** Modal backdrop opacity\n$modal-backdrop-opacity:      .5 !default;\n//** Modal header border color\n$modal-header-border-color:   #e5e5e5 !default;\n//** Modal footer border color\n$modal-footer-border-color:   $modal-header-border-color !default;\n\n$modal-lg:                    900px !default;\n$modal-md:                    600px !default;\n$modal-sm:                    300px !default;\n\n\n//== Alerts\n//\n//## Define alert colors, border radius, and padding.\n\n$alert-padding:               15px !default;\n$alert-border-radius:         $border-radius-base !default;\n$alert-link-font-weight:      bold !default;\n\n$alert-success-bg:            $state-success-bg !default;\n$alert-success-text:          $state-success-text !default;\n$alert-success-border:        $state-success-border !default;\n\n$alert-info-bg:               $state-info-bg !default;\n$alert-info-text:             $state-info-text !default;\n$alert-info-border:           $state-info-border !default;\n\n$alert-warning-bg:            $state-warning-bg !default;\n$alert-warning-text:          $state-warning-text !default;\n$alert-warning-border:        $state-warning-border !default;\n\n$alert-danger-bg:             $state-danger-bg !default;\n$alert-danger-text:           $state-danger-text !default;\n$alert-danger-border:         $state-danger-border !default;\n\n\n//== Progress bars\n//\n//##\n\n//** Background color of the whole progress component\n$progress-bg:                 #f5f5f5 !default;\n//** Progress bar text color\n$progress-bar-color:          #fff !default;\n//** Variable for setting rounded corners on progress bar.\n$progress-border-radius:      $border-radius-base !default;\n\n//** Default progress bar color\n$progress-bar-bg:             $brand-primary !default;\n//** Success progress bar color\n$progress-bar-success-bg:     $brand-success !default;\n//** Warning progress bar color\n$progress-bar-warning-bg:     $brand-warning !default;\n//** Danger progress bar color\n$progress-bar-danger-bg:      $brand-danger !default;\n//** Info progress bar color\n$progress-bar-info-bg:        $brand-info !default;\n\n\n//== List group\n//\n//##\n\n//** Background color on `.list-group-item`\n$list-group-bg:                 #fff !default;\n//** `.list-group-item` border color\n$list-group-border:             #ddd !default;\n//** List group border radius\n$list-group-border-radius:      $border-radius-base !default;\n\n//** Background color of single list items on hover\n$list-group-hover-bg:           #f5f5f5 !default;\n//** Text color of active list items\n$list-group-active-color:       $component-active-color !default;\n//** Background color of active list items\n$list-group-active-bg:          $component-active-bg !default;\n//** Border color of active list elements\n$list-group-active-border:      $list-group-active-bg !default;\n//** Text color for content within active list items\n$list-group-active-text-color:  lighten($list-group-active-bg, 40%) !default;\n\n//** Text color of disabled list items\n$list-group-disabled-color:      $gray-light !default;\n//** Background color of disabled list items\n$list-group-disabled-bg:         $gray-lighter !default;\n//** Text color for content within disabled list items\n$list-group-disabled-text-color: $list-group-disabled-color !default;\n\n$list-group-link-color:         #555 !default;\n$list-group-link-hover-color:   $list-group-link-color !default;\n$list-group-link-heading-color: #333 !default;\n\n\n//== Panels\n//\n//##\n\n$panel-bg:                    #fff !default;\n$panel-body-padding:          15px !default;\n$panel-heading-padding:       10px 15px !default;\n$panel-footer-padding:        $panel-heading-padding !default;\n$panel-border-radius:         $border-radius-base !default;\n\n//** Border color for elements within panels\n$panel-inner-border:          #ddd !default;\n$panel-footer-bg:             #f5f5f5 !default;\n\n$panel-default-text:          $gray-dark !default;\n$panel-default-border:        #ddd !default;\n$panel-default-heading-bg:    #f5f5f5 !default;\n\n$panel-primary-text:          #fff !default;\n$panel-primary-border:        $brand-primary !default;\n$panel-primary-heading-bg:    $brand-primary !default;\n\n$panel-success-text:          $state-success-text !default;\n$panel-success-border:        $state-success-border !default;\n$panel-success-heading-bg:    $state-success-bg !default;\n\n$panel-info-text:             $state-info-text !default;\n$panel-info-border:           $state-info-border !default;\n$panel-info-heading-bg:       $state-info-bg !default;\n\n$panel-warning-text:          $state-warning-text !default;\n$panel-warning-border:        $state-warning-border !default;\n$panel-warning-heading-bg:    $state-warning-bg !default;\n\n$panel-danger-text:           $state-danger-text !default;\n$panel-danger-border:         $state-danger-border !default;\n$panel-danger-heading-bg:     $state-danger-bg !default;\n\n\n//== Thumbnails\n//\n//##\n\n//** Padding around the thumbnail image\n$thumbnail-padding:           4px !default;\n//** Thumbnail background color\n$thumbnail-bg:                $body-bg !default;\n//** Thumbnail border color\n$thumbnail-border:            #ddd !default;\n//** Thumbnail border radius\n$thumbnail-border-radius:     $border-radius-base !default;\n\n//** Custom text color for thumbnail captions\n$thumbnail-caption-color:     $text-color !default;\n//** Padding around the thumbnail caption\n$thumbnail-caption-padding:   9px !default;\n\n\n//== Wells\n//\n//##\n\n$well-bg:                     #f5f5f5 !default;\n$well-border:                 darken($well-bg, 7%) !default;\n\n\n//== Badges\n//\n//##\n\n$badge-color:                 #fff !default;\n//** Linked badge text color on hover\n$badge-link-hover-color:      #fff !default;\n$badge-bg:                    $gray-light !default;\n\n//** Badge text color in active nav link\n$badge-active-color:          $link-color !default;\n//** Badge background color in active nav link\n$badge-active-bg:             #fff !default;\n\n$badge-font-weight:           bold !default;\n$badge-line-height:           1 !default;\n$badge-border-radius:         10px !default;\n\n\n//== Breadcrumbs\n//\n//##\n\n$breadcrumb-padding-vertical:   8px !default;\n$breadcrumb-padding-horizontal: 15px !default;\n//** Breadcrumb background color\n$breadcrumb-bg:                 #f5f5f5 !default;\n//** Breadcrumb text color\n$breadcrumb-color:              #ccc !default;\n//** Text color of current page in the breadcrumb\n$breadcrumb-active-color:       $gray-light !default;\n//** Textual separator for between breadcrumb elements\n$breadcrumb-separator:          \"/\" !default;\n$breadcrumb-separator-rtl:      \"\\\\\" !default;\n\n//== Carousel\n//\n//##\n\n$carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6) !default;\n\n$carousel-control-color:                      #fff !default;\n$carousel-control-width:                      15% !default;\n$carousel-control-opacity:                    .5 !default;\n$carousel-control-font-size:                  20px !default;\n\n$carousel-indicator-active-bg:                #fff !default;\n$carousel-indicator-border-color:             #fff !default;\n\n$carousel-caption-color:                      #fff !default;\n\n\n//== Close\n//\n//##\n\n$close-font-weight:           bold !default;\n$close-color:                 #000 !default;\n$close-text-shadow:           0 1px 0 #fff !default;\n\n\n//== Code\n//\n//##\n\n$code-color:                  #c7254e !default;\n$code-bg:                     #f9f2f4 !default;\n\n$kbd-color:                   #fff !default;\n$kbd-bg:                      #333 !default;\n\n$pre-bg:                      #f5f5f5 !default;\n$pre-color:                   $gray-dark !default;\n$pre-border-color:            #ccc !default;\n$pre-scrollable-max-height:   340px !default;\n\n\n//== Type\n//\n//##\n\n//** Horizontal offset for forms and lists.\n$component-offset-horizontal: 180px !default;\n//** Text muted color\n$text-muted:                  $gray-light !default;\n//** Abbreviations and acronyms border color\n$abbr-border-color:           $gray-light !default;\n//** Headings small color\n$headings-small-color:        $gray-light !default;\n//** Blockquote small color\n$blockquote-small-color:      $gray-light !default;\n//** Blockquote font size\n$blockquote-font-size:        ($font-size-base * 1.25) !default;\n//** Blockquote border color\n$blockquote-border-color:     $gray-lighter !default;\n//** Page header border color\n$page-header-border-color:    $gray-lighter !default;\n//** Width of horizontal description list titles\n$dl-horizontal-offset:        $component-offset-horizontal !default;\n//** Point at which .dl-horizontal becomes horizontal\n$dl-horizontal-breakpoint:    $grid-float-breakpoint !default;\n//** Horizontal line color.\n$hr-border:                   $gray-lighter !default;\n"],"sourceRoot":"../../scss"}