// Z-index master list
// -------------------------
// Used for a bird's eye view of components dependent on the z-axis
// Try to avoid customizing these :)

@zindex-navbar:            1000;
@zindex-dropdown:          1000;
@zindex-popover:           1010;
@zindex-tooltip:           1030;
@zindex-navbar-fixed:      1030;
@zindex-footer:            1050;
@zindex-kpi:               1060;
@zindex-nabigeto:          1070;
@zindex-nabigeto-popover:  1080;
@zindex-modal-backdrop:    1090;
@zindex-modal:             1100;

//
// Variables
// --------------------------------------------------

// Scaffolding
// -------------------------

@container-min-width: 1000px;
@body-width: 960px;
@body-width-1860: 1750px;
@body-width-1540: 1480px;
@body-width-1340: 1280px;
@body-width-1200: 1050px;
@body-width-980: 960px;

@body-bkgd:             #e4eced;

// Typography
// -------------------------

@font-family-sans-serif:  "proxima-nova-alt", "San Francisco", Helvetica, Arial, sans-serif;

@font-size-mini:          ceil(@font-size-base * 0.65); // ~10px


// Components
// -------------------------
// Based on 14px font-size and 1.428 line-height (~20px to start)

// Tables
// -------------------------

@table-font-size:                   14px;
@table-cell-padding-horizontal:     10px;
@table-cell-height:                 48px;

@table-border-color:                @pane-border-color; // table and cell border


// Panes
// -------------------------
@pane-margin: 12px;
@pane-padding-lr: 15px;


// COMPONENT VARIABLES
// --------------------------------------------------

// Container sizes
// --------------------------------------------------
// Small screen / tablet
@container-tablet:            none;

// Medium screen / desktop
@container-desktop:           none;

// Large screen / wide desktop
@container-lg-desktop:        none;

// Palette
// -------------------------
@blue: #026cb6;
@new-blue:  #00AABD;
@blue-dark: #155499;
@gray-darker: #272d34;
@gray-dark-2: #383f46;
@gray-dark: #33393f;
@gray: #4c5359;
@gray-light: #999;
@gray-lighter-2: #ccc;
@gray-lighter: #eee;
@turquoise-light: #7fd1df;
@turquoise: #00abbd;
@gray-gradient-start: @gray;
@gray-gradient-end: @gray-dark;
@turquoise-gradient-start: @turquoise-light;
@turquoise-gradient-end: @turquoise;

@color-blue: @new-blue;
@colorLightGray: @gray-light;
@darkBlue: @blue-dark;

@brand-primary: @turquoise;

// Pane
@pane-border-color: @gray-lighter-2;
@pane-border-light-color: lighten(@pane-border-color, 10%);

//** Padding applied to the modal body
@modal-inner-padding:         20px;