$primary: #384B5D;
$neutral-1: #1A232B;
$neutral-2: #D0D3DA;
$neutral-3: #F1F2F4;
$neutral-4: #FFFFFF;
$support-1: #036ED1;
$support-2: #31B865;
$support-3: #FFE952;
$support-4: #D23F3C;
$zuora-accent: #6EC5AB; //zuora aqua
$primary-hover: #025aab;

$disabled-btn-bg: #E9EBEE;
$neutral-shadow: rgba(56, 75, 93, 0.3); // disabled btn text color, dropdown box shadow color

$brand-primary: $primary;  //New
$brand-success: $support-2;  //show
$brand-info: #6d95a0;     //Edit/Update
$brand-warning: $support-3;  //Other
$brand-danger: $support-4;  //Deleted

// $navbar-default-color: #394b5b;
// $navbar-default-bg: #394b5b;
// $navbar-default-link-color: #fff;
// $navbar-default-link-hover-color: #fff;
// $navbar-default-link-hover-bg: transparent;
// $navbar-default-link-active-bg: transparent;
// $navbar-default-link-active-color: #fff;
// $navbar-margin-bottom: 0px;
// $navbar-height: 50px;
// $navbar-border-radius: 0px;
// $navbar-default-toggle-hover-bg: transparent;
// $navbar-default-toggle-icon-bar-bg: #afb7be;
// $navbar-default-toggle-border-color: transparent;
// $navbar-default-toggle-icon-bar-bg: #6ec5ab;
// $navbar-padding-vertical: 15px;
// $navbar-padding-horizontal: 15px;

$border-radius-base: 0px;
$border-radius-large: 0px;

$breadcrumb-padding-vertical: 1rem;
$breadcrumb-padding-horizontal: 1rem;
$breadcrumb-bg: none;
$breadcrumb-color: $neutral-1;
$breadcrumb-active-color: $neutral-1;
$breadcrumb-separator: "/";

$link-color: $support-1;
$link-hover-color: $primary-hover;
$link-hover-decoration: underline;

$dropdown-link-color: $primary;
$dropdown-divider-bg: $neutral-3;
$dropdown-link-hover-bg: $neutral-3;
$dropdown-link-hover-color: $primary;
$dropdown-link-active-color: #6ec5ab;
$dropdown-link-active-bg: $neutral-3;
$dropdown-bg: $neutral-4;
$dropdown-border: #d3d7d8;
$zindex-dropdown: 1000;

$font-family-base: Muli, sans-serif;
$font-size-base: 12px;
$line-height-base: 1.4;
$text-color: $neutral-1;
$body-bg: none;

$modal-backdrop-bg: #fff;
$modal-content-bg: #fff;
$modal-header-border-color: transparent;
$modal-title-padding: 15px 20px;
$modal-inner-padding: 15px 20px;;
$modal-footer-border-color: transparent;
$modal-sm: 400px;
$modal-md: 600px;
$modal-lg: 800px;
$modal-backdrop-bg: rgb(57,75,93) ;
$modal-backdrop-opacity: .6;
$modal-content-border-color: 2px solid #e9ebee;
$modal-content-fallback-border-color: 2px solid #e9ebee;

// I think this is for bootstrap class we don't use
$btn-border-radius-small: 3px;
$btn-border-radius-medium: 3px;
$btn-border-radius-large: 5px;

// Panels are used by summernote, which shouldn't really be here
$panel-bg: #FFF;
$panel-default-heading-bg: #FFF;
$panel-default-border: #FFF;

// JQuery UI
@import "jquery-ui";

// Datatables
@import "dataTables/bootstrap/3/jquery.dataTables.bootstrap";
@import "dataTables/extras/dataTables.responsive";

// Bootstrap
@import "bootstrap-sprockets";
@import "bootstrap";

// Awesome Bootstrap Checkbox
$font-family-icon: webicons;
$check-icon: "\E936";
@import "css/awesome-bootstrap-checkbox";

// Select2
@import "select2";
@import "select2-bootstrap";

// Bootstrap Datepicker
@import "bootstrap-datepicker";

// contextMenu
@import "css/jquery.contextMenu.min.scss";

// Glyphicon and FA
@import "css/icons.scss";

// Zuora Connect UI
@import "zuora_connect_ui/base";
@import "zuora_connect_ui/box";
@import "zuora_connect_ui/breadcrumb_bar";
@import "zuora_connect_ui/buttons";
@import "zuora_connect_ui/datatables";
@import "zuora_connect_ui/datepicker";
@import "zuora_connect_ui/grid_view";
@import "zuora_connect_ui/input";
@import "zuora_connect_ui/modal";
@import "zuora_connect_ui/tabs";