{"version":3,"sources":["../../mixins/_base.scss","darklight-cyan.scss","../../_variables-dark.scss","../../mixins/_utilities.scss","../../mixins/_tables.scss","../../_variables.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/_ui-select.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/_ng-tags-input.scss","../../mixins/plugins/_bootstrap-slider.scss","../../mixins/plugins/_nouislider.scss","../../mixins/plugins/_owl.carousel.scss","../../mixins/widgets/_pricing.scss","../../mixins/widgets/_timeline.scss"],"names":[],"mappings":"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","file":"darklight-cyan.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 / Darklight Cyan\n// --------------------------------------------------\n\n@import '../../variables-dark';\n@import '../../variables';\n@import '../../../libs/bootstrap-sass/assets/stylesheets/bootstrap/variables';\n@import '../../../custom/scss/variables';\n@import '../../../custom/scss/variables-dark';\n@import '../../../libs/bootstrap-sass/assets/stylesheets/bootstrap/mixins';\n@import '../../mixins';\n\n\n$theme-primary-color: #40b6d4;\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:              #2d353d,\n  $panel-border-color:   #3f4851,\n  $header-bg:            transparent,\n  $header-border-color:  #3a424b,\n\n  $timeline-bg:          #3F4851,\n\n  // Px-Navbar element\n  //\n\n  $px-navbar: (\n    bg:                             $theme-primary-color,\n    border-color:                   rgba(0, 0, 0, .09),\n    link-color:                     #fff,\n    link-hover-color:               rgba(255, 255, 255, .8),\n    link-hover-bg:                  rgba(0, 0, 0, .04),\n    shadow:                         \"0 1px 0 rgba(0, 0, 0 , .15)\",\n\n    brand-bg:                       $theme-primary-color,\n    brand-link-color:               #fff,\n    brand-link-hover-color:         #fff,\n\n    collapse-bg:                    desaturate(darken($theme-primary-color, 5%), 5%),\n    collapse-border-color:          desaturate(darken($theme-primary-color, 10%), 10%),\n    collapse-dropdown-bg:           rgba(255, 255, 255, .08),\n    collapse-dropdown-border-color: saturate(lighten($theme-primary-color, 3%), 3%),\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-primary-color,\n\n    bg:                         #ebedee,\n    color:                      #686c6e,\n    link-hover-color:           #333,\n    link-hover-bg:              rgba(0, 0, 0, .04),\n\n    // Dropdowns\n    dropdown-bg:                #e2e4e5,\n    dropdown-menu-title-color:  #333,\n    dropdown-menu-title-bg:     #f6f6f6,\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(0, 0, 0, .09),\n    border-color:               false,\n    item-border-color:          false,\n    dropdown-item-border-color: false,\n    box-border-color:           #dcddde,\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:            rgba(255, 255, 255, .5),\n    bg:               #2d353d,\n\n    link-color:       rgba(255, 255, 255, .6),\n    link-hover-color: #fff,\n\n    muted-color:      #939ea7,\n    border-color:     #3a424b,\n    hr-color:         #3a424b\n  )\n);\n\n// Custom styles\n//\n\n.btn { border-color: transparent; }\n\n.btn:hover,\n.btn:focus,\n.btn:active {\n  border-color: transparent !important;\n}\n\n// PxNavbar\n@if mixin-exists(px-navbar-theme) {\n  @media (min-width: $screen-md-min) {\n    .px-navbar .dropdown-menu,\n    .px-navbar .dropdown-multi-column {\n      border-color: $dropdown-bg;\n      background: $dropdown-bg;\n    }\n\n    .px-navbar .dropdown-menu {\n      a,\n      a:hover,\n      a:focus { color: #fff; }\n\n      > li > a:hover,\n      > li > a:focus { background: $dropdown-link-hover-bg; }\n\n      li.divider { background: $dropdown-divider-bg; }\n    }\n\n    .px-navbar .dropdown-menu .widget-more-link:hover,\n    .px-navbar .dropdown-menu .widget-more-link:focus,\n    .px-navbar .dropdown-menu .dropdown-toggle:hover > a {\n      background: $dropdown-link-hover-bg;\n      color: #fff;\n    }\n\n    .px-navbar .dropdown-multi-column .dropdown-menu { border-color: $dropdown-divider-bg; }\n\n    .px-navbar [class^=\"widget-\"],\n    .px-navbar [class*=\" widget-\"] { border-color: $dropdown-divider-bg; }\n  }\n}\n\n@if mixin-exists(px-nav-theme) {\n  .px-nav-dropdown.active > a {\n    color: #333 !important;\n  }\n}\n\n.pace-progress { background: darken($theme-primary-color, 15%); }\n","//\n// Dark version variables\n// --------------------------------------------------\n\n$text-color:                                 #fff !default;\n$text-muted:                                 #8f979f !default;\n$text-light:                                 #bbb !default;\n$utilities-text-darken:                      0% !default;\n\n$link-color:                                 #5cc7ff !default;\n$link-hover-color:                           lighten($link-color, 10%) !default;\n\n$default-border-color:                       #4B535B !default;\n\n$white:                                      #374049 !default;\n$gray-light:                                 $text-muted !default;\n$gray-lighter:                               #4B535B !default;\n\n$brand-success:                              #78bd5d !default;\n$brand-info:                                 #59c4e4 !default;\n$brand-warning:                              #f4ab43 !default;\n$brand-danger:                               #e46050 !default;\n\n$state-success-text:                         #fff !default;\n$state-success-bg:                           $brand-success !default;\n$state-success-border:                       $state-success-bg !default;\n\n$state-info-text:                            #fff !default;\n$state-info-bg:                              $brand-info !default;\n$state-info-border:                          $state-info-bg !default;\n\n$state-warning-text:                         #fff !default;\n$state-warning-bg:                           $brand-warning !default;\n$state-warning-border:                       $state-warning-bg !default;\n\n$state-danger-text:                          #fff !default;\n$state-danger-bg:                            $brand-danger !default;\n$state-danger-border:                        $state-danger-bg !default;\n\n$table-bg-accent:                            rgba(255, 255, 255, .05) !default;\n$table-bg-hover:                             rgba(255, 255, 255, .05) !default;\n$table-light-color:                          rgba(255, 255, 255, .05) !default;\n\n$btn-default-bg:                             #272e35 !default;\n$btn-default-border:                         $btn-default-bg !default;\n$btn-success-border:                         $brand-success !default;\n$btn-info-border:                            $brand-info !default;\n$btn-warning-border:                         $brand-warning !default;\n$btn-danger-border:                          $brand-danger !default;\n\n$btn-link-disabled-color:                    $gray-light !default;\n$btn-label-bg:                               $white !default;\n$btn-label-icon-bg:                          rgba(0, 0, 0, .11) !default;\n$btn-outline-border-color:                   rgba(255, 255, 255, .12) !default;\n\n$input-bg:                                   #4d5762 !default;\n$input-bg-disabled:                          #323c47 !default;\n$input-border:                               #4d5762 !default;\n$input-color-placeholder:                    rgba(255, 255, 255, .5) !default;\n$input-group-addon-bg:                       $input-bg-disabled !default;\n$input-group-addon-border-color:             $input-border !default;\n\n$custom-control-indicator-bg:                $input-bg !default;\n\n$dropdown-bg:                                #272e35;\n$dropdown-border:                            #272e35 !default;\n$dropdown-fallback-border:                   $dropdown-border !default;\n$dropdown-link-hover-color:                  $text-color !default;\n$dropdown-link-hover-bg:                     #22282f !default;\n$dropdown-link-disabled-color:               #666 !default;\n$dropdown-divider-bg:                        #343d46 !default;\n\n$nav-item-bg:                                rgba(0, 0, 0, .1) !default;\n$nav-item-focus-bg:                          rgba(0, 0, 0, .15) !default;\n$nav-tabs-border-color:                      rgba(255, 255, 255, .11) !default;\n$nav-tabs-link-hover-border-color:           rgba(255, 255, 255, .05) !default;\n$nav-tabs-justified-link-border-color:       $default-border-color !default;\n\n$popover-bg:                                 $white !default;\n$popover-popover-bg:                         #f0f0f0 !default;\n\n$label-default-outline-border:               rgba(255, 255, 255, .12) !default;\n$label-tag-circle-bg:                        $white !default;\n$label-ribbon-outlined-bg:                   $white !default;\n\n$modal-content-bg:                           $white !default;\n$modal-header-bg:                            $modal-content-bg !default;\n$modal-content-border-color:                 #272e35 !default;\n$modal-content-fallback-border-color:        #272e35 !default;\n$modal-backdrop-opacity:                     .6 !default;\n$modal-header-border-color:                  #272e35 !default;\n$modal-footer-border-color:                  #272e35 !default;\n\n$alert-default-bg:                           rgba(255, 255, 255, .12) !default;\n$alert-default-border:                       rgba(255, 255, 255, .12) !default;\n$alert-border-width:                         0 !default;\n\n$progress-bg:                                rgba(0, 0, 0, .15) !default;\n\n$list-group-hover-bg:                        rgba(0, 0, 0, .1) !default;\n\n$panel-bg:                                   $white !default;\n$panel-default-border:                       $default-border-color !default;\n$panel-default-heading-bg:                   transparent !default;\n$panel-footer-bg:                            $panel-bg !default;\n\n$close-color:                                #fff !default;\n$close-text-shadow:                          none !default;\n\n$dimmer-bg:                                  rgba(255, 255, 255, .1) !default;\n$dimmer-spinner-bg:                          rgba(255, 255, 255, .2) !default;\n$dimmer-spinner-color:                       #fff !default;\n\n$switcher-default-bg:                        #697583 !default;\n$switcher-no-state-bg:                       #292e35 !default;\n\n$wizard-bg:                                  $white !default;\n$wizard-wrapper-bg:                          $white !default;\n$wizard-border-color:                        $default-border-color !default;\n\n$wizard-step-color:                          darken($text-color, 50%) !default;\n$wizard-step-completed-active-color:         $text-color !default;\n$wizard-step-description-active-color:       darken($text-color, 50%) !default;\n$wizard-step-number-completed-border-color:  $wizard-border-color !default;\n\n$select2-selected-bg:                        #414b56 !default;\n\n$bootstrap-datepicker-border:                $dropdown-divider-bg !default;\n$bootstrap-datepicker-hover-bg:              rgba(255, 255, 255, .12) !default;\n$bootstrap-datepicker-old-new-color:         #777 !default;\n$bootstrap-datepicker-today-bg:              rgba(0, 0, 0, .12) !default;\n$bootstrap-datepicker-highlited-bg:          rgba(0, 0, 0, .12) !default;\n$bootstrap-datepicker-calendar-week-bg:      rgba(0, 0, 0, .12) !default;\n$bootstrap-datepicker-range-bg:              $bootstrap-datepicker-hover-bg !default;\n\n$bootstrap-timepicker-border:                $default-border-color !default;\n\n$dropzone-thumbnail-bg:                      rgba(0, 0, 0, .12) !default;\n$summernote-dropzone-color:                  #fff !default;\n$summernote-dropzone-active-color:           #fff !default;\n$summernote-dropzone-bg:                     #000 !default;\n$summernote-dropzone-opacity:                .4 !default;\n$summernote-color-palette-border:            $dropdown-bg !default;\n$summernote-color-palette-hover-border:      #fff !default;\n$summernote-dimension-unhighlighted-opacity: .2 !default;\n\n$bootstrap-markdown-fullscreen-bg:           $input-bg !default;\n\n$ps-bar-container-hover-bg:                  #888 !default;\n$ps-bar-hover-bg:                            #fff !default;\n$ps-rail-hover-bg:                           #666 !default;\n\n$ionrangeslider-default-color:               #fff !default;\n$ionrangeslider-default-bg:                  #9ea8b3 !default;\n$ionrangeslider-line-color:                  #4D5762 !default;\n$ionrangeslider-min-max-color:               $text-muted !default;\n$ionrangeslider-min-max-bg:                  rgba(0, 0, 0, .3) !default;\n$ionrangeslider-grid-color:                  $text-muted !default;\n$ionrangeslider-grid-text-color:             $text-muted !default;\n$ionrangeslider-shadow-color:                rgba(0, 0, 0, .4) !default;\n\n$daterangepicker-border:                     $dropdown-divider-bg !default;\n$daterangepicker-hover-bg:                   rgba(0, 0, 0, .2) !default;\n$daterangepicker-range-bg:                   rgba(255, 255, 255, .12) !default;\n$daterangepicker-off-color:                  #777 !default;\n\n$bs-slider-default-bg:                       #9ea8b3 !default;\n$bs-slider-line-color:                       #4D5762 !default;\n$bs-slider-label-color:                      $text-muted !default;\n\n$nouislider-default-bg:                      #9ea8b3 !default;\n$nouislider-line-color:                      #4D5762 !default;\n$nouislider-tick-label-color:                $text-muted !default;\n\n$owl-carousel-nav-bg:                        rgba(255, 255, 255, .15) !default;\n\n$pre-bg:                                     rgba(255, 255, 255, .15) !default;\n$pre-color:                                  #fff !default;\n$pre-border-color:                           transparent !default;\n\n$c3-axis-color:                              rgba(255, 255, 255, .2) !default;\n$c3-guide-color:                             rgba(255, 255, 255, .4) !default;\n$c3-text-color:                              rgba(255, 255, 255, .8) !default;\n$c3-arcs-background:                         rgba(255, 255, 255, .06) !default;\n$c3-arcs-stroke:                             rgba(255, 255, 255, 0) !default;\n\n$widget-chat-text-bg:                        rgba(0, 0, 0, .15) !default;\n$widget-pricing-active-bg:                   #3F4851 !default;\n","//\n// Mixins / Utilities\n// --------------------------------------------------\n\n@mixin pixel-text-color($color, $text-darken: 0%) {\n  &,\n  &:hover,\n  &:focus,\n  &:active,\n  &[href],\n  a {\n    color: darken($color, $text-darken) !important;\n  }\n\n  &[href],\n  a {\n    &:hover,\n    &:focus,\n    &:active {\n      color: darken($color, $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, $utilities-text-darken);\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// 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$zindex-pace:             2000 !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:                    50px !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:     10px !default;\n\n$navbar-toggle-icon-width:         12px !default;\n\n$px-navbar-icon-font-size:         inherit !default;\n\n$px-navbar-image-height:           24px !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//== Owl Carousel\n//\n\n$owl-carousel-dot-size:           8px !default;\n$owl-carousel-dot-margin:         5px !default;\n\n$owl-carousel-btn-font-size:      $font-size-small !default;\n$owl-carousel-btn-margin:         5px !default;\n$owl-carousel-btn-padding:        2px 7px !default;\n\n$owl-carousel-nav-color:          $text-color !default;\n$owl-carousel-nav-bg:             rgba(0, 0, 0, .12) !default;\n\n$owl-carousel-inverted-nav-color: #fff !default;\n$owl-carousel-inverted-nav-bg:    rgba(255, 255, 255, .3) !default;\n\n$owl-carousel-play-icon:          url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEwMHB4IiBoZWlnaHQ9IjEwMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDEgKDM1MzI2KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5SZWN0YW5nbGU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz4KICAgICAgICA8Y2lyY2xlIGlkPSJwYXRoLTEiIGN4PSI1MCIgY3k9IjUwIiByPSIzNiI+PC9jaXJjbGU+CiAgICAgICAgPGZpbHRlciB4PSItNTAlIiB5PSItNTAlIiB3aWR0aD0iMjAwJSIgaGVpZ2h0PSIyMDAlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGlkPSJmaWx0ZXItMiI+CiAgICAgICAgICAgIDxmZU1vcnBob2xvZ3kgcmFkaXVzPSIzLjUiIG9wZXJhdG9yPSJkaWxhdGUiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dTcHJlYWRPdXRlcjEiPjwvZmVNb3JwaG9sb2d5PgogICAgICAgICAgICA8ZmVPZmZzZXQgZHg9IjAiIGR5PSIwIiBpbj0ic2hhZG93U3ByZWFkT3V0ZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSI+PC9mZU9mZnNldD4KICAgICAgICAgICAgPGZlTW9ycGhvbG9neSByYWRpdXM9IjMuNSIgb3BlcmF0b3I9ImVyb2RlIiBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0ic2hhZG93SW5uZXIiPjwvZmVNb3JwaG9sb2d5PgogICAgICAgICAgICA8ZmVPZmZzZXQgZHg9IjAiIGR5PSIwIiBpbj0ic2hhZG93SW5uZXIiIHJlc3VsdD0ic2hhZG93SW5uZXIiPjwvZmVPZmZzZXQ+CiAgICAgICAgICAgIDxmZUNvbXBvc2l0ZSBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiBpbjI9InNoYWRvd0lubmVyIiBvcGVyYXRvcj0ib3V0IiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSI+PC9mZUNvbXBvc2l0ZT4KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMi41IiBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiPjwvZmVHYXVzc2lhbkJsdXI+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwICAgMCAwIDAgMCAwICAgMCAwIDAgMCAwICAwIDAgMCAwLjMwNDM0NzgyNiAwIiB0eXBlPSJtYXRyaXgiIGluPSJzaGFkb3dCbHVyT3V0ZXIxIj48L2ZlQ29sb3JNYXRyaXg+CiAgICAgICAgPC9maWx0ZXI+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMyIgcG9pbnRzPSI2NCA1MSA0MyA2OCA0MyAzNCI+PC9wb2x5Z29uPgogICAgICAgIDxmaWx0ZXIgeD0iLTUwJSIgeT0iLTUwJSIgd2lkdGg9IjIwMCUiIGhlaWdodD0iMjAwJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iZmlsdGVyLTQiPgogICAgICAgICAgICA8ZmVNb3JwaG9sb2d5IHJhZGl1cz0iMC41IiBvcGVyYXRvcj0iZGlsYXRlIiBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0ic2hhZG93U3ByZWFkT3V0ZXIxIj48L2ZlTW9ycGhvbG9neT4KICAgICAgICAgICAgPGZlT2Zmc2V0IGR4PSIwIiBkeT0iMCIgaW49InNoYWRvd1NwcmVhZE91dGVyMSIgcmVzdWx0PSJzaGFkb3dPZmZzZXRPdXRlcjEiPjwvZmVPZmZzZXQ+CiAgICAgICAgICAgIDxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIuNSIgaW49InNoYWRvd09mZnNldE91dGVyMSIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIj48L2ZlR2F1c3NpYW5CbHVyPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgMCAwIDAgMC4zMDQzNDc4MjYgMCIgdHlwZT0ibWF0cml4IiBpbj0ic2hhZG93Qmx1ck91dGVyMSI+PC9mZUNvbG9yTWF0cml4PgogICAgICAgIDwvZmlsdGVyPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik92YWwiPgogICAgICAgICAgICA8dXNlIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjEiIGZpbHRlcj0idXJsKCNmaWx0ZXItMikiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICA8dXNlIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSI1IiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICA8L2c+CiAgICAgICAgPGcgaWQ9IlRyaWFuZ2xlIj4KICAgICAgICAgICAgPHVzZSBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIxIiBmaWx0ZXI9InVybCgjZmlsdGVyLTQpIiB4bGluazpocmVmPSIjcGF0aC0zIj48L3VzZT4KICAgICAgICAgICAgPHVzZSBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHhsaW5rOmhyZWY9IiNwYXRoLTMiPjwvdXNlPgogICAgICAgIDwvZz4KICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCI+PC9yZWN0PgogICAgPC9nPgo8L3N2Zz4=') !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 / 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\n      &, .navbar-collapse {\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      .dropdown-multi-column {\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      .dropdown-menu .dropdown-toggle:hover > a {\n        color: $link-hover-color;\n        background: $link-hover-bg;\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  .panel-heading .accordion-toggle {\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.nav-#{$size} > li > a,\n  .nav-#{$size} > .nav > 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-#{$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 / UI Select\n// --------------------------------------------------\n\n@mixin ui-select-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  line-height: $line-height;\n\n  .ui-select-search,\n  .ui-select-toggle {\n    padding: $padding-vertical $padding-horizontal;\n\n    border-radius: $border-radius;\n\n    font-size: $font-size;\n    line-height: $line-height;\n  }\n\n  &.ui-select-multiple {\n    padding: ($padding-vertical - $choice-spacer) ($padding-vertical - $choice-spacer) $padding-vertical $padding-vertical;\n\n    .ui-select-search { margin-top: $choice-spacer; }\n\n    .ui-select-match-item {\n      margin: $choice-spacer $choice-spacer 0 0;\n\n      font-size: $choice-font-size;\n      line-height: $choice-line-height;\n    }\n\n    .ui-select-match .close { line-height: $font-size * $line-height; }\n  }\n\n  // Corners\n  //\n\n  &.open,\n  &.open .ui-select-toggle,\n  .ui-select-search {\n    @include border-bottom-radius(0);\n  }\n\n  &.direction-up.open,\n  &.direction-up.open .ui-select-toggle,\n  &.direction-up .ui-select-search {\n    border-radius: $border-radius;\n\n    @include border-top-radius(0);\n  }\n}\n\n@mixin ui-select-size($size, $font-size, $line-height, $border-radius, $padding-vertical, $padding-horizontal, $choice-spacer, $choice-font-size: 85%, $choice-line-height: 1.909em) {\n  .ui-select-#{$size},\n  .ui-select-#{$size} + .ui-select-container,\n  .form-group-#{$size} .ui-select-container {\n    @include ui-select-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 ui-select-base($background) {\n  &.ui-select-multiple .ui-select-match-item { background: $background !important; }\n  &.ui-select-multiple .ui-select-match-item.btn-primary{ background: darken($background, 10%) !important; }\n}\n\n@mixin ui-select-variant($state, $background) {\n  .ui-select-#{$state} {\n    @include ui-select-base($background);\n  }\n}\n\n@mixin ui-select-state-variant($state, $border-color) {\n  .has-#{$state} .ui-select-toggle,\n  .has-#{$state} .ui-select-multiple {\n    border-color: $border-color;\n  }\n}\n\n@mixin ui-select-theme($color, $background, $border) {\n  @include ui-select-variant(primary, $background);\n\n  .btn-default-focus .ui-select-toggle,\n  .ui-select-multiple.open,\n  .ui-select-container.open .ui-select-toggle,\n  .ui-select-container.open .ui-select-search,\n  .ui-select-choices,\n  .ui-select-no-choice {\n    border-color: $border !important;\n  }\n\n  .ui-select-choices-row.active > span {\n    color: $color;\n    background-color: $background;\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 / ngTagsInput\n// --------------------------------------------------\n\n@mixin ng-tags-input-size-base($font-size, $tag-height, $padding, $border-radius) {\n  .tags {\n    padding: $padding $padding 0;\n\n    border-radius: $border-radius;\n\n    font-size: $font-size;\n    line-height: $tag-height;\n  }\n\n  .tags .input {\n    height: $tag-height;\n    margin: 0 0 $padding 0 !important;\n\n    font-size: $font-size;\n    line-height: $tag-height;\n  }\n\n  .tag-item {\n    height: $tag-height;\n    margin: 0 $padding $padding 0;\n\n    line-height: $tag-height;\n  }\n\n  .tags .remove-button {\n    width: $tag-height;\n    height: $tag-height;\n\n    line-height: $tag-height;\n  }\n}\n\n@mixin ng-tags-input-size($size, $font-size, $tag-height, $padding, $border-radius) {\n  .form-group-#{$size} tags-input,\n  .input-group-#{$size} tags-input,\n  .tags-input-#{$size} {\n    @include ng-tags-input-size-base($font-size, $tag-height, $padding, $border-radius);\n  }\n}\n\n@mixin ng-tags-input-theme($color, $background) {\n  tags-input .suggestion-item.selected {\n    color: $color;\n    background: $background;\n  }\n\n  tags-input .tags.focused {\n    border-color: $background !important;\n  }\n}\n\n@mixin ng-tags-input-state-variant($state, $border-color) {\n  .has-#{$state} tags-input .tags { border-color: $border-color; }\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 / Plugins / Owl Carousel\n// --------------------------------------------------\n\n@mixin owl-carousel-theme($color, $background) {\n  .owl-nav [class*='owl-']:hover {\n    background: $background;\n    color: $color;\n  }\n\n  .owl-dots .owl-dot.active span,\n  .owl-dots .owl-dot:hover span {\n    background: $background;\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"],"sourceRoot":"../../../scss/themes/darklight-cyan"}