$patternfly-sass-asset-helper: false !default;
//
// Variables
// --------------------------------------------------
// Bootstrap overrides and PatternFly-specific variables

// PatternFly-specific
// -------------------
@import "color-variables";

$bootstrap-switch-handle-default-bg-color:                          $color-pf-black-100 !default;
$btn-default-bg-img-start:                                          $color-pf-black-100 !default;
$btn-default-bg-img-stop:                                           $color-pf-black-200 !default;
$btn-xs-font-weight:                                                400 !default;
$card-pf-accented-border-top-color:                                 $color-pf-blue-300 !default;
$card-pf-aggregate-status-title-icon-color:                         $color-pf-black-900 !default;
$card-pf-bg-color:                                                  $color-pf-white !default;
$card-pf-border-color:                                              $color-pf-black-300 !default;
$card-pf-border-top-color:                                          transparent !default;
$card-pf-container-bg-color:                                        $color-pf-black-150 !default;
$card-pf-footer-bg-color:                                           $color-pf-black-100 !default;
$card-pf-selected-border-color:                                     $color-pf-blue-300 !default;
$donut-font-size-big:                                               30px !default;
$dropdown-divider-margin:                                           4px 1px !default;
$dropdown-link-active-border-color:                                 $color-pf-blue !default;
$dropdown-link-hover-border-color:                                  $color-pf-blue-100 !default;
$dropdown-link-focus-color:                                         $color-pf-white !default;
$flyout-transition-pf:                                              all .2s cubic-bezier(.35,0,.25,1) !default;
$font-family-monospace:                                             Menlo, Monaco, Consolas, monospace !default;
$font-path:                                                         if($patternfly-sass-asset-helper, "patternfly", "/node_modules/patternfly/dist/fonts") !default;
$fa-font-path:                                                      if($patternfly-sass-asset-helper, "patternfly", "/node_modules/patternfly/dist/fonts") !default;
$fa-font-size-base:                                                 14px;
$fa-line-height-base:                                               1;
$fa-css-prefix:                                                     fa;
$footer-pf-bg-color:                                                $color-pf-black !default;
$footer-pf-padding-left:                                            25px !default;
$footer-pf-padding-top:                                             10px !default;
$footer-pf-height:                                                  37px !default;
$gray-light-pf:                                                     $color-pf-black-400 !default;
$gray-pf:                                                           $color-pf-black-700 !default;
$icon-font-name-fa:                                                 "fontawesome-webfont" !default;
$icon-font-name-pf:                                                 "PatternFlyIcons-webfont" !default;
$icon-prefix:                                                       pficon !default;
$img-bg-login:                                                      "bg-login.jpg" !default;
$img-path:                                                          if($patternfly-sass-asset-helper, "patternfly/", "../images/patternfly") !default;
$img-spinner:                                                       "spinner.gif" !default;
$img-spinner-inverse:                                               "spinner-inverse.gif" !default;
$img-spinner-inverse-lg:                                            "spinner-inverse-lg.gif" !default;
$img-spinner-inverse-sm:                                            "spinner-inverse-sm.gif" !default;
$img-spinner-inverse-xs:                                            "spinner-inverse-xs.gif" !default;
$img-spinner-lg:                                                    "spinner-lg.gif" !default;
$img-spinner-sm:                                                    "spinner-sm.gif" !default;
$img-spinner-xs:                                                    "spinner-xs.gif" !default;
$input-border-hover:                                                $color-pf-blue-200 !default;
$input-border-focus:                                                $color-pf-blue-400 !default;
$list-view-accented-border:                                         $color-pf-blue-300 !default;
$list-view-active-bg:                                               $color-pf-blue-50 !default;
$list-view-divider:                                                 $color-pf-black-300 !default;
$list-view-hover-bg:                                                $color-pf-black-200 !default;
$list-group-top-border:                                             $color-pf-black-200 !default;
$login-bg-color:                                                    $color-pf-black !default;
$dropdown-bg:                                                       $color-pf-white !default;
$login-container-bg-color-rgba:                                     rgba($color-pf-white, 0.055) !default;
$modal-about-pf-bg-img:                                             "bg-modal-about-pf.png" !default;
$modal-title-padding-horizontal:                                    18px !default;
$modal-title-padding-vertical:                                      10px !default;
$navbar-pf-active-color:                                            $color-pf-black-150 !default;
$navbar-pf-alt-active-color:                                        $color-pf-white !default;
$navbar-pf-alt-bg-color:                                            $color-pf-black !default;
$navbar-pf-alt-bg-img:                                              "bg-navbar-pf-alt.svg" !default;
$navbar-pf-bg-color:                                                $color-pf-black !default;
$navbar-pf-border-color:                                            $color-pf-blue-300 !default;
$navbar-pf-color:                                                   $color-pf-black-300 !default;
$navbar-pf-height:                                                  60px !default;
$navbar-pf-icon-bar-bg-color:                                       $color-pf-white !default;
$navbar-pf-navbar-navbar-brand-min-width:                           270px !default;
$navbar-pf-navbar-navbar-brand-padding:                             8px 0 7px !default;
$navbar-pf-navbar-navbar-persistent-bg-color:                       $color-pf-black-150 !default;
$navbar-pf-navbar-navbar-persistent-border-color:                   $color-pf-black-300 !default;
$navbar-pf-vertical-active-color:                                   $color-pf-white !default;
$navbar-pf-vertical-bg-color:                                       #1d1d1d !default;
$navbar-pf-vertical-bg-repeat:                                      no-repeat !default;
$navbar-pf-vertical-bg-size:                                        auto 100% !default;
$navbar-pf-vertical-border-color:                                   $color-pf-blue-300 !default;
$navbar-pf-vertical-border-style:                                   solid !default;
$navbar-pf-vertical-border-width:                                   2px !default;
$navbar-pf-vertical-color:                                          $color-pf-black-300 !default;
$navbar-pf-vertical-height:                                         60px !default;
$navbar-pf-vertical-icon-bar-bg-color:                              $color-pf-white !default;
$navbar-pf-vertical-navbar-brand-color:                             $color-pf-white !default;
$navbar-pf-vertical-navbar-brand-icon-margin:                       0 15px 0 0 !default;
$navbar-pf-vertical-navbar-brand-margin:                            0 0 0 25px !default;
$navbar-pf-vertical-navbar-brand-min-height:                        35px !default;
$navbar-pf-vertical-navbar-brand-name-breakpoint:                   480px !default;
$navbar-pf-vertical-navbar-brand-name-margin:                       0 15px 0 0 !default;
$navbar-pf-vertical-navbar-brand-padding:                           11px 0 12px !default;
$navbar-pf-vertical-navbar-toggle-margin:                           13px 15px !default;
$navbar-pf-vertical-navbar-toggle-icon-bar-hover-bg:                $color-pf-white !default;
$navbar-pf-vertical-nav-item-iconic-padding:                        21px 12px !default;
$nav-pf-container-transition-period:                                0.25s !default;
$nav-pf-menu-transition-period:                                     0.1s !default;
$nav-pf-vertical-active-color:                                      $color-pf-white !default;
$nav-pf-vertical-active-before-color:                               $color-pf-blue-300 !default;
$nav-pf-vertical-active-bg-color:                                   $color-pf-black-800 !default;
$nav-pf-vertical-active-border-color:                               $color-pf-black-900 !default;
$nav-pf-vertical-active-font-weight:                                600 !default;
$nav-pf-vertical-active-icon-color:                                 $color-pf-blue-300 !default;
$nav-pf-vertical-badge-color:                                       $color-pf-white !default;
$nav-pf-vertical-badge-bg-color:                                    $color-pf-black-900 !default;
$nav-pf-vertical-bg-color:                                          $color-pf-black-900 !default;
$nav-pf-vertical-border-color:                                      $color-pf-black-900 !default;
$nav-pf-vertical-collapsed-width:                                   75px !default;
$nav-pf-vertical-color:                                             $color-pf-black-300 !default;
$nav-pf-vertical-font-weight:                                       400 !default;
$nav-pf-vertical-icon-color:                                        $color-pf-black-600 !default;
$nav-pf-vertical-icon-width:                                        24px !default;
$nav-pf-vertical-item-border-color:                                 $color-pf-black !default;
$nav-pf-vertical-link-height:                                       63px !default;
$nav-pf-vertical-link-padding:                                      17px 20px 17px 25px !default;
$nav-pf-vertical-secondary-active-color:                            $color-pf-white !default;
$nav-pf-vertical-secondary-active-bg-color:                         $color-pf-black-700 !default;
$nav-pf-vertical-secondary-active-icon-color:                       $color-pf-blue-300 !default;
$nav-pf-vertical-secondary-badge-color:                             $color-pf-white !default;
$nav-pf-vertical-secondary-badge-bg-color:                          $color-pf-black-900 !default;
$nav-pf-vertical-secondary-border-color:                            $color-pf-blue-300 !default;
$nav-pf-vertical-secondary-color:                                   $color-pf-white !default;
$nav-pf-vertical-secondary-header-margin:                           18px 20px 10px 20px !default;
$nav-pf-vertical-secondary-indicator-color:                         $color-pf-black-600 !default;
$nav-pf-vertical-secondary-indicator-padding:                       14px 0 !default;
$nav-pf-vertical-secondary-item-color:                              $color-pf-black-300 !default;
$nav-pf-vertical-secondary-item-padding:                            0 0 5px 0 !default;
$nav-pf-vertical-secondary-link-height:                             63px !default;
$nav-pf-vertical-secondary-link-padding:                            4px 0 2px 0 !default;
$nav-pf-vertical-secondary-list-header-margin:                      30px 20px 10px 20px !default;
$nav-pf-vertical-tertiary-active-color:                            $color-pf-white !default;
$nav-pf-vertical-tertiary-active-bg-color:                          $color-pf-black-800 !default;
$nav-pf-vertical-tertiary-indicator-padding:                        0 !default;
$nav-pf-vertical-tertiary-bg-color:                                 $color-pf-black-700 !default;
$nav-pf-vertical-tertiary-color:                                    #fff !default;
$nav-pf-vertical-tertiary-header-margin:                            18px 20px 10px 20px !default;
$nav-pf-vertical-tertiary-list-header-margin:                       30px 20px 10px 20px !default;
$nav-pf-vertical-tertiary-item-padding:                             0 0 5px 0 !default;
$nav-pf-vertical-tertiary-item-color:                               $color-pf-black-300 !default;
$nav-pf-vertical-tertiary-link-margin:                              0 20px 0 20px !default;
$nav-pf-vertical-tertiary-link-padding:                             4px 0 2px 0 !default;
$nav-pf-vertical-tertiary-badge-color:                              $color-pf-white !default;
$nav-pf-vertical-tertiary-badge-bg-color:                           $color-pf-black-900 !default;
$nav-pf-vertical-width:                                             200px !default;
$pagination-padding-small-vertical:                                 0 !default;
$panel-default-border-color:                                        $color-pf-black-400 !default;
$pficon-var-add-circle-o:                                           "\e61b" !default;
$pficon-var-middleware:                                                 "\e917" !default;
$pficon-var-blueprint:                                              "\e915" !default;
$pficon-var-build:                                                  "\e902" !default;
$pficon-var-builder-image:                                          "\e800" !default;
$pficon-var-bundle:                                                 "\e918" !default;
$pficon-var-close:                                                  "\e60b" !default;
$pficon-var-cloud-security:                                         "\e903" !default;
$pficon-var-cloud-tenant:                                           "\e904" !default;
$pficon-var-cluster:                                                "\e620" !default;
$pficon-var-container-node:                                         "\e621" !default;
$pficon-var-cpu:                                                    "\e905" !default;
$pficon-var-delete:                                                 "\e611" !default;
$pficon-var-edit:                                                   "\e60a" !default;
$pficon-var-enterprise:                                             "\e906" !default;
$pficon-var-error-circle-o:                                         "\e61d" !default;
$pficon-var-export:                                                 "\e616" !default;
$pficon-var-flag:                                                   "\e603" !default;
$pficon-var-flavor:                                                 "\e907" !default;
$pficon-var-folder-close:                                           "\e607" !default;
$pficon-var-folder-open:                                            "\e606" !default;
$pficon-var-help:                                                   "\e605" !default;
$pficon-var-history:                                                "\e617" !default;
$pficon-var-home:                                                   "\e618" !default;
$pficon-var-image:                                                  "\e61f" !default;
$pficon-var-import:                                                 "\e615" !default;
$pficon-var-info:                                                   "\e604" !default;
$pficon-var-kubernetes:                                             "\e627" !default;
$pficon-var-memory:                                                 "\e908" !default;
$pficon-var-network:                                                "\e909" !default;
$pficon-var-ok:                                                     "\e602" !default;
$pficon-var-openshift:                                              "\e626" !default;
$pficon-var-private:                                                "\e914" !default;
$pficon-var-print:                                                  "\e612" !default;
$pficon-var-project:                                                "\e622" !default;
$pficon-var-regions:                                                "\e90a" !default;
$pficon-var-registry:                                               "\e623" !default;
$pficon-var-replicator:                                             "\e624" !default;
$pficon-var-repository:                                             "\e90b" !default;
$pficon-var-resource-pool:                                          "\e90c" !default;
$pficon-var-resources-almost-full:                                  "\e912" !default;
$pficon-var-resources-full:                                         "\e913" !default;
$pficon-var-restart:                                                "\e613" !default;
$pficon-var-route:                                                  "\e625" !default;
$pficon-var-running:                                                "\e614" !default;
$pficon-var-save:                                                   "\e601" !default;
$pficon-var-screen:                                                 "\e600" !default;
$pficon-var-server:                                                 "\e90d" !default;
$pficon-var-service:                                                "\e61e" !default;
$pficon-var-settings:                                               "\e610" !default;
$pficon-var-storage-domain:                                         "\e90e" !default;
$pficon-var-tenant:                                                 "\e916" !default;
$pficon-var-thumb-tack-o:                                           "\e609" !default;
$pficon-var-topology:                                               "\e608" !default;
$pficon-var-trend-down:                                             "\e900" !default;
$pficon-var-trend-up:                                               "\e901" !default;
$pficon-var-user:                                                   "\e60e" !default;
$pficon-var-users:                                                  "\e60f" !default;
$pficon-var-virtual-machine:                                        "\e90f" !default;
$pficon-var-volume:                                                 "\e910" !default;
$pficon-var-warning-triangle-o:                                     "\e61c" !default;
$pficon-var-zone:                                                   "\e911" !default;
$pficon-var-user:                                                   "\e60e" !default;
$fa-var-bookmark:                                                   "\F02E" !default;
$fa-var-angle-down:                                                 "\f107" !default;
$fa-var-angle-up:                                                   "\f106" !default;
$fa-var-angle-right:                                                "\f105" !default;
$fa-var-ellipsis-v:                                                 "\f142" !default;
$fa-var-user:                                                       "\F007" !default;
$fa-var-caret:                                                      "\F107" !default;
$progress-description-label-width:                                  85px !default;
$sidebar-pf-bg:                                                     $color-pf-black-100 !default;
$sidebar-pf-border-color:                                           $color-pf-black-300 !default;
$table-border-hover:                                                $color-pf-blue-200 !default;
$table-cell-padding-bottom:                                         3px !default;
$table-cell-padding-top:                                            2px !default;
// Reference variables declared in block above
$bootstrap-switch-bg-color-start:                                   $btn-default-bg-img-start !default;
$bootstrap-switch-bg-color-stop:                                    $btn-default-bg-img-stop !default;
$navbar-pf-navbar-header-border-color:                              lighten($navbar-pf-bg-color, 15%) !default;
$navbar-pf-navbar-nav-active-active-bg-color:                       lighten($navbar-pf-bg-color, 8%) !default;
$navbar-pf-navbar-nav-active-active-open-bg-color:                  lighten($navbar-pf-bg-color, 11%) !default;
$navbar-pf-navbar-nav-active-bg-color:                              lighten($navbar-pf-bg-color, 12.5%) !default;
$navbar-pf-navbar-primary-bg-color-start:                           lighten($navbar-pf-bg-color, 10%) !default; // #474C50
$navbar-pf-navbar-primary-bg-color-stop:                            $navbar-pf-bg-color !default; // #383F43
$navbar-pf-navbar-utility-border-color:                             lighten($navbar-pf-bg-color, 15.5%) !default;
$navbar-pf-navbar-utility-color:                                    $navbar-pf-color !default;
$navbar-pf-navbar-utility-hover-bg-color:                           lighten($navbar-pf-bg-color, 12.5%) !default;
$nav-pf-vertical-secondary-bg-color:                                $nav-pf-vertical-active-bg-color !default;
$nav-tabs-color:                                                    $gray-pf !default;
// Reference variables declared in block above
$navbar-pf-navbar-primary-context-bg-color-start:                   lighten($navbar-pf-navbar-primary-bg-color-start, 8.5%) !default;
$navbar-pf-navbar-primary-context-bg-color-stop:                    lighten($navbar-pf-navbar-primary-bg-color-stop, 11%) !default;
$navbar-pf-navbar-primary-hover-bg-color-start:                     lighten($navbar-pf-navbar-primary-bg-color-start, 10%) !default;
$navbar-pf-navbar-primary-hover-bg-color-stop:                      lighten($navbar-pf-navbar-primary-bg-color-stop, 10%) !default;
$navbar-pf-navbar-primary-hover-border-color:                       lighten($navbar-pf-navbar-header-border-color, 20%) !default;
$navbar-pf-navbar-primary-context-border-color:                     lighten($navbar-pf-navbar-header-border-color, 8%) !default;
$navbar-pf-navbar-primary-context-border-top-color:                 lighten($navbar-pf-navbar-header-border-color, 7%) !default;
$navbar-pf-navbar-utility-hover-border-color:                       lighten($navbar-pf-navbar-utility-border-color, 5%) !default;
$navbar-pf-navbar-utility-open-bg-color:                            lighten($navbar-pf-navbar-utility-hover-bg-color, 7.5%) !default;
$navbar-pf-navbar-utility-open-border-color:                        lighten($navbar-pf-navbar-utility-hover-border-color, 5%) !default;
// Reference variables declared in block above
$navbar-pf-navbar-primary-active-bg-color-start:                    lighten($navbar-pf-navbar-primary-hover-bg-color-start, 5%) !default;
$navbar-pf-navbar-primary-active-bg-color-stop:                     lighten($navbar-pf-navbar-primary-hover-bg-color-stop, 7.5%) !default;
$navbar-pf-navbar-primary-active-border-color:                      lighten($navbar-pf-navbar-primary-hover-border-color, 5%) !default;
$navbar-pf-navbar-primary-context-hover-bg-color-start:             lighten($navbar-pf-navbar-primary-context-bg-color-start, 5%) !default;
$navbar-pf-navbar-primary-context-hover-bg-color-stop:              lighten($navbar-pf-navbar-primary-context-bg-color-stop, 7.5%) !default;
$navbar-pf-navbar-primary-context-hover-border-color:               lighten($navbar-pf-navbar-primary-context-border-color, 5%) !default;
$navbar-pf-navbar-primary-context-hover-border-top-color:           lighten($navbar-pf-navbar-primary-context-border-top-color, 6%) !default;
// Reference variables declared in block above
$navbar-pf-navbar-primary-context-active-bg-color-start:            lighten($navbar-pf-navbar-primary-context-hover-bg-color-start, 5%) !default;
$navbar-pf-navbar-primary-context-active-bg-color-stop:             lighten($navbar-pf-navbar-primary-context-hover-bg-color-stop, 7.5%) !default;
$navbar-pf-navbar-primary-context-active-border-color:              lighten($navbar-pf-navbar-primary-context-hover-border-color, 5%) !default;
$navbar-pf-navbar-primary-context-active-border-top-color:          lighten($navbar-pf-navbar-primary-context-hover-border-top-color, 6%) !default;
// References variable declared in block above
$navbar-pf-navbar-primary-context-active-border-right-color:        $navbar-pf-navbar-primary-context-active-border-color !default;

// Alternate navigation layout - Kept for backwards compatibility
// --------------------------------------------------------------
$footer-pf-alt-bg-color:                                            $footer-pf-bg-color !default;
$footer-pf-alt-padding-left:                                        $footer-pf-padding-left !default;
$footer-pf-alt-padding-top:                                         $footer-pf-padding-top !default;
$footer-pf-alt-height:                                              $footer-pf-height !default;
$img-path-alt:                                                      $img-path !default;
$nav-pf-vertical-alt-active-color:                                  $color-pf-blue-300 !default;
$nav-pf-vertical-alt-bg-color:                                      $color-pf-white !default;
$nav-pf-vertical-alt-badge-color:                                   $color-pf-white !default;
$nav-pf-vertical-alt-border-color:                                  $sidebar-pf-border-color !default;
$nav-pf-vertical-alt-collapsed-width:                               75px !default;
$nav-pf-vertical-alt-link-height:                                   63px !default;
$nav-pf-vertical-alt-link-padding:                                  17px 20px 17px 25px !default;
$nav-pf-vertical-alt-width:                                         250px !default;
$navbar-pf-alt-bg-repeat:                                           $navbar-pf-vertical-bg-repeat !default;
$navbar-pf-alt-bg-size:                                             $navbar-pf-vertical-bg-size !default;
$navbar-pf-alt-border-color:                                        $navbar-pf-vertical-border-color !default;
$navbar-pf-alt-border-style:                                        $navbar-pf-vertical-border-style !default;
$navbar-pf-alt-border-width:                                        $navbar-pf-vertical-border-width !default;
$navbar-pf-alt-color:                                               $navbar-pf-vertical-color !default;
$navbar-pf-alt-height:                                              $navbar-pf-vertical-height !default;
$navbar-pf-alt-nav-item-iconic-padding:                             $navbar-pf-vertical-nav-item-iconic-padding !default;
$navbar-pf-alt-navbar-brand-color:                                  $navbar-pf-vertical-navbar-brand-color !default;
$navbar-pf-alt-navbar-brand-icon-margin:                            $navbar-pf-vertical-navbar-brand-icon-margin !default;
$navbar-pf-alt-navbar-brand-margin:                                 $navbar-pf-vertical-navbar-brand-margin !default;
$navbar-pf-alt-navbar-brand-min-height:                             $navbar-pf-vertical-navbar-brand-min-height !default;
$navbar-pf-alt-navbar-brand-name-breakpoint:                        $navbar-pf-vertical-navbar-brand-name-breakpoint !default;
$navbar-pf-alt-navbar-brand-name-margin:                            $navbar-pf-vertical-navbar-brand-name-margin !default;
$navbar-pf-alt-navbar-brand-padding:                                $navbar-pf-vertical-navbar-brand-padding !default;
$navbar-pf-alt-navbar-toggle-margin:                                $navbar-pf-vertical-navbar-toggle-margin !default;
$navbar-pf-alt-navbar-toggle-icon-bar-hover-bg:                     $navbar-pf-vertical-navbar-toggle-icon-bar-hover-bg !default;

// Bootstrap overrides
// -------------------
$alert-info-border:                                                 $color-pf-black-500 !default;
$alert-link-font-weight:                                            500 !default;
$alert-padding:                                                     11px !default;
$body-bg:                                                           $color-pf-white !default;
$border-radius-base:                                                1px !default;
$brand-danger:                                                      $color-pf-red !default;
$brand-info:                                                        $color-pf-blue-500 !default;
$brand-primary:                                                     $color-pf-blue-300 !default;
$brand-success:                                                     $color-pf-green !default;
$brand-warning:                                                     $color-pf-orange !default;
$breadcrumb-bg:                                                     transparent !default;
$breadcrumb-separator:                                              "\f105" !default;
$btn-danger-color:                                                #fff !default;
$btn-danger-bg:                                                     $color-pf-red-200 !default;
$btn-danger-border:                                                 $color-pf-red-300 !default;
$btn-default-border:                                                $color-pf-black-400 !default;
$btn-font-weight:                                                   600 !default;
$btn-primary-color:                                               #fff !default;
$btn-primary-bg:                                                    $color-pf-blue !default;
$btn-primary-border:                                                $color-pf-blue-500 !default;
// Allows for customizing button radius independently from global border radius
$btn-border-radius-base:                                            $border-radius-base !default;
$btn-border-radius-large:                                           $border-radius-base !default;
$btn-border-radius-small:                                           $border-radius-base !default;
$caret-width-base:                                                  0 !default;
$code-bg:                                                           $color-pf-blue-50 !default;
$dropdown-border:                                                   $color-pf-black-400 !default;
$dropdown-divider-bg:                                               $color-pf-black-200 !default;
$dropdown-link-active-color:                                        $color-pf-white !default;
$dropdown-link-hover-bg:                                            $color-pf-blue-50 !default;
$font-family-base:                                                  "Open Sans", Helvetica, Arial, sans-serif !default;
$font-size-base:                                                    12px !default;
$gray-dark:                                                         lighten($color-pf-black, 20%) !default;   // #333
$gray-darker:                                                       lighten($color-pf-black, 13.5%) !default; // #222
$gray-light:                                                        lighten($color-pf-black, 60%) !default;   // #999
$gray-lighter:                                                      lighten($color-pf-black, 93.5%) !default; // #eee
$grid-gutter-width:                                                 40px !default;
$input-bg-disabled:                                                 $color-pf-black-150 !default;
$input-border:                                                      $color-pf-black-400 !default;
$line-height-base:                                                  1.66666667 !default; // 20/12
$link-color:                                                        $color-pf-blue !default;
$list-group-border:                                                 $color-pf-black-150 !default;
$list-group-border-radius:                                          0 !default;
$list-group-hover-bg:                                               $color-pf-blue-50 !default;
$link-hover-color:                                                  $color-pf-blue-500 !default;
$nav-tabs-border-color:                                             $color-pf-black-200 !default;
$nav-tabs-link-hover-border-color:                                  transparent !default;
$padding-large-horizontal:                                          10px !default;
$padding-base-horizontal:                                           6px !default;
$padding-base-vertical:                                             2px !default;
$padding-large-vertical:                                            6px !default;
$pager-border-radius:                                               0 !default;
$pager-disabled-color:                                              $color-pf-black-500 !default;
$pagination-bg:                                                     $color-pf-black-150 !default;
$pagination-border:                                                 $color-pf-black-400 !default;
$pagination-hover-bg:                                               $color-pf-black-200 !default;
$panel-inner-border:                                                $color-pf-black-300 !default;
$popover-arrow-color:                                               $color-pf-white !default;
$popover-arrow-outer-color:                                         $color-pf-black-400 !default;
$popover-border-color:                                              $color-pf-black-400 !default;
$popover-max-width:                                                 220px !default;
$popover-title-bg:                                                  $color-pf-black-150 !default;
$pre-bg:                                                            $color-pf-black-100 !default;
$progress-bg:                                                       $color-pf-black-200 !default;
$table-bg-accent:                                                   $color-pf-black-150 !default;
$table-bg-hover:                                                    $color-pf-blue-50 !default;
$table-border-color:                                                $color-pf-black-300 !default;
$table-cell-padding:                                                10px !default;
$tooltip-arrow-width:                                               8px !default;
$tooltip-bg:                                                        $color-pf-black-800 !default;
$tooltip-max-width:                                                 220px !default;
// Reference variables declared in block above
$alert-danger-bg:                                                   lighten($color-pf-red-100, 55%) !default;
$alert-danger-border:                                               $brand-danger !default;
$alert-danger-text:                                                 $gray-dark !default;
$alert-info-bg:                                                     $color-pf-black-150 !default;
$alert-info-text:                                                   $gray-dark !default;
$alert-success-bg:                                                  lighten($color-pf-green-100, 8%) !default;
$alert-success-border:                                              $brand-success !default;
$alert-success-text:                                                $gray-dark !default;
$alert-warning-bg:                                                  lighten($color-pf-orange-100, 8%) !default;
$alert-warning-border:                                              $brand-warning !default;
$alert-warning-text:                                                $gray-dark !default;
$badge-border-radius:                                               $border-radius-base !default;
$border-radius-large:                                               $border-radius-base !default;
$border-radius-small:                                               $border-radius-base !default;
$breadcrumb-active-color:                                           $gray-pf !default;
$breadcrumb-color:                                                  $gray-pf !default;
$btn-default-bg:                                                    $gray-lighter !default;
$btn-default-color:                                                 $gray-pf !default;
$btn-success-color:                                                 #fff !default;
$btn-success-bg:                                                    $brand-success !default;
$btn-success-border:                                                darken($btn-success-bg, 5%) !default;
$btn-info-color:                                                    #fff !default;
$btn-info-bg:                                                       $brand-info !default;
$btn-info-border:                                                   darken($btn-info-bg, 5%) !default;
$btn-warning-color:                                                 #fff !default;
$btn-warning-bg:                                                    $brand-warning !default;
$btn-warning-border:                                                darken($btn-warning-bg, 5%) !default;

$btn-danger-color:                                                  #fff !default;
$btn-danger-bg:                                                     $brand-danger !default;
$btn-danger-border:                                                 darken($btn-danger-bg, 5%) !default;

$btn-link-disabled-color:                                           $gray-light !default;
$caret-width-large:                                                 $caret-width-base !default;
$code-color:                                                        $color-pf-blue-600 !default;
$dropdown-fallback-border:                                          $dropdown-border !default;
$dropdown-link-active-bg:                                           $link-color !default;
$dropdown-link-color:                                               $gray-dark !default;
$dropdown-link-hover-color:                                         $gray-pf !default;
$dropdown-link-disabled-color:                                      $gray-light !default;
$dropdown-header-color:                                             $gray-light !default;
$dropdown-caret-color:                                              #000 !default;
$font-size-h1:                                                      ceil(($font-size-base * 2)) !default; // ~24px
$font-size-h2:                                                      ceil(($font-size-base * 1.8333)) !default; // ~22px
$font-size-h3:                                                      ceil(($font-size-base * 1.3333)) !default; // ~16px
$font-size-h5:                                                      ceil(($font-size-base * 1.0833)) !default; // ~13px
$font-size-large:                                                   ceil(($font-size-base * 1.1666)) !default; // ~14px
$font-size-small:                                                   ceil(($font-size-base * .9166)) !default; // ~11px
$input-color:                                                       $gray-dark !default;
$nav-tabs-active-link-hover-color:                                  $link-color !default;
$nav-tabs-justified-link-border-color:                              $nav-tabs-border-color !default;
$padding-small-horizontal:                                          $padding-base-horizontal !default;
$padding-small-vertical:                                            $padding-base-vertical !default;
$panel-danger-border:                                               $brand-danger !default;
$panel-danger-heading-bg:                                           $brand-danger !default;
$panel-info-border:                                                 $brand-info !default;
$panel-info-heading-bg:                                             $brand-info !default;
$panel-primary-text:                                                $body-bg !default;
$panel-success-border:                                              $brand-success !default;
$panel-success-heading-bg:                                          $brand-success !default;
$panel-warning-border:                                              $brand-warning !default;
$panel-warning-heading-bg:                                          $brand-warning !default;
$state-warning-text:                                                $brand-warning !default;
$state-danger-text:                                                 $brand-danger !default;
// Reference variable declared in block above
$nav-pf-vertical-icon-size:                                         ($font-size-base + 8) !default;
$panel-danger-text:                                                 $panel-primary-text !default;
$panel-info-text:                                                   $panel-primary-text !default;
$panel-success-text:                                                $panel-primary-text !default;
$panel-warning-text:                                                $panel-primary-text !default;

// PatternFly-specific variables based on Bootstrap overides
// ---------------------------------------------------------
$bootstrap-switch-bg-color:                                         $btn-default-bg !default;
$btn-danger-bg-img-start:                                           $brand-danger !default;
$btn-danger-bg-img-stop:                                            $btn-danger-bg !default;
$btn-primary-bg-img-start:                                          $brand-primary !default;
$btn-primary-bg-img-stop:                                           $btn-primary-bg !default;
$dropdown-link-focus-bg:                                            $link-color !default;
$line-height-computed:                                              floor(($font-size-base * $line-height-base)) !default;
$line-height-large:                                                 1.3333333 !default; // extra decimals for Win 8.1 Chrome
$line-height-small:                                                 1.5 !default;
$notification-badge-color:                                          $brand-danger !default;
$progress-sm:                                                       ($line-height-computed - 6) !default;
$progress-xs:                                                       ($line-height-computed - 14) !default;
$syntax-1:                                                          $btn-danger-bg !default;
$syntax-2:                                                          $gray-dark !default;
$syntax-3:                                                          $brand-success !default;
$syntax-4:                                                          $brand-info !default;
$tooltip-font-size:                                                 $font-size-base !default;
$padding-base-vertical:                                             6px !default;
$padding-base-horizontal:                                           12px !default;
$padding-large-vertical:                                            10px !default;
$padding-large-horizontal:                                          16px !default;

$padding-small-vertical:                                            5px !default;
$padding-small-horizontal:                                          10px !default;

$padding-xs-vertical:                                               1px !default;
$padding-xs-horizontal:                                             5px !default;

//== Media queries breakpoints
$screen-xs:                                                         480px !default;
$screen-xs-min:                                                     $screen-xs !default;
$screen-phone:                                                      $screen-xs-min !default;
$screen-sm:                                                         768px !default;
$screen-sm-min:                                                     $screen-sm !default;
$screen-tablet:                                                     $screen-sm-min !default;
$screen-md:                                                         992px !default;
$screen-md-min:                                                     $screen-md !default;
$screen-desktop:                                                    $screen-md-min !default;
//** Deprecated `$screen-lg` as of v3.0.1
$screen-lg:                                                         1200px !default;
$screen-lg-min:                                                     $screen-lg !default;
$screen-lg-desktop:                                                 $screen-lg-min !default;
$screen-xs-max:                                                     ($screen-sm-min - 1) !default;
$screen-sm-max:                                                     ($screen-md-min - 1) !default;
$screen-md-max:                                                     ($screen-lg-min - 1) !default;
//== Grid system
$grid-columns:                                                      12 !default;
$grid-gutter-width:                                                 30px !default;
// Navbar collapse
$grid-float-breakpoint:                                             $screen-sm-min !default;
$grid-float-breakpoint-max:                                         ($grid-float-breakpoint - 1) !default;
//=== Shared nav styles
$nav-link-padding:                                                  10px 15px !default;
$nav-link-hover-bg:                                                 $gray-lighter !default;
$nav-disabled-link-color:                                           $gray-light !default;
$nav-disabled-link-hover-color:                                     $gray-light !default;

//== Tabs
$nav-tabs-border-color:                                             #ddd !default;
$nav-tabs-link-hover-border-color:                                  $gray-lighter !default;
$nav-tabs-active-link-hover-bg:                                     $body-bg !default;
$nav-tabs-active-link-hover-color:                                  $gray !default;
$nav-tabs-active-link-hover-border-color:                           #ddd !default;
$nav-tabs-justified-link-border-color:                              #ddd !default;
$nav-tabs-justified-active-link-border-color:                       $body-bg !default;

$cursor-disabled:                                                   not-allowed !default;
$component-active-color:                                            #fff !default;
$component-active-bg:                                               $brand-primary !default;
//== Pills
$nav-pills-border-radius:                                           $border-radius-base !default;
$nav-pills-active-link-hover-bg:                                    $component-active-bg !default;
$nav-pills-active-link-hover-color:                                 $component-active-color !default;
//== Scaffolding

//** Background color for `<body>`.
$body-bg:                                                           #fff !default;
$text-color:                                                        $gray-dark !default;
$link-color:                                                        $brand-primary !default;
$link-hover-color:                                                  darken($link-color, 15%) !default;
$link-hover-decoration:                                             underline !default;
//== Thumbnails
$thumbnail-padding:                                                 4px !default;
$thumbnail-bg:                                                      $body-bg !default;
$thumbnail-border:                                                  #ddd !default;
$thumbnail-border-radius:                                           $border-radius-base !default;
$thumbnail-caption-color:                                           $text-color !default;
$thumbnail-caption-padding:                                         9px !default;
$hr-border:                                                         $gray-lighter !default;

// Basics of a navbar
$navbar-height:                                                     50px !default;
$navbar-margin-bottom:                                              $line-height-computed !default;
$navbar-border-radius:                                              $border-radius-base !default;
$navbar-padding-horizontal:                                         floor(($grid-gutter-width / 2)) !default;
$navbar-padding-vertical:                                           (($navbar-height - $line-height-computed) / 2) !default;
$navbar-collapse-max-height:                                        340px !default;

$navbar-default-color:                                              #777 !default;
$navbar-default-bg:                                                 #f8f8f8 !default;
$navbar-default-border:                                             darken($navbar-default-bg, 6.5%) !default;

//== List group
$list-group-bg:                                                     $color-pf-white !default;
$list-group-border:                                                 #ddd !default;
$list-group-border-radius:                                          $border-radius-base !default;
$list-group-hover-bg:                                               $color-pf-black-150 !default;
$list-group-active-color:                                           $component-active-color !default;
$list-group-active-bg:                                              $component-active-bg !default;
$list-group-active-border:                                          $list-group-active-bg !default;
$list-group-active-text-color:                                      lighten($list-group-active-bg, 40%) !default;
$list-group-disabled-color:                                         $gray-light !default;
$list-group-disabled-bg:                                            $gray-lighter !default;
$list-group-disabled-text-color:                                    $list-group-disabled-color !default;

$list-group-link-color:                                             #555 !default;
$list-group-link-hover-color:                                       $list-group-link-color !default;
$list-group-link-heading-color:                                     #333 !default;
//== Container sizes

// Small screen / tablet
$container-tablet:                                                  (720px + $grid-gutter-width) !default;
$container-sm:                                                      $container-tablet !default;
$container-desktop:                                                 (940px + $grid-gutter-width) !default;
$container-md:                                                      $container-desktop !default;
$container-large-desktop:                                           (1140px + $grid-gutter-width) !default;
$container-lg:                                                      $container-large-desktop !default;

//-- Z-index master list
//
// Warning: Avoid customizing these values. They're used for a bird's eye view
// of components dependent on the z-axis and are designed to all work together.
//
// Note: These variables are not generated into the Customizer.

$zindex-navbar:                                                     1000 !default;
$zindex-dropdown:                                                   1000 !default;
$zindex-popover:                                                    1060 !default;
$zindex-tooltip:                                                    1070 !default;
$zindex-navbar-fixed:                                               1030 !default;
$zindex-modal-background:                                           1040 !default;
$zindex-modal:                                                      1050 !default;

//== Labels
$label-default-bg:                                                  $gray-light !default;
$label-primary-bg:                                                  $brand-primary !default;
$label-success-bg:                                                  $brand-success !default;
$label-info-bg:                                                     $brand-info !default;
$label-warning-bg:                                                  $brand-warning !default;
$label-danger-bg:                                                   $brand-danger !default;
$label-color:                                                       #fff !default;
$label-link-hover-color:                                            #fff !default;
//== Forms
$input-bg:                                                          #fff !default;
$input-color:                                                       $gray !default;
$input-border:                                                      #ccc !default;
$input-border-radius:                                               $border-radius-base !default;
$input-border-radius-large:                                         $border-radius-large !default;
$input-border-radius-small:                                         $border-radius-small !default;
$input-border-focus:                                                #66afe9 !default;
$input-color-placeholder:                                           #999 !default;
//** Default `.form-control` height
$input-height-base:                                                 ($line-height-computed + ($padding-base-vertical * 2) + 2) !default;
$input-height-large:                                                (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default;
$input-height-small:                                                (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;

$form-group-margin-bottom:                                          15px !default;
$legend-color:                                                      $gray-dark !default;
$legend-border-color:                                               #e5e5e5 !default;
//== Form states and alerts

$state-success-text:                                                #3c763d !default;
$state-success-bg:                                                  #dff0d8 !default;
$state-success-border:                                              darken(adjust-hue($state-success-bg, -10), 5%) !default;

$state-info-text:                                                   #31708f !default;
$state-info-bg:                                                     #d9edf7 !default;
$state-info-border:                                                 darken(adjust-hue($state-info-bg, -10), 7%) !default;

$state-warning-text:                                                #8a6d3b !default;
$state-warning-bg:                                                  #fcf8e3 !default;
$state-warning-border:                                              darken(adjust-hue($state-warning-bg, -10), 5%) !default;

$state-danger-text:                                                 #a94442 !default;
$state-danger-bg:                                                   #f2dede !default;
$state-danger-border:                                               darken(adjust-hue($state-danger-bg, -10), 5%) !default;