// @Author: songqi
// @Date:   2016-06-29 23:06:00
// @Email:  songqi@benmu-health.com
// @Last modified by:   songqi
// @Last modified time: 2017-02-22


//== Colors
$brand-primary:             #558c89 !default;
$brand-info:                #40bbea !default;
$brand-danger:              #bc070d !default;
$brand-success:             #72a230 !default;
$brand-warning:             #cc9500 !default;

$gray-base:              #000 !default;
$gray-darker:            #2c2e2f !default;
$gray-dark:              #313437 !default;
$gray:                   #777 !default;
$gray-light:             #979898 !default; //
$gray-lighter:           #eee !default;
$gray-lightest:          #f8f8f8 !default;

$link-blue:             #40bbea !default;
$link-blue-hover:       #18a8df !default;



//== Font path
$font-path:                  "//img.benmu-health.com/bmfe-vue2-base/fonts/1.0.0/" !default;

//== Background-image path
$image-path-base:            "//img.benmu-health.com/bmfe-vue2-base/images/" !default;


//== Scaffolding

//** Background color for `<body>`.
$body-bg:               #fff !default;
$text-color:             $gray-darker !default;
$link-color:             $brand-primary !default;
$link-hover-color:       darken($link-color, 15%) !default;
$link-hover-decoration:  underline !default;
//** Text muted color
$text-muted:                  $gray-light !default;

//== Z-index
$zindex-dropdown:          1000 !default;
$zindex-alert:             1000 !default;
$zindex-loading_wrapper:   1000 !default;
$zindex-select-dropdown:   1010 !default;
$zindex-modal-background:  1040 !default;
$zindex-modal:             1050 !default;




//== Typography
$font-family-sans-serif:  "Helvetica Neue", Helvetica, "Lantinghei SC", "Microsoft YaHei", Arial, sans-serif !default;
$font-family-base:        $font-family-sans-serif !default;

$font-size-base:          14px !default;
$font-size-large:         16px !default;
$font-size-small:         ceil(($font-size-base * 0.85)) !default; // ~12px

$font-size-h1:            48px !default;
$font-size-h2:            36px !default;
$font-size-h3:            24px !default;
$font-size-h4:            ceil(($font-size-base * 1.25)) !default; // ~18px
$font-size-h5:            $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;



//== Disabled cursor for form controls and buttons.
$cursor-disabled:                not-allowed !default;

$line-height-base:        1.42857 !default; // 20/14
$line-height-computed:    floor(($font-size-base * $line-height-base)) !default; // ~20px
$line-height-large:         1.3333333 !default; // extra decimals for Win 8.1 Chrome
$line-height-small:         1.5 !default;

$border-color-base:       #e5e5e5 !default;
$border-radius-base:      0px !default;


//== Grid system
$grid-columns:              12 !default;
$grid-gutter-width:         10px !default;


// Extra small screen / phone
$screen-xs:                  480px !default;

// Small screen / tablet
$screen-sm:                  768px !default;

// Medium screen / desktop
$screen-md:                  992px !default;

// Large screen / wide desktop
$screen-lg:                  1200px !default;

$container-lg:                 1350px !default;
$container-main:               1060px !default;


//== Navs


//== Btns
$btn-height-base:                32px !default;
$btn-padding-vertical:           8px !default;
$btn-padding-horizontal:         45px !default;
$btn-border-radius-base:         0px !default;
$btn-border-radius-large:        $border-radius-base !default;
$btn-border-radius-small:        $border-radius-base !default;

$btn-padding-middle-vertical:     12px !default;
$btn-padding-middle-horizontal:   55px !default;
$btn-border-radius-middle:        25px !default;
$btn-font-size-middle:            16px !default;

$btn-padding-large-vertical:     13px !default;
$btn-padding-large-horizontal:   60px !default;
$btn-border-radius-large:        30px !default;
$btn-font-size-large:            18px !default;

$btn-font-weight:                normal !default;

$btn-default-color:              #333 !default;
$btn-default-bg:                 #fff !default;
$btn-default-border:             #ccc !default;

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

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

$btn-success-color:              #fff !default;
$btn-success-bg:                 $brand-success !default;
$btn-success-border:             darken($btn-success-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;


//== Tables

//** Padding for `<th>`s and `<td>`s.
$table-cell-padding:            10px !default;
//** Padding for cells in `.table-condensed`.
$table-condensed-cell-padding:  5px !default;

//** Default background color used for all tables.
$table-bg:                      transparent !default;
//** Background color used for `.table-striped`.
$table-bg-accent:               #f9f9f9 !default;
//** Background color used for `.table-hover`.
$table-bg-hover:                #f5f5f5 !default;
$table-bg-active:               $table-bg-hover !default;

//** Border color for table and cell borders.
$table-border-color:            #ddd !default;


//== Forms
$input-bg:                      #fff !default;
$input-color:                   #444 !default;
$input-color-placeholder:       $gray-light !default;
$input-border:                  $border-color-base !default;
$input-border-focus:            $brand-info !default;
$input-border-radius:           $border-radius-base !default;
$input-height-base:             32px !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;



//** Background color for textual input addons
$input-group-addon-bg:           $gray-lighter !default;
//** Border color for textual input addons
$input-group-addon-border-color: $input-border !default;


//== Modal
$modal-inner-padding:         15px !default;
$modal-title-padding:         15px !default;
$modal-title-line-height:     $line-height-base !default;
$modal-content-bg:                             #fff !default;
$modal-content-border-color:                   rgba(0,0,0,.2) !default;
$modal-content-fallback-border-color:          #999 !default;
$modal-backdrop-bg:           #000 !default;
$modal-backdrop-opacity:      .5 !default;
$modal-header-border-color:   #e5e5e5 !default;
$modal-footer-border-color:   $modal-header-border-color !default;
$modal-lg:                      900px !default;
$modal-md:                      600px !default;
$modal-sm:                      400px !default;

//== Pagination
$pagination-color:                     $gray !default;
$pagination-bg:                        #fff !default;
$pagination-border:                    $border-color-base !default;

$pagination-hover-color:               $link-hover-color !default;
$pagination-hover-bg:                  $gray-lightest !default;
$pagination-hover-border:              #ddd !default;

$pagination-active-color:              #fff !default;
$pagination-active-bg:                 $brand-primary !default;
$pagination-active-border:             $brand-primary !default;

$pagination-disabled-color:            $gray-light !default;
$pagination-disabled-bg:               #fff !default;
$pagination-disabled-border:           #ddd !default;

// == form
$form-group-margin-bottom:            15px;
