$assets-folder: 'b2bplatform';

$brand-primary:         #3171c9 !default;
$brand-primary-hover:   darken( $brand-primary, 20% ) !default;
$brand-navbar-bg-dark: darken( $brand-primary, 20% ) !default;
$brand-primary-medium: $brand-primary !default;
$brand-primary-light: lighten( $brand-primary, 46.7% ) !default;

$brand-secondary: #46403C !default;
$brand-secondary-hover: darken( $brand-secondary, 20% ) !default;
$brand-secondary-medium: $brand-secondary !default;
$brand-secondary-light:  lighten( $brand-secondary, 46.7% ) !default;

// Basics of a navbar
$navbar-height: 50px;

$border-radius-large: 6px;

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

$gray-border:            #c7c7c7;

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

$brand-copy-light: #74716e;

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

$brand-white: #fff;

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

$brand-yellow: #ffd212 !default;

$brand-green: #027A02 !default;

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

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

$menu-hover-bg: #F4F8FC;

@import "../../../../../../common/sass/bootstrap-custom/3.4.1/bootstrap/variables";

// 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/";

$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-white-color:              $brand-grey-dark;

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

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

$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;



//== 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;

//** 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;



$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:          ">";

$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;

//** Background color for `<body>`.
$body-bg:               #fff;
//** Global text color on `<body>`.
$text-color:            $brand-grey-dark;

//** Global textual link color.
$link-color:            $interactive-color;
//** Link hover color set via `darken()` function.
$link-hover-color:      $interactive-color;

$brand-cta: $brand-primary !default; //Call to action #ffd212
$brand-cta-hover: $brand-primary-hover !default;
$cta-chevron-color: ffffff; // sin # porque es para un nombre de archivo

//Sunrise buttons
$btn-cta-color: #fff;
$btn-cta-bg: $brand-cta !default;
$btn-cta-border: $brand-cta;
$btn-cta-hover-txt: #fff;
$btn-cta-hover: $brand-cta-hover !default;



@import "../../../../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/variables";