$general-img-sprite: "/headers/ilusion/img/sprite_ilusion.png?version=04";
$general-img-sprite-2x: "/headers/ilusion/img/sprite_ilusion@2x.png?version=04";

$gray-dark:              #4a4a4a;   // #4a4a4a

$gray-border:            #c7c7c7;

$brand-yellow: #ffd212;
$brand-yellow-medium: #fffbcc;
$brand-yellow-light: #fffae9;

$brand-green: #027A02;
$brand-green-medium: #bfd653;
$brand-green-light: #E5F1E5;

$brand-navy: #35495a;
$brand-navy-medium: #85919c;
$brand-navy-light: #c2c8cd;

$brand-blue-dark: #1e3747;
$blue-grey-dark: #35495a;

$brand-red: #E50000;
$brand-red-medium: #ed8d6b;
$brand-red-light: #FBD9D9;

$brand-brown: #7c7167;
$brand-brown-medium: #beb8b3;
$brand-brown-light: #f4f3f2;

$brand-grey-dark: #222222;
$brand-grey-alt: #222222;
$brand-grey-medium: #dfdfdf;
$brand-grey-secondary: #ededed;
$brand-grey-light: #f7f7f7;

$brand-copy-light: #74716e;

$travel-copy-light-color: $brand-red;

$interactive-color: #3171c9;
$interactive-color-light: #D3E5F8;
$interactive-color-hover: #185596;

$brand-info: #d3e5f8;

$brand-white: #fff;


// colores disponibilidad
$colorBordes: $brand-grey-medium;

//** `<input>` border color
$input-border:                    #d0cbc9;

$menu-hover-bg: #F4F8FC;


// Ilusion font families

$text_font: "Roboto";
$arabic_text_font: "Noto Sans Kufi Arabic";
$farsi_text_font: "BYekan";
$hebrew_text_font: "Arimo";
$text_font_heading: "Georama";


$safe-font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif;
$font-family-sans-serif:  $text_font, $safe-font-family-sans-serif;
$font-family-serif:       Georgia, "Times New Roman", Times, serif;
//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
$font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
$font-family-base:        $font-family-sans-serif;
$font-family-heading:    $text_font_heading, $font-family-sans-serif;

$font-size-base:          14px;
$font-size-large:         16px; // ~16px
$font-size-small:         12px; // ~12px

$font-size-h1:            24px;
$font-size-h2:            22px;
$font-size-h3:            20px;
$font-size-h4:            ceil(($font-size-base * 1.28)); // ~18px
$font-size-h5:            ceil(($font-size-base * 1.14));  // ~16px
$font-size-h6:            $font-size-base; // ~14px

//** Unit-less `line-height` for use in components like buttons.
$line-height-base:        1.5; // 21/14

//font-weight equivalence to Roboto font names
$roboto-thin: 200;
$roboto-light: 300;
$roboto-regular: 400;
$roboto-medium: 500;
$roboto-bold: 700;




$headings-font-weight:    $roboto-light;
$headings-color:          $brand-grey-dark;


$icon-font-path: "/headers/ilusion/fonts/";


$padding-base-input:     27px 10px 5px 10px!default;

$padding-small-vertical:    7px;
$padding-small-horizontal:  14px;

$padding-xs-vertical:       3px;
$padding-xs-horizontal:     10px;

$line-height-large:         1.5; // extra decimals for Win 8.1 Chrome
$line-height-small:         1.5;


//** Border color for table and cell borders.
$table-border-color:            $gray-border;

$btn-default-color:              $brand-grey-dark;
$btn-default-bg:                 #fff;
$btn-default-border:             $brand-grey-dark;
$btn-default-hover-txt:          $brand-copy-light;
$btn-default-hover:              #fff;

$btn-primary-color:              #fff;
$btn-primary-bg:                 $brand-primary;
$btn-primary-border:             $brand-primary;
$btn-primary-hover:              $brand-primary-hover;

$btn-secondary-color:           #fff;
$btn-secondary-bg:              $brand-secondary;
$btn-secondary-border:          $brand-secondary;
$btn-secondary-hover:           $brand-secondary-hover;
$btn-secondary-hover-txt:       #FFF;

$btn-white-color:              $brand-grey-dark;

$btn-transparent-blue-hover: #185596;
$btn-transparent-blue-hover-txt: #1c66b5;

$btn-transparent-border: $input-border;

$btn-success-color:              #fff;
$btn-success-bg:                  $brand-green-light;
$btn-success-border:             darken($btn-success-bg, 5%);

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

$btn-warning-color:              #fff;
$btn-warning-bg:                  $brand-yellow-medium;
$btn-warning-border:             darken($btn-warning-bg, 5%);

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

$btn-link-disabled-color:         $brand-copy-light;
$btn-link-disabled-bg:            $brand-grey-medium;


//** Text color for `<input>`s
$input-color:                     $brand-grey-dark;


//** Border color for inputs on focus
$input-border-focus:              $input-border;

//** Placeholder text color
$input-color-placeholder:         $brand-copy-light;

//** Default `.form-control` height
$input-height-base:              40px;

$legend-color:                   $brand-grey-dark;
$legend-border-color:            $colorBordes;


// Basics of a navbar
$navbar-border-radius:             0;

$nav-tabs-active-link-hover-bg:             $brand-grey-light;


$nav-tabs-justified-active-link-border-color:     $brand-grey-light;


//== Pagination
//
//##

$pagination-color:                     $brand-grey-dark;
$pagination-bg:                        #fff;
$pagination-border:                    #ddd;

$pagination-hover-color:               $brand-grey-dark;
$pagination-hover-bg:                  $menu-hover-bg;
$pagination-hover-border:              #ddd;

$pagination-active-color:              #fff;
$pagination-active-bg:                 $brand-secondary;
$pagination-active-border:             $brand-secondary;

$state-success-text:              $brand-grey-dark;
$state-success-bg:                $brand-green-light;
$state-success-border:            $colorBordes;

$state-info-text:                 $brand-grey-dark;
$state-info-bg:                   $brand-info;
$state-info-border:               $colorBordes;

$state-warning-text:              $brand-grey-dark;
$state-warning-bg:                $brand-yellow-medium;
$state-warning-border:            $colorBordes;

$state-danger-text:               $brand-grey-dark;
$state-danger-bg:                 $brand-red-light;
$state-danger-border:             $colorBordes;


//== Tooltips
//
//##

//** Tooltip max width
$tooltip-max-width:           350px;
//** Tooltip text color
$tooltip-color:               #000;
//** Tooltip background color
$tooltip-bg:                  #fff;
$tooltip-opacity:             1;

//** Tooltip arrow width
$tooltip-arrow-width:         10px;

//** Secondary label background color
$label-secondary-bg:          $brand-secondary;
//** Success label background color
$label-success-bg:            $brand-green-light;
//** Info label background color
$label-info-bg:               $brand-info;
//** Warning label background color
$label-warning-bg:            $brand-yellow-medium;
//** Danger label background color
$label-danger-bg:             $brand-red-light;

//** Background color of modal content area
$modal-content-bg:                             #fff;
//** Modal content border color
$modal-content-border-color:                   $colorBordes;
//** Modal content border color **for IE8**
$modal-content-fallback-border-color:          $colorBordes;

//** Modal backdrop background color
$modal-backdrop-bg:           $brand-copy-light;
//** Modal backdrop opacity
$modal-backdrop-opacity:      .8;

$modal-lg:                    900px;
$modal-md:                    570px;
$modal-sm:                    300px;


//== Alerts
//
//## Define alert colors, border radius, and padding.

$alert-padding:               10px;
$alert-border-radius:         0;
$alert-link-font-weight:      bold;




//== Progress bars
//
//##

//** Default progress bar color
//** Secondary progress bar color
$progress-bar-secondary-bg:   $brand-secondary;
//** Success progress bar color
$progress-bar-success-bg:     $brand-green-light;
//** Warning progress bar color
$progress-bar-warning-bg:     $brand-yellow-medium;
//** Danger progress bar color
$progress-bar-danger-bg:      $brand-red-light;
//** Info progress bar color
$progress-bar-info-bg:        $brand-info;



$panel-secondary-text:        #fff;
$panel-secondary-border:      $brand-secondary;
$panel-secondary-heading-bg:  $brand-secondary;

$panel-brand-text:           #fff;
$panel-brand-border:         $brand-grey-medium;
$panel-brand-heading-bg:     $brand-primary;


$thumbnail-bg:                $brand-grey-light;
//** Custom text color for thumbnail captions
$thumbnail-caption-color:     $brand-grey-dark;


$well-bg:                     #fff;
$well-border:                 $gray-border;


$badge-bg:                    $brand-secondary;

//** Badge text color in active nav link
$badge-active-color:          $brand-secondary;
//** Badge background color in active nav link
$badge-active-bg:             #fff;

$badge-font-weight:           400;
$badge-line-height:           1;
$badge-border-radius:         50%;


$breadcrumb-bg:                 transparent;
//** Breadcrumb text color
$breadcrumb-color:              $brand-grey-dark;
//** Text color of current page in the breadcrumb
$breadcrumb-active-color:       $brand-grey-dark;
//** Textual separator for between breadcrumb elements
$breadcrumb-separator:          ">";

$carousel-indicator-border-color:   $brand-brown-medium;
$carousel-indicator-bg:             $brand-brown-medium;
$carousel-indicator-active-bg:      $interactive-color;

$close-color:                 $brand-copy-light;

$hr-border:                   $gray-border;


// Wide limit
//Container limited para paginas sunrise 1200px
$container-width-limit: 1200px !default;
//Container limited para paginas anchas 1600px
$container-wide-width-limit: 1600px !default;

//temporal para paginas illusion Snow 1140px.
$container-legacy-width-limit: 1170px !default;
//== Navbar
//
//##

// transitions
$transition-time: 0.3s;