@import '../../../node_modules/@angular/material/_theming';
@import '../css/itsvc-font';
// import theme
// import typography

@include mat-core();

// generated using our primary color #005581 using http://mcg.mbitson.com/
$mat-rss: (
  50 : #e0ebf0,
  100 : #b3ccd9,
  200 : #80aac0,
  300 : #4d88a7,
  400 : #266f94,
  500 : #005581,
  600 : #004e79,
  700 : #00446e,
  800 : #003b64,
  900 : #002a51,
  A100 : #84b9ff,
  A200 : #519cff,
  A400 : #1e7fff,
  A700 : #0470ff,
  contrast: (
    50 : #000000,
    100 : #000000,
    200 : #000000,
    300 : #ffffff,
    400 : #ffffff,
    500 : #ffffff,
    600 : #ffffff,
    700 : #ffffff,
    800 : #ffffff,
    900 : #ffffff,
    A100 : #000000,
    A200 : #000000,
    A400 : #ffffff,
    A700 : #ffffff,
  )
);

$primary: mat-palette($mat-rss);
$accent: mat-palette($mat-pink, A200, A100, A400);
$warn: mat-palette($mat-red);
$border: mat-palette($mat-grey, A400);
$theme: mat-light-theme($primary, $accent, $warn);
@include angular-material-theme($theme);

html, body, mat-sidenav-container, .content {
  margin: 0;
  width: 100%;
  height: 100%;
  font-family: "Roboto", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

mat-sidenav {
  width: 250px;
}

mat-toolbar, mat-sidenav-container {
  animation: fadeinout .6s ease;
}

a {
  text-decoration: none;
  cursor: pointer;
  color: mat-color($primary);
}

a:hover {
  text-decoration: none;
}

a:focus {
  text-decoration: none;
}

// Override material for tiles
.mat-menu-panel {
  overflow: inherit !important;
  max-width: none !important;
}

p {
  margin: 1px 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.error {
  color: red;
  font-weight: 300;
  font-size: smaller;
}

.required::after {
  content: "\20 \2a";
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-weight: 800;
  color: red;
}

div {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}