// OLD COLORS
$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

// NEW ANJUNA COLORS
$anj-primary: #384b5d;
$anj-primary-dark: #2c3d4c;
$anj-secondary: #036ed1;
$anj-secondary-dark: #3c75a3;
$anj-highlight: #6ec5ab;
$anj-neutral: #6e7c89;
$anj-neutral-dark: #5d6974;
$anj-neutral-light: #a5aeb6;
$anj-dark: #1a232b;
$anj-light: #fff;
$anj-danger: #d23f3c;
$anj-success: #31b865;
$anj-warning: #ffe952;
$anj-background: #f1f2f4;
$anj-border: #e9ebee;
$anj-border-dark: #d3d7d8;
$anj-shadow: rgba(56, 75, 93, 0.3);
$anj-theater: rgba(56, 75, 93, 0.6);
$anj-font-family: "Muli", sans-serif;
$anj-spacing-closer: -0.025rem;
$anj-spacing-close: -0.0125rem;
$anj-spacing-wide: 0.0125rem;
$anj-spacing-wider: 0.031rem;

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

$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: 0.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: "Material Icons Outlined";
$check-icon: "\e0cd";
@import "css/awesome-bootstrap-checkbox";

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

// Bootstrap Datepicker
@import "css/bootstrap-datepicker3.min";

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

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

// Anjuna
@import "css/anjuna-theme";
@import "css/anjuna-icons";

// Muli Font + Material Icons
@import url("https://fonts.googleapis.com/css?family=Muli:400,600,700");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined");

// Zuora Connect UI
@import "zuora_connect_ui/base";
@import "zuora_connect_ui/anjuna";
@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";
@import "zuora_connect_ui/tables";