// COLORS BASIC
$white: #FFFFFF;
$black: #000000;
$gray: #BDBDBD;
$gray-hover: #899295;
$gray-middle: #D3D3D3;
// $light:#CED4DA;
$light: #CCCCCC;
$light-hover: #C9C9C9;
// BLUE
$primary: #327ABD;
$primary-hover: #2D6BA5;
// GREEN
$success: #00B18F;
$success-hover: #009A7C;
// ORANGE
$warning: #EBCB00;
$warning-hover: #D3B719;
// RED
$danger: #DC665A;
$danger-hover: #BF594E;
// SECONDARY
$secondary:#6c757d;
// BLUELIV COLOR
$default: #1B2734;
$default-hover: #000000;
// LINK-HOVER
$link-hover: #e2e6ea;
// BLUELIV COLOR SCALE
$default95: #0e1b29;
$default90: #1B2734;
$default85: #27333f;
$default80: #343f4a;
$default75: #414b56;
$default70: #4e5761;
$default65: #5a636c;
$default60: #676f77;
$default55: #747b83;
$default50: #80878e;
$default45: #8c9399;
$default40: #999fa5;
$default35: #a6abb0;
$default30: #b2b7bb;
$default25: #bfc3c6;
$default20: #cccfd2;
$default15: #d9dbdd;
$default10: #e5e7e8;
$default05: #f2f3f3;
$default02: #F7F7F9;
// BACKGROUND
$bg-blueliv: #dee2e6;

// SHADOWS
$toolbar-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.14);
$shadow-button: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 1px rgba(0, 0, 0, 0.12);
$shadow-small: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
$shadow-regular: 0 3px 4px rgba(0, 0, 0, 0.16), 0 3px 4px rgba(0, 0, 0, 0.23);
$shadow-big: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
// FONTS
$font-normal: 14px;
$font-small: 12px;
$font-weight-thin: 200;
$font-weight-regular: 400;
$font-weight-semibold: 500;
$font-weight-bold: 600;
$font-table-color: #7E7E7E;
$dropdown-color: #7E7E7E;
$placeholder: #BDBDBD;

/* Breakpoints */
$tablet-landscape: 1024px;
$tablet-portrait: 768px;