$gray-base:              #000 !default;
$gray-darker:            lighten($gray-base, 13.5%) !default; // #222
$gray-dark:              lighten($gray-base, 20%) !default;   // #333
$gray:                   lighten($gray-base, 33.5%) !default; // #555
$gray-light:             lighten($gray-base, 46.7%) !default; // #777
$gray-lighter:           lighten($gray-base, 93.5%) !default; // #eee

$brand-primary:         #616161 !default; // #337ab7
$brand-success:         #00C6AE !default;
$brand-info:            #44ADF9 !default;
$brand-fn1:            #6977CF !default;
$brand-fn2:            #485398 !default;
$brand-warning:         #FFB802 !default;
$brand-danger:          #E97426 !default;

$border-radius-base:        3px !default;
$border-radius-large:       5px !default;
$border-radius-small:       2px !default;


//== Form states and alerts
//
//## Define colors for form feedback states and, by default, 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;

//== Panels
//
//##

$panel-bg:                    #fff !default;
$panel-body-padding:          15px !default;
$panel-heading-padding:       10px 15px !default;
$panel-footer-padding:        $panel-heading-padding !default;
$panel-border-radius:         $border-radius-base !default;

//** Border color for elements within panels
$panel-inner-border:          #ddd !default;
$panel-footer-bg:             #f5f5f5 !default;

$panel-default-text:          $gray-dark !default;
$panel-default-border:        #ddd !default;
$panel-default-heading-bg:    #f5f5f5 !default;

$panel-primary-text:          #fff !default;
$panel-primary-border:        $brand-primary !default;
$panel-primary-heading-bg:    $brand-primary !default;

$panel-success-text:          $state-success-text !default;
$panel-success-border:        $state-success-border !default;
$panel-success-heading-bg:    $state-success-bg !default;

$panel-info-text:             $state-info-text !default;
$panel-info-border:           $state-info-border !default;
$panel-info-heading-bg:       $state-info-bg !default;

$panel-warning-text:          $state-warning-text !default;
$panel-warning-border:        $state-warning-border !default;
$panel-warning-heading-bg:    $state-warning-bg !default;

$panel-danger-text:           $state-danger-text !default;
$panel-danger-border:         $state-danger-border !default;
$panel-danger-heading-bg:     $state-danger-bg !default;


//============== ax5picker
$ax5picker-z-index: 2000 !default;
$ax5picker-box-model: border-box !default;
$ax5picker-bg: $panel-bg !default;
$ax5picker-inner-border: 1px solid !default;
$ax5picker-inner-border-color: $panel-inner-border !default;

$ax5picker-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.175) !default;
$ax5picker-border-radius: 5px !default;

$ax5picker-body-padding: 5px !default;
$ax5picker-heading-padding: $panel-heading-padding !default;
$ax5picker-buttons-padding: 10px 0px 5px 0px !default;

$ax5picker-content-border: 0px solid !default;
$ax5picker-content-border-color: none !default;
$ax5picker-content-border-radius: 0px !default;
$ax5picker-content-padding: 0px !default;

$ax5picker-easing-time-open: 0.1s !default;
$ax5picker-easing-time-close: 0.1s !default;
$ax5picker-arrow-size: 10px !default;
$ax5picker-arrow-border-width: 1px !default;

//** Border color for elements within dialog
$ax5picker-default-text: $panel-default-text !default;
$ax5picker-default-border-color: $panel-default-border !default;
$ax5picker-default-heading-bg: $panel-default-heading-bg !default;

$ax5picker-primary-text: $panel-primary-text !default;
$ax5picker-primary-border-color: $panel-primary-border !default;
$ax5picker-primary-heading-bg: $panel-primary-heading-bg !default;

$ax5picker-success-text: $panel-success-text !default;
$ax5picker-success-border-color: $panel-success-border !default;
$ax5picker-success-heading-bg: $panel-success-heading-bg !default;

$ax5picker-info-text: $panel-info-text !default;
$ax5picker-info-border-color: $panel-info-border !default;
$ax5picker-info-heading-bg: $panel-info-heading-bg !default;

$ax5picker-warning-text: $panel-warning-text !default;
$ax5picker-warning-border-color: $panel-warning-border !default;
$ax5picker-warning-heading-bg: $panel-warning-heading-bg !default;

$ax5picker-danger-text: $panel-danger-text !default;
$ax5picker-danger-border-color: $panel-danger-border !default;
$ax5picker-danger-heading-bg: $panel-danger-heading-bg !default;