{"version":3,"sources":["../../mixins/_base.scss","fresh.scss","../../_variables.scss","../../mixins/_utilities.scss","../../mixins/_tables.scss","../../mixins/_forms.scss","../../mixins/_buttons.scss","../../mixins/_px-navbar.scss","../../mixins/_px-nav.scss","../../mixins/_px-footer.scss","../../mixins/_labels.scss","../../mixins/_progress-bars.scss","../../mixins/_dropdowns.scss","../../mixins/_panels.scss","../../mixins/_custom-forms.scss","../../mixins/_tooltip.scss","../../mixins/_popovers.scss","../../mixins/_navs.scss","../../mixins/_pagination.scss","../../mixins/_thumbnails.scss","../../mixins/_list-group.scss","../../mixins/_switchers.scss","../../mixins/plugins/_select2.scss","../../mixins/plugins/_bootstrap-datepicker.scss","../../mixins/plugins/_bootstrap-timepicker.scss","../../mixins/plugins/_dropzone.scss","../../mixins/plugins/_ion.rangeSlider.scss","../../mixins/plugins/_bootstrap-daterangepicker.scss","../../mixins/plugins/_bootstrap-tagsinput.scss","../../mixins/plugins/_bootstrap-slider.scss","../../mixins/plugins/_nouislider.scss","../../mixins/widgets/_pricing.scss","../../mixins/widgets/_timeline.scss","../../mixins/_pixeladmin.scss"],"names":[],"mappings":"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","file":"fresh.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 / Fresh\n// --------------------------------------------------\n\n@import '../../variables';\n@import '../../../libs/bootstrap-sass/assets/stylesheets/bootstrap/variables';\n@import '../../../libs/bootstrap-sass/assets/stylesheets/bootstrap/mixins';\n@import '../../mixins';\n\n\n$theme-primary-color: #64bed8;\n\n\n// Generate theme\n//\n\n@include pixel-theme(\n  $primary-color:        $theme-primary-color,\n  $primary-text-color:   #fff,\n  $primary-border-color: darken($theme-primary-color, 6%),\n\n  $body-bg:              #f3f6f6,\n  $panel-border-color:   #dae0e0,\n  $header-bg:            #fff,\n  $header-border-color:  #e1e6e6,\n\n  $px-navbar: (\n    bg:                             #98c73d linear-gradient(to bottom, #a1cc3d 0, #94c53e 100%),\n    border-color:                   transparent,\n    link-color:                     #fff,\n    link-hover-color:               #fff,\n    link-hover-bg:                  rgba(0, 0, 0, .08),\n    shadow:                         \"none\",\n\n    brand-bg:                       transparent,\n    brand-link-color:               #fff,\n    brand-link-hover-color:         #fff,\n\n    collapse-bg:                    #94c53e,\n    collapse-border-color:          #a5d354,\n    collapse-dropdown-bg:           #83b035,\n    collapse-dropdown-border-color: darken(#83b035, 4%),\n\n    form-control-bg:                #fff,\n    form-control-border-color:      transparent,\n    form-control-color:             $text-color,\n\n    scrollbar-color:                rgba(0, 0, 0, .3),\n    scrollbar-rail-color:           transparent,\n\n    enable-transitions:             true\n  ),\n\n  $px-nav: (\n    toggle-color:               #fff,\n    toggle-bg:                  #98c73d linear-gradient(to bottom, #a1cc3d 0, #94c53e 100%),\n\n    bg:                         #43474b,\n    color:                      #adb5bd,\n    link-hover-color:           #fff,\n    link-hover-bg:              rgba(255, 255, 255, .04),\n\n    // Dropdowns\n    dropdown-bg:                #3c4043,\n    dropdown-menu-title-color:  #fff,\n    dropdown-menu-title-bg:     #43474b,\n\n    // Active\n    active-color:               #fff,\n    active-bg:                  $theme-primary-color,\n    active-icon-color:          #fff,\n\n    scrollbar-color:            rgba(255, 255, 255, .3),\n    scrollbar-rail-color:       transparent,\n\n    toggle-border-color:        false,\n    border-color:               false,\n    item-border-color:          #505459,\n    dropdown-item-border-color: false,\n    box-border-color:           #505459,\n\n    tooltip-bg:                 #2b2e30,\n    tooltip-color:              #fff,\n\n    dimmer-bg:                  rgba(#3c4043, .4),\n\n    animate-items:              false\n  ),\n\n  $px-footer: (\n    color:            #e1e6eb,\n    bg:               #969ea6,\n\n    link-color:       #fff,\n    link-hover-color: #e1e6eb,\n\n    muted-color:      #63707c,\n    hr-color:         #a4acb3\n  )\n);\n\n\n// Custom styles\n//\n\n// PxNavbar\n@if mixin-exists(px-navbar-theme) {\n  .px-navbar .navbar-nav > li > a { text-shadow: rgba(0, 0, 0, .2) 0 -1px 0; }\n\n  @media (min-width: $screen-md-min) {\n    .px-navbar .navbar-nav > li > a {\n      border-left: 1px solid transparent;\n      border-right: 1px solid transparent;\n\n      &:hover,\n      &:focus,\n      &.active,\n      &.open {\n        border-color: rgba(0, 0, 0, .1);\n      }\n    }\n\n    .px-navbar .dropdown-menu {\n      background: #43474b;\n      margin-top: 3px;\n      border-radius: $border-radius-base;\n      border: none;\n    }\n\n    .divider { background: #4f5358 !important; }\n\n    .px-navbar [class^=\"widget-\"],\n    .px-navbar [class*=\" widget-\"] { border-color: #505459; }\n  }\n}\n\n// PxNav\n@if mixin-exists(px-nav-theme) {\n  .px-nav-toggle { border-right: 1px solid rgba(0, 0, 0, .15); }\n}\n","//\n// Variables\n// --------------------------------------------------\n\n// Icons\n$icon-success: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E\") !default;\n$icon-warning: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E\") !default;\n$icon-danger:  url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E\") !default;\n\n//== Spacing\n//\n\n$spacer:   10px !default;\n$spacer-x: $spacer !default;\n$spacer-y: $spacer !default;\n$spacers: (\n  0: (\n    x: 0,\n    y: 0\n  ),\n  1: (\n    x: $spacer-x,\n    y: $spacer-y\n  ),\n  2: (\n    x: round($spacer-x * 1.5),\n    y: round($spacer-y * 1.5)\n  ),\n  3: (\n    x: $spacer-x * 2,\n    y: $spacer-y * 2\n  ),\n  4: (\n    x: $spacer-x * 3,\n    y: $spacer-y * 3\n  )\n) !default;\n\n//== Grid\n//\n\n$content-wrapper-padding:   $spacer * 2 !default;\n\n$screen-sm-min:             544px !default;\n$screen-md-min:             768px !default;\n$screen-lg-min:             992px !default;\n$screen-xl-min:             1200px !default;\n\n$screen-xs-max:             ($screen-sm-min - 1) !default;\n$screen-sm-max:             ($screen-md-min - 1) !default;\n$screen-md-max:             ($screen-lg-min - 1) !default;\n$screen-lg-max:             ($screen-xl-min - 1) !default;\n\n$grid-float-breakpoint:     $screen-md-min !default;\n$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;\n\n// Bootstrap-related variable (do not use it in your code)\n$screen-xs-min:             $screen-md-min;\n\n$grid-gutter-width:         22px !default;\n\n//== Colors\n//\n\n$text-color:            #444 !default;\n$text-muted:            #a1a7ab !default;\n$text-light:            #bbb !default;\n\n//** Global textual link color.\n$link-color:            #316498 !default;\n//** Link hover color set via `darken()` function.\n$link-hover-color:      lighten($link-color, 10%) !default;\n\n$default-border-color:  rgba(0,0,0,.05) !default;\n\n$white:                 #fff !default;\n$black:                 #272634 !default;\n$gray-dark:             #373a3c !default;\n$gray:                  #55595c !default;\n$gray-light:            #818a91 !default;\n$gray-lighter:          #eceeef !default;\n$gray-lightest:         #f7f7f9 !default;\n\n$brand-success:         #78bd5d !default;\n$brand-info:            #59c4e4 !default;\n$brand-warning:         #f4ab43 !default;\n$brand-danger:          #e46050 !default;\n\n$utilities-text-darken: 10% !default;\n\n//== States\n//\n\n$state-success-text:        #6f976d !default;\n$state-success-bg:          #fcfff5 !default;\n$state-success-border:      #a3c293 !default;\n\n$state-info-text:           #528d9e !default;\n$state-info-bg:             #f8ffff !default;\n$state-info-border:         #a9d5de !default;\n\n$state-warning-text:        #8d7955 !default;\n$state-warning-bg:          #fffaf3 !default;\n$state-warning-border:      #c9ba9b !default;\n\n$state-danger-text:         #b05b59 !default;\n$state-danger-bg:           #fff6f6 !default;\n$state-danger-border:       #e0b4b4 !default;\n\n$state-dark-success-text:   #fff !default;\n$state-dark-success-bg:     $brand-success !default;\n$state-dark-success-border: $state-dark-success-bg !default;\n\n$state-dark-info-text:      #fff !default;\n$state-dark-info-bg:        $brand-info !default;\n$state-dark-info-border:    $state-dark-info-bg !default;\n\n$state-dark-warning-text:   #fff !default;\n$state-dark-warning-bg:     $brand-warning !default;\n$state-dark-warning-border: $state-dark-warning-bg !default;\n\n$state-dark-danger-text:    #fff !default;\n$state-dark-danger-bg:      $brand-danger !default;\n$state-dark-danger-border:  $state-dark-danger-bg !default;\n\n//== Typography\n//\n\n$font-family-sans-serif:     \"Open Sans\", \"Helvetica Neue\", Helvetica, Arial, sans-serif !default;\n$font-family-monospace:      Consolas, Monaco, \"Courier New\", monospace !default;\n$font-family-base:           $font-family-sans-serif !default;\n\n$font-size-base:             13px !default;\n$font-size-xl:               20px !default;\n$font-size-large:            15px !default;\n$font-size-small:            12px !default;\n$font-size-xs:               11px !default;\n\n$line-height-base:           1.61539 !default;\n$line-height-xl:             1.5 !default;\n$line-height-large:          1.4 !default;\n$line-height-small:          1.42 !default;\n$line-height-xs:             1.4555 !default;\n\n$line-height-computed:       round(($font-size-base * $line-height-base)) !default; // ~21px\n$line-height-xl-computed:    round(($font-size-xl * $line-height-xl)) !default;\n$line-height-large-computed: round(($font-size-large * $line-height-large)) !default;\n$line-height-small-computed: round(($font-size-small * $line-height-small)) !default;\n$line-height-xs-computed:    round(($font-size-xs * $line-height-xs)) !default;\n\n$font-size-h1:               28px !default;\n$font-size-h2:               24px !default;\n$font-size-h3:               18px !default;\n$font-size-h4:               16px !default;\n$font-size-h5:               14px !default;\n$font-size-h6:               11px !default;\n\n$headings-font-weight:       700 !default;\n$headings-line-height:       1.15 !default;\n\n$page-header-font-size:      18px !default;\n$page-header-font-weight:    600 !default;\n$page-header-line-height:    30px !default;\n$page-header-icon-font-size: 22px !default;\n\n//== Components\n//\n\n$padding-base-vertical:    4px !default;\n$padding-base-horizontal:  12px !default;\n\n$padding-xl-vertical:      10px !default;\n$padding-xl-horizontal:    25px !default;\n\n$padding-large-vertical:   8px !default;\n$padding-large-horizontal: 18px !default;\n\n$padding-small-vertical:   3px !default;\n$padding-small-horizontal: 9px !default;\n\n$padding-xs-vertical:      2px !default;\n$padding-xs-horizontal:    7px !default;\n\n$border-radius-xl:         4px !default;\n$border-radius-base:       2px !default;\n$border-radius-large:      3px !default;\n$border-radius-small:      2px !default;\n$border-radius-xs:         2px !default;\n\n//== Z-indexes\n//\n\n$zindex-form-loading:     1000 !default;\n$zindex-footer-fixed:     1005 !default;\n$zindex-navbar:           1010 !default;\n$zindex-sidebar:          1040 !default;\n$zindex-px-nav:           1050 !default;\n$zindex-modal-background: 1060 !default;\n$zindex-fullscreen:       1070 !default;\n$zindex-modal:            1080 !default;\n$zindex-popover:          1090 !default;\n$zindex-tooltip:          1100 !default;\n$zindex-growls:           1110 !default;\n$zindex-sortable:         1120 !default;\n\n//== Tables\n//\n\n$table-border-color: $default-border-color !default;\n$table-light-color:  #fafafa !default;\n\n//== Buttons\n//\n\n$btn-default-color:                 $text-color !default;\n$btn-default-bg:                    #ececec !default;\n$btn-default-border:                darken($btn-default-bg, 5%) !default;\n\n$btn-success-color:                 #fff !default;\n$btn-success-bg:                    $brand-success !default;\n$btn-success-border:                desaturate(darken($btn-success-bg, 5%), 10%) !default;\n\n$btn-info-color:                    #fff !default;\n$btn-info-bg:                       $brand-info !default;\n$btn-info-border:                   desaturate(darken($btn-info-bg, 5%), 20%) !default;\n\n$btn-warning-color:                 #fff !default;\n$btn-warning-bg:                    $brand-warning !default;\n$btn-warning-border:                desaturate(darken($btn-warning-bg, 5%), 20%) !default;\n\n$btn-danger-color:                  #fff !default;\n$btn-danger-bg:                     $brand-danger !default;\n$btn-danger-border:                 desaturate(darken($btn-danger-bg, 5%), 20%) !default;\n\n$btn-link-disabled-color:           $gray-light !default;\n\n$btn-label-bg:                      #fff !default;\n$btn-label-icon-bg:                 rgba(0, 0, 0, .05) !default;\n$btn-label-arrow-size:              5px !default;\n\n$btn-outline-border-color:          rgba(0, 0, 0, .12) !default;\n$btn-outline-inverted-color:        #fff !default;\n$btn-outline-inverted-border-color: rgba(255, 255, 255, .12) !default;\n\n//== Forms\n//\n\n$input-color:                 $text-color !default;\n$input-border:                #d6d6d6 !default;\n$input-color-placeholder:     #999 !default;\n\n$legend-color:                $text-color !default;\n$legend-border-color:         $default-border-color !default;\n\n$input-height-base:           ($line-height-computed + ($padding-base-vertical * 2) + 2) !default;\n$input-height-large:          (round($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default;\n$input-height-small:          (round($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;\n\n$form-group-margin-bottom:    $spacer * 1.5 !default;\n\n$form-help-block-arrow-width: 14px !default;\n\n$form-loading-spinner-size:   32px !default;\n\n$form-bordered-border-color:  $default-border-color !default;\n\n//== Custom control\n//\n\n$custom-control-gutter:            24px !default;\n$custom-control-spacer-x:          12px !default;\n$custom-control-spacer-y:          4px !default;\n\n$custom-control-indicator-size:    16px !default;\n$custom-control-indicator-bg:      #fff !default;\n$custom-control-indicator-bg-size: 50% 50% !default;\n\n$custom-checkbox-radius:           $border-radius-base !default;\n$custom-checkbox-checked-icon:     url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E\") !default;\n$custom-radio-checked-icon:        url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E\") !default;\n\n//== Custom select\n//\n\n$custom-select-indicator-padding:    16px !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-bg-size:              8px 10px !default;\n$custom-select-indicator:            url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E\") !default;\n\n$custom-select-arrow-size:           4px !default;\n$custom-select-arrow-right-position: 7px !default;\n\n//== Custom file\n//\n\n$custom-file-button-label: \"Browse\" !default;\n\n//== Dropdowns\n//\n\n$dropdown-padding-y:           5px !default;\n$dropdown-item-padding-y:      5px !default;\n$dropdown-item-padding-x:      18px !default;\n\n$dropdown-border:              #ccc !default;\n$dropdown-fallback-border:     $dropdown-border !default;\n\n$dropdown-link-color:          $text-color !default;\n$dropdown-link-hover-color:    #333 !default;\n$dropdown-link-hover-bg:       #f2f2f2 !default;\n$dropdown-link-disabled-color: #999 !default;\n$dropdown-label-line-height:   1.6em !default;\n\n//== Navs\n//\n\n$nav-item-bg:                          rgba(0, 0, 0, .05) !default;\n$nav-item-focus-bg:                    rgba(0, 0, 0, .06) !default;\n\n$nav-link-padding:                     6px 20px !default;\n$nav-link-small-padding:               4px 15px !default;\n$nav-link-xs-padding:                  3px 15px !default;\n$nav-link-lg-padding:                  8px 24px !default;\n$nav-link-xl-padding:                  10px 25px !default;\n\n$nav-disabled-link-color:              #999 !default;\n$nav-disabled-link-hover-color:        $nav-disabled-link-color !default;\n\n$nav-tabs-border-color:                rgba(0, 0, 0, .11) !default;\n$nav-tabs-link-hover-border-color:     rgba(0, 0, 0, .015) !default;\n$nav-tabs-justified-link-border-color: $default-border-color !default;\n\n//== Pagination\n//\n\n$pagination-color:           lighten($text-color, 15%) !default;\n$pagination-bg:              transparent !default;\n$pagination-border:          rgba(0, 0, 0, .13) !default;\n\n$pagination-hover-color:     $text-color !default;\n$pagination-hover-bg:        transparent !default;\n\n$pagination-disabled-color:  #ccc !default;\n$pagination-disabled-bg:     transparent !default;\n$pagination-disabled-border: lighten($pagination-border, 7%) !default;\n\n//== Tooltips\n//\n\n$tooltip-color:       #fff !default;\n$tooltip-bg:          #222 !default;\n$tooltip-opacity:     1 !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n//== Popovers\n//\n\n$popover-border-color:          $dropdown-border !default;\n$popover-fallback-border-color: $popover-border-color !default;\n\n$popover-title-bg:              #f0f0f0 !default;\n\n$popover-border-width:          3px !default;\n$popover-arrow-width:           7px !default; // + 1px\n\n//== Labels\n//\n\n$label-line-height:            1.818em !default;\n$label-padding-x:              .545em !default;\n\n$label-default-bg:             $gray-light !default;\n$label-default-outline-border: #dedede !default;\n\n$label-tag-arrow-width:        .909em !default;\n$label-tag-circle-size:        .545em !default;\n$label-tag-circle-bg:          #fff !default;\n\n$label-ribbon-outlined-bg:     #fff !default;\n\n//== Modals\n//\n\n$modal-inner-padding:  20px !default;\n$modal-title-padding:  11px $modal-inner-padding !default;\n$modal-footer-padding: $modal-title-padding !default;\n\n$modal-header-bg:      #f8f8f8 !default;\n\n//== Alerts\n//\n\n$alert-padding:              15px !default;\n\n$alert-border-width:         1px !default;\n\n$alert-default-bg:           #f8f8f8 !default;\n$alert-default-border:       #c9cacb !default;\n\n$alert-dark-text:            #fff !default;\n$alert-dark-stripes-opacity: .04 !default;\n\n$alert-dark-success-bg:      $state-dark-success-bg !default;\n$alert-dark-info-bg:         $state-dark-info-bg !default;\n$alert-dark-warning-bg:      $state-dark-warning-bg !default;\n$alert-dark-danger-bg:       $state-dark-danger-bg !default;\n\n//== Progress bars\n//\n\n$progress-bg:                      #eee !default;\n\n$progress-height:                  12px !default;\n\n$progress-bar-border:              rgba(0, 0, 0, .1) !default;\n$progress-striped-gradient:        linear-gradient(45deg, rgba(255, 255, 255, .1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, .1) 75%, transparent 75%, transparent) !default;\n$progress-striped-background-size: 10px !default;\n\n$progress-animated-duration:       2s !default;\n\n//== List group\n//\n\n$list-group-bg:                  transparent !default;\n$list-group-border:              $default-border-color !default;\n$list-group-hover-bg:            rgba(0, 0, 0, .04) !default;\n\n$list-group-disabled-color:      #aaa !default;\n$list-group-disabled-bg:         rgba(0, 0, 0, .06) !default;\n$list-group-disabled-border:     $list-group-border !default;\n$list-group-disabled-text-color: $list-group-disabled-color !default;\n\n$list-group-link-color:          $text-color !default;\n$list-group-link-hover-color:    $list-group-link-color !default;\n$list-group-link-heading-color:  $text-color !default;\n\n//== Panels\n//\n\n$panel-margin-bottom:      ($spacer * 2) !default;\n$panel-body-padding:       ($spacer * 2) !default;\n$panel-heading-padding-y:  9px !default;\n$panel-heading-padding:    $panel-heading-padding-y $panel-body-padding !default;\n$panel-footer-padding:     8px $panel-body-padding !default;\n\n$panel-bg:                 #fff !default;\n\n$panel-inner-border:       $default-border-color !default;\n$panel-footer-bg:          #fff !default;\n\n$panel-default-text:       $text-color !default;\n$panel-default-border:     #e2e2e2 !default;\n$panel-default-heading-bg: #fafafa !default;\n\n$hr-border:                $default-border-color !default;\n\n//== Breadcrumbs\n//\n\n$breadcrumb-color:                    #999 !default;\n$breadcrumb-active-color:             $text-color !default;\n$breadcrumb-separator-color:          #ccc !default;\n\n$breadcrumb-color-inverted:           rgba(255, 255, 255, .6) !default;\n$breadcrumb-active-color-inverted:    #fff !default;\n$breadcrumb-separator-color-inverted: rgba(255, 255, 255, .4) !default;\n\n$breadcrumb-separator:          \"/\" !default;\n$breadcrumb-separator-rtl:      \"\\\\\" !default;\n\n//== Dimmer\n//\n\n$dimmer-bg:                     rgba(255, 255, 255, .8) !default;\n$dimmer-spinner-bg:             rgba(0, 0, 0, .1) !default;\n$dimmer-spinner-color:          #767676 !default;\n\n$dimmer-bg-inverted:            rgba(0, 0, 0, .45) !default;\n$dimmer-spinner-bg-inverted:    rgba(255, 255, 255, .2) !default;\n$dimmer-spinner-color-inverted: #fff !default;\n\n//== Notes\n//\n\n$note-background: #fafafa !default;\n$note-border:     #ddd !default;\n\n$note-padding:    20px !default;\n\n//== Switchers\n//\n\n$switcher-default-color:  #fff !default;\n$switcher-default-bg:     $gray-light !default;\n\n$switcher-spacer-x:       12px !default;\n$switcher-spacer-y:       6px !default;\n\n$switcher-width:          56px !default;\n$switcher-height:         24px !default;\n$switcher-font-size:      11px !default;\n\n$switcher-width-sm:       42px !default;\n$switcher-height-sm:      20px !default;\n$switcher-font-size-sm:   8px !default;\n\n$switcher-width-lg:       68px !default;\n$switcher-height-lg:      30px !default;\n$switcher-font-size-lg:   13px !default;\n\n$switcher-no-state-color: #fff !default;\n$switcher-no-state-bg:    #555 !default;\n$switcher-button-bg:      #fff !default;\n\n//== Wizard\n//\n\n$wizard-bg:                                 #fff !default;\n$wizard-wrapper-bg:                         #fff !default;\n$wizard-border-color:                       $default-border-color !default;\n\n$wizard-step-color:                         lighten($text-color, 30%) !default;\n$wizard-step-completed-active-color:        $text-color !default;\n$wizard-step-description-active-color:      lighten($text-color, 30%) !default;\n$wizard-step-number-completed-border-color: $wizard-border-color !default;\n\n$wizard-step-padding-y:                     20px !default;\n$wizard-step-padding-x:                     16px !default;\n\n$wizard-step-number-size:                   28px !default;\n$wizard-step-number-border-width:           2px !default;\n\n//== PxSidebar\n//\n\n$sidebar-width:               300px !default;\n$sidebar-bg:                  $white !default;\n$sidebar-border:              1px solid $panel-default-border !default;\n$sidebar-transition-duration: .3s !default;\n\n//== Navbar / PxNavbar\n//\n\n$navbar-height:                    48px !default;\n$navbar-line-height-sm:            42px !default;\n\n$navbar-header-padding-horizontal: 20px !default;\n$navbar-item-padding-horizontal:   15px !default;\n$navbar-form-padding-vertical:     8px !default;\n\n$navbar-toggle-icon-width:         12px !default;\n\n$px-navbar-icon-font-size:         inherit !default;\n\n//== PX Nav\n//\n\n$px-nav-tablets-breakpoint:             $screen-sm-min !default;\n$px-nav-desktops-breakpoint:            $screen-lg-min !default;\n\n$px-nav-width-phone:                    80% !default;\n$px-nav-width-tablet:                   56px !default;\n$px-nav-width-desktop:                  230px !default;\n\n$px-nav-transition-duration:            .3s !default;\n\n$px-nav-dimmer-bg:                      rgba(0, 0, 0, .3) !default;\n\n$px-nav-item-padding-vertical:          12px !default;\n$px-nav-item-padding-horizontal:        22px !default;\n$px-nav-item-line-height:               20px !default;\n\n$px-nav-dropdown-item-padding-vertical: 8px !default;\n\n$px-nav-icon-font-size:                 16px !default;\n$px-nav-collapsed-icon-font-size:       18px !default;\n\n$px-nav-tooltip-padding-x:              10px !default;\n$px-nav-tooltip-padding-y:              6px !default;\n$px-nav-arrow-size:                     5px !default;\n\n//== PX Footer\n//\n\n$px-footer-padding-x: $content-wrapper-padding !default;\n$px-footer-padding-y: $content-wrapper-padding !default;\n\n//== Select2\n//\n\n$select2-choice-spacer:  4px !default;\n\n$select2-selected-color: $text-color !default;\n$select2-selected-bg:    #eee !default;\n\n//== Datepicker\n//\n\n$bootstrap-datepicker-width:                224px !default;\n\n$bootstrap-datepicker-cell-padding-y:       5px !default;\n$bootstrap-datepicker-month-year-padding-y: 12px !default;\n\n$bootstrap-datepicker-border:               #eee !default;\n$bootstrap-datepicker-hover-bg:             #f3f3f3 !default;\n$bootstrap-datepicker-old-new-color:        #bbb !default;\n$bootstrap-datepicker-today-bg:             #fff4df !default;\n$bootstrap-datepicker-highlited-bg:         #eff8fc !default;\n$bootstrap-datepicker-calendar-week-bg:     lighten($bootstrap-datepicker-hover-bg, 2%) !default;\n$bootstrap-datepicker-range-bg:             $bootstrap-datepicker-hover-bg !default;\n\n//== Timepicker\n//\n\n$bootstrap-timepicker-border: #eee !default;\n\n//== DataTables\n//\n\n$datatables-sorting-arrow-size: 4px !default;\n\n//== Growl\n//\n\n$growl-font-size:    $font-size-base !default;\n$growl-font-size-sm: $font-size-xs !default;\n$growl-font-size-lg: $font-size-large !default;\n\n$growl-padding:      10px !default;\n$growl-padding-sm:   8px !default;\n$growl-padding-lg:   14px !default;\n\n$growl-width:        256px !default;\n$growl-width-sm:     208px !default;\n$growl-width-lg:     304px !default;\n\n$growl-default-bg:   #7f8c8d !default;\n\n//== Dropzone\n//\n\n$dropzone-border-color:     $default-border-color !default;\n\n$dropzone-box-min-height:   288px !default;\n$dropzone-box-padding:      16px !default;\n$dropzone-overlay-bg:       rgba(0, 0, 0, .2) !default;\n$dropzone-thumbnail-bg:     #f2f2f2 !default;\n\n$dropzone-icon-size:        36px !default;\n$dropzone-upload-icon-size: 64px !default;\n$dropzone-upload-icon:      url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAEgUlEQVR4Xu1ai1EUQRDtjkCNQIhAjECIQI1AiECIQIxAiECIQIhAiECJQIhAjKCtd9VzNdc3/53do7idqqu6qp1fv3n9uqd3mba88ZbbTzMAMwO2HIHZBbacALMIzi7QywVE5CURvSeiD0SE//jtefPfENE9Ef0momtmxv+Nt8EMEBEY/JmI9iutARBnzHxZOa5r92YARAQGf2kw3BoAJhwxMxgyeWsCQES+EdFx592CDSed58xOVwWA+vmPxKnfEdGF+vkjM4PmJCI7RIQfWAOXeRPZGfofMPNjduedOhQDoMb/NMLmtgE/Pi0VNgXklIg+BeyYFIQaAGC8FboHIjps9V/VETDmtQFiMhCKABCRM1V6f5+3oPNQuiqzIIDWLc6ZubfOrBEuC4CeEk5/xXhmrg17Sa8VEYDwznQC8Mgl8ENegQZ9AEPQ/7LU7WKLlwBgqQ/a7w09ebuhBBNycgcgvra6YRIAETkkou9mB1DpUWJ2hG05ANzzpjCaA+BK09ul2jMzQBmtiQhEMRQdStasFs8oAErJv2bV3aE+l7NCQ+Qf7QehBSA3bl0RcZqAg7CagWFVIKQAsPS/Y2b/cpOzpfm5iIB5yCsWiVSsJcJocQRJAWCpeMLMUOUn1RLiWaRVKQBsWCqacBPoKAhgi59QwW0OcvtJAQA/RP7u2tscJXOLjfk8EkGQbidzhSAARogW+2bmbM4wpoElc0eSKQyFOyNXWCvCrBmlsR/XXZd5jQaArgVwscHBLZK3uHmRQaLuAIFdthUAMhO86pn9Gcp20RcNkb8ySAKEJeBLABLGI/WF+l/0AkA3ihTbz+8BQjLslVJE58ddBZcpe9PENEsQFgCozwM5n/b/NBZ3DX2JukJVAlMBBkCAS/sN7oCk7tEBYGM+jN/vdSL+ygmhQrei0FVqvOsXcQ1Eh0MOKT4RjZL0FOb5cLWjWiNz/UUkxIRdAGAfPDCzH/9zcxc9zwisnWNFqIoWKOgkIgiDviacAACb8XU//cZrbpfIYNzPHvY1AMCNzxe/rje+gOIXnNWiC4SqW2RQscdlzg+T9wBAVhKDjhlfppJcAkT3yLBm78gAhOp8JYb7fbpGhhAAQNmvyHa59BQqfikYXSJDIBzewQVs2au7CBohWnE5i8CYl65AxFuIoFXGe2beLT2a2n6WghMDYK/4izCImO9qcG4/o7FgUwBEEyEND6FKbBctsCe8CQCSqbACABZADF+YDR8z83ktzVP9pwZARPDxhr3Q4a6zs7wMKQh4bY1X37YhfcQEtz0uR1MAoCeOkjn0LZTWf3SFkZqCSBMRrKrXApDr37CpcEHETaTf/EATrDs0rLVeS8wZVAtYxaZAe7zKj5fEPBBAm9gHDBVrPhkA8AEH9Gzty5Pcu0EAAW1AeQn/Y5+2REGpPdHa/pGF8akOtAup+FXqdd7kpe5aF6iiW0PnGYAG0AYNmRlg6g9T3gVCJze7wCA+NwzeehdowGzUIZO7wKjWNEw+A9AA2rMaMjPgWR1ngzEzAxpAe1ZDtp4B/wGmkx9uXKTG5wAAAABJRU5ErkJggg==') !default;\n\n$dropzone-thumbnail-width:  160px !default;\n$dropzone-thumbnail-height: 120px !default;\n$dropzone-preview-padding:  10px !default;\n\n$dropzone-progress-height:  8px !default;\n\n//== Summernote\n//\n\n$summernote-statusbar-bg:                    $panel-default-heading-bg !default;\n\n$summernote-dropzone-color:                  lightskyblue !default;\n$summernote-dropzone-active-color:           darken($summernote-dropzone-color, 30) !default;\n$summernote-dropzone-bg:                     #fff !default;\n$summernote-dropzone-opacity:                .9 !default;\n$summernote-color-palette-border:            #fff !default;\n$summernote-color-palette-hover-border:      #000 !default;\n$summernote-dimension-unhighlighted-opacity: 1 !default;\n\n//== Markdown editor\n//\n\n$bootstrap-markdown-fullscreen-bg:        #fff !default;\n\n$bootstrap-markdown-fullscreen-font-size: 20px !default;\n\n$bootstrap-markdown-preview-padding-x:    16px !default;\n$bootstrap-markdown-preview-padding-y:    12px !default;\n\n//== Perfect-scrollbar\n//\n\n$ps-border-radius:                99px !default;\n\n$ps-rail-default-opacity:         0 !default;\n$ps-rail-container-hover-opacity: 0.6 !default;\n$ps-rail-hover-opacity:           0.9 !default;\n\n$ps-bar-bg:                       transparent !default;\n$ps-bar-container-hover-bg:       #aaa !default;\n$ps-bar-hover-bg:                 #999 !default;\n$ps-rail-hover-bg:                #eee !default;\n\n$ps-scrollbar-x-rail-bottom:      3px !default;\n$ps-scrollbar-x-rail-height:      4px !default;\n$ps-scrollbar-x-bottom:           0 !default;\n$ps-scrollbar-x-height:           $ps-scrollbar-x-rail-height !default;\n\n$ps-scrollbar-y-rail-right:       3px !default;\n$ps-scrollbar-y-rail-width:       4px !default;\n$ps-scrollbar-y-right:            0 !default;\n$ps-scrollbar-y-width:            $ps-scrollbar-y-rail-width !default;\n\n//== Ion.RangeSlider\n//\n\n$ionrangeslider-default-color:            #fff !default;\n$ionrangeslider-default-bg:               $gray-light !default;\n\n$ionrangeslider-line-color:               #E1E4E9 !default;\n$ionrangeslider-min-max-color:            #999 !default;\n$ionrangeslider-min-max-bg:               #e1e4e9 !default;\n$ionrangeslider-grid-color:               #e1e4e9 !default;\n$ionrangeslider-grid-text-color:          #999 !default;\n$ionrangeslider-shadow-color:             rgba(0, 0, 0, .25) !default;\n\n$ionrangeslider-bar-height:               10px !default;\n$ionrangeslider-slider-height:            16px !default;\n\n// Bullet\n\n$ionrangeslider-bullet-button-color:      #fff !default;\n\n$ionrangeslider-bullet-bar-height:        6px !default;\n$ionrangeslider-bullet-button-size:       18px !default;\n$ionrangeslider-bullet-button-point-size: 6px !default;\n\n//== jQuery Sortable\n//\n\n$jquery-sortable-dragged-opacity: .7 !default;\n\n//== Toastr\n//\n\n$toastr-default-bg:       #7f8c8d !default;\n$toastr-progress-bar-bg:  rgba(0, 0, 0, .4) !default;\n\n$toastr-icon-size:        26px !default;\n$toastr-icon-font-family: FontAwesome !default;\n$toastr-icon-success:     \"\\f00c\" !default;\n$toastr-icon-error:       \"\\f057\" !default;\n$toastr-icon-info:        \"\\f129\" !default;\n$toastr-icon-warning:     \"\\f071\" !default;\n\n//== Date Range Picker\n//\n\n$daterangepicker-width:       278px !default;\n$daterangepicker-padding:     4px !default;\n\n$daterangepicker-cell-size:   20px !default;\n$daterangepicker-cell-width:  $daterangepicker-cell-size !default;\n$daterangepicker-cell-height: $daterangepicker-cell-size !default;\n\n$daterangepicker-border:      #eee !default;\n$daterangepicker-hover-bg:    #f3f3f3 !default;\n$daterangepicker-range-bg:    #eff8fc !default;\n$daterangepicker-off-color:   #bbb !default;\n\n//== Bootstrap Tags Input\n//\n\n$bs-tagsinput-tag-height:    19px !default;\n$bs-tagsinput-padding:       floor(((($line-height-base * $font-size-base) + $padding-base-vertical * 2) - $bs-tagsinput-tag-height) / 2) !default;\n\n$bs-tagsinput-tag-height-sm: 17px !default;\n$bs-tagsinput-padding-sm:    floor(((($line-height-small * $font-size-small) + $padding-small-vertical * 2) - $bs-tagsinput-tag-height-sm) / 2) !default;\n\n$bs-tagsinput-tag-height-lg: 21px !default;\n$bs-tagsinput-padding-lg:    floor(((($line-height-large * $font-size-large) + $padding-large-vertical * 2) - $bs-tagsinput-tag-height-lg) / 2) !default;\n\n//== Seiyria Bootstrap Slider\n//\n\n$bs-slider-vertical-height: 210px !default;\n$bs-slider-default-bg:      $gray-light !default;\n$bs-slider-line-color:      #E1E4E9 !default;\n$bs-slider-bar-height:      6px !default;\n$bs-slider-handle-color:    #fff !default;\n$bs-slider-handle-size:     16px !default;\n$bs-slider-tick-size:       12px !default;\n$bs-slider-label-color:     #999 !default;\n$bs-slider-label-font-size: 11px !default;\n\n//== noUiSlider\n//\n\n$nouislider-vertical-height:       210px !default;\n$nouislider-default-bg:            $gray-light !default;\n$nouislider-line-color:            #E1E4E9 !default;\n$nouislider-bar-height:            10px !default;\n$nouislider-handle-color:          #fff !default;\n$nouislider-handle-height:         20px !default;\n$nouislider-handle-width:          30px !default;\n$nouislider-handle-stripes-height: $nouislider-handle-height - 8 !default;\n$nouislider-tick-size:             8px !default;\n$nouislider-tick-label-color:      #999 !default;\n$nouislider-tick-label-font-size:  10px !default;\n\n//== Charts\n//\n\n$c3-axis-color:      rgba(0, 0, 0, .2) !default;\n$c3-guide-color:     rgba(0, 0, 0, .4) !default;\n$c3-text-color:      rgba(0, 0, 0, .8) !default;\n$c3-arcs-background: #e0e0e0 !default;\n$c3-arcs-stroke:     #fff !default;\n\n//== Widgets\n//\n\n$widget-default-padding-x:                  15px !default;\n$widget-default-padding-y:                  8px !default;\n$widget-default-border-color:               $panel-inner-border !default;\n\n$widget-activity-item-padding-x:            $widget-default-padding-x !default;\n$widget-activity-item-padding-y:            12px !default;\n$widget-activity-avatar-size:               34px !default;\n$widget-activity-avatar-border-radius:      $border-radius-base !default;\n$widget-activity-icon-size:                 20px !default;\n$widget-activity-icon-font-size:            10px !default;\n$widget-activity-content-spacer:            3px !default;\n\n$widget-profile-heading-padding-y:          15px !default;\n$widget-profile-image-size:                 52px !default;\n$widget-profile-centered-image-size:        70px !default;\n\n$widget-messages-item-padding-x:            $widget-default-padding-x !default;\n$widget-messages-item-padding-y:            $widget-default-padding-y !default;\n\n$widget-messages-alt-item-padding-x:        $widget-default-padding-x !default;\n$widget-messages-alt-item-padding-y:        12px !default;\n$widget-messages-alt-avatar-size:           32px !default;\n$widget-messages-alt-avatar-border-radius:  $border-radius-base !default;\n\n$widget-notifications-item-padding-x:       $widget-default-padding-x !default;\n$widget-notifications-item-padding-y:       $widget-default-padding-y !default;\n$widget-notifications-icon-size:            26px !default;\n$widget-notifications-icon-font-size:       14px !default;\n\n$widget-tasks-item-padding-x:               $widget-default-padding-x !default;\n$widget-tasks-item-padding-y:               $widget-default-padding-y !default;\n\n$widget-rating-color:                       $text-muted !default;\n$widget-rating-active-color:                #ffd700 !default;\n$widget-rating-hover-color:                 lighten($widget-rating-active-color, 20%) !default;\n$widget-rating-spacer:                      .15384615384615em !default;\n\n$widget-support-tickets-item-padding-x:     $widget-default-padding-x !default;\n$widget-support-tickets-item-padding-y:     12px !default;\n\n$widget-comments-item-padding-x:            $widget-default-padding-x !default;\n$widget-comments-item-padding-y:            12px !default;\n$widget-comments-avatar-size:               32px !default;\n$widget-comments-avatar-border-radius:      $border-radius-base !default;\n$widget-comments-content-spacer:            3px !default;\n\n$widget-tree-comments-item-padding-x:       $widget-default-padding-x !default;\n$widget-tree-comments-item-padding-y:       14px !default;\n$widget-tree-comments-avatar-size:          32px !default;\n$widget-tree-comments-avatar-border-radius: $border-radius-base !default;\n\n$widget-threads-item-padding-x:             $widget-default-padding-x !default;\n$widget-threads-item-padding-y:             12px !default;\n$widget-threads-avatar-size:                32px !default;\n$widget-threads-avatar-border-radius:       $border-radius-base !default;\n\n$widget-chat-item-padding-x:                $widget-default-padding-x !default;\n$widget-chat-item-padding-y:                14px !default;\n$widget-chat-text-padding-x:                14px !default;\n$widget-chat-text-padding-y:                8px !default;\n$widget-chat-avatar-size:                   40px !default;\n$widget-chat-avatar-border-radius:          $border-radius-base !default;\n$widget-chat-text-bg:                       #f4f4f4 !default;\n\n$widget-followers-item-padding-x:           $widget-default-padding-x !default;\n$widget-followers-item-padding-y:           12px !default;\n$widget-followers-avatar-size:              32px !default;\n$widget-followers-avatar-border-radius:     $border-radius-base !default;\n\n$widget-probucts-overlay-bg:                rgba(255, 255, 255, .25) !default;\n$widget-probucts-overlay-bg-inverted:       rgba(0, 0, 0, .3) !default;\n\n$widget-pricing-padding-x:                  20px !default;\n$widget-pricing-padding-y:                  40px !default;\n$widget-pricing-section-spacer:             30px !default;\n$widget-pricing-active-bg:                  #fafafa !default;\n\n$widget-timeline-section-width:             120px !default;\n$widget-timeline-line-width:                2px !default;\n$widget-timeline-bullet-size:               8px !default;\n$widget-timeline-info-width:                90px !default;\n$widget-timeline-icon-size:                 30px !default;\n$widget-timeline-icon-font-size:            13px !default;\n$widget-timeline-item-spacer:               30px !default;\n","//\n// Mixins / Utilities\n// --------------------------------------------------\n\n@mixin pixel-text-color($color) {\n  &,\n  &:hover,\n  &:focus,\n  &:active,\n  &[href],\n  a {\n    color: darken($color, $utilities-text-darken) !important;\n  }\n\n  &[href],\n  a {\n    &:hover,\n    &:focus,\n    &:active {\n      color: darken($color, $utilities-text-darken + 10%) !important;\n    }\n  }\n}\n\n@mixin pixel-bg-color($background, $color: #fff) {\n  background-color: $background !important;\n  border-color: desaturate(darken($background, 9%), 6%) !important;\n\n  &[href]:hover { background-color: desaturate(darken($background, 3%), 6%) !important; }\n\n  & & { border-color: desaturate(darken($background, 9%), 6%) !important; }\n\n  &.darken,\n  & &.darken {\n    background-color: desaturate(darken($background, 3%), 6%) !important;\n    border-color: desaturate(darken($background, 12%), 6%) !important;\n\n    &[href]:hover { background-color: desaturate(darken($background, 6%), 6%) !important; }\n  }\n\n  &.darker,\n  & &.darker {\n    background-color: desaturate(darken($background, 6%), 6%) !important;\n    border-color: desaturate(darken($background, 14%), 6%) !important;\n\n    &[href]:hover { background-color: desaturate(darken($background, 9%), 6%) !important; }\n  }\n\n  @include pixel-text-color($color);\n\n  &[href],\n  a {\n    &:hover,\n    &:focus,\n    &:active {\n      color: $color !important;\n    }\n  }\n\n  .text-muted,\n  .text-muted:hover,\n  .text-muted:focus,\n  .text-muted:active,\n  .text-muted[href],\n  .text-muted a {\n    color: rgba(255, 255, 255, .6) !important;\n  }\n}\n\n@mixin pixel-border-color($border) {\n  border-color: $border !important;\n}\n\n@mixin pixel-colors($name, $color) {\n  .bg-#{$name} {\n    @include pixel-bg-color($color);\n  }\n\n  .text-#{$name} {\n    @include pixel-text-color($color);\n  }\n\n  .border-#{$name} {\n    @include pixel-border-color($color);\n  }\n}\n","//\n// Mixins / Tables\n// --------------------------------------------------\n\n@mixin table-variant($state, $color, $background, $border: $background, $form-control-no-border: true) {\n  $header-border: darken(desaturate($border, 15%), 12%);\n  $header-background: darken(desaturate($background, 8%), 6%);\n\n  .table-#{$state} .table,\n  .table-#{$state}.table {\n    margin: 0;\n    border-top-color: $header-border !important;\n  }\n\n  .table-#{$state} {\n    margin-bottom: $line-height-computed;\n\n    thead,\n    thead tr,\n    thead th,\n    .table-header {\n      border-color: $header-border !important;\n      color: $color;\n    }\n\n    thead tr,\n    thead th {\n      background: $header-background;\n    }\n\n    .table-header {\n      background: $background;\n\n      @if $form-control-no-border { .form-control { border: none; } }\n    }\n  }\n}\n\n@mixin table-context-variant($state, $color) {\n  .table > thead > tr > td.#{$state},\n  .table > thead > tr > th.#{$state},\n  .table > thead > tr.#{$state} > td,\n  .table > thead > tr.#{$state} > th,\n  .table > tbody > tr > td.#{$state},\n  .table > tbody > tr > th.#{$state},\n  .table > tbody > tr.#{$state} > td,\n  .table > tbody > tr.#{$state} > th,\n  .table > tfoot > tr > td.#{$state},\n  .table > tfoot > tr > th.#{$state},\n  .table > tfoot > tr.#{$state} > td,\n  .table > tfoot > tr.#{$state} > th {\n    color: $color;\n  }\n}\n\n@mixin table-theme($color, $background) {\n  @include table-variant(primary, $color, $background);\n}\n","//\n// Mixins / Forms\n// --------------------------------------------------\n\n@mixin pixel-form-state($state, $color, $background, $border) {\n  .has-#{$state} {\n    .form-control { border-color: $border; }\n\n    .input-group-addon {\n      color: $color;\n      border-color: $border !important;\n      background-color: $background;\n    }\n\n    .form-control-feedback { color: $border; }\n  }\n}\n\n@mixin form-message-variant($state, $color, $background, $border, $color-dark, $background-dark, $border-dark) {\n  .has-#{$state} .form-message {\n    color: $color;\n  }\n\n  .has-#{$state} .form-message.light,\n  .has-#{$state}.form-message-light .form-message {\n    color: $color;\n    border-color: $border;\n    background: $background;\n\n    &:after{\n      border-bottom-color: $background;\n    }\n  }\n\n  .has-#{$state} .form-message.dark,\n  .has-#{$state}.form-message-dark .form-message {\n    $stripes-color: rgba(255, 255, 255, .05);\n\n    color: $color-dark;\n    border-color: $border-dark;\n    background: $background-dark;\n    background-image: linear-gradient(45deg, $stripes-color 25%, transparent 25%, transparent 50%, $stripes-color 50%, $stripes-color 75%, transparent 75%, transparent);\n\n    &:after{\n      border-bottom-color: $background-dark;\n    }\n  }\n}\n\n@mixin form-theme($border) {\n  .form-control:focus,\n  .has-success .form-control:focus,\n  .has-warning .form-control:focus,\n  .has-error .form-control:focus {\n    border-color: $border;\n  }\n}\n","//\n// Mixins / Buttons\n// --------------------------------------------------\n\n@mixin pixel-button-outline-colorless-base($color, $border) {\n  color: $color;\n  border-color: $border;\n  background: none;\n\n  &.disabled,\n  &:disabled,\n  fieldset[disabled] & {\n    &,\n    &:active {\n      color: $color;\n      border-color: $border !important;\n      background: none;\n    }\n  }\n}\n\n@mixin pixel-button-base($color, $background, $border, $postfix: \"\") {\n  $selector: \".btn#{$postfix}\";\n\n  $hover-background: darken($background, 3%);\n  $hover-border: darken($border, 2%);\n\n  $active-background: darken($background, 6%);\n  $active-border: darken($border, 10%);\n  $active-hover-background: darken($background, 8%);\n\n  #{$selector} {\n    color: $color;\n    border-color: $border;\n    background: $background;\n  }\n\n  #{$selector}.btn-outline {\n    color: $hover-border;\n    border-color: $border;\n    background: none;\n  }\n\n  #{$selector},\n  #{$selector}.btn-outline {\n    &:hover,\n    &:focus,\n    &.focus {\n      color: $color;\n      border-color: $hover-border;\n      border-bottom-color: darken($hover-border, 18%);\n      background: $hover-background;\n    }\n  }\n\n  #{$selector}:active,\n  #{$selector}.active,\n  .open > #{$selector}.dropdown-toggle,\n  #{$selector}.btn-outline:active,\n  #{$selector}.btn-outline.active,\n  .open > #{$selector}.dropdown-toggle.btn-outline {\n    color: $color;\n    border-color: $active-border;\n    background: $active-background;\n\n    &:hover,\n    &:focus,\n    &.focus {\n      border-color: $active-border;\n      background: $active-hover-background;\n    }\n  }\n\n  // 3D buttons\n  //\n\n  #{$selector}.btn-3d,\n  #{$selector}.btn-3d.btn-outline {\n    &:hover,\n    &:focus,\n    &.focus {\n      border-bottom-color: darken($border, 10%);\n    }\n  }\n\n  #{$selector}.btn-3d:active,\n  #{$selector}.btn-3d.active,\n  .open > #{$selector}.dropdown-toggle.btn-3d {\n    &,\n    &:hover,\n    &:focus,\n    &.focus {\n      background: $hover-background;\n    }\n  }\n\n  // Disabled state\n  //\n\n  #{$selector}.disabled,\n  #{$selector}[disabled],\n  fieldset[disabled] #{$selector} {\n    border-color: $border !important;\n    background: $background !important;\n  }\n\n  #{$selector}.btn-outline.disabled,\n  #{$selector}.btn-outline[disabled],\n  fieldset[disabled] #{$selector}.btn-outline {\n    color: $hover-border;\n    border-color: $border !important;\n    background: none !important;\n  }\n\n  #{$selector}.disabled.active,\n  #{$selector}[disabled].active,\n  fieldset[disabled] #{$selector}.active {\n    color: $color !important;\n    border-color: $active-border !important;\n    background: $active-background !important;\n  }\n}\n\n@mixin pixel-button-variant($state, $color, $background, $border) {\n  @include pixel-button-base($color, $background, $border, \"-#{$state}\");\n}\n\n@mixin button-theme($color, $background, $border) {\n  @include pixel-button-variant(primary, $color, $background, $border);\n}\n","//\n// Mixins / Px Navbar\n// --------------------------------------------------\n\n@mixin px-navbar-theme($bg, $border-color, $link-color, $link-hover-color, $link-hover-bg, $brand-bg, $brand-link-color, $brand-link-hover-color, $collapse-border-color, $collapse-dropdown-bg, $collapse-dropdown-border-color, $form-control-bg, $form-control-border-color, $form-control-color, $scrollbar-color, $scrollbar-rail-color, $collapse-bg: $bg, $shadow: \"none\", $enable-transitions: true) {\n  .px-navbar {\n    color: $link-color;\n    box-shadow: #{$shadow};\n\n    .navbar-nav a,\n    .dropdown-menu a {\n      color: $link-color;\n\n      &:hover,\n      &:focus,\n      &:active {\n        color: $link-hover-color;\n        background: $link-hover-bg;\n      }\n    }\n\n    li.active,\n    .dropdown.open,\n    .dropdown.active {\n      > a,\n      > a:hover,\n      > a:focus,\n      > a:active {\n        color: $link-hover-color;\n        background: $link-hover-bg;\n      }\n    }\n\n    .navbar-nav li:hover,\n    .dropdown-menu li:hover {\n      background: none;\n    }\n\n    .navbar-brand { background: none !important; }\n\n    form.navbar-form .form-control {\n      color: $form-control-color;\n      border-color: $form-control-border-color !important;\n      background: $form-control-bg;\n    }\n\n    .navbar-toggle {\n      color: $link-hover-color;\n\n      .navbar-toggle-icon,\n      .navbar-toggle-icon:before,\n      .navbar-toggle-icon:after {\n        opacity: 1;\n        color: $link-hover-color;\n        background: $link-hover-color;\n      }\n\n      &.collapsed {\n        color: $link-color;\n\n        .navbar-toggle-icon,\n        .navbar-toggle-icon:before,\n        .navbar-toggle-icon:after {\n          color: $link-color;\n          background: $link-color;\n        }\n      }\n    }\n\n    .ps-scrollbar-x-rail,\n    .ps-scrollbar-y-rail {\n      background-color: $scrollbar-rail-color !important;\n    }\n\n    .ps-scrollbar-x-rail > .ps-scrollbar-x,\n    .ps-scrollbar-y-rail > .ps-scrollbar-y {\n      background-color: $scrollbar-color !important;\n    }\n\n    .navbar-header {\n      color: $link-color;\n\n      @if type-of($bg) == list {\n        background-color: nth($bg, 1);\n        background-image: nth($bg, 2);\n      }\n      @else {\n        background: $bg;\n      }\n\n      a {\n        color: $link-color;\n\n        &:hover,\n        &:focus {\n          color: $link-hover-color;\n          background: $link-hover-bg;\n        }\n      }\n    }\n\n    .dropdown-menu > li.divider {\n      background: $collapse-border-color;\n    }\n\n    @media (max-width: $screen-sm-max) {\n      .navbar-collapse {\n        border-color: $collapse-border-color;\n\n        @if type-of($collapse-bg) == list {\n          background-color: nth($collapse-bg, 1);\n          background-image: nth($collapse-bg, 2);\n        }\n        @else {\n          background: $collapse-bg;\n        }\n      }\n\n      .navbar-nav li,\n      .dropdown-menu li {\n        border-color: $collapse-border-color;\n      }\n\n      .dropdown.open {\n        background: $collapse-dropdown-bg !important;\n        border-color: $collapse-dropdown-border-color;\n      }\n      .dropdown.open li { border-color: $collapse-dropdown-border-color; }\n    }\n\n    @media (min-width: $screen-md-min) {\n      .navbar-collapse {\n        border-color: $border-color;\n\n        @if type-of($bg) == list {\n          background-color: nth($bg, 1);\n          background-image: nth($bg, 2);\n        }\n        @else {\n          background: $bg;\n        }\n      }\n\n      .navbar-nav > li { border-color: $border-color; }\n      .dropdown-menu {\n        @if type-of($collapse-bg) == list {\n          background-color: nth($collapse-bg, 1);\n          background-image: nth($collapse-bg, 2);\n        }\n        @else {\n          background: $collapse-bg;\n        }\n      }\n\n      // Widgets\n      [class^=\"widget-\"],\n      [class*=\" widget-\"] {\n        border-color: $collapse-border-color;\n\n        a,\n        a:hover,\n        a:focus {\n          background: transparent;\n        }\n      }\n\n      @if ($enable-transitions) {\n        .navbar-header a,\n        .navbar-nav > li > a {\n          transition: all .3s;\n        }\n      }\n    }\n  }\n\n  @media (min-width: $px-nav-desktops-breakpoint) {\n    .px-nav-left:not(.px-nav-collapse) ~ .px-navbar .navbar-header {\n      color: $brand-link-color;\n\n      @if type-of($brand-bg) == list {\n        background-color: nth($brand-bg, 1);\n        background-image: nth($brand-bg, 2);\n      }\n      @else {\n        background: $brand-bg;\n      }\n\n      @if ($border-color == transparent) {\n        margin-right: 1px;\n\n        @if type-of($brand-bg) == list {\n          box-shadow: 1px 0 0 0 nth($brand-bg, 1);\n        }\n        @else {\n          box-shadow: 1px 0 0 0 $brand-bg;\n        }\n      }\n\n      a {\n        color: $brand-link-color;\n\n        &:hover,\n        &:focus {\n          color: $brand-link-hover-color;\n        }\n      }\n    }\n  }\n\n  @media (min-width: $px-nav-desktops-breakpoint) {\n    .px-nav-toggle { box-shadow: #{$shadow}; }\n  }\n}\n","//\n// Mixins / Px Nav\n// --------------------------------------------------\n\n@mixin px-nav-nesting($nesting-level, $dir: \"left\") {\n  $path: \" > .px-nav-item > a\";\n\n  @for $i from 1 through $nesting-level {\n    $path: '.px-nav-dropdown-menu ' + $path;\n\n    #{$path},\n    .px-nav-dropdown-menu.px-show #{$path} {\n      padding-#{$dir}: $px-nav-item-padding-horizontal * ($i + 1);\n    }\n  }\n}\n\n@mixin px-nav-collapsed() {\n  .px-nav-content > .px-nav-item > a {\n    text-align: center;\n    padding-left: 0;\n    padding-right: 0;\n\n    @include clearfix();\n\n    .px-nav-label { display: none; }\n\n    .px-nav-icon {\n      margin: 0;\n      font-size: $px-nav-collapsed-icon-font-size;\n      height: $px-nav-collapsed-icon-font-size;\n      display: block;\n      width: auto;\n    }\n\n    .label,\n    .badge {\n      display: none;\n    }\n  }\n\n  .px-nav-content > .px-nav-dropdown {\n    > a:after {\n      right: 7px;\n      transform: rotate(45deg);\n    }\n\n    > .px-nav-dropdown-menu { display: none; }\n  }\n\n  .px-nav-content > .px-nav-dropdown.px-show > a { box-shadow: none !important; }\n\n  &.px-nav-right .px-nav-content > .px-nav-dropdown > a:after {\n    right: auto;\n    left: 7px;\n    transform: rotate(-135deg);\n  }\n\n  html[dir=\"rtl\"] & {\n    .px-nav-content > .px-nav-dropdown > a:after { transform: rotate(-45deg); }\n    &.px-nav-right .px-nav-content > .px-nav-dropdown > a:after { transform: rotate(135deg); }\n  }\n}\n\n@mixin px-nav-theme($toggle-color, $toggle-bg, $bg, $color, $link-hover-color, $link-hover-bg, $dropdown-bg, $dropdown-menu-title-color, $dropdown-menu-title-bg, $active-color, $active-bg, $active-icon-color, $scrollbar-color, $scrollbar-rail-color, $active-dropdown-icon-color: $active-icon-color, $toggle-border-color: false, $border-color: false, $item-border-color: false, $dropdown-item-border-color: false, $box-border-color: transparent, $tooltip-bg: $active-bg, $tooltip-color: $active-color, $dimmer-bg: $px-nav-dimmer-bg, $animate-items: false) {\n  .px-nav {\n    color: $color;\n\n    @if type-of($bg) == list {\n      background-color: nth($bg, 1);\n      background-image: nth($bg, 2);\n    }\n    @else {\n      background: $bg;\n    }\n\n    .ps-scrollbar-x-rail,\n    .ps-scrollbar-y-rail {\n      background-color: $scrollbar-rail-color !important;\n    }\n\n    .ps-scrollbar-x-rail > .ps-scrollbar-x,\n    .ps-scrollbar-y-rail > .ps-scrollbar-y {\n      background-color: $scrollbar-color !important;\n    }\n  }\n\n  .px-nav-dimmer { background: $dimmer-bg; }\n\n  .px-nav-item a {\n    color: $color;\n\n    &:hover,\n    &:focus,\n    &:active {\n      color: $link-hover-color;\n      background: $link-hover-bg;\n    }\n  }\n\n  .px-nav-item.active > a {\n    color: $active-color !important;\n    background: $active-bg;\n\n    .px-nav-icon { color: $active-icon-color; }\n  }\n\n  .px-nav-dropdown.active > a .px-nav-icon { color: $active-dropdown-icon-color; }\n\n  .px-nav-dropdown.active > a {\n    background: none;\n\n    &:hover,\n    &:focus,\n    &:active {\n      background: $link-hover-bg;\n    }\n  }\n\n  .px-nav-tooltip {\n    background: $tooltip-bg;\n    color: $tooltip-color;\n  }\n\n  .px-nav-left .px-nav-tooltip:before { border-right-color: $tooltip-bg; }\n  .px-nav-right .px-nav-tooltip:before { border-left-color: $tooltip-bg; }\n\n  .px-show > a,\n  .px-nav-dropdown-menu-title {\n    background: $dropdown-menu-title-bg !important;\n    color: $dropdown-menu-title-color !important;\n    .px-nav-icon { color: $dropdown-menu-title-color !important; }\n  }\n\n  .px-nav-dropdown-menu { background: $dropdown-bg; }\n\n  .px-nav-toggle {\n    color: $toggle-color;\n\n    @if type-of($toggle-bg) == list {\n      background-color: nth($toggle-bg, 1);\n      background-image: nth($toggle-bg, 2);\n    }\n    @else {\n      background: $toggle-bg;\n    }\n\n    .navbar-toggle-icon,\n    .navbar-toggle-icon:before,\n    .navbar-toggle-icon:after {\n      color: $toggle-color;\n      background: $toggle-color;\n    }\n  }\n\n  .px-nav-box {\n    border-color: $box-border-color;\n    color: $link-hover-color;\n\n    .close {\n      color: $color;\n\n      &:hover,\n      &:focus,\n      &:active {\n        color: $link-hover-color;\n      }\n    }\n\n    .btn-outline {\n      border-color: $box-border-color;\n      color: $color;\n    }\n  }\n\n  &.px-nav-static .px-nav-dropdown > a,\n  &.px-nav-static .px-nav-dropdown > a:hover,\n  &.px-nav-static .px-nav-dropdown > a:focus {\n    color: $color;\n  }\n\n  @if ($border-color) {\n    .px-nav-toggle ~ .px-nav-content { padding-top: $navbar-height + 1; }\n\n    .px-nav-toggle ~ .px-nav-scrollable-area .px-nav-content { padding-top: 1px; }\n\n    .px-nav.px-nav-left {\n      box-shadow: -1px 0 0 $border-color inset;\n\n      .px-nav-content > .px-nav-item > .px-nav-dropdown-menu { margin-right: 1px; }\n      .px-nav-content > .px-nav-item.active > a { box-shadow: -1px 0 0 $border-color inset; }\n    }\n\n    .px-nav.px-nav-right {\n      box-shadow: 1px 0 0 $border-color inset;\n\n      .px-nav-content > .px-nav-item > .px-nav-dropdown-menu { margin-left: 1px; }\n      .px-nav-content > .px-nav-item.active > a { box-shadow: 1px 0 0 $border-color inset; }\n    }\n\n    .px-nav-dropdown-menu.px-show { box-shadow: 0 0 0 1px $border-color; }\n  }\n\n  @if ($item-border-color) {\n    .px-nav-content > .px-nav-item > a,\n    .px-nav-content > .px-nav-item > .px-nav-dropdown-menu,\n    .px-nav-dropdown-menu-title {\n      border-bottom: 1px solid $item-border-color;\n    }\n\n    .px-nav-dropdown-menu-wrapper ~ .px-nav-dropdown-menu-title {\n      border-top: 1px solid $item-border-color;\n      border-bottom: none;\n    }\n\n    .px-nav-dropdown-menu-top.px-show { margin-bottom: 1px !important; }\n  }\n\n  @if ($dropdown-item-border-color) {\n    .px-nav-dropdown-menu .px-nav-item + .px-nav-item > a,\n    .px-nav-dropdown-menu .px-nav-dropdown-menu .px-nav-item > a {\n      border-top: 1px solid $dropdown-item-border-color;\n    }\n  }\n\n  @if ($toggle-border-color) {\n    .px-nav.px-nav-left .px-nav-toggle { border-right: 1px solid $toggle-border-color; }\n    .px-nav.px-nav-right .px-nav-toggle { border-left: 1px solid $toggle-border-color; }\n  }\n\n  @media (max-width: $px-nav-desktops-breakpoint - 1) {\n    .px-nav.px-nav-expand .px-open > a,\n    .px-nav-dropdown-menu .px-open > a {\n      color: $link-hover-color;\n    }\n  }\n\n  @media (min-width: $px-nav-desktops-breakpoint) {\n    .px-nav:not(.px-nav-collapse) .px-open > a,\n    .px-nav-dropdown-menu .px-open > a {\n      color: $link-hover-color;\n    }\n  }\n\n  @if ($animate-items) {\n    .px-nav-item a {\n      transition-property: color, background;\n      transition-duration: $px-nav-transition-duration;\n    }\n  }\n}\n","//\n// Mixins / Px Footer\n// --------------------------------------------------\n\n@mixin px-footer-theme($color, $bg, $link-color, $link-hover-color, $muted-color: false, $hr-color: false, $border-color: false) {\n  $bg-color: $bg;\n\n  @if type-of($bg) == list {\n    $bg-color: nth($bg, 1);\n  }\n\n  $footer-muted-color: if($muted-color, $muted-color, lighten($bg-color, 10%));\n  $footer-hr-color: if($hr-color, $hr-color, lighten($bg-color, 10%));\n\n  .px-footer {\n    background: $bg;\n    color: $color;\n\n    @if ($border-color) {\n      border-color: $border-color;\n    }\n\n    a { color: $link-color; }\n\n    a:hover,\n    a:focus {\n      color: $link-hover-color;\n    }\n\n    hr { border-color: $footer-hr-color; }\n    .text-muted { color: $footer-muted-color !important; }\n  }\n}\n","//\n// Mixins / Labels\n// --------------------------------------------------\n\n@mixin pixel-label-base($color, $background, $outline-border: $background) {\n  border-color: $background;\n  background: $background;\n  color: $color;\n\n  &[href]:hover,\n  &[href]:focus {\n    border-color: darken($background, 4%);\n    background: darken($background, 4%);\n    color: $color;\n  }\n\n  &.label-outline {\n    color: darken($background, 10%);\n    box-shadow: 0 0 0 1px $outline-border inset;\n\n    &[href]:hover,\n    &[href]:focus {\n      color: darken($background, 20%);\n    }\n  }\n\n  &.label-ribbon:before { border-top-color: desaturate(darken($background, 10%), 15%); }\n}\n\n@mixin pixel-label-variant($state, $color, $background, $outline-border: $background) {\n  .label-#{$state},\n  .badge-#{$state},\n  .panel-warning > .panel-heading .badge-#{$state} {\n    @include pixel-label-base($color, $background, $outline-border);\n  }\n}\n\n@mixin label-theme($color, $background) {\n  @include pixel-label-variant(primary, $color, $background);\n}\n","//\n// Mixins / Progress bars\n// --------------------------------------------------\n\n@mixin pixel-progress-bar-base($background) {\n  background-color: $background;\n}\n\n@mixin pixel-progress-bar-variant($state, $background) {\n  .progress .progress-bar.progress-bar-#{$state} {\n    @include pixel-progress-bar-base($background);\n  }\n}\n\n@mixin progress-bar-theme($background) {\n  .progress-bar {\n    @include pixel-progress-bar-base($background);\n  }\n}\n","//\n// Mixins / Dropdowns\n// --------------------------------------------------\n\n@mixin dropdown-multi-column-breakpoint($breakpoint, $media-width) {\n  @media (min-width: $media-width) {\n    .dropdown-column[class^=\"col-#{$breakpoint}-\"],\n    .dropdown-column[class*=\" col-#{$breakpoint}-\"] {\n      display: table-cell;\n\n      > li > a { white-space: normal; }\n\n      + .dropdown-column {\n        border-left: 1px solid $dropdown-divider-bg;\n        border-top: none;\n      }\n    }\n  }\n}\n\n@mixin dropdown-theme($color, $background) {\n  .dropdown-menu > .active > a {\n    &,\n    &:hover,\n    &:focus,\n    &:active {\n      color: $color;\n      background-color: $background;\n    }\n  }\n}\n\n@mixin dropdown-variant($state, $color, $background) {\n  .dropdown-menu.dropdown-menu-#{$state} {\n    > .active > a {\n      color: $color;\n      background-color: $background;\n    }\n\n    > li > a {\n      &:hover,\n      &:focus,\n      &:active {\n        color: $color;\n        background-color: $background;\n      }\n    }\n  }\n}\n","//\n// Mixins / Panels\n// --------------------------------------------------\n\n@mixin pixel-panel-base($color, $background, $border) {\n  border-color: $border !important;\n\n  .panel-heading {\n    background: $background;\n    border-color: $border;\n    color: $color;\n  }\n\n  .panel-heading-text a,\n  &.panel-body-colorful a {\n    color: $color;\n\n    &:hover,\n    &:focus {\n      color: lighten($color, 10%);\n    }\n  }\n\n  .panel-heading-text a,\n  &.panel-body-colorful .panel-body a,\n  &.panel-body-colorful .panel-footer a {\n    text-decoration: underline;\n  }\n\n  .panel-footer { border-color: $border; }\n\n  &.panel-body-colorful {\n    &,\n    .panel-body,\n    .panel-footer {\n      background: $background;\n      color: $color;\n    }\n\n    hr,\n    .panel-body {\n      border-color: $border !important;\n    }\n  }\n}\n\n@mixin pixel-panel-dark-base($color, $background, $border: $background) {\n  &.panel-dark {\n    @include pixel-panel-base($color, $background, $border);\n\n    .panel-heading {\n      .pagination,\n      .pager {\n        a,\n        span {\n          &,\n          &:hover,\n          &:focus {\n            color: $color;\n          }\n        }\n\n        li.active a,\n        li.active span {\n          &,\n          &:hover,\n          &:focus {\n            color: $background;\n          }\n        }\n      }\n\n      .nav-tabs > li > a { color: transparentize($color, .1); }\n    }\n\n    &.panel-body-colorful {\n      .text-muted { color: transparentize($color, .3) !important; }\n\n      .panel-heading,\n      .panel-footer,\n      .panel-body,\n      hr,\n      table,\n      table tr,\n      table th,\n      table td,\n      .list-group-item {\n        border-color: lighten($background, 15%) !important;\n      }\n    }\n  }\n}\n\n@mixin pixel-panel-variant($state, $color, $background, $border, $color-dark, $background-dark, $border-dark: $background-dark) {\n  .panel-#{$state} {\n    @include pixel-panel-base($color, $background, $border);\n    @include pixel-panel-dark-base($color-dark, $background-dark, $border-dark);\n  }\n}\n","//\n// Mixins / Custom forms\n// --------------------------------------------------\n\n@mixin custom-file-control-size-base($font-size, $padding-x, $padding-y, $line-height, $border-radius, $button-margin: $padding-y) {\n  padding: $padding-y $padding-x;\n\n  border-radius: $border-radius;\n\n  font-size: $font-size;\n  line-height: $line-height;\n\n  &:after {\n    padding: $padding-y $padding-x;\n\n    line-height: $line-height;\n\n    @include border-right-radius($border-radius - 1px);\n  }\n\n  + .px-file-buttons {\n    $button-height: ($font-size * $line-height) + ($padding-y * 2) - ($button-margin * 2);\n\n    top: $button-margin + 1px;\n\n    padding-right: $button-margin;\n\n    .btn {\n      height: $button-height;\n      margin-left: $button-margin;\n\n      line-height: $button-height - 2px;\n    }\n  }\n}\n\n@mixin custom-file-control-size($size, $font-size, $padding-x, $padding-y, $line-height, $border-radius, $button-margin: $padding-y) {\n  .custom-file-control.input-#{$size},\n  .form-group-#{$size} .custom-file-control {\n    @include custom-file-control-size-base($font-size, $padding-x, $padding-y, $line-height, $border-radius, $button-margin);\n  }\n}\n\n@mixin custom-control-variant($state, $background, $border: $background) {\n  .custom-control.custom-control-#{$state} {\n    &:hover .custom-control-indicator  { box-shadow: 0 0 0 1px $border inset; }\n\n    &:active .custom-control-indicator,\n    &:active .custom-control-input:checked ~ .custom-control-indicator {\n      background-color: lighten($background, 10%);\n      box-shadow: none;\n    }\n  }\n\n  .custom-control.custom-control-#{$state} .custom-control-input {\n    &:checked ~ .custom-control-indicator {\n      background-color: $background;\n      box-shadow: none;\n    }\n\n    &:focus ~ .custom-control-indicator { box-shadow: 0 0 0 1px $border inset, 0 0 0 1px $custom-control-indicator-bg, 0 0 0 2px $border; }\n\n    &:active ~ .custom-control-indicator {\n      background-color: lighten($background, 10%);\n      box-shadow: none;\n    }\n  }\n\n  .custom-control.custom-control-#{$state} .custom-control-input:checked:disabled ~ .custom-control-indicator,\n  fieldset[disabled] .custom-control.custom-control-#{$state} .custom-control-input:checked ~ .custom-control-indicator {\n    background-color: $background !important;\n    box-shadow: none !important;\n  }\n}\n\n@mixin custom-form-theme($background, $border: $background) {\n  // Checkboxes and radios\n  //\n\n  .custom-control {\n    &:hover .custom-control-indicator  { box-shadow: 0 0 0 1px $border inset; }\n\n    &:active .custom-control-indicator,\n    &:active .custom-control-input:checked ~ .custom-control-indicator {\n      background-color: lighten($background, 10%);\n      box-shadow: none;\n    }\n  }\n\n  .custom-control-input {\n    &:checked ~ .custom-control-indicator {\n      background-color: $background;\n      box-shadow: none;\n    }\n\n    &:focus ~ .custom-control-indicator { box-shadow: 0 0 0 1px $border inset, 0 0 0 1px $custom-control-indicator-bg, 0 0 0 2px $border; }\n\n    &:active ~ .custom-control-indicator {\n      background-color: lighten($background, 10%);\n      box-shadow: none;\n    }\n  }\n\n  .custom-control-input:checked:disabled ~ .custom-control-indicator,\n  fieldset[disabled] .custom-control-input:checked ~ .custom-control-indicator {\n    background-color: $background !important;\n    box-shadow: none !important;\n  }\n\n  // File input\n  //\n\n  .custom-file-input:focus ~ .custom-file-control { border-color: $border; }\n\n  .custom-file-control:hover,\n  .custom-file-control:focus,\n  .custom-file-control:active {\n    border-color: $border;\n  }\n}\n","//\n// Mixins / Tooltips\n// --------------------------------------------------\n\n@mixin pixel-tooltip-variant($state, $background, $color: #fff) {\n  .tooltip-#{$state} {\n    .tooltip-inner {\n      background-color: $background;\n      color: $color;\n    }\n\n    &.top .tooltip-arrow,\n    &.top-left .tooltip-arrow,\n    &.top-right .tooltip-arrow {\n      border-top-color: $background;\n    }\n\n    &.bottom .tooltip-arrow,\n    &.bottom-left .tooltip-arrow,\n    &.bottom-right .tooltip-arrow {\n      border-bottom-color: $background;\n    }\n\n    &.right .tooltip-arrow { /*@noflip*/ border-right-color: $background; }\n    &.left .tooltip-arrow { /*@noflip*/ border-left-color: $background; }\n  }\n}\n\n@mixin tooltip-theme($background) {\n  @include pixel-tooltip-variant(primary, $background);\n}\n","//\n// Mixins / Popovers\n// --------------------------------------------------\n\n@mixin pixel-popover-base($color, $background, $border) {\n  .popover-title,\n  &.popover-colorful {\n    color: $color;\n\n    background: $background;\n  }\n\n  &,\n  .popover-title,\n  &.popover-colorful {\n    border-color: $border;\n  }\n}\n\n@mixin pixel-popover-variant($state, $color, $background, $border, $color-dark, $background-dark, $border-dark: $background-dark) {\n  .popover-#{$state} {\n    // TODO: Find universal solution\n    border-width: 1px;\n    &.top .arrow { /*@noflip*/ bottom: -$popover-arrow-width - 2px; }\n    &.bottom .arrow { /*@noflip*/ top: -$popover-arrow-width - 2px; }\n    &.left .arrow { /*@noflip*/ right: -$popover-arrow-width - 2px; }\n    &.right .arrow { /*@noflip*/ left: -$popover-arrow-width - 2px; }\n\n    @include pixel-popover-base($color, $background, $border);\n  }\n\n  .popover-#{$state}.popover-dark {\n    @include pixel-popover-base($color-dark, $background-dark, $border-dark);\n\n    &.popover-colorful .popover-title {\n      border-color: lighten($background-dark, 8%);\n    }\n  }\n}\n\n@mixin popover-theme($color, $background, $border: $background) {\n  @include pixel-popover-variant(primary, $color, $background, $border, $color, $background);\n}\n","//\n// Mixins / Navs\n// --------------------------------------------------\n\n@mixin nav-size($size, $padding, $font-size: null) {\n  .nav-#{$size} > li > a {\n    padding: $padding;\n\n    font-size: $font-size;\n\n    @content;\n  }\n}\n\n@mixin nav-base($color, $background, $border: darken($background, 5%)) {\n  > li.active > a {\n    &,\n    &:hover,\n    &:focus {\n      color: $color;\n      background: $background;\n    }\n  }\n\n  &.nav-tabs > li.active > a { border-bottom-color: $border !important; }\n}\n\n@mixin nav-theme($color, $background, $border: darken($background, 5%)) {\n  .nav {\n    @include nav-base($color, $background, $border);\n  }\n}\n\n@mixin nav-variant($state, $color, $background, $border: darken($background, 5%)) {\n  .nav.nav-#{$state} {\n    @include nav-base($color, $background, $border);\n  }\n}\n","//\n// Mixins / Pagination\n// --------------------------------------------------\n\n@mixin pagination-size($size, $padding, $font-size: null, $border-radius: null) {\n  .pagination-#{$size} > li,\n  .pager-#{$size} > li {\n    > a,\n    > span {\n      padding: $padding;\n\n      font-size: $font-size;\n    }\n  }\n\n  .pagination-#{$size} > li > a,\n  .pagination-#{$size} > li > span {\n    border-radius: $border-radius;\n  }\n}\n\n@mixin pagination-theme($color, $background, $border: $background) {\n  .pagination > li {\n    > a:hover,\n    > a:focus,\n    > a:active {\n      border-color: $border;\n    }\n\n    &.active {\n      > a,\n      > a:hover,\n      > a:focus,\n      > a:active,\n      > span {\n        color: $color;\n        border-color: $border;\n        background: $background;\n      }\n    }\n  }\n\n  .pager li > a {\n    &:hover,\n    &:focus,\n    &:active {\n      border-color: $border;\n    }\n  }\n}\n","//\n// Mixins / Thumbnails\n// --------------------------------------------------\n\n@mixin thumbnail-theme($border) {\n  a.thumbnail:hover,\n  a.thumbnail:focus,\n  a.thumbnail.active,\n  a:hover .thumbnail,\n  a:focus .thumbnail,\n  a.active .thumbnail {\n    border-color: $border !important;\n  }\n}\n","//\n// Mixins / List groups\n// --------------------------------------------------\n\n@mixin list-group-base($color, $background, $border: $background) {\n  .list-group-item.active {\n    color: $color;\n    border-color: $border;\n\n    background: $background;\n\n    .list-group-item-text,\n    .list-group-icon { color: $color; }\n  }\n}\n\n@mixin list-groups-theme($color, $background, $border: $background) {\n  .list-group {\n    @include list-group-base($color, $background, $border);\n  }\n}\n\n@mixin list-groups-variant($state, $color, $background, $border: $background) {\n  .list-group.list-group-#{$state} {\n    @include list-group-base($color, $background, $border);\n  }\n}\n","//\n// Mixins / Switchers\n// --------------------------------------------------\n\n@mixin switcher-size-base($width, $height, $font-size, $label-font-size, $label-line-height) {\n  $btn-spacer: 2px;\n  $lh-computed: round($label-font-size * $label-line-height);\n  $label-vertical-padding: if($height > $lh-computed, round(($height - $lh-computed) / 2), 0);\n\n  padding-top: $label-vertical-padding;\n  padding-bottom: $label-vertical-padding;\n  padding-left: $width + $switcher-spacer-x;\n\n  font-size: $label-font-size;\n  line-height: $label-line-height;\n\n  &.switcher-blank {\n    width: $width;\n    height: $height;\n  }\n\n  .switcher-indicator {\n    width: $width;\n    height: $height;\n    margin-top: -$height / 2;\n\n    font-size: $font-size;\n    line-height: $height;\n  }\n\n  > input:checked ~ .switcher-indicator:after { left: $width - $height; }\n\n  .switcher-indicator:after {\n    width: $height - $btn-spacer * 2;\n    height: $height - $btn-spacer * 2;\n    margin: $btn-spacer 0 0 $btn-spacer;\n  }\n\n  .switcher-no { padding-left: $height - $btn-spacer; }\n  .switcher-yes { padding-right: $height - $btn-spacer; }\n}\n\n@mixin switcher-size($state, $width, $height, $font-size, $label-font-size, $label-line-height) {\n  .switcher-#{$state},\n  .form-group-#{$state} .switcher {\n    @include switcher-size-base($width, $height, $font-size, $label-font-size, $label-line-height);\n  }\n}\n\n@mixin switcher-base($color, $background) {\n  > input:checked ~ .switcher-indicator {\n    color: $color;\n    background: $background;\n  }\n\n  // Active state\n  > input:focus ~ .switcher-indicator:after,\n  > input:active ~ .switcher-indicator:after,\n  &:active .switcher-indicator:after {\n    box-shadow: 0 0 0 1px $background inset;\n  }\n}\n\n@mixin switcher-variant($state, $color, $background) {\n  .switcher-#{$state} {\n    @include switcher-base($color, $background);\n  }\n}\n\n@mixin switcher-theme($color, $background) {\n  @include switcher-variant(primary, $color, $background);\n}\n","//\n// Mixins / Plugins / Select2\n// --------------------------------------------------\n\n\n@mixin select2-size-base($font-size, $line-height, $border-radius, $padding-vertical, $padding-horizontal, $choice-spacer: $select2-choice-spacer, $choice-font-size: 85%, $choice-line-height: 1.909em) {\n  font-size: $font-size;\n\n  .select2-selection {\n    border-radius: $border-radius;\n\n    line-height: $line-height;\n  }\n\n  .select2-selection__rendered { line-height: $line-height; }\n  .select2-selection--single .select2-selection__rendered { padding: $padding-vertical $padding-horizontal; }\n  .select2-selection--single .select2-selection__arrow { padding: $padding-vertical $padding-horizontal $padding-vertical 0; }\n  .select2-selection--multiple .select2-selection__rendered { padding: ($padding-vertical - $choice-spacer) ($padding-vertical - $choice-spacer) $padding-vertical $padding-vertical; }\n\n  .select2-selection__choice {\n    margin: $choice-spacer $choice-spacer 0 0;\n\n    font-size: $choice-font-size;\n    line-height: $choice-line-height;\n  }\n\n  .select2-selection__clear { line-height: $font-size * $line-height; }\n\n  .select2-search--inline .select2-search__field {\n    margin-top: $choice-spacer;\n\n    font-size: $font-size;\n    line-height: $line-height;\n  }\n}\n\n@mixin select2-size($size, $font-size, $line-height, $border-radius, $padding-vertical, $padding-horizontal, $choice-spacer, $choice-font-size: 85%, $choice-line-height: 1.909em) {\n  .select2-container.select2-#{$size},\n  .select2-#{$size} + .select2-container,\n  .form-group-#{$size} .select2-container {\n    @include select2-size-base($font-size, $line-height, $border-radius, $padding-vertical, $padding-horizontal, $choice-spacer, $choice-font-size, $choice-line-height);\n  }\n}\n\n@mixin select2-base($background) {\n  .select2-selection__choice,\n  + .select2-container .select2-selection__choice {\n    background-color: $background;\n  }\n}\n\n@mixin select2-variant($state, $background) {\n  .select2-#{$state} {\n    @include select2-base($background);\n  }\n}\n\n@mixin select2-state-variant($state, $border-color) {\n  .has-#{$state} .select2-selection { border-color: $border-color; }\n}\n\n@mixin select2-theme($color, $background, $border) {\n  @include select2-variant(primary, $background);\n\n  .select2-results__option--highlighted[aria-selected] {\n    color: $color;\n    background: $background;\n  }\n\n  .select2-container--focus,\n  .select2-container--open {\n    .select2-selection,\n    .select2-dropdown {\n      border-color: $border;\n    }\n  }\n}\n","//\n// Mixins / Plugins / Bootstrap-datepicker\n// --------------------------------------------------\n\n@mixin datepicker-theme($color, $background) {\n  .datepicker {\n    thead th { color: $color; }\n\n    .datepicker-switch,\n    .prev,\n    .next {\n      background: $background;\n\n      &:hover { background: lighten($background, 3%); }\n    }\n\n    .dow,\n    thead .cw {\n      border-top: 1px solid darken(desaturate($background, 20%), 10%);\n\n      background: darken(desaturate($background, 20%), 5%);\n    }\n\n    .active,\n    .range-start,\n    .range-end {\n      &,\n      &:hover {\n        color: $color !important;\n        background: $background !important;\n      }\n    }\n  }\n}\n","//\n// Mixins / Plugins / Bootstrap-timepicker\n// --------------------------------------------------\n\n@mixin timepicker-theme($color, $background) {\n  .timepicker-increment,\n  .timepicker-decrement {\n    &:hover,\n    &:focus {\n      border-color: $background;\n    }\n\n    &:hover {\n      color: $color;\n      background: $background;\n    }\n  }\n}\n","//\n// Mixins / Plugins / Dropzone\n// --------------------------------------------------\n\n@mixin dropzone-theme($background, $border: $background) {\n  .dz-upload-icon { background-color: $background; }\n  .dropzone-box.dz-drag-hover { border-color: $border; }\n}\n","//\n// Mixins / Plugins / Ion.RangeSlider\n// --------------------------------------------------\n\n@mixin ionrangeslider-base($color, $bg) {\n  .irs-bar,\n  .irs-bar-edge,\n  .irs-slider:after {\n    background: $bg;\n  }\n\n  .irs-slider.state_hover:after,\n  .irs-slider:hover:after {\n    background: darken($bg, 20%);\n  }\n\n  .irs-from,\n  .irs-to,\n  .irs-single {\n    color: $color;\n    background: $bg;\n\n    &:after { border-top-color: $bg; }\n  }\n}\n\n@mixin ionrangeslider-variant($state, $color, $bg) {\n  .px-irs-#{$state} {\n    @include ionrangeslider-base($color, $bg);\n  }\n}\n\n@mixin ionrangeslider-theme($color, $bg) {\n  @include ionrangeslider-variant(primary, $color, $bg);\n}\n","//\n// Mixins / Plugins / Date Range Picker\n// --------------------------------------------------\n\n@mixin daterangepicker-theme($color, $background) {\n  .daterangepicker .calendar td.active,\n  .daterangepicker .calendar th,\n  .daterangepicker .ranges .active,\n  .daterangepicker .ranges li:hover,\n  .daterangepicker .ranges li:focus {\n    background: $background;\n    color: $color;\n  }\n\n  .daterangepicker .calendar th { border-color: $background; }\n\n  .daterangepicker select:focus {\n    border-color: $background;\n  }\n\n  .daterangepicker .calendar th.available:hover {\n    background: lighten($background, 3%);\n  }\n\n  .daterangepicker .calendar thead tr + tr th {\n    border-top-color: darken(desaturate($background, 20%), 10%) !important;\n    background: darken(desaturate($background, 20%), 5%) !important;\n  }\n\n  .daterangepicker select:focus {\n\n  }\n}\n","//\n// Mixins / Plugins / Bootstrap Tags Input\n// --------------------------------------------------\n\n@mixin bs-tagsinput-theme($border) {\n  .bootstrap-tagsinput.focus {\n    border-color: $border !important;\n  }\n}\n\n@mixin bs-tagsinput-state-variant($state, $border-color) {\n  .has-#{$state} .bootstrap-tagsinput { border-color: $border-color; }\n}\n\n@mixin bs-tagsinput-size-base($tag-height, $padding, $border-radius) {\n  .bootstrap-tagsinput {\n    padding: $padding $padding 0;\n\n    border-radius: $border-radius;\n\n    line-height: $tag-height;\n  }\n\n  .bootstrap-tagsinput input {\n    height: $tag-height;\n    margin: 0 0 $padding 0 !important;\n\n    line-height: $tag-height;\n  }\n\n  .bootstrap-tagsinput .tag {\n    height: $tag-height;\n    margin: 0 $padding $padding 0;\n    padding-right: $tag-height;\n\n    line-height: $tag-height;\n  }\n\n  .bootstrap-tagsinput .tag [data-role=\"remove\"] {\n    width: $tag-height;\n    height: $tag-height;\n\n    line-height: $tag-height;\n  }\n}\n\n@mixin bs-tagsinput-size($size, $tag-height, $padding, $border-radius) {\n  .bootstrap-tagsinput-#{$size},\n  .form-group-#{$size} {\n    @include bs-tagsinput-size-base($tag-height, $padding, $border-radius);\n  }\n}\n","//\n// Mixins / Plugins / Seiyria Bootstrap Slider\n// --------------------------------------------------\n\n@mixin bs-slider-base($color) {\n  .slider-selection,\n  .slider-selection.tick-slider-selection,\n  .slider-tick.in-selection,\n  .slider-reversed .slider-track-high,\n  .slider-reversed .slider-tick {\n    background: $color;\n  }\n}\n\n@mixin bs-slider-variant($state, $color) {\n  .slider-#{$state} {\n    @include bs-slider-base($color);\n\n    &.slider-reversed .slider-track-high,\n    &.slider-reversed .slider-tick {\n      background: $color;\n    }\n  }\n}\n\n@mixin bs-slider-theme($color) {\n  @include bs-slider-variant(primary, $color);\n}\n","//\n// Mixins / Plugins / noUiSlider\n// --------------------------------------------------\n\n@mixin nouislider-base($color) {\n  .noUi-connect { background: $color; }\n}\n\n@mixin nouislider-variant($state, $color) {\n  .noUi-#{$state} {\n    @include nouislider-base($color);\n  }\n}\n\n@mixin nouislider-theme($color) {\n  @include nouislider-variant(primary, $color);\n\n  .noUi-active:before,\n  .noUi-active:after {\n    background: $color;\n  }\n}\n","//\n// Mixins / Widgets / Pricing\n// --------------------------------------------------\n\n@mixin widget-pricing-theme($border-color) {\n  *:not(.panel) {\n    .widget-pricing .widget-pricing-item { border-color: $border-color; }\n\n\n    // Simple\n    //\n\n    .widget-pricing-simple {\n      .widget-pricing-item {\n        border-color: rgba($border-color, 0);\n      }\n\n      .widget-pricing-active {\n        border-color: $border-color;\n      }\n    }\n\n    // Hover\n    .widget-pricing-simple.widget-pricing-hover:hover {\n      .widget-pricing-item {\n        border-color: rgba($border-color, 0);\n      }\n\n      .widget-pricing-item:hover {\n        border-color: $border-color;\n      }\n    }\n\n\n    // Expanded\n    //\n\n    .widget-pricing-expanded .widget-pricing-item { border-color: $border-color; }\n\n    // Simple\n    .widget-pricing-expanded.widget-pricing-simple .widget-pricing-active,\n    .widget-pricing-expanded.widget-pricing-simple.widget-pricing-hover:hover .widget-pricing-item {\n      border-color: $border-color;\n    }\n  }\n}\n","//\n// Mixins / Widgets / Timeline\n// --------------------------------------------------\n\n@mixin widget-timeline-theme($line-color, $section-bg: $line-color, $section-color: $text-color, $bullet-bg: $line-color, $icon-bg: $line-color, $icon-color: $text-color, $time-bg: $line-color, $time-color: $text-color) {\n  .widget-timeline:before,\n  .widget-timeline:after {\n    background: $line-color;\n  }\n\n  .widget-timeline-section {\n    color: $section-color;\n    background: $section-bg;\n  }\n\n  .widget-timeline-bullet:before,\n  .widget-timeline-icon:before,\n  .widget-timeline-image:before {\n    background: $line-color;\n  }\n\n  .widget-timeline-bullet {\n    background: $bullet-bg;\n  }\n\n  .widget-timeline-icon {\n    background: $icon-bg;\n    color: $icon-color;\n  }\n\n  .widget-timeline-time {\n    color: $time-color;\n    background: $time-bg;\n  }\n}\n","//\n// Mixins / PixelAdmin\n// --------------------------------------------------\n\n@mixin pixel-theme($primary-color, $primary-text-color, $primary-border-color, $body-bg, $panel-border-color, $px-navbar, $px-nav, $px-footer, $header-bg: transparent, $header-border-color: false, $timeline-bg: false){\n\n  // Base / Default\n  //\n\n  @include px-base-theme(\n    $body-bg:             $body-bg,\n    $panel-border-color:  $panel-border-color,\n    $header-bg:           $header-bg,\n    $header-border-color: $header-border-color\n  );\n  @include pixel-colors(primary, $primary-color);\n  @include table-theme($primary-text-color, $primary-color);\n  @include form-theme($primary-color);\n  @include button-theme($primary-text-color, $primary-color, $primary-border-color);\n\n  // Elements\n  //\n\n  @if mixin-exists(px-navbar-theme) {\n    @include px-navbar-theme($px-navbar...);\n  }\n  @if mixin-exists(px-nav-theme) {\n    @include px-nav-theme($px-nav...);\n  }\n  @if mixin-exists(px-footer-theme) {\n    @include px-footer-theme($px-footer...);\n  }\n  @if mixin-exists(label-theme) {\n    @include label-theme($primary-text-color, $primary-color);\n  }\n  @if mixin-exists(progress-bar-theme) {\n    @include progress-bar-theme($primary-color);\n  }\n  @if mixin-exists(dropdown-theme) {\n    @include dropdown-theme($primary-text-color, $primary-color);\n  }\n  @if mixin-exists(pixel-panel-variant) {\n    @include pixel-panel-variant(primary,\n      $primary-text-color, $primary-color, $primary-border-color, // Light\n      $primary-text-color, $primary-color // Dark\n    );\n  }\n  @if mixin-exists(custom-form-theme) {\n    @include custom-form-theme($primary-color);\n  }\n  @if mixin-exists(tooltip-theme) {\n    @include tooltip-theme($primary-color);\n  }\n  @if mixin-exists(popover-theme) {\n    @include popover-theme($primary-text-color, $primary-color, $primary-border-color);\n  }\n  @if mixin-exists(nav-theme) {\n    @include nav-theme($primary-text-color, $primary-color);\n  }\n  @if mixin-exists(pagination-theme) {\n    @include pagination-theme($primary-text-color, $primary-color);\n  }\n  @if mixin-exists(thumbnail-theme) {\n    @include thumbnail-theme($primary-color);\n  }\n  @if mixin-exists(list-groups-theme) {\n    @include list-groups-theme($primary-text-color, $primary-color);\n  }\n  @if mixin-exists(switcher-theme) {\n    @include switcher-theme($primary-text-color, $primary-color);\n  }\n\n\n  // Plugins\n  //\n\n  @if mixin-exists(pace-theme) {\n    @include pace-theme($primary-color);\n  }\n  @if mixin-exists(select2-theme) {\n    @include select2-theme($primary-text-color, $primary-color, $primary-color);\n  }\n  @if mixin-exists(datepicker-theme) {\n    @include datepicker-theme($primary-text-color, $primary-color);\n  }\n  @if mixin-exists(timepicker-theme) {\n    @include timepicker-theme($primary-text-color, $primary-color);\n  }\n  @if mixin-exists(dropzone-theme) {\n    @include dropzone-theme($primary-color);\n  }\n  @if mixin-exists(ionrangeslider-theme) {\n    @include ionrangeslider-theme($primary-text-color, $primary-color);\n  }\n  @if mixin-exists(daterangepicker-theme) {\n    @include daterangepicker-theme($primary-text-color, $primary-color);\n  }\n  @if mixin-exists(bs-tagsinput-theme) {\n    @include bs-tagsinput-theme($primary-color);\n  }\n  @if mixin-exists(bs-slider-theme) {\n    @include bs-slider-theme($primary-color);\n  }\n  @if mixin-exists(nouislider-theme) {\n    @include nouislider-theme($primary-color);\n  }\n\n  // Widgets\n  //\n\n  @if mixin-exists(widget-pricing-theme) {\n    @include widget-pricing-theme($panel-border-color);\n  }\n  @if mixin-exists(widget-timeline-theme) {\n    @if($timeline-bg) {\n      @include widget-timeline-theme($timeline-bg);\n    }\n    @else {\n      @if type-of($body-bg) == list {\n        @include widget-timeline-theme(darken(nth($body-bg, 1), 6%));\n      }\n      @else {\n        @include widget-timeline-theme(darken($body-bg, 6%));\n      }\n    }\n  }\n}\n\n// Generate colors\n\n@mixin pixel-color-variant($name, $color, $text) {\n\n  @include pixel-colors($name, $color);\n  @include table-variant($name, $text, $color);\n  @include pixel-button-variant($name, $text, $color, desaturate(darken($color, 5%), 10%));\n\n  @if mixin-exists(dropdown-variant) {\n    @include dropdown-variant($name, $text, $color);\n  }//\n\n  @if mixin-exists(nav-variant) {\n    @include nav-variant($name, $text, $color);\n  }//\n\n  @if mixin-exists(pixel-label-variant) {\n    @include pixel-label-variant($name, $text, $color);\n  }//\n\n  @if mixin-exists(pixel-alert-variant) {\n    @include pixel-alert-variant($name, $text, $color, darken($color, 5%));\n    @include pixel-alert-dark-variant($name, $color);\n  }//\n\n  @if mixin-exists(pixel-progress-bar-variant) {\n    @include pixel-progress-bar-variant($name, $color);\n  }//\n\n  @if mixin-exists(list-groups-variant) {\n    @include list-groups-variant($name, $text, $color);\n  }//\n\n  @if mixin-exists(pixel-panel-dark-base) {\n    .panel-#{$name} {\n      @include pixel-panel-dark-base($text, $color);\n    }\n  }//\n\n  @if mixin-exists(panel-wizard-base) {\n    .panel-#{$name}.panel-dark.panel-body-colorful .panel-wizard {\n      @include panel-wizard-base($text, $color, lighten($color, 15%));\n    }\n  }//\n\n  @if mixin-exists(pixel-tooltip-variant) {\n    @include pixel-tooltip-variant($name, $color, $text);\n  }//\n\n  @if mixin-exists(pixel-popover-variant) {\n    @include pixel-popover-variant($name, $text, $color, $color, $text, $color);\n  }//\n\n  @if mixin-exists(panel-group-variant) {\n    @include panel-group-variant($name, $text, $color);\n  }//\n\n  @if mixin-exists(switcher-variant) {\n    @include switcher-variant($name, $text, $color);\n  }//\n\n  @if mixin-exists(custom-control-variant) {\n    @include custom-control-variant($name, $color);\n  }//\n}\n"],"sourceRoot":"../../scss"}