/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/* http://meyerweb.com/eric/tools/css/reset/
  v2.0 | 20110126
  License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}


/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-fonts-path: './../fonts' !default;
$materialize-prefix: 'materialize' !default;


/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-border-sm: 1px;
$theme-border-md: 2px;
$theme-border-lg: 3px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-color-primary: #5707EB !default;
$theme-color-secondary: #03DAC6 !default;
$theme-color-success: #28A745 !default;
$theme-color-danger: #A22027 !default;
$theme-color-warning: #FFC107 !default;
$theme-color-info: #17A2B8 !default;
$theme-color-black: #000000 !default;
$theme-color-white: #FFFFFF !default;
$theme-color-gray-80: #F4F3F4 !default;
$theme-color-gray-60: #DCDBDC !default;
$theme-color-gray-40: #6A6A6A !default;
$theme-color-gray-20: #232F34 !default;

$theme-colors: (
  'primary': $theme-color-primary,
  'secondary': $theme-color-secondary,
  'success': $theme-color-success,
  'danger': $theme-color-danger,
  'warning': $theme-color-warning,
  'info': $theme-color-info,
  'black': $theme-color-black,
  'white': $theme-color-white,
  'gray-80': $theme-color-gray-80,
  'gray-60': $theme-color-gray-60,
  'gray-40': $theme-color-gray-40,
  'gray-20': $theme-color-gray-20
);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-primary: 'Roboto' !default;
$theme-font-family-secondary: 'LiberationMono' !default;

$theme-font-size-xs: 12px;
$theme-font-size-sm: 14px;
$theme-font-size-md: 16px;
$theme-font-size-lg: 20px;
$theme-font-size-xl: 24px;

$theme-font-weight-thin: 100;
$theme-font-weight-light: 200;
$theme-font-weight-regular: 300;
$theme-font-weight-medium: 400;
$theme-font-weight-bold: 500;
$theme-font-weight-black: 600;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-icon: 'material-icons';

$theme-icon-xs: 14px;
$theme-icon-sm: 16px;
$theme-icon-md: 18px;
$theme-icon-lg: 20px;
$theme-icon-xl: 22px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-space-xxxs: 4px;
$theme-space-xxs: 6px;
$theme-space-xs: 8px;
$theme-space-sm: 12px;
$theme-space-md: 16px;
$theme-space-lg: 20px;
$theme-space-xl: 24px;
$theme-space-xxl: 28px;
$theme-space-xxxl: 32px;

$theme-space-half: 50%;
$theme-space-full: 100%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-radius-xs: 2px;
$theme-radius-sm: 4px;
$theme-radius-md: 6px;

$theme-radius-full: 50%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-shadow-sm:
  0 2px 1px -1px rgba(0, 0, 0, 0.2),
  0 1px 1px 0 rgba(0, 0,0 , 0.14),
  0 1px 3px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-md:
  0 2px 4px -1px rgba(0, 0, 0, 0.2),
  0 4px 5px 0 rgba(0, 0, 0, 0.14),
  0 1px 10px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-lg:
  0 5px 5px -3px rgba(0, 0, 0, 0.2),
  0 8px 10px 1px rgba(0, 0, 0, 0.14),
  0 3px 14px 2px rgba(0, 0, 0, 0.12);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-transition-function-in: cubic-bezier(0.4, 0, 0.2, 1);
$theme-transition-function-out: cubic-bezier(0.25, 0.8, 0.25, 1);
$theme-transition-function-in-out: cubic-bezier(0, 0, 0.2, 1);
$theme-transition-function-ease: ease;

$theme-property-background: background;
$theme-property-box-shadow: box-shadow;
$theme-property-font-size: font-size;
$theme-property-left: left;
$theme-property-max-height: max-height;
$theme-property-opacity: opacity;
$theme-property-top: top;
$theme-property-transform: transform;
$theme-property-width: width;

$theme-timer-sm: 200ms;
$theme-timer-md: 350ms;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-zindex-1: 10;
$theme-zindex-2: 20;
$theme-zindex-3: 30;



$materialize-badges-background: map-get($theme-colors, 'primary') !default;
$materialize-badges-color: map-get($theme-colors, 'white') !default;
$materialize-badges-border-radius: 4px !default;
$materialize-badges-box-sizing: border-box !default;
$materialize-badges-display: inline-block !default;
$materialize-badges-font-family: $theme-font-family-primary !default;
$materialize-badges-font-size: 75% !default;
$materialize-badges-font-weight: $theme-font-weight-bold !default;
$materialize-badges-line-height: 100% !default;
$materialize-badges-text-align: center !default;

$materialize-badge-primary-background: map-get($theme-colors, 'primary') !default;
$materialize-badge-secondary-background: map-get($theme-colors, 'secondary') !default;
$materialize-badge-success-background: map-get($theme-colors, 'success') !default;
$materialize-badge-danger-background: map-get($theme-colors, 'danger') !default;
$materialize-badge-warning-background: map-get($theme-colors, 'warning') !default;
$materialize-badge-info-background: map-get($theme-colors, 'info') !default;
$materialize-badge-light-background: map-get($theme-colors, 'white') !default;
$materialize-badge-dark-background: map-get($theme-colors, 'black') !default;

$materialize-badge-primary-color: map-get($theme-colors, 'white') !default;
$materialize-badge-secondary-color: map-get($theme-colors, 'white') !default;
$materialize-badge-success-color: map-get($theme-colors, 'white') !default;
$materialize-badge-danger-color: map-get($theme-colors, 'white') !default;
$materialize-badge-warning-color: map-get($theme-colors, 'black') !default;
$materialize-badge-info-color: map-get($theme-colors, 'white') !default;
$materialize-badge-light-color: map-get($theme-colors, 'black') !default;
$materialize-badge-dark-color: map-get($theme-colors, 'white') !default;

$materialize-badge-notification-background: map-get($theme-colors, 'primary') !default;
$materialize-badge-notification-color: map-get($theme-colors, 'white') !default;
$materialize-badge-notification-font-size: 10px !default;
$materialize-badge-notification-size: 18px !default;
$materialize-badge-notification-line-height: 18px !default;
$materialize-badge-notification-outside-size: 10px !default;

.badge {
  background: $materialize-badges-background;
  border-radius: $materialize-badges-border-radius;
  box-sizing: $materialize-badges-box-sizing;
  color: $materialize-badges-color;
  display: $materialize-badges-display;
  font-family: $materialize-badges-font-family;
  font-size: $materialize-badges-font-size;
  font-weight: $materialize-badges-font-weight;
  line-height: $materialize-badges-line-height;
  padding: $theme-space-xxxs;
  text-align: $materialize-badges-text-align;
}

.badge-primary {
  background: $materialize-badge-primary-background;
  color: $materialize-badge-primary-color;
}

.badge-secondary {
  background: $materialize-badge-secondary-background;
  color: $materialize-badge-secondary-color;
}

.badge-success {
  background: $materialize-badge-success-background;
  color: $materialize-badge-success-color;
}

.badge-danger {
  background: $materialize-badge-danger-background;
  color: $materialize-badge-danger-color;
}

.badge-warning {
  background: $materialize-badge-warning-background;
  color: $materialize-badge-warning-color;
}

.badge-info {
  background: $materialize-badge-info-background;
  color: $materialize-badge-info-color;
}

.badge-light {
  background: $materialize-badge-light-background;
  color: $materialize-badge-light-color;
}

.badge-dark {
  background: $materialize-badge-dark-background;
  color: $materialize-badge-dark-color;
}

.badge-notification {
  display: inline-block;
  margin-right: $materialize-badge-notification-outside-size;
  margin-top: $materialize-badge-notification-outside-size;
  position: relative;
}

.badge-notification[data-badge]::after {
  background: $materialize-badge-notification-background;
  border-radius: 50%;
  color: $materialize-badge-notification-color;
  content: attr(data-badge);
  font-size: $materialize-badge-notification-font-size;
  height: $materialize-badge-notification-size;
  line-height: $materialize-badge-notification-line-height;
  position: absolute;
  right: -$materialize-badge-notification-outside-size;
  text-align: center;
  top: -$materialize-badge-notification-outside-size;
  width: $materialize-badge-notification-size;
}

.badge-notification-primary[data-badge]::after {
  background: $materialize-badge-primary-background;
  color: $materialize-badge-primary-color;
}

.badge-notification-secondary[data-badge]::after {
  background: $materialize-badge-secondary-background;
  color: $materialize-badge-secondary-color;
}

.badge-notification-success[data-badge]::after {
  background: $materialize-badge-success-background;
  color: $materialize-badge-success-color;
}

.badge-notification-danger[data-badge]::after {
  background: $materialize-badge-danger-background;
  color: $materialize-badge-danger-color;
}

.badge-notification-warning[data-badge]::after {
  background: $materialize-badge-warning-background;
  color: $materialize-badge-warning-color;
}

.badge-notification-info[data-badge]::after {
  background: $materialize-badge-info-background;
  color: $materialize-badge-info-color;
}

.badge-notification-light[data-badge]::after {
  background: $materialize-badge-light-background;
  color: $materialize-badge-light-color;
}

.badge-notification-dark[data-badge]::after {
  background: $materialize-badge-dark-background;
  color: $materialize-badge-dark-color;
}

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-border-sm: 1px;
$theme-border-md: 2px;
$theme-border-lg: 3px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-color-primary: #5707EB !default;
$theme-color-secondary: #03DAC6 !default;
$theme-color-success: #28A745 !default;
$theme-color-danger: #A22027 !default;
$theme-color-warning: #FFC107 !default;
$theme-color-info: #17A2B8 !default;
$theme-color-black: #000000 !default;
$theme-color-white: #FFFFFF !default;
$theme-color-gray-80: #F4F3F4 !default;
$theme-color-gray-60: #DCDBDC !default;
$theme-color-gray-40: #6A6A6A !default;
$theme-color-gray-20: #232F34 !default;

$theme-colors: (
  'primary': $theme-color-primary,
  'secondary': $theme-color-secondary,
  'success': $theme-color-success,
  'danger': $theme-color-danger,
  'warning': $theme-color-warning,
  'info': $theme-color-info,
  'black': $theme-color-black,
  'white': $theme-color-white,
  'gray-80': $theme-color-gray-80,
  'gray-60': $theme-color-gray-60,
  'gray-40': $theme-color-gray-40,
  'gray-20': $theme-color-gray-20
);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-primary: 'Roboto' !default;
$theme-font-family-secondary: 'LiberationMono' !default;

$theme-font-size-xs: 12px;
$theme-font-size-sm: 14px;
$theme-font-size-md: 16px;
$theme-font-size-lg: 20px;
$theme-font-size-xl: 24px;

$theme-font-weight-thin: 100;
$theme-font-weight-light: 200;
$theme-font-weight-regular: 300;
$theme-font-weight-medium: 400;
$theme-font-weight-bold: 500;
$theme-font-weight-black: 600;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-icon: 'material-icons';

$theme-icon-xs: 14px;
$theme-icon-sm: 16px;
$theme-icon-md: 18px;
$theme-icon-lg: 20px;
$theme-icon-xl: 22px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-space-xxxs: 4px;
$theme-space-xxs: 6px;
$theme-space-xs: 8px;
$theme-space-sm: 12px;
$theme-space-md: 16px;
$theme-space-lg: 20px;
$theme-space-xl: 24px;
$theme-space-xxl: 28px;
$theme-space-xxxl: 32px;

$theme-space-half: 50%;
$theme-space-full: 100%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-radius-xs: 2px;
$theme-radius-sm: 4px;
$theme-radius-md: 6px;

$theme-radius-full: 50%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-shadow-sm:
  0 2px 1px -1px rgba(0, 0, 0, 0.2),
  0 1px 1px 0 rgba(0, 0,0 , 0.14),
  0 1px 3px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-md:
  0 2px 4px -1px rgba(0, 0, 0, 0.2),
  0 4px 5px 0 rgba(0, 0, 0, 0.14),
  0 1px 10px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-lg:
  0 5px 5px -3px rgba(0, 0, 0, 0.2),
  0 8px 10px 1px rgba(0, 0, 0, 0.14),
  0 3px 14px 2px rgba(0, 0, 0, 0.12);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-transition-function-in: cubic-bezier(0.4, 0, 0.2, 1);
$theme-transition-function-out: cubic-bezier(0.25, 0.8, 0.25, 1);
$theme-transition-function-in-out: cubic-bezier(0, 0, 0.2, 1);
$theme-transition-function-ease: ease;

$theme-property-background: background;
$theme-property-box-shadow: box-shadow;
$theme-property-font-size: font-size;
$theme-property-left: left;
$theme-property-max-height: max-height;
$theme-property-opacity: opacity;
$theme-property-top: top;
$theme-property-transform: transform;
$theme-property-width: width;

$theme-timer-sm: 200ms;
$theme-timer-md: 350ms;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-zindex-1: 10;
$theme-zindex-2: 20;
$theme-zindex-3: 30;



body {
  .#{$materialize-prefix}-text-align-left {
    text-align: left;
  }

  .#{$materialize-prefix}-text-align-right {
    text-align: right;
  }

  .#{$materialize-prefix}-text-align-center {
    text-align: center;
  }

  .#{$materialize-prefix}-clearfix::after {
    clear: both;
    content: '';
    display: block;
  }

  .#{$materialize-prefix}-float-left {
    float: left;
  }

  .#{$materialize-prefix}-float-right {
    float: right;
  }

  .#{$materialize-prefix}-truncate {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .#{$materialize-prefix}-text-lowercase {
    text-transform: lowercase;
  }

  .#{$materialize-prefix}-text-uppercase {
    text-transform: uppercase;
  }

  .#{$materialize-prefix}-text-capitalize {
    text-transform: capitalize;
  }

  .#{$materialize-prefix}-font-weight-bold {
    font-weight: $theme-font-weight-bold;
  }

  .#{$materialize-prefix}-font-weight-regular {
    font-weight: $theme-font-weight-regular;
  }

  .#{$materialize-prefix}-font-weight-thin {
    font-weight: $theme-font-weight-thin;
  }

  .#{$materialize-prefix}-font-weight-light {
    font-weight: $theme-font-weight-light;
  }

  .#{$materialize-prefix}-font-weight-medium {
    font-weight: $theme-font-weight-medium;
  }

  .#{$materialize-prefix}-font-weight-black {
    font-weight: $theme-font-weight-black;
  }

  .#{$materialize-prefix}-font-italic {
    font-style: italic;
  }

  .#{$materialize-prefix}-img-fluid {
    height: auto;
    width: 100%;
  }
}

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-border-sm: 1px;
$theme-border-md: 2px;
$theme-border-lg: 3px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-color-primary: #5707EB !default;
$theme-color-secondary: #03DAC6 !default;
$theme-color-success: #28A745 !default;
$theme-color-danger: #A22027 !default;
$theme-color-warning: #FFC107 !default;
$theme-color-info: #17A2B8 !default;
$theme-color-black: #000000 !default;
$theme-color-white: #FFFFFF !default;
$theme-color-gray-80: #F4F3F4 !default;
$theme-color-gray-60: #DCDBDC !default;
$theme-color-gray-40: #6A6A6A !default;
$theme-color-gray-20: #232F34 !default;

$theme-colors: (
  'primary': $theme-color-primary,
  'secondary': $theme-color-secondary,
  'success': $theme-color-success,
  'danger': $theme-color-danger,
  'warning': $theme-color-warning,
  'info': $theme-color-info,
  'black': $theme-color-black,
  'white': $theme-color-white,
  'gray-80': $theme-color-gray-80,
  'gray-60': $theme-color-gray-60,
  'gray-40': $theme-color-gray-40,
  'gray-20': $theme-color-gray-20
);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-primary: 'Roboto' !default;
$theme-font-family-secondary: 'LiberationMono' !default;

$theme-font-size-xs: 12px;
$theme-font-size-sm: 14px;
$theme-font-size-md: 16px;
$theme-font-size-lg: 20px;
$theme-font-size-xl: 24px;

$theme-font-weight-thin: 100;
$theme-font-weight-light: 200;
$theme-font-weight-regular: 300;
$theme-font-weight-medium: 400;
$theme-font-weight-bold: 500;
$theme-font-weight-black: 600;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-icon: 'material-icons';

$theme-icon-xs: 14px;
$theme-icon-sm: 16px;
$theme-icon-md: 18px;
$theme-icon-lg: 20px;
$theme-icon-xl: 22px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-space-xxxs: 4px;
$theme-space-xxs: 6px;
$theme-space-xs: 8px;
$theme-space-sm: 12px;
$theme-space-md: 16px;
$theme-space-lg: 20px;
$theme-space-xl: 24px;
$theme-space-xxl: 28px;
$theme-space-xxxl: 32px;

$theme-space-half: 50%;
$theme-space-full: 100%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-radius-xs: 2px;
$theme-radius-sm: 4px;
$theme-radius-md: 6px;

$theme-radius-full: 50%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-shadow-sm:
  0 2px 1px -1px rgba(0, 0, 0, 0.2),
  0 1px 1px 0 rgba(0, 0,0 , 0.14),
  0 1px 3px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-md:
  0 2px 4px -1px rgba(0, 0, 0, 0.2),
  0 4px 5px 0 rgba(0, 0, 0, 0.14),
  0 1px 10px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-lg:
  0 5px 5px -3px rgba(0, 0, 0, 0.2),
  0 8px 10px 1px rgba(0, 0, 0, 0.14),
  0 3px 14px 2px rgba(0, 0, 0, 0.12);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-transition-function-in: cubic-bezier(0.4, 0, 0.2, 1);
$theme-transition-function-out: cubic-bezier(0.25, 0.8, 0.25, 1);
$theme-transition-function-in-out: cubic-bezier(0, 0, 0.2, 1);
$theme-transition-function-ease: ease;

$theme-property-background: background;
$theme-property-box-shadow: box-shadow;
$theme-property-font-size: font-size;
$theme-property-left: left;
$theme-property-max-height: max-height;
$theme-property-opacity: opacity;
$theme-property-top: top;
$theme-property-transform: transform;
$theme-property-width: width;

$theme-timer-sm: 200ms;
$theme-timer-md: 350ms;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-zindex-1: 10;
$theme-zindex-2: 20;
$theme-zindex-3: 30;



$materialize-spinner-animation: spinner 0.75s linear infinite !default;
$materialize-spinner-border-size: 4px !default;
$materialize-spinner-color: map-get($theme-colors, 'primary') !default;
$materialize-spinner-size: 32px !default;

$materialize-loader-animation: grow 0.75s linear infinite !default;
$materialize-loader-color: map-get($theme-colors, 'primary') !default;
$materialize-loader-size: 32px !default;

$materialize-spinner-primary-border-color: map-get($theme-colors, 'primary') !default;
$materialize-spinner-secondary-border-color: map-get($theme-colors, 'secondary') !default;
$materialize-spinner-success-border-color: map-get($theme-colors, 'success') !default;
$materialize-spinner-danger-border-color: map-get($theme-colors, 'danger') !default;
$materialize-spinner-warning-border-color: map-get($theme-colors, 'warning') !default;
$materialize-spinner-info-border-color: map-get($theme-colors, 'info') !default;
$materialize-spinner-light-border-color: map-get($theme-colors, 'white') !default;
$materialize-spinner-dark-border-color: map-get($theme-colors, 'black') !default;

$materialize-loader-primary-color: map-get($theme-colors, 'primary') !default;
$materialize-loader-secondary-color: map-get($theme-colors, 'secondary') !default;
$materialize-loader-success-color: map-get($theme-colors, 'success') !default;
$materialize-loader-danger-color: map-get($theme-colors, 'danger') !default;
$materialize-loader-warning-color: map-get($theme-colors, 'warning') !default;
$materialize-loader-info-color: map-get($theme-colors, 'info') !default;
$materialize-loader-light-color: map-get($theme-colors, 'white') !default;
$materialize-loader-dark-color: map-get($theme-colors, 'black') !default;

.spinner {
  animation: $materialize-spinner-animation;
  border: $materialize-spinner-border-size solid currentColor;
  border-radius: 50%;
  border-right-color: transparent;
  color: $materialize-spinner-color;
  display: inline-block;
  height: $materialize-spinner-size;
  width: $materialize-spinner-size;
}

.spinner-primary {
  color: $materialize-spinner-primary-border-color;
}

.spinner-secondary {
  color: $materialize-spinner-secondary-border-color;
}

.spinner-success {
  color: $materialize-spinner-success-border-color;
}

.spinner-danger {
  color: $materialize-spinner-danger-border-color;
}

.spinner-warning {
  color: $materialize-spinner-warning-border-color;
}

.spinner-info {
  color: $materialize-spinner-info-border-color;
}

.spinner-light {
  color: $materialize-spinner-light-border-color;
}

.spinner-dark {
  color: $materialize-spinner-dark-border-color;
}

@keyframes spinner {
  100% {
    transform: rotate(360deg);
  }
}

.loader {
  animation: $materialize-loader-animation;
  background: currentColor;
  border-radius: 50%;
  color: $materialize-loader-color;
  display: inline-block;
  height: $materialize-loader-size;
  opacity: 0;
  width: $materialize-loader-size;
}

.loader-primary {
  color: $materialize-loader-primary-color;
}

.loader-secondary {
  color: $materialize-loader-secondary-color;
}

.loader-success {
  color: $materialize-loader-success-color;
}

.loader-danger {
  color: $materialize-loader-danger-color;
}

.loader-warning {
  color: $materialize-loader-warning-color;
}

.loader-info {
  color: $materialize-loader-info-color;
}

.loader-light {
  color: $materialize-loader-light-color;
}

.loader-dark {
  color: $materialize-loader-dark-color;
}

@keyframes grow {
  0% {
    transform: scale(0);
  }

  50% {
    opacity: 1;
  }
}

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-border-sm: 1px;
$theme-border-md: 2px;
$theme-border-lg: 3px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-color-primary: #5707EB !default;
$theme-color-secondary: #03DAC6 !default;
$theme-color-success: #28A745 !default;
$theme-color-danger: #A22027 !default;
$theme-color-warning: #FFC107 !default;
$theme-color-info: #17A2B8 !default;
$theme-color-black: #000000 !default;
$theme-color-white: #FFFFFF !default;
$theme-color-gray-80: #F4F3F4 !default;
$theme-color-gray-60: #DCDBDC !default;
$theme-color-gray-40: #6A6A6A !default;
$theme-color-gray-20: #232F34 !default;

$theme-colors: (
  'primary': $theme-color-primary,
  'secondary': $theme-color-secondary,
  'success': $theme-color-success,
  'danger': $theme-color-danger,
  'warning': $theme-color-warning,
  'info': $theme-color-info,
  'black': $theme-color-black,
  'white': $theme-color-white,
  'gray-80': $theme-color-gray-80,
  'gray-60': $theme-color-gray-60,
  'gray-40': $theme-color-gray-40,
  'gray-20': $theme-color-gray-20
);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-primary: 'Roboto' !default;
$theme-font-family-secondary: 'LiberationMono' !default;

$theme-font-size-xs: 12px;
$theme-font-size-sm: 14px;
$theme-font-size-md: 16px;
$theme-font-size-lg: 20px;
$theme-font-size-xl: 24px;

$theme-font-weight-thin: 100;
$theme-font-weight-light: 200;
$theme-font-weight-regular: 300;
$theme-font-weight-medium: 400;
$theme-font-weight-bold: 500;
$theme-font-weight-black: 600;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-icon: 'material-icons';

$theme-icon-xs: 14px;
$theme-icon-sm: 16px;
$theme-icon-md: 18px;
$theme-icon-lg: 20px;
$theme-icon-xl: 22px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-space-xxxs: 4px;
$theme-space-xxs: 6px;
$theme-space-xs: 8px;
$theme-space-sm: 12px;
$theme-space-md: 16px;
$theme-space-lg: 20px;
$theme-space-xl: 24px;
$theme-space-xxl: 28px;
$theme-space-xxxl: 32px;

$theme-space-half: 50%;
$theme-space-full: 100%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-radius-xs: 2px;
$theme-radius-sm: 4px;
$theme-radius-md: 6px;

$theme-radius-full: 50%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-shadow-sm:
  0 2px 1px -1px rgba(0, 0, 0, 0.2),
  0 1px 1px 0 rgba(0, 0,0 , 0.14),
  0 1px 3px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-md:
  0 2px 4px -1px rgba(0, 0, 0, 0.2),
  0 4px 5px 0 rgba(0, 0, 0, 0.14),
  0 1px 10px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-lg:
  0 5px 5px -3px rgba(0, 0, 0, 0.2),
  0 8px 10px 1px rgba(0, 0, 0, 0.14),
  0 3px 14px 2px rgba(0, 0, 0, 0.12);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-transition-function-in: cubic-bezier(0.4, 0, 0.2, 1);
$theme-transition-function-out: cubic-bezier(0.25, 0.8, 0.25, 1);
$theme-transition-function-in-out: cubic-bezier(0, 0, 0.2, 1);
$theme-transition-function-ease: ease;

$theme-property-background: background;
$theme-property-box-shadow: box-shadow;
$theme-property-font-size: font-size;
$theme-property-left: left;
$theme-property-max-height: max-height;
$theme-property-opacity: opacity;
$theme-property-top: top;
$theme-property-transform: transform;
$theme-property-width: width;

$theme-timer-sm: 200ms;
$theme-timer-md: 350ms;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-zindex-1: 10;
$theme-zindex-2: 20;
$theme-zindex-3: 30;



$materialize-blockquote-font-family: $theme-font-family-primary !default;
$materialize-blockquote-border-color: map-get($theme-colors, 'primary') !default;
$materialize-blockquote-border-size: 5px !default;
$materialize-blockquote-font-color: map-get($theme-colors, 'black') !default;
$materialize-blockquote-font-size: $theme-font-size-md !default;
$materialize-blockquote-font-weight: $theme-font-weight-medium !default;
$materialize-blockquote-line-height: $theme-font-size-xl !default;

$materialize-heading-font-family: $theme-font-family-primary !default;
$materialize-heading-1-font-family: $materialize-heading-font-family !default;
$materialize-heading-2-font-family: $materialize-heading-font-family !default;
$materialize-heading-3-font-family: $materialize-heading-font-family !default;
$materialize-heading-4-font-family: $materialize-heading-font-family !default;
$materialize-heading-5-font-family: $materialize-heading-font-family !default;
$materialize-heading-6-font-family: $materialize-heading-font-family !default;
$materialize-heading-1-font-size: 64px !default;
$materialize-heading-2-font-size: 54px !default;
$materialize-heading-3-font-size: 44px !default;
$materialize-heading-4-font-size: 34px !default;
$materialize-heading-5-font-size: 24px !default;
$materialize-heading-6-font-size: 18px !default;
$materialize-heading-font-weight: $theme-font-weight-medium !default;
$materialize-heading-1-font-weight: $theme-font-weight-medium !default;
$materialize-heading-2-font-weight: $theme-font-weight-medium !default;
$materialize-heading-3-font-weight: $theme-font-weight-medium !default;
$materialize-heading-4-font-weight: $theme-font-weight-medium !default;
$materialize-heading-5-font-weight: $theme-font-weight-medium !default;
$materialize-heading-6-font-weight: $theme-font-weight-medium !default;

.h1 {
  display: block;
  font-family: $materialize-heading-1-font-family;
  font-size: $materialize-heading-1-font-size;
  font-weight: $materialize-heading-1-font-weight;
  line-height: 100%;
  margin: $theme-space-xxxl 0 $theme-space-xxl 0;
}

.h2 {
  display: block;
  font-family: $materialize-heading-2-font-family;
  font-size: $materialize-heading-2-font-size;
  font-weight: $materialize-heading-2-font-weight;
  line-height: 100%;
  margin: $theme-space-xxl 0 $theme-space-xl 0;
}

.h3 {
  display: block;
  font-family: $materialize-heading-3-font-family;
  font-size: $materialize-heading-3-font-size;
  font-weight: $materialize-heading-3-font-weight;
  line-height: 100%;
  margin: $theme-space-xl 0 $theme-space-lg 0;
}

.h4 {
  display: block;
  font-family: $materialize-heading-4-font-family;
  font-size: $materialize-heading-4-font-size;
  font-weight: $materialize-heading-4-font-weight;
  line-height: 100%;
  margin: $theme-space-lg 0 $theme-space-md 0;
}

.h5 {
  display: block;
  font-family: $materialize-heading-5-font-family;
  font-size: $materialize-heading-5-font-size;
  font-weight: $materialize-heading-5-font-weight;
  line-height: 100%;
  margin: $theme-space-md 0 $theme-space-sm 0;
}

.h6 {
  display: block;
  font-family: $materialize-heading-6-font-family;
  font-size: $materialize-heading-6-font-size;
  font-weight: $materialize-heading-6-font-weight;
  line-height: 100%;
  margin: $theme-space-sm 0 $theme-space-xs 0;
}

.blockquote {
  border-left: $materialize-blockquote-border-color solid $materialize-blockquote-border-size;
  color: $materialize-blockquote-font-color;
  display: block;
  font-family: $materialize-blockquote-font-family;
  font-size: $materialize-blockquote-font-size;
  font-weight: $materialize-blockquote-font-weight;
  line-height: $materialize-blockquote-line-height;
  margin: $theme-space-lg 0 $theme-space-lg;
  padding-left: $theme-space-lg;
}

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-border-sm: 1px;
$theme-border-md: 2px;
$theme-border-lg: 3px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-color-primary: #5707EB !default;
$theme-color-secondary: #03DAC6 !default;
$theme-color-success: #28A745 !default;
$theme-color-danger: #A22027 !default;
$theme-color-warning: #FFC107 !default;
$theme-color-info: #17A2B8 !default;
$theme-color-black: #000000 !default;
$theme-color-white: #FFFFFF !default;
$theme-color-gray-80: #F4F3F4 !default;
$theme-color-gray-60: #DCDBDC !default;
$theme-color-gray-40: #6A6A6A !default;
$theme-color-gray-20: #232F34 !default;

$theme-colors: (
  'primary': $theme-color-primary,
  'secondary': $theme-color-secondary,
  'success': $theme-color-success,
  'danger': $theme-color-danger,
  'warning': $theme-color-warning,
  'info': $theme-color-info,
  'black': $theme-color-black,
  'white': $theme-color-white,
  'gray-80': $theme-color-gray-80,
  'gray-60': $theme-color-gray-60,
  'gray-40': $theme-color-gray-40,
  'gray-20': $theme-color-gray-20
);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-primary: 'Roboto' !default;
$theme-font-family-secondary: 'LiberationMono' !default;

$theme-font-size-xs: 12px;
$theme-font-size-sm: 14px;
$theme-font-size-md: 16px;
$theme-font-size-lg: 20px;
$theme-font-size-xl: 24px;

$theme-font-weight-thin: 100;
$theme-font-weight-light: 200;
$theme-font-weight-regular: 300;
$theme-font-weight-medium: 400;
$theme-font-weight-bold: 500;
$theme-font-weight-black: 600;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-icon: 'material-icons';

$theme-icon-xs: 14px;
$theme-icon-sm: 16px;
$theme-icon-md: 18px;
$theme-icon-lg: 20px;
$theme-icon-xl: 22px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-space-xxxs: 4px;
$theme-space-xxs: 6px;
$theme-space-xs: 8px;
$theme-space-sm: 12px;
$theme-space-md: 16px;
$theme-space-lg: 20px;
$theme-space-xl: 24px;
$theme-space-xxl: 28px;
$theme-space-xxxl: 32px;

$theme-space-half: 50%;
$theme-space-full: 100%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-radius-xs: 2px;
$theme-radius-sm: 4px;
$theme-radius-md: 6px;

$theme-radius-full: 50%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-shadow-sm:
  0 2px 1px -1px rgba(0, 0, 0, 0.2),
  0 1px 1px 0 rgba(0, 0,0 , 0.14),
  0 1px 3px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-md:
  0 2px 4px -1px rgba(0, 0, 0, 0.2),
  0 4px 5px 0 rgba(0, 0, 0, 0.14),
  0 1px 10px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-lg:
  0 5px 5px -3px rgba(0, 0, 0, 0.2),
  0 8px 10px 1px rgba(0, 0, 0, 0.14),
  0 3px 14px 2px rgba(0, 0, 0, 0.12);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-transition-function-in: cubic-bezier(0.4, 0, 0.2, 1);
$theme-transition-function-out: cubic-bezier(0.25, 0.8, 0.25, 1);
$theme-transition-function-in-out: cubic-bezier(0, 0, 0.2, 1);
$theme-transition-function-ease: ease;

$theme-property-background: background;
$theme-property-box-shadow: box-shadow;
$theme-property-font-size: font-size;
$theme-property-left: left;
$theme-property-max-height: max-height;
$theme-property-opacity: opacity;
$theme-property-top: top;
$theme-property-transform: transform;
$theme-property-width: width;

$theme-timer-sm: 200ms;
$theme-timer-md: 350ms;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-zindex-1: 10;
$theme-zindex-2: 20;
$theme-zindex-3: 30;



$materialize-grid-columns: 12;
$materialize-grid-gap-size: 16px;
$materialize-media-breakpoint-sm: 576px;
$materialize-media-breakpoint-md: 768px;
$materialize-media-breakpoint-lg: 992px;
$materialize-media-breakpoint-xl: 1200px;
$materialize-container-max-width-sm: 540px;
$materialize-container-max-width-md: 720px;
$materialize-container-max-width-lg: 960px;
$materialize-container-max-width-xl: 1140px;
$materialize-media-breakpoints: (
  sm: (
    breakpoint: 576px,
    container-width: 540px,
    min: 576px,
    max: 767px
  ),
  md: (
    breakpoint: 768px,
    container-width: 720px,
    min: 768px,
    max: 991px
  ),
  lg: (
    breakpoint: 992px,
    container-width: 960px,
    min: 992px,
    max: 1199px
  ),
  xl: (
    breakpoint: 1200px,
    container-width: 1140px,
    min: 1200px
  )
);

.#{$materialize-prefix}-container,
.#{$materialize-prefix}-container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: $materialize-grid-gap-size;
  padding-right: $materialize-grid-gap-size;
  width: 100%;
}

.#{$materialize-prefix}-row {
  display: grid;
  grid-auto-rows: min-content;
  grid-template-columns: repeat($materialize-grid-columns, 1fr);
  margin-left: -$materialize-grid-gap-size;
  margin-right: -$materialize-grid-gap-size;
}

.#{$materialize-prefix}-row-gap {
  grid-gap: $materialize-grid-gap-size;
}

[class^='#{$materialize-prefix}-col-'] {
  padding: 0 $materialize-grid-gap-size;
}

@mixin generate-container-rules($materialize-breakpoints) {
  @each $key, $value in $materialize-breakpoints {
    @media (min-width: map-get($value, 'breakpoint')) {
      .#{$materialize-prefix}-container {
        max-width: map-get($value, 'container-width');
      }
    }
  }
}

@mixin generate-hidden-classes($materialize-media-queries) {
  @each $key, $value in $materialize-media-queries {
    @if map-get($value, 'max') {
      @media (min-width: map-get($value, 'min')) and (max-width: map-get($value, 'max')) {
        .#{$materialize-prefix}-hidden-#{$key} {
          display: none;
        }
      }
    }
    @else {
      @media (min-width: map-get($value, 'min')) {
        .#{$materialize-prefix}-hidden-#{$key} {
          display: none;
        }
      }
    }
  }
}

@mixin generate-columns($columns, $materialize-breakpoints) {
  @for $i from 1 through $columns {
    .#{$materialize-prefix}-col-#{$i} {
      grid-column: span $i;
    }
  }

  @each $key, $value in $materialize-breakpoints {
    @media (min-width: map-get($value, 'breakpoint')) {
      @for $i from 1 through $columns {
        .#{$materialize-prefix}-col-#{$key}-#{$i} {
          grid-column: span $i;
        }
      }
    }
  }
}

@include generate-columns($materialize-grid-columns, $materialize-media-breakpoints);
@include generate-hidden-classes($materialize-media-breakpoints);
@include generate-container-rules($materialize-media-breakpoints);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-border-sm: 1px;
$theme-border-md: 2px;
$theme-border-lg: 3px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-color-primary: #5707EB !default;
$theme-color-secondary: #03DAC6 !default;
$theme-color-success: #28A745 !default;
$theme-color-danger: #A22027 !default;
$theme-color-warning: #FFC107 !default;
$theme-color-info: #17A2B8 !default;
$theme-color-black: #000000 !default;
$theme-color-white: #FFFFFF !default;
$theme-color-gray-80: #F4F3F4 !default;
$theme-color-gray-60: #DCDBDC !default;
$theme-color-gray-40: #6A6A6A !default;
$theme-color-gray-20: #232F34 !default;

$theme-colors: (
  'primary': $theme-color-primary,
  'secondary': $theme-color-secondary,
  'success': $theme-color-success,
  'danger': $theme-color-danger,
  'warning': $theme-color-warning,
  'info': $theme-color-info,
  'black': $theme-color-black,
  'white': $theme-color-white,
  'gray-80': $theme-color-gray-80,
  'gray-60': $theme-color-gray-60,
  'gray-40': $theme-color-gray-40,
  'gray-20': $theme-color-gray-20
);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-primary: 'Roboto' !default;
$theme-font-family-secondary: 'LiberationMono' !default;

$theme-font-size-xs: 12px;
$theme-font-size-sm: 14px;
$theme-font-size-md: 16px;
$theme-font-size-lg: 20px;
$theme-font-size-xl: 24px;

$theme-font-weight-thin: 100;
$theme-font-weight-light: 200;
$theme-font-weight-regular: 300;
$theme-font-weight-medium: 400;
$theme-font-weight-bold: 500;
$theme-font-weight-black: 600;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-icon: 'material-icons';

$theme-icon-xs: 14px;
$theme-icon-sm: 16px;
$theme-icon-md: 18px;
$theme-icon-lg: 20px;
$theme-icon-xl: 22px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-space-xxxs: 4px;
$theme-space-xxs: 6px;
$theme-space-xs: 8px;
$theme-space-sm: 12px;
$theme-space-md: 16px;
$theme-space-lg: 20px;
$theme-space-xl: 24px;
$theme-space-xxl: 28px;
$theme-space-xxxl: 32px;

$theme-space-half: 50%;
$theme-space-full: 100%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-radius-xs: 2px;
$theme-radius-sm: 4px;
$theme-radius-md: 6px;

$theme-radius-full: 50%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-shadow-sm:
  0 2px 1px -1px rgba(0, 0, 0, 0.2),
  0 1px 1px 0 rgba(0, 0,0 , 0.14),
  0 1px 3px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-md:
  0 2px 4px -1px rgba(0, 0, 0, 0.2),
  0 4px 5px 0 rgba(0, 0, 0, 0.14),
  0 1px 10px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-lg:
  0 5px 5px -3px rgba(0, 0, 0, 0.2),
  0 8px 10px 1px rgba(0, 0, 0, 0.14),
  0 3px 14px 2px rgba(0, 0, 0, 0.12);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-transition-function-in: cubic-bezier(0.4, 0, 0.2, 1);
$theme-transition-function-out: cubic-bezier(0.25, 0.8, 0.25, 1);
$theme-transition-function-in-out: cubic-bezier(0, 0, 0.2, 1);
$theme-transition-function-ease: ease;

$theme-property-background: background;
$theme-property-box-shadow: box-shadow;
$theme-property-font-size: font-size;
$theme-property-left: left;
$theme-property-max-height: max-height;
$theme-property-opacity: opacity;
$theme-property-top: top;
$theme-property-transform: transform;
$theme-property-width: width;

$theme-timer-sm: 200ms;
$theme-timer-md: 350ms;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-zindex-1: 10;
$theme-zindex-2: 20;
$theme-zindex-3: 30;



$materialize-spacer: 16px;

$materialize-spacer-values: (
  none: $materialize-spacer * 0,
  xs: $materialize-spacer * 1,
  sm: $materialize-spacer * 1.25,
  md: $materialize-spacer * 1.5,
  lg: $materialize-spacer * 1.75,
  xl: $materialize-spacer * 2
);

$materialize-spacer-orientations: (
  l: left,
  r: right,
  t: top,
  b: bottom
);
$materialize-spacer-types: ('m', 'p');

@mixin generate-classes() {
  @each $type in $materialize-spacer-types {
    @each $orientation-abb, $orientation-val in $materialize-spacer-orientations {
      @each $key, $value in $materialize-spacer-values {
        .#{$materialize-prefix}-#{$type}-#{$orientation-abb}-#{$key} {
          @if $type == 'm' {
            margin-#{$orientation-val}: $value;
          }
          @else {
            padding-#{$orientation-val}: $value;
          }
        }
      }
    }
  }
}

@include generate-classes();

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

.#{$materialize-prefix}-html-visualizer {
  background: #F8F8FA;
  border-radius: 5px;
  color: #005CC5;
  font-family: $theme-font-family-secondary;
  font-size: 14px;
  font-weight: $theme-font-weight-regular;
  line-height: 18px;
  margin: $theme-space-xs 0;
  padding: $theme-space-sm;
}

.#{$materialize-prefix}-html-visualizer-content {
  overflow-x: auto;
  white-space: pre;
}

.#{$materialize-prefix}-html-visualizer-attribute {
  color: #6F42C1;
}

.#{$materialize-prefix}-html-visualizer-value {
  color: #032F62;
}

.#{$materialize-prefix}-html-visualizer-symbol {
  color: #032F62;
}


/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-fonts-path: './../fonts' !default;
$materialize-prefix: 'materialize' !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-border-sm: 1px;
$theme-border-md: 2px;
$theme-border-lg: 3px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-color-primary: #5707EB !default;
$theme-color-secondary: #03DAC6 !default;
$theme-color-success: #28A745 !default;
$theme-color-danger: #A22027 !default;
$theme-color-warning: #FFC107 !default;
$theme-color-info: #17A2B8 !default;
$theme-color-black: #000000 !default;
$theme-color-white: #FFFFFF !default;
$theme-color-gray-80: #F4F3F4 !default;
$theme-color-gray-60: #DCDBDC !default;
$theme-color-gray-40: #6A6A6A !default;
$theme-color-gray-20: #232F34 !default;

$theme-colors: (
  'primary': $theme-color-primary,
  'secondary': $theme-color-secondary,
  'success': $theme-color-success,
  'danger': $theme-color-danger,
  'warning': $theme-color-warning,
  'info': $theme-color-info,
  'black': $theme-color-black,
  'white': $theme-color-white,
  'gray-80': $theme-color-gray-80,
  'gray-60': $theme-color-gray-60,
  'gray-40': $theme-color-gray-40,
  'gray-20': $theme-color-gray-20
);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-primary: 'Roboto' !default;
$theme-font-family-secondary: 'LiberationMono' !default;

$theme-font-size-xs: 12px;
$theme-font-size-sm: 14px;
$theme-font-size-md: 16px;
$theme-font-size-lg: 20px;
$theme-font-size-xl: 24px;

$theme-font-weight-thin: 100;
$theme-font-weight-light: 200;
$theme-font-weight-regular: 300;
$theme-font-weight-medium: 400;
$theme-font-weight-bold: 500;
$theme-font-weight-black: 600;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-icon: 'material-icons';

$theme-icon-xs: 14px;
$theme-icon-sm: 16px;
$theme-icon-md: 18px;
$theme-icon-lg: 20px;
$theme-icon-xl: 22px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-space-xxxs: 4px;
$theme-space-xxs: 6px;
$theme-space-xs: 8px;
$theme-space-sm: 12px;
$theme-space-md: 16px;
$theme-space-lg: 20px;
$theme-space-xl: 24px;
$theme-space-xxl: 28px;
$theme-space-xxxl: 32px;

$theme-space-half: 50%;
$theme-space-full: 100%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-radius-xs: 2px;
$theme-radius-sm: 4px;
$theme-radius-md: 6px;

$theme-radius-full: 50%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-shadow-sm:
  0 2px 1px -1px rgba(0, 0, 0, 0.2),
  0 1px 1px 0 rgba(0, 0,0 , 0.14),
  0 1px 3px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-md:
  0 2px 4px -1px rgba(0, 0, 0, 0.2),
  0 4px 5px 0 rgba(0, 0, 0, 0.14),
  0 1px 10px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-lg:
  0 5px 5px -3px rgba(0, 0, 0, 0.2),
  0 8px 10px 1px rgba(0, 0, 0, 0.14),
  0 3px 14px 2px rgba(0, 0, 0, 0.12);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-transition-function-in: cubic-bezier(0.4, 0, 0.2, 1);
$theme-transition-function-out: cubic-bezier(0.25, 0.8, 0.25, 1);
$theme-transition-function-in-out: cubic-bezier(0, 0, 0.2, 1);
$theme-transition-function-ease: ease;

$theme-property-background: background;
$theme-property-box-shadow: box-shadow;
$theme-property-font-size: font-size;
$theme-property-left: left;
$theme-property-max-height: max-height;
$theme-property-opacity: opacity;
$theme-property-top: top;
$theme-property-transform: transform;
$theme-property-width: width;

$theme-timer-sm: 200ms;
$theme-timer-md: 350ms;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-zindex-1: 10;
$theme-zindex-2: 20;
$theme-zindex-3: 30;



/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-form-control-container-background: map-get($theme-colors, 'gray-80') !default;
$materialize-form-control-container-border-color: map-get($theme-colors, 'gray-40') !default;
$materialize-form-control-container-border-radius:
$theme-radius-sm $theme-radius-sm 0 0 !default;
$materialize-form-control-container-border-style: solid !default;
$materialize-form-control-container-border-width: 0 0 $theme-border-sm 0 !default;
$materialize-form-control-container-margin: 0 !default;
$materialize-form-control-container-outiline: none !default;

$materialize-form-control-container-line-bottom: -1px !default;
$materialize-form-control-container-line-color: map-get($theme-colors, 'primary') !default;
$materialize-form-control-container-line-height: $theme-border-md !default;
$materialize-form-control-container-line-transition:
$theme-timer-md $theme-transition-function-ease $theme-property-width !default;
$materialize-form-control-container-line-width: 0 !default;
$materialize-form-control-container-line-z-index:  $theme-zindex-1 !default;

$materialize-form-control-caret-color: map-get($theme-colors, 'primary') !default;
$materialize-form-control-color: map-get($theme-colors, 'gray-20') !default;
$materialize-form-control-font-family: $theme-font-family-primary !default;
$materialize-form-control-font-size: $theme-font-size-md !default;
$materialize-form-control-font-weight: $theme-font-weight-regular !default;
$materialize-form-control-line-height: 100% !default;
$materialize-form-control-letter-spacing: 0 !default;
$materialize-form-control-padding: $theme-space-sm !default;

$materialize-form-control-placeholder-color: map-get($theme-colors, 'gray-60') !default;
$materialize-form-control-placeholder-font-weight: $theme-font-weight-regular !default;

$materialize-form-control-with-label-padding-top: $theme-space-xl !default;

$materialize-form-control-label-background: map-get($theme-colors, 'gray-80') !default;
$materialize-form-control-label-color: map-get($theme-colors, 'gray-40') !default;
$materialize-form-control-label-font-family: $theme-font-family-primary !default;
$materialize-form-control-label-font-size: $theme-font-size-md !default;
$materialize-form-control-label-font-weight: $theme-font-weight-regular !default;
$materialize-form-control-label-letter-spacing: 0 !default;
$materialize-form-control-label-transition-duration: $theme-timer-sm !default;
$materialize-form-control-label-transition-function: $theme-transition-function-ease !default;
$materialize-form-control-label-transition-property: $theme-property-top $theme-property-font-size !default;
$materialize-form-control-label-padding: $theme-space-xs $theme-space-sm $theme-space-xxxs !default;

$materialize-form-control-active-label-font-size: $theme-font-size-xs !default;
$materialize-form-control-active-label-top: 0 !default;

$materialize-form-control-focused-container-line-width: 100% !default;
$materialize-form-control-focused-label-color: map-get($theme-colors, 'primary') !default;

$materialize-form-control-disabled-container-border-color: map-get($theme-colors, 'gray-60') !default;
$materialize-form-control-disabled-container-background: map-get($theme-colors, 'gray-80') !default;
$materialize-form-control-disabled-label-color: map-get($theme-colors, 'gray-60') !default;
$materialize-form-control-disabled-color: map-get($theme-colors, 'gray-60') !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

.#{$materialize-prefix}-form-control-container {
  background: $materialize-form-control-container-background;
  border-color: $materialize-form-control-container-border-color;
  border-radius: $materialize-form-control-container-border-radius;
  border-style: $materialize-form-control-container-border-style;
  border-width: $materialize-form-control-container-border-width;
  display: flex;
  flex-direction: row;
  margin: $materialize-form-control-container-margin;
  outline: $materialize-form-control-container-outiline;
  position: relative;

  &::after {
    background: $materialize-form-control-container-line-color;
    bottom: $materialize-form-control-container-line-bottom;
    content: '';
    height: $materialize-form-control-container-line-height;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    transition: $materialize-form-control-container-line-transition;
    width: $materialize-form-control-container-line-width;
    z-index: $materialize-form-control-container-line-z-index;
  }

  &.float-label .#{$materialize-prefix}-form-control {
    padding-top: $materialize-form-control-with-label-padding-top;
  }

  &.active .#{$materialize-prefix}-form-control-label,
  &.focused .#{$materialize-prefix}-form-control-label {
    font-size: $materialize-form-control-active-label-font-size;
    line-height: $materialize-form-control-active-label-font-size;
    top: $materialize-form-control-active-label-top;
    transform: unset;
  }

  &.focused {
    &::after {
      width: $materialize-form-control-focused-container-line-width;
    }

    .#{$materialize-prefix}-form-control-label {
      color: $materialize-form-control-focused-label-color;
    }
  }

  &.disabled {
    background: $materialize-form-control-disabled-container-background;
    border-color: $materialize-form-control-disabled-container-border-color;

    .#{$materialize-prefix}-form-control,
    .#{$materialize-prefix}-form-control-label {
      cursor: not-allowed;
    }

    .#{$materialize-prefix}-form-control {
      color: $materialize-form-control-disabled-color;
    }

    .#{$materialize-prefix}-form-control-label {
      color: $materialize-form-control-disabled-label-color;
    }
  }
}

.#{$materialize-prefix}-form-control-wrapper {
  position: relative;
  width: 100%;
}

.#{$materialize-prefix}-form-control {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  box-sizing: border-box;
  caret-color: $materialize-form-control-caret-color;
  color: $materialize-form-control-color;
  font-family: $materialize-form-control-font-family;
  font-size: $materialize-form-control-font-size;
  font-weight: $materialize-form-control-font-weight;
  height: 100%;
  letter-spacing: $materialize-form-control-letter-spacing;
  line-height: $materialize-form-control-line-height;
  max-width: 100%;
  outline: none;
  padding: $materialize-form-control-padding;
  resize: vertical;
  white-space: nowrap;
  width: 100%;

  &::placeholder {
    color: $materialize-form-control-placeholder-color;
    font-weight: $materialize-form-control-placeholder-font-weight;
  }
}

.#{$materialize-prefix}-form-control-label {
  background: $materialize-form-control-label-background;
  border-radius: $materialize-form-control-container-border-radius;
  color: $materialize-form-control-label-color;
  cursor: text;
  font-family: $materialize-form-control-label-font-family;
  font-size: $materialize-form-control-label-font-size;
  font-weight: $materialize-form-control-label-font-weight;
  left: 0;
  letter-spacing: $materialize-form-control-label-letter-spacing;
  line-height: $materialize-form-control-label-font-size;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition-duration: $materialize-form-control-label-transition-duration;
  transition-property: $materialize-form-control-label-transition-property;
  transition-timing-function: $materialize-form-control-label-transition-function;
  width: 100%;

  &:not(:empty) {
    padding: $materialize-form-control-label-padding;
  }
}

.#{$materialize-prefix}-form-control-prefix,
.#{$materialize-prefix}-form-control-suffix {
  align-items: center;
  color: $materialize-form-control-color;
  display: flex;
  font-family: $materialize-form-control-font-family;
  font-size: $materialize-form-control-font-size;
  font-weight: $materialize-form-control-font-weight;
  letter-spacing: $materialize-form-control-letter-spacing;
  line-height: $materialize-form-control-line-height;
  white-space: nowrap;
}

.#{$materialize-prefix}-form-control-prefix:not(:empty) {
  padding-left: $theme-space-sm;
}

.#{$materialize-prefix}-form-control-suffix:not(:empty) {
  padding-right: $theme-space-sm;
}

%form-control-error {
  .#{$materialize-prefix}-form-control-container::after {
    background: map-get($theme-colors, 'danger');
    width: 100%;
  }

  .#{$materialize-prefix}-form-control-label {
    color: map-get($theme-colors, 'danger');
  }

  .#{$materialize-prefix}-form-control {
    caret-color: map-get($theme-colors, 'danger');
  }
}


/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-fonts-path: './../fonts' !default;
$materialize-prefix: 'materialize' !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-border-sm: 1px;
$theme-border-md: 2px;
$theme-border-lg: 3px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-color-primary: #5707EB !default;
$theme-color-secondary: #03DAC6 !default;
$theme-color-success: #28A745 !default;
$theme-color-danger: #A22027 !default;
$theme-color-warning: #FFC107 !default;
$theme-color-info: #17A2B8 !default;
$theme-color-black: #000000 !default;
$theme-color-white: #FFFFFF !default;
$theme-color-gray-80: #F4F3F4 !default;
$theme-color-gray-60: #DCDBDC !default;
$theme-color-gray-40: #6A6A6A !default;
$theme-color-gray-20: #232F34 !default;

$theme-colors: (
  'primary': $theme-color-primary,
  'secondary': $theme-color-secondary,
  'success': $theme-color-success,
  'danger': $theme-color-danger,
  'warning': $theme-color-warning,
  'info': $theme-color-info,
  'black': $theme-color-black,
  'white': $theme-color-white,
  'gray-80': $theme-color-gray-80,
  'gray-60': $theme-color-gray-60,
  'gray-40': $theme-color-gray-40,
  'gray-20': $theme-color-gray-20
);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-primary: 'Roboto' !default;
$theme-font-family-secondary: 'LiberationMono' !default;

$theme-font-size-xs: 12px;
$theme-font-size-sm: 14px;
$theme-font-size-md: 16px;
$theme-font-size-lg: 20px;
$theme-font-size-xl: 24px;

$theme-font-weight-thin: 100;
$theme-font-weight-light: 200;
$theme-font-weight-regular: 300;
$theme-font-weight-medium: 400;
$theme-font-weight-bold: 500;
$theme-font-weight-black: 600;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-icon: 'material-icons';

$theme-icon-xs: 14px;
$theme-icon-sm: 16px;
$theme-icon-md: 18px;
$theme-icon-lg: 20px;
$theme-icon-xl: 22px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-space-xxxs: 4px;
$theme-space-xxs: 6px;
$theme-space-xs: 8px;
$theme-space-sm: 12px;
$theme-space-md: 16px;
$theme-space-lg: 20px;
$theme-space-xl: 24px;
$theme-space-xxl: 28px;
$theme-space-xxxl: 32px;

$theme-space-half: 50%;
$theme-space-full: 100%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-radius-xs: 2px;
$theme-radius-sm: 4px;
$theme-radius-md: 6px;

$theme-radius-full: 50%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-shadow-sm:
  0 2px 1px -1px rgba(0, 0, 0, 0.2),
  0 1px 1px 0 rgba(0, 0,0 , 0.14),
  0 1px 3px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-md:
  0 2px 4px -1px rgba(0, 0, 0, 0.2),
  0 4px 5px 0 rgba(0, 0, 0, 0.14),
  0 1px 10px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-lg:
  0 5px 5px -3px rgba(0, 0, 0, 0.2),
  0 8px 10px 1px rgba(0, 0, 0, 0.14),
  0 3px 14px 2px rgba(0, 0, 0, 0.12);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-transition-function-in: cubic-bezier(0.4, 0, 0.2, 1);
$theme-transition-function-out: cubic-bezier(0.25, 0.8, 0.25, 1);
$theme-transition-function-in-out: cubic-bezier(0, 0, 0.2, 1);
$theme-transition-function-ease: ease;

$theme-property-background: background;
$theme-property-box-shadow: box-shadow;
$theme-property-font-size: font-size;
$theme-property-left: left;
$theme-property-max-height: max-height;
$theme-property-opacity: opacity;
$theme-property-top: top;
$theme-property-transform: transform;
$theme-property-width: width;

$theme-timer-sm: 200ms;
$theme-timer-md: 350ms;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-zindex-1: 10;
$theme-zindex-2: 20;
$theme-zindex-3: 30;



/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-button-accent-background: map-get($theme-colors, 'primary') !default;
$materialize-button-accent-border: 0 !default;
$materialize-button-accent-border-radius: $theme-radius-sm !default;
$materialize-button-accent-box-shadow: $theme-shadow-sm !default;
$materialize-button-accent-color: map-get($theme-colors, 'white') !default;
$materialize-button-accent-cursor: pointer !default;
$materialize-button-accent-display: block !default;
$materialize-button-accent-font-family: $theme-font-family-primary !default;
$materialize-button-accent-font-size: $theme-font-size-md !default;
$materialize-button-accent-font-weight: $theme-font-weight-regular !default;
$materialize-button-accent-height: auto !default;
$materialize-button-accent-margin: $theme-space-sm auto !default;
$materialize-button-accent-outline: none !default;
$materialize-button-accent-padding: $theme-space-sm $theme-space-md !default;
$materialize-button-accent-tap-highlight-color: transparent !default;
$materialize-button-accent-text-align: center !default;
$materialize-button-accent-text-transform: uppercase !default;
$materialize-button-accent-transition:
$theme-property-background $theme-timer-md $theme-transition-function-ease !default;
$materialize-button-accent-white-space: nowrap !default;
$materialize-button-accent-width: auto !default;

$materialize-button-accent-hover-background: lighten(map-get($theme-colors, 'primary'), 5%) !default;
$materialize-button-accent-focused-background: lighten(map-get($theme-colors, 'primary'), 10%) !default;

$materialize-button-accent-disabled-background: map-get($theme-colors, 'gray-60') !default;
$materialize-button-accent-disabled-box-shadow: none !default;
$materialize-button-accent-disabled-color: map-get($theme-colors, 'gray-40') !default;

$materialize-button-accent-ripple-background: rgba(lighten(map-get($theme-colors, 'primary'), 50%), 0.2) !default;

$materialize-button-outline-background: transparent !default;
$materialize-button-outline-border: $theme-border-sm solid map-get($theme-colors, 'gray-60') !default;
$materialize-button-outline-border-radius: $theme-radius-sm !default;
$materialize-button-outline-color: map-get($theme-colors, 'primary') !default;
$materialize-button-outline-cursor: pointer !default;
$materialize-button-outline-display: block !default;
$materialize-button-outline-font-family: $theme-font-family-primary !default;
$materialize-button-outline-font-size: $theme-font-size-md !default;
$materialize-button-outline-font-weight: $theme-font-weight-regular !default;
$materialize-button-outline-height: auto !default;
$materialize-button-outline-margin: $theme-space-sm auto !default;
$materialize-button-outline-outline: none !default;
$materialize-button-outline-padding: $theme-space-sm $theme-space-md !default;
$materialize-button-outline-tap-highlight-color: transparent !default;
$materialize-button-outline-text-align: center !default;
$materialize-button-outline-text-transform: uppercase !default;
$materialize-button-outline-transition:
$theme-property-background $theme-timer-md $theme-transition-function-ease !default;
$materialize-button-outline-white-space: nowrap !default;
$materialize-button-outline-width: auto !default;

$materialize-button-outline-hover-background: rgba(map-get($theme-colors, 'primary'), 0.05) !default;
$materialize-button-outline-focused-background: rgba(map-get($theme-colors, 'primary'), 0.1) !default;

$materialize-button-outline-disabled-background: transparent !default;
$materialize-button-outline-disabled-border: $theme-border-sm solid map-get($theme-colors, 'gray-60') !default;
$materialize-button-outline-disabled-color: map-get($theme-colors, 'gray-60') !default;

$materialize-button-outline-ripple-background: rgba(map-get($theme-colors, 'primary'), 0.2) !default;

$materialize-button-text-background: transparent !default;
$materialize-button-text-border: 0 !default;
$materialize-button-text-border-radius: $theme-radius-sm !default;
$materialize-button-text-color: map-get($theme-colors, 'primary') !default;
$materialize-button-text-cursor: pointer !default;
$materialize-button-text-display: block !default;
$materialize-button-text-font-family: $theme-font-family-primary !default;
$materialize-button-text-font-size: $theme-font-size-md !default;
$materialize-button-text-font-weight: $theme-font-weight-regular !default;
$materialize-button-text-height: auto !default;
$materialize-button-text-margin: $theme-space-sm auto !default;
$materialize-button-text-outline: none !default;
$materialize-button-text-padding: $theme-space-sm $theme-space-md !default;
$materialize-button-text-tap-highlight-color: transparent !default;
$materialize-button-text-text-align: center !default;
$materialize-button-text-text-transform: uppercase !default;
$materialize-button-text-transition:
$theme-property-background $theme-timer-md $theme-transition-function-ease !default;
$materialize-button-text-white-space: nowrap !default;
$materialize-button-text-width: auto !default;

$materialize-button-text-hover-background: rgba(map-get($theme-colors, 'primary'), 0.05) !default;
$materialize-button-text-focused-background: rgba(map-get($theme-colors, 'primary'), 0.1) !default;

$materialize-button-text-disabled-background: transparent !default;
$materialize-button-text-disabled-color: map-get($theme-colors, 'gray-60') !default;

$materialize-button-text-ripple-background: rgba(map-get($theme-colors, 'primary'), 0.2) !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

.#{$materialize-prefix}-button.accent {
  background: $materialize-button-accent-background;
  border: $materialize-button-accent-border;
  border-radius: $materialize-button-accent-border-radius;
  box-shadow: $materialize-button-accent-box-shadow;
  color: $materialize-button-accent-color;
  cursor: $materialize-button-accent-cursor;
  display: $materialize-button-accent-display;
  font-family: $materialize-button-accent-font-family;
  font-size: $materialize-button-accent-font-size;
  font-weight: $materialize-button-accent-font-weight;
  height: $materialize-button-accent-height;
  margin: $materialize-button-accent-margin;
  outline: $materialize-button-accent-outline;
  padding: $materialize-button-accent-padding;
  -webkit-tap-highlight-color: $materialize-button-accent-tap-highlight-color;
  text-align: $materialize-button-accent-text-align;
  text-transform: $materialize-button-accent-text-transform;
  transition: $materialize-button-accent-transition;
  white-space: $materialize-button-accent-white-space;
  width: $materialize-button-accent-width;

  @media (hover: hover) {
    &:hover {
      background: $materialize-button-accent-hover-background;
    }
  }

  &.focused {
    background: $materialize-button-accent-focused-background;
  }

  &[disabled] {
    background: $materialize-button-accent-disabled-background;
    box-shadow: $materialize-button-accent-disabled-box-shadow;
    color: $materialize-button-accent-disabled-color;
    cursor: not-allowed;
  }

  .ripple {
    background: $materialize-button-accent-ripple-background;
  }
}

.#{$materialize-prefix}-button.outline {
  background: $materialize-button-outline-background;
  border: $materialize-button-outline-border;
  border-radius: $materialize-button-outline-border-radius;
  color: $materialize-button-outline-color;
  cursor: $materialize-button-outline-cursor;
  display: $materialize-button-outline-display;
  font-family: $materialize-button-outline-font-family;
  font-size: $materialize-button-outline-font-size;
  font-weight: $materialize-button-outline-font-weight;
  height: $materialize-button-outline-height;
  margin: $materialize-button-outline-margin;
  outline: $materialize-button-outline-outline;
  padding: $materialize-button-outline-padding;
  -webkit-tap-highlight-color: $materialize-button-outline-tap-highlight-color;
  text-align: $materialize-button-outline-text-align;
  text-transform: $materialize-button-outline-text-transform;
  transition: $materialize-button-outline-transition;
  white-space: $materialize-button-outline-white-space;
  width: $materialize-button-outline-width;

  @media (hover: hover) {
    &:hover {
      background: $materialize-button-outline-hover-background;
    }
  }

  &.focused {
    background: $materialize-button-outline-focused-background;
  }

  &[disabled] {
    background: $materialize-button-outline-disabled-background;
    border: $materialize-button-outline-disabled-border;
    color: $materialize-button-outline-disabled-color;
    cursor: not-allowed;
  }

  .ripple {
    background: $materialize-button-outline-ripple-background;
  }
}

.#{$materialize-prefix}-button.text {
  background: $materialize-button-text-background;
  border: $materialize-button-text-border;
  border-radius: $materialize-button-text-border-radius;
  color: $materialize-button-text-color;
  cursor: $materialize-button-text-cursor;
  display: $materialize-button-text-display;
  font-family: $materialize-button-text-font-family;
  font-size: $materialize-button-text-font-size;
  font-weight: $materialize-button-text-font-weight;
  height: $materialize-button-text-height;
  margin: $materialize-button-text-margin;
  outline: $materialize-button-text-outline;
  padding: $materialize-button-text-padding;
  -webkit-tap-highlight-color: $materialize-button-text-tap-highlight-color;
  text-align: $materialize-button-text-text-align;
  text-transform: $materialize-button-text-text-transform;
  transition: $materialize-button-text-transition;
  white-space: $materialize-button-text-white-space;
  width: $materialize-button-text-width;

  @media (hover: hover) {
    &:hover {
      background: $materialize-button-text-hover-background;
    }
  }

  &.focused {
    background: $materialize-button-text-focused-background;
  }

  &[disabled] {
    background: $materialize-button-text-disabled-background;
    color: $materialize-button-text-disabled-color;
    cursor: not-allowed;
  }

  .ripple {
    background: $materialize-button-text-ripple-background;
  }
}


/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-fonts-path: './../fonts' !default;
$materialize-prefix: 'materialize' !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-border-sm: 1px;
$theme-border-md: 2px;
$theme-border-lg: 3px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-color-primary: #5707EB !default;
$theme-color-secondary: #03DAC6 !default;
$theme-color-success: #28A745 !default;
$theme-color-danger: #A22027 !default;
$theme-color-warning: #FFC107 !default;
$theme-color-info: #17A2B8 !default;
$theme-color-black: #000000 !default;
$theme-color-white: #FFFFFF !default;
$theme-color-gray-80: #F4F3F4 !default;
$theme-color-gray-60: #DCDBDC !default;
$theme-color-gray-40: #6A6A6A !default;
$theme-color-gray-20: #232F34 !default;

$theme-colors: (
  'primary': $theme-color-primary,
  'secondary': $theme-color-secondary,
  'success': $theme-color-success,
  'danger': $theme-color-danger,
  'warning': $theme-color-warning,
  'info': $theme-color-info,
  'black': $theme-color-black,
  'white': $theme-color-white,
  'gray-80': $theme-color-gray-80,
  'gray-60': $theme-color-gray-60,
  'gray-40': $theme-color-gray-40,
  'gray-20': $theme-color-gray-20
);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-primary: 'Roboto' !default;
$theme-font-family-secondary: 'LiberationMono' !default;

$theme-font-size-xs: 12px;
$theme-font-size-sm: 14px;
$theme-font-size-md: 16px;
$theme-font-size-lg: 20px;
$theme-font-size-xl: 24px;

$theme-font-weight-thin: 100;
$theme-font-weight-light: 200;
$theme-font-weight-regular: 300;
$theme-font-weight-medium: 400;
$theme-font-weight-bold: 500;
$theme-font-weight-black: 600;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-icon: 'material-icons';

$theme-icon-xs: 14px;
$theme-icon-sm: 16px;
$theme-icon-md: 18px;
$theme-icon-lg: 20px;
$theme-icon-xl: 22px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-space-xxxs: 4px;
$theme-space-xxs: 6px;
$theme-space-xs: 8px;
$theme-space-sm: 12px;
$theme-space-md: 16px;
$theme-space-lg: 20px;
$theme-space-xl: 24px;
$theme-space-xxl: 28px;
$theme-space-xxxl: 32px;

$theme-space-half: 50%;
$theme-space-full: 100%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-radius-xs: 2px;
$theme-radius-sm: 4px;
$theme-radius-md: 6px;

$theme-radius-full: 50%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-shadow-sm:
  0 2px 1px -1px rgba(0, 0, 0, 0.2),
  0 1px 1px 0 rgba(0, 0,0 , 0.14),
  0 1px 3px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-md:
  0 2px 4px -1px rgba(0, 0, 0, 0.2),
  0 4px 5px 0 rgba(0, 0, 0, 0.14),
  0 1px 10px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-lg:
  0 5px 5px -3px rgba(0, 0, 0, 0.2),
  0 8px 10px 1px rgba(0, 0, 0, 0.14),
  0 3px 14px 2px rgba(0, 0, 0, 0.12);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-transition-function-in: cubic-bezier(0.4, 0, 0.2, 1);
$theme-transition-function-out: cubic-bezier(0.25, 0.8, 0.25, 1);
$theme-transition-function-in-out: cubic-bezier(0, 0, 0.2, 1);
$theme-transition-function-ease: ease;

$theme-property-background: background;
$theme-property-box-shadow: box-shadow;
$theme-property-font-size: font-size;
$theme-property-left: left;
$theme-property-max-height: max-height;
$theme-property-opacity: opacity;
$theme-property-top: top;
$theme-property-transform: transform;
$theme-property-width: width;

$theme-timer-sm: 200ms;
$theme-timer-md: 350ms;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-zindex-1: 10;
$theme-zindex-2: 20;
$theme-zindex-3: 30;



/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-button-toggle-group-border-color: map-get($theme-colors, 'primary') !default;
$materialize-button-toggle-group-border-radius: $theme-radius-sm !default;
$materialize-button-toggle-group-border-style: solid !default;
$materialize-button-toggle-group-border-width: $theme-border-sm !default;
$materialize-button-toggle-group-margin: 0 !default;
$materialize-button-toggle-group-padding: 0 !default;
$materialize-button-toggle-group-width: max-content !default;

$materialize-button-toggle-group-disabled-border-color: map-get($theme-colors, 'gray-60') !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

.#{$materialize-prefix}-button-toggle-group {
  border-color: $materialize-button-toggle-group-border-color;
  border-radius: $materialize-button-toggle-group-border-radius;
  border-style: $materialize-button-toggle-group-border-style;
  border-width: $materialize-button-toggle-group-border-width;
  display: flex;
  flex-direction: row;
  margin: $materialize-button-toggle-group-margin;
  overflow: hidden;
  padding: $materialize-button-toggle-group-padding;
  width: $materialize-button-toggle-group-width;

  #{$materialize-prefix}-button-toggle {
    .#{$materialize-prefix}-button-toggle {
      border-right: $materialize-button-toggle-group-border-width
        $materialize-button-toggle-group-border-style
        $materialize-button-toggle-group-border-color;

      &.disabled {
        border-right-color: $materialize-button-toggle-group-disabled-border-color;
      }
    }

    &:last-child .#{$materialize-prefix}-button-toggle {
      border-right-width: 0;
    }
  }

  &.disabled {
    border-color: $materialize-button-toggle-group-disabled-border-color;
  }
}

#{$materialize-prefix}-button-toggle-group.ng-touched.ng-dirty.ng-invalid .#{$materialize-prefix}-button-toggle-group {
  border-color: map-get($theme-colors, 'danger');

  .#{$materialize-prefix}-button-toggle {
    border-right-color: map-get($theme-colors, 'danger');
    color: map-get($theme-colors, 'danger');

    &:hover,
    &.focused {
      background: rgba(map-get($theme-colors, 'danger'), 0.1);
    }

    &.active {
      background: map-get($theme-colors, 'danger');
      color: map-get($theme-colors, 'white');
    }
  }
}


/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-button-toggle-background: map-get($theme-colors, 'white') !default;
$materialize-button-toggle-color: map-get($theme-colors, 'primary') !default;
$materialize-button-toggle-cursor: pointer !default;
$materialize-button-toggle-font-family: $theme-font-family-primary !default;
$materialize-button-toggle-font-size: $theme-font-size-md !default;
$materialize-button-toggle-font-weight: $theme-font-weight-regular !default;
$materialize-button-toggle-outline: none !default;
$materialize-button-toggle-padding: $theme-space-sm $theme-space-md !default;
$materialize-button-toggle-tap-highlight-color: transparent !default;
$materialize-button-toggle-text-align: center !default;
$materialize-button-toggle-transition:
$theme-property-background $theme-timer-md $theme-transition-function-ease !default;
$materialize-button-toggle-width: auto !default;

$materialize-button-toggle-hover-background: rgba(map-get($theme-colors, 'primary'), 0.1) !default;
$materialize-button-toggle-focused-background: rgba(map-get($theme-colors, 'primary'), 0.2) !default;

$materialize-button-toggle-active-background: map-get($theme-colors, 'primary') !default;
$materialize-button-toggle-active-color: map-get($theme-colors, 'white') !default;

$materialize-button-toggle-disabled-background: map-get($theme-colors, 'gray-80') !default;
$materialize-button-toggle-disabled-color: map-get($theme-colors, 'gray-60') !default;

$materialize-button-toggle-ripple-background: rgba(lighten(map-get($theme-colors, 'primary'), 50%), 0.2) !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

.#{$materialize-prefix}-button-toggle {
  background: $materialize-button-toggle-background;
  color: $materialize-button-toggle-color;
  cursor: $materialize-button-toggle-cursor;
  font-family: $materialize-button-toggle-font-family;
  font-size: $materialize-button-toggle-font-size;
  font-weight: $materialize-button-toggle-font-weight;
  outline: $materialize-button-toggle-outline;
  padding: $materialize-button-toggle-padding;
  -webkit-tap-highlight-color: $materialize-button-toggle-tap-highlight-color;
  text-align: $materialize-button-toggle-text-align;
  transition: $materialize-button-toggle-transition;
  width: $materialize-button-toggle-width;

  &:hover {
    background: $materialize-button-toggle-hover-background;
  }

  &.focused {
    background: $materialize-button-toggle-focused-background;
  }

  &.active {
    background: $materialize-button-toggle-active-background;
    color: $materialize-button-toggle-active-color;
  }

  &.disabled {
    background: $materialize-button-toggle-disabled-background;
    color: $materialize-button-toggle-disabled-color;
    cursor: not-allowed;
  }

  .ripple {
    background: $materialize-button-toggle-ripple-background;
  }
}


/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-fonts-path: './../fonts' !default;
$materialize-prefix: 'materialize' !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-border-sm: 1px;
$theme-border-md: 2px;
$theme-border-lg: 3px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-color-primary: #5707EB !default;
$theme-color-secondary: #03DAC6 !default;
$theme-color-success: #28A745 !default;
$theme-color-danger: #A22027 !default;
$theme-color-warning: #FFC107 !default;
$theme-color-info: #17A2B8 !default;
$theme-color-black: #000000 !default;
$theme-color-white: #FFFFFF !default;
$theme-color-gray-80: #F4F3F4 !default;
$theme-color-gray-60: #DCDBDC !default;
$theme-color-gray-40: #6A6A6A !default;
$theme-color-gray-20: #232F34 !default;

$theme-colors: (
  'primary': $theme-color-primary,
  'secondary': $theme-color-secondary,
  'success': $theme-color-success,
  'danger': $theme-color-danger,
  'warning': $theme-color-warning,
  'info': $theme-color-info,
  'black': $theme-color-black,
  'white': $theme-color-white,
  'gray-80': $theme-color-gray-80,
  'gray-60': $theme-color-gray-60,
  'gray-40': $theme-color-gray-40,
  'gray-20': $theme-color-gray-20
);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-primary: 'Roboto' !default;
$theme-font-family-secondary: 'LiberationMono' !default;

$theme-font-size-xs: 12px;
$theme-font-size-sm: 14px;
$theme-font-size-md: 16px;
$theme-font-size-lg: 20px;
$theme-font-size-xl: 24px;

$theme-font-weight-thin: 100;
$theme-font-weight-light: 200;
$theme-font-weight-regular: 300;
$theme-font-weight-medium: 400;
$theme-font-weight-bold: 500;
$theme-font-weight-black: 600;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-icon: 'material-icons';

$theme-icon-xs: 14px;
$theme-icon-sm: 16px;
$theme-icon-md: 18px;
$theme-icon-lg: 20px;
$theme-icon-xl: 22px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-space-xxxs: 4px;
$theme-space-xxs: 6px;
$theme-space-xs: 8px;
$theme-space-sm: 12px;
$theme-space-md: 16px;
$theme-space-lg: 20px;
$theme-space-xl: 24px;
$theme-space-xxl: 28px;
$theme-space-xxxl: 32px;

$theme-space-half: 50%;
$theme-space-full: 100%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-radius-xs: 2px;
$theme-radius-sm: 4px;
$theme-radius-md: 6px;

$theme-radius-full: 50%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-shadow-sm:
  0 2px 1px -1px rgba(0, 0, 0, 0.2),
  0 1px 1px 0 rgba(0, 0,0 , 0.14),
  0 1px 3px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-md:
  0 2px 4px -1px rgba(0, 0, 0, 0.2),
  0 4px 5px 0 rgba(0, 0, 0, 0.14),
  0 1px 10px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-lg:
  0 5px 5px -3px rgba(0, 0, 0, 0.2),
  0 8px 10px 1px rgba(0, 0, 0, 0.14),
  0 3px 14px 2px rgba(0, 0, 0, 0.12);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-transition-function-in: cubic-bezier(0.4, 0, 0.2, 1);
$theme-transition-function-out: cubic-bezier(0.25, 0.8, 0.25, 1);
$theme-transition-function-in-out: cubic-bezier(0, 0, 0.2, 1);
$theme-transition-function-ease: ease;

$theme-property-background: background;
$theme-property-box-shadow: box-shadow;
$theme-property-font-size: font-size;
$theme-property-left: left;
$theme-property-max-height: max-height;
$theme-property-opacity: opacity;
$theme-property-top: top;
$theme-property-transform: transform;
$theme-property-width: width;

$theme-timer-sm: 200ms;
$theme-timer-md: 350ms;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-zindex-1: 10;
$theme-zindex-2: 20;
$theme-zindex-3: 30;



/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-calendar-background: $theme-color-white !default;
$materialize-calendar-border-radius: $theme-radius-sm !default;
$materialize-calendar-box-shadow: $theme-shadow-md !default;
$materialize-calendar-margin: 0 auto !default;
$materialize-calendar-outline: none !default;
$materialize-calendar-overflow: hidden !default;
$materialize-calendar-width: 300px !default;

$materialize-calendar-header-background: $theme-color-primary !default;
$materialize-calendar-header-color: $theme-color-white !default;
$materialize-calendar-header-font-family: $theme-font-family-primary !default;
$materialize-calendar-header-margin: 0 !default;
$materialize-calendar-header-padding: $theme-space-sm !default;

$materialize-calendar-year-background: transparent !default;
$materialize-calendar-year-box-shadow: unset !default;
$materialize-calendar-year-font-size: $theme-font-size-md !default;
$materialize-calendar-year-margin: 0 0 $theme-space-xxxs 0 !default;
$materialize-calendar-year-padding: $theme-space-xs $theme-space-lg !default;
$materialize-calendar-year-text-transform: unset !default;

$materialize-calendar-date-background: transparent !default;
$materialize-calendar-date-box-shadow: unset !default;
$materialize-calendar-date-font-size: $theme-font-size-xl !default;
$materialize-calendar-date-margin: 0 !default;
$materialize-calendar-date-padding: $theme-space-xs $theme-space-lg !default;
$materialize-calendar-date-text-transform: unset !default;

$materialize-calendar-body-height: 330px !default;
$materialize-calendar-body-margin: 0 !default;
$materialize-calendar-body-padding: $theme-space-sm $theme-space-xs !default;

$materialize-calendar-controls-margin: 0 0 $theme-space-xs 0 !default;
$materialize-calendar-controls-padding: 0 !default;

$materialize-calendar-month-font-family: $theme-font-family-primary !default;
$materialize-calendar-month-font-weight: $theme-font-weight-regular !default;
$materialize-calendar-month-font-size: $theme-font-size-md !default;
$materialize-calendar-month-text-align: center !default;

$materialize-calendar-control-background: $theme-color-white !default;
$materialize-calendar-control-border-radius: $theme-radius-full !default;
$materialize-calendar-control-box-shadow: unset !default;
$materialize-calendar-control-color: $theme-color-black !default;
$materialize-calendar-control-font-size: 20px !default;
$materialize-calendar-control-size: 30px !default;
$materialize-calendar-control-transition:
  $theme-property-background $theme-timer-md $theme-transition-function-ease !default;

$materialize-calendar-control-ripple-background: rgba($theme-color-black, 0.05) !default;
$materialize-calendar-control-hover-background: rgba($theme-color-black, 0.1) !default;

$materialize-calendar-day-name-color: map-get($theme-colors, 'gray-60') !default;
$materialize-calendar-day-name-font-family: $theme-font-family-primary !default;
$materialize-calendar-day-name-font-size: $theme-font-size-xs !default;
$materialize-calendar-day-name-font-weight: $theme-font-weight-light !default;
$materialize-calendar-day-name-padding: $theme-space-xxxs $theme-space-xxxs $theme-space-sm !default;
$materialize-calendar-day-name-text-align: center !default;

$materialize-calendar-day-border-radius: $theme-radius-full !default;
$materialize-calendar-day-border: $theme-border-sm solid transparent !default;
$materialize-calendar-day-color: $theme-color-black !default;
$materialize-calendar-day-cursor: pointer !default;
$materialize-calendar-day-font-family: $theme-font-family-primary !default;
$materialize-calendar-day-font-size: $theme-font-size-sm !default;
$materialize-calendar-day-margin: 2px !default;
$materialize-calendar-day-size: 36px !default;
$materialize-calendar-day-transition:
  $theme-property-background $theme-timer-md $theme-transition-function-ease !default;

$materialize-calendar-day-ripple: rgba(lighten($theme-color-primary, 50%), 0.3) !default;

$materialize-calendar-day-hover-background: map-get($theme-colors, 'gray-80') !default;

$materialize-calendar-day-current-background: transparent !default;
$materialize-calendar-day-current-border-color: map-get($theme-colors, 'gray-60') !default;
$materialize-calendar-day-current-color: $theme-color-black !default;

$materialize-calendar-day-selected-background: $theme-color-primary !default;
$materialize-calendar-day-selected-border-color: transparent !default;
$materialize-calendar-day-selected-color: $theme-color-white !default;

$materialize-calendar-day-disabled-background: map-get($theme-colors, 'gray-80') !default;
$materialize-calendar-day-disabled-border-color: transparent !default;
$materialize-calendar-day-disabled-color: map-get($theme-colors, 'gray-40') !default;

$materialize-calendar-year-option-cursor: pointer !default;
$materialize-calendar-year-option-font-family: $theme-font-family-primary !default;
$materialize-calendar-year-option-font-size: $theme-font-size-md !default;
$materialize-calendar-year-option-font-weight: $theme-font-weight-regular !default;
$materialize-calendar-year-option-margin: $theme-space-xxxs 0 !default;
$materialize-calendar-year-option-padding: $theme-space-sm !default;
$materialize-calendar-year-option-text-align: center !default;

$materialize-calendar-year-option-selected-color: $theme-color-primary !default;
$materialize-calendar-year-option-selected-font-size: $theme-font-size-xl !default;
$materialize-calendar-year-option-selected-font-weight: $theme-font-weight-medium !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

.#{$materialize-prefix}-calendar {
  background: $materialize-calendar-background;
  border-radius: $materialize-calendar-border-radius;
  box-shadow: $materialize-calendar-box-shadow;
  margin: $materialize-calendar-margin;
  outline: $materialize-calendar-outline;
  overflow: $materialize-calendar-overflow;
  width: $materialize-calendar-width;
}

.#{$materialize-prefix}-calendar-header {
  background: $materialize-calendar-header-background;
  color: $materialize-calendar-header-color;
  font-family: $materialize-calendar-header-font-family;
  padding: $materialize-calendar-header-padding;
}

.#{$materialize-prefix}-calendar-year .#{$materialize-prefix}-button {
  background: $materialize-calendar-year-background;
  box-shadow: $materialize-calendar-year-box-shadow;
  font-size: $materialize-calendar-year-font-size;
  margin: $materialize-calendar-year-margin;
  padding: $materialize-calendar-year-padding;
  text-transform: $materialize-calendar-year-text-transform;
}

.#{$materialize-prefix}-calendar-date .#{$materialize-prefix}-button {
  background: $materialize-calendar-date-background;
  box-shadow: $materialize-calendar-date-box-shadow;
  font-size: $materialize-calendar-date-font-size;
  margin: $materialize-calendar-date-margin;
  padding: $materialize-calendar-date-padding;
  text-transform: $materialize-calendar-date-text-transform;
}

.#{$materialize-prefix}-calendar-body {
  height: $materialize-calendar-body-height;
  padding: $materialize-calendar-body-padding;
}

.#{$materialize-prefix}-calendar-controls {
  align-items: center;
  display: flex;
  margin: $materialize-calendar-controls-margin;
  padding: $materialize-calendar-controls-padding;
}

.#{$materialize-prefix}-calendar-month {
  flex-grow: 1;
  font-family: $materialize-calendar-month-font-family;
  font-size: $materialize-calendar-month-font-size;
  font-weight: $materialize-calendar-month-font-weight;
  text-align: $materialize-calendar-month-text-align;
}

.#{$materialize-prefix}-calendar-control {
  align-items: center;
  background: $materialize-calendar-control-background;
  border-radius: $materialize-calendar-control-border-radius;
  box-shadow: $materialize-calendar-control-box-shadow;
  display: flex;
  height: $materialize-calendar-control-size;
  justify-content: center;
  transition: $materialize-calendar-control-transition;
  width: $materialize-calendar-control-size;

  &:hover {
    background: $materialize-calendar-control-hover-background;
  }

  .ripple {
    background: $materialize-calendar-control-ripple-background;
  }

  .#{$materialize-prefix}-icon {
    color: $materialize-calendar-control-color;
    display: flex;
    font-size: $materialize-calendar-control-font-size;
  }
}

.#{$materialize-prefix}-calendar-table {
  width: 100%;

  td {
    vertical-align: middle;
  }
}

.#{$materialize-prefix}-calendar-day-name {
  color: $materialize-calendar-day-name-color;
  font-family: $materialize-calendar-day-name-font-family;
  font-size: $materialize-calendar-day-name-font-size;
  font-weight: $materialize-calendar-day-name-font-weight;
  padding: $materialize-calendar-day-name-padding;
  text-align: $materialize-calendar-day-name-text-align;
}

.#{$materialize-prefix}-calendar-day {
  align-items: center;
  border: $materialize-calendar-day-border;
  border-radius: $materialize-calendar-day-border-radius;
  color: $materialize-calendar-day-color;
  cursor: $materialize-calendar-day-cursor;
  display: flex;
  font-family: $materialize-calendar-day-font-family;
  font-size: $materialize-calendar-day-font-size;
  font-weight: $theme-font-weight-regular;
  height: $materialize-calendar-day-size;
  justify-content: center;
  margin: $materialize-calendar-day-margin;
  transition: $materialize-calendar-day-transition;
  width: $materialize-calendar-day-size;

  &:hover {
    background: $materialize-calendar-day-hover-background;
  }

  .ripple {
    background: $materialize-calendar-day-ripple;
  }

  &.current {
    background: $materialize-calendar-day-current-background;
    border-color: $materialize-calendar-day-current-border-color;
    color: $materialize-calendar-day-current-color;
  }

  &.selected {
    background: $materialize-calendar-day-selected-background;
    border-color: $materialize-calendar-day-selected-border-color;
    color: $materialize-calendar-day-selected-color;
  }

  &.disabled {
    background: $materialize-calendar-day-disabled-background;
    border-color: $materialize-calendar-day-disabled-border-color;
    color: $materialize-calendar-day-disabled-color;
    cursor: not-allowed;
  }
}

.#{$materialize-prefix}-calendar-years {
  height: 100%;
  overflow-y: auto;
  width: 100%;
}

.#{$materialize-prefix}-calendar-year-option {
  cursor: $materialize-calendar-year-option-cursor;
  font-family: $materialize-calendar-year-option-font-family;
  font-size: $materialize-calendar-year-option-font-size;
  font-weight: $materialize-calendar-year-option-font-weight;
  margin: $materialize-calendar-year-option-margin;
  padding: $materialize-calendar-year-option-padding;
  text-align: $materialize-calendar-year-option-text-align;
  width: 100%;

  &.selected {
    color: $materialize-calendar-year-option-selected-color;
    font-size: $materialize-calendar-year-option-selected-font-size;
    font-weight: $materialize-calendar-year-option-selected-font-weight;
  }
}


/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-fonts-path: './../fonts' !default;
$materialize-prefix: 'materialize' !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-border-sm: 1px;
$theme-border-md: 2px;
$theme-border-lg: 3px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-color-primary: #5707EB !default;
$theme-color-secondary: #03DAC6 !default;
$theme-color-success: #28A745 !default;
$theme-color-danger: #A22027 !default;
$theme-color-warning: #FFC107 !default;
$theme-color-info: #17A2B8 !default;
$theme-color-black: #000000 !default;
$theme-color-white: #FFFFFF !default;
$theme-color-gray-80: #F4F3F4 !default;
$theme-color-gray-60: #DCDBDC !default;
$theme-color-gray-40: #6A6A6A !default;
$theme-color-gray-20: #232F34 !default;

$theme-colors: (
  'primary': $theme-color-primary,
  'secondary': $theme-color-secondary,
  'success': $theme-color-success,
  'danger': $theme-color-danger,
  'warning': $theme-color-warning,
  'info': $theme-color-info,
  'black': $theme-color-black,
  'white': $theme-color-white,
  'gray-80': $theme-color-gray-80,
  'gray-60': $theme-color-gray-60,
  'gray-40': $theme-color-gray-40,
  'gray-20': $theme-color-gray-20
);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-primary: 'Roboto' !default;
$theme-font-family-secondary: 'LiberationMono' !default;

$theme-font-size-xs: 12px;
$theme-font-size-sm: 14px;
$theme-font-size-md: 16px;
$theme-font-size-lg: 20px;
$theme-font-size-xl: 24px;

$theme-font-weight-thin: 100;
$theme-font-weight-light: 200;
$theme-font-weight-regular: 300;
$theme-font-weight-medium: 400;
$theme-font-weight-bold: 500;
$theme-font-weight-black: 600;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-icon: 'material-icons';

$theme-icon-xs: 14px;
$theme-icon-sm: 16px;
$theme-icon-md: 18px;
$theme-icon-lg: 20px;
$theme-icon-xl: 22px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-space-xxxs: 4px;
$theme-space-xxs: 6px;
$theme-space-xs: 8px;
$theme-space-sm: 12px;
$theme-space-md: 16px;
$theme-space-lg: 20px;
$theme-space-xl: 24px;
$theme-space-xxl: 28px;
$theme-space-xxxl: 32px;

$theme-space-half: 50%;
$theme-space-full: 100%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-radius-xs: 2px;
$theme-radius-sm: 4px;
$theme-radius-md: 6px;

$theme-radius-full: 50%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-shadow-sm:
  0 2px 1px -1px rgba(0, 0, 0, 0.2),
  0 1px 1px 0 rgba(0, 0,0 , 0.14),
  0 1px 3px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-md:
  0 2px 4px -1px rgba(0, 0, 0, 0.2),
  0 4px 5px 0 rgba(0, 0, 0, 0.14),
  0 1px 10px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-lg:
  0 5px 5px -3px rgba(0, 0, 0, 0.2),
  0 8px 10px 1px rgba(0, 0, 0, 0.14),
  0 3px 14px 2px rgba(0, 0, 0, 0.12);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-transition-function-in: cubic-bezier(0.4, 0, 0.2, 1);
$theme-transition-function-out: cubic-bezier(0.25, 0.8, 0.25, 1);
$theme-transition-function-in-out: cubic-bezier(0, 0, 0.2, 1);
$theme-transition-function-ease: ease;

$theme-property-background: background;
$theme-property-box-shadow: box-shadow;
$theme-property-font-size: font-size;
$theme-property-left: left;
$theme-property-max-height: max-height;
$theme-property-opacity: opacity;
$theme-property-top: top;
$theme-property-transform: transform;
$theme-property-width: width;

$theme-timer-sm: 200ms;
$theme-timer-md: 350ms;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-zindex-1: 10;
$theme-zindex-2: 20;
$theme-zindex-3: 30;



/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-card-background: map-get($theme-colors, 'white') !default;
$materialize-card-border-radius: $theme-radius-sm !default;
$materialize-card-box-shadow: $theme-shadow-sm !default;
$materialize-card-color: map-get($theme-colors, 'gray-20') !default;
$materialize-card-cursor: pointer !default;
$materialize-card-font-family: $theme-font-family-primary !default;
$materialize-card-font-size: $theme-font-size-md !default;
$materialize-card-font-weight: $theme-font-weight-regular !default;
$materialize-card-margin: 0 $theme-space-md $theme-space-sm !default;
$materialize-card-padding: $theme-space-lg !default;
$materialize-card-tap-highlight-color: transparent !default;
$materialize-card-transition: $theme-property-box-shadow $theme-timer-sm $theme-transition-function-in !default;

$materialize-card-hover-box-shadow: $theme-shadow-md !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

.#{$materialize-prefix}-card {
  background: $materialize-card-background;
  border-radius: $materialize-card-border-radius;
  box-shadow: $materialize-card-box-shadow;
  color: $materialize-card-color;
  cursor: $materialize-card-cursor;
  font-family: $materialize-card-font-family;
  font-size: $materialize-card-font-size;
  font-weight: $materialize-card-font-weight;
  margin: $materialize-card-margin;
  padding: $materialize-card-padding;
  -webkit-tap-highlight-color: $materialize-card-tap-highlight-color;
  transition: $materialize-card-transition;

  &:hover {
    box-shadow: $materialize-card-hover-box-shadow;
  }
}


/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-fonts-path: './../fonts' !default;
$materialize-prefix: 'materialize' !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-border-sm: 1px;
$theme-border-md: 2px;
$theme-border-lg: 3px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-color-primary: #5707EB !default;
$theme-color-secondary: #03DAC6 !default;
$theme-color-success: #28A745 !default;
$theme-color-danger: #A22027 !default;
$theme-color-warning: #FFC107 !default;
$theme-color-info: #17A2B8 !default;
$theme-color-black: #000000 !default;
$theme-color-white: #FFFFFF !default;
$theme-color-gray-80: #F4F3F4 !default;
$theme-color-gray-60: #DCDBDC !default;
$theme-color-gray-40: #6A6A6A !default;
$theme-color-gray-20: #232F34 !default;

$theme-colors: (
  'primary': $theme-color-primary,
  'secondary': $theme-color-secondary,
  'success': $theme-color-success,
  'danger': $theme-color-danger,
  'warning': $theme-color-warning,
  'info': $theme-color-info,
  'black': $theme-color-black,
  'white': $theme-color-white,
  'gray-80': $theme-color-gray-80,
  'gray-60': $theme-color-gray-60,
  'gray-40': $theme-color-gray-40,
  'gray-20': $theme-color-gray-20
);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-primary: 'Roboto' !default;
$theme-font-family-secondary: 'LiberationMono' !default;

$theme-font-size-xs: 12px;
$theme-font-size-sm: 14px;
$theme-font-size-md: 16px;
$theme-font-size-lg: 20px;
$theme-font-size-xl: 24px;

$theme-font-weight-thin: 100;
$theme-font-weight-light: 200;
$theme-font-weight-regular: 300;
$theme-font-weight-medium: 400;
$theme-font-weight-bold: 500;
$theme-font-weight-black: 600;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-icon: 'material-icons';

$theme-icon-xs: 14px;
$theme-icon-sm: 16px;
$theme-icon-md: 18px;
$theme-icon-lg: 20px;
$theme-icon-xl: 22px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-space-xxxs: 4px;
$theme-space-xxs: 6px;
$theme-space-xs: 8px;
$theme-space-sm: 12px;
$theme-space-md: 16px;
$theme-space-lg: 20px;
$theme-space-xl: 24px;
$theme-space-xxl: 28px;
$theme-space-xxxl: 32px;

$theme-space-half: 50%;
$theme-space-full: 100%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-radius-xs: 2px;
$theme-radius-sm: 4px;
$theme-radius-md: 6px;

$theme-radius-full: 50%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-shadow-sm:
  0 2px 1px -1px rgba(0, 0, 0, 0.2),
  0 1px 1px 0 rgba(0, 0,0 , 0.14),
  0 1px 3px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-md:
  0 2px 4px -1px rgba(0, 0, 0, 0.2),
  0 4px 5px 0 rgba(0, 0, 0, 0.14),
  0 1px 10px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-lg:
  0 5px 5px -3px rgba(0, 0, 0, 0.2),
  0 8px 10px 1px rgba(0, 0, 0, 0.14),
  0 3px 14px 2px rgba(0, 0, 0, 0.12);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-transition-function-in: cubic-bezier(0.4, 0, 0.2, 1);
$theme-transition-function-out: cubic-bezier(0.25, 0.8, 0.25, 1);
$theme-transition-function-in-out: cubic-bezier(0, 0, 0.2, 1);
$theme-transition-function-ease: ease;

$theme-property-background: background;
$theme-property-box-shadow: box-shadow;
$theme-property-font-size: font-size;
$theme-property-left: left;
$theme-property-max-height: max-height;
$theme-property-opacity: opacity;
$theme-property-top: top;
$theme-property-transform: transform;
$theme-property-width: width;

$theme-timer-sm: 200ms;
$theme-timer-md: 350ms;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-zindex-1: 10;
$theme-zindex-2: 20;
$theme-zindex-3: 30;



/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-checkbox-cursor: pointer !default;
$materialize-checkbox-outline: none !default;
$materialize-checkbox-padding: $theme-space-sm 0 !default;
$materialize-checkbox-tap-highlight-color: transparent !default;

$materialize-checkbox-label-color: map-get($theme-colors, 'gray-20') !default;
$materialize-checkbox-label-font-family: $theme-font-family-primary !default;
$materialize-checkbox-label-font-size: $theme-font-size-md !default;
$materialize-checkbox-label-font-weight: $theme-font-weight-regular !default;
$materialize-checkbox-label-padding: 0 !default;
$materialize-checkbox-label-text-align: left !default;

$materialize-checkbox-indicator-background: map-get($theme-colors, 'white') !default;
$materialize-checkbox-indicator-border: $theme-border-md solid map-get($theme-colors, 'gray-40') !default;
$materialize-checkbox-indicator-border-radius: $theme-radius-xs !default;
$materialize-checkbox-indicator-margin: 0 $theme-space-sm !default;
$materialize-checkbox-indicator-size: 18px !default;

$materialize-checkbox-indicator-arrow-color: map-get($theme-colors, 'white') !default;
$materialize-checkbox-indicator-arrow-left: 0 !default;
$materialize-checkbox-indicator-arrow-size: 13px !default;
$materialize-checkbox-indicator-arrow-top: 2px !default;
$materialize-checkbox-indicator-arrow-width: $theme-border-md !default;

$materialize-checkbox-indicator-active-background: map-get($theme-colors, 'primary') !default;
$materialize-checkbox-indicator-active-border:
$theme-border-md solid map-get($theme-colors, 'primary') !default;
$materialize-checkbox-indicator-disabled-active-background: lighten(map-get($theme-colors, 'gray-40'), 30%) !default;
$materialize-checkbox-indicator-disabled-background: map-get($theme-colors, 'white') !default;
$materialize-checkbox-indicator-disabled-border:
$theme-border-md solid lighten(map-get($theme-colors, 'gray-40'), 30%) !default;

$materialize-checkbox-indicator-indeterminate-border:
$theme-border-md solid map-get($theme-colors, 'white') !default;
$materialize-checkbox-indicator-indeterminate-height: 0 !default;
$materialize-checkbox-indicator-indeterminate-width: 12px !default;

$materialize-checkbox-indicator-ripple-border-radius: $theme-radius-full !default;
$materialize-checkbox-indicator-ripple-transition:
$theme-property-background $theme-timer-sm $theme-transition-function-ease !default;
$materialize-checkbox-indicator-ripple-size: 40px !default;
$materialize-checkbox-indicator-ripple-background: rgba(map-get($theme-colors, 'primary'), 0.3) !default;

$materialize-checkbox-indicator-ripple-hover-inactive-background:
rgba(map-get($theme-colors, 'gray-20'), 0.1) !default;
$materialize-checkbox-indicator-ripple-hover-active-background:
rgba(map-get($theme-colors, 'primary'), 0.2) !default;
$materialize-checkbox-indicator-ripple-focused-inactive-background:
rgba(map-get($theme-colors, 'gray-20'), 0.05) !default;
$materialize-checkbox-indicator-ripple-focused-active-background:
rgba(map-get($theme-colors, 'primary'), 0.1) !default;

$materialize-checkbox-ripple-active-background: rgba(map-get($theme-colors, 'primary'), 0.2) !default;
$materialize-checkbox-ripple-background: rgba(map-get($theme-colors, 'gray-20'), 0.2) !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

.#{$materialize-prefix}-checkbox {
  align-items: center;
  cursor: $materialize-checkbox-cursor;
  display: flex;
  flex-direction: row;
  outline: $materialize-checkbox-outline;
  padding: $materialize-checkbox-padding;
  -webkit-tap-highlight-color: $materialize-checkbox-tap-highlight-color;

  input[type='checkbox'] {
    display: none;
  }

  &:not(.disabled) {
    @media (hover: hover) {
      .#{$materialize-prefix}-checkbox-indicator:hover .#{$materialize-prefix}-checkbox-indicator-ripple {
        background: $materialize-checkbox-indicator-ripple-hover-inactive-background;
      }

      &.active .#{$materialize-prefix}-checkbox-indicator:hover .#{$materialize-prefix}-checkbox-indicator-ripple {
        background: $materialize-checkbox-indicator-ripple-hover-active-background;
      }
    }
  }

  &.active .#{$materialize-prefix}-checkbox-indicator::before {
    border-bottom: $materialize-checkbox-indicator-arrow-width solid $materialize-checkbox-indicator-arrow-color;
    border-left: $materialize-checkbox-indicator-arrow-width solid $materialize-checkbox-indicator-arrow-color;
  }

  &.active:not(.disabled) .#{$materialize-prefix}-checkbox-indicator {
    background: $materialize-checkbox-indicator-active-background;
    border: $materialize-checkbox-indicator-active-border;

    .ripple {
      background: $materialize-checkbox-ripple-active-background;
    }
  }

  &.focused:not(.disabled) {
    &.active .#{$materialize-prefix}-checkbox-indicator-ripple {
      background: $materialize-checkbox-indicator-ripple-focused-active-background;
    }

    .#{$materialize-prefix}-checkbox-indicator-ripple {
      background: $materialize-checkbox-indicator-ripple-focused-inactive-background;
    }
  }

  &.disabled {
    .#{$materialize-prefix}-checkbox-indicator {
      background: $materialize-checkbox-indicator-disabled-background;
      border: $materialize-checkbox-indicator-disabled-border;
      cursor: not-allowed;
    }

    &.active .#{$materialize-prefix}-checkbox-indicator {
      background: $materialize-checkbox-indicator-disabled-active-background;
    }
  }
}

.#{$materialize-prefix}-checkbox-label {
  color: $materialize-checkbox-label-color;
  flex: 1;
  font-family: $materialize-checkbox-label-font-family;
  font-size: $materialize-checkbox-label-font-size;
  font-weight: $materialize-checkbox-label-font-weight;
  padding: $materialize-checkbox-label-padding;
  text-align: $materialize-checkbox-label-text-align;
}

.#{$materialize-prefix}-checkbox-indicator-ripple {
  border-radius: $materialize-checkbox-indicator-ripple-border-radius;
  height: $materialize-checkbox-indicator-ripple-size;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: $materialize-checkbox-indicator-ripple-transition;
  width: $materialize-checkbox-indicator-ripple-size;
  z-index: $theme-zindex-1;

  .ripple {
    background: $materialize-checkbox-ripple-background;
  }
}

.#{$materialize-prefix}-checkbox-indicator {
  background: $materialize-checkbox-indicator-background;
  border: $materialize-checkbox-indicator-border;
  border-radius: $materialize-checkbox-indicator-border-radius;
  height: $materialize-checkbox-indicator-size;
  margin: $materialize-checkbox-indicator-margin;
  position: relative;
  width: $materialize-checkbox-indicator-size;

  &::before {
    content: '';
    height: $materialize-checkbox-indicator-arrow-size / 2;
    left: $materialize-checkbox-indicator-arrow-left;
    position: absolute;
    top: $materialize-checkbox-indicator-arrow-top;
    transform: rotate(-45deg);
    width: $materialize-checkbox-indicator-arrow-size;
  }
}

.#{$materialize-prefix}-checkbox.indeterminate .#{$materialize-prefix}-checkbox-indicator {
  background: $materialize-checkbox-indicator-active-background;
  border: $materialize-checkbox-indicator-active-border;

  &::before {
    border-bottom: $materialize-checkbox-indicator-indeterminate-border;
    height: $materialize-checkbox-indicator-indeterminate-height;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: $materialize-checkbox-indicator-indeterminate-width;
  }
}

#{$materialize-prefix}-checkbox.ng-touched.ng-dirty.ng-invalid {
  .#{$materialize-prefix}-checkbox-indicator {
    border-color: map-get($theme-colors, 'danger');
  }

  .#{$materialize-prefix}-checkbox.focused .#{$materialize-prefix}-checkbox-indicator-ripple {
    background: rgba(map-get($theme-colors, 'danger'), 0.05);
  }

  @media (hover: hover) {
    .#{$materialize-prefix}-checkbox-indicator:hover .#{$materialize-prefix}-checkbox-indicator-ripple {
      background: rgba(map-get($theme-colors, 'danger'), 0.1);
    }
  }

  .ripple {
    background: rgba(map-get($theme-colors, 'danger'), 0.3);
  }
}


/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-fonts-path: './../fonts' !default;
$materialize-prefix: 'materialize' !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-border-sm: 1px;
$theme-border-md: 2px;
$theme-border-lg: 3px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-color-primary: #5707EB !default;
$theme-color-secondary: #03DAC6 !default;
$theme-color-success: #28A745 !default;
$theme-color-danger: #A22027 !default;
$theme-color-warning: #FFC107 !default;
$theme-color-info: #17A2B8 !default;
$theme-color-black: #000000 !default;
$theme-color-white: #FFFFFF !default;
$theme-color-gray-80: #F4F3F4 !default;
$theme-color-gray-60: #DCDBDC !default;
$theme-color-gray-40: #6A6A6A !default;
$theme-color-gray-20: #232F34 !default;

$theme-colors: (
  'primary': $theme-color-primary,
  'secondary': $theme-color-secondary,
  'success': $theme-color-success,
  'danger': $theme-color-danger,
  'warning': $theme-color-warning,
  'info': $theme-color-info,
  'black': $theme-color-black,
  'white': $theme-color-white,
  'gray-80': $theme-color-gray-80,
  'gray-60': $theme-color-gray-60,
  'gray-40': $theme-color-gray-40,
  'gray-20': $theme-color-gray-20
);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-primary: 'Roboto' !default;
$theme-font-family-secondary: 'LiberationMono' !default;

$theme-font-size-xs: 12px;
$theme-font-size-sm: 14px;
$theme-font-size-md: 16px;
$theme-font-size-lg: 20px;
$theme-font-size-xl: 24px;

$theme-font-weight-thin: 100;
$theme-font-weight-light: 200;
$theme-font-weight-regular: 300;
$theme-font-weight-medium: 400;
$theme-font-weight-bold: 500;
$theme-font-weight-black: 600;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-icon: 'material-icons';

$theme-icon-xs: 14px;
$theme-icon-sm: 16px;
$theme-icon-md: 18px;
$theme-icon-lg: 20px;
$theme-icon-xl: 22px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-space-xxxs: 4px;
$theme-space-xxs: 6px;
$theme-space-xs: 8px;
$theme-space-sm: 12px;
$theme-space-md: 16px;
$theme-space-lg: 20px;
$theme-space-xl: 24px;
$theme-space-xxl: 28px;
$theme-space-xxxl: 32px;

$theme-space-half: 50%;
$theme-space-full: 100%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-radius-xs: 2px;
$theme-radius-sm: 4px;
$theme-radius-md: 6px;

$theme-radius-full: 50%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-shadow-sm:
  0 2px 1px -1px rgba(0, 0, 0, 0.2),
  0 1px 1px 0 rgba(0, 0,0 , 0.14),
  0 1px 3px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-md:
  0 2px 4px -1px rgba(0, 0, 0, 0.2),
  0 4px 5px 0 rgba(0, 0, 0, 0.14),
  0 1px 10px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-lg:
  0 5px 5px -3px rgba(0, 0, 0, 0.2),
  0 8px 10px 1px rgba(0, 0, 0, 0.14),
  0 3px 14px 2px rgba(0, 0, 0, 0.12);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-transition-function-in: cubic-bezier(0.4, 0, 0.2, 1);
$theme-transition-function-out: cubic-bezier(0.25, 0.8, 0.25, 1);
$theme-transition-function-in-out: cubic-bezier(0, 0, 0.2, 1);
$theme-transition-function-ease: ease;

$theme-property-background: background;
$theme-property-box-shadow: box-shadow;
$theme-property-font-size: font-size;
$theme-property-left: left;
$theme-property-max-height: max-height;
$theme-property-opacity: opacity;
$theme-property-top: top;
$theme-property-transform: transform;
$theme-property-width: width;

$theme-timer-sm: 200ms;
$theme-timer-md: 350ms;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-zindex-1: 10;
$theme-zindex-2: 20;
$theme-zindex-3: 30;



/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-collapsible-background: map-get($theme-colors, 'white') !default;
$materialize-collapsible-box-shadow: $theme-shadow-sm !default;
$materialize-collapsible-border: 0 !default;
$materialize-collapsible-margin: 0 !default;
$materialize-collapsible-padding: 0 !default;

$materialize-collapsible-title-background: map-get($theme-colors, 'white') !default;
$materialize-collapsible-title-color: map-get($theme-colors, 'gray-20') !default;
$materialize-collapsible-title-cursor: pointer !default;
$materialize-collapsible-title-font-family: $theme-font-family-primary !default;
$materialize-collapsible-title-font-size: $theme-font-size-md !default;
$materialize-collapsible-title-font-weight: $theme-font-weight-regular !default;
$materialize-collapsible-title-margin: 0 !default;
$materialize-collapsible-title-padding: $theme-space-sm !default;

$materialize-collapsible-title-icon-color: map-get($theme-colors, 'gray-20') !default;
$materialize-collapsible-title-icon-right: $theme-space-xxxs !default;
$materialize-collapsible-title-icon-size: 22px !default;
$materialize-collapsible-title-icon-transition:
$theme-property-transform $theme-timer-md $theme-transition-function-ease !default;

$materialize-collapsible-title-hover-background: map-get($theme-colors, 'gray-80') !default;
$materialize-collapsible-title-ripple-background: ligthen(rgba(map-get($theme-colors, 'gray-60'), 0.1), 20%) !default;

$materialize-collapsible-content-background: map-get($theme-colors, 'white') !default;
$materialize-collapsible-content-color: map-get($theme-colors, 'gray-20') !default;
$materialize-collapsible-content-font-family: $theme-font-family-primary !default;
$materialize-collapsible-content-font-size: $theme-font-size-md !default;
$materialize-collapsible-content-font-weight: $theme-font-weight-regular !default;
$materialize-collapsible-content-margin: 0 !default;
$materialize-collapsible-content-padding: $theme-space-sm !default;
$materialize-collapsible-content-transition:
$theme-property-max-height $theme-timer-md $theme-transition-function-in !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

.#{$materialize-prefix}-collapsible {
  background: $materialize-collapsible-background;
  border: $materialize-collapsible-border;
  box-shadow: $materialize-collapsible-box-shadow;
  margin: $materialize-collapsible-margin;
  padding: $materialize-collapsible-padding;

  &.open .#{$materialize-prefix}-collapsible-title-icon {
    transform: translateY(-50%) rotate(180deg);
  }

  &:hover:not(.disabled) .#{$materialize-prefix}-collapsible-title {
    @media (hover: hover) {
      background: $materialize-collapsible-title-hover-background;
    }
  }

  &.disabled .#{$materialize-prefix}-collapsible-title {
    cursor: not-allowed;

    .#{$materialize-prefix}-collapsible-title-icon {
      cursor: not-allowed;
    }
  }
}

.#{$materialize-prefix}-collapsible-content-container {
  max-height: 0;
  overflow: hidden;
  transition: $materialize-collapsible-content-transition;
}

.#{$materialize-prefix}-collapsible-content {
  background: $materialize-collapsible-content-background;
  color: $materialize-collapsible-content-color;
  font-family: $materialize-collapsible-content-font-family;
  font-size: $materialize-collapsible-content-font-size;
  font-weight: $materialize-collapsible-content-font-weight;
  margin: $materialize-collapsible-content-margin;
  overflow: visible;
  position: relative;

  &:not(:empty) {
    padding: $materialize-collapsible-title-padding;
  }
}

.#{$materialize-prefix}-collapsible-title {
  background: $materialize-collapsible-title-background;
  color: $materialize-collapsible-title-color;
  cursor: $materialize-collapsible-title-cursor;
  font-family: $materialize-collapsible-title-font-family;
  font-size: $materialize-collapsible-title-font-size;
  font-weight: $materialize-collapsible-title-font-weight;
  margin: $materialize-collapsible-title-margin;
  padding: $materialize-collapsible-title-padding;
  position: relative;

  .ripple {
    background: $materialize-collapsible-title-ripple-background;
  }
}

.#{$materialize-prefix}-collapsible-title-icon {
  color: $materialize-collapsible-title-icon-color;
  font-size: $materialize-collapsible-title-icon-size;
  position: absolute;
  right: $materialize-collapsible-title-icon-right;
  top: 50%;
  transform: translateY(-50%);
  transition: $materialize-collapsible-title-icon-transition;
}


/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-fonts-path: './../fonts' !default;
$materialize-prefix: 'materialize' !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-border-sm: 1px;
$theme-border-md: 2px;
$theme-border-lg: 3px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-color-primary: #5707EB !default;
$theme-color-secondary: #03DAC6 !default;
$theme-color-success: #28A745 !default;
$theme-color-danger: #A22027 !default;
$theme-color-warning: #FFC107 !default;
$theme-color-info: #17A2B8 !default;
$theme-color-black: #000000 !default;
$theme-color-white: #FFFFFF !default;
$theme-color-gray-80: #F4F3F4 !default;
$theme-color-gray-60: #DCDBDC !default;
$theme-color-gray-40: #6A6A6A !default;
$theme-color-gray-20: #232F34 !default;

$theme-colors: (
  'primary': $theme-color-primary,
  'secondary': $theme-color-secondary,
  'success': $theme-color-success,
  'danger': $theme-color-danger,
  'warning': $theme-color-warning,
  'info': $theme-color-info,
  'black': $theme-color-black,
  'white': $theme-color-white,
  'gray-80': $theme-color-gray-80,
  'gray-60': $theme-color-gray-60,
  'gray-40': $theme-color-gray-40,
  'gray-20': $theme-color-gray-20
);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-primary: 'Roboto' !default;
$theme-font-family-secondary: 'LiberationMono' !default;

$theme-font-size-xs: 12px;
$theme-font-size-sm: 14px;
$theme-font-size-md: 16px;
$theme-font-size-lg: 20px;
$theme-font-size-xl: 24px;

$theme-font-weight-thin: 100;
$theme-font-weight-light: 200;
$theme-font-weight-regular: 300;
$theme-font-weight-medium: 400;
$theme-font-weight-bold: 500;
$theme-font-weight-black: 600;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-icon: 'material-icons';

$theme-icon-xs: 14px;
$theme-icon-sm: 16px;
$theme-icon-md: 18px;
$theme-icon-lg: 20px;
$theme-icon-xl: 22px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-space-xxxs: 4px;
$theme-space-xxs: 6px;
$theme-space-xs: 8px;
$theme-space-sm: 12px;
$theme-space-md: 16px;
$theme-space-lg: 20px;
$theme-space-xl: 24px;
$theme-space-xxl: 28px;
$theme-space-xxxl: 32px;

$theme-space-half: 50%;
$theme-space-full: 100%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-radius-xs: 2px;
$theme-radius-sm: 4px;
$theme-radius-md: 6px;

$theme-radius-full: 50%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-shadow-sm:
  0 2px 1px -1px rgba(0, 0, 0, 0.2),
  0 1px 1px 0 rgba(0, 0,0 , 0.14),
  0 1px 3px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-md:
  0 2px 4px -1px rgba(0, 0, 0, 0.2),
  0 4px 5px 0 rgba(0, 0, 0, 0.14),
  0 1px 10px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-lg:
  0 5px 5px -3px rgba(0, 0, 0, 0.2),
  0 8px 10px 1px rgba(0, 0, 0, 0.14),
  0 3px 14px 2px rgba(0, 0, 0, 0.12);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-transition-function-in: cubic-bezier(0.4, 0, 0.2, 1);
$theme-transition-function-out: cubic-bezier(0.25, 0.8, 0.25, 1);
$theme-transition-function-in-out: cubic-bezier(0, 0, 0.2, 1);
$theme-transition-function-ease: ease;

$theme-property-background: background;
$theme-property-box-shadow: box-shadow;
$theme-property-font-size: font-size;
$theme-property-left: left;
$theme-property-max-height: max-height;
$theme-property-opacity: opacity;
$theme-property-top: top;
$theme-property-transform: transform;
$theme-property-width: width;

$theme-timer-sm: 200ms;
$theme-timer-md: 350ms;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-zindex-1: 10;
$theme-zindex-2: 20;
$theme-zindex-3: 30;



/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-datepicker-backdrop-zindex: $theme-zindex-1 !default;

$materialize-datepicker-button-background: transparent !default;
$materialize-datepicker-button-border-radius: $theme-radius-full !default;
$materialize-datepicker-box-shadow: unset !default;
$materialize-datepicker-button-color: map-get($theme-colors, 'black') !default;
$materialize-datepicker-button-size: 32px !default;

$materialize-datepicker-button-focused-background: darken(map-get($theme-colors, 'gray-80'), 5%) !default;
$materialize-datepicker-button-hover-background: darken(map-get($theme-colors, 'gray-80'), 10%) !default;
$materialize-datepicker-button-disabled-background: map-get($theme-colors, 'gray-80') !default;

$materialize-datepicker-button-ripple: rgba(map-get($theme-colors, 'black'), 0.1) !default;

$materialize-datepicker-calendar-bottom: 100% !default;
$materialize-datepicker-calendar-margin: 0 0 $theme-space-xs 0 !default;
$materialize-datepicker-calendar-right: $theme-space-xs !default;
$materialize-datepicker-calendar-zindex: $theme-zindex-2 !default;

$materialize-datepicker-full-backdrop-background: rgba(map-get($theme-colors, 'black'), 0.4) !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

.#{$materialize-prefix}-datepicker {
  position: relative;

  &.full-size {
    .#{$materialize-prefix}-datepicker-backdrop {
      background: $materialize-datepicker-full-backdrop-background;
    }

    .#{$materialize-prefix}-datepicker-calendar {
      bottom: unset;
      left: 50%;
      margin: 0;
      position: fixed;
      right: unset;
      top: 50%;
      transform: translate(-50%, -50%);
    }
  }

  .#{$materialize-prefix}-datepicker-backdrop {
    background: transparent;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: $materialize-datepicker-backdrop-zindex;
  }

  .#{$materialize-prefix}-datepicker-calendar {
    bottom: $materialize-datepicker-calendar-bottom;
    margin: $materialize-datepicker-calendar-margin;
    position: absolute;
    right: $materialize-datepicker-calendar-right;
    z-index: $materialize-datepicker-calendar-zindex;
  }

  .#{$materialize-prefix}-datepicker-button {
    align-items: center;
    background: $materialize-datepicker-button-background;
    border-radius: $materialize-datepicker-button-border-radius;
    box-shadow: $materialize-datepicker-box-shadow;
    color: $materialize-datepicker-button-color;
    display: flex;
    height: $materialize-datepicker-button-size;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: $materialize-datepicker-button-size;

    &.focused {
      background: $materialize-datepicker-button-focused-background;
    }

    &:hover {
      background: $materialize-datepicker-button-hover-background;
    }

    &[disabled] {
      background: $materialize-datepicker-button-disabled-background;
    }

    .ripple {
      background: $materialize-datepicker-button-ripple;
    }
  }
}

#{$materialize-prefix}-datepicker.ng-touched.ng-dirty.ng-invalid {
  @extend %form-control-error;
}


/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-fonts-path: './../fonts' !default;
$materialize-prefix: 'materialize' !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-border-sm: 1px;
$theme-border-md: 2px;
$theme-border-lg: 3px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-color-primary: #5707EB !default;
$theme-color-secondary: #03DAC6 !default;
$theme-color-success: #28A745 !default;
$theme-color-danger: #A22027 !default;
$theme-color-warning: #FFC107 !default;
$theme-color-info: #17A2B8 !default;
$theme-color-black: #000000 !default;
$theme-color-white: #FFFFFF !default;
$theme-color-gray-80: #F4F3F4 !default;
$theme-color-gray-60: #DCDBDC !default;
$theme-color-gray-40: #6A6A6A !default;
$theme-color-gray-20: #232F34 !default;

$theme-colors: (
  'primary': $theme-color-primary,
  'secondary': $theme-color-secondary,
  'success': $theme-color-success,
  'danger': $theme-color-danger,
  'warning': $theme-color-warning,
  'info': $theme-color-info,
  'black': $theme-color-black,
  'white': $theme-color-white,
  'gray-80': $theme-color-gray-80,
  'gray-60': $theme-color-gray-60,
  'gray-40': $theme-color-gray-40,
  'gray-20': $theme-color-gray-20
);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-primary: 'Roboto' !default;
$theme-font-family-secondary: 'LiberationMono' !default;

$theme-font-size-xs: 12px;
$theme-font-size-sm: 14px;
$theme-font-size-md: 16px;
$theme-font-size-lg: 20px;
$theme-font-size-xl: 24px;

$theme-font-weight-thin: 100;
$theme-font-weight-light: 200;
$theme-font-weight-regular: 300;
$theme-font-weight-medium: 400;
$theme-font-weight-bold: 500;
$theme-font-weight-black: 600;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-icon: 'material-icons';

$theme-icon-xs: 14px;
$theme-icon-sm: 16px;
$theme-icon-md: 18px;
$theme-icon-lg: 20px;
$theme-icon-xl: 22px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-space-xxxs: 4px;
$theme-space-xxs: 6px;
$theme-space-xs: 8px;
$theme-space-sm: 12px;
$theme-space-md: 16px;
$theme-space-lg: 20px;
$theme-space-xl: 24px;
$theme-space-xxl: 28px;
$theme-space-xxxl: 32px;

$theme-space-half: 50%;
$theme-space-full: 100%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-radius-xs: 2px;
$theme-radius-sm: 4px;
$theme-radius-md: 6px;

$theme-radius-full: 50%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-shadow-sm:
  0 2px 1px -1px rgba(0, 0, 0, 0.2),
  0 1px 1px 0 rgba(0, 0,0 , 0.14),
  0 1px 3px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-md:
  0 2px 4px -1px rgba(0, 0, 0, 0.2),
  0 4px 5px 0 rgba(0, 0, 0, 0.14),
  0 1px 10px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-lg:
  0 5px 5px -3px rgba(0, 0, 0, 0.2),
  0 8px 10px 1px rgba(0, 0, 0, 0.14),
  0 3px 14px 2px rgba(0, 0, 0, 0.12);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-transition-function-in: cubic-bezier(0.4, 0, 0.2, 1);
$theme-transition-function-out: cubic-bezier(0.25, 0.8, 0.25, 1);
$theme-transition-function-in-out: cubic-bezier(0, 0, 0.2, 1);
$theme-transition-function-ease: ease;

$theme-property-background: background;
$theme-property-box-shadow: box-shadow;
$theme-property-font-size: font-size;
$theme-property-left: left;
$theme-property-max-height: max-height;
$theme-property-opacity: opacity;
$theme-property-top: top;
$theme-property-transform: transform;
$theme-property-width: width;

$theme-timer-sm: 200ms;
$theme-timer-md: 350ms;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-zindex-1: 10;
$theme-zindex-2: 20;
$theme-zindex-3: 30;



/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-drawer-content-background: map-get($theme-colors, 'white') !default;
$materialize-drawer-content-width: 280px !default;
$materialize-drawer-content-z-index: $theme-zindex-2 !default;
$materialize-drawer-content-transition-function: $theme-transition-function-in !default;

$materialize-drawer-backdrop-background: rgba(0, 0, 0, 0.5) !default;
$materialize-drawer-backdrop-transition-function: $theme-transition-function-out !default;
$materialize-drawer-backdrop-transition-property: $theme-property-opacity !default;
$materialize-drawer-backdrop-z-index: $theme-zindex-1 !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

.#{$materialize-prefix}-drawer {
  overflow: hidden;
  position: relative;

  &.left {
    > .#{$materialize-prefix}-drawer-content {
      left: 0;
    }

    &.static > .#{$materialize-prefix}-drawer-container {
      margin-left: $materialize-drawer-content-width;
    }

    &.push > .#{$materialize-prefix}-drawer-content,
    &.over > .#{$materialize-prefix}-drawer-content {
      transform: translateX(-100%);
    }

    &.open.push > .#{$materialize-prefix}-drawer-container {
      margin-left: $materialize-drawer-content-width;
    }
  }

  &.right {
    > .#{$materialize-prefix}-drawer-content {
      right: 0;
    }

    &.static > .#{$materialize-prefix}-drawer-container {
      margin-right: $materialize-drawer-content-width;
    }

    &.push > .#{$materialize-prefix}-drawer-content,
    &.over > .#{$materialize-prefix}-drawer-content {
      transform: translateX(100%);
    }

    &.open.push > .#{$materialize-prefix}-drawer-container {
      margin-right: $materialize-drawer-content-width;
    }
  }

  &.static > .#{$materialize-prefix}-drawer-content {
    position: fixed;
  }

  &.push > .#{$materialize-prefix}-drawer-container {
    transition-duration: inherit;
    transition-property: margin;
    transition-timing-function: $materialize-drawer-content-transition-function;
  }

  &.push > .#{$materialize-prefix}-drawer-content,
  &.over > .#{$materialize-prefix}-drawer-content {
    transition-duration: inherit;
    transition-property: transform;
    transition-timing-function: $materialize-drawer-content-transition-function;
  }

  &.open {
    &.backdrop > .#{$materialize-prefix}-drawer-backdrop {
      opacity: 1;
    }

    &.over > .#{$materialize-prefix}-drawer-content,
    &.push > .#{$materialize-prefix}-drawer-content {
      transform: translateX(0);
    }
  }
}

.#{$materialize-prefix}-drawer-backdrop {
  background: $materialize-drawer-backdrop-background;
  bottom: 0;
  display: none;
  height: 100%;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition-duration: inherit;
  transition-property: $materialize-drawer-backdrop-transition-property;
  transition-timing-function: $materialize-drawer-backdrop-transition-function;
  width: 100%;
  z-index: $materialize-drawer-backdrop-z-index;
}

.#{$materialize-prefix}-drawer-content {
  background: $materialize-drawer-content-background;
  height: 100%;
  position: absolute;
  top: 0;
  width: $materialize-drawer-content-width;
  z-index: $materialize-drawer-content-z-index;
}


/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-fonts-path: './../fonts' !default;
$materialize-prefix: 'materialize' !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-border-sm: 1px;
$theme-border-md: 2px;
$theme-border-lg: 3px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-color-primary: #5707EB !default;
$theme-color-secondary: #03DAC6 !default;
$theme-color-success: #28A745 !default;
$theme-color-danger: #A22027 !default;
$theme-color-warning: #FFC107 !default;
$theme-color-info: #17A2B8 !default;
$theme-color-black: #000000 !default;
$theme-color-white: #FFFFFF !default;
$theme-color-gray-80: #F4F3F4 !default;
$theme-color-gray-60: #DCDBDC !default;
$theme-color-gray-40: #6A6A6A !default;
$theme-color-gray-20: #232F34 !default;

$theme-colors: (
  'primary': $theme-color-primary,
  'secondary': $theme-color-secondary,
  'success': $theme-color-success,
  'danger': $theme-color-danger,
  'warning': $theme-color-warning,
  'info': $theme-color-info,
  'black': $theme-color-black,
  'white': $theme-color-white,
  'gray-80': $theme-color-gray-80,
  'gray-60': $theme-color-gray-60,
  'gray-40': $theme-color-gray-40,
  'gray-20': $theme-color-gray-20
);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-primary: 'Roboto' !default;
$theme-font-family-secondary: 'LiberationMono' !default;

$theme-font-size-xs: 12px;
$theme-font-size-sm: 14px;
$theme-font-size-md: 16px;
$theme-font-size-lg: 20px;
$theme-font-size-xl: 24px;

$theme-font-weight-thin: 100;
$theme-font-weight-light: 200;
$theme-font-weight-regular: 300;
$theme-font-weight-medium: 400;
$theme-font-weight-bold: 500;
$theme-font-weight-black: 600;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-icon: 'material-icons';

$theme-icon-xs: 14px;
$theme-icon-sm: 16px;
$theme-icon-md: 18px;
$theme-icon-lg: 20px;
$theme-icon-xl: 22px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-space-xxxs: 4px;
$theme-space-xxs: 6px;
$theme-space-xs: 8px;
$theme-space-sm: 12px;
$theme-space-md: 16px;
$theme-space-lg: 20px;
$theme-space-xl: 24px;
$theme-space-xxl: 28px;
$theme-space-xxxl: 32px;

$theme-space-half: 50%;
$theme-space-full: 100%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-radius-xs: 2px;
$theme-radius-sm: 4px;
$theme-radius-md: 6px;

$theme-radius-full: 50%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-shadow-sm:
  0 2px 1px -1px rgba(0, 0, 0, 0.2),
  0 1px 1px 0 rgba(0, 0,0 , 0.14),
  0 1px 3px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-md:
  0 2px 4px -1px rgba(0, 0, 0, 0.2),
  0 4px 5px 0 rgba(0, 0, 0, 0.14),
  0 1px 10px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-lg:
  0 5px 5px -3px rgba(0, 0, 0, 0.2),
  0 8px 10px 1px rgba(0, 0, 0, 0.14),
  0 3px 14px 2px rgba(0, 0, 0, 0.12);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-transition-function-in: cubic-bezier(0.4, 0, 0.2, 1);
$theme-transition-function-out: cubic-bezier(0.25, 0.8, 0.25, 1);
$theme-transition-function-in-out: cubic-bezier(0, 0, 0.2, 1);
$theme-transition-function-ease: ease;

$theme-property-background: background;
$theme-property-box-shadow: box-shadow;
$theme-property-font-size: font-size;
$theme-property-left: left;
$theme-property-max-height: max-height;
$theme-property-opacity: opacity;
$theme-property-top: top;
$theme-property-transform: transform;
$theme-property-width: width;

$theme-timer-sm: 200ms;
$theme-timer-md: 350ms;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-zindex-1: 10;
$theme-zindex-2: 20;
$theme-zindex-3: 30;



/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

@font-face {
  font-family: $theme-font-family-primary;
  font-style: normal;
  font-weight: $theme-font-weight-thin;
  src: url('#{$materialize-fonts-path}/Roboto/Roboto-Thin.ttf');
}

@font-face {
  font-family: $theme-font-family-primary;
  font-style: italic;
  font-weight: $theme-font-weight-thin;
  src: url('#{$materialize-fonts-path}/Roboto/Roboto-ThinItalic.ttf');
}

@font-face {
  font-family: $theme-font-family-primary;
  font-style: normal;
  font-weight: $theme-font-weight-light;
  src: url('#{$materialize-fonts-path}/Roboto/Roboto-Light.ttf');
}

@font-face {
  font-family: $theme-font-family-primary;
  font-style: italic;
  font-weight: $theme-font-weight-light;
  src: url('#{$materialize-fonts-path}/Roboto/Roboto-LightItalic.ttf');
}

@font-face {
  font-family: $theme-font-family-primary;
  font-style: normal;
  font-weight: $theme-font-weight-regular;
  src: url('#{$materialize-fonts-path}/Roboto/Roboto-Regular.ttf');
}

@font-face {
  font-family: $theme-font-family-primary;
  font-style: italic;
  font-weight: $theme-font-weight-regular;
  src: url('#{$materialize-fonts-path}/Roboto/Roboto-Italic.ttf');
}

@font-face {
  font-family: $theme-font-family-primary;
  font-style: normal;
  font-weight: $theme-font-weight-medium;
  src: url('#{$materialize-fonts-path}/Roboto/Roboto-Medium.ttf');
}

@font-face {
  font-family: $theme-font-family-primary;
  font-style: italic;
  font-weight: $theme-font-weight-medium;
  src: url('#{$materialize-fonts-path}/Roboto/Roboto-MediumItalic.ttf');
}

@font-face {
  font-family: $theme-font-family-primary;
  font-style: normal;
  font-weight: $theme-font-weight-bold;
  src: url('#{$materialize-fonts-path}/Roboto/Roboto-Bold.ttf');
}

@font-face {
  font-family: $theme-font-family-primary;
  font-style: italic;
  font-weight: $theme-font-weight-bold;
  src: url('#{$materialize-fonts-path}/Roboto/Roboto-BoldItalic.ttf');
}

@font-face {
  font-family: $theme-font-family-primary;
  font-style: normal;
  font-weight: $theme-font-weight-black;
  src: url('#{$materialize-fonts-path}/Roboto/Roboto-Black.ttf');
}

@font-face {
  font-family: $theme-font-family-primary;
  font-style: italic;
  font-weight: $theme-font-weight-black;
  src: url('#{$materialize-fonts-path}/Roboto/Roboto-BlackItalic.ttf');
}

@font-face {
  font-family: $theme-font-family-secondary;
  font-style: normal;
  font-weight: $theme-font-weight-regular;
  src: url('#{$materialize-fonts-path}/liberation-mono/LiberationMono-Regular.ttf');
}

@font-face {
  font-family: $theme-font-family-secondary;
  font-style: italic;
  font-weight: $theme-font-weight-regular;
  src: url('#{$materialize-fonts-path}/liberation-mono/LiberationMono-Italic.ttf');
}

@font-face {
  font-family: $theme-font-family-secondary;
  font-style: normal;
  font-weight: $theme-font-weight-bold;
  src: url('#{$materialize-fonts-path}/liberation-mono/LiberationMono-Bold.ttf');
}

@font-face {
  font-family: $theme-font-family-secondary;
  font-style: normal;
  font-weight: $theme-font-weight-bold;
  src: url('#{$materialize-fonts-path}/liberation-mono/LiberationMono-BoldItalic.ttf');
}


/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-fonts-path: './../fonts' !default;
$materialize-prefix: 'materialize' !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-border-sm: 1px;
$theme-border-md: 2px;
$theme-border-lg: 3px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-color-primary: #5707EB !default;
$theme-color-secondary: #03DAC6 !default;
$theme-color-success: #28A745 !default;
$theme-color-danger: #A22027 !default;
$theme-color-warning: #FFC107 !default;
$theme-color-info: #17A2B8 !default;
$theme-color-black: #000000 !default;
$theme-color-white: #FFFFFF !default;
$theme-color-gray-80: #F4F3F4 !default;
$theme-color-gray-60: #DCDBDC !default;
$theme-color-gray-40: #6A6A6A !default;
$theme-color-gray-20: #232F34 !default;

$theme-colors: (
  'primary': $theme-color-primary,
  'secondary': $theme-color-secondary,
  'success': $theme-color-success,
  'danger': $theme-color-danger,
  'warning': $theme-color-warning,
  'info': $theme-color-info,
  'black': $theme-color-black,
  'white': $theme-color-white,
  'gray-80': $theme-color-gray-80,
  'gray-60': $theme-color-gray-60,
  'gray-40': $theme-color-gray-40,
  'gray-20': $theme-color-gray-20
);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-primary: 'Roboto' !default;
$theme-font-family-secondary: 'LiberationMono' !default;

$theme-font-size-xs: 12px;
$theme-font-size-sm: 14px;
$theme-font-size-md: 16px;
$theme-font-size-lg: 20px;
$theme-font-size-xl: 24px;

$theme-font-weight-thin: 100;
$theme-font-weight-light: 200;
$theme-font-weight-regular: 300;
$theme-font-weight-medium: 400;
$theme-font-weight-bold: 500;
$theme-font-weight-black: 600;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-icon: 'material-icons';

$theme-icon-xs: 14px;
$theme-icon-sm: 16px;
$theme-icon-md: 18px;
$theme-icon-lg: 20px;
$theme-icon-xl: 22px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-space-xxxs: 4px;
$theme-space-xxs: 6px;
$theme-space-xs: 8px;
$theme-space-sm: 12px;
$theme-space-md: 16px;
$theme-space-lg: 20px;
$theme-space-xl: 24px;
$theme-space-xxl: 28px;
$theme-space-xxxl: 32px;

$theme-space-half: 50%;
$theme-space-full: 100%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-radius-xs: 2px;
$theme-radius-sm: 4px;
$theme-radius-md: 6px;

$theme-radius-full: 50%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-shadow-sm:
  0 2px 1px -1px rgba(0, 0, 0, 0.2),
  0 1px 1px 0 rgba(0, 0,0 , 0.14),
  0 1px 3px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-md:
  0 2px 4px -1px rgba(0, 0, 0, 0.2),
  0 4px 5px 0 rgba(0, 0, 0, 0.14),
  0 1px 10px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-lg:
  0 5px 5px -3px rgba(0, 0, 0, 0.2),
  0 8px 10px 1px rgba(0, 0, 0, 0.14),
  0 3px 14px 2px rgba(0, 0, 0, 0.12);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-transition-function-in: cubic-bezier(0.4, 0, 0.2, 1);
$theme-transition-function-out: cubic-bezier(0.25, 0.8, 0.25, 1);
$theme-transition-function-in-out: cubic-bezier(0, 0, 0.2, 1);
$theme-transition-function-ease: ease;

$theme-property-background: background;
$theme-property-box-shadow: box-shadow;
$theme-property-font-size: font-size;
$theme-property-left: left;
$theme-property-max-height: max-height;
$theme-property-opacity: opacity;
$theme-property-top: top;
$theme-property-transform: transform;
$theme-property-width: width;

$theme-timer-sm: 200ms;
$theme-timer-md: 350ms;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-zindex-1: 10;
$theme-zindex-2: 20;
$theme-zindex-3: 30;



/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-form-message-font-family: $theme-font-family-primary !default;
$materialize-form-message-font-size: $theme-font-size-md !default;
$materialize-form-message-font-weight: $theme-font-weight-regular !default;
$materialize-form-message-letter-spacing: 0 !default;
$materialize-form-message-line-height: 100% !default;
$materialize-form-message-margin: 0 !default;
$materialize-form-message-padding: $theme-space-sm !default;
$materialize-form-message-text-align: left !default;

$materialize-form-message-info-color: map-get($theme-colors, 'gray-20') !default;
$materialize-form-message-info-font-family: $materialize-form-message-font-family !default;
$materialize-form-message-info-font-size: $materialize-form-message-font-size !default;
$materialize-form-message-info-font-weight: $materialize-form-message-font-weight !default;
$materialize-form-message-info-letter-spacing: $materialize-form-message-letter-spacing !default;
$materialize-form-message-info-line-height: $materialize-form-message-line-height !default;
$materialize-form-message-info-margin: $materialize-form-message-margin !default;
$materialize-form-message-info-padding: $materialize-form-message-padding !default;
$materialize-form-message-info-text-align: $materialize-form-message-text-align !default;

$materialize-form-message-error-color: map-get($theme-colors, 'danger') !default;
$materialize-form-message-error-font-family: $materialize-form-message-font-family !default;
$materialize-form-message-error-font-size: $materialize-form-message-font-size !default;
$materialize-form-message-error-font-weight: $materialize-form-message-font-weight !default;
$materialize-form-message-error-letter-spacing: $materialize-form-message-letter-spacing !default;
$materialize-form-message-error-line-height: $materialize-form-message-line-height !default;
$materialize-form-message-error-margin: $materialize-form-message-margin !default;
$materialize-form-message-error-padding: $materialize-form-message-padding !default;
$materialize-form-message-error-text-align: $materialize-form-message-text-align !default;

$materialize-form-message-success-color: map-get($theme-colors, 'info') !default;
$materialize-form-message-success-font-family: $materialize-form-message-font-family !default;
$materialize-form-message-success-font-size: $materialize-form-message-font-size !default;
$materialize-form-message-success-font-weight: $materialize-form-message-font-weight !default;
$materialize-form-message-success-letter-spacing: $materialize-form-message-letter-spacing !default;
$materialize-form-message-success-line-height: $materialize-form-message-line-height !default;
$materialize-form-message-success-margin: $materialize-form-message-margin !default;
$materialize-form-message-success-padding: $materialize-form-message-padding !default;
$materialize-form-message-success-text-align: $materialize-form-message-text-align !default;

$materialize-form-message-warning-color: map-get($theme-colors, 'warning') !default;
$materialize-form-message-warning-font-family: $materialize-form-message-font-family !default;
$materialize-form-message-warning-font-size: $materialize-form-message-font-size !default;
$materialize-form-message-warning-font-weight: $materialize-form-message-font-weight !default;
$materialize-form-message-warning-letter-spacing: $materialize-form-message-letter-spacing !default;
$materialize-form-message-warning-line-height: $materialize-form-message-line-height !default;
$materialize-form-message-warning-margin: $materialize-form-message-margin !default;
$materialize-form-message-warning-padding: $materialize-form-message-padding !default;
$materialize-form-message-warning-text-align: $materialize-form-message-text-align !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

.#{$materialize-prefix}-form-message {
  &.error {
    color: $materialize-form-message-error-color;
    font-family: $materialize-form-message-error-font-family;
    font-size: $materialize-form-message-error-font-size;
    font-weight: $materialize-form-message-error-font-weight;
    letter-spacing: $materialize-form-message-error-letter-spacing;
    line-height: $materialize-form-message-error-line-height;
    margin: $materialize-form-message-error-margin;
    padding: $materialize-form-message-error-padding;
    text-align: $materialize-form-message-error-text-align;
  }

  &.info {
    color: $materialize-form-message-info-color;
    font-family: $materialize-form-message-info-font-family;
    font-size: $materialize-form-message-info-font-size;
    font-weight: $materialize-form-message-info-font-weight;
    letter-spacing: $materialize-form-message-info-letter-spacing;
    line-height: $materialize-form-message-info-line-height;
    margin: $materialize-form-message-info-margin;
    padding: $materialize-form-message-info-padding;
    text-align: $materialize-form-message-info-text-align;
  }

  &.success {
    color: $materialize-form-message-success-color;
    font-family: $materialize-form-message-success-font-family;
    font-size: $materialize-form-message-success-font-size;
    font-weight: $materialize-form-message-success-font-weight;
    letter-spacing: $materialize-form-message-success-letter-spacing;
    line-height: $materialize-form-message-success-line-height;
    margin: $materialize-form-message-success-margin;
    padding: $materialize-form-message-success-padding;
    text-align: $materialize-form-message-success-text-align;
  }

  &.warning {
    color: $materialize-form-message-warning-color;
    font-family: $materialize-form-message-warning-font-family;
    font-size: $materialize-form-message-warning-font-size;
    font-weight: $materialize-form-message-warning-font-weight;
    letter-spacing: $materialize-form-message-warning-letter-spacing;
    line-height: $materialize-form-message-warning-line-height;
    margin: $materialize-form-message-warning-margin;
    padding: $materialize-form-message-warning-padding;
    text-align: $materialize-form-message-warning-text-align;
  }
}


/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-fonts-path: './../fonts' !default;
$materialize-prefix: 'materialize' !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-border-sm: 1px;
$theme-border-md: 2px;
$theme-border-lg: 3px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-color-primary: #5707EB !default;
$theme-color-secondary: #03DAC6 !default;
$theme-color-success: #28A745 !default;
$theme-color-danger: #A22027 !default;
$theme-color-warning: #FFC107 !default;
$theme-color-info: #17A2B8 !default;
$theme-color-black: #000000 !default;
$theme-color-white: #FFFFFF !default;
$theme-color-gray-80: #F4F3F4 !default;
$theme-color-gray-60: #DCDBDC !default;
$theme-color-gray-40: #6A6A6A !default;
$theme-color-gray-20: #232F34 !default;

$theme-colors: (
  'primary': $theme-color-primary,
  'secondary': $theme-color-secondary,
  'success': $theme-color-success,
  'danger': $theme-color-danger,
  'warning': $theme-color-warning,
  'info': $theme-color-info,
  'black': $theme-color-black,
  'white': $theme-color-white,
  'gray-80': $theme-color-gray-80,
  'gray-60': $theme-color-gray-60,
  'gray-40': $theme-color-gray-40,
  'gray-20': $theme-color-gray-20
);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-primary: 'Roboto' !default;
$theme-font-family-secondary: 'LiberationMono' !default;

$theme-font-size-xs: 12px;
$theme-font-size-sm: 14px;
$theme-font-size-md: 16px;
$theme-font-size-lg: 20px;
$theme-font-size-xl: 24px;

$theme-font-weight-thin: 100;
$theme-font-weight-light: 200;
$theme-font-weight-regular: 300;
$theme-font-weight-medium: 400;
$theme-font-weight-bold: 500;
$theme-font-weight-black: 600;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-icon: 'material-icons';

$theme-icon-xs: 14px;
$theme-icon-sm: 16px;
$theme-icon-md: 18px;
$theme-icon-lg: 20px;
$theme-icon-xl: 22px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-space-xxxs: 4px;
$theme-space-xxs: 6px;
$theme-space-xs: 8px;
$theme-space-sm: 12px;
$theme-space-md: 16px;
$theme-space-lg: 20px;
$theme-space-xl: 24px;
$theme-space-xxl: 28px;
$theme-space-xxxl: 32px;

$theme-space-half: 50%;
$theme-space-full: 100%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-radius-xs: 2px;
$theme-radius-sm: 4px;
$theme-radius-md: 6px;

$theme-radius-full: 50%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-shadow-sm:
  0 2px 1px -1px rgba(0, 0, 0, 0.2),
  0 1px 1px 0 rgba(0, 0,0 , 0.14),
  0 1px 3px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-md:
  0 2px 4px -1px rgba(0, 0, 0, 0.2),
  0 4px 5px 0 rgba(0, 0, 0, 0.14),
  0 1px 10px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-lg:
  0 5px 5px -3px rgba(0, 0, 0, 0.2),
  0 8px 10px 1px rgba(0, 0, 0, 0.14),
  0 3px 14px 2px rgba(0, 0, 0, 0.12);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-transition-function-in: cubic-bezier(0.4, 0, 0.2, 1);
$theme-transition-function-out: cubic-bezier(0.25, 0.8, 0.25, 1);
$theme-transition-function-in-out: cubic-bezier(0, 0, 0.2, 1);
$theme-transition-function-ease: ease;

$theme-property-background: background;
$theme-property-box-shadow: box-shadow;
$theme-property-font-size: font-size;
$theme-property-left: left;
$theme-property-max-height: max-height;
$theme-property-opacity: opacity;
$theme-property-top: top;
$theme-property-transform: transform;
$theme-property-width: width;

$theme-timer-sm: 200ms;
$theme-timer-md: 350ms;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-zindex-1: 10;
$theme-zindex-2: 20;
$theme-zindex-3: 30;



/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-glossary-item-color: map-get($theme-colors, 'gray-60') !default;
$materialize-glossary-item-cursor: pointer !default;
$materialize-glossary-font-weight: $theme-font-weight-regular !default;
$materialize-glossary-font-size: $theme-font-size-md !default;
$materialize-glossary-font-family: $theme-font-family-primary !default;
$materialize-glossary-item-padding: $theme-space-xs $theme-space-md !default;

$materialize-glossary-item-line-height: 100% !default;
$materialize-glossary-item-line-width: $theme-border-md !default;

$materialize-glossary-item-hover-color: map-get($theme-colors, 'gray-60') !default;
$materialize-glossary-item-hover-line-background: map-get($theme-colors, 'primary') !default;

$materialize-glossary-item-active-color: map-get($theme-colors, 'gray-20') !default;
$materialize-glossary-item-active-line-background: map-get($theme-colors, 'primary') !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

.#{$materialize-prefix}-glossary-item {
  color: $materialize-glossary-item-color;
  cursor: $materialize-glossary-item-cursor;
  font-family: $materialize-glossary-font-family;
  font-size: $materialize-glossary-font-size;
  font-weight: $materialize-glossary-font-weight;
  padding: $materialize-glossary-item-padding;
  position: relative;

  &::before {
    content: '';
    height: $materialize-glossary-item-line-height;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: $materialize-glossary-item-line-width;
  }

  @media (hover: hover) {
    &:hover {
      color: $materialize-glossary-item-hover-color;

      &::before {
        background: $materialize-glossary-item-hover-line-background;
      }
    }
  }

  &.active {
    color: $materialize-glossary-item-active-color;

    &::before {
      background: $materialize-glossary-item-active-line-background;
    }
  }
}


/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-fonts-path: './../fonts' !default;
$materialize-prefix: 'materialize' !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-border-sm: 1px;
$theme-border-md: 2px;
$theme-border-lg: 3px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-color-primary: #5707EB !default;
$theme-color-secondary: #03DAC6 !default;
$theme-color-success: #28A745 !default;
$theme-color-danger: #A22027 !default;
$theme-color-warning: #FFC107 !default;
$theme-color-info: #17A2B8 !default;
$theme-color-black: #000000 !default;
$theme-color-white: #FFFFFF !default;
$theme-color-gray-80: #F4F3F4 !default;
$theme-color-gray-60: #DCDBDC !default;
$theme-color-gray-40: #6A6A6A !default;
$theme-color-gray-20: #232F34 !default;

$theme-colors: (
  'primary': $theme-color-primary,
  'secondary': $theme-color-secondary,
  'success': $theme-color-success,
  'danger': $theme-color-danger,
  'warning': $theme-color-warning,
  'info': $theme-color-info,
  'black': $theme-color-black,
  'white': $theme-color-white,
  'gray-80': $theme-color-gray-80,
  'gray-60': $theme-color-gray-60,
  'gray-40': $theme-color-gray-40,
  'gray-20': $theme-color-gray-20
);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-primary: 'Roboto' !default;
$theme-font-family-secondary: 'LiberationMono' !default;

$theme-font-size-xs: 12px;
$theme-font-size-sm: 14px;
$theme-font-size-md: 16px;
$theme-font-size-lg: 20px;
$theme-font-size-xl: 24px;

$theme-font-weight-thin: 100;
$theme-font-weight-light: 200;
$theme-font-weight-regular: 300;
$theme-font-weight-medium: 400;
$theme-font-weight-bold: 500;
$theme-font-weight-black: 600;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-icon: 'material-icons';

$theme-icon-xs: 14px;
$theme-icon-sm: 16px;
$theme-icon-md: 18px;
$theme-icon-lg: 20px;
$theme-icon-xl: 22px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-space-xxxs: 4px;
$theme-space-xxs: 6px;
$theme-space-xs: 8px;
$theme-space-sm: 12px;
$theme-space-md: 16px;
$theme-space-lg: 20px;
$theme-space-xl: 24px;
$theme-space-xxl: 28px;
$theme-space-xxxl: 32px;

$theme-space-half: 50%;
$theme-space-full: 100%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-radius-xs: 2px;
$theme-radius-sm: 4px;
$theme-radius-md: 6px;

$theme-radius-full: 50%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-shadow-sm:
  0 2px 1px -1px rgba(0, 0, 0, 0.2),
  0 1px 1px 0 rgba(0, 0,0 , 0.14),
  0 1px 3px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-md:
  0 2px 4px -1px rgba(0, 0, 0, 0.2),
  0 4px 5px 0 rgba(0, 0, 0, 0.14),
  0 1px 10px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-lg:
  0 5px 5px -3px rgba(0, 0, 0, 0.2),
  0 8px 10px 1px rgba(0, 0, 0, 0.14),
  0 3px 14px 2px rgba(0, 0, 0, 0.12);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-transition-function-in: cubic-bezier(0.4, 0, 0.2, 1);
$theme-transition-function-out: cubic-bezier(0.25, 0.8, 0.25, 1);
$theme-transition-function-in-out: cubic-bezier(0, 0, 0.2, 1);
$theme-transition-function-ease: ease;

$theme-property-background: background;
$theme-property-box-shadow: box-shadow;
$theme-property-font-size: font-size;
$theme-property-left: left;
$theme-property-max-height: max-height;
$theme-property-opacity: opacity;
$theme-property-top: top;
$theme-property-transform: transform;
$theme-property-width: width;

$theme-timer-sm: 200ms;
$theme-timer-md: 350ms;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-zindex-1: 10;
$theme-zindex-2: 20;
$theme-zindex-3: 30;



/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-icon-color: map-get($theme-colors, 'gray-20') !default;
$materialize-icon-cursor: pointer !default;
$materialize-icon-display: inline-block !default;
$materialize-icon-outline: none !default;
$materialize-icon-text-transform: lowercase !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

.#{$materialize-prefix}-icon {
  color: $materialize-icon-color;
  cursor: $materialize-icon-cursor;
  display: $materialize-icon-display;
  font-family: $theme-font-family-icon;
  outline: $materialize-icon-outline;
  text-transform: $materialize-icon-text-transform;

  &.xs {
    font-size: $theme-icon-xs;
  }

  &.sm {
    font-size: $theme-icon-sm;
  }

  &.md {
    font-size: $theme-icon-md;
  }

  &.lg {
    font-size: $theme-icon-lg;
  }

  &.xl {
    font-size: $theme-icon-xl;
  }
}

@font-face {
  font-family: $theme-font-family-icon;
  font-style: normal;
  font-weight: $theme-font-weight-thin;
  src: url('#{$materialize-fonts-path}/material-icons/material-icons.woff2');
}


/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-fonts-path: './../fonts' !default;
$materialize-prefix: 'materialize' !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-fonts-path: './../fonts' !default;
$materialize-prefix: 'materialize' !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-border-sm: 1px;
$theme-border-md: 2px;
$theme-border-lg: 3px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-color-primary: #5707EB !default;
$theme-color-secondary: #03DAC6 !default;
$theme-color-success: #28A745 !default;
$theme-color-danger: #A22027 !default;
$theme-color-warning: #FFC107 !default;
$theme-color-info: #17A2B8 !default;
$theme-color-black: #000000 !default;
$theme-color-white: #FFFFFF !default;
$theme-color-gray-80: #F4F3F4 !default;
$theme-color-gray-60: #DCDBDC !default;
$theme-color-gray-40: #6A6A6A !default;
$theme-color-gray-20: #232F34 !default;

$theme-colors: (
  'primary': $theme-color-primary,
  'secondary': $theme-color-secondary,
  'success': $theme-color-success,
  'danger': $theme-color-danger,
  'warning': $theme-color-warning,
  'info': $theme-color-info,
  'black': $theme-color-black,
  'white': $theme-color-white,
  'gray-80': $theme-color-gray-80,
  'gray-60': $theme-color-gray-60,
  'gray-40': $theme-color-gray-40,
  'gray-20': $theme-color-gray-20
);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-primary: 'Roboto' !default;
$theme-font-family-secondary: 'LiberationMono' !default;

$theme-font-size-xs: 12px;
$theme-font-size-sm: 14px;
$theme-font-size-md: 16px;
$theme-font-size-lg: 20px;
$theme-font-size-xl: 24px;

$theme-font-weight-thin: 100;
$theme-font-weight-light: 200;
$theme-font-weight-regular: 300;
$theme-font-weight-medium: 400;
$theme-font-weight-bold: 500;
$theme-font-weight-black: 600;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-icon: 'material-icons';

$theme-icon-xs: 14px;
$theme-icon-sm: 16px;
$theme-icon-md: 18px;
$theme-icon-lg: 20px;
$theme-icon-xl: 22px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-space-xxxs: 4px;
$theme-space-xxs: 6px;
$theme-space-xs: 8px;
$theme-space-sm: 12px;
$theme-space-md: 16px;
$theme-space-lg: 20px;
$theme-space-xl: 24px;
$theme-space-xxl: 28px;
$theme-space-xxxl: 32px;

$theme-space-half: 50%;
$theme-space-full: 100%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-radius-xs: 2px;
$theme-radius-sm: 4px;
$theme-radius-md: 6px;

$theme-radius-full: 50%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-shadow-sm:
  0 2px 1px -1px rgba(0, 0, 0, 0.2),
  0 1px 1px 0 rgba(0, 0,0 , 0.14),
  0 1px 3px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-md:
  0 2px 4px -1px rgba(0, 0, 0, 0.2),
  0 4px 5px 0 rgba(0, 0, 0, 0.14),
  0 1px 10px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-lg:
  0 5px 5px -3px rgba(0, 0, 0, 0.2),
  0 8px 10px 1px rgba(0, 0, 0, 0.14),
  0 3px 14px 2px rgba(0, 0, 0, 0.12);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-transition-function-in: cubic-bezier(0.4, 0, 0.2, 1);
$theme-transition-function-out: cubic-bezier(0.25, 0.8, 0.25, 1);
$theme-transition-function-in-out: cubic-bezier(0, 0, 0.2, 1);
$theme-transition-function-ease: ease;

$theme-property-background: background;
$theme-property-box-shadow: box-shadow;
$theme-property-font-size: font-size;
$theme-property-left: left;
$theme-property-max-height: max-height;
$theme-property-opacity: opacity;
$theme-property-top: top;
$theme-property-transform: transform;
$theme-property-width: width;

$theme-timer-sm: 200ms;
$theme-timer-md: 350ms;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-zindex-1: 10;
$theme-zindex-2: 20;
$theme-zindex-3: 30;



/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-form-control-container-background: map-get($theme-colors, 'gray-80') !default;
$materialize-form-control-container-border-color: map-get($theme-colors, 'gray-40') !default;
$materialize-form-control-container-border-radius:
$theme-radius-sm $theme-radius-sm 0 0 !default;
$materialize-form-control-container-border-style: solid !default;
$materialize-form-control-container-border-width: 0 0 $theme-border-sm 0 !default;
$materialize-form-control-container-margin: 0 !default;
$materialize-form-control-container-outiline: none !default;

$materialize-form-control-container-line-bottom: -1px !default;
$materialize-form-control-container-line-color: map-get($theme-colors, 'primary') !default;
$materialize-form-control-container-line-height: $theme-border-md !default;
$materialize-form-control-container-line-transition:
$theme-timer-md $theme-transition-function-ease $theme-property-width !default;
$materialize-form-control-container-line-width: 0 !default;
$materialize-form-control-container-line-z-index:  $theme-zindex-1 !default;

$materialize-form-control-caret-color: map-get($theme-colors, 'primary') !default;
$materialize-form-control-color: map-get($theme-colors, 'gray-20') !default;
$materialize-form-control-font-family: $theme-font-family-primary !default;
$materialize-form-control-font-size: $theme-font-size-md !default;
$materialize-form-control-font-weight: $theme-font-weight-regular !default;
$materialize-form-control-line-height: 100% !default;
$materialize-form-control-letter-spacing: 0 !default;
$materialize-form-control-padding: $theme-space-sm !default;

$materialize-form-control-placeholder-color: map-get($theme-colors, 'gray-60') !default;
$materialize-form-control-placeholder-font-weight: $theme-font-weight-regular !default;

$materialize-form-control-with-label-padding-top: $theme-space-xl !default;

$materialize-form-control-label-background: map-get($theme-colors, 'gray-80') !default;
$materialize-form-control-label-color: map-get($theme-colors, 'gray-40') !default;
$materialize-form-control-label-font-family: $theme-font-family-primary !default;
$materialize-form-control-label-font-size: $theme-font-size-md !default;
$materialize-form-control-label-font-weight: $theme-font-weight-regular !default;
$materialize-form-control-label-letter-spacing: 0 !default;
$materialize-form-control-label-transition-duration: $theme-timer-sm !default;
$materialize-form-control-label-transition-function: $theme-transition-function-ease !default;
$materialize-form-control-label-transition-property: $theme-property-top $theme-property-font-size !default;
$materialize-form-control-label-padding: $theme-space-xs $theme-space-sm $theme-space-xxxs !default;

$materialize-form-control-active-label-font-size: $theme-font-size-xs !default;
$materialize-form-control-active-label-top: 0 !default;

$materialize-form-control-focused-container-line-width: 100% !default;
$materialize-form-control-focused-label-color: map-get($theme-colors, 'primary') !default;

$materialize-form-control-disabled-container-border-color: map-get($theme-colors, 'gray-60') !default;
$materialize-form-control-disabled-container-background: map-get($theme-colors, 'gray-80') !default;
$materialize-form-control-disabled-label-color: map-get($theme-colors, 'gray-60') !default;
$materialize-form-control-disabled-color: map-get($theme-colors, 'gray-60') !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

.#{$materialize-prefix}-form-control-container {
  background: $materialize-form-control-container-background;
  border-color: $materialize-form-control-container-border-color;
  border-radius: $materialize-form-control-container-border-radius;
  border-style: $materialize-form-control-container-border-style;
  border-width: $materialize-form-control-container-border-width;
  display: flex;
  flex-direction: row;
  margin: $materialize-form-control-container-margin;
  outline: $materialize-form-control-container-outiline;
  position: relative;

  &::after {
    background: $materialize-form-control-container-line-color;
    bottom: $materialize-form-control-container-line-bottom;
    content: '';
    height: $materialize-form-control-container-line-height;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    transition: $materialize-form-control-container-line-transition;
    width: $materialize-form-control-container-line-width;
    z-index: $materialize-form-control-container-line-z-index;
  }

  &.float-label .#{$materialize-prefix}-form-control {
    padding-top: $materialize-form-control-with-label-padding-top;
  }

  &.active .#{$materialize-prefix}-form-control-label,
  &.focused .#{$materialize-prefix}-form-control-label {
    font-size: $materialize-form-control-active-label-font-size;
    line-height: $materialize-form-control-active-label-font-size;
    top: $materialize-form-control-active-label-top;
    transform: unset;
  }

  &.focused {
    &::after {
      width: $materialize-form-control-focused-container-line-width;
    }

    .#{$materialize-prefix}-form-control-label {
      color: $materialize-form-control-focused-label-color;
    }
  }

  &.disabled {
    background: $materialize-form-control-disabled-container-background;
    border-color: $materialize-form-control-disabled-container-border-color;

    .#{$materialize-prefix}-form-control,
    .#{$materialize-prefix}-form-control-label {
      cursor: not-allowed;
    }

    .#{$materialize-prefix}-form-control {
      color: $materialize-form-control-disabled-color;
    }

    .#{$materialize-prefix}-form-control-label {
      color: $materialize-form-control-disabled-label-color;
    }
  }
}

.#{$materialize-prefix}-form-control-wrapper {
  position: relative;
  width: 100%;
}

.#{$materialize-prefix}-form-control {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  box-sizing: border-box;
  caret-color: $materialize-form-control-caret-color;
  color: $materialize-form-control-color;
  font-family: $materialize-form-control-font-family;
  font-size: $materialize-form-control-font-size;
  font-weight: $materialize-form-control-font-weight;
  height: 100%;
  letter-spacing: $materialize-form-control-letter-spacing;
  line-height: $materialize-form-control-line-height;
  max-width: 100%;
  outline: none;
  padding: $materialize-form-control-padding;
  resize: vertical;
  white-space: nowrap;
  width: 100%;

  &::placeholder {
    color: $materialize-form-control-placeholder-color;
    font-weight: $materialize-form-control-placeholder-font-weight;
  }
}

.#{$materialize-prefix}-form-control-label {
  background: $materialize-form-control-label-background;
  border-radius: $materialize-form-control-container-border-radius;
  color: $materialize-form-control-label-color;
  cursor: text;
  font-family: $materialize-form-control-label-font-family;
  font-size: $materialize-form-control-label-font-size;
  font-weight: $materialize-form-control-label-font-weight;
  left: 0;
  letter-spacing: $materialize-form-control-label-letter-spacing;
  line-height: $materialize-form-control-label-font-size;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition-duration: $materialize-form-control-label-transition-duration;
  transition-property: $materialize-form-control-label-transition-property;
  transition-timing-function: $materialize-form-control-label-transition-function;
  width: 100%;

  &:not(:empty) {
    padding: $materialize-form-control-label-padding;
  }
}

.#{$materialize-prefix}-form-control-prefix,
.#{$materialize-prefix}-form-control-suffix {
  align-items: center;
  color: $materialize-form-control-color;
  display: flex;
  font-family: $materialize-form-control-font-family;
  font-size: $materialize-form-control-font-size;
  font-weight: $materialize-form-control-font-weight;
  letter-spacing: $materialize-form-control-letter-spacing;
  line-height: $materialize-form-control-line-height;
  white-space: nowrap;
}

.#{$materialize-prefix}-form-control-prefix:not(:empty) {
  padding-left: $theme-space-sm;
}

.#{$materialize-prefix}-form-control-suffix:not(:empty) {
  padding-right: $theme-space-sm;
}

%form-control-error {
  .#{$materialize-prefix}-form-control-container::after {
    background: map-get($theme-colors, 'danger');
    width: 100%;
  }

  .#{$materialize-prefix}-form-control-label {
    color: map-get($theme-colors, 'danger');
  }

  .#{$materialize-prefix}-form-control {
    caret-color: map-get($theme-colors, 'danger');
  }
}



/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

#{$materialize-prefix}-input.ng-touched.ng-dirty.ng-invalid {
  @extend %form-control-error;
}


/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-fonts-path: './../fonts' !default;
$materialize-prefix: 'materialize' !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-border-sm: 1px;
$theme-border-md: 2px;
$theme-border-lg: 3px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-color-primary: #5707EB !default;
$theme-color-secondary: #03DAC6 !default;
$theme-color-success: #28A745 !default;
$theme-color-danger: #A22027 !default;
$theme-color-warning: #FFC107 !default;
$theme-color-info: #17A2B8 !default;
$theme-color-black: #000000 !default;
$theme-color-white: #FFFFFF !default;
$theme-color-gray-80: #F4F3F4 !default;
$theme-color-gray-60: #DCDBDC !default;
$theme-color-gray-40: #6A6A6A !default;
$theme-color-gray-20: #232F34 !default;

$theme-colors: (
  'primary': $theme-color-primary,
  'secondary': $theme-color-secondary,
  'success': $theme-color-success,
  'danger': $theme-color-danger,
  'warning': $theme-color-warning,
  'info': $theme-color-info,
  'black': $theme-color-black,
  'white': $theme-color-white,
  'gray-80': $theme-color-gray-80,
  'gray-60': $theme-color-gray-60,
  'gray-40': $theme-color-gray-40,
  'gray-20': $theme-color-gray-20
);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-primary: 'Roboto' !default;
$theme-font-family-secondary: 'LiberationMono' !default;

$theme-font-size-xs: 12px;
$theme-font-size-sm: 14px;
$theme-font-size-md: 16px;
$theme-font-size-lg: 20px;
$theme-font-size-xl: 24px;

$theme-font-weight-thin: 100;
$theme-font-weight-light: 200;
$theme-font-weight-regular: 300;
$theme-font-weight-medium: 400;
$theme-font-weight-bold: 500;
$theme-font-weight-black: 600;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-icon: 'material-icons';

$theme-icon-xs: 14px;
$theme-icon-sm: 16px;
$theme-icon-md: 18px;
$theme-icon-lg: 20px;
$theme-icon-xl: 22px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-space-xxxs: 4px;
$theme-space-xxs: 6px;
$theme-space-xs: 8px;
$theme-space-sm: 12px;
$theme-space-md: 16px;
$theme-space-lg: 20px;
$theme-space-xl: 24px;
$theme-space-xxl: 28px;
$theme-space-xxxl: 32px;

$theme-space-half: 50%;
$theme-space-full: 100%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-radius-xs: 2px;
$theme-radius-sm: 4px;
$theme-radius-md: 6px;

$theme-radius-full: 50%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-shadow-sm:
  0 2px 1px -1px rgba(0, 0, 0, 0.2),
  0 1px 1px 0 rgba(0, 0,0 , 0.14),
  0 1px 3px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-md:
  0 2px 4px -1px rgba(0, 0, 0, 0.2),
  0 4px 5px 0 rgba(0, 0, 0, 0.14),
  0 1px 10px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-lg:
  0 5px 5px -3px rgba(0, 0, 0, 0.2),
  0 8px 10px 1px rgba(0, 0, 0, 0.14),
  0 3px 14px 2px rgba(0, 0, 0, 0.12);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-transition-function-in: cubic-bezier(0.4, 0, 0.2, 1);
$theme-transition-function-out: cubic-bezier(0.25, 0.8, 0.25, 1);
$theme-transition-function-in-out: cubic-bezier(0, 0, 0.2, 1);
$theme-transition-function-ease: ease;

$theme-property-background: background;
$theme-property-box-shadow: box-shadow;
$theme-property-font-size: font-size;
$theme-property-left: left;
$theme-property-max-height: max-height;
$theme-property-opacity: opacity;
$theme-property-top: top;
$theme-property-transform: transform;
$theme-property-width: width;

$theme-timer-sm: 200ms;
$theme-timer-md: 350ms;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-zindex-1: 10;
$theme-zindex-2: 20;
$theme-zindex-3: 30;



/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-label-color: map-get($theme-colors, 'primary') !default;
$materialize-label-display: block !default;
$materialize-label-font-family: $theme-font-family-primary !default;
$materialize-label-font-size: $theme-font-size-xs !default;
$materialize-label-font-weight: $theme-font-weight-regular !default;
$materialize-label-margin: 0 !default;
$materialize-label-outline: none !default;
$materialize-label-padding: $theme-space-xs $theme-space-sm !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

.#{$materialize-prefix}-label {
  color: $materialize-label-color;
  display: $materialize-label-display;
  font-family: $materialize-label-font-family;
  font-size: $materialize-label-font-size;
  font-weight: $materialize-label-font-weight;
  margin: $materialize-label-margin;
  outline: $materialize-label-outline;
  padding: $materialize-label-padding;
}


/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-fonts-path: './../fonts' !default;
$materialize-prefix: 'materialize' !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-border-sm: 1px;
$theme-border-md: 2px;
$theme-border-lg: 3px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-color-primary: #5707EB !default;
$theme-color-secondary: #03DAC6 !default;
$theme-color-success: #28A745 !default;
$theme-color-danger: #A22027 !default;
$theme-color-warning: #FFC107 !default;
$theme-color-info: #17A2B8 !default;
$theme-color-black: #000000 !default;
$theme-color-white: #FFFFFF !default;
$theme-color-gray-80: #F4F3F4 !default;
$theme-color-gray-60: #DCDBDC !default;
$theme-color-gray-40: #6A6A6A !default;
$theme-color-gray-20: #232F34 !default;

$theme-colors: (
  'primary': $theme-color-primary,
  'secondary': $theme-color-secondary,
  'success': $theme-color-success,
  'danger': $theme-color-danger,
  'warning': $theme-color-warning,
  'info': $theme-color-info,
  'black': $theme-color-black,
  'white': $theme-color-white,
  'gray-80': $theme-color-gray-80,
  'gray-60': $theme-color-gray-60,
  'gray-40': $theme-color-gray-40,
  'gray-20': $theme-color-gray-20
);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-primary: 'Roboto' !default;
$theme-font-family-secondary: 'LiberationMono' !default;

$theme-font-size-xs: 12px;
$theme-font-size-sm: 14px;
$theme-font-size-md: 16px;
$theme-font-size-lg: 20px;
$theme-font-size-xl: 24px;

$theme-font-weight-thin: 100;
$theme-font-weight-light: 200;
$theme-font-weight-regular: 300;
$theme-font-weight-medium: 400;
$theme-font-weight-bold: 500;
$theme-font-weight-black: 600;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-icon: 'material-icons';

$theme-icon-xs: 14px;
$theme-icon-sm: 16px;
$theme-icon-md: 18px;
$theme-icon-lg: 20px;
$theme-icon-xl: 22px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-space-xxxs: 4px;
$theme-space-xxs: 6px;
$theme-space-xs: 8px;
$theme-space-sm: 12px;
$theme-space-md: 16px;
$theme-space-lg: 20px;
$theme-space-xl: 24px;
$theme-space-xxl: 28px;
$theme-space-xxxl: 32px;

$theme-space-half: 50%;
$theme-space-full: 100%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-radius-xs: 2px;
$theme-radius-sm: 4px;
$theme-radius-md: 6px;

$theme-radius-full: 50%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-shadow-sm:
  0 2px 1px -1px rgba(0, 0, 0, 0.2),
  0 1px 1px 0 rgba(0, 0,0 , 0.14),
  0 1px 3px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-md:
  0 2px 4px -1px rgba(0, 0, 0, 0.2),
  0 4px 5px 0 rgba(0, 0, 0, 0.14),
  0 1px 10px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-lg:
  0 5px 5px -3px rgba(0, 0, 0, 0.2),
  0 8px 10px 1px rgba(0, 0, 0, 0.14),
  0 3px 14px 2px rgba(0, 0, 0, 0.12);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-transition-function-in: cubic-bezier(0.4, 0, 0.2, 1);
$theme-transition-function-out: cubic-bezier(0.25, 0.8, 0.25, 1);
$theme-transition-function-in-out: cubic-bezier(0, 0, 0.2, 1);
$theme-transition-function-ease: ease;

$theme-property-background: background;
$theme-property-box-shadow: box-shadow;
$theme-property-font-size: font-size;
$theme-property-left: left;
$theme-property-max-height: max-height;
$theme-property-opacity: opacity;
$theme-property-top: top;
$theme-property-transform: transform;
$theme-property-width: width;

$theme-timer-sm: 200ms;
$theme-timer-md: 350ms;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-zindex-1: 10;
$theme-zindex-2: 20;
$theme-zindex-3: 30;



/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-modal-align-items: center !default;
$materialize-modal-justify-content: center !default;

$materialize-modal-content-background: map-get($theme-colors, 'white') !default;
$materialize-modal-content-border-radius: $theme-radius-sm !default;
$materialize-modal-content-box-shadow: $theme-shadow-lg !default;
$materialize-modal-content-max-height: calc(100% - #{ $theme-space-xxxl }) !default;
$materialize-modal-content-max-width: calc(100% - #{ $theme-space-xxxl }) !default;
$materialize-modal-content-padding: $theme-space-xl !default;
$materialize-modal-content-transform: scale(0.8) !default;
$materialize-modal-content-transition-property: opacity, transform !default;
$materialize-modal-content-transition-function: cubic-bezier(0.17, 0.84, 0.44, 1) forwards !default;

$materialize-modal-backdrop-background: rgba(map-get($theme-colors, 'black'), 0.4) !default;
$materialize-modal-backdrop-transition-property: opacity !default;
$materialize-modal-backdrop-transition-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;

$materialize-modal-icon-close-color: map-get($theme-colors, 'gray-20') !default;
$materialize-modal-icon-close-size: 12px !default;
$materialize-modal-icon-close-right: $theme-space-xs !default;
$materialize-modal-icon-close-top: $theme-space-xs !default;

$materialize-modal-active-content-transform: scale(1) !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

.#{$materialize-prefix}-modal {
  align-items: $materialize-modal-align-items;
  display: flex;
  height: 100%;
  justify-content: $materialize-modal-justify-content;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1;

  &.active {
    z-index: $theme-zindex-3;

    .#{$materialize-prefix}-modal-backdrop {
      opacity: 1;
    }

    .#{$materialize-prefix}-modal-content {
      opacity: 1;
      transform: scale(1);
    }
  }
}

.#{$materialize-prefix}-modal-backdrop {
  background: $materialize-modal-backdrop-background;
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition-duration: inherit;
  transition-property: $materialize-modal-backdrop-transition-property;
  transition-timing-function: $materialize-modal-backdrop-transition-function;
  width: 100%;
  z-index: 0;
}

.#{$materialize-prefix}-modal-content {
  background: $materialize-modal-content-background;
  border-radius: $materialize-modal-content-border-radius;
  box-shadow: $materialize-modal-content-box-shadow;
  max-height: $materialize-modal-content-max-height;
  max-width: $materialize-modal-content-max-width;
  opacity: 0;
  overflow-y: auto;
  padding: $materialize-modal-content-padding;
  position: relative;
  transform: $materialize-modal-content-transform;
  transition-duration: inherit;
  transition-property: opacity, transform;
  transition-timing-function: $materialize-modal-content-transition-function;
  z-index: $theme-zindex-1;
}

.#{$materialize-prefix}-modal-icon-close {
  align-items: center;
  color: $materialize-modal-icon-close-color;
  cursor: pointer;
  display: flex;
  font-size: $materialize-modal-icon-close-size * 2;
  height: $materialize-modal-icon-close-size;
  justify-content: center;
  position: absolute;
  right: $materialize-modal-icon-close-right;
  top: $materialize-modal-icon-close-top;
  width: $materialize-modal-icon-close-size;
}


/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-fonts-path: './../fonts' !default;
$materialize-prefix: 'materialize' !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-border-sm: 1px;
$theme-border-md: 2px;
$theme-border-lg: 3px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-color-primary: #5707EB !default;
$theme-color-secondary: #03DAC6 !default;
$theme-color-success: #28A745 !default;
$theme-color-danger: #A22027 !default;
$theme-color-warning: #FFC107 !default;
$theme-color-info: #17A2B8 !default;
$theme-color-black: #000000 !default;
$theme-color-white: #FFFFFF !default;
$theme-color-gray-80: #F4F3F4 !default;
$theme-color-gray-60: #DCDBDC !default;
$theme-color-gray-40: #6A6A6A !default;
$theme-color-gray-20: #232F34 !default;

$theme-colors: (
  'primary': $theme-color-primary,
  'secondary': $theme-color-secondary,
  'success': $theme-color-success,
  'danger': $theme-color-danger,
  'warning': $theme-color-warning,
  'info': $theme-color-info,
  'black': $theme-color-black,
  'white': $theme-color-white,
  'gray-80': $theme-color-gray-80,
  'gray-60': $theme-color-gray-60,
  'gray-40': $theme-color-gray-40,
  'gray-20': $theme-color-gray-20
);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-primary: 'Roboto' !default;
$theme-font-family-secondary: 'LiberationMono' !default;

$theme-font-size-xs: 12px;
$theme-font-size-sm: 14px;
$theme-font-size-md: 16px;
$theme-font-size-lg: 20px;
$theme-font-size-xl: 24px;

$theme-font-weight-thin: 100;
$theme-font-weight-light: 200;
$theme-font-weight-regular: 300;
$theme-font-weight-medium: 400;
$theme-font-weight-bold: 500;
$theme-font-weight-black: 600;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-icon: 'material-icons';

$theme-icon-xs: 14px;
$theme-icon-sm: 16px;
$theme-icon-md: 18px;
$theme-icon-lg: 20px;
$theme-icon-xl: 22px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-space-xxxs: 4px;
$theme-space-xxs: 6px;
$theme-space-xs: 8px;
$theme-space-sm: 12px;
$theme-space-md: 16px;
$theme-space-lg: 20px;
$theme-space-xl: 24px;
$theme-space-xxl: 28px;
$theme-space-xxxl: 32px;

$theme-space-half: 50%;
$theme-space-full: 100%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-radius-xs: 2px;
$theme-radius-sm: 4px;
$theme-radius-md: 6px;

$theme-radius-full: 50%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-shadow-sm:
  0 2px 1px -1px rgba(0, 0, 0, 0.2),
  0 1px 1px 0 rgba(0, 0,0 , 0.14),
  0 1px 3px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-md:
  0 2px 4px -1px rgba(0, 0, 0, 0.2),
  0 4px 5px 0 rgba(0, 0, 0, 0.14),
  0 1px 10px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-lg:
  0 5px 5px -3px rgba(0, 0, 0, 0.2),
  0 8px 10px 1px rgba(0, 0, 0, 0.14),
  0 3px 14px 2px rgba(0, 0, 0, 0.12);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-transition-function-in: cubic-bezier(0.4, 0, 0.2, 1);
$theme-transition-function-out: cubic-bezier(0.25, 0.8, 0.25, 1);
$theme-transition-function-in-out: cubic-bezier(0, 0, 0.2, 1);
$theme-transition-function-ease: ease;

$theme-property-background: background;
$theme-property-box-shadow: box-shadow;
$theme-property-font-size: font-size;
$theme-property-left: left;
$theme-property-max-height: max-height;
$theme-property-opacity: opacity;
$theme-property-top: top;
$theme-property-transform: transform;
$theme-property-width: width;

$theme-timer-sm: 200ms;
$theme-timer-md: 350ms;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-zindex-1: 10;
$theme-zindex-2: 20;
$theme-zindex-3: 30;



/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-navbar-background: map-get($theme-colors, 'primary') !default;
$materialize-navbar-color: map-get($theme-colors, 'white') !default;
$materialize-navbar-box-shadow: $theme-shadow-sm !default;
$materialize-navbar-font-family: $theme-font-family-primary !default;
$materialize-navbar-font-size: $theme-font-size-lg !default;
$materialize-navbar-font-weight: $theme-font-weight-regular !default;
$materialize-navbar-height: 72px !default;
$materialize-navbar-margin: 0 0 $theme-space-sm !default;
$materialize-navbar-padding: 0 $theme-space-xs !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

.#{$materialize-prefix}-navbar {
  align-items: center;
  background: $materialize-navbar-background;
  box-shadow: $materialize-navbar-box-shadow;
  color: $materialize-navbar-color;
  display: flex;
  flex-direction: row;
  font-family: $materialize-navbar-font-family;
  font-size: $materialize-navbar-font-size;
  font-weight: $materialize-navbar-font-weight;
  height: $materialize-navbar-height;
  justify-content: center;
  margin: $materialize-navbar-margin;
  padding: $materialize-navbar-padding;
}


/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-fonts-path: './../fonts' !default;
$materialize-prefix: 'materialize' !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-border-sm: 1px;
$theme-border-md: 2px;
$theme-border-lg: 3px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-color-primary: #5707EB !default;
$theme-color-secondary: #03DAC6 !default;
$theme-color-success: #28A745 !default;
$theme-color-danger: #A22027 !default;
$theme-color-warning: #FFC107 !default;
$theme-color-info: #17A2B8 !default;
$theme-color-black: #000000 !default;
$theme-color-white: #FFFFFF !default;
$theme-color-gray-80: #F4F3F4 !default;
$theme-color-gray-60: #DCDBDC !default;
$theme-color-gray-40: #6A6A6A !default;
$theme-color-gray-20: #232F34 !default;

$theme-colors: (
  'primary': $theme-color-primary,
  'secondary': $theme-color-secondary,
  'success': $theme-color-success,
  'danger': $theme-color-danger,
  'warning': $theme-color-warning,
  'info': $theme-color-info,
  'black': $theme-color-black,
  'white': $theme-color-white,
  'gray-80': $theme-color-gray-80,
  'gray-60': $theme-color-gray-60,
  'gray-40': $theme-color-gray-40,
  'gray-20': $theme-color-gray-20
);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-primary: 'Roboto' !default;
$theme-font-family-secondary: 'LiberationMono' !default;

$theme-font-size-xs: 12px;
$theme-font-size-sm: 14px;
$theme-font-size-md: 16px;
$theme-font-size-lg: 20px;
$theme-font-size-xl: 24px;

$theme-font-weight-thin: 100;
$theme-font-weight-light: 200;
$theme-font-weight-regular: 300;
$theme-font-weight-medium: 400;
$theme-font-weight-bold: 500;
$theme-font-weight-black: 600;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-icon: 'material-icons';

$theme-icon-xs: 14px;
$theme-icon-sm: 16px;
$theme-icon-md: 18px;
$theme-icon-lg: 20px;
$theme-icon-xl: 22px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-space-xxxs: 4px;
$theme-space-xxs: 6px;
$theme-space-xs: 8px;
$theme-space-sm: 12px;
$theme-space-md: 16px;
$theme-space-lg: 20px;
$theme-space-xl: 24px;
$theme-space-xxl: 28px;
$theme-space-xxxl: 32px;

$theme-space-half: 50%;
$theme-space-full: 100%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-radius-xs: 2px;
$theme-radius-sm: 4px;
$theme-radius-md: 6px;

$theme-radius-full: 50%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-shadow-sm:
  0 2px 1px -1px rgba(0, 0, 0, 0.2),
  0 1px 1px 0 rgba(0, 0,0 , 0.14),
  0 1px 3px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-md:
  0 2px 4px -1px rgba(0, 0, 0, 0.2),
  0 4px 5px 0 rgba(0, 0, 0, 0.14),
  0 1px 10px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-lg:
  0 5px 5px -3px rgba(0, 0, 0, 0.2),
  0 8px 10px 1px rgba(0, 0, 0, 0.14),
  0 3px 14px 2px rgba(0, 0, 0, 0.12);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-transition-function-in: cubic-bezier(0.4, 0, 0.2, 1);
$theme-transition-function-out: cubic-bezier(0.25, 0.8, 0.25, 1);
$theme-transition-function-in-out: cubic-bezier(0, 0, 0.2, 1);
$theme-transition-function-ease: ease;

$theme-property-background: background;
$theme-property-box-shadow: box-shadow;
$theme-property-font-size: font-size;
$theme-property-left: left;
$theme-property-max-height: max-height;
$theme-property-opacity: opacity;
$theme-property-top: top;
$theme-property-transform: transform;
$theme-property-width: width;

$theme-timer-sm: 200ms;
$theme-timer-md: 350ms;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-zindex-1: 10;
$theme-zindex-2: 20;
$theme-zindex-3: 30;



/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

#{$materialize-prefix}-radio-group.ng-touched.ng-dirty.ng-invalid .#{$materialize-prefix}-radio {
  .#{$materialize-prefix}-radio-indicator {
    border-color: map-get($theme-colors, 'danger');
  }

  &.focused .#{$materialize-prefix}-radio-indicator-ripple {
    background: rgba(map-get($theme-colors, 'danger'), 0.1);
  }

  .ripple {
    background: rgba(map-get($theme-colors, 'danger'), 0.3);
  }

  &:not(.disabled) {
    @media (hover: hover) {
      .#{$materialize-prefix}-radio-indicator:hover .#{$materialize-prefix}-radio-indicator-ripple {
        background: rgba(map-get($theme-colors, 'danger'), 0.2);
      }
    }
  }
}


/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-radio-cursor: pointer !default;
$materialize-radio-outline: unset !default;
$materialize-radio-padding: $theme-space-xxxs 0 !default;

$materialize-radio-label-color: map-get($theme-colors, 'gray-20') !default;
$materialize-radio-label-font-family: $theme-font-family-primary !default;
$materialize-radio-label-font-size: $theme-font-size-md !default;
$materialize-radio-label-font-weight: $theme-font-weight-regular !default;
$materialize-radio-label-padding: 0 !default;
$materialize-radio-label-text-align: right !default;

$materialize-radio-indicator-border: $theme-border-md solid map-get($theme-colors, 'gray-40') !default;
$materialize-radio-indicator-border-radius: $theme-radius-full !default;
$materialize-radio-indicator-display: inline-block !default;
$materialize-radio-indicator-margin: 0 $theme-space-sm !default;
$materialize-radio-indicator-outline: none !default;
$materialize-radio-indicator-padding: 0 $theme-space-sm !default;
$materialize-radio-indicator-position: relative !default;
$materialize-radio-indicator-tap-highlight-color: transparent !default;
$materialize-radio-indicator-size: 20px !default;

$materialize-radio-indicator-active-border-color: map-get($theme-colors, 'primary') !default;
$materialize-radio-indicator-active-background: map-get($theme-colors, 'primary') !default;
$materialize-radio-indicator-active-size: 10px !default;

$materialize-radio-indicator-disabled-color: map-get($theme-colors, 'gray-60') !default;

$materialize-radio-indicator-ripple-background: map-get($theme-colors, 'primary') !default;
$materialize-radio-indicator-ripple-size: 40px !default;
$materialize-radio-indicator-ripple-transition:
$theme-property-background $theme-timer-sm $theme-transition-function-ease !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

.#{$materialize-prefix}-radio {
  align-items: center;
  cursor: $materialize-radio-cursor;
  display: flex;
  flex-direction: row;
  outline: $materialize-radio-outline;
  padding: $materialize-radio-padding;

  input[type='radio'] {
    display: none;
  }

  &:not(.disabled) {
    @media (hover: hover) {
      .#{$materialize-prefix}-radio-indicator:hover .#{$materialize-prefix}-radio-indicator-ripple {
        background: rgba($materialize-radio-indicator-disabled-color, 0.2);
      }

      &.active .#{$materialize-prefix}-radio-indicator:hover .#{$materialize-prefix}-radio-indicator-ripple {
        background: rgba($materialize-radio-indicator-ripple-background, 0.2);
      }
    }
  }

  &.focused:not(.disabled) {
    .#{$materialize-prefix}-radio-indicator-ripple {
      background: rgba($materialize-radio-indicator-ripple-background, 0.1);
    }

    &.active .#{$materialize-prefix}-radio-indicator-ripple {
      background: rgba($materialize-radio-indicator-ripple-background, 0.1);
    }
  }

  &.active:not(.disabled) {
    .ripple {
      background: rgba($materialize-radio-indicator-ripple-background, 0.3);
    }

    .#{$materialize-prefix}-radio-indicator {
      border-color: $materialize-radio-indicator-active-border-color;

      &::before {
        height: $materialize-radio-indicator-active-size;
        width: $materialize-radio-indicator-active-size;
      }
    }
  }

  &.disabled .#{$materialize-prefix}-radio-indicator {
    border-color: $materialize-radio-indicator-disabled-color;
    cursor: not-allowed;

    &::before {
      background: $materialize-radio-indicator-disabled-color;
    }
  }
}

.#{$materialize-prefix}-radio-label {
  color: $materialize-radio-label-color;
  flex: 1;
  font-family: $materialize-radio-label-font-family;
  font-size: $materialize-radio-label-font-size;
  font-weight: $materialize-radio-label-font-weight;
  padding: $materialize-radio-label-padding;
  text-align: $materialize-radio-label-text-align;
}

.#{$materialize-prefix}-radio-indicator {
  border: $materialize-radio-indicator-border;
  border-radius: $materialize-radio-indicator-border-radius;
  display: $materialize-radio-indicator-display;
  height: $materialize-radio-indicator-size;
  margin: $materialize-radio-indicator-margin;
  outline: $materialize-radio-indicator-outline;
  position: $materialize-radio-indicator-position;
  -webkit-tap-highlight-color: $materialize-radio-indicator-tap-highlight-color;
  width: $materialize-radio-indicator-size;

  &::before {
    background: $materialize-radio-indicator-active-background;
    border-radius: $materialize-radio-indicator-border-radius;
    content: '';
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition-duration: 250ms;
    transition-property: height, width;
    transition-timing-function: ease;
    width: 0;
  }
}

.#{$materialize-prefix}-radio-indicator-ripple {
  border-radius: $materialize-radio-indicator-border-radius;
  height: $materialize-radio-indicator-ripple-size;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: $materialize-radio-indicator-ripple-transition;
  width: $materialize-radio-indicator-ripple-size;
  z-index: $theme-zindex-1;

  .ripple {
    background: rgba($materialize-radio-indicator-ripple-background, 0.3);
  }
}


/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-fonts-path: './../fonts' !default;
$materialize-prefix: 'materialize' !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-border-sm: 1px;
$theme-border-md: 2px;
$theme-border-lg: 3px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-color-primary: #5707EB !default;
$theme-color-secondary: #03DAC6 !default;
$theme-color-success: #28A745 !default;
$theme-color-danger: #A22027 !default;
$theme-color-warning: #FFC107 !default;
$theme-color-info: #17A2B8 !default;
$theme-color-black: #000000 !default;
$theme-color-white: #FFFFFF !default;
$theme-color-gray-80: #F4F3F4 !default;
$theme-color-gray-60: #DCDBDC !default;
$theme-color-gray-40: #6A6A6A !default;
$theme-color-gray-20: #232F34 !default;

$theme-colors: (
  'primary': $theme-color-primary,
  'secondary': $theme-color-secondary,
  'success': $theme-color-success,
  'danger': $theme-color-danger,
  'warning': $theme-color-warning,
  'info': $theme-color-info,
  'black': $theme-color-black,
  'white': $theme-color-white,
  'gray-80': $theme-color-gray-80,
  'gray-60': $theme-color-gray-60,
  'gray-40': $theme-color-gray-40,
  'gray-20': $theme-color-gray-20
);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-primary: 'Roboto' !default;
$theme-font-family-secondary: 'LiberationMono' !default;

$theme-font-size-xs: 12px;
$theme-font-size-sm: 14px;
$theme-font-size-md: 16px;
$theme-font-size-lg: 20px;
$theme-font-size-xl: 24px;

$theme-font-weight-thin: 100;
$theme-font-weight-light: 200;
$theme-font-weight-regular: 300;
$theme-font-weight-medium: 400;
$theme-font-weight-bold: 500;
$theme-font-weight-black: 600;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-icon: 'material-icons';

$theme-icon-xs: 14px;
$theme-icon-sm: 16px;
$theme-icon-md: 18px;
$theme-icon-lg: 20px;
$theme-icon-xl: 22px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-space-xxxs: 4px;
$theme-space-xxs: 6px;
$theme-space-xs: 8px;
$theme-space-sm: 12px;
$theme-space-md: 16px;
$theme-space-lg: 20px;
$theme-space-xl: 24px;
$theme-space-xxl: 28px;
$theme-space-xxxl: 32px;

$theme-space-half: 50%;
$theme-space-full: 100%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-radius-xs: 2px;
$theme-radius-sm: 4px;
$theme-radius-md: 6px;

$theme-radius-full: 50%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-shadow-sm:
  0 2px 1px -1px rgba(0, 0, 0, 0.2),
  0 1px 1px 0 rgba(0, 0,0 , 0.14),
  0 1px 3px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-md:
  0 2px 4px -1px rgba(0, 0, 0, 0.2),
  0 4px 5px 0 rgba(0, 0, 0, 0.14),
  0 1px 10px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-lg:
  0 5px 5px -3px rgba(0, 0, 0, 0.2),
  0 8px 10px 1px rgba(0, 0, 0, 0.14),
  0 3px 14px 2px rgba(0, 0, 0, 0.12);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-transition-function-in: cubic-bezier(0.4, 0, 0.2, 1);
$theme-transition-function-out: cubic-bezier(0.25, 0.8, 0.25, 1);
$theme-transition-function-in-out: cubic-bezier(0, 0, 0.2, 1);
$theme-transition-function-ease: ease;

$theme-property-background: background;
$theme-property-box-shadow: box-shadow;
$theme-property-font-size: font-size;
$theme-property-left: left;
$theme-property-max-height: max-height;
$theme-property-opacity: opacity;
$theme-property-top: top;
$theme-property-transform: transform;
$theme-property-width: width;

$theme-timer-sm: 200ms;
$theme-timer-md: 350ms;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-zindex-1: 10;
$theme-zindex-2: 20;
$theme-zindex-3: 30;



/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-ripple-backgorund: rgba(map-get($theme-colors, 'black'), 0.1) !default;
$materialize-ripple-border-radius: $theme-radius-full !default;
$materialize-ripple-transition-property: $theme-property-opacity !default;
$materialize-ripple-transition-function: $theme-transition-function-in-out !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

.#{$materialize-prefix}-ripple-element {
  -webkit-mask-image: -webkit-radial-gradient(map-get($theme-colors, 'black'), map-get($theme-colors, 'white'));
  overflow: hidden;
  position: relative;

  &:not(.disabled) {
    cursor: pointer;
  }
}

.ripple {
  background: $materialize-ripple-backgorund;
  border-radius: $materialize-ripple-border-radius;
  position: absolute;
  transform: scale(0);
  transition-duration: 0ms;
  transition-property: transform, $materialize-ripple-transition-property;
  transition-timing-function: $materialize-ripple-transition-function;
}


/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-fonts-path: './../fonts' !default;
$materialize-prefix: 'materialize' !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-border-sm: 1px;
$theme-border-md: 2px;
$theme-border-lg: 3px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-color-primary: #5707EB !default;
$theme-color-secondary: #03DAC6 !default;
$theme-color-success: #28A745 !default;
$theme-color-danger: #A22027 !default;
$theme-color-warning: #FFC107 !default;
$theme-color-info: #17A2B8 !default;
$theme-color-black: #000000 !default;
$theme-color-white: #FFFFFF !default;
$theme-color-gray-80: #F4F3F4 !default;
$theme-color-gray-60: #DCDBDC !default;
$theme-color-gray-40: #6A6A6A !default;
$theme-color-gray-20: #232F34 !default;

$theme-colors: (
  'primary': $theme-color-primary,
  'secondary': $theme-color-secondary,
  'success': $theme-color-success,
  'danger': $theme-color-danger,
  'warning': $theme-color-warning,
  'info': $theme-color-info,
  'black': $theme-color-black,
  'white': $theme-color-white,
  'gray-80': $theme-color-gray-80,
  'gray-60': $theme-color-gray-60,
  'gray-40': $theme-color-gray-40,
  'gray-20': $theme-color-gray-20
);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-primary: 'Roboto' !default;
$theme-font-family-secondary: 'LiberationMono' !default;

$theme-font-size-xs: 12px;
$theme-font-size-sm: 14px;
$theme-font-size-md: 16px;
$theme-font-size-lg: 20px;
$theme-font-size-xl: 24px;

$theme-font-weight-thin: 100;
$theme-font-weight-light: 200;
$theme-font-weight-regular: 300;
$theme-font-weight-medium: 400;
$theme-font-weight-bold: 500;
$theme-font-weight-black: 600;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-icon: 'material-icons';

$theme-icon-xs: 14px;
$theme-icon-sm: 16px;
$theme-icon-md: 18px;
$theme-icon-lg: 20px;
$theme-icon-xl: 22px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-space-xxxs: 4px;
$theme-space-xxs: 6px;
$theme-space-xs: 8px;
$theme-space-sm: 12px;
$theme-space-md: 16px;
$theme-space-lg: 20px;
$theme-space-xl: 24px;
$theme-space-xxl: 28px;
$theme-space-xxxl: 32px;

$theme-space-half: 50%;
$theme-space-full: 100%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-radius-xs: 2px;
$theme-radius-sm: 4px;
$theme-radius-md: 6px;

$theme-radius-full: 50%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-shadow-sm:
  0 2px 1px -1px rgba(0, 0, 0, 0.2),
  0 1px 1px 0 rgba(0, 0,0 , 0.14),
  0 1px 3px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-md:
  0 2px 4px -1px rgba(0, 0, 0, 0.2),
  0 4px 5px 0 rgba(0, 0, 0, 0.14),
  0 1px 10px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-lg:
  0 5px 5px -3px rgba(0, 0, 0, 0.2),
  0 8px 10px 1px rgba(0, 0, 0, 0.14),
  0 3px 14px 2px rgba(0, 0, 0, 0.12);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-transition-function-in: cubic-bezier(0.4, 0, 0.2, 1);
$theme-transition-function-out: cubic-bezier(0.25, 0.8, 0.25, 1);
$theme-transition-function-in-out: cubic-bezier(0, 0, 0.2, 1);
$theme-transition-function-ease: ease;

$theme-property-background: background;
$theme-property-box-shadow: box-shadow;
$theme-property-font-size: font-size;
$theme-property-left: left;
$theme-property-max-height: max-height;
$theme-property-opacity: opacity;
$theme-property-top: top;
$theme-property-transform: transform;
$theme-property-width: width;

$theme-timer-sm: 200ms;
$theme-timer-md: 350ms;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-zindex-1: 10;
$theme-zindex-2: 20;
$theme-zindex-3: 30;



/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-select-option-background: map-get($theme-colors, 'white') !default;
$materialize-select-option-color: map-get($theme-colors, 'gray-40') !default;
$materialize-select-option-font-family: $theme-font-family-primary !default;
$materialize-select-option-font-size: $theme-font-size-md !default;
$materialize-select-option-font-weight: $theme-font-weight-regular !default;
$materialize-select-option-outline: none !default;
$materialize-select-option-padding: $theme-space-md $theme-space-sm !default;

$materialize-select-option-active-background: map-get($theme-colors, 'gray-80') !default;

$materialize-select-option-hover-background: rgba(map-get($theme-colors, 'primary'), 0.1) !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

.#{$materialize-prefix}-select-option {
  color: $materialize-select-option-color;
  font-family: $materialize-select-option-font-family;
  font-size: $materialize-select-option-font-size;
  font-weight: $materialize-select-option-font-weight;
  outline: $materialize-select-option-outline;
  padding: $materialize-select-option-padding;

  &:hover {
    background: $materialize-select-option-active-background;
  }

  &.active {
    background: $materialize-select-option-hover-background;
  }

  &.disabled {
    color: $materialize-form-control-placeholder-color;
  }
}


/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

.#{$materialize-prefix}-form-control-select-container {
  cursor: pointer;
  outline: none;
  position: relative;

  .#{$materialize-prefix}-form-control-container.disabled .#{$materialize-prefix}-form-control-select-icon {
    color: map-get($theme-colors, 'gray-60');
    cursor: not-allowed;
  }

  &.open .#{$materialize-prefix}-form-control-select-icon {
    transform: translateY(-50%) rotate(180deg);
  }

  &.open .#{$materialize-prefix}-form-control-select-menu {
    display: block;
  }

  .option-disabled {
    color: $materialize-form-control-placeholder-color;
  }
}

.#{$materialize-prefix}-form-control-select-icon {
  color: map-get($theme-colors, 'gray-40');
  position: absolute;
  right: $theme-space-xs;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 300ms ease;
}

.#{$materialize-prefix}-form-control-select-backdrop {
  background: transparent;
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: $theme-zindex-1;
}

.#{$materialize-prefix}-form-control-select-menu {
  background: map-get($theme-colors, 'white');
  box-shadow: $theme-shadow-md;
  cursor: pointer;
  display: none;
  left: 0;
  padding: $theme-space-xs 0;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: $theme-zindex-2;
}

#{$materialize-prefix}-select.ng-touched.ng-dirty.ng-invalid {
  @extend %form-control-error;
}


/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-fonts-path: './../fonts' !default;
$materialize-prefix: 'materialize' !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-border-sm: 1px;
$theme-border-md: 2px;
$theme-border-lg: 3px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-color-primary: #5707EB !default;
$theme-color-secondary: #03DAC6 !default;
$theme-color-success: #28A745 !default;
$theme-color-danger: #A22027 !default;
$theme-color-warning: #FFC107 !default;
$theme-color-info: #17A2B8 !default;
$theme-color-black: #000000 !default;
$theme-color-white: #FFFFFF !default;
$theme-color-gray-80: #F4F3F4 !default;
$theme-color-gray-60: #DCDBDC !default;
$theme-color-gray-40: #6A6A6A !default;
$theme-color-gray-20: #232F34 !default;

$theme-colors: (
  'primary': $theme-color-primary,
  'secondary': $theme-color-secondary,
  'success': $theme-color-success,
  'danger': $theme-color-danger,
  'warning': $theme-color-warning,
  'info': $theme-color-info,
  'black': $theme-color-black,
  'white': $theme-color-white,
  'gray-80': $theme-color-gray-80,
  'gray-60': $theme-color-gray-60,
  'gray-40': $theme-color-gray-40,
  'gray-20': $theme-color-gray-20
);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-primary: 'Roboto' !default;
$theme-font-family-secondary: 'LiberationMono' !default;

$theme-font-size-xs: 12px;
$theme-font-size-sm: 14px;
$theme-font-size-md: 16px;
$theme-font-size-lg: 20px;
$theme-font-size-xl: 24px;

$theme-font-weight-thin: 100;
$theme-font-weight-light: 200;
$theme-font-weight-regular: 300;
$theme-font-weight-medium: 400;
$theme-font-weight-bold: 500;
$theme-font-weight-black: 600;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-icon: 'material-icons';

$theme-icon-xs: 14px;
$theme-icon-sm: 16px;
$theme-icon-md: 18px;
$theme-icon-lg: 20px;
$theme-icon-xl: 22px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-space-xxxs: 4px;
$theme-space-xxs: 6px;
$theme-space-xs: 8px;
$theme-space-sm: 12px;
$theme-space-md: 16px;
$theme-space-lg: 20px;
$theme-space-xl: 24px;
$theme-space-xxl: 28px;
$theme-space-xxxl: 32px;

$theme-space-half: 50%;
$theme-space-full: 100%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-radius-xs: 2px;
$theme-radius-sm: 4px;
$theme-radius-md: 6px;

$theme-radius-full: 50%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-shadow-sm:
  0 2px 1px -1px rgba(0, 0, 0, 0.2),
  0 1px 1px 0 rgba(0, 0,0 , 0.14),
  0 1px 3px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-md:
  0 2px 4px -1px rgba(0, 0, 0, 0.2),
  0 4px 5px 0 rgba(0, 0, 0, 0.14),
  0 1px 10px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-lg:
  0 5px 5px -3px rgba(0, 0, 0, 0.2),
  0 8px 10px 1px rgba(0, 0, 0, 0.14),
  0 3px 14px 2px rgba(0, 0, 0, 0.12);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-transition-function-in: cubic-bezier(0.4, 0, 0.2, 1);
$theme-transition-function-out: cubic-bezier(0.25, 0.8, 0.25, 1);
$theme-transition-function-in-out: cubic-bezier(0, 0, 0.2, 1);
$theme-transition-function-ease: ease;

$theme-property-background: background;
$theme-property-box-shadow: box-shadow;
$theme-property-font-size: font-size;
$theme-property-left: left;
$theme-property-max-height: max-height;
$theme-property-opacity: opacity;
$theme-property-top: top;
$theme-property-transform: transform;
$theme-property-width: width;

$theme-timer-sm: 200ms;
$theme-timer-md: 350ms;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-zindex-1: 10;
$theme-zindex-2: 20;
$theme-zindex-3: 30;



/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-slider-margin: 0 !default;
$materialize-slider-padding: $theme-space-xxxl $theme-space-xl $theme-space-xxl !default;
$materialize-slider-tap-highlight-color: transparent !default;
$materialize-slider-width: $theme-space-full !default;

$materialize-slider-track-container-cursor: pointer !default;
$materialize-slider-track-container-outline: none !default;
$materialize-slider-track-container-padding: $theme-space-sm 0 !default;
$materialize-slider-track-container-position: relative !default;
$materialize-slider-track-container-width: $theme-space-full !default;

$materialize-slider-step-background: map-get($theme-colors, 'primary') !default;
$materialize-slider-step-height: $theme-space-sm !default;
$materialize-slider-step-position: absolute !default;
$materialize-slider-step-top: 50% !default;
$materialize-slider-step-width: $theme-border-md !default;
$materialize-slider-step-transform: translate(-50%, -50%) !default;

$materialize-slider-track-background: map-get($theme-colors, 'primary') !default;
$materialize-slider-track-border-radius: $theme-radius-sm !default;
$materialize-slider-track-height: $theme-border-lg !default;
$materialize-slider-track-overflow: hidden !default;
$materialize-slider-track-position: relative !default;
$materialize-slider-track-width: $theme-space-full !default;

$materialize-slider-indicator-container-left: 0 !default;
$materialize-slider-indicator-container-position: absolute !default;
$materialize-slider-indicator-container-top: $theme-space-half !default;
$materialize-slider-indicator-container-transform: translate(-50%, -50%) !default;
$materialize-slider-indicator-container-transition:
$theme-property-left $theme-timer-md $theme-transition-function-out !default;
$materialize-slider-indicator-container-z-index: $theme-zindex-1 !default;

$materialize-slider-labels-container-position: relative !default;
$materialize-slider-labels-container-width: $theme-space-full !default;

$materialize-slider-invalid-track-background: map-get($theme-colors, 'danger') !default;
$materialize-slider-invalid-step-background: map-get($theme-colors, 'danger') !default;

$materialize-slider-disabled-track-background: map-get($theme-colors, 'gray-60') !default;
$materialize-slider-disabled-step-background: map-get($theme-colors, 'gray-60') !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

.#{$materialize-prefix}-slider {
  margin: $materialize-slider-margin;
  padding: $materialize-slider-padding;
  -webkit-tap-highlight-color: $materialize-slider-tap-highlight-color;
  width: $materialize-slider-width;

  &.disabled {
    .#{$materialize-prefix}-slider-track {
      background: $materialize-slider-disabled-track-background;
    }

    .#{$materialize-prefix}-slider-step {
      background: $materialize-slider-disabled-step-background;
    }
  }
}

.#{$materialize-prefix}-slider-track-container {
  cursor: $materialize-slider-track-container-cursor;
  outline: $materialize-slider-track-container-outline;
  padding: $materialize-slider-track-container-padding;
  position: $materialize-slider-track-container-position;
  width: $materialize-slider-track-container-width;
}

.#{$materialize-prefix}-slider-step {
  background: $materialize-slider-step-background;
  height: $materialize-slider-step-height;
  position: $materialize-slider-step-position;
  top: $materialize-slider-step-top;
  transform: $materialize-slider-step-transform;
  width: $materialize-slider-step-width;
}

.#{$materialize-prefix}-slider-track {
  background: $materialize-slider-track-background;
  border-radius: $materialize-slider-track-border-radius;
  height: $materialize-slider-track-height;
  overflow: $materialize-slider-track-overflow;
  position: $materialize-slider-track-position;
  width: $materialize-slider-track-width;
}

.#{$materialize-prefix}-slider-indicator-container {
  left: $materialize-slider-indicator-container-left;
  position: $materialize-slider-indicator-container-position;
  top: $materialize-slider-indicator-container-top;
  transform: $materialize-slider-indicator-container-transform;
  transition: $materialize-slider-indicator-container-transition;
  z-index: $materialize-slider-indicator-container-z-index;
}

.#{$materialize-prefix}-slider-labels-container {
  position: $materialize-slider-labels-container-position;
  width: $materialize-slider-labels-container-width;
}

#{$materialize-prefix}-slider.ng-touched.ng-dirty.ng-invalid {
  .#{$materialize-prefix}-slider-track {
    background: $materialize-slider-invalid-track-background;
  }

  .#{$materialize-prefix}-slider-step {
    background: $materialize-slider-invalid-step-background;
  }
}


/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-slider-option-color: map-get($theme-colors, 'gray-20') !default;
$materialize-slider-option-font-family: $theme-font-family-primary !default;
$materialize-slider-option-font-size: $theme-font-size-md !default;
$materialize-slider-option-font-weight: $theme-font-weight-regular !default;
$materialize-slider-option-height: auto !default;
$materialize-slider-option-left: 0 !default;
$materialize-slider-option-position: absolute !default;
$materialize-slider-option-text-align: center !default;
$materialize-slider-option-text-transform: none !default;
$materialize-slider-option-top: 0 !default;
$materialize-slider-option-transform: translateX(-50%) !default;
$materialize-slider-option-transition:
$theme-property-font-size $theme-timer-sm $theme-transition-function-ease !default;
$materialize-slider-option-width: auto !default;

$materialize-slider-option-active-font-weight: $theme-font-weight-bold !default;
$materialize-slider-option-active-font-size: $theme-font-size-lg !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

.#{$materialize-prefix}-slider-option-container {
  color: $materialize-slider-option-color;
  font-family: $materialize-slider-option-font-family;
  font-size: $materialize-slider-option-font-size;
  font-weight: $materialize-slider-option-font-weight;
  height: $materialize-slider-option-height;
  left: $materialize-slider-option-left;
  position: $materialize-slider-option-position;
  text-align: $materialize-slider-option-text-align;
  text-transform: $materialize-slider-option-text-transform;
  top: $materialize-slider-option-top;
  transform: $materialize-slider-option-transform;
  transition: $materialize-slider-option-transition;
  width: $materialize-slider-option-width;

  &.active {
    font-size: $materialize-slider-option-active-font-size;
    font-weight: $materialize-slider-option-active-font-weight;
  }
}


/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-fonts-path: './../fonts' !default;
$materialize-prefix: 'materialize' !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-border-sm: 1px;
$theme-border-md: 2px;
$theme-border-lg: 3px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-color-primary: #5707EB !default;
$theme-color-secondary: #03DAC6 !default;
$theme-color-success: #28A745 !default;
$theme-color-danger: #A22027 !default;
$theme-color-warning: #FFC107 !default;
$theme-color-info: #17A2B8 !default;
$theme-color-black: #000000 !default;
$theme-color-white: #FFFFFF !default;
$theme-color-gray-80: #F4F3F4 !default;
$theme-color-gray-60: #DCDBDC !default;
$theme-color-gray-40: #6A6A6A !default;
$theme-color-gray-20: #232F34 !default;

$theme-colors: (
  'primary': $theme-color-primary,
  'secondary': $theme-color-secondary,
  'success': $theme-color-success,
  'danger': $theme-color-danger,
  'warning': $theme-color-warning,
  'info': $theme-color-info,
  'black': $theme-color-black,
  'white': $theme-color-white,
  'gray-80': $theme-color-gray-80,
  'gray-60': $theme-color-gray-60,
  'gray-40': $theme-color-gray-40,
  'gray-20': $theme-color-gray-20
);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-primary: 'Roboto' !default;
$theme-font-family-secondary: 'LiberationMono' !default;

$theme-font-size-xs: 12px;
$theme-font-size-sm: 14px;
$theme-font-size-md: 16px;
$theme-font-size-lg: 20px;
$theme-font-size-xl: 24px;

$theme-font-weight-thin: 100;
$theme-font-weight-light: 200;
$theme-font-weight-regular: 300;
$theme-font-weight-medium: 400;
$theme-font-weight-bold: 500;
$theme-font-weight-black: 600;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-icon: 'material-icons';

$theme-icon-xs: 14px;
$theme-icon-sm: 16px;
$theme-icon-md: 18px;
$theme-icon-lg: 20px;
$theme-icon-xl: 22px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-space-xxxs: 4px;
$theme-space-xxs: 6px;
$theme-space-xs: 8px;
$theme-space-sm: 12px;
$theme-space-md: 16px;
$theme-space-lg: 20px;
$theme-space-xl: 24px;
$theme-space-xxl: 28px;
$theme-space-xxxl: 32px;

$theme-space-half: 50%;
$theme-space-full: 100%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-radius-xs: 2px;
$theme-radius-sm: 4px;
$theme-radius-md: 6px;

$theme-radius-full: 50%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-shadow-sm:
  0 2px 1px -1px rgba(0, 0, 0, 0.2),
  0 1px 1px 0 rgba(0, 0,0 , 0.14),
  0 1px 3px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-md:
  0 2px 4px -1px rgba(0, 0, 0, 0.2),
  0 4px 5px 0 rgba(0, 0, 0, 0.14),
  0 1px 10px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-lg:
  0 5px 5px -3px rgba(0, 0, 0, 0.2),
  0 8px 10px 1px rgba(0, 0, 0, 0.14),
  0 3px 14px 2px rgba(0, 0, 0, 0.12);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-transition-function-in: cubic-bezier(0.4, 0, 0.2, 1);
$theme-transition-function-out: cubic-bezier(0.25, 0.8, 0.25, 1);
$theme-transition-function-in-out: cubic-bezier(0, 0, 0.2, 1);
$theme-transition-function-ease: ease;

$theme-property-background: background;
$theme-property-box-shadow: box-shadow;
$theme-property-font-size: font-size;
$theme-property-left: left;
$theme-property-max-height: max-height;
$theme-property-opacity: opacity;
$theme-property-top: top;
$theme-property-transform: transform;
$theme-property-width: width;

$theme-timer-sm: 200ms;
$theme-timer-md: 350ms;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-zindex-1: 10;
$theme-zindex-2: 20;
$theme-zindex-3: 30;



/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-stepper-margin: 0 !default;
$materialize-stepper-padding: $theme-space-md $theme-space-lg !default;

$materialize-stepper-divider-background: map-get($theme-colors, 'gray-80') !default;
$materialize-stepper-divider-height: $theme-border-md !default;
$materialize-stepper-divider-margin: $theme-space-md 0 0 !default;
$materialize-stepper-divider-width: 100% !default;

$materialize-stepper-divider-completed-background: map-get($theme-colors, 'primary') !default;

$materialize-step-padding: 0 $theme-space-md !default;

$materialize-step-indicator-background: map-get($theme-colors, 'gray-80') !default;
$materialize-step-indicator-border-radius: $theme-radius-full !default;
$materialize-step-indicator-color: map-get($theme-colors, 'gray-60') !default;
$materialize-step-indicator-font-family: $theme-font-family-primary !default;
$materialize-step-indicator-font-size: $theme-font-size-xl !default;
$materialize-step-indicator-font-weight: $theme-font-weight-regular !default;
$materialize-step-indicator-margin: 0 0 $theme-space-xs !default;
$materialize-step-indicator-size: 33px !default;

$materialize-step-indicator-icon-color: map-get($theme-colors, 'white') !default;
$materialize-step-indicator-icon-size: 24px !default;

$materialize-step-label-color: map-get($theme-colors, 'gray-20') !default;
$materialize-step-label-font-family: $theme-font-family-primary !default;
$materialize-step-label-font-size: $theme-font-size-md !default;
$materialize-step-label-font-weight: $theme-font-weight-regular !default;

$materialize-step-active-indicator-background: map-get($theme-colors, 'primary') !default;
$materialize-step-active-indicator-color: map-get($theme-colors, 'white') !default;
$materialize-step-active-indicator-font-weight: $theme-font-weight-medium !default;

$materialize-step-completed-indicator-background: map-get($theme-colors, 'primary') !default;
$materialize-step-completed-indicator-color: map-get($theme-colors, 'white') !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

.#{$materialize-prefix}-stepper {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  margin: $materialize-stepper-margin;
  padding: $materialize-stepper-padding;
}

.#{$materialize-prefix}-step-divider {
  background: $materialize-stepper-divider-background;
  height: $materialize-stepper-divider-height;
  margin: $materialize-stepper-divider-margin;
  width: $materialize-stepper-divider-width;

  &.completed {
    background: $materialize-stepper-divider-completed-background;
  }
}

.#{$materialize-prefix}-step-indicator {
  align-items: center;
  background: $materialize-step-indicator-background;
  border-radius: $materialize-step-indicator-border-radius;
  color: $materialize-step-indicator-color;
  display: flex;
  font-family: $materialize-step-indicator-font-family;
  font-size: $materialize-step-indicator-font-size;
  font-weight: $materialize-step-indicator-font-weight;
  height: $materialize-step-indicator-size;
  justify-content: center;
  margin: $materialize-step-indicator-margin;
  width: $materialize-step-indicator-size;
}

.#{$materialize-prefix}-step-indicator-icon {
  color: $materialize-step-indicator-icon-color;
  display: flex;
  font-size: $materialize-step-indicator-icon-size;
}

.#{$materialize-prefix}-step-label {
  color: $materialize-step-label-color;
  font-family: $materialize-step-label-font-family;
  font-size: $materialize-step-label-font-size;
  font-weight: $materialize-step-label-font-weight;
}

.#{$materialize-prefix}-step {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: $materialize-step-padding;
  white-space: nowrap;

  &.active {
    .#{$materialize-prefix}-step-indicator {
      background: $materialize-step-active-indicator-background;
      color: $materialize-step-active-indicator-color;
      font-weight: $materialize-step-active-indicator-font-weight;
    }
  }

  &.completed {
    .#{$materialize-prefix}-step-indicator {
      background: $materialize-step-completed-indicator-background;
      color: $materialize-step-completed-indicator-color;
    }
  }
}


/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-fonts-path: './../fonts' !default;
$materialize-prefix: 'materialize' !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-border-sm: 1px;
$theme-border-md: 2px;
$theme-border-lg: 3px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-color-primary: #5707EB !default;
$theme-color-secondary: #03DAC6 !default;
$theme-color-success: #28A745 !default;
$theme-color-danger: #A22027 !default;
$theme-color-warning: #FFC107 !default;
$theme-color-info: #17A2B8 !default;
$theme-color-black: #000000 !default;
$theme-color-white: #FFFFFF !default;
$theme-color-gray-80: #F4F3F4 !default;
$theme-color-gray-60: #DCDBDC !default;
$theme-color-gray-40: #6A6A6A !default;
$theme-color-gray-20: #232F34 !default;

$theme-colors: (
  'primary': $theme-color-primary,
  'secondary': $theme-color-secondary,
  'success': $theme-color-success,
  'danger': $theme-color-danger,
  'warning': $theme-color-warning,
  'info': $theme-color-info,
  'black': $theme-color-black,
  'white': $theme-color-white,
  'gray-80': $theme-color-gray-80,
  'gray-60': $theme-color-gray-60,
  'gray-40': $theme-color-gray-40,
  'gray-20': $theme-color-gray-20
);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-primary: 'Roboto' !default;
$theme-font-family-secondary: 'LiberationMono' !default;

$theme-font-size-xs: 12px;
$theme-font-size-sm: 14px;
$theme-font-size-md: 16px;
$theme-font-size-lg: 20px;
$theme-font-size-xl: 24px;

$theme-font-weight-thin: 100;
$theme-font-weight-light: 200;
$theme-font-weight-regular: 300;
$theme-font-weight-medium: 400;
$theme-font-weight-bold: 500;
$theme-font-weight-black: 600;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-icon: 'material-icons';

$theme-icon-xs: 14px;
$theme-icon-sm: 16px;
$theme-icon-md: 18px;
$theme-icon-lg: 20px;
$theme-icon-xl: 22px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-space-xxxs: 4px;
$theme-space-xxs: 6px;
$theme-space-xs: 8px;
$theme-space-sm: 12px;
$theme-space-md: 16px;
$theme-space-lg: 20px;
$theme-space-xl: 24px;
$theme-space-xxl: 28px;
$theme-space-xxxl: 32px;

$theme-space-half: 50%;
$theme-space-full: 100%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-radius-xs: 2px;
$theme-radius-sm: 4px;
$theme-radius-md: 6px;

$theme-radius-full: 50%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-shadow-sm:
  0 2px 1px -1px rgba(0, 0, 0, 0.2),
  0 1px 1px 0 rgba(0, 0,0 , 0.14),
  0 1px 3px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-md:
  0 2px 4px -1px rgba(0, 0, 0, 0.2),
  0 4px 5px 0 rgba(0, 0, 0, 0.14),
  0 1px 10px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-lg:
  0 5px 5px -3px rgba(0, 0, 0, 0.2),
  0 8px 10px 1px rgba(0, 0, 0, 0.14),
  0 3px 14px 2px rgba(0, 0, 0, 0.12);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-transition-function-in: cubic-bezier(0.4, 0, 0.2, 1);
$theme-transition-function-out: cubic-bezier(0.25, 0.8, 0.25, 1);
$theme-transition-function-in-out: cubic-bezier(0, 0, 0.2, 1);
$theme-transition-function-ease: ease;

$theme-property-background: background;
$theme-property-box-shadow: box-shadow;
$theme-property-font-size: font-size;
$theme-property-left: left;
$theme-property-max-height: max-height;
$theme-property-opacity: opacity;
$theme-property-top: top;
$theme-property-transform: transform;
$theme-property-width: width;

$theme-timer-sm: 200ms;
$theme-timer-md: 350ms;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-zindex-1: 10;
$theme-zindex-2: 20;
$theme-zindex-3: 30;



/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-switch-cursor: pointer !default;
$materialize-switch-padding: $theme-space-xs 0 !default;
$materialize-switch-outline: none !default;
$materialize-switch-tap-highlight-color: transparent !default;

$materialize-switch-label-color: map-get($theme-colors, 'gray-20') !default;
$materialize-switch-label-font-family: $theme-font-family-primary !default;
$materialize-switch-label-font-size: $theme-font-size-md !default;
$materialize-switch-label-font-weight: $theme-font-weight-regular !default;
$materialize-switch-label-padding: 0 !default;
$materialize-switch-label-text-align: left !default;

$materialize-switch-track-background: lighten(map-get($theme-colors, 'gray-40'), 30%) !default;
$materialize-switch-track-height: 14px !default;
$materialize-switch-track-margin: 0 $theme-space-sm !default;
$materialize-switch-track-width: 36px !default;

$materialize-switch-track-active-background: lighten(map-get($theme-colors, 'primary'), 30%) !default;
$materialize-switch-track-disabled-background: map-get($theme-colors, 'gray-60') !default;

$materialize-switch-indicator-background: map-get($theme-colors, 'white') !default;
$materialize-switch-indicator-border-radius: $theme-radius-full !default;
$materialize-switch-indicator-box-shadow: $theme-shadow-sm !default;
$materialize-switch-indicator-left: 0 !default;
$materialize-switch-indicator-transition:
$theme-property-left $theme-timer-sm $theme-transition-function-ease !default;
$materialize-switch-indicator-size: 20px !default;

$materialize-switch-indicator-active-background: map-get($theme-colors, 'primary') !default;
$materialize-switch-indicator-disabled-background: lighten(map-get($theme-colors, 'gray-60'), 10%) !default;

$materialize-switch-indicator-ripple-hover-inactive-background: rgba(map-get($theme-colors, 'gray-20'), 0.1) !default;
$materialize-switch-indicator-ripple-hover-active-background: rgba(map-get($theme-colors, 'primary'), 0.2) !default;
$materialize-switch-indicator-ripple-focused-inactive-background:
rgba(map-get($theme-colors, 'gray-20'), 0.05) !default;
$materialize-switch-indicator-ripple-focused-active-background: rgba(map-get($theme-colors, 'primary'), 0.1) !default;

$materialize-switch-indicator-ripple-size: 40px !default;
$materialize-switch-indicator-ripple-transition:
$theme-property-background $theme-timer-sm $theme-transition-function-ease !default;

$materialize-switch-active-indicator-left:
$materialize-switch-track-width - $materialize-switch-indicator-size !default;

$materialize-switch-ripple-active-background: rgba(map-get($theme-colors, 'primary'), 0.2) !default;
$materialize-switch-ripple-background: rgba(map-get($theme-colors, 'gray-20'), 0.2) !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

.#{$materialize-prefix}-switch {
  align-items: center;
  cursor: $materialize-switch-cursor;
  display: flex;
  flex-direction: row;
  outline: $materialize-switch-outline;
  padding: $materialize-switch-padding;
  -webkit-tap-highlight-color: $materialize-switch-tap-highlight-color;

  input[type='checkbox'] {
    display: none;
  }

  &.active .#{$materialize-prefix}-switch-indicator {
    left: $materialize-switch-active-indicator-left;
  }

  &:not(.disabled) {
    @media (hover: hover) {
      .#{$materialize-prefix}-switch-indicator:hover .#{$materialize-prefix}-switch-indicator-ripple {
        background: $materialize-switch-indicator-ripple-hover-inactive-background;
      }

      &.active .#{$materialize-prefix}-switch-indicator:hover .#{$materialize-prefix}-switch-indicator-ripple {
        background: $materialize-switch-indicator-ripple-hover-active-background;
      }
    }
  }

  &.focused:not(.disabled) {
    &.active .#{$materialize-prefix}-switch-indicator-ripple {
      background: $materialize-switch-indicator-ripple-focused-active-background;
    }

    .#{$materialize-prefix}-switch-indicator-ripple {
      background: $materialize-switch-indicator-ripple-focused-inactive-background;
    }
  }

  &.active:not(.disabled) {
    .#{$materialize-prefix}-switch-track {
      background: $materialize-switch-track-active-background;
    }

    .#{$materialize-prefix}-switch-indicator {
      background: $materialize-switch-indicator-active-background;
    }

    .ripple {
      background: $materialize-switch-ripple-active-background;
    }
  }

  &.disabled {
    .#{$materialize-prefix}-switch-track {
      background: $materialize-switch-track-disabled-background;
    }

    .#{$materialize-prefix}-switch-indicator {
      background: $materialize-switch-indicator-disabled-background;
      cursor: not-allowed;
    }

    &.active .#{$materialize-prefix}-switch-track {
      background: $materialize-switch-track-disabled-background;
    }
  }
}

.#{$materialize-prefix}-switch-label {
  color: $materialize-switch-label-color;
  flex: 1;
  font-family: $materialize-switch-label-font-family;
  font-size: $materialize-switch-label-font-size;
  font-weight: $materialize-switch-label-font-weight;
  padding: $materialize-switch-label-padding;
  text-align: $materialize-switch-label-text-align;
}

.#{$materialize-prefix}-switch-track {
  background: $materialize-switch-track-background;
  border-radius: $materialize-switch-track-height / 2;
  height: $materialize-switch-track-height;
  margin: $materialize-switch-track-margin;
  position: relative;
  width: $materialize-switch-track-width;
}

.#{$materialize-prefix}-switch-indicator {
  background: $materialize-switch-indicator-background;
  border-radius: $materialize-switch-indicator-border-radius;
  box-shadow: $materialize-switch-indicator-box-shadow;
  height: $materialize-switch-indicator-size;
  left: $materialize-switch-indicator-left;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: $materialize-switch-indicator-transition;
  width: $materialize-switch-indicator-size;
}

.#{$materialize-prefix}-switch-indicator-ripple {
  border-radius: $materialize-switch-indicator-border-radius;
  height: $materialize-switch-indicator-ripple-size;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: $materialize-switch-indicator-ripple-transition;
  width: $materialize-switch-indicator-ripple-size;
  z-index: $theme-zindex-1;

  .ripple {
    background: $materialize-switch-ripple-background;
  }
}

#{$materialize-prefix}-switch.ng-touched.ng-dirty.ng-invalid {
  .#{$materialize-prefix}-switch-track {
    background: lighten(map-get($theme-colors, 'danger'), 40%);
  }

  .#{$materialize-prefix}-switch-indicator {
    background: map-get($theme-colors, 'danger');
  }

  .#{$materialize-prefix}-switch.focused .#{$materialize-prefix}-switch-indicator-ripple {
    background: rgba(map-get($theme-colors, 'danger'), 0.05);
  }

  @media (hover: hover) {
    &:hover .#{$materialize-prefix}-switch-indicator-ripple {
      background: rgba(map-get($theme-colors, 'danger'), 0.1);
    }
  }

  .ripple {
    background: rgba(map-get($theme-colors, 'danger'), 0.3);
  }
}


/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-fonts-path: './../fonts' !default;
$materialize-prefix: 'materialize' !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-border-sm: 1px;
$theme-border-md: 2px;
$theme-border-lg: 3px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-color-primary: #5707EB !default;
$theme-color-secondary: #03DAC6 !default;
$theme-color-success: #28A745 !default;
$theme-color-danger: #A22027 !default;
$theme-color-warning: #FFC107 !default;
$theme-color-info: #17A2B8 !default;
$theme-color-black: #000000 !default;
$theme-color-white: #FFFFFF !default;
$theme-color-gray-80: #F4F3F4 !default;
$theme-color-gray-60: #DCDBDC !default;
$theme-color-gray-40: #6A6A6A !default;
$theme-color-gray-20: #232F34 !default;

$theme-colors: (
  'primary': $theme-color-primary,
  'secondary': $theme-color-secondary,
  'success': $theme-color-success,
  'danger': $theme-color-danger,
  'warning': $theme-color-warning,
  'info': $theme-color-info,
  'black': $theme-color-black,
  'white': $theme-color-white,
  'gray-80': $theme-color-gray-80,
  'gray-60': $theme-color-gray-60,
  'gray-40': $theme-color-gray-40,
  'gray-20': $theme-color-gray-20
);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-primary: 'Roboto' !default;
$theme-font-family-secondary: 'LiberationMono' !default;

$theme-font-size-xs: 12px;
$theme-font-size-sm: 14px;
$theme-font-size-md: 16px;
$theme-font-size-lg: 20px;
$theme-font-size-xl: 24px;

$theme-font-weight-thin: 100;
$theme-font-weight-light: 200;
$theme-font-weight-regular: 300;
$theme-font-weight-medium: 400;
$theme-font-weight-bold: 500;
$theme-font-weight-black: 600;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-icon: 'material-icons';

$theme-icon-xs: 14px;
$theme-icon-sm: 16px;
$theme-icon-md: 18px;
$theme-icon-lg: 20px;
$theme-icon-xl: 22px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-space-xxxs: 4px;
$theme-space-xxs: 6px;
$theme-space-xs: 8px;
$theme-space-sm: 12px;
$theme-space-md: 16px;
$theme-space-lg: 20px;
$theme-space-xl: 24px;
$theme-space-xxl: 28px;
$theme-space-xxxl: 32px;

$theme-space-half: 50%;
$theme-space-full: 100%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-radius-xs: 2px;
$theme-radius-sm: 4px;
$theme-radius-md: 6px;

$theme-radius-full: 50%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-shadow-sm:
  0 2px 1px -1px rgba(0, 0, 0, 0.2),
  0 1px 1px 0 rgba(0, 0,0 , 0.14),
  0 1px 3px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-md:
  0 2px 4px -1px rgba(0, 0, 0, 0.2),
  0 4px 5px 0 rgba(0, 0, 0, 0.14),
  0 1px 10px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-lg:
  0 5px 5px -3px rgba(0, 0, 0, 0.2),
  0 8px 10px 1px rgba(0, 0, 0, 0.14),
  0 3px 14px 2px rgba(0, 0, 0, 0.12);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-transition-function-in: cubic-bezier(0.4, 0, 0.2, 1);
$theme-transition-function-out: cubic-bezier(0.25, 0.8, 0.25, 1);
$theme-transition-function-in-out: cubic-bezier(0, 0, 0.2, 1);
$theme-transition-function-ease: ease;

$theme-property-background: background;
$theme-property-box-shadow: box-shadow;
$theme-property-font-size: font-size;
$theme-property-left: left;
$theme-property-max-height: max-height;
$theme-property-opacity: opacity;
$theme-property-top: top;
$theme-property-transform: transform;
$theme-property-width: width;

$theme-timer-sm: 200ms;
$theme-timer-md: 350ms;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-zindex-1: 10;
$theme-zindex-2: 20;
$theme-zindex-3: 30;



/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-tab-group-align-items: flex-start !default;
$materialize-tab-group-border-color: map-get($theme-colors, 'gray-60') !default;
$materialize-tab-group-border-style: solid !default;
$materialize-tab-group-border-width: 0 0 $theme-border-sm 0 !default;
$materialize-tab-group-justify-content: flex-start !default;
$materialize-tab-group-margin: 0 0 $theme-space-lg !default;
$materialize-tab-group-padding: 0 !default;

$materialize-tab-group-item-border-radius: 0 !default;
$materialize-tab-group-item-color: map-get($theme-colors, 'gray-20') !default;
$materialize-tab-group-item-cursor: pointer !default;
$materialize-tab-group-item-font-family: $theme-font-family-primary !default;
$materialize-tab-group-item-font-size: $theme-font-size-md !default;
$materialize-tab-group-item-font-weight: $theme-font-weight-regular !default;
$materialize-tab-group-item-letter-spacing: 0 !default;
$materialize-tab-group-item-line-height: 100% !default;
$materialize-tab-group-item-padding: $theme-space-md $theme-space-lg !default;
$materialize-tab-group-item-text-align: center !default;
$materialize-tab-group-item-transition:
$theme-property-background $theme-timer-md $theme-transition-function-ease !default;

$materialize-tab-group-hover-item-background: map-get($theme-colors, 'gray-80') !default;
$materialize-tab-group-active-item-color: map-get($theme-colors, 'primary') !default;
$materialize-tab-group-active-item-font-weight: $theme-font-weight-medium !default;
$materialize-tab-group-disabled-item-color: map-get($theme-colors, 'gray-60') !default;

$materialize-tab-group-indicator-container-bottom: 0 !default;
$materialize-tab-group-indicator-container-transition-function: cubic-bezier(0.35, 0, 0.25, 1) !default;

$materialize-tab-group-indicator-background: map-get($theme-colors, 'primary') !default;
$materialize-tab-group-indicator-border-radius: $theme-border-md !default;
$materialize-tab-group-indicator-height: $theme-border-md !default;
$materialize-tab-group-indicator-width: 100% !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

.#{$materialize-prefix}-tab-group {
  align-items: $materialize-tab-group-align-items;
  border-color: $materialize-tab-group-border-color;
  border-style: $materialize-tab-group-border-style;
  border-width: $materialize-tab-group-border-width;
  display: flex;
  flex-direction: row;
  justify-content: $materialize-tab-group-justify-content;
  list-style: none;
  margin: $materialize-tab-group-margin;
  padding: $materialize-tab-group-padding;
  position: relative;
}

.#{$materialize-prefix}-tab-group-item {
  border-radius: $materialize-tab-group-item-border-radius;
  color: $materialize-tab-group-item-color;
  cursor: $materialize-tab-group-item-cursor;
  font-family: $materialize-tab-group-item-font-family;
  font-size: $materialize-tab-group-item-font-size;
  font-weight: $materialize-tab-group-item-font-weight;
  letter-spacing: $materialize-tab-group-item-letter-spacing;
  line-height: $materialize-tab-group-item-line-height;
  padding: $materialize-tab-group-item-padding;
  text-align: $materialize-tab-group-item-text-align;
  transition: $materialize-tab-group-item-transition;

  &:hover:not(.disabled) {
    background: $materialize-tab-group-hover-item-background;
  }

  &.active {
    color: $materialize-tab-group-active-item-color;
    font-weight: $materialize-tab-group-active-item-font-weight;
  }

  &.disabled {
    color: $materialize-tab-group-disabled-item-color;
    cursor: not-allowed;
  }
}

.#{$materialize-prefix}-tab-group-indicator-container {
  bottom: $materialize-tab-group-indicator-container-bottom;
  left: 0;
  position: absolute;
  transition-timing-function: $materialize-tab-group-indicator-container-transition-function;
}

.#{$materialize-prefix}-tab-group-indicator {
  background: $materialize-tab-group-indicator-background;
  border-radius: $materialize-tab-group-indicator-border-radius;
  height: $materialize-tab-group-indicator-height;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: $materialize-tab-group-indicator-width;
}


/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$materialize-fonts-path: './../fonts' !default;
$materialize-prefix: 'materialize' !default;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-border-sm: 1px;
$theme-border-md: 2px;
$theme-border-lg: 3px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-color-primary: #5707EB !default;
$theme-color-secondary: #03DAC6 !default;
$theme-color-success: #28A745 !default;
$theme-color-danger: #A22027 !default;
$theme-color-warning: #FFC107 !default;
$theme-color-info: #17A2B8 !default;
$theme-color-black: #000000 !default;
$theme-color-white: #FFFFFF !default;
$theme-color-gray-80: #F4F3F4 !default;
$theme-color-gray-60: #DCDBDC !default;
$theme-color-gray-40: #6A6A6A !default;
$theme-color-gray-20: #232F34 !default;

$theme-colors: (
  'primary': $theme-color-primary,
  'secondary': $theme-color-secondary,
  'success': $theme-color-success,
  'danger': $theme-color-danger,
  'warning': $theme-color-warning,
  'info': $theme-color-info,
  'black': $theme-color-black,
  'white': $theme-color-white,
  'gray-80': $theme-color-gray-80,
  'gray-60': $theme-color-gray-60,
  'gray-40': $theme-color-gray-40,
  'gray-20': $theme-color-gray-20
);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-primary: 'Roboto' !default;
$theme-font-family-secondary: 'LiberationMono' !default;

$theme-font-size-xs: 12px;
$theme-font-size-sm: 14px;
$theme-font-size-md: 16px;
$theme-font-size-lg: 20px;
$theme-font-size-xl: 24px;

$theme-font-weight-thin: 100;
$theme-font-weight-light: 200;
$theme-font-weight-regular: 300;
$theme-font-weight-medium: 400;
$theme-font-weight-bold: 500;
$theme-font-weight-black: 600;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-font-family-icon: 'material-icons';

$theme-icon-xs: 14px;
$theme-icon-sm: 16px;
$theme-icon-md: 18px;
$theme-icon-lg: 20px;
$theme-icon-xl: 22px;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-space-xxxs: 4px;
$theme-space-xxs: 6px;
$theme-space-xs: 8px;
$theme-space-sm: 12px;
$theme-space-md: 16px;
$theme-space-lg: 20px;
$theme-space-xl: 24px;
$theme-space-xxl: 28px;
$theme-space-xxxl: 32px;

$theme-space-half: 50%;
$theme-space-full: 100%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-radius-xs: 2px;
$theme-radius-sm: 4px;
$theme-radius-md: 6px;

$theme-radius-full: 50%;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-shadow-sm:
  0 2px 1px -1px rgba(0, 0, 0, 0.2),
  0 1px 1px 0 rgba(0, 0,0 , 0.14),
  0 1px 3px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-md:
  0 2px 4px -1px rgba(0, 0, 0, 0.2),
  0 4px 5px 0 rgba(0, 0, 0, 0.14),
  0 1px 10px 0 rgba(0, 0, 0, 0.12);

$theme-shadow-lg:
  0 5px 5px -3px rgba(0, 0, 0, 0.2),
  0 8px 10px 1px rgba(0, 0, 0, 0.14),
  0 3px 14px 2px rgba(0, 0, 0, 0.12);

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-transition-function-in: cubic-bezier(0.4, 0, 0.2, 1);
$theme-transition-function-out: cubic-bezier(0.25, 0.8, 0.25, 1);
$theme-transition-function-in-out: cubic-bezier(0, 0, 0.2, 1);
$theme-transition-function-ease: ease;

$theme-property-background: background;
$theme-property-box-shadow: box-shadow;
$theme-property-font-size: font-size;
$theme-property-left: left;
$theme-property-max-height: max-height;
$theme-property-opacity: opacity;
$theme-property-top: top;
$theme-property-transform: transform;
$theme-property-width: width;

$theme-timer-sm: 200ms;
$theme-timer-md: 350ms;

/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

$theme-zindex-1: 10;
$theme-zindex-2: 20;
$theme-zindex-3: 30;



/**
 * @license
 * Copyright Workylab. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://raw.githubusercontent.com/workylab/materialize-angular/master/LICENSE
 */

#{$materialize-prefix}-textarea.ng-touched.ng-dirty.ng-invalid {
  @extend %form-control-error;
}


