/*!
 * Copyright 2015 BookingSync SAS.
 * Licensed under MIT (https://github.com/BookingSync/bootstrap-bookingsync-sass/blob/master/LICENSE)
 */

$bootstrap-bookingsync-sass-asset-helper: false !default;

$brand-primary:                 $bs-lightblue !default;
$brand-success:                 $bs-green !default;
$brand-info:                    $bs-lightblue !default;
$brand-warning:                 $bs-yellow !default;
$brand-danger:                  $bs-red !default;

$gray-base:                     $bs-darkblue !default;
$gray-darker:                   $gray-base !default;
$gray-dark:                     #57668B !default; // rgba($gray-base, .75) !default;
$gray:                          #57668B !default; // rgba($gray-base, .75) !default;
$gray-light:                    #8F98B2 !default; // rgba($gray-base, .5) !default;
$gray-lighter:                  #C7CCD8 !default; // rgba($gray-base, .25) !default;
$gray-lightest:                 #DDE0E8 !default; // rgba($gray-base, .15) !default;

//== Scaffolding
//
//## Settings for some of the most global styles.
$text-color:                    $gray-dark !default;
$body-bg:                       $bs-lightpurple !default;
$headings-color:                #292C33 !default;

//== Typography
//
//## Font, line-height, and color for body text, headings, and more.
$line-height:                   1.5 !default;
$font-family-sans-serif:        "Open Sans", Helvetica, Arial, sans-serif !default;
$font-family-base:              $font-family-sans-serif !default;
$font-size-base:                14px !default;
$font-size-h1:                  26px !default;
$font-size-h2:                  22px !default;
$font-size-h3:                  18px !default;
$font-size-h4:                  16px !default;

$dl-horizontal-breakpoint:      768px !default;
$dl-horizontal-narrow-offset:   120px !default;

//== Iconography
//
//## Specify custom location and filename of the included Smiles icon font.
//## Useful for those including Bootstrap BookingSync via Bower.

//** Load fonts from this directory.

// If $bootstrap-bookingsync-sass-asset-helper if used, provide path relative to the assets load path.
// This is because some asset helpers, such as Sprockets, do not work with file-relative paths.
$smiles-font-path: if($bootstrap-bookingsync-sass-asset-helper, "bookingsync/", "../fonts/bookingsync/") !default;

//** File name for smiles font files.
$smiles-font-name:          "bookingsync-smiles" !default;
//** Element ID within SVG icon file.
$smiles-font-svg-id:        "bookingsync_smiles" !default;

$bs-icon-bigboss:           "\e600" !default;
$bs-icon-boss:              "\e601" !default;
$bs-icon-bookingsync:       "\e602" !default;
$bs-icon-laughing:          "\e603" !default;
$bs-icon-lemonface:         "\e604" !default;
$bs-icon-sadface:           "\e605" !default;
$bs-icon-tongue:            "\e606" !default;
$bs-icon-winkface:          "\e607" !default;
$bs-icon-winktongue:        "\e608" !default;

// If $bootstrap-bookingsync-sass-asset-helper if used, provide path relative to the assets load path.
// This is because some asset helpers, such as Sprockets, do not work with file-relative paths.
$icons-font-path: if($bootstrap-bookingsync-sass-asset-helper, "bookingsync/", "../fonts/bookingsync/") !default;

//** File name for icons font files.
$icons-font-name:           "bookingsync-icons" !default;
//** Element ID within SVG icon file.
$icons-font-svg-id:         "bookingsync_icons" !default;

$icon-translations:         "\e902" !default;
$icon-external:             "\e901" !default;
$icon-invoice:              "\e900" !default;
$icon-rental:               "\e904" !default;
$icon-photo:                "\e93b" !default;
$icon-video:                "\e965" !default;
$icon-categories:           "\e995" !default;
$icon-description:          "\e9ae" !default;
$icon-contract:             "\e9eb" !default;
$icon-reservation:          "\e9f9" !default;
$icon-rates:                "\ea12" !default;
$icon-payments:             "\ea16" !default;
$icon-help:                 "\ea1b" !default;
$icon-map:                  "\ea38" !default;
$icon-navigation:           "\ea44" !default;
$icon-calendar:             "\ea62" !default;
$icon-inbox:                "\ea80" !default;
$icon-clients:              "\eb0c" !default;
$icon-owner:                "\eb0d" !default;
$icon-search:               "\eb36" !default;
$icon-checkin:              "\eb4a" !default;
$icon-settings:             "\eb5f" !default;
$icon-maintenance:          "\eb6c" !default;
$icon-reports:              "\eb8b" !default;
$icon-cleaning:             "\ebfb" !default;
$icon-notifications:        "\ec09" !default;
$icon-instant:              "\ec49" !default;
$icon-amenities:            "\ec5a" !default;
$icon-applications:         "\ec5d" !default;
$icon-website:              "\ec97" !default;
$icon-reviews:              "\ece2" !default;
$icon-template:             "\eeb0" !default;
$icon-widget:               "\eecd" !default;


//== Components
//
//## Define common padding and border radius sizes and more. Values based on 14px
$padding-base-vertical:         6px !default;

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

$caret-width-base:              4px !default;


//== BookingSync
//
$menu-width:                            230px !default;
$menu-collapsed-width:                  60px !default;

$menu-color:                            #566da7 !default;
$menu-bg:                               #1e3264 !default;
$menu-icon-size:                        16px !default;
$menu-link-height:                      50px !default;
$menu-link-color:                       #8ea8ea !default;
$menu-link-icon-color:                  rgba($menu-link-color, 0.5) !default;
$menu-link-bg:                          $menu-bg !default;
$menu-link-hover-color:                 #ffffff !default;
$menu-link-hover-icon-color:            $menu-color !default;
$menu-link-hover-bg:                    #263c73 !default;
$menu-active-color:                     #ffffff !default;
$menu-active-icon-color:                $brand-primary !default;
$menu-active-bg:                        #16264e !default;
$menu-divider-border-color:             $menu-link-hover-bg !default;

$menu-submenu-color:                    $menu-link-color !default;
$menu-submenu-bg:                       $menu-active-bg !default;
$menu-submenu-header-color:             $menu-submenu-color !default;
$menu-submenu-header-bg:                $menu-submenu-bg !default;
$menu-submenu-header-border-color:      $menu-divider-border-color !default;
$menu-submenu-icon-size:                12px !default;
$menu-submenu-link-height:              40px !default;
$menu-submenu-link-color:               $menu-link-color !default;
$menu-submenu-link-icon-color:          $menu-link-color !default;
$menu-submenu-link-bg:                  $menu-submenu-bg !default;
$menu-submenu-link-hover-color:         #ffffff !default;
$menu-submenu-link-hover-icon-color:    #8ea8ea !default;
$menu-submenu-link-hover-bg:            $menu-submenu-link-bg !default;
$menu-submenu-active-color:             $menu-submenu-link-hover-color !default;
$menu-submenu-active-icon-color:        $menu-submenu-link-hover-icon-color !default;
$menu-submenu-active-bg:                $menu-submenu-link-hover-bg !default;

$menu-header-height:                    70px !default;
$menu-header-icon-size:                 24px !default;
$menu-header-color:                     #ffffff !default;
$menu-header-bg:                        $brand-primary !default;
$menu-header-border-color:              #53b4e1 !default;
$menu-header-heading-size:              14px !default;
$menu-header-link-color:                #ffffff !default;
$menu-header-link-hover-color:          $menu-header-link-color !default;
$menu-header-link-hover-bg:             $menu-header-bg !default;

$menu-header-submenu-color:             $menu-header-color !default;
$menu-header-submenu-bg:                $menu-header-bg !default;
$menu-header-submenu-link-color:        #ffffff !default;
$menu-header-submenu-link-hover-color:  $menu-header-link-color !default;
$menu-header-submenu-link-hover-bg:     $menu-header-border-color !default;
$menu-header-submenu-border-color:      $menu-header-border-color !default;

$menu-footer-height:                    $menu-link-height !default;
$menu-footer-icon-size:                 ($menu-link-height * 0.64) !default;
$menu-footer-color:                     $menu-color !default;
$menu-footer-bg:                        $menu-bg !default;
$menu-footer-heading-size:              14px !default;
$menu-footer-link-color:                $menu-link-color !default;
$menu-footer-link-hover-color:          $menu-link-hover-color !default;
$menu-footer-link-hover-bg:             $menu-link-hover-bg !default;

$menu-footer-submenu-color:             $menu-submenu-color !default;
$menu-footer-submenu-bg:                $menu-submenu-bg !default;
$menu-footer-submenu-link-color:        $menu-submenu-link-color !default;
$menu-footer-submenu-link-hover-color:  $menu-submenu-link-hover-color !default;
$menu-footer-submenu-link-hover-bg:     $menu-submenu-link-hover-bg !default;
$menu-footer-submenu-border-color:      $menu-link-hover-bg !default;

$menu-submenu-header-submenu-color:             $menu-submenu-header-color !default;
$menu-submenu-header-submenu-bg:                darken($menu-submenu-bg, 5%) !default;
$menu-submenu-header-submenu-link-color:        darken($menu-submenu-link-color, 5%) !default;
$menu-submenu-header-submenu-link-hover-color:  $menu-header-link-color !default;
$menu-submenu-header-submenu-link-hover-bg:     $menu-submenu-header-submenu-bg !default;
$menu-submenu-header-submenu-border-color:      $menu-submenu-header-border-color !default;

$menu-default-toggle-icon-bar-bg:       $gray-light !default;

//== Buttons
//
$btn-success-bg:                $brand-success !default;

$btn-primary-color:             #fff !default;
$btn-primary-bg:                $brand-success !default;
$btn-primary-border:            $btn-primary-bg !default;
$btn-primary-loading:           #fff !default;
$btn-primary-active-color:      $btn-primary-color !default;
$btn-primary-active-bg:         #32D165 !default;
$btn-primary-active-border:     $btn-primary-active-bg !default;
$btn-secondary-color:           $gray-dark !default;
$btn-secondary-bg:              #fff !default;
$btn-secondary-border:          $gray-lighter !default;
$btn-secondary-loading:         $gray-light !default;
$btn-secondary-active-color:    $btn-secondary-color !default;
$btn-secondary-active-bg:       #F4F5F7 !default;
$btn-secondary-active-border:   $btn-secondary-border !default;
$btn-secondary-inverse-color:   #fff !default;
$btn-secondary-inverse-bg:      $btn-secondary-color !default;
$btn-secondary-inverse-border:  $btn-secondary-inverse-bg !default;
$btn-default-color:             $btn-secondary-color !default;
$btn-default-bg:                $btn-secondary-bg !default;
$btn-default-border:            $btn-secondary-border !default;
$btn-border-radius-base:        $border-radius-base !default;
$btn-border-radius-small:       $border-radius-small !default;
$btn-border-radius-large:       $border-radius-large !default;

//== Forms
//
$input-color:                   rgb(106, 117, 141) !default; // #6a758d
$input-bg:                      rgba(255, 255, 255, 0) !default;
$input-border-radius-base:      0 !default;
$input-border-radius:           $input-border-radius-base !default;
$input-border-radius-small:     $input-border-radius-base !default;
$input-border-radius-large:     $input-border-radius-base !default;
$input-border:                  rgba(30, 50, 100, 0.5) !default;
$input-border-focus:            $input-color !default;
$input-height-base:             (($padding-base-vertical * 2) + $font-size-base + 1) !default; // 1 for bottom border
$input-bg-disabled:             rgba(255, 255, 255, 0) !default;

$label-color:                   rgba(106, 117, 141, .75) !default;

$label-font-size-focus:         12px !default;
$label-padding-focus:           ($padding-base-vertical + $label-font-size-focus) !default;
$label-color-focus:             $brand-primary !default;
$label-border-focus:            $label-color-focus !default;

$label-font-size-filled:        $label-font-size-focus !default;
$label-color-filled:            rgba(106, 117, 141, 0.6) !default;
$label-border-filled:           $input-border !default;

$label-color-disabled:          rgba(106, 117, 141, 0.5) !default;

$input-group-addon-bg:          rgba(255, 255, 255, 0) !default;
$input-group-addon-height:      ($input-height-base + $label-padding-focus) !default;
$input-group-addon-padding-top: ($label-padding-focus + ($padding-base-vertical / 2)) !default;

$help-text:                     $gray-light !default;

$state-success-text:            #2db859 !default;
$state-success-bg:              rgba(255, 255, 255, 0) !default;
$state-success-border:          $state-success-text !default;

$state-warning-text:            #f39c12 !default;
$state-warning-bg:              rgba(255, 255, 255, 0) !default;
$state-warning-border:          $state-warning-text !default;

$state-danger-text:             #e74c3c !default;
$state-danger-bg:               rgba(255, 255, 255, 0) !default;
$state-danger-border:           $state-danger-text !default;

$select-multiple-options-color:             #fff !default;
$select-multiple-options-bg:                $gray-light !default;
$select-multiple-options-selected-color:    $gray-lighter !default;
$select-multiple-options-selected-bg:       #fff !default;

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


//== Navbar
//
$navbar-height:                           70px !default;
$navbar-default-bg:                       #fff !default;
$navbar-default-color:                    $gray-dark !default;
$navbar-default-border:                   $gray-lighter !default;
$navbar-default-toggle-border-color:      rgba(255, 255, 255, 0) !default;
$navbar-default-toggle-icon-bar-bg:       $gray-light !default;

$navbar-breadcrumb-brand-logo-height:     30px !default;
$navbar-breadcrumb-brand-logo-xs-width:   50px !default;
$navbar-breadcrumb-brand-logo-xs-height:  30px !default;


//== Panels
//
$panel-footer-bg:                   #fff !default;
$panel-default-heading-bg:          #fff !default;
$panel-border-radius:               $border-radius-large !default;
$panel-inner-border:                $gray-lightest !default;
$panel-default-border:              $gray-lighter !default;


//== Tables
//
$table-border-color:                $gray-lightest !default;
$table-bg-accent:                   #f4f5f7 !default;
$table-bg:                          #fff !default;
$table-caption-color:               $gray !default;


//== Sheet
//
$sheet-bg:                          #fff !default;
$sheet-border:                      $gray-lighter !default;
$sheet-border-radius:               $border-radius-large !default;
$sheet-margin:                      ($grid-gutter-width / 2) !default;
$sheet-padding:                     $sheet-margin !default;
$sheet-inner-border:                $gray-lightest !default;


//== Sheet Tabs
//
$sheet-navbar-tabs-bg:              $bs-lightpurple !default;
$sheet-navbar-tabs-bg-hover:        #FAFBFC !default; // rgba(255, 255, 255, 0.75);


//== Switch
//
$switch-label-size:                 10px !default;
$switch-off-border:                 $gray-lighter !default;
$switch-off-bg:                     #fff !default;
$switch-off-color:                  $gray-lightest !default;


//== Dropdown
//
$dropdown-border:                   $gray-lighter !default;
$dropdown-fallback-border:          $bs-lightpurple !default;
$dropdown-divider-bg:               $gray-lightest !default;
$dropdown-link-color:               $gray-dark !default;
$dropdown-link-hover-color:         $gray-dark !default;
$dropdown-link-hover-bg:            $bs-lightpurple !default;
$dropdown-link-active-color:        $gray-dark !default;
$dropdown-link-active-bg:           $gray-dark !default;
$dropdown-link-disabled-color:      $gray-light !default;
$dropdown-header-color:             $gray-light !default;
$dropdown-border-radius:            $border-radius-large !default;


//== Modals
//
$modal-content-fallback-border-color: $gray-base !default;
$modal-content-border-color:          $gray-lighter !default;
$modal-border-radius:                 6px !default;
$modal-inner-padding:                 30px !default;
$modal-title-padding:                 $modal-inner-padding !default;
$modal-backdrop-bg:                   rgba(255, 255, 255, 0) !default;


//== List group
//
$list-group-hover-bg:                 rgba($gray-base, .05) !default;
$list-group-active-bg:                $gray-lightest !default;
$list-group-active-child-bg:          rgba(255, 255, 255, 0) !default;
$list-group-active-child-border:      $list-group-active-bg !default;
$list-group-active-child-hover-bg:    $list-group-hover-bg !default;


//== Breadcrumb
//
$breadcrumb-padding-vertical:         0 !default;
$breadcrumb-padding-horizontal:       0 !default;
$breadcrumb-bg:                       rgba(255, 255, 255, 0) !default;
$breadcrumb-color:                    $gray-lighter !default;
$breadcrumb-active-color:             $headings-color !default;
$breadcrumb-icon-color:               $gray-light !default;
$breadcrumb-link-color:               $gray-light !default;
$breadcrumb-link-hover-color:         $breadcrumb-link-color !default;