/**********************
/*   Basiskleuren     *
/**********************/
:root {
    --accent: 1, 122, 205;
    --main: 0, 0, 0;
    
    --error: 212, 0, 0;
    --error-faded: 255, 241, 241;    
    
    --warning: 255, 193, 7;
    --warning-faded: 255, 236, 179;
    
    --alert: 212, 0, 0;
    --status: 31, 170, 0;
    
    --color-accent: rgb(var(--accent));
    --color-accent-hover: rgba(var(--accent), .87);
    --color-accent-faded: rgba(var(--accent), .5);
    --color-accent-light: rgba(var(--accent), .12);
    
    --color-error: rgb(var(--error));
    --color-error-faded: rgb(var(--error-faded));
    
    --color-warning: rgb(var(--warning));
    --color-warning-faded: rgb(var(--warning-faded));
    
    --color-alert: rgb(var(--alert));
    --color-status: rgb(var(--status));
    
    /* Background and foreground colour for elements that should have
       an accented background colour. */
    --color-accent-bg-bg: var(--color-accent);
    --color-accent-bg-bg-hover: var(--color-accent-hover);
    --color-accent-bg-fg: #fff;
    
    /* Background and foreground colour for elements that should have
       an accented foreground colour. */
    --color-accent-fg-bg: #fff;
    --color-accent-fg-fg: var(--color-accent);

    --color-accent-fg-transparent: rgba(255,255,255,.5);
    
    --color-main-fg-primary: rgb(var(--main));
    --color-main-fg-secondary: rgba(var(--main), .54);
    
    --color-border: rgba(0,0,0,0.12);
    
    --color-warning-bg-fg: #000;
}

*:focus {
    outline-color: var(--color-accent);
}

/* Gedupliceerd omdat browsers met een , niet snappen */
::-moz-selection { 
    background: var(--color-accent-bg-bg);
    color: var(--color-accent-bg-fg);
}

::selection { 
    background: var(--color-accent-bg-bg);
    color: var(--color-accent-bg-fg);
}

.fr-wrapper ::selection { /* Froala */
    background: var(--color-accent-bg-bg);
    color: var(--color-accent-bg-fg);
}

md-content {
    background-color: #fff;
}

.ip-accent-bg {
    background-color: var(--color-accent-bg-bg);
    color: var(--color-accent-bg-fg);
}

.ip-accent-bg md-icon,
.ip-accent-bg .md-button:not([disabled]):hover md-icon,
.ip-accent-bg .md-button:not([disabled]):focus md-icon,
.ip-accent-bg .md-subheader {
    color: var(--color-accent-bg-fg);
}

.ip-faded-fg {
    color: var(--color-main-fg-secondary);
}

.ip-alert-fg:not([disabled]):hover md-icon {
    color: var(--color-alert) !important;
}

.md-button.ip-toolbar-action:not([disabled]) { /* TODO: .ip-toolbar-action uitfaseren, kan gewoon md-primary zijn */
    background-color: var(--color-accent-bg-bg) !important;
    color: var(--color-accent-bg-fg) !important;
}

.md-button.ip-toolbar-action:not([disabled]):hover,
.ip-accent-bg .md-button:not([disabled]):focus, 
.ip-accent-bg .md-button:not([disabled]):hover {
    background-color: var(--color-accent-bg-bg-hover) !important;
}

/* Stijlen Angular Material overschrijven */
/* Wanneer we Angular Material-styling helemaal uitschakelen verliezen we
   veel functionaliteit. Dit is een eenvoudigere oplossing om toch onze eigen
   kleuren te krijgen. */
md-icon {
    transition: color 0.5s ease;
}

/* md-button */
.md-button {
    border-radius: 3px;
}

.md-button.md-icon-button.md-raised {
    min-width: 40px;
}

/* Platte primary-knop: voorgrond accentkleur */
.md-button.md-primary:not([disabled]),
.md-button.md-primary:not([disabled]) md-icon {
    color: var(--color-accent-fg-fg);
}

/* Raised standaardknop: voorgrond accentkleur */
.md-button.md-raised:not([disabled]) {
    background-color: var(--color-accent-fg-bg);    
    color: var(--color-accent-fg-fg);
}

.md-button.md-raised:not([disabled]) md-icon {
    color: var(--color-accent-fg-fg);
}

/* Raised primary-knop of FAB-button: achtergrond accentkleur */
.md-button.md-fab,
.md-button.md-primary.md-raised:not([disabled]) {
    background-color: var(--color-accent-bg-bg);
    color: var(--color-accent-bg-fg);
}

.md-button.md-fab:not([disabled]):hover,
.md-button.md-primary.md-fab:not([disabled]).md-focused, 
.md-button.md-primary.md-fab:not([disabled]):hover, 
.md-button.md-primary.md-raised:not([disabled]).md-focused, 
.md-button.md-primary.md-raised:not([disabled]):hover {
    background-color: var(--color-accent-bg-bg-hover) !important;    
}

.md-button:not([disabled]):focus, 
.md-button:not([disabled]):hover {
    background-color: inherit;
}

.md-button.md-fab md-icon,
.md-button.md-fab:not([disabled]):hover md-icon,
.md-button.md-primary.md-raised:not([disabled]) md-icon {
    color: var(--color-accent-bg-fg);
}

.md-button:not([disabled]):hover md-icon,
.md-button:not([disabled]):focus md-icon {
    color: black;
}

/* --- */


md-switch.md-checked .md-ink-ripple, 
md-checkbox.md-checked .md-ink-ripple,
md-select-menu md-content md-option[selected],
md-select-menu md-content md-option[selected]:focus,
md-tabs .md-tab.md-active,
md-tabs .md-tab.md-active md-icon,
md-tabs .md-tab.md-focused,
md-tabs .md-tab.md-focused md-icon,
.md-subheader.md-primary,
md-input-container:not(.md-input-invalid).md-input-focused label, 
md-input-container:not(.md-input-invalid).md-input-focused md-icon,
md-input-container.md-input-focused:not(.md-input-has-value) md-select .md-select-value, 
md-input-container.md-input-focused:not(.md-input-has-value) md-select .md-select-value.md-select-placeholder {
    color: var(--color-accent);
}

md-switch.md-checked:not([disabled]) .md-ink-ripple,
.md-stepper-indicator.md-completed .md-stepper-number, 
.md-stepper-indicator.md-active .md-stepper-number {
    background-color: var(--color-accent-bg-bg);
    color: var(--color-accent-bg-fg);
}

.md-stepper-icon {
    color: var(--color-accent-bg-fg);
}

md-tabs md-ink-bar {
    color: var(--color-accent);
    background: var(--color-accent);
}

md-switch.md-checked:not([disabled]) .md-bar,
md-switch.md-checked .md-bar {
    background-color: var(--color-accent-faded);
}

md-switch.md-checked .md-thumb {
    background-color: var(--color-accent);
}

md-checkbox.md-checked .md-icon {
    background-color: var(--color-accent-bg-bg);
}

md-checkbox.md-checked .md-icon:after {
    border-color: var(--color-accent-bg-fg);
}

md-radio-button.md-checked .md-off,
md-radio-button:not([disabled]).md-primary.md-checked .md-off,
md-radio-button:not([disabled]) .md-primary.md-checked .md-off, 
md-radio-button:not([disabled]).md-primary .md-checked .md-off, 
md-radio-button:not([disabled]) .md-primary .md-checked .md-off, 
md-radio-group:not([disabled]).md-primary.md-checked .md-off, 
md-radio-group:not([disabled]) .md-primary.md-checked .md-off, 
md-radio-group:not([disabled]).md-primary .md-checked .md-off,
md-radio-group:not([disabled]) .md-primary .md-checked .md-off {
    border-color: var(--color-accent-bg-bg);
}

md-radio-button .md-on,
md-radio-button:not([disabled]).md-primary .md-on, 
md-radio-button:not([disabled]) .md-primary .md-on, 
md-radio-group:not([disabled]).md-primary .md-on, 
md-radio-group:not([disabled]) .md-primary .md-on {
    background-color: var(--color-accent-bg-bg);
}

md-input-container:not(.md-input-invalid).md-input-focused .md-input,
md-input-container:not(.md-input-invalid).md-input-resized .md-input {
    border-color: var(--color-accent-bg-bg);
}

md-select:not([disabled]):focus .md-select-value {
    border-bottom-color: var(--color-accent);
}

md-chips .md-chips.md-focused {
    box-shadow: 0 2px var(--color-accent);
}

md-chips md-chip.md-focused {
    background: var(--color-accent-bg-bg);
    color: var(--color-accent-bg-fg);
}

md-chips md-chip.md-focused md-icon {
    color: var(--color-accent-bg-fg);
}

/* md-datetimepicker */

.dtp > .dtp-content > .dtp-date-view > header.dtp-header,
.dtp div.dtp-date, .dtp div.dtp-time,
.dtp table.dtp-picker-days tr > td > a.selected,
.dtp .dtp-picker-time > a.dtp-select-hour.selected,
.dtp .dtp-hand.on {
    background-color: var(--color-accent-bg-bg);
}

.dtp div.dtp-actual-year,
.dtp div.dtp-year-btn {
    color: #fff;
}

.dtp div.dtp-actual-time.p60 span.selected {
    color: var(--color-accent-fg-fg);
}

/* md-datepicker */

.md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator {
    border-color: var(--color-accent);
}

.md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator, .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator {
    background-color: var(--color-accent-bg-bg);
    color: var(--color-accent-bg-fg);
}

.md-datepicker-input-container.md-datepicker-focused {
    border-bottom-color: var(--color-accent);
}


md-autocomplete md-autocomplete-wrap md-progress-linear.md-inline {
    background-color: #fff; /* Background color white zodat de transparency van de bars goed uitkomt. */
    bottom: 15px;
}

md-progress-linear .md-container {
    background-color: var(--color-accent-light);
}

md-progress-linear .md-bar {
    background-color: var(--color-accent-fg-fg);
}

md-progress-circular path {
    stroke: var(--color-accent-fg-fg);
}

.fr-box a.fr-floating-btn svg,
.fr-box a.fr-floating-btn:hover svg {
    fill: var(--color-accent-fg-fg)
}

.fr-box a.fr-floating-btn {
    color: var(--color-accent-fg-fg);
}

md-nav-bar md-nav-ink-bar {
    color: var(--color-accent-bg-bg);
    background-color: var(--color-accent-bg-bg);
}

/* md-table-pagination */

.md-table-pagination {
    border-top: none;
}

/* md-autocomplete */

.md-standard-list-container.md-autocomplete-suggestions-container {
    height: unset;
}

/* Algemene stijlen */

.empty-list-message {
    margin: 20px 0 40px;
    color: #888;
    text-align: center;
    width: 100%;
}

.confirmation-box {
    border-left: 3px solid #1faa00;
    background-color: #ebfbe8;
    margin: 10px;
    padding: 10px;
}

.toolbar .toolbar-button {
    /* Aantal styles van md-button resetten */
    text-transform: none;
    text-align: left;
    min-width: 0;
    margin-left: -6px;
    margin-right: 6px;
    letter-spacing: -.1px;
    font-weight: normal;
}

.toolbar h2 {
    font-size: 24px;
    font-weight: normal;    
}

/**********************/
.ip-text {
    cursor: text;
    background-color: transparent;
}

.ip-text:hover {
    background-color: #f5f5f5;
}

.ip-html {
    cursor: text;
}

.validatie-tekst {
    color: rgb(213,0,0);
    font-size: 80%;
}

.box {
    border: 1px solid var(--color-border);
}

.md-menu-subheader {
    margin-left: 15px;
    margin-top: 13px;
    margin-bottom: 2px;
    text-transform: uppercase;
    font-size: 13px;
}

/*
 * override loadingbar
 */
#loading-bar .bar {
  background: #2c3e50;
}

#loading-bar-spinner .spinner-icon {
  border-top-color:  #2c3e50;
  border-left-color: #2c3e50;
}

#loading-bar .peg {
  -moz-box-shadow: #2c3e50 1px 0 6px 1px;
  -ms-box-shadow: #2c3e50 1px 0 6px 1px;
  -webkit-box-shadow: #2c3e50 1px 0 6px 1px;
  box-shadow: #2c3e50 1px 0 6px 1px;
}

/* webshim popover zindex tbv firefox */
.ws-popover {
    z-index: 2100 !important
}

.md-virtual-repeat-container {
    z-index: 2100 !important;
}

.md-select-menu-container {
    z-index: 2100 !important;
}

.md-dialog-container {
    z-index: 2100 !important;
}

.fullscreen {
    overflow: hidden;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
}

.md-panel {
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
}

div.md-panel-is-showing > div.md-panel-inner-wrapper {
    width: 100%;
    height: 100%;
}

div.md-panel-is-showing > div.md-panel-inner-wrapper > .showdata {
    width: 52.2%;
    top: 28.7%;
    left: 23.9%;
}

.ip-badge {
    position: absolute;
    top: 30%;
    right: 0;
    width: 20px;
    height: 20px;
    color: rgba(0,0,0,0.54);
    background-color: transparent !important;
    /*border: white 1px solid;*/
    text-align: center;
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0.4px;
    line-height: 18px;
    min-width: 20px;
}

@media screen and (max-width: 600px) {
    md-content[ui-view="portal"] {
		padding: 0;
	}
}

@media screen and (min-width: 600px) {
	md-content[ui-view="portal"] {
		padding: 0;
	}
}

md-content.md-inproces-theme {
    background-color: #fff;
}

/* helper classes */
.truncate {    
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* md-list */
md-list.bordered,
md-list-item.bordered-full {
    border: 1px solid rgba(0,0,0,.12);
}

md-list-item.bordered:not(:last-child) {
    border-bottom: 1px solid rgba(0,0,0,.12);
}

/* menu in menu */
md-menu-item > md-menu {
    border: 1px solid #ccc;
    padding: 0;
}

md-menu-item > md-menu > .md-button md-icon {
    color: #000;
    font-size: 20px;
    margin: auto 16px auto 0;
}

md-menu-content .md-nested-menu.md-menu {
    padding: 0;
}

md-menu-content md-menu .md-button {
    border-radius: 0;
    margin: auto 0;
    font-size: 15px;
    text-transform: none;
    text-align: start;
    height: 100%;
    padding: 8px 16px;
    display: inline-block;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    width: 100%;
    text-transform: none;
}

md-menu-content .md-nested-menu.md-menu .md-button md-icon {
    font-size: 20px;
    margin: auto 16px auto 0;
}


md-menu-content md-menu .md-button p {
    margin: auto;
}

/* ====== Dossier-icons ====== */

.letter-icon {
    border-radius: 50%;
    box-sizing: border-box;
    background-color: var(--color-accent-bg-bg);
    color: var(--color-accent-bg-fg);
    font-size: 1.6rem;
    height: 40px;
    line-height: 1.5;
    margin-bottom: 8px;
    margin-right: 16px;
    margin-top: 8px;
    padding-top: 8px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: top;
    width: 40px;
}

.letter-icon md-icon {
    color: var(--color-accent-bg-fg);
}

.letter-icon md-checkbox:not(.md-checked) .md-icon {
    border-color: var(--color-accent-bg-fg);
}

.letter-icon.sm {
    font-size: 1.4rem;
    padding-top: 10px;
}

/* ====== widget-header ====== */
.ip-panel header md-toolbar {
    border-bottom: 1px solid #ccc;
    min-height: 0;
}

.ip-panel header md-toolbar .md-toolbar-tools {
    height: 45px;
}

.ip-panel header md-toolbar .md-toolbar-tools > fab + .md-button:last-child {
    margin-right: 60px;
}

.ip-panel header md-toolbar .md-toolbar-tools .md-button.no-radius {
    border-radius: 0 !important;
}

.ip-panel header md-toolbar md-input-container {
    margin: 0;
}

.ip-panel header md-toolbar md-input-container .md-errors-spacer {
    display: none;
}
/* === overrule fieldset ==== */
.ip-fieldset {
    padding: 0.2em;
}

/* === autocomplete suggesties === */
.md-autocomplete-suggestions-container li .highlight {
    background-color: #f9f98b;
}

/* ====== print stijlen ====== */
@media print {
     
    body, 
    body > md-content, 
    .portaal-content {
        background-color: #fff;
    }
    
    main [data-ng-controller]:not(.visible-print) {
        display: block;
    }
    
    .hidden-print,
    md-tab-content:not(.md-active),
    md-tab-item:not(.md-active), 
    md-tabs-wrapper, 
    md-tab-content header.ip-widget-header,
    .md-open-menu-container {
        display: none;
    }
     
    .portaal-content {
        background-color: transparent;
        padding: 0 !important;
	}
    
    md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
        min-height: 0;
    }
    
    md-tab-content,
    md-tabs-content-wrapper {
       position: static;
    } 
    
    .md-tab {
        border: 0 !important;
        color: #000 !important;
        display: block;
        float: none;
        font-size: 1.2em;
        padding: 0;
        text-align: left;
        text-transform: none;
    }
    
    md-tabs-canvas, 
    md-pagination-wrapper {
        height: auto;
    }
    
    md-pagination-wrapper {
        position: relative;
        width: 100% !important;
    }
    
}
/*======================
InProces standaard stijlen
========================*/

/* Overschrijven md-subheader-stijl. Anders krijgt deze een witte achtergrond,
   wat een lelijk vierkant in een verder grijze subheader geeft. */
.md-subheader {
    background: none;
}

/* stijlen van fuse */
body {
    overflow: hidden;
    max-width: 100%;
	max-height: 100%;
}

html, body {
	overflow: hidden !important;
}

#main {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

#layout-vertical-navigation {
	height: 100%;
	max-height: 100%;
}

#layout-vertical-navigation #content-container {
	position: relative;
	overflow: hidden;
}

#layout-vertical-navigation #content-container #content {
	position: absolute;
	top: 64px;
	right: 0;
	bottom: 0;
	left: 0;
}

.ui-view-portal {
    background-color: #f2f2f2;
}


md-list.children-no-padding md-list-item {
    padding: 0;
}

/* default styling voor state-errors */
.state-error {
    margin: 16px;
    border-left: 3px solid #eb3c3e;
    background-color: #fff1f1;
}

.state-errordetails {
    white-space:pre-wrap;
    color: #eb3c3e;
}
/************
 * Defaults
 ************/
button, select, html, textarea, input {
	font-family: Roboto, "Helvetica Neue", sans-serif;
}

select, button, textarea, input {
	font-size: 100%;
}

md-chip-template {
    font-size: 13px;
}

/* overrule md classes */
.md-autocomplete-suggestions li {
    padding: 5px!important;
    height: auto!important;
    line-height: normal!important;
}

.md-open-menu-container {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	opacity: 0;
	border-radius: 2px;
}

.md-open-menu-container md-menu-divider {
	margin-top: 4px;
	margin-bottom: 4px;
	height: 1px;
	min-height: 1px;
	max-height: 1px;
	width: 100%;
}

.md-open-menu-container md-menu-content > * {
	opacity: 0;
}

.md-open-menu-container:not(.md-clickable) {
	pointer-events: none;
}

.md-open-menu-container.md-active {
	opacity: 1;
	-webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
	transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
}

.md-open-menu-container.md-active > md-menu-content > * {
	opacity: 1;
	-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
	transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
	-webkit-transition-delay: 100ms;
	transition-delay: 100ms;
}

.md-open-menu-container.md-leave {
	opacity: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
	transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
}

md-menu-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 8px 0;
	max-height: 304px;
	overflow-y: auto;
}

md-menu-content.md-dense {
	max-height: 208px;
}

md-menu-content.md-dense md-menu-item {
	height: 32px;
	min-height: 0px;
}

md-menu-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	min-height: 48px;
	height: 48px;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	/*
   * We cannot use flex on <button> elements due to a bug in Firefox, so we also can't use it on
   * <a> elements. Add some top padding to fix alignment since buttons automatically align their
   * text vertically.
   */
}

md-menu-item > * {
	width: 100%;
	margin: auto 0;
	padding-left: 16px;
	padding-right: 16px;
}

md-menu-item > a.md-button {
	padding-top: 5px;
}

md-menu-item > .md-button {
	text-align: left;
	display: inline-block;
	border-radius: 0;
	margin: auto 0;
	font-size: 15px;
	text-transform: none;
	font-weight: 400;
	height: 100%;
	padding-left: 16px;
	padding-right: 16px;
	width: 100%;
}

md-menu-item > .md-button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

[dir=rtl] md-menu-item > .md-button {
	text-align: right;
}

md-menu-item > .md-button md-icon {
	margin: auto 16px auto 0;
}

[dir=rtl] md-menu-item > .md-button md-icon {
	margin: auto 0 auto 16px;
}

md-menu-item > .md-button p {
	display: inline-block;
	margin: auto;
}

md-menu-item > .md-button span {
	margin-top: auto;
	margin-bottom: auto;
}

md-menu-item > .md-button .md-ripple-container {
	border-radius: inherit;
}

md-toolbar .md-menu {
	height: auto;
	margin: auto;
	padding: 0;
}

@media (max-width: 959px) {
	md-menu-content {
		min-width: 112px;
	}
	md-menu-content[width="3"] {
		min-width: 168px;
	}
	md-menu-content[width="4"] {
		min-width: 224px;
	}
	md-menu-content[width="5"] {
		min-width: 280px;
	}
	md-menu-content[width="6"] {
		min-width: 336px;
	}
	md-menu-content[width="7"] {
		min-width: 392px;
	}
}

@media (min-width: 960px) {
	md-menu-content {
		min-width: 96px;
	}
	md-menu-content[width="3"] {
		min-width: 192px;
	}
	md-menu-content[width="4"] {
		min-width: 256px;
	}
	md-menu-content[width="5"] {
		min-width: 320px;
	}
	md-menu-content[width="6"] {
		min-width: 384px;
	}
	md-menu-content[width="7"] {
		min-width: 448px;
	}
}

md-toolbar.md-menu-toolbar h2.md-toolbar-tools {
	line-height: 1rem;
	height: auto;
	padding: 28px;
	padding-bottom: 12px;
}

md-toolbar.md-has-open-menu {
	position: relative;
	z-index: 100;
}

md-menu-bar {
	padding: 0 20px;
	display: block;
	position: relative;
	z-index: 2;
}

md-menu-bar .md-menu {
	display: inline-block;
	padding: 0;
	position: relative;
}

md-menu-bar button {
	font-size: 14px;
	padding: 0 10px;
	margin: 0;
	border: 0;
	background-color: transparent;
	height: 40px;
}

md-menu-bar md-backdrop.md-menu-backdrop {
	z-index: -2;
}

md-menu-content.md-menu-bar-menu.md-dense {
	max-height: none;
	padding: 16px 0;
}

md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent {
	position: relative;
}

md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > md-icon {
	position: absolute;
	padding: 0;
	width: 24px;
	top: 6px;
	left: 24px;
}

[dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > md-icon {
	left: auto;
	right: 24px;
}

md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > .md-button, md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent .md-menu > .md-button {
	padding: 0 32px 0 64px;
}

[dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > .md-button, [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent .md-menu > .md-button {
	padding: 0 64px 0 32px;
}

md-menu-content.md-menu-bar-menu.md-dense .md-button {
	min-height: 0;
	height: 32px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

md-menu-content.md-menu-bar-menu.md-dense .md-button span {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text {
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-item-align: end;
	align-self: flex-end;
	margin: 0 8px;
}

md-menu-content.md-menu-bar-menu.md-dense md-menu-divider {
	margin: 8px 0;
}

md-menu-content.md-menu-bar-menu.md-dense md-menu-item > .md-button, md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
	text-align: left;
}

[dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item > .md-button, [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
	text-align: right;
}

md-menu-content.md-menu-bar-menu.md-dense .md-menu {
	padding: 0;
}

md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
	position: relative;
	margin: 0;
	width: 100%;
	text-transform: none;
	font-weight: normal;
	border-radius: 0px;
	padding-left: 16px;
}

[dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
	padding-left: 0;
	padding-right: 16px;
}

md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
	display: block;
	content:'\25BC';
	position: absolute;
	top: 0px;
	speak: none;
	-webkit-transform: rotate(270deg) scaleY(0.45) scaleX(0.9);
	transform: rotate(270deg) scaleY(0.45) scaleX(0.9);
	right: 28px;
}

[dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
	-webkit-transform: rotate(90deg) scaleY(0.45) scaleX(0.9);
	transform: rotate(90deg) scaleY(0.45) scaleX(0.9);
}
[dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
	right: auto;
	left: 28px;
}

/*----------------------------------------------------------------*/

/*  Icons
/*----------------------------------------------------------------*/

/* size 12 */
md-icon[size="12"] {
    width: 12px;
    height: 12px;
    min-width: 12px;
    min-height: 12px;
}
md-icon[size="12"] svg {
    width: 12px;
    height: 12px;
}

/* size 15 */
md-icon[size="15"] {
    width: 15px;
    height: 15px;
    min-width: 15px;
    min-height: 15px;
}
md-icon[size="15"] svg {
    width: 15px;
    height: 15px;
}

/* size 18 */
md-icon[size="18"] {
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
}
md-icon[size="18"] svg {
    width: 18px;
    height: 18px;
}

/* size 24 */
/* is default */

/* size 30 */
md-icon[size="30"] {
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
}
md-icon[size="30"] svg {
    width: 30px;
    height: 30px;
}

/* size 36 */
md-icon[size="36"] {
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;    
}
md-icon[size="36"] svg {
    width: 36px;
    height: 36px;
}

/* size 48 */
md-icon[size="48"] {
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;    
}
md-icon[size="48"] svg {
    width: 48px;
    height: 48px;
}


/*-----------------------------------------------------------------------*/

/* Contains custom elements, components and general styles that
/* follows Google(TM) Material Design(TM) specs
/*
/* https://www.google.com/design/spec/material-design/introduction.html
/*-----------------------------------------------------------------------*/

/*----------------------------------------------------------------*/

/*  Avatars
/*----------------------------------------------------------------*/
 .avatar {
	width: 40px;
	min-width: 40px;
	max-width: 40px;
    height: 40px;
    min-height: 40px;
    max-height: 40px;
	line-height: 40px;
	margin: 0 8px 0 0;
	border-radius: 50%;
    border-none;
	font-size: 17px;
	font-weight: 500;
	text-align: center;
	color: #FFFFFF;
}
.avatar.square {
	border-radius: 0;
}
.avatar.tiny {
    width: 16px;
    min-width: 16px;
    max-width: 16px;
	height: 16px;
	min-height: 16px;
    max-height: 16px;
    line-height: 16px;
    margin-left: 1px;
    margin-right: 6px;
}
.avatar.small {
	width: 20px;
    min-width: 20px;
    max-width: 20px;
	height: 20px;
	min-height: 20px;
    max-height: 20px;
    line-height: 20px;
}
.avatar.big {
	width: 72px;
	min-width: 72px;
    max-width: 72px;
	height: 72px;
	min-height: 72px;
    max-height: 72px;
    line-height: 72px;
}
.avatar.huge {
	width: 96px;
	min-width: 96px;
    max-width: 96px;
    height: 96px;
	min-height: 96px;
    max-height: 96px;
    line-height: 96px;
}
/* Generieke afbeelding als de gebruiker geen foto heeft ingesteld. */

/* Zie https://bitsofco.de/styling-broken-images/ */

/*----------------------------------------------------------------*/
/*  Theming
/*----------------------------------------------------------------*/

/* Content hack because they wont fix */

/* https://github.com/angular/material/pull/8067 */
md-content.md-hue-1, md-content.md-default-theme.md-hue-1 {
	color: rgba(0, 0, 0, 0.87);
	background-color: rgb(255, 255, 255);
}
md-content.md-hue-2, md-content.md-default-theme.md-hue-2 {
	color: rgba(0, 0, 0, 0.87);
	background-color: rgb(245, 245, 245);
}
md-content.md-hue-3, md-content.md-default-theme.md-hue-3 {
	color: rgba(0, 0, 0, 0.87);
	background-color: rgb(224, 224, 224);
}
/* Text Colors */
a {
	color: var(--color-accent-fg-fg);
}
.secondary-text, .icon {
	color: rgba(0, 0, 0, 0.54);
}
.hint-text, .disabled-text {
	color: rgba(0, 0, 0, 0.26);
}
.fade-text, .divider {
	color: rgba(0, 0, 0, 0.12);
}
/* Primary */
 .md-primary-bg {
	background-color: rgb(45, 50, 62);
	color: rgba(255, 255, 255, 1);
}
.md-primary-bg .secondary-text, .md-primary-bg .icon {
	color: rgba(255, 255, 255, 0.7);
}
.md-primary-bg .hint-text, .md-primary-bg .disabled-text {
	color: rgba(255, 255, 255, 0.3);
}
.md-primary-bg .fade-text, .md-primary-bg .divider {
	color: rgba(255, 255, 255, 0.12);
}
/* Primary, Hue-1 */
 .md-primary-bg.md-hue-1 {
	background-color: rgb(60, 66, 82);
	color: rgba(255, 255, 255, 1);
}
.md-primary-bg.md-hue-1 .secondary-text, .md-primary-bg.md-hue-1 .icon {
	color: rgba(255, 255, 255, 0.7);
}
.md-primary-bg.md-hue-1 .hint-text, .md-primary-bg.md-hue-1 .disabled-text {
	color: rgba(255, 255, 255, 0.3);
}
.md-primary-bg.md-hue-1 .fade-text, .md-primary-bg.md-hue-1 .divider {
	color: rgba(255, 255, 255, 0.12);
}
/* Primary, Hue-2 */
 .md-primary-bg.md-hue-2 {
	background-color: rgb(53, 58, 72);
	color: rgba(255, 255, 255, 1);
}
.md-primary-bg.md-hue-2 .secondary-text, .md-primary-bg.md-hue-2 .icon {
	color: rgba(255, 255, 255, 0.7);
}
.md-primary-bg.md-hue-2 .hint-text, .md-primary-bg.md-hue-2 .disabled-text {
	color: rgba(255, 255, 255, 0.3);
}
.md-primary-bg.md-hue-2 .fade-text, .md-primary-bg.md-hue-2 .divider {
	color: rgba(255, 255, 255, 0.12);
}
/* Primary, Hue-3 */
 .md-primary-bg.md-hue-3 {
	background-color: rgb(92, 97, 111);
	color: rgba(255, 255, 255, 1);
}
.md-primary-bg.md-hue-3 .secondary-text, .md-primary-bg.md-hue-3 .icon {
	color: rgba(255, 255, 255, 1);
}
.md-primary-bg.md-hue-3 .hint-text, .md-primary-bg.md-hue-3 .disabled-text {
	color: rgba(255, 255, 255, 0.3);
}
.md-primary-bg.md-hue-3 .fade-text, .md-primary-bg.md-hue-3 .divider {
	color: rgba(255, 255, 255, 0.12);
}
/* Primary foreground */
 .md-primary-fg {
	color: rgb(45, 50, 62) !important;
}
/* Primary foreground, Hue-1 */
 .md-primary-fg.md-hue-1 {
	color: rgb(60, 66, 82) !important;
}
/* Primary foreground, Hue-2 */
 .md-primary-fg.md-hue-2 {
	color: rgb(53, 58, 72) !important;
}
/* Primary foreground, Hue-3 */
 .md-primary-fg.md-hue-3 {
	color: rgb(92, 97, 111) !important;
}
/* Accent */
.md-accent-bg {
	background-color: rgb(3, 155, 229);
	color: rgb(65, 37, 37);
}
.md-accent-bg .secondary-text, .md-accent-bg .icon {
	color: rgba(255, 255, 255, 0.7);
}
.md-accent-bg .hint-text, .md-accent-bg .disabled-text {
	color: rgba(255, 255, 255, 0.3);
}
.md-accent-bg .fade-text, .md-accent-bg .divider {
	color: rgba(255, 255, 255, 0.12);
}
/* Accent, Hue-1 */
 .md-accent-bg.md-hue-1 {
	background-color: rgb(41, 182, 246);
	color: rgba(0, 0, 0, 0.87);
}
.md-accent-bg.md-hue-1 .secondary-text, .md-accent-bg.md-hue-1 .icon {
	color: rgba(0, 0, 0, 0.54);
}
.md-accent-bg.md-hue-1 .hint-text, .md-accent-bg.md-hue-1 .disabled-text {
	color: rgba(0, 0, 0, 0.26);
}
.md-accent-bg.md-hue-1 .fade-text, .md-accent-bg.md-hue-1 .divider {
	color: rgba(0, 0, 0, 0.12);
}
/* Accent, Hue-2 */
 .md-accent-bg.md-hue-2 {
	background-color: rgb(2, 136, 209);
	color: rgba(255, 255, 255, 1);
}
.md-accent-bg.md-hue-2 .secondary-text, .md-accent-bg.md-hue-2 .icon {
	color: rgba(255, 255, 255, 0.7);
}
.md-accent-bg.md-hue-2 .hint-text, .md-accent-bg.md-hue-2 .disabled-text {
	color: rgba(255, 255, 255, 0.3);
}
.md-accent-bg.md-hue-2 .fade-text, .md-accent-bg.md-hue-2 .divider {
	color: rgba(255, 255, 255, 0.12);
}
/* Accent, Hue-3 */
 .md-accent-bg.md-hue-3 {
	background-color: rgb(128, 216, 255);
	color: rgba(0, 0, 0, 0.87);
}
.md-accent-bg.md-hue-3 .secondary-text, .md-accent-bg.md-hue-3 .icon {
	color: rgba(0, 0, 0, 0.87);
}
.md-accent-bg.md-hue-3 .hint-text, .md-accent-bg.md-hue-3 .disabled-text {
	color: rgba(0, 0, 0, 0.26);
}
.md-accent-bg.md-hue-3 .fade-text, .md-accent-bg.md-hue-3 .divider {
	color: rgba(0, 0, 0, 0.12);
}
/* Accent foreground */
 .md-accent-fg {
	color: rgb(3, 155, 229) !important;
}
/* Accent foreground, Hue-1 */
 .md-accent-fg.md-hue-1 {
	color: rgb(41, 182, 246) !important;
}
/* Accent foreground, Hue-2 */
 .md-accent-fg.md-hue-2 {
	color: rgb(2, 136, 209) !important;
}
/* Accent foreground, Hue-3 */
 .md-accent-fg.md-hue-3 {
	color: rgb(128, 216, 255) !important;
}
/* Warn */
 .md-warn-bg {
	background-color: rgb(244, 67, 54);
	color: rgba(255, 255, 255, 1);
}
.md-warn-bg .secondary-text, .md-warn-bg .icon {
	color: rgba(255, 255, 255, 0.7);
}
.md-warn-bg .hint-text, .md-warn-bg .disabled-text {
	color: rgba(255, 255, 255, 0.3);
}
.md-warn-bg .fade-text, .md-warn-bg .divider {
	color: rgba(255, 255, 255, 0.12);
}
/* Warn, Hue-1 */
 .md-warn-bg.md-hue-1 {
	background-color: rgb(229, 115, 115);
	color: rgba(0, 0, 0, 0.87);
}
.md-warn-bg.md-hue-1 .secondary-text, .md-warn-bg.md-hue-1 .icon {
	color: rgba(0, 0, 0, 0.54);
}
.md-warn-bg.md-hue-1 .hint-text, .md-warn-bg.md-hue-1 .disabled-text {
	color: rgba(0, 0, 0, 0.26);
}
.md-warn-bg.md-hue-1 .fade-text, .md-warn-bg.md-hue-1 .divider {
	color: rgba(0, 0, 0, 0.12);
}
/* Warn, Hue-2 */
 .md-warn-bg.md-hue-2 {
	background-color: rgb(198, 40, 40);
	color: rgba(255, 255, 255, 1);
}
.md-warn-bg.md-hue-2 .secondary-text, .md-warn-bg.md-hue-2 .icon {
	color: rgba(255, 255, 255, 0.7);
}
.md-warn-bg.md-hue-2 .hint-text, .md-warn-bg.md-hue-2 .disabled-text {
	color: rgba(255, 255, 255, 0.3);
}
.md-warn-bg.md-hue-2 .fade-text, .md-warn-bg.md-hue-2 .divider {
	color: rgba(255, 255, 255, 0.12);
}
/* Warn, Hue-3 */
 .md-warn-bg.md-hue-3 {
	background-color: rgb(255, 138, 128);
	color: rgba(0, 0, 0, 0.87);
}
.md-warn-bg.md-hue-3 .secondary-text, .md-warn-bg.md-hue-3 .icon {
	color: rgba(0, 0, 0, 0.87);
}
.md-warn-bg.md-hue-3 .hint-text, .md-warn-bg.md-hue-3 .disabled-text {
	color: rgba(0, 0, 0, 0.26);
}
.md-warn-bg.md-hue-3 .fade-text, .md-warn-bg.md-hue-3 .divider {
	color: rgba(0, 0, 0, 0.12);
}
/* Warn foreground */
 .md-warn-fg {
	color: rgb(244, 67, 54) !important;
}
/* Warn foreground, Hue-1 */
 .md-warn-fg.md-hue-1 {
	color: rgb(229, 115, 115) !important;
}
/* Warn foreground, Hue-2 */
 .md-warn-fg.md-hue-2 {
	color: rgb(198, 40, 40) !important;
}
/* Warn foreground, Hue-3 */
 .md-warn-fg.md-hue-3 {
	color: rgb(255, 138, 128) !important;
}
/* Background */
 .md-background-bg {
	background-color: rgb(255, 255, 255);
	color: rgba(0, 0, 0, 0.87);
}
.md-background-bg .secondary-text, .md-background-bg .icon {
	color: rgba(0, 0, 0, 0.54);
}
.md-background-bg .hint-text, .md-background-bg .disabled-text {
	color: rgba(0, 0, 0, 0.26);
}
.md-background-bg .fade-text, .md-background-bg .divider {
	color: rgba(0, 0, 0, 0.12);
}
/* Background, Hue-1 */
 .md-background-bg.md-hue-1 {
	background-color: rgb(255, 255, 255);
	color: rgba(0, 0, 0, 0.87);
}
.md-background-bg.md-hue-1 .secondary-text, .md-background-bg.md-hue-1 .icon {
	color: rgba(0, 0, 0, 0.54);
}
.md-background-bg.md-hue-1 .hint-text, .md-background-bg.md-hue-1 .disabled-text {
	color: rgba(0, 0, 0, 0.26);
}
.md-background-bg.md-hue-1 .fade-text, .md-background-bg.md-hue-1 .divider {
	color: rgba(0, 0, 0, 0.12);
}
/* Background, Hue-2 */
 .md-background-bg.md-hue-2 {
	background-color: rgb(245, 245, 245);
	color: rgba(0, 0, 0, 0.87);
}
.md-background-bg.md-hue-2 .secondary-text, .md-background-bg.md-hue-2 .icon {
	color: rgba(0, 0, 0, 0.54);
}
.md-background-bg.md-hue-2 .hint-text, .md-background-bg.md-hue-2 .disabled-text {
	color: rgba(0, 0, 0, 0.26);
}
.md-background-bg.md-hue-2 .fade-text, .md-background-bg.md-hue-2 .divider {
	color: rgba(0, 0, 0, 0.12);
}
/* Background, Hue-3 */
 .md-background-bg.md-hue-3 {
	background-color: rgb(224, 224, 224);
	color: rgba(0, 0, 0, 0.87);
}
.md-background-bg.md-hue-3 .secondary-text, .md-background-bg.md-hue-3 .icon {
	color: rgba(0, 0, 0, 0.87);
}
.md-background-bg.md-hue-3 .hint-text, .md-background-bg.md-hue-3 .disabled-text {
	color: rgba(0, 0, 0, 0.26);
}
.md-background-bg.md-hue-3 .fade-text, .md-background-bg.md-hue-3 .divider {
	color: rgba(0, 0, 0, 0.12);
}
/* Background foreground */
 .md-background-fg {
	color: rgb(255, 255, 255) !important;
}
/* Background foreground, Hue-1 */
 .md-background-fg.md-hue-1 {
	color: rgb(255, 255, 255) !important;
}
/* Background foreground, Hue-2 */
 .md-background-fg.md-hue-2 {
	color: rgb(245, 245, 245) !important;
}
/* Background foreground, Hue-3 */
 .md-background-fg.md-hue-3 {
	color: rgb(224, 224, 224) !important;
}
/*----------------------------------------------------------------*/
/*  Page Layouts
/*----------------------------------------------------------------*/
.page-layout {
	position: relative;
	overflow: hidden;
}
.page-layout .top-bg {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	left: 0;
	height: 200px;
}
.page-layout md-backdrop {
	z-index: 50;
}
.page-layout > .header .breadcrumb {
	margin-bottom: 16px;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.54);
}
.page-layout > .header .breadcrumb md-icon {
	margin: 0;
}
.page-layout > .header .breadcrumb .separator {
	margin: 0 8px;
}
.page-layout > .header .title {
	font-size: 34px;
}
.page-layout.carded {
	min-height: 100%;
	height: 100%;
}
.page-layout.carded.fullwidth.single-scroll {
	height: auto;
}
.page-layout.carded.fullwidth.single-scroll > .center .content-card .content {
	overflow: hidden;
}
.page-layout.carded.fullwidth > .center {
	position: relative;
	z-index: 2;
	margin-left: 32px;
	margin-right: 32px;
}
.page-layout.carded.fullwidth > .center .header {
	height: 136px;
	min-height: 136px;
	max-height: 136px;
	padding: 24px;
}
.page-layout.carded.fullwidth > .center .content-card {
	background: #FFFFFF;
	box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
	overflow: hidden;
}
.page-layout.carded.fullwidth > .center .content-card .toolbar {
	padding: 8px 24px;
	height: 64px;
	min-height: 64px;
	max-height: 64px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.page-layout.carded.fullwidth > .center .content-card .content {
	padding: 24px;
	background: #FFFFFF;
}
.page-layout.carded.left-sidenav.single-scroll {
	height: auto;
}
.page-layout.carded.left-sidenav.single-scroll > .center .content-card .content {
	overflow: hidden;
}
.page-layout.carded.left-sidenav > .sidenav {
	width: 240px;
	min-width: 240px;
	max-width: 240px;
	box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
	z-index: 51;
}
.page-layout.carded.left-sidenav > .sidenav .header {
	height: 200px;
	min-height: 200px;
	max-height: 200px;
	padding: 24px;
}
.page-layout.carded.left-sidenav > .sidenav .content {
	background: transparent;
	padding: 24px;
}
.page-layout.carded.left-sidenav > .sidenav.md-locked-open {
	width: 220px;
	min-width: 220px;
	max-width: 220px;
	z-index: 2;
	background: transparent;
	box-shadow: none;
}
.page-layout.carded.left-sidenav > .sidenav.md-locked-open + .center {
	margin-left: 0;
}
.page-layout.carded.left-sidenav > .sidenav:not(.md-locked-open) .header {
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.page-layout.carded.left-sidenav > .sidenav:not(.md-locked-open) .content {
	overflow: hidden;
}
.page-layout.carded.left-sidenav > .center {
	position: relative;
	z-index: 2;
	margin-left: 32px;
	margin-right: 32px;
}
.page-layout.carded.left-sidenav > .center .header {
	height: 136px;
	min-height: 136px;
	max-height: 136px;
	padding: 24px;
}
.page-layout.carded.left-sidenav > .center .content-card {
	background: #FFFFFF;
	box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
	overflow: hidden;
}
.page-layout.carded.left-sidenav > .center .content-card .toolbar {
	padding: 8px 24px;
	height: 64px;
	min-height: 64px;
	max-height: 64px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.page-layout.carded.left-sidenav > .center .content-card .toolbar .sidenav-toggle {
	margin: 0 8px 0 0 !important;
	padding: 0 !important;
	border-radius: 0;
}
.page-layout.carded.left-sidenav > .center .content-card .content {
	padding: 24px;
	background: #FFFFFF;
}
.page-layout.carded.right-sidenav.single-scroll {
	height: auto;
}
.page-layout.carded.right-sidenav.single-scroll > .center .content-card .content {
	overflow: hidden;
}
.page-layout.carded.right-sidenav > .sidenav {
	width: 240px;
	min-width: 240px;
	max-width: 240px;
	box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
	z-index: 51;
}
.page-layout.carded.right-sidenav > .sidenav .header {
	height: 200px;
	min-height: 200px;
	max-height: 200px;
	padding: 24px 24px 24px 0;
}
.page-layout.carded.right-sidenav > .sidenav .content {
	background: transparent;
	padding: 24px 24px 24px 0;
}
.page-layout.carded.right-sidenav > .sidenav.md-locked-open {
	width: 196px;
	min-width: 196px;
	max-width: 196px;
	z-index: 2;
	background: transparent;
	box-shadow: none;
}
.page-layout.carded.right-sidenav > .sidenav:not(.md-locked-open) .header {
	padding: 24px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.page-layout.carded.right-sidenav > .sidenav:not(.md-locked-open) .content {
	overflow: hidden;
	padding: 24px;
}
.page-layout.carded.right-sidenav > .center {
	position: relative;
	z-index: 2;
	margin-left: 32px;
	margin-right: 32px;
}
.page-layout.carded.right-sidenav > .center .header {
	height: 136px;
	min-height: 136px;
	max-height: 136px;
	padding: 24px;
}
.page-layout.carded.right-sidenav > .center .content-card {
	background: #FFFFFF;
	box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
	overflow: hidden;
}
.page-layout.carded.right-sidenav > .center .content-card .toolbar {
	padding: 8px 24px;
	height: 64px;
	min-height: 64px;
	max-height: 64px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.page-layout.carded.right-sidenav > .center .content-card .toolbar .sidenav-toggle {
	margin: 0 0 0 8px !important;
	padding: 0 !important;
	border-radius: 0;
}
.page-layout.carded.right-sidenav > .center .content-card .content {
	padding: 24px;
	background: #FFFFFF;
}
.page-layout.simple.fullwidth, .page-layout.simple.inner-sidenav {
	min-height: 100%;
}
.page-layout.simple.fullwidth > .header, .page-layout.simple.inner-sidenav > .header {
	height: 200px;
	min-height: 200px;
	max-height: 200px;
	padding: 24px;
	background-image: url("/data/applicatie/basis.basis/header-bg.png");
	background-size: cover;
}
.page-layout.simple.fullwidth > .content, .page-layout.simple.inner-sidenav > .content {
	padding: 24px;
}
.page-layout.simple.left-sidenav {
	min-height: 100%;
	height: 100%;
}
.page-layout.simple.left-sidenav.single-scroll {
	height: auto;
}
.page-layout.simple.left-sidenav.single-scroll > .center {
	overflow: hidden;
}
.page-layout.simple.left-sidenav.inner-sidenav > .content > md-sidenav {
	margin-right: 24px;
}
.page-layout.simple.left-sidenav .sidenav {
	width: 240px;
	min-width: 240px;
	max-width: 240px;
	padding: 24px;
	z-index: 51;
	box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.page-layout.simple.left-sidenav .sidenav.md-locked-open {
	width: 220px;
	min-width: 220px;
	max-width: 220px;
	z-index: 2;
	box-shadow: none;
	background: transparent;
}
.page-layout.simple.left-sidenav > .center {
	position: relative;
	overflow: auto;
	z-index: 3;
	box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.page-layout.simple.left-sidenav > .center .header {
	height: 200px;
	min-height: 200px;
	max-height: 200px;
	padding: 24px;
	background-image: url("/data/applicatie/basis.basis/header-bg.png");
	background-size: cover;
}
.page-layout.simple.left-sidenav > .center .content {
	padding: 24px;
	background: #FFFFFF;
}
.page-layout.simple.right-sidenav {
	min-height: 100%;
	height: 100%;
}
.page-layout.simple.right-sidenav.single-scroll {
	height: auto;
}
.page-layout.simple.right-sidenav.single-scroll > .center {
	overflow: hidden;
}
.page-layout.simple.right-sidenav.inner-sidenav > .content > md-sidenav {
	margin-left: 24px;
}
.page-layout.simple.right-sidenav .sidenav {
	width: 240px;
	min-width: 240px;
	max-width: 240px;
	padding: 24px;
	z-index: 51;
	box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.page-layout.simple.right-sidenav .sidenav.md-locked-open {
	width: 220px;
	min-width: 220px;
	max-width: 220px;
	z-index: 2;
	box-shadow: none;
	background: transparent;
}
.page-layout.simple.right-sidenav > .center {
	position: relative;
	overflow: auto;
	z-index: 3;
	box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.page-layout.simple.right-sidenav > .center .header {
	height: 200px;
	min-height: 200px;
	max-height: 200px;
	padding: 24px;
	background-image: url("/data/applicatie/basis.basis/header-bg.png");
	background-size: cover;
}
.page-layout.simple.right-sidenav > .center .content {
	padding: 24px;
	background: #FFFFFF;
}
.page-layout.simple.inner-sidenav {
	height: auto;
}
.page-layout.simple.inner-sidenav > .content > md-sidenav.md-locked-open {
	padding: 0;
}
.page-layout.simple.tabbed {
	min-height: 100%;
}
.page-layout.simple.tabbed > .header {
	height: 200px;
	min-height: 200px;
	max-height: 200px;
	padding: 24px;
	background-image: url("/data/applicatie/basis.basis/header-bg.png");
	background-size: cover;
}
.page-layout.simple.tabbed > .content > md-tabs > md-tabs-wrapper {
	background: #FFFFFF;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
	padding: 0 24px;
}
.page-layout.simple.tabbed > .content > md-tabs > md-tabs-wrapper md-tabs-canvas {
	height: 56px;
}
.page-layout.simple.tabbed > .content > md-tabs > md-tabs-wrapper md-tabs-canvas md-pagination-wrapper {
	height: 56px;
}
.page-layout.simple.tabbed > .content > md-tabs > md-tabs-wrapper md-tabs-canvas .md-tab {
	padding: 16px 24px;
	text-transform: none;
}
.page-layout.simple.tabbed > .content > md-tabs:not(.md-dynamic-height) md-tabs-content-wrapper {
	top: 56px;
}
.page-layout.simple.tabbed > .content > md-tabs > md-tabs-content-wrapper > md-tab-content {
	padding: 24px;
}
.page-layout.simple.tabbed > .content > md-nav-bar .md-nav-bar {
	background: #FFFFFF;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
	border: none;
	height: 56px;
}
.page-layout.simple.tabbed > .content > md-nav-bar .md-nav-bar nav {
	margin: 0 12px;
}
.page-layout.simple.tabbed > .content > md-nav-bar .md-nav-bar nav .md-nav-item {
	height: 56px;
}
.page-layout.simple.tabbed > .content > md-nav-bar .md-nav-bar nav .md-nav-item ._md-nav-button {
	height: 56px;
	line-height: 32px;
}
.page-layout.simple.tabbed > .content > md-nav-bar .md-nav-bar nav .md-nav-item ._md-nav-button-text {
	text-transform: none;
}
.page-layout.blank {
	min-height: 100%;
	padding: 24px;
}
.single-scroll .carded.fullwidth {
	height: auto;
}
.single-scroll .carded.fullwidth > .center .content-card .content {
	overflow: hidden;
}
.single-scroll .carded.left-sidenav {
	height: auto;
}
.single-scroll .carded.left-sidenav > .center .content-card .content {
	overflow: hidden;
}
.single-scroll .carded.right-sidenav {
	height: auto;
}
.single-scroll .carded.right-sidenav > .center .content-card .content {
	overflow: hidden;
}
.single-scroll .simple.left-sidenav {
	height: auto;
}
.single-scroll .simple.left-sidenav > .center {
	overflow: hidden;
}
.single-scroll .simple.right-sidenav {
	height: auto;
}
.single-scroll .simple.right-sidenav > .center {
	overflow: hidden;
}
@media screen and (max-width: 1280px) {
	.page-layout.simple.inner-sidenav.right-sidenav > .content, .page-layout.simple.inner-sidenav.left-sidenav > .content {
		height: auto !important;
	}
	.page-layout.simple.inner-sidenav.right-sidenav > .content > md-sidenav, .page-layout.simple.inner-sidenav.left-sidenav > .content > md-sidenav {
		margin-left: 0;
		margin-right: 0;
	}
	.sidenav-open .page-layout.simple.inner-sidenav {
		height: 100%;
	}
}
@media screen and (max-width: 600px) {
	.page-layout .top-bg {
		height: 160px;
	}
	.page-layout.carded.right-sidenav > .center, .page-layout.carded.left-sidenav > .center, .page-layout.carded.fullwidth > .center {
		margin-left: 16px;
		margin-right: 16px;
	}
	.page-layout.carded.right-sidenav > .center .header, .page-layout.carded.left-sidenav > .center .header, .page-layout.carded.fullwidth > .center .header {
		height: 96px;
		min-height: 96px;
		max-height: 96px;
		padding: 16px;
	}
	.page-layout.carded.fullwidth {
		height: auto;
	}
	.page-layout.carded.fullwidth > .center .content-card .content {
		overflow: hidden;
	}
	.page-layout.carded.right-sidenav, .page-layout.carded.left-sidenav {
		height: auto;
	}
	.page-layout.carded.right-sidenav > .center .content-card .content, .page-layout.carded.left-sidenav > .center .content-card .content {
		overflow: hidden;
	}
	.page-layout.simple.fullwidth > .header, .page-layout.simple.inner-sidenav > .header {
		height: 160px;
		min-height: 160px;
		max-height: 160px;
		padding: 16px;
	}
	.page-layout.simple.right-sidenav > .center .header, .page-layout.simple.left-sidenav > .center .header {
		height: 160px;
		min-height: 160px;
		max-height: 160px;
		padding: 16px;
	}
	.page-layout.simple.left-sidenav, .page-layout.simple.right-sidenav {
		height: auto;
	}
	.page-layout.simple.left-sidenav > .center, .page-layout.simple.right-sidenav > .center {
		overflow: hidden;
	}
}
/*----------------------------------------------------------------*/

/*  Animations
/*----------------------------------------------------------------*/
 .animate-slide-up {
    -webkit-backface-visibility: hidden;     
	-webkit-perspective: 1000px;
	-webkit-transition-property: none;
	transition-property: none;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	opacity: 1;
}
.animate-slide-up.ng-enter {
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	opacity: 0;
}
.animate-slide-up.ng-enter.ng-enter-active {
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}
.animate-slide-up.ng-leave {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}
.animate-slide-up.ng-leave.ng-leave-active {
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	opacity: 0;
}
.animate-slide-up.ng-hide {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	opacity: 0;
}
.animate-slide-up.ng-hide-add-active, .animate-slide-up.ng-hide-remove-active {
	-webkit-transition-property: all;
	transition-property: all;
}
.animate-slide-down {
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000px;
	-webkit-transition-property: none;
	transition-property: none;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	opacity: 1;
}
.animate-slide-down.ng-enter {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	opacity: 0;
}
.animate-slide-down.ng-enter.ng-enter-active {
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}
.animate-slide-down.ng-leave {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}
.animate-slide-down.ng-leave.ng-leave-active {
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	opacity: 0;
}
.animate-slide-down.ng-hide {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	opacity: 0;
}
.animate-slide-down.ng-hide-add-active, .animate-slide-down.ng-hide-remove-active {
	-webkit-transition-property: all;
	transition-property: all;
}
.animate-slide-left {
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000px;
	-webkit-transition-property: none;
	transition-property: none;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	opacity: 1;
}
.animate-slide-left.ng-enter {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	opacity: 0;
}
.animate-slide-left.ng-enter.ng-enter-active {
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}
.animate-slide-left.ng-leave {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}
.animate-slide-left.ng-leave.ng-leave-active {
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	opacity: 0;
}
.animate-slide-left.ng-hide {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	opacity: 0;
}
.animate-slide-left.ng-hide-add-active, .animate-slide-left.ng-hide-remove-active {
	-webkit-transition-property: all;
	transition-property: all;
}
.animate-slide-right {
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000px;
	-webkit-transition-property: none;
	transition-property: none;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	opacity: 1;
}
.animate-slide-right.ng-enter {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	opacity: 0;
}
.animate-slide-right.ng-enter.ng-enter-active {
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}
.animate-slide-right.ng-leave {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}
.animate-slide-right.ng-leave.ng-leave-active {
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	opacity: 0;
}
.animate-slide-right.ng-hide {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	opacity: 0;
}
.animate-slide-right.ng-hide-add-active, .animate-slide-right.ng-hide-remove-active {
	-webkit-transition-property: all;
	transition-property: all;
}
.animate-fade-in-out {
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000px;
	-webkit-transition-property: none;
	transition-property: none;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	opacity: 1;
}
.animate-fade-in-out.ng-enter {
	opacity: 0;
}
.animate-fade-in-out.ng-enter.ng-enter-active {
	-webkit-transition-property: all;
	transition-property: all;
	opacity: 1;
}
.animate-fade-in-out.ng-leave {
	opacity: 1;
}
.animate-fade-in-out.ng-leave.ng-leave-active {
	-webkit-transition-property: all;
	transition-property: all;
	opacity: 0;
}
.animate-fade-in-out.ng-hide {
	opacity: 0;
}
.animate-fade-in-out.ng-hide-add-active, .animate-fade-in-out.ng-hide-remove-active {
	-webkit-transition-property: all;
	transition-property: all;
}
/*----------------------------------------------------------------*/

/*  @ Custom Animation Keyframes
/*----------------------------------------------------------------*/
 @-webkit-keyframes slide-in-left {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-500px);
		transform: translateX(-500px);
	}
	65% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes slide-in-left {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-500px);
		transform: translateX(-500px);
	}
	65% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@-webkit-keyframes slide-in-right {
	0% {
		opacity: 0;
		-webkit-transform: translateX(500px);
		transform: translateX(500px);
	}
	65% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes slide-in-right {
	0% {
		opacity: 0;
		-webkit-transform: translateX(500px);
		transform: translateX(500px);
	}
	65% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@-webkit-keyframes slide-in-bottom {
	0% {
		opacity: 0;
		-webkit-transform: translateY(200px);
		transform: translateY(200px);
	}
	65% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes slide-in-bottom {
	0% {
		opacity: 0;
		-webkit-transform: translateY(200px);
		transform: translateY(200px);
	}
	65% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
.animate-rotate {
	-webkit-animation: rotate 1.75s linear infinite;
	animation: rotate 1.75s linear infinite;
}
@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/*----------------------------------------------------------------*/
/*  Table - Simple
/*----------------------------------------------------------------*/
.simple-table-container {
  background: #FFFFFF; }
  .simple-table-container .table-title {
    font-size: 20px;
    padding: 24px; }

table.simple {
  width: 100%;
  border: none;
  border-spacing: 0;
  text-align: left; }
  table.simple thead tr th {
    padding: 16px 8px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.54);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    white-space: nowrap;
    min-width: 120px; }
    table.simple thead tr th:first-child {
      padding-left: 24px; }
    table.simple thead tr th:last-child {
      padding-right: 24px; }
  table.simple tbody tr td {
    padding: 16px 8px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
    table.simple tbody tr td:first-child {
      padding-left: 24px; }
    table.simple tbody tr td:last-child {
      padding-right: 24px; }
  table.simple tbody tr:last-child td {
    border-bottom: none; }
  table.simple.clickable tbody tr {
    cursor: pointer; }
    table.simple.clickable tbody tr:hover {
      background: rgba(0, 0, 0, 0.03); }

/*----------------------------------------------------------------*/
/*  Typography
/*----------------------------------------------------------------*/
html {
	font-size: 62.5%;
	font-family:"Roboto", "Helvetica Neue", "Arial", sans-serif;
	line-height: 1.4;
}
body {
	font-size: 14px;
}
html, body {
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: normal;
}
h1, .h1 {
	font-size: 2.4rem;
}
h2, .h2 {
	font-size: 2rem;
}
h3, .h3 {
	font-size: 1.6rem;
}
h4, .h4 {
	font-size: 1.4rem;
}
h5, .h5 {
	font-size: 1.3rem;
}
h6, .h6 {
	font-size: 1.2rem;
}

h1 md-icon, .h1 md-icon {
    margin-right: 12px;
    margin-top: -4px;
}

a {
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}
abbr {
	cursor: help;
	border-bottom: 1px dotted rgba(0, 0, 0, 0.54);
}
blockquote {
	border-left: 3px solid rgba(0, 0, 0, 0.12);
	font-style: italic;
	margin: 1em 0;
	padding-left: 16px;
}
blockquote footer {
	font-style: normal;
}
blockquote footer:before {
	content:'\2014 \00A0';
}
blockquote.reverse {
	border-left: none;
	border-right: 3px solid rgba(0, 0, 0, 0.12);
	text-align: right;
	padding-left: 0;
	padding-right: 16px;
}
blockquote.reverse footer:before {
	content:'';
}
blockquote.reverse footer:after {
	content:'\2014 \00A0';
}
code {
	font-family:"Monaco", "Menlo", "Consolas", "Ubuntu Mono", monospace;
}
code:not(.highlight) {
	background: rgba(0, 0, 0, 0.065);
	color: #106CC8;
	margin: 0 1px;
	padding: 2px 3px;
	border-radius: 2px;
}
dl dt {
	font-weight: bold;
}
dl dd {
	margin: 4px 0 16px 0;
}
mark {
	background: #F7F49A;
}
pre {
	line-height: 1.6;
	margin: 8px 16px;
	white-space: pre-wrap;
}
small {
	font-size: 80%;
}
table thead tr th {
	text-align: left;
}
.text-italic {
	font-style: italic;
}
.text-semibold {
	font-weight: 600;
}
.text-bold, strong {
	font-weight: 700;
}
.text-strike {
	text-decoration: line-through;
}
.text-super {
	vertical-align: super;
}
.text-sub {
	vertical-align: sub;
}
.text-capitalize {
	text-transform: capitalize;
}
.text-lowercase {
	text-transform: lowercase;
}
.text-uppercase {
	text-transform: uppercase;
}
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.font-weight-100 {
	font-weight: 100;
}
.font-weight-200 {
	font-weight: 200;
}
.font-weight-300 {
	font-weight: 300;
}
.font-weight-400 {
	font-weight: 400;
}
.font-weight-500 {
	font-weight: 500;
}
.font-weight-600 {
	font-weight: 600;
}
.font-weight-700 {
	font-weight: 700;
}
.font-weight-800 {
	font-weight: 800;
}
.font-weight-900 {
	font-weight: 900;
}
.font-size-2 {
	font-size: 2px;
}
.font-size-4 {
	font-size: 4px;
}
.font-size-6 {
	font-size: 6px;
}
.font-size-8 {
	font-size: 8px;
}
.font-size-10 {
	font-size: 10px;
}
.font-size-12 {
	font-size: 12px;
}
.font-size-14 {
	font-size: 14px;
}
.font-size-16 {
	font-size: 16px;
}
.font-size-18 {
	font-size: 18px;
}
.font-size-20 {
	font-size: 20px;
}
.font-size-22 {
	font-size: 22px;
}
.font-size-24 {
	font-size: 24px;
}
.font-size-26 {
	font-size: 26px;
}
.font-size-28 {
	font-size: 28px;
}
.font-size-30 {
	font-size: 30px;
}
.font-size-32 {
	font-size: 32px;
}
.font-size-34 {
	font-size: 34px;
}
.font-size-36 {
	font-size: 36px;
}
.font-size-38 {
	font-size: 38px;
}
.font-size-40 {
	font-size: 40px;
}
.font-size-42 {
	font-size: 42px;
}
.font-size-44 {
	font-size: 44px;
}
.font-size-46 {
	font-size: 46px;
}
.font-size-48 {
	font-size: 48px;
}
.font-size-50 {
	font-size: 50px;
}
.font-size-52 {
	font-size: 52px;
}
.font-size-54 {
	font-size: 54px;
}
.font-size-56 {
	font-size: 56px;
}
.font-size-58 {
	font-size: 58px;
}
.font-size-60 {
	font-size: 60px;
}
.font-size-62 {
	font-size: 62px;
}
.font-size-64 {
	font-size: 64px;
}
.font-size-66 {
	font-size: 66px;
}
.font-size-68 {
	font-size: 68px;
}
.font-size-70 {
	font-size: 70px;
}
.font-size-72 {
	font-size: 72px;
}
.font-size-74 {
	font-size: 74px;
}
.font-size-76 {
	font-size: 76px;
}
.font-size-78 {
	font-size: 78px;
}
.font-size-80 {
	font-size: 80px;
}
.font-size-82 {
	font-size: 82px;
}
.font-size-84 {
	font-size: 84px;
}
.font-size-86 {
	font-size: 86px;
}
.font-size-88 {
	font-size: 88px;
}
.font-size-90 {
	font-size: 90px;
}
.font-size-92 {
	font-size: 92px;
}
.font-size-94 {
	font-size: 94px;
}
.font-size-96 {
	font-size: 96px;
}
.font-size-98 {
	font-size: 98px;
}
.font-size-100 {
	font-size: 100px;
}
.font-size-102 {
	font-size: 102px;
}
.font-size-104 {
	font-size: 104px;
}
.font-size-106 {
	font-size: 106px;
}
.font-size-108 {
	font-size: 108px;
}
.font-size-110 {
	font-size: 110px;
}
.font-size-112 {
	font-size: 112px;
}
.font-size-114 {
	font-size: 114px;
}
.font-size-116 {
	font-size: 116px;
}
.font-size-118 {
	font-size: 118px;
}
.font-size-120 {
	font-size: 120px;
}
.line-height-2 {
	line-height: 2px;
}
.line-height-4 {
	line-height: 4px;
}
.line-height-6 {
	line-height: 6px;
}
.line-height-8 {
	line-height: 8px;
}
.line-height-10 {
	line-height: 10px;
}
.line-height-12 {
	line-height: 12px;
}
.line-height-14 {
	line-height: 14px;
}
.line-height-16 {
	line-height: 16px;
}
.line-height-18 {
	line-height: 18px;
}
.line-height-20 {
	line-height: 20px;
}
.line-height-22 {
	line-height: 22px;
}
.line-height-24 {
	line-height: 24px;
}
.line-height-26 {
	line-height: 26px;
}
.line-height-28 {
	line-height: 28px;
}
.line-height-30 {
	line-height: 30px;
}
.line-height-32 {
	line-height: 32px;
}
.line-height-34 {
	line-height: 34px;
}
.line-height-36 {
	line-height: 36px;
}
.line-height-38 {
	line-height: 38px;
}
.line-height-40 {
	line-height: 40px;
}
.line-height-42 {
	line-height: 42px;
}
.line-height-44 {
	line-height: 44px;
}
.line-height-46 {
	line-height: 46px;
}
.line-height-48 {
	line-height: 48px;
}
.line-height-50 {
	line-height: 50px;
}
.line-height-52 {
	line-height: 52px;
}
.line-height-54 {
	line-height: 54px;
}
.line-height-56 {
	line-height: 56px;
}
.line-height-58 {
	line-height: 58px;
}
.line-height-60 {
	line-height: 60px;
}
.line-height-62 {
	line-height: 62px;
}
.line-height-64 {
	line-height: 64px;
}
.line-height-66 {
	line-height: 66px;
}
.line-height-68 {
	line-height: 68px;
}
.line-height-70 {
	line-height: 70px;
}
.line-height-72 {
	line-height: 72px;
}
.line-height-74 {
	line-height: 74px;
}
.line-height-76 {
	line-height: 76px;
}
.line-height-78 {
	line-height: 78px;
}
.line-height-80 {
	line-height: 80px;
}
.line-height-82 {
	line-height: 82px;
}
.line-height-84 {
	line-height: 84px;
}
.line-height-86 {
	line-height: 86px;
}
.line-height-88 {
	line-height: 88px;
}
.line-height-90 {
	line-height: 90px;
}
.line-height-92 {
	line-height: 92px;
}
.line-height-94 {
	line-height: 94px;
}
.line-height-96 {
	line-height: 96px;
}
.line-height-98 {
	line-height: 98px;
}
.line-height-100 {
	line-height: 100px;
}
.line-height-102 {
	line-height: 102px;
}
.line-height-104 {
	line-height: 104px;
}
.line-height-106 {
	line-height: 106px;
}
.line-height-108 {
	line-height: 108px;
}
.line-height-110 {
	line-height: 110px;
}
.line-height-112 {
	line-height: 112px;
}
.line-height-114 {
	line-height: 114px;
}
.line-height-116 {
	line-height: 116px;
}
.line-height-118 {
	line-height: 118px;
}
.line-height-120 {
	line-height: 120px;
}
.text-boxed, .text-boxed-light {
	border-radius: 2px;
	padding: 4px 8px;
	margin: 0 8px;
	font-size: 11px;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.54);
	background-color: rgba(0, 0, 0, 0.12);
	white-space: nowrap;
}
.text-boxed-light {
	background-color: rgba(255, 255, 255, 0.7);
}
.text-truncate {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.text-nowrap {
	white-space: nowrap;
}
.angular-google-map-container {
	height: 400px;
}
.moment-picker .moment-picker-container {
	width: 296px;
	border: none;
	border-radius: 2px;
	box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	margin-left: 0;
	padding: 8px;
}
.moment-picker .moment-picker-container th, .moment-picker .moment-picker-container td {
	min-width: 0;
	width: 40px;
	height: 40px;
	padding: 8px;
	text-shadow: none;
	border-radius: 35px;
}
.moment-picker .moment-picker-container th:hover, .moment-picker .moment-picker-container td:hover {
	background: #F5F5F5;
	background-image: none;
}
.moment-picker .moment-picker-container td.selected {
	background: #03A9F4;
	background-image: none;
}
.moment-picker .moment-picker-container .header-view th {
	border-radius: 0;
	white-space: nowrap;
	width: auto;
}
.moment-picker .moment-picker-container .header-view th:first-child, .moment-picker .moment-picker-container .header-view th:last-child {
	width: 20%;
}
/*----------------------------------------------------------------*/

/*  Variables
/*----------------------------------------------------------------*/

/*----------------------------------------------------------------*/

/*  Mixins
/*----------------------------------------------------------------*/

/*----------------------------------------------------------------*/

/*  Angular Material Extend
/*  Adds and/or modifies Angular Material styles
/*----------------------------------------------------------------*/

/* --- FIXES --- */
[layout] > * {	
    min-height:0;    
}
md-card > img, md-card > :not(md-card-content) img {
	height: inherit;
	height: initial;
}
.md-datepicker-calendar-pane * {
	box-sizing: initial;
}
/* --- MODIFICATIONS --- */
 md-autocomplete-wrap > input[type="search"] {
	background: #FFFFFF;
	padding: 0 15px !important;
}
md-backdrop.md-opaque {
	background-color: rgba(33, 33, 33, 0.48) !important;
}
md-card md-card-header md-card-avatar md-icon {
	width: 40px;
	height: 40px;
}
md-checkbox.no-label {
	margin: 0;
}
md-chip .md-chip-remove md-icon {
	margin-left: 2px;
}
md-chip .md-chip-remove md-icon svg {
	width: 18px;
	height: 18px;
	max-width: 18px;
	max-height: 18px;
	margin: 4px;
}
md-datepicker .md-datepicker-button {
	padding: 0 !important;
	margin: 0 !important;
	vertical-align: middle;
}
md-datepicker .md-datepicker-input-container {
	margin-left: 0;
}
.md-inline-form md-datepicker {
	margin-top: 14px;
}
md-dialog md-dialog-content:not(.dtp-content) {
	padding: 32px 24px 24px 24px;
}
md-dialog md-dialog-actions {
	min-height: 64px;
	padding-top: 8px;
	padding-bottom: 8px;
}
md-dialog md-dialog-actions .md-button {
	margin: 0 8px;
}
md-input-container {
    margin: 18px 0 0 0;
}
/* Omdat we hierboven de marges van de input-container aanpassen, ook de marges
   van de autocomplete aanpassen zodat die niet meer over de tekst heen gaat. */
.md-virtual-repeat-container.md-autocomplete-suggestions-container {
    margin-top: 18px;
}

md-input-container.no-errors-spacer .md-errors-spacer {
	display: none;
}

md-input-container .input-hint {
	position: absolute;
	right: auto;
	bottom: 7px;
	left: 2px;
	font-size: 12px;
	line-height: 14px;
	-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
	transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
	color: rgba(0, 0, 0, 0.54);
}
md-input-container.md-icon-left .input-hint {
	left: 38px;
}
md-list-item .md-list-item-text p {
	font-size: 13px !important;
}
md-menu, .md-menu {
	padding: 0;
}
md-menu-content.md-menu-bar-menu.md-dense {
	padding: 8px 0;
}
md-menu-content.md-menu-bar-menu.md-dense .md-button, md-menu-content.md-menu-bar-menu.md-dense md-menu-item {
	height: 40px;
	line-height: 40px;
}
md-menu-content.md-menu-bar-menu.md-dense .md-button.md-indent > md-icon, md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > md-icon {
	top: 8px;
}
.md-open-menu-container md-menu-content md-menu-item.selected {
	opacity: 0.4;
}
md-menu-content md-menu-item .md-button {
	text-align: left;
}
md-select.simplified {
	margin: 0 8px;
}
md-select.simplified .md-select-value {
	border: none !important;
	box-sizing: border-box;
	padding: 0;
}
md-select.simplified .md-select-value *:first-child {
	-webkit-transform: none;
	transform: none;
	height: auto;
}
md-select.simplified .md-select-value .md-select-icon {
	-webkit-transform: none;
	transform: none;
	font-size: 16px;
}
md-select.simplified .md-select-value .md-select-icon:after {
	top: 1px;
}
md-select[multiple] md-select-value > *:first-child {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
md-select[multiple] md-select-value > *:first-child > *:first-child {
	-webkit-box-flex: 0;
	-ms-flex: 0;
	flex: 0;
}
md-select[multiple] md-select-value > *:first-child .md-container {
	padding-right: 6px;
}
md-select[multiple] md-select-value > *:first-child .md-container:first-of-type {
	padding-right: 0;
}
md-select-menu md-select-header {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: auto;
	height: 48px;
	padding-left: 10.667px;
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
	cursor: pointer;
}
md-select-menu md-select-header input[type="search"] {
	border: none;
	outline: none;
	height: 100%;
	width: 100%;
	padding: 0;
}
md-sidenav {
	-webkit-overflow-scrolling: touch;
}
md-toolbar.colored-toolbar {
	color: rgba(255, 255, 255, 0.87);
}
md-toolbar.colored-toolbar md-menu-bar md-menu._md-open > button {
	background: rgba(0, 0, 0, 0.12);
}
md-toolbar.colored-toolbar md-menu._md-open > button {
	background: rgba(0, 0, 0, 0.12);
}
md-toolbar.colored-toolbar input {
	color: rgba(255, 255, 255, 0.87) !important;
}
md-progress-circular[disabled] {
	visibility: hidden;
}

/*----------------------------------------------------------------*/
/*  Colors
/*----------------------------------------------------------------*/
.black-fg,
.black-text {
  color: rgba(0, 0, 0, 0.87) !important; }
  .black-fg.secondary-text,
  .black-fg .secondary-text, .black-fg.icon,
  .black-fg .icon,
  .black-text.secondary-text,
  .black-text .secondary-text,
  .black-text.icon,
  .black-text .icon {
    color: rgba(0, 0, 0, 0.54) !important; }
  .black-fg.hint-text,
  .black-fg .hint-text, .black-fg.disabled-text,
  .black-fg .disabled-text,
  .black-text.hint-text,
  .black-text .hint-text,
  .black-text.disabled-text,
  .black-text .disabled-text {
    color: rgba(0, 0, 0, 0.26) !important; }
  .black-fg.divider,
  .black-fg .divider, .black-fg.faint-text,
  .black-fg .faint-text,
  .black-text.divider,
  .black-text .divider,
  .black-text.faint-text,
  .black-text .faint-text {
    color: rgba(0, 0, 0, 0.12) !important; }

.white-fg,
.white-text {
  color: #fff !important; }
  .white-fg.secondary-text,
  .white-fg .secondary-text, .white-fg.icon,
  .white-fg .icon,
  .white-text.secondary-text,
  .white-text .secondary-text,
  .white-text.icon,
  .white-text .icon {
    color: rgba(255, 255, 255, 0.7) !important; }
  .white-fg.hint-text,
  .white-fg .hint-text, .white-fg.disabled-text,
  .white-fg .disabled-text,
  .white-text.hint-text,
  .white-text .hint-text,
  .white-text.disabled-text,
  .white-text .disabled-text {
    color: rgba(255, 255, 255, 0.3) !important; }
  .white-fg.divider,
  .white-fg .divider, .white-fg.faint-text,
  .white-fg .faint-text,
  .white-text.divider,
  .white-text .divider,
  .white-text.faint-text,
  .white-text .faint-text {
    color: rgba(255, 255, 255, 0.12) !important; }
  .white-fg md-icon,
  .white-text md-icon {
    color: #FFFFFF; }
  .white-fg md-progress-linear .md-container,
  .white-text md-progress-linear .md-container {
    background: rgba(255, 255, 255, 0.3); }
  .white-fg md-progress-linear .md-bar,
  .white-text md-progress-linear .md-bar {
    background: rgba(255, 255, 255, 0.7); }

.red-50-bg {
  background-color: #FFEBEE !important; }

.md-red-50-bg {
  background-color: #FFEBEE !important;
  color: rgba(0, 0, 0, 0.87); }

.red-50-fg {
  color: #FFEBEE !important; }

.red-50-border {
  border-color: #FFEBEE !important; }

.red-50-border-top {
  border-top-color: #FFEBEE !important; }

.red-50-border-right {
  border-right-color: #FFEBEE !important; }

.red-50-border-bottom {
  border-bottom-color: #FFEBEE !important; }

.red-50-border-left {
  border-left-color: #FFEBEE !important; }

.red-100-bg {
  background-color: #FFCDD2 !important; }

.md-red-100-bg {
  background-color: #FFCDD2 !important;
  color: rgba(0, 0, 0, 0.87); }

.red-100-fg {
  color: #FFCDD2 !important; }

.red-100-border {
  border-color: #FFCDD2 !important; }

.red-100-border-top {
  border-top-color: #FFCDD2 !important; }

.red-100-border-right {
  border-right-color: #FFCDD2 !important; }

.red-100-border-bottom {
  border-bottom-color: #FFCDD2 !important; }

.red-100-border-left {
  border-left-color: #FFCDD2 !important; }

.red-200-bg {
  background-color: #EF9A9A !important; }

.md-red-200-bg {
  background-color: #EF9A9A !important;
  color: rgba(0, 0, 0, 0.87); }

.red-200-fg {
  color: #EF9A9A !important; }

.red-200-border {
  border-color: #EF9A9A !important; }

.red-200-border-top {
  border-top-color: #EF9A9A !important; }

.red-200-border-right {
  border-right-color: #EF9A9A !important; }

.red-200-border-bottom {
  border-bottom-color: #EF9A9A !important; }

.red-200-border-left {
  border-left-color: #EF9A9A !important; }

.red-300-bg {
  background-color: #E57373 !important; }

.md-red-300-bg {
  background-color: #E57373 !important;
  color: rgba(0, 0, 0, 0.87); }

.red-300-fg {
  color: #E57373 !important; }

.red-300-border {
  border-color: #E57373 !important; }

.red-300-border-top {
  border-top-color: #E57373 !important; }

.red-300-border-right {
  border-right-color: #E57373 !important; }

.red-300-border-bottom {
  border-bottom-color: #E57373 !important; }

.red-300-border-left {
  border-left-color: #E57373 !important; }

.red-400-bg {
  background-color: #EF5350 !important; }

.md-red-400-bg {
  background-color: #EF5350 !important;
  color: white; }

.red-400-fg {
  color: #EF5350 !important; }

.red-400-border {
  border-color: #EF5350 !important; }

.red-400-border-top {
  border-top-color: #EF5350 !important; }

.red-400-border-right {
  border-right-color: #EF5350 !important; }

.red-400-border-bottom {
  border-bottom-color: #EF5350 !important; }

.red-400-border-left {
  border-left-color: #EF5350 !important; }

.red-500-bg {
  background-color: #F44336 !important; }

.md-red-500-bg {
  background-color: #F44336 !important;
  color: white; }

.red-500-fg {
  color: #F44336 !important; }

.red-500-border {
  border-color: #F44336 !important; }

.red-500-border-top {
  border-top-color: #F44336 !important; }

.red-500-border-right {
  border-right-color: #F44336 !important; }

.red-500-border-bottom {
  border-bottom-color: #F44336 !important; }

.red-500-border-left {
  border-left-color: #F44336 !important; }

.md-red-bg {
  background-color: #F44336 !important;
  color: white; }

.red-bg {
  background-color: #F44336 !important; }

.red-fg {
  color: #F44336 !important; }

.red-border {
  border-color: #F44336 !important; }

.red-border-top {
  border-top-color: #F44336 !important; }

.red-border-right {
  border-right-color: #F44336 !important; }

.red-border-bottom {
  border-bottom-color: #F44336 !important; }

.red-border-left {
  border-left-color: #F44336 !important; }

.red-600-bg {
  background-color: #E53935 !important; }

.md-red-600-bg {
  background-color: #E53935 !important;
  color: white; }

.red-600-fg {
  color: #E53935 !important; }

.red-600-border {
  border-color: #E53935 !important; }

.red-600-border-top {
  border-top-color: #E53935 !important; }

.red-600-border-right {
  border-right-color: #E53935 !important; }

.red-600-border-bottom {
  border-bottom-color: #E53935 !important; }

.red-600-border-left {
  border-left-color: #E53935 !important; }

.red-700-bg {
  background-color: #D32F2F !important; }

.md-red-700-bg {
  background-color: #D32F2F !important;
  color: white; }

.red-700-fg {
  color: #D32F2F !important; }

.red-700-border {
  border-color: #D32F2F !important; }

.red-700-border-top {
  border-top-color: #D32F2F !important; }

.red-700-border-right {
  border-right-color: #D32F2F !important; }

.red-700-border-bottom {
  border-bottom-color: #D32F2F !important; }

.red-700-border-left {
  border-left-color: #D32F2F !important; }

.red-800-bg {
  background-color: #C62828 !important; }

.md-red-800-bg {
  background-color: #C62828 !important;
  color: rgba(255, 255, 255, 0.87); }

.red-800-fg {
  color: #C62828 !important; }

.red-800-border {
  border-color: #C62828 !important; }

.red-800-border-top {
  border-top-color: #C62828 !important; }

.red-800-border-right {
  border-right-color: #C62828 !important; }

.red-800-border-bottom {
  border-bottom-color: #C62828 !important; }

.red-800-border-left {
  border-left-color: #C62828 !important; }

.red-900-bg {
  background-color: #B71C1C !important; }

.md-red-900-bg {
  background-color: #B71C1C !important;
  color: rgba(255, 255, 255, 0.87); }

.red-900-fg {
  color: #B71C1C !important; }

.red-900-border {
  border-color: #B71C1C !important; }

.red-900-border-top {
  border-top-color: #B71C1C !important; }

.red-900-border-right {
  border-right-color: #B71C1C !important; }

.red-900-border-bottom {
  border-bottom-color: #B71C1C !important; }

.red-900-border-left {
  border-left-color: #B71C1C !important; }

.red-A100-bg {
  background-color: #FF8A80 !important; }

.md-red-A100-bg {
  background-color: #FF8A80 !important;
  color: rgba(0, 0, 0, 0.87); }

.red-A100-fg {
  color: #FF8A80 !important; }

.red-A100-border {
  border-color: #FF8A80 !important; }

.red-A100-border-top {
  border-top-color: #FF8A80 !important; }

.red-A100-border-right {
  border-right-color: #FF8A80 !important; }

.red-A100-border-bottom {
  border-bottom-color: #FF8A80 !important; }

.red-A100-border-left {
  border-left-color: #FF8A80 !important; }

.red-A200-bg {
  background-color: #FF5252 !important; }

.md-red-A200-bg {
  background-color: #FF5252 !important;
  color: white; }

.red-A200-fg {
  color: #FF5252 !important; }

.red-A200-border {
  border-color: #FF5252 !important; }

.red-A200-border-top {
  border-top-color: #FF5252 !important; }

.red-A200-border-right {
  border-right-color: #FF5252 !important; }

.red-A200-border-bottom {
  border-bottom-color: #FF5252 !important; }

.red-A200-border-left {
  border-left-color: #FF5252 !important; }

.red-A400-bg {
  background-color: #FF1744 !important; }

.md-red-A400-bg {
  background-color: #FF1744 !important;
  color: white; }

.red-A400-fg {
  color: #FF1744 !important; }

.red-A400-border {
  border-color: #FF1744 !important; }

.red-A400-border-top {
  border-top-color: #FF1744 !important; }

.red-A400-border-right {
  border-right-color: #FF1744 !important; }

.red-A400-border-bottom {
  border-bottom-color: #FF1744 !important; }

.red-A400-border-left {
  border-left-color: #FF1744 !important; }

.red-A700-bg {
  background-color: #D50000 !important; }

.md-red-A700-bg {
  background-color: #D50000 !important;
  color: white; }

.red-A700-fg {
  color: #D50000 !important; }

.red-A700-border {
  border-color: #D50000 !important; }

.red-A700-border-top {
  border-top-color: #D50000 !important; }

.red-A700-border-right {
  border-right-color: #D50000 !important; }

.red-A700-border-bottom {
  border-bottom-color: #D50000 !important; }

.red-A700-border-left {
  border-left-color: #D50000 !important; }

.pink-50-bg {
  background-color: #FCE4EC !important; }

.md-pink-50-bg {
  background-color: #FCE4EC !important;
  color: rgba(0, 0, 0, 0.87); }

.pink-50-fg {
  color: #FCE4EC !important; }

.pink-50-border {
  border-color: #FCE4EC !important; }

.pink-50-border-top {
  border-top-color: #FCE4EC !important; }

.pink-50-border-right {
  border-right-color: #FCE4EC !important; }

.pink-50-border-bottom {
  border-bottom-color: #FCE4EC !important; }

.pink-50-border-left {
  border-left-color: #FCE4EC !important; }

.pink-100-bg {
  background-color: #F8BBD0 !important; }

.md-pink-100-bg {
  background-color: #F8BBD0 !important;
  color: rgba(0, 0, 0, 0.87); }

.pink-100-fg {
  color: #F8BBD0 !important; }

.pink-100-border {
  border-color: #F8BBD0 !important; }

.pink-100-border-top {
  border-top-color: #F8BBD0 !important; }

.pink-100-border-right {
  border-right-color: #F8BBD0 !important; }

.pink-100-border-bottom {
  border-bottom-color: #F8BBD0 !important; }

.pink-100-border-left {
  border-left-color: #F8BBD0 !important; }

.pink-200-bg {
  background-color: #F48FB1 !important; }

.md-pink-200-bg {
  background-color: #F48FB1 !important;
  color: rgba(0, 0, 0, 0.87); }

.pink-200-fg {
  color: #F48FB1 !important; }

.pink-200-border {
  border-color: #F48FB1 !important; }

.pink-200-border-top {
  border-top-color: #F48FB1 !important; }

.pink-200-border-right {
  border-right-color: #F48FB1 !important; }

.pink-200-border-bottom {
  border-bottom-color: #F48FB1 !important; }

.pink-200-border-left {
  border-left-color: #F48FB1 !important; }

.pink-300-bg {
  background-color: #F06292 !important; }

.md-pink-300-bg {
  background-color: #F06292 !important;
  color: rgba(255, 255, 255, 0.87); }

.pink-300-fg {
  color: #F06292 !important; }

.pink-300-border {
  border-color: #F06292 !important; }

.pink-300-border-top {
  border-top-color: #F06292 !important; }

.pink-300-border-right {
  border-right-color: #F06292 !important; }

.pink-300-border-bottom {
  border-bottom-color: #F06292 !important; }

.pink-300-border-left {
  border-left-color: #F06292 !important; }

.pink-400-bg {
  background-color: #EC407A !important; }

.md-pink-400-bg {
  background-color: #EC407A !important;
  color: rgba(255, 255, 255, 0.87); }

.pink-400-fg {
  color: #EC407A !important; }

.pink-400-border {
  border-color: #EC407A !important; }

.pink-400-border-top {
  border-top-color: #EC407A !important; }

.pink-400-border-right {
  border-right-color: #EC407A !important; }

.pink-400-border-bottom {
  border-bottom-color: #EC407A !important; }

.pink-400-border-left {
  border-left-color: #EC407A !important; }

.pink-500-bg {
  background-color: #E91E63 !important; }

.md-pink-500-bg {
  background-color: #E91E63 !important;
  color: white; }

.pink-500-fg {
  color: #E91E63 !important; }

.pink-500-border {
  border-color: #E91E63 !important; }

.pink-500-border-top {
  border-top-color: #E91E63 !important; }

.pink-500-border-right {
  border-right-color: #E91E63 !important; }

.pink-500-border-bottom {
  border-bottom-color: #E91E63 !important; }

.pink-500-border-left {
  border-left-color: #E91E63 !important; }

.md-pink-bg {
  background-color: #E91E63 !important;
  color: white; }

.pink-bg {
  background-color: #E91E63 !important; }

.pink-fg {
  color: #E91E63 !important; }

.pink-border {
  border-color: #E91E63 !important; }

.pink-border-top {
  border-top-color: #E91E63 !important; }

.pink-border-right {
  border-right-color: #E91E63 !important; }

.pink-border-bottom {
  border-bottom-color: #E91E63 !important; }

.pink-border-left {
  border-left-color: #E91E63 !important; }

.pink-600-bg {
  background-color: #D81B60 !important; }

.md-pink-600-bg {
  background-color: #D81B60 !important;
  color: white; }

.pink-600-fg {
  color: #D81B60 !important; }

.pink-600-border {
  border-color: #D81B60 !important; }

.pink-600-border-top {
  border-top-color: #D81B60 !important; }

.pink-600-border-right {
  border-right-color: #D81B60 !important; }

.pink-600-border-bottom {
  border-bottom-color: #D81B60 !important; }

.pink-600-border-left {
  border-left-color: #D81B60 !important; }

.pink-700-bg {
  background-color: #C2185B !important; }

.md-pink-700-bg {
  background-color: #C2185B !important;
  color: rgba(255, 255, 255, 0.87); }

.pink-700-fg {
  color: #C2185B !important; }

.pink-700-border {
  border-color: #C2185B !important; }

.pink-700-border-top {
  border-top-color: #C2185B !important; }

.pink-700-border-right {
  border-right-color: #C2185B !important; }

.pink-700-border-bottom {
  border-bottom-color: #C2185B !important; }

.pink-700-border-left {
  border-left-color: #C2185B !important; }

.pink-800-bg {
  background-color: #AD1457 !important; }

.md-pink-800-bg {
  background-color: #AD1457 !important;
  color: rgba(255, 255, 255, 0.87); }

.pink-800-fg {
  color: #AD1457 !important; }

.pink-800-border {
  border-color: #AD1457 !important; }

.pink-800-border-top {
  border-top-color: #AD1457 !important; }

.pink-800-border-right {
  border-right-color: #AD1457 !important; }

.pink-800-border-bottom {
  border-bottom-color: #AD1457 !important; }

.pink-800-border-left {
  border-left-color: #AD1457 !important; }

.pink-900-bg {
  background-color: #880E4F !important; }

.md-pink-900-bg {
  background-color: #880E4F !important;
  color: rgba(255, 255, 255, 0.87); }

.pink-900-fg {
  color: #880E4F !important; }

.pink-900-border {
  border-color: #880E4F !important; }

.pink-900-border-top {
  border-top-color: #880E4F !important; }

.pink-900-border-right {
  border-right-color: #880E4F !important; }

.pink-900-border-bottom {
  border-bottom-color: #880E4F !important; }

.pink-900-border-left {
  border-left-color: #880E4F !important; }

.pink-A100-bg {
  background-color: #FF80AB !important; }

.md-pink-A100-bg {
  background-color: #FF80AB !important;
  color: rgba(0, 0, 0, 0.87); }

.pink-A100-fg {
  color: #FF80AB !important; }

.pink-A100-border {
  border-color: #FF80AB !important; }

.pink-A100-border-top {
  border-top-color: #FF80AB !important; }

.pink-A100-border-right {
  border-right-color: #FF80AB !important; }

.pink-A100-border-bottom {
  border-bottom-color: #FF80AB !important; }

.pink-A100-border-left {
  border-left-color: #FF80AB !important; }

.pink-A200-bg {
  background-color: #FF4081 !important; }

.md-pink-A200-bg {
  background-color: #FF4081 !important;
  color: white; }

.pink-A200-fg {
  color: #FF4081 !important; }

.pink-A200-border {
  border-color: #FF4081 !important; }

.pink-A200-border-top {
  border-top-color: #FF4081 !important; }

.pink-A200-border-right {
  border-right-color: #FF4081 !important; }

.pink-A200-border-bottom {
  border-bottom-color: #FF4081 !important; }

.pink-A200-border-left {
  border-left-color: #FF4081 !important; }

.pink-A400-bg {
  background-color: #F50057 !important; }

.md-pink-A400-bg {
  background-color: #F50057 !important;
  color: white; }

.pink-A400-fg {
  color: #F50057 !important; }

.pink-A400-border {
  border-color: #F50057 !important; }

.pink-A400-border-top {
  border-top-color: #F50057 !important; }

.pink-A400-border-right {
  border-right-color: #F50057 !important; }

.pink-A400-border-bottom {
  border-bottom-color: #F50057 !important; }

.pink-A400-border-left {
  border-left-color: #F50057 !important; }

.pink-A700-bg {
  background-color: #C51162 !important; }

.md-pink-A700-bg {
  background-color: #C51162 !important;
  color: white; }

.pink-A700-fg {
  color: #C51162 !important; }

.pink-A700-border {
  border-color: #C51162 !important; }

.pink-A700-border-top {
  border-top-color: #C51162 !important; }

.pink-A700-border-right {
  border-right-color: #C51162 !important; }

.pink-A700-border-bottom {
  border-bottom-color: #C51162 !important; }

.pink-A700-border-left {
  border-left-color: #C51162 !important; }

.purple-50-bg {
  background-color: #F3E5F5 !important; }

.md-purple-50-bg {
  background-color: #F3E5F5 !important;
  color: rgba(0, 0, 0, 0.87); }

.purple-50-fg {
  color: #F3E5F5 !important; }

.purple-50-border {
  border-color: #F3E5F5 !important; }

.purple-50-border-top {
  border-top-color: #F3E5F5 !important; }

.purple-50-border-right {
  border-right-color: #F3E5F5 !important; }

.purple-50-border-bottom {
  border-bottom-color: #F3E5F5 !important; }

.purple-50-border-left {
  border-left-color: #F3E5F5 !important; }

.purple-100-bg {
  background-color: #E1BEE7 !important; }

.md-purple-100-bg {
  background-color: #E1BEE7 !important;
  color: rgba(0, 0, 0, 0.87); }

.purple-100-fg {
  color: #E1BEE7 !important; }

.purple-100-border {
  border-color: #E1BEE7 !important; }

.purple-100-border-top {
  border-top-color: #E1BEE7 !important; }

.purple-100-border-right {
  border-right-color: #E1BEE7 !important; }

.purple-100-border-bottom {
  border-bottom-color: #E1BEE7 !important; }

.purple-100-border-left {
  border-left-color: #E1BEE7 !important; }

.purple-200-bg {
  background-color: #CE93D8 !important; }

.md-purple-200-bg {
  background-color: #CE93D8 !important;
  color: rgba(0, 0, 0, 0.87); }

.purple-200-fg {
  color: #CE93D8 !important; }

.purple-200-border {
  border-color: #CE93D8 !important; }

.purple-200-border-top {
  border-top-color: #CE93D8 !important; }

.purple-200-border-right {
  border-right-color: #CE93D8 !important; }

.purple-200-border-bottom {
  border-bottom-color: #CE93D8 !important; }

.purple-200-border-left {
  border-left-color: #CE93D8 !important; }

.purple-300-bg {
  background-color: #BA68C8 !important; }

.md-purple-300-bg {
  background-color: #BA68C8 !important;
  color: white; }

.purple-300-fg {
  color: #BA68C8 !important; }

.purple-300-border {
  border-color: #BA68C8 !important; }

.purple-300-border-top {
  border-top-color: #BA68C8 !important; }

.purple-300-border-right {
  border-right-color: #BA68C8 !important; }

.purple-300-border-bottom {
  border-bottom-color: #BA68C8 !important; }

.purple-300-border-left {
  border-left-color: #BA68C8 !important; }

.purple-400-bg {
  background-color: #AB47BC !important; }

.md-purple-400-bg {
  background-color: #AB47BC !important;
  color: white; }

.purple-400-fg {
  color: #AB47BC !important; }

.purple-400-border {
  border-color: #AB47BC !important; }

.purple-400-border-top {
  border-top-color: #AB47BC !important; }

.purple-400-border-right {
  border-right-color: #AB47BC !important; }

.purple-400-border-bottom {
  border-bottom-color: #AB47BC !important; }

.purple-400-border-left {
  border-left-color: #AB47BC !important; }

.purple-500-bg {
  background-color: #9C27B0 !important; }

.md-purple-500-bg {
  background-color: #9C27B0 !important;
  color: rgba(255, 255, 255, 0.87); }

.purple-500-fg {
  color: #9C27B0 !important; }

.purple-500-border {
  border-color: #9C27B0 !important; }

.purple-500-border-top {
  border-top-color: #9C27B0 !important; }

.purple-500-border-right {
  border-right-color: #9C27B0 !important; }

.purple-500-border-bottom {
  border-bottom-color: #9C27B0 !important; }

.purple-500-border-left {
  border-left-color: #9C27B0 !important; }

.md-purple-bg {
  background-color: #9C27B0 !important;
  color: rgba(255, 255, 255, 0.87); }

.purple-bg {
  background-color: #9C27B0 !important; }

.purple-fg {
  color: #9C27B0 !important; }

.purple-border {
  border-color: #9C27B0 !important; }

.purple-border-top {
  border-top-color: #9C27B0 !important; }

.purple-border-right {
  border-right-color: #9C27B0 !important; }

.purple-border-bottom {
  border-bottom-color: #9C27B0 !important; }

.purple-border-left {
  border-left-color: #9C27B0 !important; }

.purple-600-bg {
  background-color: #8E24AA !important; }

.md-purple-600-bg {
  background-color: #8E24AA !important;
  color: rgba(255, 255, 255, 0.87); }

.purple-600-fg {
  color: #8E24AA !important; }

.purple-600-border {
  border-color: #8E24AA !important; }

.purple-600-border-top {
  border-top-color: #8E24AA !important; }

.purple-600-border-right {
  border-right-color: #8E24AA !important; }

.purple-600-border-bottom {
  border-bottom-color: #8E24AA !important; }

.purple-600-border-left {
  border-left-color: #8E24AA !important; }

.purple-700-bg {
  background-color: #7B1FA2 !important; }

.md-purple-700-bg {
  background-color: #7B1FA2 !important;
  color: rgba(255, 255, 255, 0.87); }

.purple-700-fg {
  color: #7B1FA2 !important; }

.purple-700-border {
  border-color: #7B1FA2 !important; }

.purple-700-border-top {
  border-top-color: #7B1FA2 !important; }

.purple-700-border-right {
  border-right-color: #7B1FA2 !important; }

.purple-700-border-bottom {
  border-bottom-color: #7B1FA2 !important; }

.purple-700-border-left {
  border-left-color: #7B1FA2 !important; }

.purple-800-bg {
  background-color: #6A1B9A !important; }

.md-purple-800-bg {
  background-color: #6A1B9A !important;
  color: rgba(255, 255, 255, 0.87); }

.purple-800-fg {
  color: #6A1B9A !important; }

.purple-800-border {
  border-color: #6A1B9A !important; }

.purple-800-border-top {
  border-top-color: #6A1B9A !important; }

.purple-800-border-right {
  border-right-color: #6A1B9A !important; }

.purple-800-border-bottom {
  border-bottom-color: #6A1B9A !important; }

.purple-800-border-left {
  border-left-color: #6A1B9A !important; }

.purple-900-bg {
  background-color: #4A148C !important; }

.md-purple-900-bg {
  background-color: #4A148C !important;
  color: rgba(255, 255, 255, 0.87); }

.purple-900-fg {
  color: #4A148C !important; }

.purple-900-border {
  border-color: #4A148C !important; }

.purple-900-border-top {
  border-top-color: #4A148C !important; }

.purple-900-border-right {
  border-right-color: #4A148C !important; }

.purple-900-border-bottom {
  border-bottom-color: #4A148C !important; }

.purple-900-border-left {
  border-left-color: #4A148C !important; }

.purple-A100-bg {
  background-color: #EA80FC !important; }

.md-purple-A100-bg {
  background-color: #EA80FC !important;
  color: rgba(0, 0, 0, 0.87); }

.purple-A100-fg {
  color: #EA80FC !important; }

.purple-A100-border {
  border-color: #EA80FC !important; }

.purple-A100-border-top {
  border-top-color: #EA80FC !important; }

.purple-A100-border-right {
  border-right-color: #EA80FC !important; }

.purple-A100-border-bottom {
  border-bottom-color: #EA80FC !important; }

.purple-A100-border-left {
  border-left-color: #EA80FC !important; }

.purple-A200-bg {
  background-color: #E040FB !important; }

.md-purple-A200-bg {
  background-color: #E040FB !important;
  color: white; }

.purple-A200-fg {
  color: #E040FB !important; }

.purple-A200-border {
  border-color: #E040FB !important; }

.purple-A200-border-top {
  border-top-color: #E040FB !important; }

.purple-A200-border-right {
  border-right-color: #E040FB !important; }

.purple-A200-border-bottom {
  border-bottom-color: #E040FB !important; }

.purple-A200-border-left {
  border-left-color: #E040FB !important; }

.purple-A400-bg {
  background-color: #D500F9 !important; }

.md-purple-A400-bg {
  background-color: #D500F9 !important;
  color: white; }

.purple-A400-fg {
  color: #D500F9 !important; }

.purple-A400-border {
  border-color: #D500F9 !important; }

.purple-A400-border-top {
  border-top-color: #D500F9 !important; }

.purple-A400-border-right {
  border-right-color: #D500F9 !important; }

.purple-A400-border-bottom {
  border-bottom-color: #D500F9 !important; }

.purple-A400-border-left {
  border-left-color: #D500F9 !important; }

.purple-A700-bg {
  background-color: #AA00FF !important; }

.md-purple-A700-bg {
  background-color: #AA00FF !important;
  color: white; }

.purple-A700-fg {
  color: #AA00FF !important; }

.purple-A700-border {
  border-color: #AA00FF !important; }

.purple-A700-border-top {
  border-top-color: #AA00FF !important; }

.purple-A700-border-right {
  border-right-color: #AA00FF !important; }

.purple-A700-border-bottom {
  border-bottom-color: #AA00FF !important; }

.purple-A700-border-left {
  border-left-color: #AA00FF !important; }

.deep-purple-50-bg {
  background-color: #EDE7F6 !important; }

.md-deep-purple-50-bg {
  background-color: #EDE7F6 !important;
  color: rgba(0, 0, 0, 0.87); }

.deep-purple-50-fg {
  color: #EDE7F6 !important; }

.deep-purple-50-border {
  border-color: #EDE7F6 !important; }

.deep-purple-50-border-top {
  border-top-color: #EDE7F6 !important; }

.deep-purple-50-border-right {
  border-right-color: #EDE7F6 !important; }

.deep-purple-50-border-bottom {
  border-bottom-color: #EDE7F6 !important; }

.deep-purple-50-border-left {
  border-left-color: #EDE7F6 !important; }

.deep-purple-100-bg {
  background-color: #D1C4E9 !important; }

.md-deep-purple-100-bg {
  background-color: #D1C4E9 !important;
  color: rgba(0, 0, 0, 0.87); }

.deep-purple-100-fg {
  color: #D1C4E9 !important; }

.deep-purple-100-border {
  border-color: #D1C4E9 !important; }

.deep-purple-100-border-top {
  border-top-color: #D1C4E9 !important; }

.deep-purple-100-border-right {
  border-right-color: #D1C4E9 !important; }

.deep-purple-100-border-bottom {
  border-bottom-color: #D1C4E9 !important; }

.deep-purple-100-border-left {
  border-left-color: #D1C4E9 !important; }

.deep-purple-200-bg {
  background-color: #B39DDB !important; }

.md-deep-purple-200-bg {
  background-color: #B39DDB !important;
  color: rgba(0, 0, 0, 0.87); }

.deep-purple-200-fg {
  color: #B39DDB !important; }

.deep-purple-200-border {
  border-color: #B39DDB !important; }

.deep-purple-200-border-top {
  border-top-color: #B39DDB !important; }

.deep-purple-200-border-right {
  border-right-color: #B39DDB !important; }

.deep-purple-200-border-bottom {
  border-bottom-color: #B39DDB !important; }

.deep-purple-200-border-left {
  border-left-color: #B39DDB !important; }

.deep-purple-300-bg {
  background-color: #9575CD !important; }

.md-deep-purple-300-bg {
  background-color: #9575CD !important;
  color: white; }

.deep-purple-300-fg {
  color: #9575CD !important; }

.deep-purple-300-border {
  border-color: #9575CD !important; }

.deep-purple-300-border-top {
  border-top-color: #9575CD !important; }

.deep-purple-300-border-right {
  border-right-color: #9575CD !important; }

.deep-purple-300-border-bottom {
  border-bottom-color: #9575CD !important; }

.deep-purple-300-border-left {
  border-left-color: #9575CD !important; }

.deep-purple-400-bg {
  background-color: #7E57C2 !important; }

.md-deep-purple-400-bg {
  background-color: #7E57C2 !important;
  color: white; }

.deep-purple-400-fg {
  color: #7E57C2 !important; }

.deep-purple-400-border {
  border-color: #7E57C2 !important; }

.deep-purple-400-border-top {
  border-top-color: #7E57C2 !important; }

.deep-purple-400-border-right {
  border-right-color: #7E57C2 !important; }

.deep-purple-400-border-bottom {
  border-bottom-color: #7E57C2 !important; }

.deep-purple-400-border-left {
  border-left-color: #7E57C2 !important; }

.deep-purple-500-bg {
  background-color: #673AB7 !important; }

.md-deep-purple-500-bg {
  background-color: #673AB7 !important;
  color: rgba(255, 255, 255, 0.87); }

.deep-purple-500-fg {
  color: #673AB7 !important; }

.deep-purple-500-border {
  border-color: #673AB7 !important; }

.deep-purple-500-border-top {
  border-top-color: #673AB7 !important; }

.deep-purple-500-border-right {
  border-right-color: #673AB7 !important; }

.deep-purple-500-border-bottom {
  border-bottom-color: #673AB7 !important; }

.deep-purple-500-border-left {
  border-left-color: #673AB7 !important; }

.md-deep-purple-bg {
  background-color: #673AB7 !important;
  color: rgba(255, 255, 255, 0.87); }

.deep-purple-bg {
  background-color: #673AB7 !important; }

.deep-purple-fg {
  color: #673AB7 !important; }

.deep-purple-border {
  border-color: #673AB7 !important; }

.deep-purple-border-top {
  border-top-color: #673AB7 !important; }

.deep-purple-border-right {
  border-right-color: #673AB7 !important; }

.deep-purple-border-bottom {
  border-bottom-color: #673AB7 !important; }

.deep-purple-border-left {
  border-left-color: #673AB7 !important; }

.deep-purple-600-bg {
  background-color: #5E35B1 !important; }

.md-deep-purple-600-bg {
  background-color: #5E35B1 !important;
  color: rgba(255, 255, 255, 0.87); }

.deep-purple-600-fg {
  color: #5E35B1 !important; }

.deep-purple-600-border {
  border-color: #5E35B1 !important; }

.deep-purple-600-border-top {
  border-top-color: #5E35B1 !important; }

.deep-purple-600-border-right {
  border-right-color: #5E35B1 !important; }

.deep-purple-600-border-bottom {
  border-bottom-color: #5E35B1 !important; }

.deep-purple-600-border-left {
  border-left-color: #5E35B1 !important; }

.deep-purple-700-bg {
  background-color: #512DA8 !important; }

.md-deep-purple-700-bg {
  background-color: #512DA8 !important;
  color: rgba(255, 255, 255, 0.87); }

.deep-purple-700-fg {
  color: #512DA8 !important; }

.deep-purple-700-border {
  border-color: #512DA8 !important; }

.deep-purple-700-border-top {
  border-top-color: #512DA8 !important; }

.deep-purple-700-border-right {
  border-right-color: #512DA8 !important; }

.deep-purple-700-border-bottom {
  border-bottom-color: #512DA8 !important; }

.deep-purple-700-border-left {
  border-left-color: #512DA8 !important; }

.deep-purple-800-bg {
  background-color: #4527A0 !important; }

.md-deep-purple-800-bg {
  background-color: #4527A0 !important;
  color: rgba(255, 255, 255, 0.87); }

.deep-purple-800-fg {
  color: #4527A0 !important; }

.deep-purple-800-border {
  border-color: #4527A0 !important; }

.deep-purple-800-border-top {
  border-top-color: #4527A0 !important; }

.deep-purple-800-border-right {
  border-right-color: #4527A0 !important; }

.deep-purple-800-border-bottom {
  border-bottom-color: #4527A0 !important; }

.deep-purple-800-border-left {
  border-left-color: #4527A0 !important; }

.deep-purple-900-bg {
  background-color: #311B92 !important; }

.md-deep-purple-900-bg {
  background-color: #311B92 !important;
  color: rgba(255, 255, 255, 0.87); }

.deep-purple-900-fg {
  color: #311B92 !important; }

.deep-purple-900-border {
  border-color: #311B92 !important; }

.deep-purple-900-border-top {
  border-top-color: #311B92 !important; }

.deep-purple-900-border-right {
  border-right-color: #311B92 !important; }

.deep-purple-900-border-bottom {
  border-bottom-color: #311B92 !important; }

.deep-purple-900-border-left {
  border-left-color: #311B92 !important; }

.deep-purple-A100-bg {
  background-color: #B388FF !important; }

.md-deep-purple-A100-bg {
  background-color: #B388FF !important;
  color: rgba(0, 0, 0, 0.87); }

.deep-purple-A100-fg {
  color: #B388FF !important; }

.deep-purple-A100-border {
  border-color: #B388FF !important; }

.deep-purple-A100-border-top {
  border-top-color: #B388FF !important; }

.deep-purple-A100-border-right {
  border-right-color: #B388FF !important; }

.deep-purple-A100-border-bottom {
  border-bottom-color: #B388FF !important; }

.deep-purple-A100-border-left {
  border-left-color: #B388FF !important; }

.deep-purple-A200-bg {
  background-color: #7C4DFF !important; }

.md-deep-purple-A200-bg {
  background-color: #7C4DFF !important;
  color: white; }

.deep-purple-A200-fg {
  color: #7C4DFF !important; }

.deep-purple-A200-border {
  border-color: #7C4DFF !important; }

.deep-purple-A200-border-top {
  border-top-color: #7C4DFF !important; }

.deep-purple-A200-border-right {
  border-right-color: #7C4DFF !important; }

.deep-purple-A200-border-bottom {
  border-bottom-color: #7C4DFF !important; }

.deep-purple-A200-border-left {
  border-left-color: #7C4DFF !important; }

.deep-purple-A400-bg {
  background-color: #651FFF !important; }

.md-deep-purple-A400-bg {
  background-color: #651FFF !important;
  color: rgba(255, 255, 255, 0.87); }

.deep-purple-A400-fg {
  color: #651FFF !important; }

.deep-purple-A400-border {
  border-color: #651FFF !important; }

.deep-purple-A400-border-top {
  border-top-color: #651FFF !important; }

.deep-purple-A400-border-right {
  border-right-color: #651FFF !important; }

.deep-purple-A400-border-bottom {
  border-bottom-color: #651FFF !important; }

.deep-purple-A400-border-left {
  border-left-color: #651FFF !important; }

.deep-purple-A700-bg {
  background-color: #6200EA !important; }

.md-deep-purple-A700-bg {
  background-color: #6200EA !important;
  color: rgba(255, 255, 255, 0.87); }

.deep-purple-A700-fg {
  color: #6200EA !important; }

.deep-purple-A700-border {
  border-color: #6200EA !important; }

.deep-purple-A700-border-top {
  border-top-color: #6200EA !important; }

.deep-purple-A700-border-right {
  border-right-color: #6200EA !important; }

.deep-purple-A700-border-bottom {
  border-bottom-color: #6200EA !important; }

.deep-purple-A700-border-left {
  border-left-color: #6200EA !important; }

.indigo-50-bg {
  background-color: #E8EAF6 !important; }

.md-indigo-50-bg {
  background-color: #E8EAF6 !important;
  color: rgba(0, 0, 0, 0.87); }

.indigo-50-fg {
  color: #E8EAF6 !important; }

.indigo-50-border {
  border-color: #E8EAF6 !important; }

.indigo-50-border-top {
  border-top-color: #E8EAF6 !important; }

.indigo-50-border-right {
  border-right-color: #E8EAF6 !important; }

.indigo-50-border-bottom {
  border-bottom-color: #E8EAF6 !important; }

.indigo-50-border-left {
  border-left-color: #E8EAF6 !important; }

.indigo-100-bg {
  background-color: #C5CAE9 !important; }

.md-indigo-100-bg {
  background-color: #C5CAE9 !important;
  color: rgba(0, 0, 0, 0.87); }

.indigo-100-fg {
  color: #C5CAE9 !important; }

.indigo-100-border {
  border-color: #C5CAE9 !important; }

.indigo-100-border-top {
  border-top-color: #C5CAE9 !important; }

.indigo-100-border-right {
  border-right-color: #C5CAE9 !important; }

.indigo-100-border-bottom {
  border-bottom-color: #C5CAE9 !important; }

.indigo-100-border-left {
  border-left-color: #C5CAE9 !important; }

.indigo-200-bg {
  background-color: #9FA8DA !important; }

.md-indigo-200-bg {
  background-color: #9FA8DA !important;
  color: rgba(0, 0, 0, 0.87); }

.indigo-200-fg {
  color: #9FA8DA !important; }

.indigo-200-border {
  border-color: #9FA8DA !important; }

.indigo-200-border-top {
  border-top-color: #9FA8DA !important; }

.indigo-200-border-right {
  border-right-color: #9FA8DA !important; }

.indigo-200-border-bottom {
  border-bottom-color: #9FA8DA !important; }

.indigo-200-border-left {
  border-left-color: #9FA8DA !important; }

.indigo-300-bg {
  background-color: #7986CB !important; }

.md-indigo-300-bg {
  background-color: #7986CB !important;
  color: white; }

.indigo-300-fg {
  color: #7986CB !important; }

.indigo-300-border {
  border-color: #7986CB !important; }

.indigo-300-border-top {
  border-top-color: #7986CB !important; }

.indigo-300-border-right {
  border-right-color: #7986CB !important; }

.indigo-300-border-bottom {
  border-bottom-color: #7986CB !important; }

.indigo-300-border-left {
  border-left-color: #7986CB !important; }

.indigo-400-bg {
  background-color: #5C6BC0 !important; }

.md-indigo-400-bg {
  background-color: #5C6BC0 !important;
  color: white; }

.indigo-400-fg {
  color: #5C6BC0 !important; }

.indigo-400-border {
  border-color: #5C6BC0 !important; }

.indigo-400-border-top {
  border-top-color: #5C6BC0 !important; }

.indigo-400-border-right {
  border-right-color: #5C6BC0 !important; }

.indigo-400-border-bottom {
  border-bottom-color: #5C6BC0 !important; }

.indigo-400-border-left {
  border-left-color: #5C6BC0 !important; }

.indigo-500-bg {
  background-color: #3F51B5 !important; }

.md-indigo-500-bg {
  background-color: #3F51B5 !important;
  color: rgba(255, 255, 255, 0.87); }

.indigo-500-fg {
  color: #3F51B5 !important; }

.indigo-500-border {
  border-color: #3F51B5 !important; }

.indigo-500-border-top {
  border-top-color: #3F51B5 !important; }

.indigo-500-border-right {
  border-right-color: #3F51B5 !important; }

.indigo-500-border-bottom {
  border-bottom-color: #3F51B5 !important; }

.indigo-500-border-left {
  border-left-color: #3F51B5 !important; }

.md-indigo-bg {
  background-color: #3F51B5 !important;
  color: rgba(255, 255, 255, 0.87); }

.indigo-bg {
  background-color: #3F51B5 !important; }

.indigo-fg {
  color: #3F51B5 !important; }

.indigo-border {
  border-color: #3F51B5 !important; }

.indigo-border-top {
  border-top-color: #3F51B5 !important; }

.indigo-border-right {
  border-right-color: #3F51B5 !important; }

.indigo-border-bottom {
  border-bottom-color: #3F51B5 !important; }

.indigo-border-left {
  border-left-color: #3F51B5 !important; }

.indigo-600-bg {
  background-color: #3949AB !important; }

.md-indigo-600-bg {
  background-color: #3949AB !important;
  color: rgba(255, 255, 255, 0.87); }

.indigo-600-fg {
  color: #3949AB !important; }

.indigo-600-border {
  border-color: #3949AB !important; }

.indigo-600-border-top {
  border-top-color: #3949AB !important; }

.indigo-600-border-right {
  border-right-color: #3949AB !important; }

.indigo-600-border-bottom {
  border-bottom-color: #3949AB !important; }

.indigo-600-border-left {
  border-left-color: #3949AB !important; }

.indigo-700-bg {
  background-color: #303F9F !important; }

.md-indigo-700-bg {
  background-color: #303F9F !important;
  color: rgba(255, 255, 255, 0.87); }

.indigo-700-fg {
  color: #303F9F !important; }

.indigo-700-border {
  border-color: #303F9F !important; }

.indigo-700-border-top {
  border-top-color: #303F9F !important; }

.indigo-700-border-right {
  border-right-color: #303F9F !important; }

.indigo-700-border-bottom {
  border-bottom-color: #303F9F !important; }

.indigo-700-border-left {
  border-left-color: #303F9F !important; }

.indigo-800-bg {
  background-color: #283593 !important; }

.md-indigo-800-bg {
  background-color: #283593 !important;
  color: rgba(255, 255, 255, 0.87); }

.indigo-800-fg {
  color: #283593 !important; }

.indigo-800-border {
  border-color: #283593 !important; }

.indigo-800-border-top {
  border-top-color: #283593 !important; }

.indigo-800-border-right {
  border-right-color: #283593 !important; }

.indigo-800-border-bottom {
  border-bottom-color: #283593 !important; }

.indigo-800-border-left {
  border-left-color: #283593 !important; }

.indigo-900-bg {
  background-color: #1A237E !important; }

.md-indigo-900-bg {
  background-color: #1A237E !important;
  color: rgba(255, 255, 255, 0.87); }

.indigo-900-fg {
  color: #1A237E !important; }

.indigo-900-border {
  border-color: #1A237E !important; }

.indigo-900-border-top {
  border-top-color: #1A237E !important; }

.indigo-900-border-right {
  border-right-color: #1A237E !important; }

.indigo-900-border-bottom {
  border-bottom-color: #1A237E !important; }

.indigo-900-border-left {
  border-left-color: #1A237E !important; }

.indigo-A100-bg {
  background-color: #8C9EFF !important; }

.md-indigo-A100-bg {
  background-color: #8C9EFF !important;
  color: rgba(0, 0, 0, 0.87); }

.indigo-A100-fg {
  color: #8C9EFF !important; }

.indigo-A100-border {
  border-color: #8C9EFF !important; }

.indigo-A100-border-top {
  border-top-color: #8C9EFF !important; }

.indigo-A100-border-right {
  border-right-color: #8C9EFF !important; }

.indigo-A100-border-bottom {
  border-bottom-color: #8C9EFF !important; }

.indigo-A100-border-left {
  border-left-color: #8C9EFF !important; }

.indigo-A200-bg {
  background-color: #536DFE !important; }

.md-indigo-A200-bg {
  background-color: #536DFE !important;
  color: white; }

.indigo-A200-fg {
  color: #536DFE !important; }

.indigo-A200-border {
  border-color: #536DFE !important; }

.indigo-A200-border-top {
  border-top-color: #536DFE !important; }

.indigo-A200-border-right {
  border-right-color: #536DFE !important; }

.indigo-A200-border-bottom {
  border-bottom-color: #536DFE !important; }

.indigo-A200-border-left {
  border-left-color: #536DFE !important; }

.indigo-A400-bg {
  background-color: #3D5AFE !important; }

.md-indigo-A400-bg {
  background-color: #3D5AFE !important;
  color: white; }

.indigo-A400-fg {
  color: #3D5AFE !important; }

.indigo-A400-border {
  border-color: #3D5AFE !important; }

.indigo-A400-border-top {
  border-top-color: #3D5AFE !important; }

.indigo-A400-border-right {
  border-right-color: #3D5AFE !important; }

.indigo-A400-border-bottom {
  border-bottom-color: #3D5AFE !important; }

.indigo-A400-border-left {
  border-left-color: #3D5AFE !important; }

.indigo-A700-bg {
  background-color: #304FFE !important; }

.md-indigo-A700-bg {
  background-color: #304FFE !important;
  color: rgba(255, 255, 255, 0.87); }

.indigo-A700-fg {
  color: #304FFE !important; }

.indigo-A700-border {
  border-color: #304FFE !important; }

.indigo-A700-border-top {
  border-top-color: #304FFE !important; }

.indigo-A700-border-right {
  border-right-color: #304FFE !important; }

.indigo-A700-border-bottom {
  border-bottom-color: #304FFE !important; }

.indigo-A700-border-left {
  border-left-color: #304FFE !important; }

.blue-50-bg {
  background-color: #E3F2FD !important; }

.md-blue-50-bg {
  background-color: #E3F2FD !important;
  color: rgba(0, 0, 0, 0.87); }

.blue-50-fg {
  color: #E3F2FD !important; }

.blue-50-border {
  border-color: #E3F2FD !important; }

.blue-50-border-top {
  border-top-color: #E3F2FD !important; }

.blue-50-border-right {
  border-right-color: #E3F2FD !important; }

.blue-50-border-bottom {
  border-bottom-color: #E3F2FD !important; }

.blue-50-border-left {
  border-left-color: #E3F2FD !important; }

.blue-100-bg {
  background-color: #BBDEFB !important; }

.md-blue-100-bg {
  background-color: #BBDEFB !important;
  color: rgba(0, 0, 0, 0.87); }

.blue-100-fg {
  color: #BBDEFB !important; }

.blue-100-border {
  border-color: #BBDEFB !important; }

.blue-100-border-top {
  border-top-color: #BBDEFB !important; }

.blue-100-border-right {
  border-right-color: #BBDEFB !important; }

.blue-100-border-bottom {
  border-bottom-color: #BBDEFB !important; }

.blue-100-border-left {
  border-left-color: #BBDEFB !important; }

.blue-200-bg {
  background-color: #90CAF9 !important; }

.md-blue-200-bg {
  background-color: #90CAF9 !important;
  color: rgba(0, 0, 0, 0.87); }

.blue-200-fg {
  color: #90CAF9 !important; }

.blue-200-border {
  border-color: #90CAF9 !important; }

.blue-200-border-top {
  border-top-color: #90CAF9 !important; }

.blue-200-border-right {
  border-right-color: #90CAF9 !important; }

.blue-200-border-bottom {
  border-bottom-color: #90CAF9 !important; }

.blue-200-border-left {
  border-left-color: #90CAF9 !important; }

.blue-300-bg {
  background-color: #64B5F6 !important; }

.md-blue-300-bg {
  background-color: #64B5F6 !important;
  color: rgba(0, 0, 0, 0.87); }

.blue-300-fg {
  color: #64B5F6 !important; }

.blue-300-border {
  border-color: #64B5F6 !important; }

.blue-300-border-top {
  border-top-color: #64B5F6 !important; }

.blue-300-border-right {
  border-right-color: #64B5F6 !important; }

.blue-300-border-bottom {
  border-bottom-color: #64B5F6 !important; }

.blue-300-border-left {
  border-left-color: #64B5F6 !important; }

.blue-400-bg {
  background-color: #42A5F5 !important; }

.md-blue-400-bg {
  background-color: #42A5F5 !important;
  color: rgba(0, 0, 0, 0.87); }

.blue-400-fg {
  color: #42A5F5 !important; }

.blue-400-border {
  border-color: #42A5F5 !important; }

.blue-400-border-top {
  border-top-color: #42A5F5 !important; }

.blue-400-border-right {
  border-right-color: #42A5F5 !important; }

.blue-400-border-bottom {
  border-bottom-color: #42A5F5 !important; }

.blue-400-border-left {
  border-left-color: #42A5F5 !important; }

.blue-500-bg {
  background-color: #2196F3 !important; }

.md-blue-500-bg {
  background-color: #2196F3 !important;
  color: white; }

.blue-500-fg {
  color: #2196F3 !important; }

.blue-500-border {
  border-color: #2196F3 !important; }

.blue-500-border-top {
  border-top-color: #2196F3 !important; }

.blue-500-border-right {
  border-right-color: #2196F3 !important; }

.blue-500-border-bottom {
  border-bottom-color: #2196F3 !important; }

.blue-500-border-left {
  border-left-color: #2196F3 !important; }

.md-blue-bg {
  background-color: #2196F3 !important;
  color: white; }

.blue-bg {
  background-color: #2196F3 !important; }

.blue-fg {
  color: #2196F3 !important; }

.blue-border {
  border-color: #2196F3 !important; }

.blue-border-top {
  border-top-color: #2196F3 !important; }

.blue-border-right {
  border-right-color: #2196F3 !important; }

.blue-border-bottom {
  border-bottom-color: #2196F3 !important; }

.blue-border-left {
  border-left-color: #2196F3 !important; }

.blue-600-bg {
  background-color: #1E88E5 !important; }

.md-blue-600-bg {
  background-color: #1E88E5 !important;
  color: white; }

.blue-600-fg {
  color: #1E88E5 !important; }

.blue-600-border {
  border-color: #1E88E5 !important; }

.blue-600-border-top {
  border-top-color: #1E88E5 !important; }

.blue-600-border-right {
  border-right-color: #1E88E5 !important; }

.blue-600-border-bottom {
  border-bottom-color: #1E88E5 !important; }

.blue-600-border-left {
  border-left-color: #1E88E5 !important; }

.blue-700-bg {
  background-color: #1976D2 !important; }

.md-blue-700-bg {
  background-color: #1976D2 !important;
  color: white; }

.blue-700-fg {
  color: #1976D2 !important; }

.blue-700-border {
  border-color: #1976D2 !important; }

.blue-700-border-top {
  border-top-color: #1976D2 !important; }

.blue-700-border-right {
  border-right-color: #1976D2 !important; }

.blue-700-border-bottom {
  border-bottom-color: #1976D2 !important; }

.blue-700-border-left {
  border-left-color: #1976D2 !important; }

.blue-800-bg {
  background-color: #1565C0 !important; }

.md-blue-800-bg {
  background-color: #1565C0 !important;
  color: rgba(255, 255, 255, 0.87); }

.blue-800-fg {
  color: #1565C0 !important; }

.blue-800-border {
  border-color: #1565C0 !important; }

.blue-800-border-top {
  border-top-color: #1565C0 !important; }

.blue-800-border-right {
  border-right-color: #1565C0 !important; }

.blue-800-border-bottom {
  border-bottom-color: #1565C0 !important; }

.blue-800-border-left {
  border-left-color: #1565C0 !important; }

.blue-900-bg {
  background-color: #0D47A1 !important; }

.md-blue-900-bg {
  background-color: #0D47A1 !important;
  color: rgba(255, 255, 255, 0.87); }

.blue-900-fg {
  color: #0D47A1 !important; }

.blue-900-border {
  border-color: #0D47A1 !important; }

.blue-900-border-top {
  border-top-color: #0D47A1 !important; }

.blue-900-border-right {
  border-right-color: #0D47A1 !important; }

.blue-900-border-bottom {
  border-bottom-color: #0D47A1 !important; }

.blue-900-border-left {
  border-left-color: #0D47A1 !important; }

.blue-A100-bg {
  background-color: #82B1FF !important; }

.md-blue-A100-bg {
  background-color: #82B1FF !important;
  color: rgba(0, 0, 0, 0.87); }

.blue-A100-fg {
  color: #82B1FF !important; }

.blue-A100-border {
  border-color: #82B1FF !important; }

.blue-A100-border-top {
  border-top-color: #82B1FF !important; }

.blue-A100-border-right {
  border-right-color: #82B1FF !important; }

.blue-A100-border-bottom {
  border-bottom-color: #82B1FF !important; }

.blue-A100-border-left {
  border-left-color: #82B1FF !important; }

.blue-A200-bg {
  background-color: #448AFF !important; }

.md-blue-A200-bg {
  background-color: #448AFF !important;
  color: white; }

.blue-A200-fg {
  color: #448AFF !important; }

.blue-A200-border {
  border-color: #448AFF !important; }

.blue-A200-border-top {
  border-top-color: #448AFF !important; }

.blue-A200-border-right {
  border-right-color: #448AFF !important; }

.blue-A200-border-bottom {
  border-bottom-color: #448AFF !important; }

.blue-A200-border-left {
  border-left-color: #448AFF !important; }

.blue-A400-bg {
  background-color: #2979FF !important; }

.md-blue-A400-bg {
  background-color: #2979FF !important;
  color: white; }

.blue-A400-fg {
  color: #2979FF !important; }

.blue-A400-border {
  border-color: #2979FF !important; }

.blue-A400-border-top {
  border-top-color: #2979FF !important; }

.blue-A400-border-right {
  border-right-color: #2979FF !important; }

.blue-A400-border-bottom {
  border-bottom-color: #2979FF !important; }

.blue-A400-border-left {
  border-left-color: #2979FF !important; }

.blue-A700-bg {
  background-color: #2962FF !important; }

.md-blue-A700-bg {
  background-color: #2962FF !important;
  color: white; }

.blue-A700-fg {
  color: #2962FF !important; }

.blue-A700-border {
  border-color: #2962FF !important; }

.blue-A700-border-top {
  border-top-color: #2962FF !important; }

.blue-A700-border-right {
  border-right-color: #2962FF !important; }

.blue-A700-border-bottom {
  border-bottom-color: #2962FF !important; }

.blue-A700-border-left {
  border-left-color: #2962FF !important; }

.light-blue-50-bg {
  background-color: #E1F5FE !important; }

.md-light-blue-50-bg {
  background-color: #E1F5FE !important;
  color: rgba(0, 0, 0, 0.87); }

.light-blue-50-fg {
  color: #E1F5FE !important; }

.light-blue-50-border {
  border-color: #E1F5FE !important; }

.light-blue-50-border-top {
  border-top-color: #E1F5FE !important; }

.light-blue-50-border-right {
  border-right-color: #E1F5FE !important; }

.light-blue-50-border-bottom {
  border-bottom-color: #E1F5FE !important; }

.light-blue-50-border-left {
  border-left-color: #E1F5FE !important; }

.light-blue-100-bg {
  background-color: #B3E5FC !important; }

.md-light-blue-100-bg {
  background-color: #B3E5FC !important;
  color: rgba(0, 0, 0, 0.87); }

.light-blue-100-fg {
  color: #B3E5FC !important; }

.light-blue-100-border {
  border-color: #B3E5FC !important; }

.light-blue-100-border-top {
  border-top-color: #B3E5FC !important; }

.light-blue-100-border-right {
  border-right-color: #B3E5FC !important; }

.light-blue-100-border-bottom {
  border-bottom-color: #B3E5FC !important; }

.light-blue-100-border-left {
  border-left-color: #B3E5FC !important; }

.light-blue-200-bg {
  background-color: #81D4FA !important; }

.md-light-blue-200-bg {
  background-color: #81D4FA !important;
  color: rgba(0, 0, 0, 0.87); }

.light-blue-200-fg {
  color: #81D4FA !important; }

.light-blue-200-border {
  border-color: #81D4FA !important; }

.light-blue-200-border-top {
  border-top-color: #81D4FA !important; }

.light-blue-200-border-right {
  border-right-color: #81D4FA !important; }

.light-blue-200-border-bottom {
  border-bottom-color: #81D4FA !important; }

.light-blue-200-border-left {
  border-left-color: #81D4FA !important; }

.light-blue-300-bg {
  background-color: #4FC3F7 !important; }

.md-light-blue-300-bg {
  background-color: #4FC3F7 !important;
  color: rgba(0, 0, 0, 0.87); }

.light-blue-300-fg {
  color: #4FC3F7 !important; }

.light-blue-300-border {
  border-color: #4FC3F7 !important; }

.light-blue-300-border-top {
  border-top-color: #4FC3F7 !important; }

.light-blue-300-border-right {
  border-right-color: #4FC3F7 !important; }

.light-blue-300-border-bottom {
  border-bottom-color: #4FC3F7 !important; }

.light-blue-300-border-left {
  border-left-color: #4FC3F7 !important; }

.light-blue-400-bg {
  background-color: #29B6F6 !important; }

.md-light-blue-400-bg {
  background-color: #29B6F6 !important;
  color: rgba(0, 0, 0, 0.87); }

.light-blue-400-fg {
  color: #29B6F6 !important; }

.light-blue-400-border {
  border-color: #29B6F6 !important; }

.light-blue-400-border-top {
  border-top-color: #29B6F6 !important; }

.light-blue-400-border-right {
  border-right-color: #29B6F6 !important; }

.light-blue-400-border-bottom {
  border-bottom-color: #29B6F6 !important; }

.light-blue-400-border-left {
  border-left-color: #29B6F6 !important; }

.light-blue-500-bg {
  background-color: #03A9F4 !important; }

.md-light-blue-500-bg {
  background-color: #03A9F4 !important;
  color: rgba(0, 0, 0, 0.87); }

.light-blue-500-fg {
  color: #03A9F4 !important; }

.light-blue-500-border {
  border-color: #03A9F4 !important; }

.light-blue-500-border-top {
  border-top-color: #03A9F4 !important; }

.light-blue-500-border-right {
  border-right-color: #03A9F4 !important; }

.light-blue-500-border-bottom {
  border-bottom-color: #03A9F4 !important; }

.light-blue-500-border-left {
  border-left-color: #03A9F4 !important; }

.md-light-blue-bg {
  background-color: #03A9F4 !important;
  color: rgba(0, 0, 0, 0.87); }

.light-blue-bg {
  background-color: #03A9F4 !important; }

.light-blue-fg {
  color: #03A9F4 !important; }

.light-blue-border {
  border-color: #03A9F4 !important; }

.light-blue-border-top {
  border-top-color: #03A9F4 !important; }

.light-blue-border-right {
  border-right-color: #03A9F4 !important; }

.light-blue-border-bottom {
  border-bottom-color: #03A9F4 !important; }

.light-blue-border-left {
  border-left-color: #03A9F4 !important; }

.light-blue-600-bg {
  background-color: #039BE5 !important; }

.md-light-blue-600-bg {
  background-color: #039BE5 !important;
  color: white; }

.light-blue-600-fg {
  color: #039BE5 !important; }

.light-blue-600-border {
  border-color: #039BE5 !important; }

.light-blue-600-border-top {
  border-top-color: #039BE5 !important; }

.light-blue-600-border-right {
  border-right-color: #039BE5 !important; }

.light-blue-600-border-bottom {
  border-bottom-color: #039BE5 !important; }

.light-blue-600-border-left {
  border-left-color: #039BE5 !important; }

.light-blue-700-bg {
  background-color: #0288D1 !important; }

.md-light-blue-700-bg {
  background-color: #0288D1 !important;
  color: white; }

.light-blue-700-fg {
  color: #0288D1 !important; }

.light-blue-700-border {
  border-color: #0288D1 !important; }

.light-blue-700-border-top {
  border-top-color: #0288D1 !important; }

.light-blue-700-border-right {
  border-right-color: #0288D1 !important; }

.light-blue-700-border-bottom {
  border-bottom-color: #0288D1 !important; }

.light-blue-700-border-left {
  border-left-color: #0288D1 !important; }

.light-blue-800-bg {
  background-color: #0277BD !important; }

.md-light-blue-800-bg {
  background-color: #0277BD !important;
  color: white; }

.light-blue-800-fg {
  color: #0277BD !important; }

.light-blue-800-border {
  border-color: #0277BD !important; }

.light-blue-800-border-top {
  border-top-color: #0277BD !important; }

.light-blue-800-border-right {
  border-right-color: #0277BD !important; }

.light-blue-800-border-bottom {
  border-bottom-color: #0277BD !important; }

.light-blue-800-border-left {
  border-left-color: #0277BD !important; }

.light-blue-900-bg {
  background-color: #01579B !important; }

.md-light-blue-900-bg {
  background-color: #01579B !important;
  color: white; }

.light-blue-900-fg {
  color: #01579B !important; }

.light-blue-900-border {
  border-color: #01579B !important; }

.light-blue-900-border-top {
  border-top-color: #01579B !important; }

.light-blue-900-border-right {
  border-right-color: #01579B !important; }

.light-blue-900-border-bottom {
  border-bottom-color: #01579B !important; }

.light-blue-900-border-left {
  border-left-color: #01579B !important; }

.light-blue-A100-bg {
  background-color: #80D8FF !important; }

.md-light-blue-A100-bg {
  background-color: #80D8FF !important;
  color: rgba(0, 0, 0, 0.87); }

.light-blue-A100-fg {
  color: #80D8FF !important; }

.light-blue-A100-border {
  border-color: #80D8FF !important; }

.light-blue-A100-border-top {
  border-top-color: #80D8FF !important; }

.light-blue-A100-border-right {
  border-right-color: #80D8FF !important; }

.light-blue-A100-border-bottom {
  border-bottom-color: #80D8FF !important; }

.light-blue-A100-border-left {
  border-left-color: #80D8FF !important; }

.light-blue-A200-bg {
  background-color: #40C4FF !important; }

.md-light-blue-A200-bg {
  background-color: #40C4FF !important;
  color: rgba(0, 0, 0, 0.87); }

.light-blue-A200-fg {
  color: #40C4FF !important; }

.light-blue-A200-border {
  border-color: #40C4FF !important; }

.light-blue-A200-border-top {
  border-top-color: #40C4FF !important; }

.light-blue-A200-border-right {
  border-right-color: #40C4FF !important; }

.light-blue-A200-border-bottom {
  border-bottom-color: #40C4FF !important; }

.light-blue-A200-border-left {
  border-left-color: #40C4FF !important; }

.light-blue-A400-bg {
  background-color: #00B0FF !important; }

.md-light-blue-A400-bg {
  background-color: #00B0FF !important;
  color: rgba(0, 0, 0, 0.87); }

.light-blue-A400-fg {
  color: #00B0FF !important; }

.light-blue-A400-border {
  border-color: #00B0FF !important; }

.light-blue-A400-border-top {
  border-top-color: #00B0FF !important; }

.light-blue-A400-border-right {
  border-right-color: #00B0FF !important; }

.light-blue-A400-border-bottom {
  border-bottom-color: #00B0FF !important; }

.light-blue-A400-border-left {
  border-left-color: #00B0FF !important; }

.light-blue-A700-bg {
  background-color: #0091EA !important; }

.md-light-blue-A700-bg {
  background-color: #0091EA !important;
  color: white; }

.light-blue-A700-fg {
  color: #0091EA !important; }

.light-blue-A700-border {
  border-color: #0091EA !important; }

.light-blue-A700-border-top {
  border-top-color: #0091EA !important; }

.light-blue-A700-border-right {
  border-right-color: #0091EA !important; }

.light-blue-A700-border-bottom {
  border-bottom-color: #0091EA !important; }

.light-blue-A700-border-left {
  border-left-color: #0091EA !important; }

.cyan-50-bg {
  background-color: #E0F7FA !important; }

.md-cyan-50-bg {
  background-color: #E0F7FA !important;
  color: rgba(0, 0, 0, 0.87); }

.cyan-50-fg {
  color: #E0F7FA !important; }

.cyan-50-border {
  border-color: #E0F7FA !important; }

.cyan-50-border-top {
  border-top-color: #E0F7FA !important; }

.cyan-50-border-right {
  border-right-color: #E0F7FA !important; }

.cyan-50-border-bottom {
  border-bottom-color: #E0F7FA !important; }

.cyan-50-border-left {
  border-left-color: #E0F7FA !important; }

.cyan-100-bg {
  background-color: #B2EBF2 !important; }

.md-cyan-100-bg {
  background-color: #B2EBF2 !important;
  color: rgba(0, 0, 0, 0.87); }

.cyan-100-fg {
  color: #B2EBF2 !important; }

.cyan-100-border {
  border-color: #B2EBF2 !important; }

.cyan-100-border-top {
  border-top-color: #B2EBF2 !important; }

.cyan-100-border-right {
  border-right-color: #B2EBF2 !important; }

.cyan-100-border-bottom {
  border-bottom-color: #B2EBF2 !important; }

.cyan-100-border-left {
  border-left-color: #B2EBF2 !important; }

.cyan-200-bg {
  background-color: #80DEEA !important; }

.md-cyan-200-bg {
  background-color: #80DEEA !important;
  color: rgba(0, 0, 0, 0.87); }

.cyan-200-fg {
  color: #80DEEA !important; }

.cyan-200-border {
  border-color: #80DEEA !important; }

.cyan-200-border-top {
  border-top-color: #80DEEA !important; }

.cyan-200-border-right {
  border-right-color: #80DEEA !important; }

.cyan-200-border-bottom {
  border-bottom-color: #80DEEA !important; }

.cyan-200-border-left {
  border-left-color: #80DEEA !important; }

.cyan-300-bg {
  background-color: #4DD0E1 !important; }

.md-cyan-300-bg {
  background-color: #4DD0E1 !important;
  color: rgba(0, 0, 0, 0.87); }

.cyan-300-fg {
  color: #4DD0E1 !important; }

.cyan-300-border {
  border-color: #4DD0E1 !important; }

.cyan-300-border-top {
  border-top-color: #4DD0E1 !important; }

.cyan-300-border-right {
  border-right-color: #4DD0E1 !important; }

.cyan-300-border-bottom {
  border-bottom-color: #4DD0E1 !important; }

.cyan-300-border-left {
  border-left-color: #4DD0E1 !important; }

.cyan-400-bg {
  background-color: #26C6DA !important; }

.md-cyan-400-bg {
  background-color: #26C6DA !important;
  color: rgba(0, 0, 0, 0.87); }

.cyan-400-fg {
  color: #26C6DA !important; }

.cyan-400-border {
  border-color: #26C6DA !important; }

.cyan-400-border-top {
  border-top-color: #26C6DA !important; }

.cyan-400-border-right {
  border-right-color: #26C6DA !important; }

.cyan-400-border-bottom {
  border-bottom-color: #26C6DA !important; }

.cyan-400-border-left {
  border-left-color: #26C6DA !important; }

.cyan-500-bg {
  background-color: #00BCD4 !important; }

.md-cyan-500-bg {
  background-color: #00BCD4 !important;
  color: rgba(0, 0, 0, 0.87); }

.cyan-500-fg {
  color: #00BCD4 !important; }

.cyan-500-border {
  border-color: #00BCD4 !important; }

.cyan-500-border-top {
  border-top-color: #00BCD4 !important; }

.cyan-500-border-right {
  border-right-color: #00BCD4 !important; }

.cyan-500-border-bottom {
  border-bottom-color: #00BCD4 !important; }

.cyan-500-border-left {
  border-left-color: #00BCD4 !important; }

.md-cyan-bg {
  background-color: #00BCD4 !important;
  color: rgba(0, 0, 0, 0.87); }

.cyan-bg {
  background-color: #00BCD4 !important; }

.cyan-fg {
  color: #00BCD4 !important; }

.cyan-border {
  border-color: #00BCD4 !important; }

.cyan-border-top {
  border-top-color: #00BCD4 !important; }

.cyan-border-right {
  border-right-color: #00BCD4 !important; }

.cyan-border-bottom {
  border-bottom-color: #00BCD4 !important; }

.cyan-border-left {
  border-left-color: #00BCD4 !important; }

.cyan-600-bg {
  background-color: #00ACC1 !important; }

.md-cyan-600-bg {
  background-color: #00ACC1 !important;
  color: rgba(0, 0, 0, 0.87); }

.cyan-600-fg {
  color: #00ACC1 !important; }

.cyan-600-border {
  border-color: #00ACC1 !important; }

.cyan-600-border-top {
  border-top-color: #00ACC1 !important; }

.cyan-600-border-right {
  border-right-color: #00ACC1 !important; }

.cyan-600-border-bottom {
  border-bottom-color: #00ACC1 !important; }

.cyan-600-border-left {
  border-left-color: #00ACC1 !important; }

.cyan-700-bg {
  background-color: #0097A7 !important; }

.md-cyan-700-bg {
  background-color: #0097A7 !important;
  color: white; }

.cyan-700-fg {
  color: #0097A7 !important; }

.cyan-700-border {
  border-color: #0097A7 !important; }

.cyan-700-border-top {
  border-top-color: #0097A7 !important; }

.cyan-700-border-right {
  border-right-color: #0097A7 !important; }

.cyan-700-border-bottom {
  border-bottom-color: #0097A7 !important; }

.cyan-700-border-left {
  border-left-color: #0097A7 !important; }

.cyan-800-bg {
  background-color: #00838F !important; }

.md-cyan-800-bg {
  background-color: #00838F !important;
  color: white; }

.cyan-800-fg {
  color: #00838F !important; }

.cyan-800-border {
  border-color: #00838F !important; }

.cyan-800-border-top {
  border-top-color: #00838F !important; }

.cyan-800-border-right {
  border-right-color: #00838F !important; }

.cyan-800-border-bottom {
  border-bottom-color: #00838F !important; }

.cyan-800-border-left {
  border-left-color: #00838F !important; }

.cyan-900-bg {
  background-color: #006064 !important; }

.md-cyan-900-bg {
  background-color: #006064 !important;
  color: white; }

.cyan-900-fg {
  color: #006064 !important; }

.cyan-900-border {
  border-color: #006064 !important; }

.cyan-900-border-top {
  border-top-color: #006064 !important; }

.cyan-900-border-right {
  border-right-color: #006064 !important; }

.cyan-900-border-bottom {
  border-bottom-color: #006064 !important; }

.cyan-900-border-left {
  border-left-color: #006064 !important; }

.cyan-A100-bg {
  background-color: #84FFFF !important; }

.md-cyan-A100-bg {
  background-color: #84FFFF !important;
  color: rgba(0, 0, 0, 0.87); }

.cyan-A100-fg {
  color: #84FFFF !important; }

.cyan-A100-border {
  border-color: #84FFFF !important; }

.cyan-A100-border-top {
  border-top-color: #84FFFF !important; }

.cyan-A100-border-right {
  border-right-color: #84FFFF !important; }

.cyan-A100-border-bottom {
  border-bottom-color: #84FFFF !important; }

.cyan-A100-border-left {
  border-left-color: #84FFFF !important; }

.cyan-A200-bg {
  background-color: #18FFFF !important; }

.md-cyan-A200-bg {
  background-color: #18FFFF !important;
  color: rgba(0, 0, 0, 0.87); }

.cyan-A200-fg {
  color: #18FFFF !important; }

.cyan-A200-border {
  border-color: #18FFFF !important; }

.cyan-A200-border-top {
  border-top-color: #18FFFF !important; }

.cyan-A200-border-right {
  border-right-color: #18FFFF !important; }

.cyan-A200-border-bottom {
  border-bottom-color: #18FFFF !important; }

.cyan-A200-border-left {
  border-left-color: #18FFFF !important; }

.cyan-A400-bg {
  background-color: #00E5FF !important; }

.md-cyan-A400-bg {
  background-color: #00E5FF !important;
  color: rgba(0, 0, 0, 0.87); }

.cyan-A400-fg {
  color: #00E5FF !important; }

.cyan-A400-border {
  border-color: #00E5FF !important; }

.cyan-A400-border-top {
  border-top-color: #00E5FF !important; }

.cyan-A400-border-right {
  border-right-color: #00E5FF !important; }

.cyan-A400-border-bottom {
  border-bottom-color: #00E5FF !important; }

.cyan-A400-border-left {
  border-left-color: #00E5FF !important; }

.cyan-A700-bg {
  background-color: #00B8D4 !important; }

.md-cyan-A700-bg {
  background-color: #00B8D4 !important;
  color: rgba(0, 0, 0, 0.87); }

.cyan-A700-fg {
  color: #00B8D4 !important; }

.cyan-A700-border {
  border-color: #00B8D4 !important; }

.cyan-A700-border-top {
  border-top-color: #00B8D4 !important; }

.cyan-A700-border-right {
  border-right-color: #00B8D4 !important; }

.cyan-A700-border-bottom {
  border-bottom-color: #00B8D4 !important; }

.cyan-A700-border-left {
  border-left-color: #00B8D4 !important; }

.teal-50-bg {
  background-color: #E0F2F1 !important; }

.md-teal-50-bg {
  background-color: #E0F2F1 !important;
  color: rgba(0, 0, 0, 0.87); }

.teal-50-fg {
  color: #E0F2F1 !important; }

.teal-50-border {
  border-color: #E0F2F1 !important; }

.teal-50-border-top {
  border-top-color: #E0F2F1 !important; }

.teal-50-border-right {
  border-right-color: #E0F2F1 !important; }

.teal-50-border-bottom {
  border-bottom-color: #E0F2F1 !important; }

.teal-50-border-left {
  border-left-color: #E0F2F1 !important; }

.teal-100-bg {
  background-color: #B2DFDB !important; }

.md-teal-100-bg {
  background-color: #B2DFDB !important;
  color: rgba(0, 0, 0, 0.87); }

.teal-100-fg {
  color: #B2DFDB !important; }

.teal-100-border {
  border-color: #B2DFDB !important; }

.teal-100-border-top {
  border-top-color: #B2DFDB !important; }

.teal-100-border-right {
  border-right-color: #B2DFDB !important; }

.teal-100-border-bottom {
  border-bottom-color: #B2DFDB !important; }

.teal-100-border-left {
  border-left-color: #B2DFDB !important; }

.teal-200-bg {
  background-color: #80CBC4 !important; }

.md-teal-200-bg {
  background-color: #80CBC4 !important;
  color: rgba(0, 0, 0, 0.87); }

.teal-200-fg {
  color: #80CBC4 !important; }

.teal-200-border {
  border-color: #80CBC4 !important; }

.teal-200-border-top {
  border-top-color: #80CBC4 !important; }

.teal-200-border-right {
  border-right-color: #80CBC4 !important; }

.teal-200-border-bottom {
  border-bottom-color: #80CBC4 !important; }

.teal-200-border-left {
  border-left-color: #80CBC4 !important; }

.teal-300-bg {
  background-color: #4DB6AC !important; }

.md-teal-300-bg {
  background-color: #4DB6AC !important;
  color: rgba(0, 0, 0, 0.87); }

.teal-300-fg {
  color: #4DB6AC !important; }

.teal-300-border {
  border-color: #4DB6AC !important; }

.teal-300-border-top {
  border-top-color: #4DB6AC !important; }

.teal-300-border-right {
  border-right-color: #4DB6AC !important; }

.teal-300-border-bottom {
  border-bottom-color: #4DB6AC !important; }

.teal-300-border-left {
  border-left-color: #4DB6AC !important; }

.teal-400-bg {
  background-color: #26A69A !important; }

.md-teal-400-bg {
  background-color: #26A69A !important;
  color: rgba(0, 0, 0, 0.87); }

.teal-400-fg {
  color: #26A69A !important; }

.teal-400-border {
  border-color: #26A69A !important; }

.teal-400-border-top {
  border-top-color: #26A69A !important; }

.teal-400-border-right {
  border-right-color: #26A69A !important; }

.teal-400-border-bottom {
  border-bottom-color: #26A69A !important; }

.teal-400-border-left {
  border-left-color: #26A69A !important; }

.teal-500-bg {
  background-color: #009688 !important; }

.md-teal-500-bg {
  background-color: #009688 !important;
  color: white; }

.teal-500-fg {
  color: #009688 !important; }

.teal-500-border {
  border-color: #009688 !important; }

.teal-500-border-top {
  border-top-color: #009688 !important; }

.teal-500-border-right {
  border-right-color: #009688 !important; }

.teal-500-border-bottom {
  border-bottom-color: #009688 !important; }

.teal-500-border-left {
  border-left-color: #009688 !important; }

.md-teal-bg {
  background-color: #009688 !important;
  color: white; }

.teal-bg {
  background-color: #009688 !important; }

.teal-fg {
  color: #009688 !important; }

.teal-border {
  border-color: #009688 !important; }

.teal-border-top {
  border-top-color: #009688 !important; }

.teal-border-right {
  border-right-color: #009688 !important; }

.teal-border-bottom {
  border-bottom-color: #009688 !important; }

.teal-border-left {
  border-left-color: #009688 !important; }

.teal-600-bg {
  background-color: #00897B !important; }

.md-teal-600-bg {
  background-color: #00897B !important;
  color: white; }

.teal-600-fg {
  color: #00897B !important; }

.teal-600-border {
  border-color: #00897B !important; }

.teal-600-border-top {
  border-top-color: #00897B !important; }

.teal-600-border-right {
  border-right-color: #00897B !important; }

.teal-600-border-bottom {
  border-bottom-color: #00897B !important; }

.teal-600-border-left {
  border-left-color: #00897B !important; }

.teal-700-bg {
  background-color: #00796B !important; }

.md-teal-700-bg {
  background-color: #00796B !important;
  color: white; }

.teal-700-fg {
  color: #00796B !important; }

.teal-700-border {
  border-color: #00796B !important; }

.teal-700-border-top {
  border-top-color: #00796B !important; }

.teal-700-border-right {
  border-right-color: #00796B !important; }

.teal-700-border-bottom {
  border-bottom-color: #00796B !important; }

.teal-700-border-left {
  border-left-color: #00796B !important; }

.teal-800-bg {
  background-color: #00695C !important; }

.md-teal-800-bg {
  background-color: #00695C !important;
  color: rgba(255, 255, 255, 0.87); }

.teal-800-fg {
  color: #00695C !important; }

.teal-800-border {
  border-color: #00695C !important; }

.teal-800-border-top {
  border-top-color: #00695C !important; }

.teal-800-border-right {
  border-right-color: #00695C !important; }

.teal-800-border-bottom {
  border-bottom-color: #00695C !important; }

.teal-800-border-left {
  border-left-color: #00695C !important; }

.teal-900-bg {
  background-color: #004D40 !important; }

.md-teal-900-bg {
  background-color: #004D40 !important;
  color: rgba(255, 255, 255, 0.87); }

.teal-900-fg {
  color: #004D40 !important; }

.teal-900-border {
  border-color: #004D40 !important; }

.teal-900-border-top {
  border-top-color: #004D40 !important; }

.teal-900-border-right {
  border-right-color: #004D40 !important; }

.teal-900-border-bottom {
  border-bottom-color: #004D40 !important; }

.teal-900-border-left {
  border-left-color: #004D40 !important; }

.teal-A100-bg {
  background-color: #A7FFEB !important; }

.md-teal-A100-bg {
  background-color: #A7FFEB !important;
  color: rgba(0, 0, 0, 0.87); }

.teal-A100-fg {
  color: #A7FFEB !important; }

.teal-A100-border {
  border-color: #A7FFEB !important; }

.teal-A100-border-top {
  border-top-color: #A7FFEB !important; }

.teal-A100-border-right {
  border-right-color: #A7FFEB !important; }

.teal-A100-border-bottom {
  border-bottom-color: #A7FFEB !important; }

.teal-A100-border-left {
  border-left-color: #A7FFEB !important; }

.teal-A200-bg {
  background-color: #64FFDA !important; }

.md-teal-A200-bg {
  background-color: #64FFDA !important;
  color: rgba(0, 0, 0, 0.87); }

.teal-A200-fg {
  color: #64FFDA !important; }

.teal-A200-border {
  border-color: #64FFDA !important; }

.teal-A200-border-top {
  border-top-color: #64FFDA !important; }

.teal-A200-border-right {
  border-right-color: #64FFDA !important; }

.teal-A200-border-bottom {
  border-bottom-color: #64FFDA !important; }

.teal-A200-border-left {
  border-left-color: #64FFDA !important; }

.teal-A400-bg {
  background-color: #1DE9B6 !important; }

.md-teal-A400-bg {
  background-color: #1DE9B6 !important;
  color: rgba(0, 0, 0, 0.87); }

.teal-A400-fg {
  color: #1DE9B6 !important; }

.teal-A400-border {
  border-color: #1DE9B6 !important; }

.teal-A400-border-top {
  border-top-color: #1DE9B6 !important; }

.teal-A400-border-right {
  border-right-color: #1DE9B6 !important; }

.teal-A400-border-bottom {
  border-bottom-color: #1DE9B6 !important; }

.teal-A400-border-left {
  border-left-color: #1DE9B6 !important; }

.teal-A700-bg {
  background-color: #00BFA5 !important; }

.md-teal-A700-bg {
  background-color: #00BFA5 !important;
  color: rgba(0, 0, 0, 0.87); }

.teal-A700-fg {
  color: #00BFA5 !important; }

.teal-A700-border {
  border-color: #00BFA5 !important; }

.teal-A700-border-top {
  border-top-color: #00BFA5 !important; }

.teal-A700-border-right {
  border-right-color: #00BFA5 !important; }

.teal-A700-border-bottom {
  border-bottom-color: #00BFA5 !important; }

.teal-A700-border-left {
  border-left-color: #00BFA5 !important; }

.green-50-bg {
  background-color: #E8F5E9 !important; }

.md-green-50-bg {
  background-color: #E8F5E9 !important;
  color: rgba(0, 0, 0, 0.87); }

.green-50-fg {
  color: #E8F5E9 !important; }

.green-50-border {
  border-color: #E8F5E9 !important; }

.green-50-border-top {
  border-top-color: #E8F5E9 !important; }

.green-50-border-right {
  border-right-color: #E8F5E9 !important; }

.green-50-border-bottom {
  border-bottom-color: #E8F5E9 !important; }

.green-50-border-left {
  border-left-color: #E8F5E9 !important; }

.green-100-bg {
  background-color: #C8E6C9 !important; }

.md-green-100-bg {
  background-color: #C8E6C9 !important;
  color: rgba(0, 0, 0, 0.87); }

.green-100-fg {
  color: #C8E6C9 !important; }

.green-100-border {
  border-color: #C8E6C9 !important; }

.green-100-border-top {
  border-top-color: #C8E6C9 !important; }

.green-100-border-right {
  border-right-color: #C8E6C9 !important; }

.green-100-border-bottom {
  border-bottom-color: #C8E6C9 !important; }

.green-100-border-left {
  border-left-color: #C8E6C9 !important; }

.green-200-bg {
  background-color: #A5D6A7 !important; }

.md-green-200-bg {
  background-color: #A5D6A7 !important;
  color: rgba(0, 0, 0, 0.87); }

.green-200-fg {
  color: #A5D6A7 !important; }

.green-200-border {
  border-color: #A5D6A7 !important; }

.green-200-border-top {
  border-top-color: #A5D6A7 !important; }

.green-200-border-right {
  border-right-color: #A5D6A7 !important; }

.green-200-border-bottom {
  border-bottom-color: #A5D6A7 !important; }

.green-200-border-left {
  border-left-color: #A5D6A7 !important; }

.green-300-bg {
  background-color: #81C784 !important; }

.md-green-300-bg {
  background-color: #81C784 !important;
  color: rgba(0, 0, 0, 0.87); }

.green-300-fg {
  color: #81C784 !important; }

.green-300-border {
  border-color: #81C784 !important; }

.green-300-border-top {
  border-top-color: #81C784 !important; }

.green-300-border-right {
  border-right-color: #81C784 !important; }

.green-300-border-bottom {
  border-bottom-color: #81C784 !important; }

.green-300-border-left {
  border-left-color: #81C784 !important; }

.green-400-bg {
  background-color: #66BB6A !important; }

.md-green-400-bg {
  background-color: #66BB6A !important;
  color: rgba(0, 0, 0, 0.87); }

.green-400-fg {
  color: #66BB6A !important; }

.green-400-border {
  border-color: #66BB6A !important; }

.green-400-border-top {
  border-top-color: #66BB6A !important; }

.green-400-border-right {
  border-right-color: #66BB6A !important; }

.green-400-border-bottom {
  border-bottom-color: #66BB6A !important; }

.green-400-border-left {
  border-left-color: #66BB6A !important; }

.green-500-bg {
  background-color: #4CAF50 !important; }

.md-green-500-bg {
  background-color: #4CAF50 !important;
  color: rgba(0, 0, 0, 0.87); }

.green-500-fg {
  color: #4CAF50 !important; }

.green-500-border {
  border-color: #4CAF50 !important; }

.green-500-border-top {
  border-top-color: #4CAF50 !important; }

.green-500-border-right {
  border-right-color: #4CAF50 !important; }

.green-500-border-bottom {
  border-bottom-color: #4CAF50 !important; }

.green-500-border-left {
  border-left-color: #4CAF50 !important; }

.md-green-bg {
  background-color: #4CAF50 !important;
  color: rgba(0, 0, 0, 0.87); }

.green-bg {
  background-color: #4CAF50 !important; }

.green-fg {
  color: #4CAF50 !important; }

.green-border {
  border-color: #4CAF50 !important; }

.green-border-top {
  border-top-color: #4CAF50 !important; }

.green-border-right {
  border-right-color: #4CAF50 !important; }

.green-border-bottom {
  border-bottom-color: #4CAF50 !important; }

.green-border-left {
  border-left-color: #4CAF50 !important; }

.green-600-bg {
  background-color: #43A047 !important; }

.md-green-600-bg {
  background-color: #43A047 !important;
  color: white; }

.green-600-fg {
  color: #43A047 !important; }

.green-600-border {
  border-color: #43A047 !important; }

.green-600-border-top {
  border-top-color: #43A047 !important; }

.green-600-border-right {
  border-right-color: #43A047 !important; }

.green-600-border-bottom {
  border-bottom-color: #43A047 !important; }

.green-600-border-left {
  border-left-color: #43A047 !important; }

.green-700-bg {
  background-color: #388E3C !important; }

.md-green-700-bg {
  background-color: #388E3C !important;
  color: white; }

.green-700-fg {
  color: #388E3C !important; }

.green-700-border {
  border-color: #388E3C !important; }

.green-700-border-top {
  border-top-color: #388E3C !important; }

.green-700-border-right {
  border-right-color: #388E3C !important; }

.green-700-border-bottom {
  border-bottom-color: #388E3C !important; }

.green-700-border-left {
  border-left-color: #388E3C !important; }

.green-800-bg {
  background-color: #2E7D32 !important; }

.md-green-800-bg {
  background-color: #2E7D32 !important;
  color: rgba(255, 255, 255, 0.87); }

.green-800-fg {
  color: #2E7D32 !important; }

.green-800-border {
  border-color: #2E7D32 !important; }

.green-800-border-top {
  border-top-color: #2E7D32 !important; }

.green-800-border-right {
  border-right-color: #2E7D32 !important; }

.green-800-border-bottom {
  border-bottom-color: #2E7D32 !important; }

.green-800-border-left {
  border-left-color: #2E7D32 !important; }

.green-900-bg {
  background-color: #1B5E20 !important; }

.md-green-900-bg {
  background-color: #1B5E20 !important;
  color: rgba(255, 255, 255, 0.87); }

.green-900-fg {
  color: #1B5E20 !important; }

.green-900-border {
  border-color: #1B5E20 !important; }

.green-900-border-top {
  border-top-color: #1B5E20 !important; }

.green-900-border-right {
  border-right-color: #1B5E20 !important; }

.green-900-border-bottom {
  border-bottom-color: #1B5E20 !important; }

.green-900-border-left {
  border-left-color: #1B5E20 !important; }

.green-A100-bg {
  background-color: #B9F6CA !important; }

.md-green-A100-bg {
  background-color: #B9F6CA !important;
  color: rgba(0, 0, 0, 0.87); }

.green-A100-fg {
  color: #B9F6CA !important; }

.green-A100-border {
  border-color: #B9F6CA !important; }

.green-A100-border-top {
  border-top-color: #B9F6CA !important; }

.green-A100-border-right {
  border-right-color: #B9F6CA !important; }

.green-A100-border-bottom {
  border-bottom-color: #B9F6CA !important; }

.green-A100-border-left {
  border-left-color: #B9F6CA !important; }

.green-A200-bg {
  background-color: #69F0AE !important; }

.md-green-A200-bg {
  background-color: #69F0AE !important;
  color: rgba(0, 0, 0, 0.87); }

.green-A200-fg {
  color: #69F0AE !important; }

.green-A200-border {
  border-color: #69F0AE !important; }

.green-A200-border-top {
  border-top-color: #69F0AE !important; }

.green-A200-border-right {
  border-right-color: #69F0AE !important; }

.green-A200-border-bottom {
  border-bottom-color: #69F0AE !important; }

.green-A200-border-left {
  border-left-color: #69F0AE !important; }

.green-A400-bg {
  background-color: #00E676 !important; }

.md-green-A400-bg {
  background-color: #00E676 !important;
  color: rgba(0, 0, 0, 0.87); }

.green-A400-fg {
  color: #00E676 !important; }

.green-A400-border {
  border-color: #00E676 !important; }

.green-A400-border-top {
  border-top-color: #00E676 !important; }

.green-A400-border-right {
  border-right-color: #00E676 !important; }

.green-A400-border-bottom {
  border-bottom-color: #00E676 !important; }

.green-A400-border-left {
  border-left-color: #00E676 !important; }

.green-A700-bg {
  background-color: #00C853 !important; }

.md-green-A700-bg {
  background-color: #00C853 !important;
  color: rgba(0, 0, 0, 0.87); }

.green-A700-fg {
  color: #00C853 !important; }

.green-A700-border {
  border-color: #00C853 !important; }

.green-A700-border-top {
  border-top-color: #00C853 !important; }

.green-A700-border-right {
  border-right-color: #00C853 !important; }

.green-A700-border-bottom {
  border-bottom-color: #00C853 !important; }

.green-A700-border-left {
  border-left-color: #00C853 !important; }

.light-green-50-bg {
  background-color: #F1F8E9 !important; }

.md-light-green-50-bg {
  background-color: #F1F8E9 !important;
  color: rgba(0, 0, 0, 0.87); }

.light-green-50-fg {
  color: #F1F8E9 !important; }

.light-green-50-border {
  border-color: #F1F8E9 !important; }

.light-green-50-border-top {
  border-top-color: #F1F8E9 !important; }

.light-green-50-border-right {
  border-right-color: #F1F8E9 !important; }

.light-green-50-border-bottom {
  border-bottom-color: #F1F8E9 !important; }

.light-green-50-border-left {
  border-left-color: #F1F8E9 !important; }

.light-green-100-bg {
  background-color: #DCEDC8 !important; }

.md-light-green-100-bg {
  background-color: #DCEDC8 !important;
  color: rgba(0, 0, 0, 0.87); }

.light-green-100-fg {
  color: #DCEDC8 !important; }

.light-green-100-border {
  border-color: #DCEDC8 !important; }

.light-green-100-border-top {
  border-top-color: #DCEDC8 !important; }

.light-green-100-border-right {
  border-right-color: #DCEDC8 !important; }

.light-green-100-border-bottom {
  border-bottom-color: #DCEDC8 !important; }

.light-green-100-border-left {
  border-left-color: #DCEDC8 !important; }

.light-green-200-bg {
  background-color: #C5E1A5 !important; }

.md-light-green-200-bg {
  background-color: #C5E1A5 !important;
  color: rgba(0, 0, 0, 0.87); }

.light-green-200-fg {
  color: #C5E1A5 !important; }

.light-green-200-border {
  border-color: #C5E1A5 !important; }

.light-green-200-border-top {
  border-top-color: #C5E1A5 !important; }

.light-green-200-border-right {
  border-right-color: #C5E1A5 !important; }

.light-green-200-border-bottom {
  border-bottom-color: #C5E1A5 !important; }

.light-green-200-border-left {
  border-left-color: #C5E1A5 !important; }

.light-green-300-bg {
  background-color: #AED581 !important; }

.md-light-green-300-bg {
  background-color: #AED581 !important;
  color: rgba(0, 0, 0, 0.87); }

.light-green-300-fg {
  color: #AED581 !important; }

.light-green-300-border {
  border-color: #AED581 !important; }

.light-green-300-border-top {
  border-top-color: #AED581 !important; }

.light-green-300-border-right {
  border-right-color: #AED581 !important; }

.light-green-300-border-bottom {
  border-bottom-color: #AED581 !important; }

.light-green-300-border-left {
  border-left-color: #AED581 !important; }

.light-green-400-bg {
  background-color: #9CCC65 !important; }

.md-light-green-400-bg {
  background-color: #9CCC65 !important;
  color: rgba(0, 0, 0, 0.87); }

.light-green-400-fg {
  color: #9CCC65 !important; }

.light-green-400-border {
  border-color: #9CCC65 !important; }

.light-green-400-border-top {
  border-top-color: #9CCC65 !important; }

.light-green-400-border-right {
  border-right-color: #9CCC65 !important; }

.light-green-400-border-bottom {
  border-bottom-color: #9CCC65 !important; }

.light-green-400-border-left {
  border-left-color: #9CCC65 !important; }

.light-green-500-bg {
  background-color: #8BC34A !important; }

.md-light-green-500-bg {
  background-color: #8BC34A !important;
  color: rgba(0, 0, 0, 0.87); }

.light-green-500-fg {
  color: #8BC34A !important; }

.light-green-500-border {
  border-color: #8BC34A !important; }

.light-green-500-border-top {
  border-top-color: #8BC34A !important; }

.light-green-500-border-right {
  border-right-color: #8BC34A !important; }

.light-green-500-border-bottom {
  border-bottom-color: #8BC34A !important; }

.light-green-500-border-left {
  border-left-color: #8BC34A !important; }

.md-light-green-bg {
  background-color: #8BC34A !important;
  color: rgba(0, 0, 0, 0.87); }

.light-green-bg {
  background-color: #8BC34A !important; }

.light-green-fg {
  color: #8BC34A !important; }

.light-green-border {
  border-color: #8BC34A !important; }

.light-green-border-top {
  border-top-color: #8BC34A !important; }

.light-green-border-right {
  border-right-color: #8BC34A !important; }

.light-green-border-bottom {
  border-bottom-color: #8BC34A !important; }

.light-green-border-left {
  border-left-color: #8BC34A !important; }

.light-green-600-bg {
  background-color: #7CB342 !important; }

.md-light-green-600-bg {
  background-color: #7CB342 !important;
  color: rgba(0, 0, 0, 0.87); }

.light-green-600-fg {
  color: #7CB342 !important; }

.light-green-600-border {
  border-color: #7CB342 !important; }

.light-green-600-border-top {
  border-top-color: #7CB342 !important; }

.light-green-600-border-right {
  border-right-color: #7CB342 !important; }

.light-green-600-border-bottom {
  border-bottom-color: #7CB342 !important; }

.light-green-600-border-left {
  border-left-color: #7CB342 !important; }

.light-green-700-bg {
  background-color: #689F38 !important; }

.md-light-green-700-bg {
  background-color: #689F38 !important;
  color: white; }

.light-green-700-fg {
  color: #689F38 !important; }

.light-green-700-border {
  border-color: #689F38 !important; }

.light-green-700-border-top {
  border-top-color: #689F38 !important; }

.light-green-700-border-right {
  border-right-color: #689F38 !important; }

.light-green-700-border-bottom {
  border-bottom-color: #689F38 !important; }

.light-green-700-border-left {
  border-left-color: #689F38 !important; }

.light-green-800-bg {
  background-color: #558B2F !important; }

.md-light-green-800-bg {
  background-color: #558B2F !important;
  color: white; }

.light-green-800-fg {
  color: #558B2F !important; }

.light-green-800-border {
  border-color: #558B2F !important; }

.light-green-800-border-top {
  border-top-color: #558B2F !important; }

.light-green-800-border-right {
  border-right-color: #558B2F !important; }

.light-green-800-border-bottom {
  border-bottom-color: #558B2F !important; }

.light-green-800-border-left {
  border-left-color: #558B2F !important; }

.light-green-900-bg {
  background-color: #33691E !important; }

.md-light-green-900-bg {
  background-color: #33691E !important;
  color: white; }

.light-green-900-fg {
  color: #33691E !important; }

.light-green-900-border {
  border-color: #33691E !important; }

.light-green-900-border-top {
  border-top-color: #33691E !important; }

.light-green-900-border-right {
  border-right-color: #33691E !important; }

.light-green-900-border-bottom {
  border-bottom-color: #33691E !important; }

.light-green-900-border-left {
  border-left-color: #33691E !important; }

.light-green-A100-bg {
  background-color: #CCFF90 !important; }

.md-light-green-A100-bg {
  background-color: #CCFF90 !important;
  color: rgba(0, 0, 0, 0.87); }

.light-green-A100-fg {
  color: #CCFF90 !important; }

.light-green-A100-border {
  border-color: #CCFF90 !important; }

.light-green-A100-border-top {
  border-top-color: #CCFF90 !important; }

.light-green-A100-border-right {
  border-right-color: #CCFF90 !important; }

.light-green-A100-border-bottom {
  border-bottom-color: #CCFF90 !important; }

.light-green-A100-border-left {
  border-left-color: #CCFF90 !important; }

.light-green-A200-bg {
  background-color: #B2FF59 !important; }

.md-light-green-A200-bg {
  background-color: #B2FF59 !important;
  color: rgba(0, 0, 0, 0.87); }

.light-green-A200-fg {
  color: #B2FF59 !important; }

.light-green-A200-border {
  border-color: #B2FF59 !important; }

.light-green-A200-border-top {
  border-top-color: #B2FF59 !important; }

.light-green-A200-border-right {
  border-right-color: #B2FF59 !important; }

.light-green-A200-border-bottom {
  border-bottom-color: #B2FF59 !important; }

.light-green-A200-border-left {
  border-left-color: #B2FF59 !important; }

.light-green-A400-bg {
  background-color: #76FF03 !important; }

.md-light-green-A400-bg {
  background-color: #76FF03 !important;
  color: rgba(0, 0, 0, 0.87); }

.light-green-A400-fg {
  color: #76FF03 !important; }

.light-green-A400-border {
  border-color: #76FF03 !important; }

.light-green-A400-border-top {
  border-top-color: #76FF03 !important; }

.light-green-A400-border-right {
  border-right-color: #76FF03 !important; }

.light-green-A400-border-bottom {
  border-bottom-color: #76FF03 !important; }

.light-green-A400-border-left {
  border-left-color: #76FF03 !important; }

.light-green-A700-bg {
  background-color: #64DD17 !important; }

.md-light-green-A700-bg {
  background-color: #64DD17 !important;
  color: rgba(0, 0, 0, 0.87); }

.light-green-A700-fg {
  color: #64DD17 !important; }

.light-green-A700-border {
  border-color: #64DD17 !important; }

.light-green-A700-border-top {
  border-top-color: #64DD17 !important; }

.light-green-A700-border-right {
  border-right-color: #64DD17 !important; }

.light-green-A700-border-bottom {
  border-bottom-color: #64DD17 !important; }

.light-green-A700-border-left {
  border-left-color: #64DD17 !important; }

.lime-50-bg {
  background-color: #F9FBE7 !important; }

.md-lime-50-bg {
  background-color: #F9FBE7 !important;
  color: rgba(0, 0, 0, 0.87); }

.lime-50-fg {
  color: #F9FBE7 !important; }

.lime-50-border {
  border-color: #F9FBE7 !important; }

.lime-50-border-top {
  border-top-color: #F9FBE7 !important; }

.lime-50-border-right {
  border-right-color: #F9FBE7 !important; }

.lime-50-border-bottom {
  border-bottom-color: #F9FBE7 !important; }

.lime-50-border-left {
  border-left-color: #F9FBE7 !important; }

.lime-100-bg {
  background-color: #F0F4C3 !important; }

.md-lime-100-bg {
  background-color: #F0F4C3 !important;
  color: rgba(0, 0, 0, 0.87); }

.lime-100-fg {
  color: #F0F4C3 !important; }

.lime-100-border {
  border-color: #F0F4C3 !important; }

.lime-100-border-top {
  border-top-color: #F0F4C3 !important; }

.lime-100-border-right {
  border-right-color: #F0F4C3 !important; }

.lime-100-border-bottom {
  border-bottom-color: #F0F4C3 !important; }

.lime-100-border-left {
  border-left-color: #F0F4C3 !important; }

.lime-200-bg {
  background-color: #E6EE9C !important; }

.md-lime-200-bg {
  background-color: #E6EE9C !important;
  color: rgba(0, 0, 0, 0.87); }

.lime-200-fg {
  color: #E6EE9C !important; }

.lime-200-border {
  border-color: #E6EE9C !important; }

.lime-200-border-top {
  border-top-color: #E6EE9C !important; }

.lime-200-border-right {
  border-right-color: #E6EE9C !important; }

.lime-200-border-bottom {
  border-bottom-color: #E6EE9C !important; }

.lime-200-border-left {
  border-left-color: #E6EE9C !important; }

.lime-300-bg {
  background-color: #DCE775 !important; }

.md-lime-300-bg {
  background-color: #DCE775 !important;
  color: rgba(0, 0, 0, 0.87); }

.lime-300-fg {
  color: #DCE775 !important; }

.lime-300-border {
  border-color: #DCE775 !important; }

.lime-300-border-top {
  border-top-color: #DCE775 !important; }

.lime-300-border-right {
  border-right-color: #DCE775 !important; }

.lime-300-border-bottom {
  border-bottom-color: #DCE775 !important; }

.lime-300-border-left {
  border-left-color: #DCE775 !important; }

.lime-400-bg {
  background-color: #D4E157 !important; }

.md-lime-400-bg {
  background-color: #D4E157 !important;
  color: rgba(0, 0, 0, 0.87); }

.lime-400-fg {
  color: #D4E157 !important; }

.lime-400-border {
  border-color: #D4E157 !important; }

.lime-400-border-top {
  border-top-color: #D4E157 !important; }

.lime-400-border-right {
  border-right-color: #D4E157 !important; }

.lime-400-border-bottom {
  border-bottom-color: #D4E157 !important; }

.lime-400-border-left {
  border-left-color: #D4E157 !important; }

.lime-500-bg {
  background-color: #CDDC39 !important; }

.md-lime-500-bg {
  background-color: #CDDC39 !important;
  color: rgba(0, 0, 0, 0.87); }

.lime-500-fg {
  color: #CDDC39 !important; }

.lime-500-border {
  border-color: #CDDC39 !important; }

.lime-500-border-top {
  border-top-color: #CDDC39 !important; }

.lime-500-border-right {
  border-right-color: #CDDC39 !important; }

.lime-500-border-bottom {
  border-bottom-color: #CDDC39 !important; }

.lime-500-border-left {
  border-left-color: #CDDC39 !important; }

.md-lime-bg {
  background-color: #CDDC39 !important;
  color: rgba(0, 0, 0, 0.87); }

.lime-bg {
  background-color: #CDDC39 !important; }

.lime-fg {
  color: #CDDC39 !important; }

.lime-border {
  border-color: #CDDC39 !important; }

.lime-border-top {
  border-top-color: #CDDC39 !important; }

.lime-border-right {
  border-right-color: #CDDC39 !important; }

.lime-border-bottom {
  border-bottom-color: #CDDC39 !important; }

.lime-border-left {
  border-left-color: #CDDC39 !important; }

.lime-600-bg {
  background-color: #C0CA33 !important; }

.md-lime-600-bg {
  background-color: #C0CA33 !important;
  color: rgba(0, 0, 0, 0.87); }

.lime-600-fg {
  color: #C0CA33 !important; }

.lime-600-border {
  border-color: #C0CA33 !important; }

.lime-600-border-top {
  border-top-color: #C0CA33 !important; }

.lime-600-border-right {
  border-right-color: #C0CA33 !important; }

.lime-600-border-bottom {
  border-bottom-color: #C0CA33 !important; }

.lime-600-border-left {
  border-left-color: #C0CA33 !important; }

.lime-700-bg {
  background-color: #AFB42B !important; }

.md-lime-700-bg {
  background-color: #AFB42B !important;
  color: rgba(0, 0, 0, 0.87); }

.lime-700-fg {
  color: #AFB42B !important; }

.lime-700-border {
  border-color: #AFB42B !important; }

.lime-700-border-top {
  border-top-color: #AFB42B !important; }

.lime-700-border-right {
  border-right-color: #AFB42B !important; }

.lime-700-border-bottom {
  border-bottom-color: #AFB42B !important; }

.lime-700-border-left {
  border-left-color: #AFB42B !important; }

.lime-800-bg {
  background-color: #9E9D24 !important; }

.md-lime-800-bg {
  background-color: #9E9D24 !important;
  color: rgba(0, 0, 0, 0.87); }

.lime-800-fg {
  color: #9E9D24 !important; }

.lime-800-border {
  border-color: #9E9D24 !important; }

.lime-800-border-top {
  border-top-color: #9E9D24 !important; }

.lime-800-border-right {
  border-right-color: #9E9D24 !important; }

.lime-800-border-bottom {
  border-bottom-color: #9E9D24 !important; }

.lime-800-border-left {
  border-left-color: #9E9D24 !important; }

.lime-900-bg {
  background-color: #827717 !important; }

.md-lime-900-bg {
  background-color: #827717 !important;
  color: white; }

.lime-900-fg {
  color: #827717 !important; }

.lime-900-border {
  border-color: #827717 !important; }

.lime-900-border-top {
  border-top-color: #827717 !important; }

.lime-900-border-right {
  border-right-color: #827717 !important; }

.lime-900-border-bottom {
  border-bottom-color: #827717 !important; }

.lime-900-border-left {
  border-left-color: #827717 !important; }

.lime-A100-bg {
  background-color: #F4FF81 !important; }

.md-lime-A100-bg {
  background-color: #F4FF81 !important;
  color: rgba(0, 0, 0, 0.87); }

.lime-A100-fg {
  color: #F4FF81 !important; }

.lime-A100-border {
  border-color: #F4FF81 !important; }

.lime-A100-border-top {
  border-top-color: #F4FF81 !important; }

.lime-A100-border-right {
  border-right-color: #F4FF81 !important; }

.lime-A100-border-bottom {
  border-bottom-color: #F4FF81 !important; }

.lime-A100-border-left {
  border-left-color: #F4FF81 !important; }

.lime-A200-bg {
  background-color: #EEFF41 !important; }

.md-lime-A200-bg {
  background-color: #EEFF41 !important;
  color: rgba(0, 0, 0, 0.87); }

.lime-A200-fg {
  color: #EEFF41 !important; }

.lime-A200-border {
  border-color: #EEFF41 !important; }

.lime-A200-border-top {
  border-top-color: #EEFF41 !important; }

.lime-A200-border-right {
  border-right-color: #EEFF41 !important; }

.lime-A200-border-bottom {
  border-bottom-color: #EEFF41 !important; }

.lime-A200-border-left {
  border-left-color: #EEFF41 !important; }

.lime-A400-bg {
  background-color: #C6FF00 !important; }

.md-lime-A400-bg {
  background-color: #C6FF00 !important;
  color: rgba(0, 0, 0, 0.87); }

.lime-A400-fg {
  color: #C6FF00 !important; }

.lime-A400-border {
  border-color: #C6FF00 !important; }

.lime-A400-border-top {
  border-top-color: #C6FF00 !important; }

.lime-A400-border-right {
  border-right-color: #C6FF00 !important; }

.lime-A400-border-bottom {
  border-bottom-color: #C6FF00 !important; }

.lime-A400-border-left {
  border-left-color: #C6FF00 !important; }

.lime-A700-bg {
  background-color: #AEEA00 !important; }

.md-lime-A700-bg {
  background-color: #AEEA00 !important;
  color: rgba(0, 0, 0, 0.87); }

.lime-A700-fg {
  color: #AEEA00 !important; }

.lime-A700-border {
  border-color: #AEEA00 !important; }

.lime-A700-border-top {
  border-top-color: #AEEA00 !important; }

.lime-A700-border-right {
  border-right-color: #AEEA00 !important; }

.lime-A700-border-bottom {
  border-bottom-color: #AEEA00 !important; }

.lime-A700-border-left {
  border-left-color: #AEEA00 !important; }

.yellow-50-bg {
  background-color: #FFFDE7 !important; }

.md-yellow-50-bg {
  background-color: #FFFDE7 !important;
  color: rgba(0, 0, 0, 0.87); }

.yellow-50-fg {
  color: #FFFDE7 !important; }

.yellow-50-border {
  border-color: #FFFDE7 !important; }

.yellow-50-border-top {
  border-top-color: #FFFDE7 !important; }

.yellow-50-border-right {
  border-right-color: #FFFDE7 !important; }

.yellow-50-border-bottom {
  border-bottom-color: #FFFDE7 !important; }

.yellow-50-border-left {
  border-left-color: #FFFDE7 !important; }

.yellow-100-bg {
  background-color: #FFF9C4 !important; }

.md-yellow-100-bg {
  background-color: #FFF9C4 !important;
  color: rgba(0, 0, 0, 0.87); }

.yellow-100-fg {
  color: #FFF9C4 !important; }

.yellow-100-border {
  border-color: #FFF9C4 !important; }

.yellow-100-border-top {
  border-top-color: #FFF9C4 !important; }

.yellow-100-border-right {
  border-right-color: #FFF9C4 !important; }

.yellow-100-border-bottom {
  border-bottom-color: #FFF9C4 !important; }

.yellow-100-border-left {
  border-left-color: #FFF9C4 !important; }

.yellow-200-bg {
  background-color: #FFF59D !important; }

.md-yellow-200-bg {
  background-color: #FFF59D !important;
  color: rgba(0, 0, 0, 0.87); }

.yellow-200-fg {
  color: #FFF59D !important; }

.yellow-200-border {
  border-color: #FFF59D !important; }

.yellow-200-border-top {
  border-top-color: #FFF59D !important; }

.yellow-200-border-right {
  border-right-color: #FFF59D !important; }

.yellow-200-border-bottom {
  border-bottom-color: #FFF59D !important; }

.yellow-200-border-left {
  border-left-color: #FFF59D !important; }

.yellow-300-bg {
  background-color: #FFF176 !important; }

.md-yellow-300-bg {
  background-color: #FFF176 !important;
  color: rgba(0, 0, 0, 0.87); }

.yellow-300-fg {
  color: #FFF176 !important; }

.yellow-300-border {
  border-color: #FFF176 !important; }

.yellow-300-border-top {
  border-top-color: #FFF176 !important; }

.yellow-300-border-right {
  border-right-color: #FFF176 !important; }

.yellow-300-border-bottom {
  border-bottom-color: #FFF176 !important; }

.yellow-300-border-left {
  border-left-color: #FFF176 !important; }

.yellow-400-bg {
  background-color: #FFEE58 !important; }

.md-yellow-400-bg {
  background-color: #FFEE58 !important;
  color: rgba(0, 0, 0, 0.87); }

.yellow-400-fg {
  color: #FFEE58 !important; }

.yellow-400-border {
  border-color: #FFEE58 !important; }

.yellow-400-border-top {
  border-top-color: #FFEE58 !important; }

.yellow-400-border-right {
  border-right-color: #FFEE58 !important; }

.yellow-400-border-bottom {
  border-bottom-color: #FFEE58 !important; }

.yellow-400-border-left {
  border-left-color: #FFEE58 !important; }

.yellow-500-bg {
  background-color: #FFEB3B !important; }

.md-yellow-500-bg {
  background-color: #FFEB3B !important;
  color: rgba(0, 0, 0, 0.87); }

.yellow-500-fg {
  color: #FFEB3B !important; }

.yellow-500-border {
  border-color: #FFEB3B !important; }

.yellow-500-border-top {
  border-top-color: #FFEB3B !important; }

.yellow-500-border-right {
  border-right-color: #FFEB3B !important; }

.yellow-500-border-bottom {
  border-bottom-color: #FFEB3B !important; }

.yellow-500-border-left {
  border-left-color: #FFEB3B !important; }

.md-yellow-bg {
  background-color: #FFEB3B !important;
  color: rgba(0, 0, 0, 0.87); }

.yellow-bg {
  background-color: #FFEB3B !important; }

.yellow-fg {
  color: #FFEB3B !important; }

.yellow-border {
  border-color: #FFEB3B !important; }

.yellow-border-top {
  border-top-color: #FFEB3B !important; }

.yellow-border-right {
  border-right-color: #FFEB3B !important; }

.yellow-border-bottom {
  border-bottom-color: #FFEB3B !important; }

.yellow-border-left {
  border-left-color: #FFEB3B !important; }

.yellow-600-bg {
  background-color: #FDD835 !important; }

.md-yellow-600-bg {
  background-color: #FDD835 !important;
  color: rgba(0, 0, 0, 0.87); }

.yellow-600-fg {
  color: #FDD835 !important; }

.yellow-600-border {
  border-color: #FDD835 !important; }

.yellow-600-border-top {
  border-top-color: #FDD835 !important; }

.yellow-600-border-right {
  border-right-color: #FDD835 !important; }

.yellow-600-border-bottom {
  border-bottom-color: #FDD835 !important; }

.yellow-600-border-left {
  border-left-color: #FDD835 !important; }

.yellow-700-bg {
  background-color: #FBC02D !important; }

.md-yellow-700-bg {
  background-color: #FBC02D !important;
  color: rgba(0, 0, 0, 0.87); }

.yellow-700-fg {
  color: #FBC02D !important; }

.yellow-700-border {
  border-color: #FBC02D !important; }

.yellow-700-border-top {
  border-top-color: #FBC02D !important; }

.yellow-700-border-right {
  border-right-color: #FBC02D !important; }

.yellow-700-border-bottom {
  border-bottom-color: #FBC02D !important; }

.yellow-700-border-left {
  border-left-color: #FBC02D !important; }

.yellow-800-bg {
  background-color: #F9A825 !important; }

.md-yellow-800-bg {
  background-color: #F9A825 !important;
  color: rgba(0, 0, 0, 0.87); }

.yellow-800-fg {
  color: #F9A825 !important; }

.yellow-800-border {
  border-color: #F9A825 !important; }

.yellow-800-border-top {
  border-top-color: #F9A825 !important; }

.yellow-800-border-right {
  border-right-color: #F9A825 !important; }

.yellow-800-border-bottom {
  border-bottom-color: #F9A825 !important; }

.yellow-800-border-left {
  border-left-color: #F9A825 !important; }

.yellow-900-bg {
  background-color: #F57F17 !important; }

.md-yellow-900-bg {
  background-color: #F57F17 !important;
  color: rgba(0, 0, 0, 0.87); }

.yellow-900-fg {
  color: #F57F17 !important; }

.yellow-900-border {
  border-color: #F57F17 !important; }

.yellow-900-border-top {
  border-top-color: #F57F17 !important; }

.yellow-900-border-right {
  border-right-color: #F57F17 !important; }

.yellow-900-border-bottom {
  border-bottom-color: #F57F17 !important; }

.yellow-900-border-left {
  border-left-color: #F57F17 !important; }

.yellow-A100-bg {
  background-color: #FFFF8D !important; }

.md-yellow-A100-bg {
  background-color: #FFFF8D !important;
  color: rgba(0, 0, 0, 0.87); }

.yellow-A100-fg {
  color: #FFFF8D !important; }

.yellow-A100-border {
  border-color: #FFFF8D !important; }

.yellow-A100-border-top {
  border-top-color: #FFFF8D !important; }

.yellow-A100-border-right {
  border-right-color: #FFFF8D !important; }

.yellow-A100-border-bottom {
  border-bottom-color: #FFFF8D !important; }

.yellow-A100-border-left {
  border-left-color: #FFFF8D !important; }

.yellow-A200-bg {
  background-color: #FFFF00 !important; }

.md-yellow-A200-bg {
  background-color: #FFFF00 !important;
  color: rgba(0, 0, 0, 0.87); }

.yellow-A200-fg {
  color: #FFFF00 !important; }

.yellow-A200-border {
  border-color: #FFFF00 !important; }

.yellow-A200-border-top {
  border-top-color: #FFFF00 !important; }

.yellow-A200-border-right {
  border-right-color: #FFFF00 !important; }

.yellow-A200-border-bottom {
  border-bottom-color: #FFFF00 !important; }

.yellow-A200-border-left {
  border-left-color: #FFFF00 !important; }

.yellow-A400-bg {
  background-color: #FFEA00 !important; }

.md-yellow-A400-bg {
  background-color: #FFEA00 !important;
  color: rgba(0, 0, 0, 0.87); }

.yellow-A400-fg {
  color: #FFEA00 !important; }

.yellow-A400-border {
  border-color: #FFEA00 !important; }

.yellow-A400-border-top {
  border-top-color: #FFEA00 !important; }

.yellow-A400-border-right {
  border-right-color: #FFEA00 !important; }

.yellow-A400-border-bottom {
  border-bottom-color: #FFEA00 !important; }

.yellow-A400-border-left {
  border-left-color: #FFEA00 !important; }

.yellow-A700-bg {
  background-color: #FFD600 !important; }

.md-yellow-A700-bg {
  background-color: #FFD600 !important;
  color: rgba(0, 0, 0, 0.87); }

.yellow-A700-fg {
  color: #FFD600 !important; }

.yellow-A700-border {
  border-color: #FFD600 !important; }

.yellow-A700-border-top {
  border-top-color: #FFD600 !important; }

.yellow-A700-border-right {
  border-right-color: #FFD600 !important; }

.yellow-A700-border-bottom {
  border-bottom-color: #FFD600 !important; }

.yellow-A700-border-left {
  border-left-color: #FFD600 !important; }

.amber-50-bg {
  background-color: #FFF8E1 !important; }

.md-amber-50-bg {
  background-color: #FFF8E1 !important;
  color: rgba(0, 0, 0, 0.87); }

.amber-50-fg {
  color: #FFF8E1 !important; }

.amber-50-border {
  border-color: #FFF8E1 !important; }

.amber-50-border-top {
  border-top-color: #FFF8E1 !important; }

.amber-50-border-right {
  border-right-color: #FFF8E1 !important; }

.amber-50-border-bottom {
  border-bottom-color: #FFF8E1 !important; }

.amber-50-border-left {
  border-left-color: #FFF8E1 !important; }

.amber-100-bg {
  background-color: #FFECB3 !important; }

.md-amber-100-bg {
  background-color: #FFECB3 !important;
  color: rgba(0, 0, 0, 0.87); }

.amber-100-fg {
  color: #FFECB3 !important; }

.amber-100-border {
  border-color: #FFECB3 !important; }

.amber-100-border-top {
  border-top-color: #FFECB3 !important; }

.amber-100-border-right {
  border-right-color: #FFECB3 !important; }

.amber-100-border-bottom {
  border-bottom-color: #FFECB3 !important; }

.amber-100-border-left {
  border-left-color: #FFECB3 !important; }

.amber-200-bg {
  background-color: #FFE082 !important; }

.md-amber-200-bg {
  background-color: #FFE082 !important;
  color: rgba(0, 0, 0, 0.87); }

.amber-200-fg {
  color: #FFE082 !important; }

.amber-200-border {
  border-color: #FFE082 !important; }

.amber-200-border-top {
  border-top-color: #FFE082 !important; }

.amber-200-border-right {
  border-right-color: #FFE082 !important; }

.amber-200-border-bottom {
  border-bottom-color: #FFE082 !important; }

.amber-200-border-left {
  border-left-color: #FFE082 !important; }

.amber-300-bg {
  background-color: #FFD54F !important; }

.md-amber-300-bg {
  background-color: #FFD54F !important;
  color: rgba(0, 0, 0, 0.87); }

.amber-300-fg {
  color: #FFD54F !important; }

.amber-300-border {
  border-color: #FFD54F !important; }

.amber-300-border-top {
  border-top-color: #FFD54F !important; }

.amber-300-border-right {
  border-right-color: #FFD54F !important; }

.amber-300-border-bottom {
  border-bottom-color: #FFD54F !important; }

.amber-300-border-left {
  border-left-color: #FFD54F !important; }

.amber-400-bg {
  background-color: #FFCA28 !important; }

.md-amber-400-bg {
  background-color: #FFCA28 !important;
  color: rgba(0, 0, 0, 0.87); }

.amber-400-fg {
  color: #FFCA28 !important; }

.amber-400-border {
  border-color: #FFCA28 !important; }

.amber-400-border-top {
  border-top-color: #FFCA28 !important; }

.amber-400-border-right {
  border-right-color: #FFCA28 !important; }

.amber-400-border-bottom {
  border-bottom-color: #FFCA28 !important; }

.amber-400-border-left {
  border-left-color: #FFCA28 !important; }

.amber-500-bg {
  background-color: #FFC107 !important; }

.md-amber-500-bg {
  background-color: #FFC107 !important;
  color: rgba(0, 0, 0, 0.87); }

.amber-500-fg {
  color: #FFC107 !important; }

.amber-500-border {
  border-color: #FFC107 !important; }

.amber-500-border-top {
  border-top-color: #FFC107 !important; }

.amber-500-border-right {
  border-right-color: #FFC107 !important; }

.amber-500-border-bottom {
  border-bottom-color: #FFC107 !important; }

.amber-500-border-left {
  border-left-color: #FFC107 !important; }

.md-amber-bg {
  background-color: #FFC107 !important;
  color: rgba(0, 0, 0, 0.87); }

.amber-bg {
  background-color: #FFC107 !important; }

.amber-fg {
  color: #FFC107 !important; }

.amber-border {
  border-color: #FFC107 !important; }

.amber-border-top {
  border-top-color: #FFC107 !important; }

.amber-border-right {
  border-right-color: #FFC107 !important; }

.amber-border-bottom {
  border-bottom-color: #FFC107 !important; }

.amber-border-left {
  border-left-color: #FFC107 !important; }

.amber-600-bg {
  background-color: #FFB300 !important; }

.md-amber-600-bg {
  background-color: #FFB300 !important;
  color: rgba(0, 0, 0, 0.87); }

.amber-600-fg {
  color: #FFB300 !important; }

.amber-600-border {
  border-color: #FFB300 !important; }

.amber-600-border-top {
  border-top-color: #FFB300 !important; }

.amber-600-border-right {
  border-right-color: #FFB300 !important; }

.amber-600-border-bottom {
  border-bottom-color: #FFB300 !important; }

.amber-600-border-left {
  border-left-color: #FFB300 !important; }

.amber-700-bg {
  background-color: #FFA000 !important; }

.md-amber-700-bg {
  background-color: #FFA000 !important;
  color: rgba(0, 0, 0, 0.87); }

.amber-700-fg {
  color: #FFA000 !important; }

.amber-700-border {
  border-color: #FFA000 !important; }

.amber-700-border-top {
  border-top-color: #FFA000 !important; }

.amber-700-border-right {
  border-right-color: #FFA000 !important; }

.amber-700-border-bottom {
  border-bottom-color: #FFA000 !important; }

.amber-700-border-left {
  border-left-color: #FFA000 !important; }

.amber-800-bg {
  background-color: #FF8F00 !important; }

.md-amber-800-bg {
  background-color: #FF8F00 !important;
  color: rgba(0, 0, 0, 0.87); }

.amber-800-fg {
  color: #FF8F00 !important; }

.amber-800-border {
  border-color: #FF8F00 !important; }

.amber-800-border-top {
  border-top-color: #FF8F00 !important; }

.amber-800-border-right {
  border-right-color: #FF8F00 !important; }

.amber-800-border-bottom {
  border-bottom-color: #FF8F00 !important; }

.amber-800-border-left {
  border-left-color: #FF8F00 !important; }

.amber-900-bg {
  background-color: #FF6F00 !important; }

.md-amber-900-bg {
  background-color: #FF6F00 !important;
  color: rgba(0, 0, 0, 0.87); }

.amber-900-fg {
  color: #FF6F00 !important; }

.amber-900-border {
  border-color: #FF6F00 !important; }

.amber-900-border-top {
  border-top-color: #FF6F00 !important; }

.amber-900-border-right {
  border-right-color: #FF6F00 !important; }

.amber-900-border-bottom {
  border-bottom-color: #FF6F00 !important; }

.amber-900-border-left {
  border-left-color: #FF6F00 !important; }

.amber-A100-bg {
  background-color: #FFE57F !important; }

.md-amber-A100-bg {
  background-color: #FFE57F !important;
  color: rgba(0, 0, 0, 0.87); }

.amber-A100-fg {
  color: #FFE57F !important; }

.amber-A100-border {
  border-color: #FFE57F !important; }

.amber-A100-border-top {
  border-top-color: #FFE57F !important; }

.amber-A100-border-right {
  border-right-color: #FFE57F !important; }

.amber-A100-border-bottom {
  border-bottom-color: #FFE57F !important; }

.amber-A100-border-left {
  border-left-color: #FFE57F !important; }

.amber-A200-bg {
  background-color: #FFD740 !important; }

.md-amber-A200-bg {
  background-color: #FFD740 !important;
  color: rgba(0, 0, 0, 0.87); }

.amber-A200-fg {
  color: #FFD740 !important; }

.amber-A200-border {
  border-color: #FFD740 !important; }

.amber-A200-border-top {
  border-top-color: #FFD740 !important; }

.amber-A200-border-right {
  border-right-color: #FFD740 !important; }

.amber-A200-border-bottom {
  border-bottom-color: #FFD740 !important; }

.amber-A200-border-left {
  border-left-color: #FFD740 !important; }

.amber-A400-bg {
  background-color: #FFC400 !important; }

.md-amber-A400-bg {
  background-color: #FFC400 !important;
  color: rgba(0, 0, 0, 0.87); }

.amber-A400-fg {
  color: #FFC400 !important; }

.amber-A400-border {
  border-color: #FFC400 !important; }

.amber-A400-border-top {
  border-top-color: #FFC400 !important; }

.amber-A400-border-right {
  border-right-color: #FFC400 !important; }

.amber-A400-border-bottom {
  border-bottom-color: #FFC400 !important; }

.amber-A400-border-left {
  border-left-color: #FFC400 !important; }

.amber-A700-bg {
  background-color: #FFAB00 !important; }

.md-amber-A700-bg {
  background-color: #FFAB00 !important;
  color: rgba(0, 0, 0, 0.87); }

.amber-A700-fg {
  color: #FFAB00 !important; }

.amber-A700-border {
  border-color: #FFAB00 !important; }

.amber-A700-border-top {
  border-top-color: #FFAB00 !important; }

.amber-A700-border-right {
  border-right-color: #FFAB00 !important; }

.amber-A700-border-bottom {
  border-bottom-color: #FFAB00 !important; }

.amber-A700-border-left {
  border-left-color: #FFAB00 !important; }

.orange-50-bg {
  background-color: #FFF3E0 !important; }

.md-orange-50-bg {
  background-color: #FFF3E0 !important;
  color: rgba(0, 0, 0, 0.87); }

.orange-50-fg {
  color: #FFF3E0 !important; }

.orange-50-border {
  border-color: #FFF3E0 !important; }

.orange-50-border-top {
  border-top-color: #FFF3E0 !important; }

.orange-50-border-right {
  border-right-color: #FFF3E0 !important; }

.orange-50-border-bottom {
  border-bottom-color: #FFF3E0 !important; }

.orange-50-border-left {
  border-left-color: #FFF3E0 !important; }

.orange-100-bg {
  background-color: #FFE0B2 !important; }

.md-orange-100-bg {
  background-color: #FFE0B2 !important;
  color: rgba(0, 0, 0, 0.87); }

.orange-100-fg {
  color: #FFE0B2 !important; }

.orange-100-border {
  border-color: #FFE0B2 !important; }

.orange-100-border-top {
  border-top-color: #FFE0B2 !important; }

.orange-100-border-right {
  border-right-color: #FFE0B2 !important; }

.orange-100-border-bottom {
  border-bottom-color: #FFE0B2 !important; }

.orange-100-border-left {
  border-left-color: #FFE0B2 !important; }

.orange-200-bg {
  background-color: #FFCC80 !important; }

.md-orange-200-bg {
  background-color: #FFCC80 !important;
  color: rgba(0, 0, 0, 0.87); }

.orange-200-fg {
  color: #FFCC80 !important; }

.orange-200-border {
  border-color: #FFCC80 !important; }

.orange-200-border-top {
  border-top-color: #FFCC80 !important; }

.orange-200-border-right {
  border-right-color: #FFCC80 !important; }

.orange-200-border-bottom {
  border-bottom-color: #FFCC80 !important; }

.orange-200-border-left {
  border-left-color: #FFCC80 !important; }

.orange-300-bg {
  background-color: #FFB74D !important; }

.md-orange-300-bg {
  background-color: #FFB74D !important;
  color: rgba(0, 0, 0, 0.87); }

.orange-300-fg {
  color: #FFB74D !important; }

.orange-300-border {
  border-color: #FFB74D !important; }

.orange-300-border-top {
  border-top-color: #FFB74D !important; }

.orange-300-border-right {
  border-right-color: #FFB74D !important; }

.orange-300-border-bottom {
  border-bottom-color: #FFB74D !important; }

.orange-300-border-left {
  border-left-color: #FFB74D !important; }

.orange-400-bg {
  background-color: #FFA726 !important; }

.md-orange-400-bg {
  background-color: #FFA726 !important;
  color: rgba(0, 0, 0, 0.87); }

.orange-400-fg {
  color: #FFA726 !important; }

.orange-400-border {
  border-color: #FFA726 !important; }

.orange-400-border-top {
  border-top-color: #FFA726 !important; }

.orange-400-border-right {
  border-right-color: #FFA726 !important; }

.orange-400-border-bottom {
  border-bottom-color: #FFA726 !important; }

.orange-400-border-left {
  border-left-color: #FFA726 !important; }

.orange-500-bg {
  background-color: #FF9800 !important; }

.md-orange-500-bg {
  background-color: #FF9800 !important;
  color: rgba(0, 0, 0, 0.87); }

.orange-500-fg {
  color: #FF9800 !important; }

.orange-500-border {
  border-color: #FF9800 !important; }

.orange-500-border-top {
  border-top-color: #FF9800 !important; }

.orange-500-border-right {
  border-right-color: #FF9800 !important; }

.orange-500-border-bottom {
  border-bottom-color: #FF9800 !important; }

.orange-500-border-left {
  border-left-color: #FF9800 !important; }

.md-orange-bg {
  background-color: #FF9800 !important;
  color: rgba(0, 0, 0, 0.87); }

.orange-bg {
  background-color: #FF9800 !important; }

.orange-fg {
  color: #FF9800 !important; }

.orange-border {
  border-color: #FF9800 !important; }

.orange-border-top {
  border-top-color: #FF9800 !important; }

.orange-border-right {
  border-right-color: #FF9800 !important; }

.orange-border-bottom {
  border-bottom-color: #FF9800 !important; }

.orange-border-left {
  border-left-color: #FF9800 !important; }

.orange-600-bg {
  background-color: #FB8C00 !important; }

.md-orange-600-bg {
  background-color: #FB8C00 !important;
  color: rgba(0, 0, 0, 0.87); }

.orange-600-fg {
  color: #FB8C00 !important; }

.orange-600-border {
  border-color: #FB8C00 !important; }

.orange-600-border-top {
  border-top-color: #FB8C00 !important; }

.orange-600-border-right {
  border-right-color: #FB8C00 !important; }

.orange-600-border-bottom {
  border-bottom-color: #FB8C00 !important; }

.orange-600-border-left {
  border-left-color: #FB8C00 !important; }

.orange-700-bg {
  background-color: #F57C00 !important; }

.md-orange-700-bg {
  background-color: #F57C00 !important;
  color: rgba(0, 0, 0, 0.87); }

.orange-700-fg {
  color: #F57C00 !important; }

.orange-700-border {
  border-color: #F57C00 !important; }

.orange-700-border-top {
  border-top-color: #F57C00 !important; }

.orange-700-border-right {
  border-right-color: #F57C00 !important; }

.orange-700-border-bottom {
  border-bottom-color: #F57C00 !important; }

.orange-700-border-left {
  border-left-color: #F57C00 !important; }

.orange-800-bg {
  background-color: #EF6C00 !important; }

.md-orange-800-bg {
  background-color: #EF6C00 !important;
  color: white; }

.orange-800-fg {
  color: #EF6C00 !important; }

.orange-800-border {
  border-color: #EF6C00 !important; }

.orange-800-border-top {
  border-top-color: #EF6C00 !important; }

.orange-800-border-right {
  border-right-color: #EF6C00 !important; }

.orange-800-border-bottom {
  border-bottom-color: #EF6C00 !important; }

.orange-800-border-left {
  border-left-color: #EF6C00 !important; }

.orange-900-bg {
  background-color: #E65100 !important; }

.md-orange-900-bg {
  background-color: #E65100 !important;
  color: white; }

.orange-900-fg {
  color: #E65100 !important; }

.orange-900-border {
  border-color: #E65100 !important; }

.orange-900-border-top {
  border-top-color: #E65100 !important; }

.orange-900-border-right {
  border-right-color: #E65100 !important; }

.orange-900-border-bottom {
  border-bottom-color: #E65100 !important; }

.orange-900-border-left {
  border-left-color: #E65100 !important; }

.orange-A100-bg {
  background-color: #FFD180 !important; }

.md-orange-A100-bg {
  background-color: #FFD180 !important;
  color: rgba(0, 0, 0, 0.87); }

.orange-A100-fg {
  color: #FFD180 !important; }

.orange-A100-border {
  border-color: #FFD180 !important; }

.orange-A100-border-top {
  border-top-color: #FFD180 !important; }

.orange-A100-border-right {
  border-right-color: #FFD180 !important; }

.orange-A100-border-bottom {
  border-bottom-color: #FFD180 !important; }

.orange-A100-border-left {
  border-left-color: #FFD180 !important; }

.orange-A200-bg {
  background-color: #FFAB40 !important; }

.md-orange-A200-bg {
  background-color: #FFAB40 !important;
  color: rgba(0, 0, 0, 0.87); }

.orange-A200-fg {
  color: #FFAB40 !important; }

.orange-A200-border {
  border-color: #FFAB40 !important; }

.orange-A200-border-top {
  border-top-color: #FFAB40 !important; }

.orange-A200-border-right {
  border-right-color: #FFAB40 !important; }

.orange-A200-border-bottom {
  border-bottom-color: #FFAB40 !important; }

.orange-A200-border-left {
  border-left-color: #FFAB40 !important; }

.orange-A400-bg {
  background-color: #FF9100 !important; }

.md-orange-A400-bg {
  background-color: #FF9100 !important;
  color: rgba(0, 0, 0, 0.87); }

.orange-A400-fg {
  color: #FF9100 !important; }

.orange-A400-border {
  border-color: #FF9100 !important; }

.orange-A400-border-top {
  border-top-color: #FF9100 !important; }

.orange-A400-border-right {
  border-right-color: #FF9100 !important; }

.orange-A400-border-bottom {
  border-bottom-color: #FF9100 !important; }

.orange-A400-border-left {
  border-left-color: #FF9100 !important; }

.orange-A700-bg {
  background-color: #FF6D00 !important; }

.md-orange-A700-bg {
  background-color: #FF6D00 !important;
  color: rgba(0, 0, 0, 0.87); }

.orange-A700-fg {
  color: #FF6D00 !important; }

.orange-A700-border {
  border-color: #FF6D00 !important; }

.orange-A700-border-top {
  border-top-color: #FF6D00 !important; }

.orange-A700-border-right {
  border-right-color: #FF6D00 !important; }

.orange-A700-border-bottom {
  border-bottom-color: #FF6D00 !important; }

.orange-A700-border-left {
  border-left-color: #FF6D00 !important; }

.deep-orange-50-bg {
  background-color: #FBE9E7 !important; }

.md-deep-orange-50-bg {
  background-color: #FBE9E7 !important;
  color: rgba(0, 0, 0, 0.87); }

.deep-orange-50-fg {
  color: #FBE9E7 !important; }

.deep-orange-50-border {
  border-color: #FBE9E7 !important; }

.deep-orange-50-border-top {
  border-top-color: #FBE9E7 !important; }

.deep-orange-50-border-right {
  border-right-color: #FBE9E7 !important; }

.deep-orange-50-border-bottom {
  border-bottom-color: #FBE9E7 !important; }

.deep-orange-50-border-left {
  border-left-color: #FBE9E7 !important; }

.deep-orange-100-bg {
  background-color: #FFCCBC !important; }

.md-deep-orange-100-bg {
  background-color: #FFCCBC !important;
  color: rgba(0, 0, 0, 0.87); }

.deep-orange-100-fg {
  color: #FFCCBC !important; }

.deep-orange-100-border {
  border-color: #FFCCBC !important; }

.deep-orange-100-border-top {
  border-top-color: #FFCCBC !important; }

.deep-orange-100-border-right {
  border-right-color: #FFCCBC !important; }

.deep-orange-100-border-bottom {
  border-bottom-color: #FFCCBC !important; }

.deep-orange-100-border-left {
  border-left-color: #FFCCBC !important; }

.deep-orange-200-bg {
  background-color: #FFAB91 !important; }

.md-deep-orange-200-bg {
  background-color: #FFAB91 !important;
  color: rgba(0, 0, 0, 0.87); }

.deep-orange-200-fg {
  color: #FFAB91 !important; }

.deep-orange-200-border {
  border-color: #FFAB91 !important; }

.deep-orange-200-border-top {
  border-top-color: #FFAB91 !important; }

.deep-orange-200-border-right {
  border-right-color: #FFAB91 !important; }

.deep-orange-200-border-bottom {
  border-bottom-color: #FFAB91 !important; }

.deep-orange-200-border-left {
  border-left-color: #FFAB91 !important; }

.deep-orange-300-bg {
  background-color: #FF8A65 !important; }

.md-deep-orange-300-bg {
  background-color: #FF8A65 !important;
  color: rgba(0, 0, 0, 0.87); }

.deep-orange-300-fg {
  color: #FF8A65 !important; }

.deep-orange-300-border {
  border-color: #FF8A65 !important; }

.deep-orange-300-border-top {
  border-top-color: #FF8A65 !important; }

.deep-orange-300-border-right {
  border-right-color: #FF8A65 !important; }

.deep-orange-300-border-bottom {
  border-bottom-color: #FF8A65 !important; }

.deep-orange-300-border-left {
  border-left-color: #FF8A65 !important; }

.deep-orange-400-bg {
  background-color: #FF7043 !important; }

.md-deep-orange-400-bg {
  background-color: #FF7043 !important;
  color: rgba(0, 0, 0, 0.87); }

.deep-orange-400-fg {
  color: #FF7043 !important; }

.deep-orange-400-border {
  border-color: #FF7043 !important; }

.deep-orange-400-border-top {
  border-top-color: #FF7043 !important; }

.deep-orange-400-border-right {
  border-right-color: #FF7043 !important; }

.deep-orange-400-border-bottom {
  border-bottom-color: #FF7043 !important; }

.deep-orange-400-border-left {
  border-left-color: #FF7043 !important; }

.deep-orange-500-bg {
  background-color: #FF5722 !important; }

.md-deep-orange-500-bg {
  background-color: #FF5722 !important;
  color: white; }

.deep-orange-500-fg {
  color: #FF5722 !important; }

.deep-orange-500-border {
  border-color: #FF5722 !important; }

.deep-orange-500-border-top {
  border-top-color: #FF5722 !important; }

.deep-orange-500-border-right {
  border-right-color: #FF5722 !important; }

.deep-orange-500-border-bottom {
  border-bottom-color: #FF5722 !important; }

.deep-orange-500-border-left {
  border-left-color: #FF5722 !important; }

.md-deep-orange-bg {
  background-color: #FF5722 !important;
  color: white; }

.deep-orange-bg {
  background-color: #FF5722 !important; }

.deep-orange-fg {
  color: #FF5722 !important; }

.deep-orange-border {
  border-color: #FF5722 !important; }

.deep-orange-border-top {
  border-top-color: #FF5722 !important; }

.deep-orange-border-right {
  border-right-color: #FF5722 !important; }

.deep-orange-border-bottom {
  border-bottom-color: #FF5722 !important; }

.deep-orange-border-left {
  border-left-color: #FF5722 !important; }

.deep-orange-600-bg {
  background-color: #F4511E !important; }

.md-deep-orange-600-bg {
  background-color: #F4511E !important;
  color: white; }

.deep-orange-600-fg {
  color: #F4511E !important; }

.deep-orange-600-border {
  border-color: #F4511E !important; }

.deep-orange-600-border-top {
  border-top-color: #F4511E !important; }

.deep-orange-600-border-right {
  border-right-color: #F4511E !important; }

.deep-orange-600-border-bottom {
  border-bottom-color: #F4511E !important; }

.deep-orange-600-border-left {
  border-left-color: #F4511E !important; }

.deep-orange-700-bg {
  background-color: #E64A19 !important; }

.md-deep-orange-700-bg {
  background-color: #E64A19 !important;
  color: white; }

.deep-orange-700-fg {
  color: #E64A19 !important; }

.deep-orange-700-border {
  border-color: #E64A19 !important; }

.deep-orange-700-border-top {
  border-top-color: #E64A19 !important; }

.deep-orange-700-border-right {
  border-right-color: #E64A19 !important; }

.deep-orange-700-border-bottom {
  border-bottom-color: #E64A19 !important; }

.deep-orange-700-border-left {
  border-left-color: #E64A19 !important; }

.deep-orange-800-bg {
  background-color: #D84315 !important; }

.md-deep-orange-800-bg {
  background-color: #D84315 !important;
  color: white; }

.deep-orange-800-fg {
  color: #D84315 !important; }

.deep-orange-800-border {
  border-color: #D84315 !important; }

.deep-orange-800-border-top {
  border-top-color: #D84315 !important; }

.deep-orange-800-border-right {
  border-right-color: #D84315 !important; }

.deep-orange-800-border-bottom {
  border-bottom-color: #D84315 !important; }

.deep-orange-800-border-left {
  border-left-color: #D84315 !important; }

.deep-orange-900-bg {
  background-color: #BF360C !important; }

.md-deep-orange-900-bg {
  background-color: #BF360C !important;
  color: white; }

.deep-orange-900-fg {
  color: #BF360C !important; }

.deep-orange-900-border {
  border-color: #BF360C !important; }

.deep-orange-900-border-top {
  border-top-color: #BF360C !important; }

.deep-orange-900-border-right {
  border-right-color: #BF360C !important; }

.deep-orange-900-border-bottom {
  border-bottom-color: #BF360C !important; }

.deep-orange-900-border-left {
  border-left-color: #BF360C !important; }

.deep-orange-A100-bg {
  background-color: #FF9E80 !important; }

.md-deep-orange-A100-bg {
  background-color: #FF9E80 !important;
  color: rgba(0, 0, 0, 0.87); }

.deep-orange-A100-fg {
  color: #FF9E80 !important; }

.deep-orange-A100-border {
  border-color: #FF9E80 !important; }

.deep-orange-A100-border-top {
  border-top-color: #FF9E80 !important; }

.deep-orange-A100-border-right {
  border-right-color: #FF9E80 !important; }

.deep-orange-A100-border-bottom {
  border-bottom-color: #FF9E80 !important; }

.deep-orange-A100-border-left {
  border-left-color: #FF9E80 !important; }

.deep-orange-A200-bg {
  background-color: #FF6E40 !important; }

.md-deep-orange-A200-bg {
  background-color: #FF6E40 !important;
  color: rgba(0, 0, 0, 0.87); }

.deep-orange-A200-fg {
  color: #FF6E40 !important; }

.deep-orange-A200-border {
  border-color: #FF6E40 !important; }

.deep-orange-A200-border-top {
  border-top-color: #FF6E40 !important; }

.deep-orange-A200-border-right {
  border-right-color: #FF6E40 !important; }

.deep-orange-A200-border-bottom {
  border-bottom-color: #FF6E40 !important; }

.deep-orange-A200-border-left {
  border-left-color: #FF6E40 !important; }

.deep-orange-A400-bg {
  background-color: #FF3D00 !important; }

.md-deep-orange-A400-bg {
  background-color: #FF3D00 !important;
  color: white; }

.deep-orange-A400-fg {
  color: #FF3D00 !important; }

.deep-orange-A400-border {
  border-color: #FF3D00 !important; }

.deep-orange-A400-border-top {
  border-top-color: #FF3D00 !important; }

.deep-orange-A400-border-right {
  border-right-color: #FF3D00 !important; }

.deep-orange-A400-border-bottom {
  border-bottom-color: #FF3D00 !important; }

.deep-orange-A400-border-left {
  border-left-color: #FF3D00 !important; }

.deep-orange-A700-bg {
  background-color: #DD2C00 !important; }

.md-deep-orange-A700-bg {
  background-color: #DD2C00 !important;
  color: white; }

.deep-orange-A700-fg {
  color: #DD2C00 !important; }

.deep-orange-A700-border {
  border-color: #DD2C00 !important; }

.deep-orange-A700-border-top {
  border-top-color: #DD2C00 !important; }

.deep-orange-A700-border-right {
  border-right-color: #DD2C00 !important; }

.deep-orange-A700-border-bottom {
  border-bottom-color: #DD2C00 !important; }

.deep-orange-A700-border-left {
  border-left-color: #DD2C00 !important; }

.brown-50-bg {
  background-color: #EFEBE9 !important; }

.md-brown-50-bg {
  background-color: #EFEBE9 !important;
  color: rgba(0, 0, 0, 0.87); }

.brown-50-fg {
  color: #EFEBE9 !important; }

.brown-50-border {
  border-color: #EFEBE9 !important; }

.brown-50-border-top {
  border-top-color: #EFEBE9 !important; }

.brown-50-border-right {
  border-right-color: #EFEBE9 !important; }

.brown-50-border-bottom {
  border-bottom-color: #EFEBE9 !important; }

.brown-50-border-left {
  border-left-color: #EFEBE9 !important; }

.brown-100-bg {
  background-color: #D7CCC8 !important; }

.md-brown-100-bg {
  background-color: #D7CCC8 !important;
  color: rgba(0, 0, 0, 0.87); }

.brown-100-fg {
  color: #D7CCC8 !important; }

.brown-100-border {
  border-color: #D7CCC8 !important; }

.brown-100-border-top {
  border-top-color: #D7CCC8 !important; }

.brown-100-border-right {
  border-right-color: #D7CCC8 !important; }

.brown-100-border-bottom {
  border-bottom-color: #D7CCC8 !important; }

.brown-100-border-left {
  border-left-color: #D7CCC8 !important; }

.brown-200-bg {
  background-color: #BCAAA4 !important; }

.md-brown-200-bg {
  background-color: #BCAAA4 !important;
  color: rgba(0, 0, 0, 0.87); }

.brown-200-fg {
  color: #BCAAA4 !important; }

.brown-200-border {
  border-color: #BCAAA4 !important; }

.brown-200-border-top {
  border-top-color: #BCAAA4 !important; }

.brown-200-border-right {
  border-right-color: #BCAAA4 !important; }

.brown-200-border-bottom {
  border-bottom-color: #BCAAA4 !important; }

.brown-200-border-left {
  border-left-color: #BCAAA4 !important; }

.brown-300-bg {
  background-color: #A1887F !important; }

.md-brown-300-bg {
  background-color: #A1887F !important;
  color: white; }

.brown-300-fg {
  color: #A1887F !important; }

.brown-300-border {
  border-color: #A1887F !important; }

.brown-300-border-top {
  border-top-color: #A1887F !important; }

.brown-300-border-right {
  border-right-color: #A1887F !important; }

.brown-300-border-bottom {
  border-bottom-color: #A1887F !important; }

.brown-300-border-left {
  border-left-color: #A1887F !important; }

.brown-400-bg {
  background-color: #8D6E63 !important; }

.md-brown-400-bg {
  background-color: #8D6E63 !important;
  color: white; }

.brown-400-fg {
  color: #8D6E63 !important; }

.brown-400-border {
  border-color: #8D6E63 !important; }

.brown-400-border-top {
  border-top-color: #8D6E63 !important; }

.brown-400-border-right {
  border-right-color: #8D6E63 !important; }

.brown-400-border-bottom {
  border-bottom-color: #8D6E63 !important; }

.brown-400-border-left {
  border-left-color: #8D6E63 !important; }

.brown-500-bg {
  background-color: #795548 !important; }

.md-brown-500-bg {
  background-color: #795548 !important;
  color: rgba(255, 255, 255, 0.87); }

.brown-500-fg {
  color: #795548 !important; }

.brown-500-border {
  border-color: #795548 !important; }

.brown-500-border-top {
  border-top-color: #795548 !important; }

.brown-500-border-right {
  border-right-color: #795548 !important; }

.brown-500-border-bottom {
  border-bottom-color: #795548 !important; }

.brown-500-border-left {
  border-left-color: #795548 !important; }

.md-brown-bg {
  background-color: #795548 !important;
  color: rgba(255, 255, 255, 0.87); }

.brown-bg {
  background-color: #795548 !important; }

.brown-fg {
  color: #795548 !important; }

.brown-border {
  border-color: #795548 !important; }

.brown-border-top {
  border-top-color: #795548 !important; }

.brown-border-right {
  border-right-color: #795548 !important; }

.brown-border-bottom {
  border-bottom-color: #795548 !important; }

.brown-border-left {
  border-left-color: #795548 !important; }

.brown-600-bg {
  background-color: #6D4C41 !important; }

.md-brown-600-bg {
  background-color: #6D4C41 !important;
  color: rgba(255, 255, 255, 0.87); }

.brown-600-fg {
  color: #6D4C41 !important; }

.brown-600-border {
  border-color: #6D4C41 !important; }

.brown-600-border-top {
  border-top-color: #6D4C41 !important; }

.brown-600-border-right {
  border-right-color: #6D4C41 !important; }

.brown-600-border-bottom {
  border-bottom-color: #6D4C41 !important; }

.brown-600-border-left {
  border-left-color: #6D4C41 !important; }

.brown-700-bg {
  background-color: #5D4037 !important; }

.md-brown-700-bg {
  background-color: #5D4037 !important;
  color: rgba(255, 255, 255, 0.87); }

.brown-700-fg {
  color: #5D4037 !important; }

.brown-700-border {
  border-color: #5D4037 !important; }

.brown-700-border-top {
  border-top-color: #5D4037 !important; }

.brown-700-border-right {
  border-right-color: #5D4037 !important; }

.brown-700-border-bottom {
  border-bottom-color: #5D4037 !important; }

.brown-700-border-left {
  border-left-color: #5D4037 !important; }

.brown-800-bg {
  background-color: #4E342E !important; }

.md-brown-800-bg {
  background-color: #4E342E !important;
  color: rgba(255, 255, 255, 0.87); }

.brown-800-fg {
  color: #4E342E !important; }

.brown-800-border {
  border-color: #4E342E !important; }

.brown-800-border-top {
  border-top-color: #4E342E !important; }

.brown-800-border-right {
  border-right-color: #4E342E !important; }

.brown-800-border-bottom {
  border-bottom-color: #4E342E !important; }

.brown-800-border-left {
  border-left-color: #4E342E !important; }

.brown-900-bg {
  background-color: #3E2723 !important; }

.md-brown-900-bg {
  background-color: #3E2723 !important;
  color: rgba(255, 255, 255, 0.87); }

.brown-900-fg {
  color: #3E2723 !important; }

.brown-900-border {
  border-color: #3E2723 !important; }

.brown-900-border-top {
  border-top-color: #3E2723 !important; }

.brown-900-border-right {
  border-right-color: #3E2723 !important; }

.brown-900-border-bottom {
  border-bottom-color: #3E2723 !important; }

.brown-900-border-left {
  border-left-color: #3E2723 !important; }

.brown-A100-bg {
  background-color: #D7CCC8 !important; }

.md-brown-A100-bg {
  background-color: #D7CCC8 !important;
  color: rgba(255, 255, 255, 0.87); }

.brown-A100-fg {
  color: #D7CCC8 !important; }

.brown-A100-border {
  border-color: #D7CCC8 !important; }

.brown-A100-border-top {
  border-top-color: #D7CCC8 !important; }

.brown-A100-border-right {
  border-right-color: #D7CCC8 !important; }

.brown-A100-border-bottom {
  border-bottom-color: #D7CCC8 !important; }

.brown-A100-border-left {
  border-left-color: #D7CCC8 !important; }

.brown-A200-bg {
  background-color: #BCAAA4 !important; }

.md-brown-A200-bg {
  background-color: #BCAAA4 !important;
  color: rgba(255, 255, 255, 0.87); }

.brown-A200-fg {
  color: #BCAAA4 !important; }

.brown-A200-border {
  border-color: #BCAAA4 !important; }

.brown-A200-border-top {
  border-top-color: #BCAAA4 !important; }

.brown-A200-border-right {
  border-right-color: #BCAAA4 !important; }

.brown-A200-border-bottom {
  border-bottom-color: #BCAAA4 !important; }

.brown-A200-border-left {
  border-left-color: #BCAAA4 !important; }

.brown-A400-bg {
  background-color: #8D6E63 !important; }

.md-brown-A400-bg {
  background-color: #8D6E63 !important;
  color: rgba(255, 255, 255, 0.87); }

.brown-A400-fg {
  color: #8D6E63 !important; }

.brown-A400-border {
  border-color: #8D6E63 !important; }

.brown-A400-border-top {
  border-top-color: #8D6E63 !important; }

.brown-A400-border-right {
  border-right-color: #8D6E63 !important; }

.brown-A400-border-bottom {
  border-bottom-color: #8D6E63 !important; }

.brown-A400-border-left {
  border-left-color: #8D6E63 !important; }

.brown-A700-bg {
  background-color: #5D4037 !important; }

.md-brown-A700-bg {
  background-color: #5D4037 !important;
  color: rgba(255, 255, 255, 0.87); }

.brown-A700-fg {
  color: #5D4037 !important; }

.brown-A700-border {
  border-color: #5D4037 !important; }

.brown-A700-border-top {
  border-top-color: #5D4037 !important; }

.brown-A700-border-right {
  border-right-color: #5D4037 !important; }

.brown-A700-border-bottom {
  border-bottom-color: #5D4037 !important; }

.brown-A700-border-left {
  border-left-color: #5D4037 !important; }

.grey-50-bg {
  background-color: #FAFAFA !important; }

.md-grey-50-bg {
  background-color: #FAFAFA !important;
  color: rgba(0, 0, 0, 0.87); }

.grey-50-fg {
  color: #FAFAFA !important; }

.grey-50-border {
  border-color: #FAFAFA !important; }

.grey-50-border-top {
  border-top-color: #FAFAFA !important; }

.grey-50-border-right {
  border-right-color: #FAFAFA !important; }

.grey-50-border-bottom {
  border-bottom-color: #FAFAFA !important; }

.grey-50-border-left {
  border-left-color: #FAFAFA !important; }

.grey-100-bg {
  background-color: #F5F5F5 !important; }

.md-grey-100-bg {
  background-color: #F5F5F5 !important;
  color: rgba(0, 0, 0, 0.87); }

.grey-100-fg {
  color: #F5F5F5 !important; }

.grey-100-border {
  border-color: #F5F5F5 !important; }

.grey-100-border-top {
  border-top-color: #F5F5F5 !important; }

.grey-100-border-right {
  border-right-color: #F5F5F5 !important; }

.grey-100-border-bottom {
  border-bottom-color: #F5F5F5 !important; }

.grey-100-border-left {
  border-left-color: #F5F5F5 !important; }

.grey-200-bg {
  background-color: #EEEEEE !important; }

.md-grey-200-bg {
  background-color: #EEEEEE !important;
  color: rgba(0, 0, 0, 0.87); }

.grey-200-fg {
  color: #EEEEEE !important; }

.grey-200-border {
  border-color: #EEEEEE !important; }

.grey-200-border-top {
  border-top-color: #EEEEEE !important; }

.grey-200-border-right {
  border-right-color: #EEEEEE !important; }

.grey-200-border-bottom {
  border-bottom-color: #EEEEEE !important; }

.grey-200-border-left {
  border-left-color: #EEEEEE !important; }

.grey-300-bg {
  background-color: #E0E0E0 !important; }

.md-grey-300-bg {
  background-color: #E0E0E0 !important;
  color: rgba(0, 0, 0, 0.87); }

.grey-300-fg {
  color: #E0E0E0 !important; }

.grey-300-border {
  border-color: #E0E0E0 !important; }

.grey-300-border-top {
  border-top-color: #E0E0E0 !important; }

.grey-300-border-right {
  border-right-color: #E0E0E0 !important; }

.grey-300-border-bottom {
  border-bottom-color: #E0E0E0 !important; }

.grey-300-border-left {
  border-left-color: #E0E0E0 !important; }

.grey-400-bg {
  background-color: #BDBDBD !important; }

.md-grey-400-bg {
  background-color: #BDBDBD !important;
  color: rgba(0, 0, 0, 0.87); }

.grey-400-fg {
  color: #BDBDBD !important; }

.grey-400-border {
  border-color: #BDBDBD !important; }

.grey-400-border-top {
  border-top-color: #BDBDBD !important; }

.grey-400-border-right {
  border-right-color: #BDBDBD !important; }

.grey-400-border-bottom {
  border-bottom-color: #BDBDBD !important; }

.grey-400-border-left {
  border-left-color: #BDBDBD !important; }

.grey-500-bg {
  background-color: #9E9E9E !important; }

.md-grey-500-bg {
  background-color: #9E9E9E !important;
  color: rgba(0, 0, 0, 0.87); }

.grey-500-fg {
  color: #9E9E9E !important; }

.grey-500-border {
  border-color: #9E9E9E !important; }

.grey-500-border-top {
  border-top-color: #9E9E9E !important; }

.grey-500-border-right {
  border-right-color: #9E9E9E !important; }

.grey-500-border-bottom {
  border-bottom-color: #9E9E9E !important; }

.grey-500-border-left {
  border-left-color: #9E9E9E !important; }

.md-grey-bg {
  background-color: #9E9E9E !important;
  color: rgba(0, 0, 0, 0.87); }

.grey-bg {
  background-color: #9E9E9E !important; }

.grey-fg {
  color: #9E9E9E !important; }

.grey-border {
  border-color: #9E9E9E !important; }

.grey-border-top {
  border-top-color: #9E9E9E !important; }

.grey-border-right {
  border-right-color: #9E9E9E !important; }

.grey-border-bottom {
  border-bottom-color: #9E9E9E !important; }

.grey-border-left {
  border-left-color: #9E9E9E !important; }

.grey-600-bg {
  background-color: #757575 !important; }

.md-grey-600-bg {
  background-color: #757575 !important;
  color: rgba(255, 255, 255, 0.87); }

.grey-600-fg {
  color: #757575 !important; }

.grey-600-border {
  border-color: #757575 !important; }

.grey-600-border-top {
  border-top-color: #757575 !important; }

.grey-600-border-right {
  border-right-color: #757575 !important; }

.grey-600-border-bottom {
  border-bottom-color: #757575 !important; }

.grey-600-border-left {
  border-left-color: #757575 !important; }

.grey-700-bg {
  background-color: #616161 !important; }

.md-grey-700-bg {
  background-color: #616161 !important;
  color: rgba(255, 255, 255, 0.87); }

.grey-700-fg {
  color: #616161 !important; }

.grey-700-border {
  border-color: #616161 !important; }

.grey-700-border-top {
  border-top-color: #616161 !important; }

.grey-700-border-right {
  border-right-color: #616161 !important; }

.grey-700-border-bottom {
  border-bottom-color: #616161 !important; }

.grey-700-border-left {
  border-left-color: #616161 !important; }

.grey-800-bg {
  background-color: #424242 !important; }

.md-grey-800-bg {
  background-color: #424242 !important;
  color: rgba(255, 255, 255, 0.87); }

.grey-800-fg {
  color: #424242 !important; }

.grey-800-border {
  border-color: #424242 !important; }

.grey-800-border-top {
  border-top-color: #424242 !important; }

.grey-800-border-right {
  border-right-color: #424242 !important; }

.grey-800-border-bottom {
  border-bottom-color: #424242 !important; }

.grey-800-border-left {
  border-left-color: #424242 !important; }

.grey-900-bg {
  background-color: #212121 !important; }

.md-grey-900-bg {
  background-color: #212121 !important;
  color: rgba(255, 255, 255, 0.87); }

.grey-900-fg {
  color: #212121 !important; }

.grey-900-border {
  border-color: #212121 !important; }

.grey-900-border-top {
  border-top-color: #212121 !important; }

.grey-900-border-right {
  border-right-color: #212121 !important; }

.grey-900-border-bottom {
  border-bottom-color: #212121 !important; }

.grey-900-border-left {
  border-left-color: #212121 !important; }

.grey-1000-bg {
  background-color: #000000 !important; }

.md-grey-1000-bg {
  background-color: #000000 !important; }

.grey-1000-fg {
  color: #000000 !important; }

.grey-1000-border {
  border-color: #000000 !important; }

.grey-1000-border-top {
  border-top-color: #000000 !important; }

.grey-1000-border-right {
  border-right-color: #000000 !important; }

.grey-1000-border-bottom {
  border-bottom-color: #000000 !important; }

.grey-1000-border-left {
  border-left-color: #000000 !important; }

.grey-A100-bg {
  background-color: #FFFFFF !important; }

.md-grey-A100-bg {
  background-color: #FFFFFF !important;
  color: rgba(0, 0, 0, 0.87); }

.grey-A100-fg {
  color: #FFFFFF !important; }

.grey-A100-border {
  border-color: #FFFFFF !important; }

.grey-A100-border-top {
  border-top-color: #FFFFFF !important; }

.grey-A100-border-right {
  border-right-color: #FFFFFF !important; }

.grey-A100-border-bottom {
  border-bottom-color: #FFFFFF !important; }

.grey-A100-border-left {
  border-left-color: #FFFFFF !important; }

.grey-A200-bg {
  background-color: #EEEEEE !important; }

.md-grey-A200-bg {
  background-color: #EEEEEE !important;
  color: rgba(0, 0, 0, 0.87); }

.grey-A200-fg {
  color: #EEEEEE !important; }

.grey-A200-border {
  border-color: #EEEEEE !important; }

.grey-A200-border-top {
  border-top-color: #EEEEEE !important; }

.grey-A200-border-right {
  border-right-color: #EEEEEE !important; }

.grey-A200-border-bottom {
  border-bottom-color: #EEEEEE !important; }

.grey-A200-border-left {
  border-left-color: #EEEEEE !important; }

.grey-A400-bg {
  background-color: #BDBDBD !important; }

.md-grey-A400-bg {
  background-color: #BDBDBD !important;
  color: rgba(0, 0, 0, 0.87); }

.grey-A400-fg {
  color: #BDBDBD !important; }

.grey-A400-border {
  border-color: #BDBDBD !important; }

.grey-A400-border-top {
  border-top-color: #BDBDBD !important; }

.grey-A400-border-right {
  border-right-color: #BDBDBD !important; }

.grey-A400-border-bottom {
  border-bottom-color: #BDBDBD !important; }

.grey-A400-border-left {
  border-left-color: #BDBDBD !important; }

.grey-A700-bg {
  background-color: #616161 !important; }

.md-grey-A700-bg {
  background-color: #616161 !important;
  color: rgba(0, 0, 0, 0.87); }

.grey-A700-fg {
  color: #616161 !important; }

.grey-A700-border {
  border-color: #616161 !important; }

.grey-A700-border-top {
  border-top-color: #616161 !important; }

.grey-A700-border-right {
  border-right-color: #616161 !important; }

.grey-A700-border-bottom {
  border-bottom-color: #616161 !important; }

.grey-A700-border-left {
  border-left-color: #616161 !important; }

.blue-grey-50-bg {
  background-color: #ECEFF1 !important; }

.md-blue-grey-50-bg {
  background-color: #ECEFF1 !important;
  color: rgba(0, 0, 0, 0.87); }

.blue-grey-50-fg {
  color: #ECEFF1 !important; }

.blue-grey-50-border {
  border-color: #ECEFF1 !important; }

.blue-grey-50-border-top {
  border-top-color: #ECEFF1 !important; }

.blue-grey-50-border-right {
  border-right-color: #ECEFF1 !important; }

.blue-grey-50-border-bottom {
  border-bottom-color: #ECEFF1 !important; }

.blue-grey-50-border-left {
  border-left-color: #ECEFF1 !important; }

.blue-grey-100-bg {
  background-color: #CFD8DC !important; }

.md-blue-grey-100-bg {
  background-color: #CFD8DC !important;
  color: rgba(0, 0, 0, 0.87); }

.blue-grey-100-fg {
  color: #CFD8DC !important; }

.blue-grey-100-border {
  border-color: #CFD8DC !important; }

.blue-grey-100-border-top {
  border-top-color: #CFD8DC !important; }

.blue-grey-100-border-right {
  border-right-color: #CFD8DC !important; }

.blue-grey-100-border-bottom {
  border-bottom-color: #CFD8DC !important; }

.blue-grey-100-border-left {
  border-left-color: #CFD8DC !important; }

.blue-grey-200-bg {
  background-color: #B0BEC5 !important; }

.md-blue-grey-200-bg {
  background-color: #B0BEC5 !important;
  color: rgba(0, 0, 0, 0.87); }

.blue-grey-200-fg {
  color: #B0BEC5 !important; }

.blue-grey-200-border {
  border-color: #B0BEC5 !important; }

.blue-grey-200-border-top {
  border-top-color: #B0BEC5 !important; }

.blue-grey-200-border-right {
  border-right-color: #B0BEC5 !important; }

.blue-grey-200-border-bottom {
  border-bottom-color: #B0BEC5 !important; }

.blue-grey-200-border-left {
  border-left-color: #B0BEC5 !important; }

.blue-grey-300-bg {
  background-color: #90A4AE !important; }

.md-blue-grey-300-bg {
  background-color: #90A4AE !important;
  color: rgba(0, 0, 0, 0.87); }

.blue-grey-300-fg {
  color: #90A4AE !important; }

.blue-grey-300-border {
  border-color: #90A4AE !important; }

.blue-grey-300-border-top {
  border-top-color: #90A4AE !important; }

.blue-grey-300-border-right {
  border-right-color: #90A4AE !important; }

.blue-grey-300-border-bottom {
  border-bottom-color: #90A4AE !important; }

.blue-grey-300-border-left {
  border-left-color: #90A4AE !important; }

.blue-grey-400-bg {
  background-color: #78909C !important; }

.md-blue-grey-400-bg {
  background-color: #78909C !important;
  color: white; }

.blue-grey-400-fg {
  color: #78909C !important; }

.blue-grey-400-border {
  border-color: #78909C !important; }

.blue-grey-400-border-top {
  border-top-color: #78909C !important; }

.blue-grey-400-border-right {
  border-right-color: #78909C !important; }

.blue-grey-400-border-bottom {
  border-bottom-color: #78909C !important; }

.blue-grey-400-border-left {
  border-left-color: #78909C !important; }

.blue-grey-500-bg {
  background-color: #607D8B !important; }

.md-blue-grey-500-bg {
  background-color: #607D8B !important;
  color: white; }

.blue-grey-500-fg {
  color: #607D8B !important; }

.blue-grey-500-border {
  border-color: #607D8B !important; }

.blue-grey-500-border-top {
  border-top-color: #607D8B !important; }

.blue-grey-500-border-right {
  border-right-color: #607D8B !important; }

.blue-grey-500-border-bottom {
  border-bottom-color: #607D8B !important; }

.blue-grey-500-border-left {
  border-left-color: #607D8B !important; }

.md-blue-grey-bg {
  background-color: #607D8B !important;
  color: white; }

.blue-grey-bg {
  background-color: #607D8B !important; }

.blue-grey-fg {
  color: #607D8B !important; }

.blue-grey-border {
  border-color: #607D8B !important; }

.blue-grey-border-top {
  border-top-color: #607D8B !important; }

.blue-grey-border-right {
  border-right-color: #607D8B !important; }

.blue-grey-border-bottom {
  border-bottom-color: #607D8B !important; }

.blue-grey-border-left {
  border-left-color: #607D8B !important; }

.blue-grey-600-bg {
  background-color: #546E7A !important; }

.md-blue-grey-600-bg {
  background-color: #546E7A !important;
  color: rgba(255, 255, 255, 0.87); }

.blue-grey-600-fg {
  color: #546E7A !important; }

.blue-grey-600-border {
  border-color: #546E7A !important; }

.blue-grey-600-border-top {
  border-top-color: #546E7A !important; }

.blue-grey-600-border-right {
  border-right-color: #546E7A !important; }

.blue-grey-600-border-bottom {
  border-bottom-color: #546E7A !important; }

.blue-grey-600-border-left {
  border-left-color: #546E7A !important; }

.blue-grey-700-bg {
  background-color: #455A64 !important; }

.md-blue-grey-700-bg {
  background-color: #455A64 !important;
  color: rgba(255, 255, 255, 0.87); }

.blue-grey-700-fg {
  color: #455A64 !important; }

.blue-grey-700-border {
  border-color: #455A64 !important; }

.blue-grey-700-border-top {
  border-top-color: #455A64 !important; }

.blue-grey-700-border-right {
  border-right-color: #455A64 !important; }

.blue-grey-700-border-bottom {
  border-bottom-color: #455A64 !important; }

.blue-grey-700-border-left {
  border-left-color: #455A64 !important; }

.blue-grey-800-bg {
  background-color: #37474F !important; }

.md-blue-grey-800-bg {
  background-color: #37474F !important;
  color: rgba(255, 255, 255, 0.87); }

.blue-grey-800-fg {
  color: #37474F !important; }

.blue-grey-800-border {
  border-color: #37474F !important; }

.blue-grey-800-border-top {
  border-top-color: #37474F !important; }

.blue-grey-800-border-right {
  border-right-color: #37474F !important; }

.blue-grey-800-border-bottom {
  border-bottom-color: #37474F !important; }

.blue-grey-800-border-left {
  border-left-color: #37474F !important; }

.blue-grey-900-bg {
  background-color: #263238 !important; }

.md-blue-grey-900-bg {
  background-color: #263238 !important;
  color: rgba(255, 255, 255, 0.87); }

.blue-grey-900-fg {
  color: #263238 !important; }

.blue-grey-900-border {
  border-color: #263238 !important; }

.blue-grey-900-border-top {
  border-top-color: #263238 !important; }

.blue-grey-900-border-right {
  border-right-color: #263238 !important; }

.blue-grey-900-border-bottom {
  border-bottom-color: #263238 !important; }

.blue-grey-900-border-left {
  border-left-color: #263238 !important; }

.blue-grey-A100-bg {
  background-color: #CFD8DC !important; }

.md-blue-grey-A100-bg {
  background-color: #CFD8DC !important;
  color: rgba(255, 255, 255, 0.87); }

.blue-grey-A100-fg {
  color: #CFD8DC !important; }

.blue-grey-A100-border {
  border-color: #CFD8DC !important; }

.blue-grey-A100-border-top {
  border-top-color: #CFD8DC !important; }

.blue-grey-A100-border-right {
  border-right-color: #CFD8DC !important; }

.blue-grey-A100-border-bottom {
  border-bottom-color: #CFD8DC !important; }

.blue-grey-A100-border-left {
  border-left-color: #CFD8DC !important; }

.blue-grey-A200-bg {
  background-color: #B0BEC5 !important; }

.md-blue-grey-A200-bg {
  background-color: #B0BEC5 !important;
  color: rgba(255, 255, 255, 0.87); }

.blue-grey-A200-fg {
  color: #B0BEC5 !important; }

.blue-grey-A200-border {
  border-color: #B0BEC5 !important; }

.blue-grey-A200-border-top {
  border-top-color: #B0BEC5 !important; }

.blue-grey-A200-border-right {
  border-right-color: #B0BEC5 !important; }

.blue-grey-A200-border-bottom {
  border-bottom-color: #B0BEC5 !important; }

.blue-grey-A200-border-left {
  border-left-color: #B0BEC5 !important; }

.blue-grey-A400-bg {
  background-color: #78909C !important; }

.md-blue-grey-A400-bg {
  background-color: #78909C !important;
  color: rgba(255, 255, 255, 0.87); }

.blue-grey-A400-fg {
  color: #78909C !important; }

.blue-grey-A400-border {
  border-color: #78909C !important; }

.blue-grey-A400-border-top {
  border-top-color: #78909C !important; }

.blue-grey-A400-border-right {
  border-right-color: #78909C !important; }

.blue-grey-A400-border-bottom {
  border-bottom-color: #78909C !important; }

.blue-grey-A400-border-left {
  border-left-color: #78909C !important; }

.blue-grey-A700-bg {
  background-color: #455A64 !important; }

.md-blue-grey-A700-bg {
  background-color: #455A64 !important;
  color: rgba(255, 255, 255, 0.87); }

.blue-grey-A700-fg {
  color: #455A64 !important; }

.blue-grey-A700-border {
  border-color: #455A64 !important; }

.blue-grey-A700-border-top {
  border-top-color: #455A64 !important; }

.blue-grey-A700-border-right {
  border-right-color: #455A64 !important; }

.blue-grey-A700-border-bottom {
  border-bottom-color: #455A64 !important; }

.blue-grey-A700-border-left {
  border-left-color: #455A64 !important; }

.white-500-bg {
  background-color: #FFFFFF !important; }

.md-white-500-bg {
  background-color: #FFFFFF !important;
  color: rgba(0, 0, 0, 0.87); }

.white-500-fg {
  color: #FFFFFF !important; }

.white-500-border {
  border-color: #FFFFFF !important; }

.white-500-border-top {
  border-top-color: #FFFFFF !important; }

.white-500-border-right {
  border-right-color: #FFFFFF !important; }

.white-500-border-bottom {
  border-bottom-color: #FFFFFF !important; }

.white-500-border-left {
  border-left-color: #FFFFFF !important; }

.md-white-bg {
  background-color: #FFFFFF !important;
  color: rgba(0, 0, 0, 0.87); }

.white-bg {
  background-color: #FFFFFF !important; }

.white-fg {
  color: #FFFFFF !important; }

.white-border {
  border-color: #FFFFFF !important; }

.white-border-top {
  border-top-color: #FFFFFF !important; }

.white-border-right {
  border-right-color: #FFFFFF !important; }

.white-border-bottom {
  border-bottom-color: #FFFFFF !important; }

.white-border-left {
  border-left-color: #FFFFFF !important; }

.black-500-bg {
  background-color: #000000 !important; }

.md-black-500-bg {
  background-color: #000000 !important;
  color: rgba(255, 255, 255, 0.87); }

.black-500-fg {
  color: #000000 !important; }

.black-500-border {
  border-color: #000000 !important; }

.black-500-border-top {
  border-top-color: #000000 !important; }

.black-500-border-right {
  border-right-color: #000000 !important; }

.black-500-border-bottom {
  border-bottom-color: #000000 !important; }

.black-500-border-left {
  border-left-color: #000000 !important; }

.md-black-bg {
  background-color: #000000 !important;
  color: rgba(255, 255, 255, 0.87); }

.black-bg {
  background-color: #000000 !important; }

.black-fg {
  color: #000000 !important; }

.black-border {
  border-color: #000000 !important; }

.black-border-top {
  border-top-color: #000000 !important; }

.black-border-right {
  border-right-color: #000000 !important; }

.black-border-bottom {
  border-bottom-color: #000000 !important; }

.black-border-left {
  border-left-color: #000000 !important; }

.inproces-tooltip {    
    background-color: white !important;    
    color:rgba(0,0,0,0.54)!important;
    position:relative!important;    
    border-radius: 0!important;
    padding:12px!important;    
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12)!important;
    font-size: 0.9em;    
    white-space: normal;
    height:auto!important;
    display:inline-block;
    opacity:1.0!important;
}

/* toasts */
md-toast.md-default-theme .md-toast-content, md-toast .md-toast-content {
    background-color: var(--color-accent-bg-bg);
    color: var(--color-accent-bg-fg);
    text-align: center;
}

/* styling voor add-buttons */
.dashed {
    border: 1px dashed rgba(0,0,0,0.12);
}

.md-button.add-button {
    background-color: white;
    box-shadow: none;
    margin: 20px;
    border: 2px solid rgba(0,0,0,0.54);
    z-index: 20;
    line-height: 56px;
    min-width: 0;
    width: 56px;
    height: 56px;
    vertical-align: middle;
    border-radius: 50%;
    background-clip: padding-box;
    overflow: hidden;
    -webkit-transition: all 0.1s cubic-bezier(0.55, 0, 0.55, 0.2);
    transition: all 0.1s cubic-bezier(0.55, 0, 0.55, 0.2);
    -webkit-transition-property: background-color, -webkit-transform;
    transition-property: background-color, -webkit-transform;
    transition-property: background-color, transform;
    transition-property: background-color, transform, -webkit-transform;
}

.md-button.add-button.md-inproces-theme:not([disabled]).md-icon-button:hover {
    background-color: rgba(0,0,0,0.54);
}

.md-button.add-button md-icon {
    color: rgba(0,0,0,0.54);
}

.md-button.add-button:hover md-icon {
    color: white;
}


/*
 * Headers
 */
 
h4 {
    margin: 0;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

h5 {
    font-size: 1.4rem;
    color: var(--color-main-fg-secondary);
    font-weight: 500;
}