// Webarch Elegant Theme  
// --------------------------------------------------
// Copyright Reserved Revox - 2014
// --------------------------------------------------
$base-img-url: "../../../img";
//Font
$base-font-family: 'Arial';
$base-font-family-two: 'Open Sans';
$base-font-color:#6f7b8a;
$base-font-size:13px;


// Global Color 
// --------------------------------------------------
// Base Grey Guided Color * change only $base-light-default
// --------------------------------------------------
$base-light-default:#c1cace;
$base-light-two:mix($base-light-default, #fff, 78%);
$base-light-three:mix($base-light-default, #fff, 50%); //e0e5e7
$base-light-four:mix($base-light-default, #fff, 35%); //e9ecee
$base-light-five:mix($base-light-default, #fff, 15%); //f6f7f8


// Boostrap Color Options
// --------------------------------------------------
$color-primary-grey:#dce0e8;
$color-primary-black-overlay:#6f6f6f; //#000 with 53% Opacity

$color-white: #ffffff;
$color-dark : #1B1E24;
$color-green: #00cdb1;
$color-green-dark: $color-green;
$color-blue: #61acf2;
$color-yellow: #fae274;
$color-red: #ec7962;
$color-grey: #dce0e8;
$color-black: #1b1e24;
$color-purple: #7981d8;

$color-primary:#00cdb1;
$color-primary-dark:#438a85;
$color-primary-light:#f3faf8;

$color-success:#61acf2;
$color-success-dark:#246a8e;
$color-success-light:#ebf6fb;
$color-succss-inverse:#1f3853;

$color-danger:#ec7962;
$color-danger-dark:#e76e70;
$color-danger-light:#fff6f4;
$color-important: $color-danger;

$color-warning:#fae274;
$color-warning-dark:#ce8f22;
$color-warning-light:#fffcee;
$color-warning-luminous:#fdd01c;

$color-info:#3b4751;
$color-info-dark:'';
$color-info-light:'';


// Layout 
// --------------------------------------------------
// Sidebar Colors Vars
// --------------------------------------------------
//Sidebar top header Background 
$sidebar-header-color:#323640;
//Sidebar top header icon background  
$sidebar-header-iconset-background:#323640;
$sidebar-header-iconset-background-active:#323640;
//Sidebar top icon image path with Retina Option 
$sidebar-header-iconset:url("${base-img-url}/icon/top-tray.png") no-repeat;
$sidebar-header-iconset-2x:url('${base-img-url}/icon/top-trayx2.png') no-repeat;
//Sidebar background Color 
$sidebar-color:#3d424e;
//Sidebar Link Font Color 
$sidebar-link-color:#b7b9bd;
//Sidebar Link Hight light color
$sidebar-link-hover:$sidebar-color;
//Sidebar Secodary menu background
$sidebar-inner-ul-list-background:#323640;
//Sidebar Secodary menu link hover color
$sidebar-inner-link-hover:$sidebar-color;
//Sidebar Footer Background
$sidebar-footer-color:#323640;
//Sidebar Size Options
$sidebar-width-width:250px;
$sidebar-condensed-width:50px;

//Form Elements
$input-active-background-color:#f4f5f7;
$input-active-bordrer-color:#f1f1f1;

//Page Global
$page-header-color:#fff;
$page-content-color:#e5e9ec;
$default-border-color:#e5e9ec;


//Form Elements
$input-active-background-color:#f4f5f7;
$input-active-bordrer-color:#f1f1f1;


//Typo Vars
$heading-font-color-light:#505458;
$heading-font-color-dark:#282323;


//Table
$table-body-background:#ecf0f2;
$table-hover-background:#e2e8eb;
$table-border:#E8EDF1;