@gray-darker:           #333;
@gray-dark:             #444;
@gray:                  #686868;
@gray-light:            #777;
@gray-lighter:          #878787;

@brand-primary:         @red-dark;
@brand-danger:          @red-error;

@body-bg:               @light-gray-e;

@font-family-sans-serif:    Arial, sans-serif;

@font-size-base:          11px;
@font-size-large:         14px; // ~18px
@font-size-small:         10px; // ~12px

@font-size-h1:            28px; // ~36px
@font-size-h2:            24px; // ~30px
@font-size-h3:            20px; // ~24px
@font-size-h4:            18px; // ~18px
@font-size-h5:            14px;
@font-size-h6:            @font-size-base; // ~12px

@border-radius-small:            2px;

@btn-default-bg:                 darken(@light-gray-e, 10%);
@btn-default-border:             darken(@light-gray-c, 12%);

@input-border:                   @btn-default-border;
@input-border-radius:            @border-radius-small;
@input-border-focus:             @ryder-red;
@input-bg-disabled:              @light-gray-d;

@input-height-base:              31px;
//@input-height-large:             (floor(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);

@grid-columns:              16;
@grid-gutter-width:         20px;

@navbar-height:                    32px;
@navbar-border-radius:             0px;

@navbar-inverse-color:                      @white;
@navbar-inverse-bg:                         @gray-light;

@navbar-inverse-link-color:                 @white;
@navbar-inverse-link-hover-color:           @light-gray-c;

@state-success-text:             #468847;
@state-info-text:                #3a87ad;
@state-warning-text:             #c09853;
@state-danger-text:              #b94a48;

@label-default-bg:            @gray-darker;

@alert-border-radius:         0px;
@panel-border-radius:         @border-radius-large;

@page-header-border-color:    @light-gray-c;

@hr-border:                   @light-gray-c;

// CWP Variables
////////////////////////////////////////////
// Grays
// -------------------------
@black:                 #000; 
@gray-darkest:          #222;
@gray-lightest:         #949494;
@light-gray-a:          #acacac;
@light-gray-b:          #c2c2c2;
@light-gray-c:          #dedede;
@light-gray-d:          #EAEAEA;
@light-gray-e:          #FDFDFD;
@white:                 #fff;


// Accent colors
// -------------------------
@red-darkest:           #b83e3b;
@red-darker:            #b31b19;
@red-dark:              #c31318;
@red:                   #c92a28;
@red-light:             #ee4240;
@red-error:             #f0302d;
@ryder-red:             #dc3836;

@blue: #428bca;

@dropdown-caret-color:           #000;
@nav-open-caret-border-color:               #fff;

@font-family-sans-serif-b:  Gill Sans MT, GillSans, sans-serif;

@images-url: '/Images/ryder/';
@fonts-url: '/Content/ryder/icons/';

// Add to project variables to disable responsive grid
/*@screen-xs:                  1px;
@screen-sm:                  1px;
@screen-md:                  1px;*/