@import "~@angular/material/_theming.scss";
// Plus imports for other components in your app.

// Include the common styles for Angular Material. We include this here so that you only
// have to load a single css file for Angular Material in your app.
// Be sure that you only ever include this mixin once!
@include mat-core();

@import "xmat-palettes";
// Define the palettes for your theme using the Material Design palettes available in palette.scss
// (imported above). For each palette, you can optionally specify a default, lighter, and darker
// hue.
$xmat-primary: mat-palette($xmat-blue) !default;
$xmat-accent: mat-palette($xmat-blue-accent) !default;
$xmat-accent-light: mat-palette($xmat-blue-accent-light) !default;
$xmat-warn: mat-palette($mat-red) !default;
$xmat-theme: mat-light-theme($xmat-primary, $xmat-accent, $xmat-warn) !default;
$xmat-body-class: "" !default;
// MAPS: to get an item use map-get(map-name, map-key)
$xmat-colors: (
  // ALERT BOX AND ALERT DIALOG - START
        error: #F8d7da,
        error-text: #721c24,
        warning: #fff3cd,
        warning-text: #856404,
        info: #cce5ff,
        info-text: #004085,
        question: #d1ecf1,
        question-text: #0c5460,
        success: #d4edda,
        success-text: #155724,
        disabled: #aaaaaa, // #9e9e9e = $mat-grey @500
        disabled-text: #777777, // #9e9e9e = $mat-grey @500
  // ALERT BOX AND ALERT DIALOG - END
        accent: mat-color($xmat-accent),
        accent-light: mat-color($xmat-accent-light),
        black: #000000,
        blue: mat-color($mat-blue, 700),
        gold: #DAA520,
        green: mat-color($mat-green, 700),
        grey: mat-color($mat-grey, 500),
        grey-light: mat-color($mat-grey, A200),
        orange: #ffa500,
        primary: mat-color($xmat-primary),
  // Example: use this on primary background
        primary-contrast: $light-primary-text,
        primary-highlight: rgba(mat-color($xmat-primary), 0.2),
        primary-text: $dark-primary-text,
        red: mat-color($mat-red, 700),
        warn: mat-color($xmat-warn),
        white: #FFFFFF,
        yellow: mat-color($mat-yellow, 700)
);

// FONTS
// Create a config with the default typography levels.
$xmat-typography-config: mat-typography-config();
$xmat-font-family: mat-font-family($xmat-typography-config);

// LAYOUTS
$xmat-pad: $mat-toggle-padding;
$xmat-size: $mat-toggle-size;

// GRID
$xmat-grid-cols: 12 !default;
$xmat-row-class: ".xmat-row" !default;
$xmat-col-class: ".xmat-col-" !default;

// VARS
$directions: top, right, bottom, left;
$text-directions: left, center, right;
$float-directions: left, none, right;
$flex-directrons: start, center, end;
$space-rules: padding, margin;