/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

/* Document
   ========================================================================== */

html {
    font-family: sans-serif; /* 1 */
    line-height: 1.15; /* 2 */
    -ms-text-size-adjust: 100%; /* 3 */
    -webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
    margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
    font-size: 2em;
    margin: .67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
    display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
    margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
    background-color: transparent; /* 1 */
    -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active,
a:hover {
    outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
    font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
    font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
    background-color: #ff0;
    color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
    display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
    border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
    overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
    text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
    -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
    display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
    display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
    display: none;
}

/* normalize.css end */

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

/*REM DEFINITIONS */
html, body {
    font-size: 14px;
}

body {
    color: #333;
    font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
    overflow: auto;
    overflow-x: hidden;
}

/*DEFAULT TAGS*/
h1 {
    font-size: 3.8rem;
}

h2 {
    font-size: 2.8rem;
}

h3 {
    font-size: 2rem;
}

h4 {
    font-size: 1.4rem;
}

h5 {
    font-size: 1rem;
}

h6 {
    font-size: .8rem;
}

h1, h2, h3, h4, h5, h6, p {
    font-weight: 400;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child {
    margin-top: 0;
}

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child {
    margin-bottom: 0;
}

a, .link {
    color: inherit;
    cursor: pointer;
    text-decoration: none !important;
}

.link-hover:hover,
.link-hover:focus {
    text-decoration: underline !important;
}

img {
    display: inline-block;
    vertical-align: bottom;
}

pre {
    margin: 0;
    overflow-x: auto;
    padding: 0;
    white-space: pre;
}

/** TYPOGRAPHY **/
.display-4 {
    font-size: 8rem;
    font-weight: 300;
}

.display-3 {
    font-size: 4rem;
}

.display-2 {
    font-size: 3.21rem;
}

.display-1 {
    font-size: 2.43rem;
}

.headline {
    font-size: 1.71rem;
}

.layout-title,
.card-title,
.dialog-title,
.modal-title,
.title {
    font-size: 1.43rem;
    font-weight: 500;
    margin: 0;
}

.subheader {
    font-size: 1.14rem;
}

.body-2 {
    font-size: 1rem;
    font-weight: 500;
}

.body-1 {
    font-size: 1rem;
}

.caption {
    font-size: .86rem;
}

.menu li.dropdown > a:after,
.md-icon {
    direction: ltr;
    display: inline-block;

    font-family: 'Material Icons', sans-serif;
    font-weight: normal;
    font-style: normal;

    /*font-size: 1.4em;*/
    font-size: 24px;
    height: 1em;
    width: 1em;
    line-height: 1;

    letter-spacing: normal;

    overflow: hidden;
    text-transform: none;
    vertical-align: middle;
    white-space: nowrap;
    word-wrap: normal;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

.md-icon-xs {
    font-size: 8px;
}

.md-icon-sm {
    font-size: 16px;
}

.md-icon-lg {
    font-size: 40px;
}

.md-icon-xl {
    font-size: 56px;
}

/*BASE LAYOUT BEGIN*/
.layout {
    position: relative;
    background-color: #eee;
    overflow: hidden;
}

body.layout,
body > .layout {
    height: 100vh;
    width: 100vw;
}

.layout-header {
    z-index: 97;
}

.layout-body {
    height: 100%;
}

.app-bar {
    min-height: 56px;
    padding: 0 8px;
}

.layout-sidebar {
    position: absolute;
    top: 0;
    right: 100%;

    background-color: #fff;

    overflow-y: auto;
    z-index: 99;

    height: 100%;
    width: calc(100% - 56px);
    max-width: 340px;

    transition: transform .1s linear;

    /* Hardware acceleration / Fix slow */
    will-change: transform;
    backface-visibility: hidden;
}

.layout-sidebar-swiping,
.layout-sidebar-swiping + .layout-sidebar-backdrop {
    transition: none !important;
    visibility: visible !important;
}

.layout-sidebar ~ * {
    position: relative;
    margin-left: auto !important;
    transition: width .3s ease;
    width: 100%;
}

.layout-sidebar-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .6);
    z-index: 98;

    transition: opacity .3s ease, visibility .3s ease;

    height: 100%;
    width: 100%;
    will-change: opacity;
}

.layout-sidebar-visible,
.layout-sidebar-swiping {
    box-shadow: 2px 0 15px rgba(0, 0, 0, .35);
}

@media (max-width: 1023px) {
    .layout-sidebar:not(.layout-sidebar-swiping) {
        transform: translate3d(0, 0, 0) !important;
    }

    .layout-sidebar-visible:not(.layout-sidebar-swiping) {
        transform: translate3d(100%, 0, 0) !important;
    }

    .layout-sidebar:not(.layout-sidebar-swiping) + .layout-sidebar-backdrop {
        opacity: 0 !important;
        visibility: hidden !important;
    }

    .layout-sidebar-visible:not(.layout-sidebar-swiping) + .layout-sidebar-backdrop {
        opacity: 1 !important;
        visibility: visible !important;
    }
}

@media (min-width: 1024px) {
    .layout-toggler,
    .sidebar-toggler {
        display: none !important;
    }

    .app-bar {
        min-height: 64px;
    }

    .layout-sidebar {
        border-right: 1px solid #D2D2D2;
        box-shadow: none;
        max-width: 280px;
        transform: translate3d(100%, 0, 0) !important;
    }

    .layout-sidebar ~ * {
        width: calc(100% - 280px);
    }

    .layout-sidebar-backdrop {
        display: none;
    }
}

/*LAYOUT NAV AND MENU*/
.menu,
.layout-nav {
    background-color: #fff;
    color: #333;
    margin: 0;
    padding: 8px 0;
}

.layout-nav.nav-hidden {
    display: none;
}

.menu a,
.layout-nav a {
    position: relative;
    align-items: center;
    display: flex !important;
    font-size: 1rem;
    font-weight: 500;
    height: 48px;
    padding: 0 16px;
    overflow: hidden;
    white-space: nowrap;
}

.menu a .md-icon,
.layout-nav a .md-icon {
    opacity: .8;
    margin-right: 2rem;
}

.menu .divider-horizontal,
.layout-nav .divider-horizontal {
    margin: 8px 0;
}

/*MENUS*/
.menu {
    border-radius: 2px;
    display: inline-block;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;
}

.menu li {
    margin: 0;
    list-style: none;
}

.menu a {
    font-weight: 400;
    height: 40px;
}

.menu a .md-icon {
    margin-right: 1rem;
    transform: scale(.9);
}

.menu-border li + li {
    border-top: 1px solid #f0f0f0;
}

.menu-condensed a {
    height: 32px;
}

/*SUBMENU CHEVRON/ARROW*/
.menu li.dropdown > a:after {
    content: 'chevron_right';
    margin: 0 -8px 0 8px;

    font-size: 20px;
    height: 20px;
    width: 20px;
}

/*BASE LAYOUT END*/

.button, .btn {
    font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase;
}

/*BUTTONS*/
.btn {
    position: relative;
    background: none;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    outline: none;
    overflow: hidden;
    padding: 0 1.142857142857143em;
    text-align: center;
    text-decoration: none !important;
    text-overflow: clip;
    transition: all .3s ease;
    vertical-align: middle;
    white-space: nowrap;

    height: 2.571428571428571em;
    line-height: 2.571428571428571em;
}

/* 24px */
.btn-xs {
    font-size: .6666666666666667rem;
}

/* 32px */
.btn-sm {
    font-size: .8888888888888889rem;
}

/* 40px */
.btn-lg {
    font-size: 1.111111111111111rem;
}

/* 56px */
.btn-xl {
    font-size: 1.555555555555556rem;
}

.btn-flat {
    padding: 0 .5714285714285714em;
    box-shadow: none !important;
}

/*BTN ICON*/
.btn-icon,
.btn-float,
.btn-circle {
    padding: 0;
    text-align: center;
    width: 2.571428571428571em;
}

.btn-lower {
    text-transform: none;
}

.btn-block {
    display: block;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.btn-block + .btn-block {
    margin-top: 4px;
}

.btn:disabled,
.btn-disabled {
    box-shadow: none !important;
    opacity: .8;
    pointer-events: none;
}

/*BUTTON FLOAT*/
.btn-float,
.btn-circle {
    border-radius: 50%;
}

.btn-float {
    position: absolute !important;
    margin: 16px;
}

/*HOVER AND FOCUS*/
.btn:before,
.menu a:before,
.menu li a:before,
.layout-nav a:before {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0);
    border-radius: inherit;
    content: '';
    height: 100%;
    transition: background .3s ease;
    width: 100%;
}

.btn:hover:before,
.btn:focus:before,
.menu a:hover:before,
.menu a:focus:before,
.menu li a:hover:before,
.menu li a:focus:before,
.layout-nav a:hover:before,
.layout-nav a:focus:before {
    background-color: rgba(0, 0, 0, .1);
}

.btn[class*="bg-"]:hover:before,
.btn[class*="bg-"]:focus:before,
.menu a[class*="bg-"]:hover:before,
.menu a[class*="bg-"]:focus:before,
.menu li a[class*="bg-"]:hover:before,
.menu li a[class*="bg-"]:focus:before,
.layout-nav a[class*="bg-"]:hover:before,
.layout-nav a[class*="bg-"]:focus:before {
    background-color: rgba(255, 255, 255, .2);
}

/*GLOBAL FLEXBOX */
.layout,
.modal,
.flex {
    height: 100%;
}

.layout,
.dialog-content,
.modal,
.card,
.flex {
    display: flex !important;
    flex-flow: column nowrap;
    width: 100%;
}

.layout-header,
.dialog-header,
.modal-header,
.card-header,
.flex-header {
    display: block;
}

.layout-body,
.dialog-body,
.modal-body,
.card-body,
.flex-body {
    overflow: auto;
}

.layout-footer,
.dialog-footer,
.modal-footer,
.card-footer,
.flex-footer {
    margin-top: auto;
}

.flex-center {
    align-items: center;
    justify-content: center;
}

/*DIALOGS*/
.dialog {
    position: fixed;
    top: 0;
    left: 0;

    display: flex !important;

    align-items: center;
    justify-content: center;

    background-color: rgba(0, 0, 0, .8);

    padding: 32px;
    height: 100vh;
    width: 100vw;

    z-index: 99;

    transition: opacity .2s ease, visibility .2s ease;
    opacity: 0;
    visibility: hidden;

    /* Fix slow / Hardware acceleration */
    backface-visibility: hidden;
    will-change: opacity, visiblity;
}

.dialog-content {
    max-height: 100%;
    max-width: 100%;

    overflow: hidden;

    transition: transform .4s ease;
    transform: scale(.2);

    width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;

    /* Hardware acceleration / Fix slow */
    will-change: transform;
    backface-visibility: hidden;
}

.dialog-visible {
    opacity: 1;
    visibility: visible;
}

.dialog-visible .dialog-content {
    transform: scale(1);
}

.dialog-header,
.dialog-body,
.dialog-footer {
    background-color: inherit;
}

/*DIALOGS AND CARDS CSS*/
.dialog-content,
.card {
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    border-radius: 2px;
}

.dialog-header,
.card-header {
    padding: 16px;
}

.dialog-body,
.card-body {
    padding: 8px 16px;
}

.dialog-footer,
.modal-footer,
.card-footer,
.panel-footer {
    direction: rtl;
    padding: 8px;
    text-align: right;
}

/*.dialog > :first-child,*/
/*.card > :first-child {*/
/*border-top-left-radius: 2px;*/
/*border-top-right-radius: 2px;*/
/*}*/

/*.dialog > :last-child,*/
/*.card > :last-child {*/
/*border-bottom-left-radius: 2px;*/
/*border-bottom-right-radius: 2px;*/
/*}*/

/* DIVIDER / HORIZONTAL RULE */
.divider-horizontal {
    border-top: 1px solid #D2D2D2;
    clear: both;
    display: block;
    height: 1px;
    width: 100%;
}

/*CARDS*/
.card-group > .card {
    border-radius: 0;
}

.card-group > .card:first-child {
    border-radius: 2px 2px 0 0;
}

.card-group > .card:last-child {
    border-radius: 0 0 2px 2px;
}

.card-group .card + .card {
    border-top: 1px solid #D2D2D2;
}

/*MODAL (PAGES)*/
.modal {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 99;

    transform: translateY(20%);

    opacity: 0;
    visibility: hidden;
    transition: transform .3s ease, opacity .3s ease, visibility .3s ease;

    /* Hardware acceleration / Fix slow */
    will-change: top, opacity, visibility;
    backface-visibility: hidden;
}

.modal-visible {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.modal-body {
    height: 100%;
}

/*RIPPLE / WAVES*/
.waves {
    position: relative;
}

.waves-overflow {
    overflow: hidden;
}

.waves .ripple {
    position: absolute;
    background-color: rgba(255, 255, 255, .4);
    border-radius: 50%;
    height: 0;
    width: 0;
    z-index: 10;

    transition: transform .5s linear, opacity .6s linear;
    opacity: 1;
    transform: scale(0);
}

.waves .ripple-animate {
    opacity: 0;
    transform: scale(2);
}

.waves.waves-dark .ripple {
    background-color: rgba(0, 0, 0, .1);
}

/*TABLES*/
table {
    background-color: #fff;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    width: 100%;
}

table thead,
table th {
    border: 0;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    color: rgba(0, 0, 0, .54);
    font-size: .86rem;
    font-weight: 600;
    padding: 14px 8px;
    text-align: left;
    vertical-align: middle;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

table tbody,
table td {
    border: 0;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    color: rgba(0, 0, 0, .87);
    font-size: .93rem;
    padding: 12px 8px;
}

table th:first-child,
table td:first-child {
    padding-left: 16px;
}

table th:last-child,
table td:last-child {
    padding-right: 16px;
}

.table-responsive {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    display: block;
    min-height: 1px;
    overflow-x: auto;
}

.table-responsive table {
    box-shadow: none;
}

.table-hover tr:hover th,
.table-hover tr:hover td {
    background-color: #eee;
}

.table-content {
    width: 100%;
}

/*PANELS / ACCORDION*/
.panel {
    background-color: #fff;
    border-color: rgba(0, 0, 0, .12);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    display: block;
    transition: margin .3s ease;
}

.panel + .panel {
    border-top: 1px solid rgba(0, 0, 0, .12);
}

.panel-header {
    position: relative;
    display: block;
    font-size: 1.07rem;
    padding: 16px;
}

/*Panel arrows*/
.panel-arrow .panel-header:after {
    position: absolute;
    top: 50%;
    right: 1em;

    content: 'keyboard_arrow_down';
    font-family: 'Material Icons', sans-serif;
    font-feature-settings: "liga" 1;
    font-size: 1.4rem;

    opacity: .8;
    transition: transform .3s ease;
    transform: translate3d(0, -50%, 0) rotate(0);
}

.panel-arrow.panel-visible .panel-header:after {
    transform: translate3d(0, -50%, 0) rotate(180deg);
}

.panel-body {
    padding: 8px 16px;
}

.panel-footer {
    border-top: 1px solid;
    border-color: inherit;
}

.panel-body,
.panel-footer {
    display: block;
    overflow: hidden;
    transition: height .3s ease, padding .3s ease;
}

.panel:not(.panel-visible) .panel-body:not(.panel-clone),
.panel:not(.panel-visible) .panel-footer:not(.panel-clone) {
    border: 0 !important;
    height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.panel-popout.panel-visible {
    margin-left: -16px;
    margin-right: -16px;
}

.panel-popout.panel-visible:not(:first-child),
.panel-margin.panel-visible:not(:first-child) {
    margin-top: 16px;
}

.panel-popout.panel-visible:not(:last-child),
.panel-margin.panel-visible:not(:last-child) {
    margin-bottom: 16px;
}

/*LABELS*/
.label {
    display: block;
}

.label-group {
    padding-top: 16px;
    padding-bottom: 16px;
}

.label-text {
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    transform: scale(.9);
    transform-origin: top left;
    transition: transform .3s ease, color .3s ease;
}

.label-float:not(.label-active) .label-text {
    cursor: text;
    opacity: .6;
    transform: translateY(calc(100% + 8px));
}

/*PLACEHOLDER DEFAULT*/
::-webkit-input-placeholder {
    color: inherit;
    opacity: .6;
}

:-moz-placeholder {
    color: inherit;
    opacity: .6;
}

::-moz-placeholder {
    color: inherit;
    opacity: .6;
}

:-ms-input-placeholder {
    color: inherit;
    opacity: .6;
}

/*PLACEHOLDER NO FOCUS*/
.input-placeholder:not(:focus)::-webkit-input-placeholder,
.label-float .input:not(:focus)::-webkit-input-placeholder {
    color: transparent;
}

.input-placeholder:not(:focus):-moz-placeholder,
.label-float .input:not(:focus):-moz-placeholder {
    color: transparent;
}

.input-placeholder:not(:focus)::-moz-placeholder,
.label-float .input:not(:focus)::-moz-placeholder {
    color: transparent;
}

.input-placeholder:not(:focus):-ms-input-placeholder,
.label-float .input:not(:focus):-ms-input-placeholder {
    color: transparent;
}

/* INPUT / TEXT FIELDS */
.input {
    position: relative;
    background: none;
    border: 0;
    border-bottom: 1px solid #d2d2d2;
    color: rgba(0, 0, 0, .6);
    outline: none;
    transition: border-color .3s ease;
}

.input:not([type="checkbox"]):not([type="radio"]) {
    display: block;
    font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
    font-size: 15px;
    padding: 8px 0;
}

.input:not([type="checkbox"]):not([type="radio"]):not([size]):not(.input-autogrow),
textarea.input {
    width: 100%;
}

.input.input-autogrow:not(textarea) {
    max-width: 100%;
    min-width: 0;
    width: auto;
}

textarea.input.input-autogrow {
    overflow: hidden;
}

.input:not([type="checkbox"]):not([type="radio"]):not(textarea),
textarea.input[rows="1"] {
    height: 32px;
}

textarea.input:not([rows]) {
    height: 48px;
}

select.input {
    padding-top: 6px !important;
    padding-bottom: 4px !important;
}

.input:not([type="checkbox"]):not([type="radio"]):focus {
    border-bottom-width: 2px;
}

input.input:not([type="checkbox"]):not([type="radio"]):focus {
    padding-top: 9px;
}

/*CHECKBOX*/

.input[type="radio"],
.input[type="checkbox"] {
    border: 0;
    cursor: pointer;
    display: inline-block;
    height: 22px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 22px;
}

.input[type="checkbox"]:after,
.input[type="radio"]:after {
    content: 'check_box_outline_blank';
    font-family: 'Material Icons', sans-serif;
    font-feature-settings: "liga" 1;
    font-size: 22px;
    line-height: 1;
}

.input[type="radio"]:after {
    content: 'radio_button_unchecked';
}

.input[type="checkbox"]:not(.input-switch):checked:after {
    content: 'check_box';
}

.input[type="radio"]:checked:after {
    content: 'radio_button_checked';
}

.input[type="checkbox"]:not(.input-switch):before,
.input[type="radio"]:before {
    position: absolute;
    top: -11px;
    left: -11px;
    border-radius: 50%;
    border: 22px solid #000;
    border-color: inherit;
    content: '';
    height: 44px;
    opacity: 0;
    transition: opacity .3s ease;
    visibility: hidden;
    width: 44px;
}

.input[type="checkbox"]:not(.input-switch):not([class*="input-"]):before,
.input[type="radio"]:not([class*="input-"]):before {
    border-color: rgba(0, 0, 0, .6);
}

.input[type="checkbox"]:not(.input-switch):active:before,
.input[type="radio"]:active:before,
.input[type="checkbox"]:not(.input-switch):focus:before,
.input[type="radio"]:focus:before {
    opacity: .2;
    visibility: visible;
}

/*INPUT SWITCH (CHECKBOX)*/
.input-switch[type="checkbox"] {
    height: 16px;
    width: 36px;
}

.input-switch[type="checkbox"]:before {
    border: 7px solid rgba(0, 0, 0, .38);
    border-radius: 8px;
    content: '';
    display: block;
    opacity: .6;
    transition: all .3s ease;
    width: 100%;
}

.input-switch[type="checkbox"]:after {
    position: absolute;
    top: -8px;
    left: -5px;
    color: #fafafa;
    content: 'fiber_manual_record';
    font-size: 30px;
    text-shadow: -1px 0 5px rgba(0, 0, 0, .4);
    transition: left .3s ease, color .3s ease;
}

.input-switch[type="checkbox"]:checked:before {
    border-color: inherit;
}

.input-switch[type="checkbox"]:checked:after {
    left: 11px;
    color: inherit;
}

/*CHIPS*/
.chips {
    background-color: #dfdfdf;
    border-radius: 16px;
    display: inline-block;
    font-size: .92rem;
    line-height: 32px;
    overflow: hidden;
    padding: 0 12px;
}

.chips .md-icon {
    background-color: #aaa;
    border-radius: 50%;
    padding: 1px;

    font-size: 14px;
    height: 16px;
    width: 16px;
}

.chips img {
    border-radius: 16px;
    height: 32px;
    line-height: 32px;
    margin: 0 6px 0 -12px;
    object-fit: cover;
    vertical-align: middle;
    width: 32px;
}

/*TOAST/TOSTER*/
.layout-toast {
    position: relative;
    width: 100% !important;
    z-index: 99;
}

.toast {
    position: relative;
    transition: all .4s ease;
    margin-bottom: -48px;
}

.toast-visible {
    margin-bottom: 0 !important;
}

.toast-body {
    background-color: #323232;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    color: #fff;
    min-height: 48px;
    padding: 0 16px;
}

@media (min-width: 1024px) {
    .toast {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 16px;
        max-width: 100%;
        min-width: 340px;
        width: auto;
    }

    .toast-body {
        border-radius: 2px;
    }
}

/*TOOLTIPS*/
.tooltip {
    position: absolute;
    background-color: #616161;
    border-radius: 2px;
    color: #fff;
    font-size: .74rem;
    margin-top: 2px;
    max-width: 100%;
    padding: 6px 8px;
    z-index: 99;

    width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;

    opacity: 0;
    transition: opacity .15s ease;
}

.tooltip:not(.tooltip-wrap) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tooltip-visible {
    opacity: 1;
}

/*DATEPICKER*/
.datepicker-dialog thead,
.datepicker-dialog th,
.datepicker-dialog tbody,
.datepicker-dialog td {
    border: none !important;
    padding: 0 !important;
    text-align: center;
}

.datepicker-date:not(.datepicker-active),
.datepicker-yearselect:not(.datepicker-active) {
    opacity: .6;
}

.datepicker-date {
    display: block;
    font-size: 2.43rem;
    margin-top: 5px;
}

.datepicker-date::first-letter {
    text-transform: capitalize;
}

.datepicker-month {
    font-weight: 500;
}

.datepicker-dialog .dialog-body {
    position: relative;
    background-color: inherit;
    padding: 0;
}

.datepicker-dialog .dialog-footer {
    margin-top: -1px;
    padding: 0 12px 8px;
}

.datepicker-body {
    background-color: inherit;
    height: 260px;
    padding: 0 12px;
}

.datepicker-week th,
.datepicker-day a {
    line-height: 36px;
    height: 36px;
    width: 36px;
}

.datepicker-day a {
    border-radius: 50%;
    display: block;
}

.datepicker-yearlist {
    position: absolute;
    top: 0;
    left: 0;
    background-color: inherit;
    display: block;
    height: 100%;
    overflow: auto;
    text-align: center;
    width: 100%;
}

.datepicker-yearlist.visible {
    display: block;
}

.datepicker-year {
    display: block;
    font-size: 1.2rem;
    padding: 12px;
}

.datepicker-year.selected {
    font-size: 2rem;
}

/*DATEPICKER HORIZONTAL*/
@media (max-height: 460px) {
    .datepicker-dialog .dialog-content {
        flex-flow: row nowrap;
    }

    .datepicker-dialog .dialog-header {
        width: 150px;
    }

    .datepicker-dialog .dialog-body {
        margin-bottom: 36px;
    }

    .datepicker-dialog .dialog-footer {
        position: absolute;
        bottom: 0;
        right: 0;
        left: 150px;
    }

    .datepicker-dialog .dialog-body .grid {
        margin-top: -8px;
        margin-bottom: -12px;
    }
}

/*LIST GROUP*/
.list .list-item {
    padding: 16px;
}

.list.list-divider > .list-item + .list-item {
    border-top: 1px solid #ddd;
}

/*DROPDOWN / DROPUP*/
.dropdown {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.dropdown:not(.dropdown-visible) {
    /*overflow: hidden;*/
}

.dropdown-block,
.dropdown-body > .dropdown {
    display: block;
}

.dropdown-body {
    position: absolute;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    max-width: calc(100vw - 24px);
    z-index: 99;

    margin: -10px auto;
    opacity: 0;
    visibility: hidden;
    transition: margin .3s ease, opacity .3s ease, visibility .3s ease, transform .3s ease;
}

.dropdown-fit > .dropdown-body {
    min-width: 1px;
    width: 100%;
}

.dropdown-visible > .dropdown-body {
    margin: 0 auto;
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.dropdown-xs {
    width: 160px;
}

.dropdown-sm {
    width: 240px;
}

.dropdown-md {
    width: 320px;
}

.dropdown-lg {
    width: 400px;
}

.dropdown-xl {
    width: 480px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .dropdown-body {
        margin: 0 auto;
        transform-origin: left top;
    }

    .dropdown-body {
        transform: scale(0);
    }

    .dropdown-body.top,
    .dropdown-body.top-inverse {
        -webkit-transform-origin-y: top;
    }

    .dropdown-body.bottom,
    .dropdown-body.bottom-inverse {
        -webkit-transform-origin-y: bottom;
    }

    .dropdown-body.left,
    .dropdown-body.left-inverse {
        -webkit-transform-origin-x: left;
    }

    .dropdown-body.right,
    .dropdown-body.right-inverse {
        -webkit-transform-origin-x: right;
    }
}

/*TABS*/
.tabs {
    display: block;
}

.tabs-nav {
    position: relative;
    display: block;
    margin: 0;
    overflow-x: auto;
    padding: 0;
    white-space: nowrap;
}

.tabs-nav > * {
    display: inline-block;
    list-style: none;
}

.tabs-nav > *:not(.tab-active):not(.tabs-bar) {
    opacity: .8;
}

.tabs-nav li {
    border-color: inherit;
}

.tabs-nav a {
    border-bottom: 3px solid transparent;
    font-size: 1rem;
    overflow: hidden;
    padding: 14px 14px 12px;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    vertical-align: middle;

    transition: border .3s ease;
}

.tabs-nav .tab-active {
    border-color: inherit;
}

.tabs-bar {
    position: absolute;
    bottom: 0;
    border-bottom: 3px solid;
    border-color: inherit;
    transition: transform .4s ease, width .4s ease;
    will-change: transform, width;
}

.tabs-bar ~ * {
    border-color: transparent !important;
}

.tabs-list {
    display: flex !important;
    flex-flow: row nowrap;
}

.tab-content {
    min-width: 100%;
    width: 100%;
}

.tabs-list:not(.tabs-noswipe) {
    overflow: hidden;
}

.tabs-list:not(.tabs-processed) > .tab-content:not(.tab-visible) {
    display: none;
}

.tabs-list:not(.tabs-noswipe) > .tab-content {
    transition: margin-left .3s ease;
}

.tabs-list.tabs-noswipe > .tab-content:not(.tab-visible) {
    overflow: hidden;
    height: 0;
}

.tabs-list > .tab-content:not(.tab-visible) {
    height: 0;
}

/*FLEX GRID SYSTEM*/
.app-bar,
.grid {
    align-items: stretch;
    display: flex !important;
    flex-flow: row wrap;
}

.grid-col {
    display: block;
}

.grid-auto .grid-col {
    flex: 1;
}

.grid-wrap {
    flex-wrap: wrap;
}

.grid-nowrap {
    flex-wrap: nowrap;
}

.grid-scroll {
    overflow: auto;
}

.grid-vertical {
    flex-direction: column;
}

.grid-reverse {
    flex-direction: row-reverse;
}

.grid-vertical.grid-reverse {
    flex-direction: column-reverse;
}

/*GRID GUTTER*/
.grid-gutter, .grid-gutter-md {
    margin: -16px;
}

.grid-gutter > *, .grid-gutter-md > * {
    padding: 16px;
}

.grid-gutter-xs {
    margin: -4px;
}

.grid-gutter-xs > * {
    padding: 4px;
}

.grid-gutter-sm {
    margin: -8px;
}

.grid-gutter-sm > * {
    padding: 8px;
}

.grid-gutter-lg {
    margin: -32px;
}

.grid-gutter-lg > * {
    padding: 32px;
}

.grid-gutter-xl {
    margin: -64px;
}

.grid-gutter-xl > * {
    padding: 64px;
}

/*GRID ALIGNMENT - HORIZONTAL*/
.grid-left {
    justify-content: flex-start;
}

.grid-right {
    justify-content: flex-end;
}

.grid-center {
    justify-content: center;
}

.grid-justify, .grid-justify-between {
    justify-content: space-between;
}

.grid-justify-around {
    justify-content: space-around;
}

/*GRID ALIGNMENT - VERTICAL*/
.grid-top {
    align-items: flex-start;
}

.grid-bottom {
    align-items: flex-end;
}

.app-bar,
.grid-middle {
    align-items: center;
}

/*GRID FIT CARDS*/
.grid-cards > * {
    display: flex !important;
    justify-content: center;
}

/*GRID COLs PROPERTIES*/
.col-left {
    margin-right: auto;
}

.col-right {
    margin-left: auto;
}

.col-top {
    margin-bottom: auto;
}

.col-bottom {
    margin-top: auto;
}

.col-middle {
    margin-top: auto;
    margin-bottom: auto;
}

.col-center {
    margin-left: auto;
    margin-right: auto;
}

.col-fill {
    flex: 1;
}

[class*="xs-col-"], [class*="sm-col-"], [class*="md-col-"], [class*="lg-col-"], [class*="xl-col-"] {
    display: block;
    flex-shrink: 0;
    width: 100%;
}

.grid-fit > * {
    /*flex-shrink: 1;*/
    width: 100%;
}

/*****************
* MEDIA QUERIES
*****************/

/*BREAKPOINTS*/
/* 0 - xsmall (xs) */
/* 600 - small (sm) */
/* 1024 - medium (md) */
/* 1440 - large (lg) */
/* 1920 - xlarge (xl) */

.xs-col-1 {
    width: 8.333333%;
}

.xs-col-2 {
    width: 16.666667%;
}

.xs-col-3 {
    width: 25%;
}

.xs-col-4 {
    width: 33.333333%;
}

.xs-col-5 {
    width: 41.666667%;
}

.xs-col-6 {
    width: 50%;
}

.xs-col-7 {
    width: 58.333333%;
}

.xs-col-8 {
    width: 66.666667%;
}

.xs-col-9 {
    width: 75%;
}

.xs-col-10 {
    width: 83.333333%;
}

.xs-col-11 {
    width: 91.666667%;
}

.xs-col-12 {
    width: 100%;
}

.xs-offset-0 {
    margin-left: 0;
}

.xs-offset-1 {
    margin-left: 8.333333%;
}

.xs-offset-2 {
    margin-left: 16.666667%;
}

.xs-offset-3 {
    margin-left: 25%;
}

.xs-offset-4 {
    margin-left: 33.333333%;
}

.xs-offset-5 {
    margin-left: 41.666667%;
}

.xs-offset-6 {
    margin-left: 50%;
}

.xs-offset-7 {
    margin-left: 58.333333%;
}

.xs-offset-8 {
    margin-left: 66.666667%;
}

.xs-offset-9 {
    margin-left: 75%;
}

.xs-offset-10 {
    margin-left: 83.333333%;
}

.xs-offset-11 {
    margin-left: 91.666667%;
}

.xs-offset-12 {
    margin-left: 100%;
}

.xs-text-left {
    text-align: left;
}

.xs-text-center {
    text-align: center;
}

.xs-text-right {
    text-align: right;
}

.xs-text-justify {
    text-align: justify;
}

/*@media (min-width: 544px) {*/
@media (min-width: 600px) {
    .sm-col-1 {
        width: 8.333333%;
    }

    .sm-col-2 {
        width: 16.666667%;
    }

    .sm-col-3 {
        width: 25%;
    }

    .sm-col-4 {
        width: 33.333333%;
    }

    .sm-col-5 {
        width: 41.666667%;
    }

    .sm-col-6 {
        width: 50%;
    }

    .sm-col-7 {
        width: 58.333333%;
    }

    .sm-col-8 {
        width: 66.666667%;
    }

    .sm-col-9 {
        width: 75%;
    }

    .sm-col-10 {
        width: 83.333333%;
    }

    .sm-col-11 {
        width: 91.666667%;
    }

    .sm-col-12 {
        width: 100%;
    }

    .sm-offset-0 {
        margin-left: 0;
    }

    .sm-offset-1 {
        margin-left: 8.333333%;
    }

    .sm-offset-2 {
        margin-left: 16.666667%;
    }

    .sm-offset-3 {
        margin-left: 25%;
    }

    .sm-offset-4 {
        margin-left: 33.333333%;
    }

    .sm-offset-5 {
        margin-left: 41.666667%;
    }

    .sm-offset-6 {
        margin-left: 50%;
    }

    .sm-offset-7 {
        margin-left: 58.333333%;
    }

    .sm-offset-8 {
        margin-left: 66.666667%;
    }

    .sm-offset-9 {
        margin-left: 75%;
    }

    .sm-offset-10 {
        margin-left: 83.333333%;
    }

    .sm-offset-11 {
        margin-left: 91.666667%;
    }

    .sm-offset-12 {
        margin-left: 100%;
    }

    .sm-text-left {
        text-align: left;
    }

    .sm-text-center {
        text-align: center;
    }

    .sm-text-right {
        text-align: right;
    }

    .sm-text-justify {
        text-align: justify;
    }
}

/*@media (min-width: 768px) {*/
@media (min-width: 1024px) {
    .md-col-1 {
        width: 8.333333%;
    }

    .md-col-2 {
        width: 16.666667%;
    }

    .md-col-3 {
        width: 25%;
    }

    .md-col-4 {
        width: 33.333333%;
    }

    .md-col-5 {
        width: 41.666667%;
    }

    .md-col-6 {
        width: 50%;
    }

    .md-col-7 {
        width: 58.333333%;
    }

    .md-col-8 {
        width: 66.666667%;
    }

    .md-col-9 {
        width: 75%;
    }

    .md-col-10 {
        width: 83.333333%;
    }

    .md-col-11 {
        width: 91.666667%;
    }

    .md-col-12 {
        width: 100%;
    }

    .md-offset-0 {
        margin-left: 0;
    }

    .md-offset-1 {
        margin-left: 8.333333%;
    }

    .md-offset-2 {
        margin-left: 16.666667%;
    }

    .md-offset-3 {
        margin-left: 25%;
    }

    .md-offset-4 {
        margin-left: 33.333333%;
    }

    .md-offset-5 {
        margin-left: 41.666667%;
    }

    .md-offset-6 {
        margin-left: 50%;
    }

    .md-offset-7 {
        margin-left: 58.333333%;
    }

    .md-offset-8 {
        margin-left: 66.666667%;
    }

    .md-offset-9 {
        margin-left: 75%;
    }

    .md-offset-10 {
        margin-left: 83.333333%;
    }

    .md-offset-11 {
        margin-left: 91.666667%;
    }

    .md-offset-12 {
        margin-left: 100%;
    }

    .md-text-left {
        text-align: left;
    }

    .md-text-center {
        text-align: center;
    }

    .md-text-right {
        text-align: right;
    }

    .md-text-justify {
        text-align: justify;
    }
}

/*@media (min-width: 992px) {*/
@media (min-width: 1440px) {
    .lg-col-1 {
        width: 8.333333%;
    }

    .lg-col-2 {
        width: 16.666667%;
    }

    .lg-col-3 {
        width: 25%;
    }

    .lg-col-4 {
        width: 33.333333%;
    }

    .lg-col-5 {
        width: 41.666667%;
    }

    .lg-col-6 {
        width: 50%;
    }

    .lg-col-7 {
        width: 58.333333%;
    }

    .lg-col-8 {
        width: 66.666667%;
    }

    .lg-col-9 {
        width: 75%;
    }

    .lg-col-10 {
        width: 83.333333%;
    }

    .lg-col-11 {
        width: 91.666667%;
    }

    .lg-col-12 {
        width: 100%;
    }

    .lg-offset-0 {
        margin-left: 0;
    }

    .lg-offset-1 {
        margin-left: 8.333333%;
    }

    .lg-offset-2 {
        margin-left: 16.666667%;
    }

    .lg-offset-3 {
        margin-left: 25%;
    }

    .lg-offset-4 {
        margin-left: 33.333333%;
    }

    .lg-offset-5 {
        margin-left: 41.666667%;
    }

    .lg-offset-6 {
        margin-left: 50%;
    }

    .lg-offset-7 {
        margin-left: 58.333333%;
    }

    .lg-offset-8 {
        margin-left: 66.666667%;
    }

    .lg-offset-9 {
        margin-left: 75%;
    }

    .lg-offset-10 {
        margin-left: 83.333333%;
    }

    .lg-offset-11 {
        margin-left: 91.666667%;
    }

    .lg-offset-12 {
        margin-left: 100%;
    }

    .lg-text-left {
        text-align: left;
    }

    .lg-text-center {
        text-align: center;
    }

    .lg-text-right {
        text-align: right;
    }

    .lg-text-justify {
        text-align: justify;
    }
}

/*@media (min-width: 1200px) {*/
@media (min-width: 1920px) {
    .xl-col-1 {
        width: 8.333333%;
    }

    .xl-col-2 {
        width: 16.666667%;
    }

    .xl-col-3 {
        width: 25%;
    }

    .xl-col-4 {
        width: 33.333333%;
    }

    .xl-col-5 {
        width: 41.666667%;
    }

    .xl-col-6 {
        width: 50%;
    }

    .xl-col-7 {
        width: 58.333333%;
    }

    .xl-col-8 {
        width: 66.666667%;
    }

    .xl-col-9 {
        width: 75%;
    }

    .xl-col-10 {
        width: 83.333333%;
    }

    .xl-col-11 {
        width: 91.666667%;
    }

    .xl-col-12 {
        width: 100%;
    }

    .xl-offset-0 {
        margin-left: 0;
    }

    .xl-offset-1 {
        margin-left: 8.333333%;
    }

    .xl-offset-2 {
        margin-left: 16.666667%;
    }

    .xl-offset-3 {
        margin-left: 25%;
    }

    .xl-offset-4 {
        margin-left: 33.333333%;
    }

    .xl-offset-5 {
        margin-left: 41.666667%;
    }

    .xl-offset-6 {
        margin-left: 50%;
    }

    .xl-offset-7 {
        margin-left: 58.333333%;
    }

    .xl-offset-8 {
        margin-left: 66.666667%;
    }

    .xl-offset-9 {
        margin-left: 75%;
    }

    .xl-offset-10 {
        margin-left: 83.333333%;
    }

    .xl-offset-11 {
        margin-left: 91.666667%;
    }

    .xl-offset-12 {
        margin-left: 100%;
    }

    .xl-text-left {
        text-align: left;
    }

    .xl-text-center {
        text-align: center;
    }

    .xl-text-right {
        text-align: right;
    }

    .xl-text-justify {
        text-align: justify;
    }
}

/*INVERSE MEDIA QUERIES*/
@media (max-width: 599px) {
    .xs-hidden {
        display: none !important;
    }

    .xs-no-margin {
        margin: 0 !important;
    }

    .xs-no-padding {
        padding: 0 !important;
    }

    .text-flow {
        font-size: .2em;
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .sm-hidden {
        display: none !important;
    }

    .sm-no-margin {
        margin: 0 !important;
    }

    .sm-no-padding {
        padding: 0 !important;
    }

    .text-flow {
        font-size: .4em;
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .md-hidden {
        display: none !important;
    }

    .md-no-margin {
        margin: 0 !important;
    }

    .md-no-padding {
        padding: 0 !important;
    }

    .text-flow {
        font-size: .6em;
    }
}

@media (min-width: 1440px) and (max-width: 1919px) {
    .lg-hidden {
        display: none !important;
    }

    .lg-no-margin {
        margin: 0 !important;
    }

    .lg-no-padding {
        padding: 0 !important;
    }

    .text-flow {
        font-size: .8em;
    }
}

@media (min-width: 1920px) {
    .xl-hidden {
        display: none !important;
    }

    .xl-no-margin {
        margin: 0 !important;
    }

    .xl-no-padding {
        padding: 0 !important;
    }

    .text-flow {
        font-size: 1em;
    }
}

/*GLOBAL USAGE / UTIL / HELPERS*/
.static {
    position: static !important;
}

.relative {
    position: relative !important;
}

.absolute {
    position: absolute !important;
}

.fixed {
    position: fixed !important;
}

.top {
    top: 0;
}

.bottom {
    bottom: 0;
}

.left {
    left: 0;
}

.right {
    right: 0;
}

.top-inverse {
    top: 100%;
}

.bottom-inverse {
    bottom: 100%;
}

.left-inverse {
    left: 100%;
}

.right-inverse {
    right: 100%;
}

.scale-xs {
    transform: scale(.4);
}

.scale-sm {
    transform: scale(.8);
}

.scale, .scale-md {
    transform: scale(1.2);
}

.scale-lg {
    transform: scale(1.6);
}

.scale-xl {
    transform: scale(2);
}

.no-margin {
    margin: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.no-float {
    float: none !important;
}

.no-border {
    border: none !important;
}

.no-shadow {
    box-shadow: none !important;
}

.no-transition {
    transition: none !important;
}

.no-bg {
    background: none !important;
}

.no-style {
    background: transparent;
    border: 0;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    list-style: none;
    margin: 0;
    outline: none;
    padding: 0;
}

.btn,
.no-style,
.input[type="radio"],
.input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.no-tap,
.btn,
[data-toggle] {
    -webkit-tap-highlight-color: transparent;
}

.draggable-on,
.no-select,
.btn,
.menu a,
.menu li a,
.menu li.divider-horizontal {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.indent {
    padding-left: 2em !important;
}

.outdent {
    padding-left: .5em !important;
}

/*ADD / SET CLASSES*/
.set-border {
    border: 1px solid #ddd;
}

.set-round {
    border-radius: 3px;
}

.set-circle {
    border-radius: 50%;
}

.set-overlay {
    box-shadow: inset 0 0 100px 10px rgba(0, 0, 0, .5);
}

.set-block {
    display: block;
    width: 100%;
}

/*RAISED*/
.btn-raised,
.raised-xs {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
}

.btn-raised:hover, .btn-raised:focus,
.btn.raised-xs:hover, .btn.raised-xs:focus,
.raised-hover.raised-xs:hover,
.raised-sm {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
}

.btn-raised:active,
.btn.raised-xs:active,
.raised-hover.raised-xs:active,
.btn.raised-sm:hover, .btn.raised-sm:focus,
.raised-hover.raised-sm:hover,
.raised, .raised-md {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
}

.btn.raised-sm:active,
.raised-hover.raised-sm:active,
.btn.raised:hover, .btn.raised-md:hover, .btn.raised:focus, .btn.raised-md:focus,
.raised-hover.raised, .raised-hover.raised-md:hover,
.raised-lg {
    box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
}

.btn.raised-md:active,
.raised-hover.raised-md:active,
.btn.raised-lg:hover, .btn.raised-lg:focus,
.raised-hover.raised-lg:hover,
.raised-xl {
    box-shadow: 0 19px 38px rgba(0, 0, 0, .30), 0 15px 12px rgba(0, 0, 0, .22);
}

.btn.raised-lg:active,
.raised-hover.raised-lg:active,
.btn.raised-xl:hover, .btn.raised-xl:focus,
.raised-hover.raised-xl:hover {
    box-shadow: 0 24px 48px rgba(0, 0, 0, .35), 0 20px 14px rgba(0, 0, 0, .22);
}

.btn.raised-xl:active,
.raised-hover.raised-xl:active {
    box-shadow: 0 29px 58px rgba(0, 0, 0, .40), 0 25px 16px rgba(0, 0, 0, .22);
}

/*CONTAINERS*/
.container {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

/*FLOAT CLASSES*/
.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

/*PADDING CLASSES*/
.pd-xs {
    padding: 4px;
}

.pd-sm {
    padding: 8px;
}

.pd-md {
    padding: 16px;
}

.pd-lg {
    padding: 32px;
}

.pd-xl {
    padding: 64px;
}

.pd-top-xs {
    padding-top: 4px;
}

.pd-top-sm {
    padding-top: 8px;
}

.pd-top-md, .pd-top {
    padding-top: 16px;
}

.pd-top-lg {
    padding-top: 32px;
}

.pd-top-xl {
    padding-top: 64px;
}

.pd-bottom-xs {
    padding-bottom: 4px;
}

.pd-bottom-sm {
    padding-bottom: 8px;
}

.pd-bottom-md, .pd-bottom {
    padding-bottom: 16px;
}

.pd-bottom-lg {
    padding-bottom: 32px;
}

.pd-bottom-xl {
    padding-bottom: 64px;
}

.pd-left-xs {
    padding-left: 4px;
}

.pd-left-sm {
    padding-left: 8px;
}

.pd-left-md, .pd-left {
    padding-left: 16px;
}

.pd-left-lg {
    padding-left: 32px;
}

.pd-left-xl {
    padding-left: 64px;
}

.pd-right-xs {
    padding-right: 4px;
}

.pd-right-sm {
    padding-right: 8px;
}

.pd-right-md, .pd-right {
    padding-right: 16px;
}

.pd-right-lg {
    padding-right: 32px;
}

.pd-right-xl {
    padding-right: 64px;
}

/*MARGIN CLASSES*/
.mg-xs {
    margin: 4px;
}

.mg-sm {
    margin: 8px;
}

.mg-md {
    margin: 16px;
}

.mg-lg {
    margin: 32px;
}

.mg-xl {
    margin: 64px;
}

.mg-top-xs {
    margin-top: 4px;
}

.mg-top-sm {
    margin-top: 8px;
}

.mg-top-md, .mg-top {
    margin-top: 16px;
}

.mg-top-lg {
    margin-top: 32px;
}

.mg-top-xl {
    margin-top: 64px;
}

.mg-bottom-xs {
    margin-bottom: 4px;
}

.mg-bottom-sm {
    margin-bottom: 8px;
}

.mg-bottom-md, .mg-bottom {
    margin-bottom: 16px;
}

.mg-bottom-lg {
    margin-bottom: 32px;
}

.mg-bottom-xl {
    margin-bottom: 64px;
}

.mg-left-xs {
    margin-left: 4px;
}

.mg-left-sm {
    margin-left: 8px;
}

.mg-left-md, .mg-left {
    margin-left: 16px;
}

.mg-left-lg {
    margin-left: 32px;
}

.mg-left-xl {
    margin-left: 64px;
}

.mg-right-xs {
    margin-right: 4px;
}

.mg-right-sm {
    margin-right: 8px;
}

.mg-right-md, .mg-right {
    margin-right: 16px;
}

.mg-right-lg {
    margin-right: 32px;
}

.mg-right-xl {
    margin-right: 64px;
}

/*Inherit*/
.text-inherit {
    color: inherit;
}

.bg-inherit {
    background-color: inherit;
}

.border-inherit {
    border-color: inherit;
}

/*TEXT SIZES*/
.text-xs {
    font-size: .4em !important;
}

.text-sm {
    font-size: .8em !important;
}

.text-md {
    font-size: 1.2em !important;
}

.text-lg {
    font-size: 1.6em !important;
}

.text-xl {
    font-size: 2em !important;
}

/*BTN FIT*/
.btn-fit-xs {
    margin: -4px;
}

.btn-fit-sm {
    margin: -8px;
}

.btn-fit-md {
    margin: -16px;
}

.btn-fit-lg {
    margin: -32px;
}

.btn-fit-xl {
    margin: -64px;
}

/*MEDIA CLASSES (ALL MEDIAS INCLUDING IMAGES)*/
.media-container-xs,
.media-container-sm,
.media-container, .media-container-md,
.media-container-lg,
.media-container-xl {
    position: relative;
    box-sizing: content-box;
    display: block;
    padding-bottom: 75%;
}

.media-container-xs {
    padding-bottom: 25%;
}

.media-container-sm {
    padding-bottom: 50%;
}

.media-container-lg {
    padding-bottom: 100%;
}

.media-container-xl {
    padding-bottom: 125%;
}

.media-container > *, .media-container-xs > *, .media-container-sm > *, .media-container-md > *, .media-container-lg > *, .media-container-xl > * {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

/*MEDIA AS BACKGROUND*/
.media-background {
    position: absolute;
    z-index: -1;
}

.media-background,
.media-cover,
.media-contain {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.media-contain {
    object-fit: contain;
}

.media-fluid,
.img-fluid {
    max-width: 100%;
}

.invisible {
    visibility: hidden;
}

/*BG COLORS*/
.bg-black,
.bg-black-h:hover,
.bg-black-0, .bg-black-0-h:hover, .bg-black-1, .bg-black-1-h:hover, .bg-black-2, .bg-black-2-h:hover, .bg-black-3, .bg-black-3-h:hover, .bg-black-4, .bg-black-4-h:hover, .bg-black-5, .bg-black-5-h:hover, .bg-black-6, .bg-black-6-h:hover, .bg-black-7, .bg-black-7-h:hover, .bg-black-8, .bg-black-8-h:hover, .bg-black-9, .bg-black-9-h:hover {
    background-color: #000
}

.bg-white,
.bg-white-h:hover,
.bg-white-0, .bg-white-0-h:hover, .bg-white-1, .bg-white-1-h:hover, .bg-white-2, .bg-white-2-h:hover, .bg-white-3, .bg-white-3-h:hover, .bg-white-4, .bg-white-4-h:hover, .bg-white-5, .bg-white-5-h:hover, .bg-white-6, .bg-white-6-h:hover, .bg-white-7, .bg-white-7-h:hover, .bg-white-8, .bg-white-8-h:hover, .bg-white-9, .bg-white-9-h:hover {
    background-color: #FFF
}

.bg-red-0,
.bg-red-0-h:hover {
    background-color: #FFEBEE
}

.bg-red-1,
.bg-red-1-h:hover {
    background-color: #FFCDD2
}

.bg-red-2,
.bg-red-2-h:hover {
    background-color: #EF9A9A
}

.bg-red-3,
.bg-red-3-h:hover {
    background-color: #E57373
}

.bg-red-4,
.bg-red-4-h:hover {
    background-color: #EF5350
}

.bg-red-5,
.bg-red-5-h:hover {
    background-color: #F44336
}

.bg-red-6,
.bg-red-6-h:hover {
    background-color: #E53935
}

.bg-red-7,
.bg-red-7-h:hover {
    background-color: #D32F2F
}

.bg-red-8,
.bg-red-8-h:hover {
    background-color: #C62828
}

.bg-red-9,
.bg-red-9-h:hover {
    background-color: #B71C1C
}

.bg-pink-0,
.bg-pink-0-h:hover {
    background-color: #FCE4EC
}

.bg-pink-1,
.bg-pink-1-h:hover {
    background-color: #F8BBD0
}

.bg-pink-2,
.bg-pink-2-h:hover {
    background-color: #F48FB1
}

.bg-pink-3,
.bg-pink-3-h:hover {
    background-color: #F06292
}

.bg-pink-4,
.bg-pink-4-h:hover {
    background-color: #EC407A
}

.bg-pink-5,
.bg-pink-5-h:hover {
    background-color: #E91E63
}

.bg-pink-6,
.bg-pink-6-h:hover {
    background-color: #D81B60
}

.bg-pink-7,
.bg-pink-7-h:hover {
    background-color: #C2185B
}

.bg-pink-8,
.bg-pink-8-h:hover {
    background-color: #AD1457
}

.bg-pink-9,
.bg-pink-9-h:hover {
    background-color: #880E4F
}

.bg-purple-0,
.bg-purple-0-h:hover {
    background-color: #F3E5F5
}

.bg-purple-1,
.bg-purple-1-h:hover {
    background-color: #E1BEE7
}

.bg-purple-2,
.bg-purple-2-h:hover {
    background-color: #CE93D8
}

.bg-purple-3,
.bg-purple-3-h:hover {
    background-color: #BA68C8
}

.bg-purple-4,
.bg-purple-4-h:hover {
    background-color: #AB47BC
}

.bg-purple-5,
.bg-purple-5-h:hover {
    background-color: #9C27B0
}

.bg-purple-6,
.bg-purple-6-h:hover {
    background-color: #8E24AA
}

.bg-purple-7,
.bg-purple-7-h:hover {
    background-color: #7B1FA2
}

.bg-purple-8,
.bg-purple-8-h:hover {
    background-color: #6A1B9A
}

.bg-purple-9,
.bg-purple-9-h:hover {
    background-color: #4A148C
}

.bg-deeppurple-0,
.bg-deeppurple-0-h:hover {
    background-color: #EDE7F6
}

.bg-deeppurple-1,
.bg-deeppurple-1-h:hover {
    background-color: #D1C4E9
}

.bg-deeppurple-2,
.bg-deeppurple-2-h:hover {
    background-color: #B39DDB
}

.bg-deeppurple-3,
.bg-deeppurple-3-h:hover {
    background-color: #9575CD
}

.bg-deeppurple-4,
.bg-deeppurple-4-h:hover {
    background-color: #7E57C2
}

.bg-deeppurple-5,
.bg-deeppurple-5-h:hover {
    background-color: #673AB7
}

.bg-deeppurple-6,
.bg-deeppurple-6-h:hover {
    background-color: #5E35B1
}

.bg-deeppurple-7,
.bg-deeppurple-7-h:hover {
    background-color: #512DA8
}

.bg-deeppurple-8,
.bg-deeppurple-8-h:hover {
    background-color: #4527A0
}

.bg-deeppurple-9,
.bg-deeppurple-9-h:hover {
    background-color: #311B92
}

.bg-indigo-0,
.bg-indigo-0-h:hover {
    background-color: #E8EAF6
}

.bg-indigo-1,
.bg-indigo-1-h:hover {
    background-color: #C5CAE9
}

.bg-indigo-2,
.bg-indigo-2-h:hover {
    background-color: #9FA8DA
}

.bg-indigo-3,
.bg-indigo-3-h:hover {
    background-color: #7986CB
}

.bg-indigo-4,
.bg-indigo-4-h:hover {
    background-color: #5C6BC0
}

.bg-indigo-5,
.bg-indigo-5-h:hover {
    background-color: #3F51B5
}

.bg-indigo-6,
.bg-indigo-6-h:hover {
    background-color: #3949AB
}

.bg-indigo-7,
.bg-indigo-7-h:hover {
    background-color: #303F9F
}

.bg-indigo-8,
.bg-indigo-8-h:hover {
    background-color: #283593
}

.bg-indigo-9,
.bg-indigo-9-h:hover {
    background-color: #1A237E
}

.bg-blue-0,
.bg-blue-0-h:hover {
    background-color: #E3F2FD
}

.bg-blue-1,
.bg-blue-1-h:hover {
    background-color: #BBDEFB
}

.bg-blue-2,
.bg-blue-2-h:hover {
    background-color: #90CAF9
}

.bg-blue-3,
.bg-blue-3-h:hover {
    background-color: #64B5F6
}

.bg-blue-4,
.bg-blue-4-h:hover {
    background-color: #42A5F5
}

.bg-blue-5,
.bg-blue-5-h:hover {
    background-color: #2196F3
}

.bg-blue-6,
.bg-blue-6-h:hover {
    background-color: #1E88E5
}

.bg-blue-7,
.bg-blue-7-h:hover {
    background-color: #1976D2
}

.bg-blue-8,
.bg-blue-8-h:hover {
    background-color: #1565C0
}

.bg-blue-9,
.bg-blue-9-h:hover {
    background-color: #0D47A1
}

.bg-lightblue-0,
.bg-lightblue-0-h:hover {
    background-color: #E1F5FE
}

.bg-lightblue-1,
.bg-lightblue-1-h:hover {
    background-color: #B3E5FC
}

.bg-lightblue-2,
.bg-lightblue-2-h:hover {
    background-color: #81D4FA
}

.bg-lightblue-3,
.bg-lightblue-3-h:hover {
    background-color: #4FC3F7
}

.bg-lightblue-4,
.bg-lightblue-4-h:hover {
    background-color: #29B6F6
}

.bg-lightblue-5,
.bg-lightblue-5-h:hover {
    background-color: #03A9F4
}

.bg-lightblue-6,
.bg-lightblue-6-h:hover {
    background-color: #039BE5
}

.bg-lightblue-7,
.bg-lightblue-7-h:hover {
    background-color: #0288D1
}

.bg-lightblue-8,
.bg-lightblue-8-h:hover {
    background-color: #0277BD
}

.bg-lightblue-9,
.bg-lightblue-9-h:hover {
    background-color: #01579B
}

.bg-cyan-0,
.bg-cyan-0-h:hover {
    background-color: #E0F7FA
}

.bg-cyan-1,
.bg-cyan-1-h:hover {
    background-color: #B2EBF2
}

.bg-cyan-2,
.bg-cyan-2-h:hover {
    background-color: #80DEEA
}

.bg-cyan-3,
.bg-cyan-3-h:hover {
    background-color: #4DD0E1
}

.bg-cyan-4,
.bg-cyan-4-h:hover {
    background-color: #26C6DA
}

.bg-cyan-5,
.bg-cyan-5-h:hover {
    background-color: #00BCD4
}

.bg-cyan-6,
.bg-cyan-6-h:hover {
    background-color: #00ACC1
}

.bg-cyan-7,
.bg-cyan-7-h:hover {
    background-color: #0097A7
}

.bg-cyan-8,
.bg-cyan-8-h:hover {
    background-color: #00838F
}

.bg-cyan-9,
.bg-cyan-9-h:hover {
    background-color: #006064
}

.bg-teal-0,
.bg-teal-0-h:hover {
    background-color: #E0F2F1
}

.bg-teal-1,
.bg-teal-1-h:hover {
    background-color: #B2DFDB
}

.bg-teal-2,
.bg-teal-2-h:hover {
    background-color: #80CBC4
}

.bg-teal-3,
.bg-teal-3-h:hover {
    background-color: #4DB6AC
}

.bg-teal-4,
.bg-teal-4-h:hover {
    background-color: #26A69A
}

.bg-teal-5,
.bg-teal-5-h:hover {
    background-color: #009688
}

.bg-teal-6,
.bg-teal-6-h:hover {
    background-color: #00897B
}

.bg-teal-7,
.bg-teal-7-h:hover {
    background-color: #00796B
}

.bg-teal-8,
.bg-teal-8-h:hover {
    background-color: #00695C
}

.bg-teal-9,
.bg-teal-9-h:hover {
    background-color: #004D40
}

.bg-green-0,
.bg-green-0-h:hover {
    background-color: #E8F5E9
}

.bg-green-1,
.bg-green-1-h:hover {
    background-color: #C8E6C9
}

.bg-green-2,
.bg-green-2-h:hover {
    background-color: #A5D6A7
}

.bg-green-3,
.bg-green-3-h:hover {
    background-color: #81C784
}

.bg-green-4,
.bg-green-4-h:hover {
    background-color: #66BB6A
}

.bg-green-5,
.bg-green-5-h:hover {
    background-color: #4CAF50
}

.bg-green-6,
.bg-green-6-h:hover {
    background-color: #43A047
}

.bg-green-7,
.bg-green-7-h:hover {
    background-color: #388E3C
}

.bg-green-8,
.bg-green-8-h:hover {
    background-color: #2E7D32
}

.bg-green-9,
.bg-green-9-h:hover {
    background-color: #1B5E20
}

.bg-lightgreen-0,
.bg-lightgreen-0-h:hover {
    background-color: #F1F8E9
}

.bg-lightgreen-1,
.bg-lightgreen-1-h:hover {
    background-color: #DCEDC8
}

.bg-lightgreen-2,
.bg-lightgreen-2-h:hover {
    background-color: #C5E1A5
}

.bg-lightgreen-3,
.bg-lightgreen-3-h:hover {
    background-color: #AED581
}

.bg-lightgreen-4,
.bg-lightgreen-4-h:hover {
    background-color: #9CCC65
}

.bg-lightgreen-5,
.bg-lightgreen-5-h:hover {
    background-color: #8BC34A
}

.bg-lightgreen-6,
.bg-lightgreen-6-h:hover {
    background-color: #7CB342
}

.bg-lightgreen-7,
.bg-lightgreen-7-h:hover {
    background-color: #689F38
}

.bg-lightgreen-8,
.bg-lightgreen-8-h:hover {
    background-color: #558B2F
}

.bg-lightgreen-9,
.bg-lightgreen-9-h:hover {
    background-color: #33691E
}

.bg-lime-0,
.bg-lime-0-h:hover {
    background-color: #F9FBE7
}

.bg-lime-1,
.bg-lime-1-h:hover {
    background-color: #F0F4C3
}

.bg-lime-2,
.bg-lime-2-h:hover {
    background-color: #E6EE9C
}

.bg-lime-3,
.bg-lime-3-h:hover {
    background-color: #DCE775
}

.bg-lime-4,
.bg-lime-4-h:hover {
    background-color: #D4E157
}

.bg-lime-5,
.bg-lime-5-h:hover {
    background-color: #CDDC39
}

.bg-lime-6,
.bg-lime-6-h:hover {
    background-color: #C0CA33
}

.bg-lime-7,
.bg-lime-7-h:hover {
    background-color: #AFB42B
}

.bg-lime-8,
.bg-lime-8-h:hover {
    background-color: #9E9D24
}

.bg-lime-9,
.bg-lime-9-h:hover {
    background-color: #827717
}

.bg-yellow-0,
.bg-yellow-0-h:hover {
    background-color: #FFFDE7
}

.bg-yellow-1,
.bg-yellow-1-h:hover {
    background-color: #FFF9C4
}

.bg-yellow-2,
.bg-yellow-2-h:hover {
    background-color: #FFF59D
}

.bg-yellow-3,
.bg-yellow-3-h:hover {
    background-color: #FFF176
}

.bg-yellow-4,
.bg-yellow-4-h:hover {
    background-color: #FFEE58
}

.bg-yellow-5,
.bg-yellow-5-h:hover {
    background-color: #FFEB3B
}

.bg-yellow-6,
.bg-yellow-6-h:hover {
    background-color: #FDD835
}

.bg-yellow-7,
.bg-yellow-7-h:hover {
    background-color: #FBC02D
}

.bg-yellow-8,
.bg-yellow-8-h:hover {
    background-color: #F9A825
}

.bg-yellow-9,
.bg-yellow-9-h:hover {
    background-color: #F57F17
}

.bg-amber-0,
.bg-amber-0-h:hover {
    background-color: #FFF8E1
}

.bg-amber-1,
.bg-amber-1-h:hover {
    background-color: #FFECB3
}

.bg-amber-2,
.bg-amber-2-h:hover {
    background-color: #FFE082
}

.bg-amber-3,
.bg-amber-3-h:hover {
    background-color: #FFD54F
}

.bg-amber-4,
.bg-amber-4-h:hover {
    background-color: #FFCA28
}

.bg-amber-5,
.bg-amber-5-h:hover {
    background-color: #FFC107
}

.bg-amber-6,
.bg-amber-6-h:hover {
    background-color: #FFB300
}

.bg-amber-7,
.bg-amber-7-h:hover {
    background-color: #FFA000
}

.bg-amber-8,
.bg-amber-8-h:hover {
    background-color: #FF8F00
}

.bg-amber-9,
.bg-amber-9-h:hover {
    background-color: #FF6F00
}

.bg-orange-0,
.bg-orange-0-h:hover {
    background-color: #FFF3E0
}

.bg-orange-1,
.bg-orange-1-h:hover {
    background-color: #FFE0B2
}

.bg-orange-2,
.bg-orange-2-h:hover {
    background-color: #FFCC80
}

.bg-orange-3,
.bg-orange-3-h:hover {
    background-color: #FFB74D
}

.bg-orange-4,
.bg-orange-4-h:hover {
    background-color: #FFA726
}

.bg-orange-5,
.bg-orange-5-h:hover {
    background-color: #FF9800
}

.bg-orange-6,
.bg-orange-6-h:hover {
    background-color: #FB8C00
}

.bg-orange-7,
.bg-orange-7-h:hover {
    background-color: #F57C00
}

.bg-orange-8,
.bg-orange-8-h:hover {
    background-color: #EF6C00
}

.bg-orange-9,
.bg-orange-9-h:hover {
    background-color: #E65100
}

.bg-deeporange-0,
.bg-deeporange-0-h:hover {
    background-color: #FBE9E7
}

.bg-deeporange-1,
.bg-deeporange-1-h:hover {
    background-color: #FFCCBC
}

.bg-deeporange-2,
.bg-deeporange-2-h:hover {
    background-color: #FFAB91
}

.bg-deeporange-3,
.bg-deeporange-3-h:hover {
    background-color: #FF8A65
}

.bg-deeporange-4,
.bg-deeporange-4-h:hover {
    background-color: #FF7043
}

.bg-deeporange-5,
.bg-deeporange-5-h:hover {
    background-color: #FF5722
}

.bg-deeporange-6,
.bg-deeporange-6-h:hover {
    background-color: #F4511E
}

.bg-deeporange-7,
.bg-deeporange-7-h:hover {
    background-color: #E64A19
}

.bg-deeporange-8,
.bg-deeporange-8-h:hover {
    background-color: #D84315
}

.bg-deeporange-9,
.bg-deeporange-9-h:hover {
    background-color: #BF360C
}

.bg-brown-0,
.bg-brown-0-h:hover {
    background-color: #EFEBE9
}

.bg-brown-1,
.bg-brown-1-h:hover {
    background-color: #D7CCC8
}

.bg-brown-2,
.bg-brown-2-h:hover {
    background-color: #BCAAA4
}

.bg-brown-3,
.bg-brown-3-h:hover {
    background-color: #A1887F
}

.bg-brown-4,
.bg-brown-4-h:hover {
    background-color: #8D6E63
}

.bg-brown-5,
.bg-brown-5-h:hover {
    background-color: #795548
}

.bg-brown-6,
.bg-brown-6-h:hover {
    background-color: #6D4C41
}

.bg-brown-7,
.bg-brown-7-h:hover {
    background-color: #5D4037
}

.bg-brown-8,
.bg-brown-8-h:hover {
    background-color: #4E342E
}

.bg-brown-9,
.bg-brown-9-h:hover {
    background-color: #3E2723
}

.bg-grey-0,
.bg-grey-0-h:hover {
    background-color: #FAFAFA
}

.bg-grey-1,
.bg-grey-1-h:hover {
    background-color: #F5F5F5
}

.bg-grey-2,
.bg-grey-2-h:hover {
    background-color: #EEEEEE
}

.bg-grey-3,
.bg-grey-3-h:hover {
    background-color: #E0E0E0
}

.bg-grey-4,
.bg-grey-4-h:hover {
    background-color: #BDBDBD
}

.bg-grey-5,
.bg-grey-5-h:hover {
    background-color: #9E9E9E
}

.bg-grey-6,
.bg-grey-6-h:hover {
    background-color: #757575
}

.bg-grey-7,
.bg-grey-7-h:hover {
    background-color: #616161
}

.bg-grey-8,
.bg-grey-8-h:hover {
    background-color: #424242
}

.bg-grey-9,
.bg-grey-9-h:hover {
    background-color: #212121
}

.bg-bluegrey-0,
.bg-bluegrey-0-h:hover {
    background-color: #ECEFF1
}

.bg-bluegrey-1,
.bg-bluegrey-1-h:hover {
    background-color: #CFD8DC
}

.bg-bluegrey-2,
.bg-bluegrey-2-h:hover {
    background-color: #B0BEC5
}

.bg-bluegrey-3,
.bg-bluegrey-3-h:hover {
    background-color: #90A4AE
}

.bg-bluegrey-4,
.bg-bluegrey-4-h:hover {
    background-color: #78909C
}

.bg-bluegrey-5,
.bg-bluegrey-5-h:hover {
    background-color: #607D8B
}

.bg-bluegrey-6,
.bg-bluegrey-6-h:hover {
    background-color: #546E7A
}

.bg-bluegrey-7,
.bg-bluegrey-7-h:hover {
    background-color: #455A64
}

.bg-bluegrey-8,
.bg-bluegrey-8-h:hover {
    background-color: #37474F
}

.bg-bluegrey-9,
.bg-bluegrey-9-h:hover {
    background-color: #263238
}

.bg-black,
.bg-black-0, .bg-black-0-h:hover, .bg-black-1, .bg-black-1-h:hover, .bg-black-2, .bg-black-2-h:hover, .bg-black-3, .bg-black-3-h:hover, .bg-black-4, .bg-black-4-h:hover, .bg-black-5, .bg-black-5-h:hover, .bg-black-6, .bg-black-6-h:hover, .bg-black-7, .bg-black-7-h:hover, .bg-black-8, .bg-black-8-h:hover, .bg-black-9, .bg-black-9-h:hover,
.bg-red-4, .bg-red-4-h:hover, .bg-red-5, .bg-red-5-h:hover, .bg-red-6, .bg-red-6-h:hover, .bg-red-7, .bg-red-7-h:hover, .bg-red-8, .bg-red-8-h:hover, .bg-red-9, .bg-red-9-h:hover,
.bg-pink-3, .bg-pink-3-h:hover, .bg-pink-4, .bg-pink-4-h:hover, .bg-pink-5, .bg-pink-5-h:hover, .bg-pink-6, .bg-pink-6-h:hover, .bg-pink-7, .bg-pink-7-h:hover, .bg-pink-8, .bg-pink-8-h:hover, .bg-pink-9, .bg-pink-9-h:hover,
.bg-purple-3, .bg-purple-3-h:hover, .bg-purple-4, .bg-purple-4-h:hover, .bg-purple-5, .bg-purple-5-h:hover, .bg-purple-6, .bg-purple-6-h:hover, .bg-purple-7, .bg-purple-7-h:hover, .bg-purple-8, .bg-purple-8-h:hover, .bg-purple-9, .bg-purple-9-h:hover,
.bg-deeppurple-3, .bg-deeppurple-3-h:hover, .bg-deeppurple-4, .bg-deeppurple-4-h:hover, .bg-deeppurple-5, .bg-deeppurple-5-h:hover, .bg-deeppurple-6, .bg-deeppurple-6-h:hover, .bg-deeppurple-7, .bg-deeppurple-7-h:hover, .bg-deeppurple-8, .bg-deeppurple-8-h:hover, .bg-deeppurple-9, .bg-deeppurple-9-h:hover,
.bg-indigo-3, .bg-indigo-3-h:hover, .bg-indigo-4, .bg-indigo-4-h:hover, .bg-indigo-5, .bg-indigo-5-h:hover, .bg-indigo-6, .bg-indigo-6-h:hover, .bg-indigo-7, .bg-indigo-7-h:hover, .bg-indigo-8, .bg-indigo-8-h:hover, .bg-indigo-9, .bg-indigo-9-h:hover,
.bg-blue-5, .bg-blue-5-h:hover, .bg-blue-6, .bg-blue-6-h:hover, .bg-blue-7, .bg-blue-7-h:hover, .bg-blue-8, .bg-blue-8-h:hover, .bg-blue-9, .bg-blue-9-h:hover,
.bg-lightblue-6, .bg-lightblue-6-h:hover, .bg-lightblue-7, .bg-lightblue-7-h:hover, .bg-lightblue-8, .bg-lightblue-8-h:hover, .bg-lightblue-9, .bg-lightblue-9-h:hover,
.bg-cyan-7, .bg-cyan-7-h:hover, .bg-cyan-8, .bg-cyan-8-h:hover, .bg-cyan-9, .bg-cyan-9-h:hover,
.bg-teal-5, .bg-teal-5-h:hover, .bg-teal-6, .bg-teal-6-h:hover, .bg-teal-7, .bg-teal-7-h:hover, .bg-teal-8, .bg-teal-8-h:hover, .bg-teal-9, .bg-teal-9-h:hover,
.bg-green-6, .bg-green-6-h:hover, .bg-green-7, .bg-green-7-h:hover, .bg-green-8, .bg-green-8-h:hover, .bg-green-9, .bg-green-9-h:hover,
.bg-lightgreen-7, .bg-lightgreen-7-h:hover, .bg-lightgreen-8, .bg-lightgreen-8-h:hover, .bg-lightgreen-9, .bg-lightgreen-9-h:hover,
.bg-lime-9, .bg-lime-9-h:hover,
.bg-orange-8, .bg-orange-8-h:hover, .bg-orange-9, .bg-orange-9-h:hover,
.bg-deeporange-5, .bg-deeporange-5-h:hover, .bg-deeporange-6, .bg-deeporange-6-h:hover, .bg-deeporange-7, .bg-deeporange-7-h:hover, .bg-deeporange-8, .bg-deeporange-8-h:hover, .bg-deeporange-9, .bg-deeporange-9-h:hover,
.bg-brown-3, .bg-brown-3-h:hover, .bg-brown-4, .bg-brown-4-h:hover, .bg-brown-5, .bg-brown-5-h:hover, .bg-brown-6, .bg-brown-6-h:hover, .bg-brown-7, .bg-brown-7-h:hover, .bg-brown-8, .bg-brown-8-h:hover, .bg-brown-9, .bg-brown-9-h:hover,
.bg-grey-6, .bg-grey-6-h:hover, .bg-grey-7, .bg-grey-7-h:hover, .bg-grey-8, .bg-grey-8-h:hover, .bg-grey-9, .bg-grey-9-h:hover,
.bg-bluegrey-4, .bg-bluegrey-4-h:hover, .bg-bluegrey-5, .bg-bluegrey-5-h:hover, .bg-bluegrey-6, .bg-bluegrey-6-h:hover, .bg-bluegrey-7, .bg-bluegrey-7-h:hover, .bg-bluegrey-8, .bg-bluegrey-8-h:hover, .bg-bluegrey-9, .bg-bluegrey-9-h:hover {
    color: #fff
}

/*BORDER COLORS*/

.border-black, .border-black-h:hover,
.input-black, .input-black-f:focus,
.border-black-0, .border-black-0-h:hover, .border-black-1, .border-black-1-h:hover, .border-black-2, .border-black-2-h:hover, .border-black-3, .border-black-3-h:hover, .border-black-4, .border-black-4-h:hover, .border-black-5, .border-black-5-h:hover, .border-black-6, .border-black-6-h:hover, .border-black-7, .border-black-7-h:hover, .border-black-8, .border-black-8-h:hover, .border-black-9, .border-black-9-h:hover,
.input-black-0, .input-black-0-f:focus, .input-black-1, .input-black-1-f:focus, .input-black-2, .input-black-2-f:focus, .input-black-3, .input-black-3-f:focus, .input-black-4, .input-black-4-f:focus, .input-black-5, .input-black-5-f:focus, .input-black-6, .input-black-6-f:focus, .input-black-7, .input-black-7-f:focus, .input-black-8, .input-black-8-f:focus, .input-black-9, .input-black-9-f:focus {
    border-color: #000
}

.border-white, .border-white-h:hover,
.input-white, .input-white-f:focus,
.border-white-0, .border-white-0-h:hover, .border-white-1, .border-white-1-h:hover, .border-white-2, .border-white-2-h:hover, .border-white-3, .border-white-3-h:hover, .border-white-4, .border-white-4-h:hover, .border-white-5, .border-white-5-h:hover, .border-white-6, .border-white-6-h:hover, .border-white-7, .border-white-7-h:hover, .border-white-8, .border-white-8-h:hover, .border-white-9, .border-white-9-h:hover,
.input-white-0, .input-white-0-f:focus, .input-white-1, .input-white-1-f:focus, .input-white-2, .input-white-2-f:focus, .input-white-3, .input-white-3-f:focus, .input-white-4, .input-white-4-f:focus, .input-white-5, .input-white-5-f:focus, .input-white-6, .input-white-6-f:focus, .input-white-7, .input-white-7-f:focus, .input-white-8, .input-white-8-f:focus, .input-white-9, .input-white-9-f:focus {
    border-color: #FFF
}

.border-red-0, .border-red-0-h:hover,
.input-red-0, .input-red-0-f:focus {
    border-color: #FFEBEE
}

.border-red-1, .border-red-1-h:hover,
.input-red-1, .input-red-1-f:focus {
    border-color: #FFCDD2
}

.border-red-2, .border-red-2-h:hover,
.input-red-2, .input-red-2-f:focus {
    border-color: #EF9A9A
}

.border-red-3, .border-red-3-h:hover,
.input-red-3, .input-red-3-f:focus {
    border-color: #E57373
}

.border-red-4, .border-red-4-h:hover,
.input-red-4, .input-red-4-f:focus {
    border-color: #EF5350
}

.border-red-5, .border-red-5-h:hover,
.input-red-5, .input-red-5-f:focus {
    border-color: #F44336
}

.border-red-6, .border-red-6-h:hover,
.input-red-6, .input-red-6-f:focus {
    border-color: #E53935
}

.border-red-7, .border-red-7-h:hover,
.input-red-7, .input-red-7-f:focus {
    border-color: #D32F2F
}

.border-red-8, .border-red-8-h:hover,
.input-red-8, .input-red-8-f:focus {
    border-color: #C62828
}

.border-red-9, .border-red-9-h:hover,
.input-red-9, .input-red-9-f:focus {
    border-color: #B71C1C
}

.border-pink-0, .border-pink-0-h:hover,
.input-pink-0, .input-pink-0-f:focus {
    border-color: #FCE4EC
}

.border-pink-1, .border-pink-1-h:hover,
.input-pink-1, .input-pink-1-f:focus {
    border-color: #F8BBD0
}

.border-pink-2, .border-pink-2-h:hover,
.input-pink-2, .input-pink-2-f:focus {
    border-color: #F48FB1
}

.border-pink-3, .border-pink-3-h:hover,
.input-pink-3, .input-pink-3-f:focus {
    border-color: #F06292
}

.border-pink-4, .border-pink-4-h:hover,
.input-pink-4, .input-pink-4-f:focus {
    border-color: #EC407A
}

.border-pink-5, .border-pink-5-h:hover,
.input-pink-5, .input-pink-5-f:focus {
    border-color: #E91E63
}

.border-pink-6, .border-pink-6-h:hover,
.input-pink-6, .input-pink-6-f:focus {
    border-color: #D81B60
}

.border-pink-7, .border-pink-7-h:hover,
.input-pink-7, .input-pink-7-f:focus {
    border-color: #C2185B
}

.border-pink-8, .border-pink-8-h:hover,
.input-pink-8, .input-pink-8-f:focus {
    border-color: #AD1457
}

.border-pink-9, .border-pink-9-h:hover,
.input-pink-9, .input-pink-9-f:focus {
    border-color: #880E4F
}

.border-purple-0, .border-purple-0-h:hover,
.input-purple-0, .input-purple-0-f:focus {
    border-color: #F3E5F5
}

.border-purple-1, .border-purple-1-h:hover,
.input-purple-1, .input-purple-1-f:focus {
    border-color: #E1BEE7
}

.border-purple-2, .border-purple-2-h:hover,
.input-purple-2, .input-purple-2-f:focus {
    border-color: #CE93D8
}

.border-purple-3, .border-purple-3-h:hover,
.input-purple-3, .input-purple-3-f:focus {
    border-color: #BA68C8
}

.border-purple-4, .border-purple-4-h:hover,
.input-purple-4, .input-purple-4-f:focus {
    border-color: #AB47BC
}

.border-purple-5, .border-purple-5-h:hover,
.input-purple-5, .input-purple-5-f:focus {
    border-color: #9C27B0
}

.border-purple-6, .border-purple-6-h:hover,
.input-purple-6, .input-purple-6-f:focus {
    border-color: #8E24AA
}

.border-purple-7, .border-purple-7-h:hover,
.input-purple-7, .input-purple-7-f:focus {
    border-color: #7B1FA2
}

.border-purple-8, .border-purple-8-h:hover,
.input-purple-8, .input-purple-8-f:focus {
    border-color: #6A1B9A
}

.border-purple-9, .border-purple-9-h:hover,
.input-purple-9, .input-purple-9-f:focus {
    border-color: #4A148C
}

.border-deeppurple-0, .border-deeppurple-0-h:hover,
.input-deeppurple-0, .input-deeppurple-0-f:focus {
    border-color: #EDE7F6
}

.border-deeppurple-1, .border-deeppurple-1-h:hover,
.input-deeppurple-1, .input-deeppurple-1-f:focus {
    border-color: #D1C4E9
}

.border-deeppurple-2, .border-deeppurple-2-h:hover,
.input-deeppurple-2, .input-deeppurple-2-f:focus {
    border-color: #B39DDB
}

.border-deeppurple-3, .border-deeppurple-3-h:hover,
.input-deeppurple-3, .input-deeppurple-3-f:focus {
    border-color: #9575CD
}

.border-deeppurple-4, .border-deeppurple-4-h:hover,
.input-deeppurple-4, .input-deeppurple-4-f:focus {
    border-color: #7E57C2
}

.border-deeppurple-5, .border-deeppurple-5-h:hover,
.input-deeppurple-5, .input-deeppurple-5-f:focus {
    border-color: #673AB7
}

.border-deeppurple-6, .border-deeppurple-6-h:hover,
.input-deeppurple-6, .input-deeppurple-6-f:focus {
    border-color: #5E35B1
}

.border-deeppurple-7, .border-deeppurple-7-h:hover,
.input-deeppurple-7, .input-deeppurple-7-f:focus {
    border-color: #512DA8
}

.border-deeppurple-8, .border-deeppurple-8-h:hover,
.input-deeppurple-8, .input-deeppurple-8-f:focus {
    border-color: #4527A0
}

.border-deeppurple-9, .border-deeppurple-9-h:hover,
.input-deeppurple-9, .input-deeppurple-9-f:focus {
    border-color: #311B92
}

.border-indigo-0, .border-indigo-0-h:hover,
.input-indigo-0, .input-indigo-0-f:focus {
    border-color: #E8EAF6
}

.border-indigo-1, .border-indigo-1-h:hover,
.input-indigo-1, .input-indigo-1-f:focus {
    border-color: #C5CAE9
}

.border-indigo-2, .border-indigo-2-h:hover,
.input-indigo-2, .input-indigo-2-f:focus {
    border-color: #9FA8DA
}

.border-indigo-3, .border-indigo-3-h:hover,
.input-indigo-3, .input-indigo-3-f:focus {
    border-color: #7986CB
}

.border-indigo-4, .border-indigo-4-h:hover,
.input-indigo-4, .input-indigo-4-f:focus {
    border-color: #5C6BC0
}

.border-indigo-5, .border-indigo-5-h:hover,
.input-indigo-5, .input-indigo-5-f:focus {
    border-color: #3F51B5
}

.border-indigo-6, .border-indigo-6-h:hover,
.input-indigo-6, .input-indigo-6-f:focus {
    border-color: #3949AB
}

.border-indigo-7, .border-indigo-7-h:hover,
.input-indigo-7, .input-indigo-7-f:focus {
    border-color: #303F9F
}

.border-indigo-8, .border-indigo-8-h:hover,
.input-indigo-8, .input-indigo-8-f:focus {
    border-color: #283593
}

.border-indigo-9, .border-indigo-9-h:hover,
.input-indigo-9, .input-indigo-9-f:focus {
    border-color: #1A237E
}

.border-blue-0, .border-blue-0-h:hover,
.input-blue-0, .input-blue-0-f:focus {
    border-color: #E3F2FD
}

.border-blue-1, .border-blue-1-h:hover,
.input-blue-1, .input-blue-1-f:focus {
    border-color: #BBDEFB
}

.border-blue-2, .border-blue-2-h:hover,
.input-blue-2, .input-blue-2-f:focus {
    border-color: #90CAF9
}

.border-blue-3, .border-blue-3-h:hover,
.input-blue-3, .input-blue-3-f:focus {
    border-color: #64B5F6
}

.border-blue-4, .border-blue-4-h:hover,
.input-blue-4, .input-blue-4-f:focus {
    border-color: #42A5F5
}

.border-blue-5, .border-blue-5-h:hover,
.input-blue-5, .input-blue-5-f:focus {
    border-color: #2196F3
}

.border-blue-6, .border-blue-6-h:hover,
.input-blue-6, .input-blue-6-f:focus {
    border-color: #1E88E5
}

.border-blue-7, .border-blue-7-h:hover,
.input-blue-7, .input-blue-7-f:focus {
    border-color: #1976D2
}

.border-blue-8, .border-blue-8-h:hover,
.input-blue-8, .input-blue-8-f:focus {
    border-color: #1565C0
}

.border-blue-9, .border-blue-9-h:hover,
.input-blue-9, .input-blue-9-f:focus {
    border-color: #0D47A1
}

.border-lightblue-0, .border-lightblue-0-h:hover,
.input-lightblue-0, .input-lightblue-0-f:focus {
    border-color: #E1F5FE
}

.border-lightblue-1, .border-lightblue-1-h:hover,
.input-lightblue-1, .input-lightblue-1-f:focus {
    border-color: #B3E5FC
}

.border-lightblue-2, .border-lightblue-2-h:hover,
.input-lightblue-2, .input-lightblue-2-f:focus {
    border-color: #81D4FA
}

.border-lightblue-3, .border-lightblue-3-h:hover,
.input-lightblue-3, .input-lightblue-3-f:focus {
    border-color: #4FC3F7
}

.border-lightblue-4, .border-lightblue-4-h:hover,
.input-lightblue-4, .input-lightblue-4-f:focus {
    border-color: #29B6F6
}

.border-lightblue-5, .border-lightblue-5-h:hover,
.input-lightblue-5, .input-lightblue-5-f:focus {
    border-color: #03A9F4
}

.border-lightblue-6, .border-lightblue-6-h:hover,
.input-lightblue-6, .input-lightblue-6-f:focus {
    border-color: #039BE5
}

.border-lightblue-7, .border-lightblue-7-h:hover,
.input-lightblue-7, .input-lightblue-7-f:focus {
    border-color: #0288D1
}

.border-lightblue-8, .border-lightblue-8-h:hover,
.input-lightblue-8, .input-lightblue-8-f:focus {
    border-color: #0277BD
}

.border-lightblue-9, .border-lightblue-9-h:hover,
.input-lightblue-9, .input-lightblue-9-f:focus {
    border-color: #01579B
}

.border-cyan-0, .border-cyan-0-h:hover,
.input-cyan-0, .input-cyan-0-f:focus {
    border-color: #E0F7FA
}

.border-cyan-1, .border-cyan-1-h:hover,
.input-cyan-1, .input-cyan-1-f:focus {
    border-color: #B2EBF2
}

.border-cyan-2, .border-cyan-2-h:hover,
.input-cyan-2, .input-cyan-2-f:focus {
    border-color: #80DEEA
}

.border-cyan-3, .border-cyan-3-h:hover,
.input-cyan-3, .input-cyan-3-f:focus {
    border-color: #4DD0E1
}

.border-cyan-4, .border-cyan-4-h:hover,
.input-cyan-4, .input-cyan-4-f:focus {
    border-color: #26C6DA
}

.border-cyan-5, .border-cyan-5-h:hover,
.input-cyan-5, .input-cyan-5-f:focus {
    border-color: #00BCD4
}

.border-cyan-6, .border-cyan-6-h:hover,
.input-cyan-6, .input-cyan-6-f:focus {
    border-color: #00ACC1
}

.border-cyan-7, .border-cyan-7-h:hover,
.input-cyan-7, .input-cyan-7-f:focus {
    border-color: #0097A7
}

.border-cyan-8, .border-cyan-8-h:hover,
.input-cyan-8, .input-cyan-8-f:focus {
    border-color: #00838F
}

.border-cyan-9, .border-cyan-9-h:hover,
.input-cyan-9, .input-cyan-9-f:focus {
    border-color: #006064
}

.border-teal-0, .border-teal-0-h:hover,
.input-teal-0, .input-teal-0-f:focus {
    border-color: #E0F2F1
}

.border-teal-1, .border-teal-1-h:hover,
.input-teal-1, .input-teal-1-f:focus {
    border-color: #B2DFDB
}

.border-teal-2, .border-teal-2-h:hover,
.input-teal-2, .input-teal-2-f:focus {
    border-color: #80CBC4
}

.border-teal-3, .border-teal-3-h:hover,
.input-teal-3, .input-teal-3-f:focus {
    border-color: #4DB6AC
}

.border-teal-4, .border-teal-4-h:hover,
.input-teal-4, .input-teal-4-f:focus {
    border-color: #26A69A
}

.border-teal-5, .border-teal-5-h:hover,
.input-teal-5, .input-teal-5-f:focus {
    border-color: #009688
}

.border-teal-6, .border-teal-6-h:hover,
.input-teal-6, .input-teal-6-f:focus {
    border-color: #00897B
}

.border-teal-7, .border-teal-7-h:hover,
.input-teal-7, .input-teal-7-f:focus {
    border-color: #00796B
}

.border-teal-8, .border-teal-8-h:hover,
.input-teal-8, .input-teal-8-f:focus {
    border-color: #00695C
}

.border-teal-9, .border-teal-9-h:hover,
.input-teal-9, .input-teal-9-f:focus {
    border-color: #004D40
}

.border-green-0, .border-green-0-h:hover,
.input-green-0, .input-green-0-f:focus {
    border-color: #E8F5E9
}

.border-green-1, .border-green-1-h:hover,
.input-green-1, .input-green-1-f:focus {
    border-color: #C8E6C9
}

.border-green-2, .border-green-2-h:hover,
.input-green-2, .input-green-2-f:focus {
    border-color: #A5D6A7
}

.border-green-3, .border-green-3-h:hover,
.input-green-3, .input-green-3-f:focus {
    border-color: #81C784
}

.border-green-4, .border-green-4-h:hover,
.input-green-4, .input-green-4-f:focus {
    border-color: #66BB6A
}

.border-green-5, .border-green-5-h:hover,
.input-green-5, .input-green-5-f:focus {
    border-color: #4CAF50
}

.border-green-6, .border-green-6-h:hover,
.input-green-6, .input-green-6-f:focus {
    border-color: #43A047
}

.border-green-7, .border-green-7-h:hover,
.input-green-7, .input-green-7-f:focus {
    border-color: #388E3C
}

.border-green-8, .border-green-8-h:hover,
.input-green-8, .input-green-8-f:focus {
    border-color: #2E7D32
}

.border-green-9, .border-green-9-h:hover,
.input-green-9, .input-green-9-f:focus {
    border-color: #1B5E20
}

.border-lightgreen-0, .border-lightgreen-0-h:hover,
.input-lightgreen-0, .input-lightgreen-0-f:focus {
    border-color: #F1F8E9
}

.border-lightgreen-1, .border-lightgreen-1-h:hover,
.input-lightgreen-1, .input-lightgreen-1-f:focus {
    border-color: #DCEDC8
}

.border-lightgreen-2, .border-lightgreen-2-h:hover,
.input-lightgreen-2, .input-lightgreen-2-f:focus {
    border-color: #C5E1A5
}

.border-lightgreen-3, .border-lightgreen-3-h:hover,
.input-lightgreen-3, .input-lightgreen-3-f:focus {
    border-color: #AED581
}

.border-lightgreen-4, .border-lightgreen-4-h:hover,
.input-lightgreen-4, .input-lightgreen-4-f:focus {
    border-color: #9CCC65
}

.border-lightgreen-5, .border-lightgreen-5-h:hover,
.input-lightgreen-5, .input-lightgreen-5-f:focus {
    border-color: #8BC34A
}

.border-lightgreen-6, .border-lightgreen-6-h:hover,
.input-lightgreen-6, .input-lightgreen-6-f:focus {
    border-color: #7CB342
}

.border-lightgreen-7, .border-lightgreen-7-h:hover,
.input-lightgreen-7, .input-lightgreen-7-f:focus {
    border-color: #689F38
}

.border-lightgreen-8, .border-lightgreen-8-h:hover,
.input-lightgreen-8, .input-lightgreen-8-f:focus {
    border-color: #558B2F
}

.border-lightgreen-9, .border-lightgreen-9-h:hover,
.input-lightgreen-9, .input-lightgreen-9-f:focus {
    border-color: #33691E
}

.border-lime-0, .border-lime-0-h:hover,
.input-lime-0, .input-lime-0-f:focus {
    border-color: #F9FBE7
}

.border-lime-1, .border-lime-1-h:hover,
.input-lime-1, .input-lime-1-f:focus {
    border-color: #F0F4C3
}

.border-lime-2, .border-lime-2-h:hover,
.input-lime-2, .input-lime-2-f:focus {
    border-color: #E6EE9C
}

.border-lime-3, .border-lime-3-h:hover,
.input-lime-3, .input-lime-3-f:focus {
    border-color: #DCE775
}

.border-lime-4, .border-lime-4-h:hover,
.input-lime-4, .input-lime-4-f:focus {
    border-color: #D4E157
}

.border-lime-5, .border-lime-5-h:hover,
.input-lime-5, .input-lime-5-f:focus {
    border-color: #CDDC39
}

.border-lime-6, .border-lime-6-h:hover,
.input-lime-6, .input-lime-6-f:focus {
    border-color: #C0CA33
}

.border-lime-7, .border-lime-7-h:hover,
.input-lime-7, .input-lime-7-f:focus {
    border-color: #AFB42B
}

.border-lime-8, .border-lime-8-h:hover,
.input-lime-8, .input-lime-8-f:focus {
    border-color: #9E9D24
}

.border-lime-9, .border-lime-9-h:hover,
.input-lime-9, .input-lime-9-f:focus {
    border-color: #827717
}

.border-yellow-0, .border-yellow-0-h:hover,
.input-yellow-0, .input-yellow-0-f:focus {
    border-color: #FFFDE7
}

.border-yellow-1, .border-yellow-1-h:hover,
.input-yellow-1, .input-yellow-1-f:focus {
    border-color: #FFF9C4
}

.border-yellow-2, .border-yellow-2-h:hover,
.input-yellow-2, .input-yellow-2-f:focus {
    border-color: #FFF59D
}

.border-yellow-3, .border-yellow-3-h:hover,
.input-yellow-3, .input-yellow-3-f:focus {
    border-color: #FFF176
}

.border-yellow-4, .border-yellow-4-h:hover,
.input-yellow-4, .input-yellow-4-f:focus {
    border-color: #FFEE58
}

.border-yellow-5, .border-yellow-5-h:hover,
.input-yellow-5, .input-yellow-5-f:focus {
    border-color: #FFEB3B
}

.border-yellow-6, .border-yellow-6-h:hover,
.input-yellow-6, .input-yellow-6-f:focus {
    border-color: #FDD835
}

.border-yellow-7, .border-yellow-7-h:hover,
.input-yellow-7, .input-yellow-7-f:focus {
    border-color: #FBC02D
}

.border-yellow-8, .border-yellow-8-h:hover,
.input-yellow-8, .input-yellow-8-f:focus {
    border-color: #F9A825
}

.border-yellow-9, .border-yellow-9-h:hover,
.input-yellow-9, .input-yellow-9-f:focus {
    border-color: #F57F17
}

.border-amber-0, .border-amber-0-h:hover,
.input-amber-0, .input-amber-0-f:focus {
    border-color: #FFF8E1
}

.border-amber-1, .border-amber-1-h:hover,
.input-amber-1, .input-amber-1-f:focus {
    border-color: #FFECB3
}

.border-amber-2, .border-amber-2-h:hover,
.input-amber-2, .input-amber-2-f:focus {
    border-color: #FFE082
}

.border-amber-3, .border-amber-3-h:hover,
.input-amber-3, .input-amber-3-f:focus {
    border-color: #FFD54F
}

.border-amber-4, .border-amber-4-h:hover,
.input-amber-4, .input-amber-4-f:focus {
    border-color: #FFCA28
}

.border-amber-5, .border-amber-5-h:hover,
.input-amber-5, .input-amber-5-f:focus {
    border-color: #FFC107
}

.border-amber-6, .border-amber-6-h:hover,
.input-amber-6, .input-amber-6-f:focus {
    border-color: #FFB300
}

.border-amber-7, .border-amber-7-h:hover,
.input-amber-7, .input-amber-7-f:focus {
    border-color: #FFA000
}

.border-amber-8, .border-amber-8-h:hover,
.input-amber-8, .input-amber-8-f:focus {
    border-color: #FF8F00
}

.border-amber-9, .border-amber-9-h:hover,
.input-amber-9, .input-amber-9-f:focus {
    border-color: #FF6F00
}

.border-orange-0, .border-orange-0-h:hover,
.input-orange-0, .input-orange-0-f:focus {
    border-color: #FFF3E0
}

.border-orange-1, .border-orange-1-h:hover,
.input-orange-1, .input-orange-1-f:focus {
    border-color: #FFE0B2
}

.border-orange-2, .border-orange-2-h:hover,
.input-orange-2, .input-orange-2-f:focus {
    border-color: #FFCC80
}

.border-orange-3, .border-orange-3-h:hover,
.input-orange-3, .input-orange-3-f:focus {
    border-color: #FFB74D
}

.border-orange-4, .border-orange-4-h:hover,
.input-orange-4, .input-orange-4-f:focus {
    border-color: #FFA726
}

.border-orange-5, .border-orange-5-h:hover,
.input-orange-5, .input-orange-5-f:focus {
    border-color: #FF9800
}

.border-orange-6, .border-orange-6-h:hover,
.input-orange-6, .input-orange-6-f:focus {
    border-color: #FB8C00
}

.border-orange-7, .border-orange-7-h:hover,
.input-orange-7, .input-orange-7-f:focus {
    border-color: #F57C00
}

.border-orange-8, .border-orange-8-h:hover,
.input-orange-8, .input-orange-8-f:focus {
    border-color: #EF6C00
}

.border-orange-9, .border-orange-9-h:hover,
.input-orange-9, .input-orange-9-f:focus {
    border-color: #E65100
}

.border-deeporange-0, .border-deeporange-0-h:hover,
.input-deeporange-0, .input-deeporange-0-f:focus {
    border-color: #FBE9E7
}

.border-deeporange-1, .border-deeporange-1-h:hover,
.input-deeporange-1, .input-deeporange-1-f:focus {
    border-color: #FFCCBC
}

.border-deeporange-2, .border-deeporange-2-h:hover,
.input-deeporange-2, .input-deeporange-2-f:focus {
    border-color: #FFAB91
}

.border-deeporange-3, .border-deeporange-3-h:hover,
.input-deeporange-3, .input-deeporange-3-f:focus {
    border-color: #FF8A65
}

.border-deeporange-4, .border-deeporange-4-h:hover,
.input-deeporange-4, .input-deeporange-4-f:focus {
    border-color: #FF7043
}

.border-deeporange-5, .border-deeporange-5-h:hover,
.input-deeporange-5, .input-deeporange-5-f:focus {
    border-color: #FF5722
}

.border-deeporange-6, .border-deeporange-6-h:hover,
.input-deeporange-6, .input-deeporange-6-f:focus {
    border-color: #F4511E
}

.border-deeporange-7, .border-deeporange-7-h:hover,
.input-deeporange-7, .input-deeporange-7-f:focus {
    border-color: #E64A19
}

.border-deeporange-8, .border-deeporange-8-h:hover,
.input-deeporange-8, .input-deeporange-8-f:focus {
    border-color: #D84315
}

.border-deeporange-9, .border-deeporange-9-h:hover,
.input-deeporange-9, .input-deeporange-9-f:focus {
    border-color: #BF360C
}

.border-brown-0, .border-brown-0-h:hover,
.input-brown-0, .input-brown-0-f:focus {
    border-color: #EFEBE9
}

.border-brown-1, .border-brown-1-h:hover,
.input-brown-1, .input-brown-1-f:focus {
    border-color: #D7CCC8
}

.border-brown-2, .border-brown-2-h:hover,
.input-brown-2, .input-brown-2-f:focus {
    border-color: #BCAAA4
}

.border-brown-3, .border-brown-3-h:hover,
.input-brown-3, .input-brown-3-f:focus {
    border-color: #A1887F
}

.border-brown-4, .border-brown-4-h:hover,
.input-brown-4, .input-brown-4-f:focus {
    border-color: #8D6E63
}

.border-brown-5, .border-brown-5-h:hover,
.input-brown-5, .input-brown-5-f:focus {
    border-color: #795548
}

.border-brown-6, .border-brown-6-h:hover,
.input-brown-6, .input-brown-6-f:focus {
    border-color: #6D4C41
}

.border-brown-7, .border-brown-7-h:hover,
.input-brown-7, .input-brown-7-f:focus {
    border-color: #5D4037
}

.border-brown-8, .border-brown-8-h:hover,
.input-brown-8, .input-brown-8-f:focus {
    border-color: #4E342E
}

.border-brown-9, .border-brown-9-h:hover,
.input-brown-9, .input-brown-9-f:focus {
    border-color: #3E2723
}

.border-grey-0, .border-grey-0-h:hover,
.input-grey-0, .input-grey-0-f:focus {
    border-color: #FAFAFA
}

.border-grey-1, .border-grey-1-h:hover,
.input-grey-1, .input-grey-1-f:focus {
    border-color: #F5F5F5
}

.border-grey-2, .border-grey-2-h:hover,
.input-grey-2, .input-grey-2-f:focus {
    border-color: #EEEEEE
}

.border-grey-3, .border-grey-3-h:hover,
.input-grey-3, .input-grey-3-f:focus {
    border-color: #E0E0E0
}

.border-grey-4, .border-grey-4-h:hover,
.input-grey-4, .input-grey-4-f:focus {
    border-color: #BDBDBD
}

.border-grey-5, .border-grey-5-h:hover,
.input-grey-5, .input-grey-5-f:focus {
    border-color: #9E9E9E
}

.border-grey-6, .border-grey-6-h:hover,
.input-grey-6, .input-grey-6-f:focus {
    border-color: #757575
}

.border-grey-7, .border-grey-7-h:hover,
.input-grey-7, .input-grey-7-f:focus {
    border-color: #616161
}

.border-grey-8, .border-grey-8-h:hover,
.input-grey-8, .input-grey-8-f:focus {
    border-color: #424242
}

.border-grey-9, .border-grey-9-h:hover,
.input-grey-9, .input-grey-9-f:focus {
    border-color: #212121
}

.border-bluegrey-0, .border-bluegrey-0-h:hover,
.input-bluegrey-0, .input-bluegrey-0-f:focus {
    border-color: #ECEFF1
}

.border-bluegrey-1, .border-bluegrey-1-h:hover,
.input-bluegrey-1, .input-bluegrey-1-f:focus {
    border-color: #CFD8DC
}

.border-bluegrey-2, .border-bluegrey-2-h:hover,
.input-bluegrey-2, .input-bluegrey-2-f:focus {
    border-color: #B0BEC5
}

.border-bluegrey-3, .border-bluegrey-3-h:hover,
.input-bluegrey-3, .input-bluegrey-3-f:focus {
    border-color: #90A4AE
}

.border-bluegrey-4, .border-bluegrey-4-h:hover,
.input-bluegrey-4, .input-bluegrey-4-f:focus {
    border-color: #78909C
}

.border-bluegrey-5, .border-bluegrey-5-h:hover,
.input-bluegrey-5, .input-bluegrey-5-f:focus {
    border-color: #607D8B
}

.border-bluegrey-6, .border-bluegrey-6-h:hover,
.input-bluegrey-6, .input-bluegrey-6-f:focus {
    border-color: #546E7A
}

.border-bluegrey-7, .border-bluegrey-7-h:hover,
.input-bluegrey-7, .input-bluegrey-7-f:focus {
    border-color: #455A64
}

.border-bluegrey-8, .border-bluegrey-8-h:hover,
.input-bluegrey-8, .input-bluegrey-8-f:focus {
    border-color: #37474F
}

.border-bluegrey-9, .border-bluegrey-9-h:hover,
.input-bluegrey-9, .input-bluegrey-9-f:focus {
    border-color: #263238
}

/*LABELS COLORS*/

.text-black, .text-black-h:hover,
.label-focus.label-black,
.text-black-0, .text-black-0-h:hover, .text-black-1, .text-black-1-h:hover, .text-black-2, .text-black-2-h:hover, .text-black-3, .text-black-3-h:hover, .text-black-4, .text-black-4-h:hover, .text-black-5, .text-black-5-h:hover, .text-black-6, .text-black-6-h:hover, .text-black-7, .text-black-7-h:hover, .text-black-8, .text-black-8-h:hover, .text-black-9, .text-black-9-h:hover,
.label-focus.label-black-0, .label-focus.label-black-1, .label-focus.label-black-2, .label-focus.label-black-3, .label-focus.label-black-4, .label-focus.label-black-5, .label-focus.label-black-6, .label-focus.label-black-7, .label-focus.label-black-8, .label-focus.label-black-9 {
    color: #000 !important
}

.text-white, .text-white-h:hover,
.label-focus.label-white,
.text-white-0, .text-white-0-h:hover, .text-white-1, .text-white-1-h:hover, .text-white-2, .text-white-2-h:hover, .text-white-3, .text-white-3-h:hover, .text-white-4, .text-white-4-h:hover, .text-white-5, .text-white-5-h:hover, .text-white-6, .text-white-6-h:hover, .text-white-7, .text-white-7-h:hover, .text-white-8, .text-white-8-h:hover, .text-white-9, .text-white-9-h:hover,
.label-focus.label-white-0, .label-focus.label-white-1, .label-focus.label-white-2, .label-focus.label-white-3, .label-focus.label-white-4, .label-focus.label-white-5, .label-focus.label-white-6, .label-focus.label-white-7, .label-focus.label-white-8, .label-focus.label-white-9 {
    color: #FFF !important
}

.text-red-0, .text-red-0-h:hover,
.label-focus.label-red-0 {
    color: #FFEBEE
}

.text-red-1, .text-red-1-h:hover,
.label-focus.label-red-1 {
    color: #FFCDD2
}

.text-red-2, .text-red-2-h:hover,
.label-focus.label-red-2 {
    color: #EF9A9A
}

.text-red-3, .text-red-3-h:hover,
.label-focus.label-red-3 {
    color: #E57373
}

.text-red-4, .text-red-4-h:hover,
.label-focus.label-red-4 {
    color: #EF5350
}

.text-red-5, .text-red-5-h:hover,
.label-focus.label-red-5 {
    color: #F44336
}

.text-red-6, .text-red-6-h:hover,
.label-focus.label-red-6 {
    color: #E53935
}

.text-red-7, .text-red-7-h:hover,
.label-focus.label-red-7 {
    color: #D32F2F
}

.text-red-8, .text-red-8-h:hover,
.label-focus.label-red-8 {
    color: #C62828
}

.text-red-9, .text-red-9-h:hover,
.label-focus.label-red-9 {
    color: #B71C1C
}

.text-pink-0, .text-pink-0-h:hover,
.label-focus.label-pink-0 {
    color: #FCE4EC
}

.text-pink-1, .text-pink-1-h:hover,
.label-focus.label-pink-1 {
    color: #F8BBD0
}

.text-pink-2, .text-pink-2-h:hover,
.label-focus.label-pink-2 {
    color: #F48FB1
}

.text-pink-3, .text-pink-3-h:hover,
.label-focus.label-pink-3 {
    color: #F06292
}

.text-pink-4, .text-pink-4-h:hover,
.label-focus.label-pink-4 {
    color: #EC407A
}

.text-pink-5, .text-pink-5-h:hover,
.label-focus.label-pink-5 {
    color: #E91E63
}

.text-pink-6, .text-pink-6-h:hover,
.label-focus.label-pink-6 {
    color: #D81B60
}

.text-pink-7, .text-pink-7-h:hover,
.label-focus.label-pink-7 {
    color: #C2185B
}

.text-pink-8, .text-pink-8-h:hover,
.label-focus.label-pink-8 {
    color: #AD1457
}

.text-pink-9, .text-pink-9-h:hover,
.label-focus.label-pink-9 {
    color: #880E4F
}

.text-purple-0, .text-purple-0-h:hover,
.label-focus.label-purple-0 {
    color: #F3E5F5
}

.text-purple-1, .text-purple-1-h:hover,
.label-focus.label-purple-1 {
    color: #E1BEE7
}

.text-purple-2, .text-purple-2-h:hover,
.label-focus.label-purple-2 {
    color: #CE93D8
}

.text-purple-3, .text-purple-3-h:hover,
.label-focus.label-purple-3 {
    color: #BA68C8
}

.text-purple-4, .text-purple-4-h:hover,
.label-focus.label-purple-4 {
    color: #AB47BC
}

.text-purple-5, .text-purple-5-h:hover,
.label-focus.label-purple-5 {
    color: #9C27B0
}

.text-purple-6, .text-purple-6-h:hover,
.label-focus.label-purple-6 {
    color: #8E24AA
}

.text-purple-7, .text-purple-7-h:hover,
.label-focus.label-purple-7 {
    color: #7B1FA2
}

.text-purple-8, .text-purple-8-h:hover,
.label-focus.label-purple-8 {
    color: #6A1B9A
}

.text-purple-9, .text-purple-9-h:hover,
.label-focus.label-purple-9 {
    color: #4A148C
}

.text-deeppurple-0, .text-deeppurple-0-h:hover,
.label-focus.label-deeppurple-0 {
    color: #EDE7F6
}

.text-deeppurple-1, .text-deeppurple-1-h:hover,
.label-focus.label-deeppurple-1 {
    color: #D1C4E9
}

.text-deeppurple-2, .text-deeppurple-2-h:hover,
.label-focus.label-deeppurple-2 {
    color: #B39DDB
}

.text-deeppurple-3, .text-deeppurple-3-h:hover,
.label-focus.label-deeppurple-3 {
    color: #9575CD
}

.text-deeppurple-4, .text-deeppurple-4-h:hover,
.label-focus.label-deeppurple-4 {
    color: #7E57C2
}

.text-deeppurple-5, .text-deeppurple-5-h:hover,
.label-focus.label-deeppurple-5 {
    color: #673AB7
}

.text-deeppurple-6, .text-deeppurple-6-h:hover,
.label-focus.label-deeppurple-6 {
    color: #5E35B1
}

.text-deeppurple-7, .text-deeppurple-7-h:hover,
.label-focus.label-deeppurple-7 {
    color: #512DA8
}

.text-deeppurple-8, .text-deeppurple-8-h:hover,
.label-focus.label-deeppurple-8 {
    color: #4527A0
}

.text-deeppurple-9, .text-deeppurple-9-h:hover,
.label-focus.label-deeppurple-9 {
    color: #311B92
}

.text-indigo-0, .text-indigo-0-h:hover,
.label-focus.label-indigo-0 {
    color: #E8EAF6
}

.text-indigo-1, .text-indigo-1-h:hover,
.label-focus.label-indigo-1 {
    color: #C5CAE9
}

.text-indigo-2, .text-indigo-2-h:hover,
.label-focus.label-indigo-2 {
    color: #9FA8DA
}

.text-indigo-3, .text-indigo-3-h:hover,
.label-focus.label-indigo-3 {
    color: #7986CB
}

.text-indigo-4, .text-indigo-4-h:hover,
.label-focus.label-indigo-4 {
    color: #5C6BC0
}

.text-indigo-5, .text-indigo-5-h:hover,
.label-focus.label-indigo-5 {
    color: #3F51B5
}

.text-indigo-6, .text-indigo-6-h:hover,
.label-focus.label-indigo-6 {
    color: #3949AB
}

.text-indigo-7, .text-indigo-7-h:hover,
.label-focus.label-indigo-7 {
    color: #303F9F
}

.text-indigo-8, .text-indigo-8-h:hover,
.label-focus.label-indigo-8 {
    color: #283593
}

.text-indigo-9, .text-indigo-9-h:hover,
.label-focus.label-indigo-9 {
    color: #1A237E
}

.text-blue-0, .text-blue-0-h:hover,
.label-focus.label-blue-0 {
    color: #E3F2FD
}

.text-blue-1, .text-blue-1-h:hover,
.label-focus.label-blue-1 {
    color: #BBDEFB
}

.text-blue-2, .text-blue-2-h:hover,
.label-focus.label-blue-2 {
    color: #90CAF9
}

.text-blue-3, .text-blue-3-h:hover,
.label-focus.label-blue-3 {
    color: #64B5F6
}

.text-blue-4, .text-blue-4-h:hover,
.label-focus.label-blue-4 {
    color: #42A5F5
}

.text-blue-5, .text-blue-5-h:hover,
.label-focus.label-blue-5 {
    color: #2196F3
}

.text-blue-6, .text-blue-6-h:hover,
.label-focus.label-blue-6 {
    color: #1E88E5
}

.text-blue-7, .text-blue-7-h:hover,
.label-focus.label-blue-7 {
    color: #1976D2
}

.text-blue-8, .text-blue-8-h:hover,
.label-focus.label-blue-8 {
    color: #1565C0
}

.text-blue-9, .text-blue-9-h:hover,
.label-focus.label-blue-9 {
    color: #0D47A1
}

.text-lightblue-0, .text-lightblue-0-h:hover,
.label-focus.label-lightblue-0 {
    color: #E1F5FE
}

.text-lightblue-1, .text-lightblue-1-h:hover,
.label-focus.label-lightblue-1 {
    color: #B3E5FC
}

.text-lightblue-2, .text-lightblue-2-h:hover,
.label-focus.label-lightblue-2 {
    color: #81D4FA
}

.text-lightblue-3, .text-lightblue-3-h:hover,
.label-focus.label-lightblue-3 {
    color: #4FC3F7
}

.text-lightblue-4, .text-lightblue-4-h:hover,
.label-focus.label-lightblue-4 {
    color: #29B6F6
}

.text-lightblue-5, .text-lightblue-5-h:hover,
.label-focus.label-lightblue-5 {
    color: #03A9F4
}

.text-lightblue-6, .text-lightblue-6-h:hover,
.label-focus.label-lightblue-6 {
    color: #039BE5
}

.text-lightblue-7, .text-lightblue-7-h:hover,
.label-focus.label-lightblue-7 {
    color: #0288D1
}

.text-lightblue-8, .text-lightblue-8-h:hover,
.label-focus.label-lightblue-8 {
    color: #0277BD
}

.text-lightblue-9, .text-lightblue-9-h:hover,
.label-focus.label-lightblue-9 {
    color: #01579B
}

.text-cyan-0, .text-cyan-0-h:hover,
.label-focus.label-cyan-0 {
    color: #E0F7FA
}

.text-cyan-1, .text-cyan-1-h:hover,
.label-focus.label-cyan-1 {
    color: #B2EBF2
}

.text-cyan-2, .text-cyan-2-h:hover,
.label-focus.label-cyan-2 {
    color: #80DEEA
}

.text-cyan-3, .text-cyan-3-h:hover,
.label-focus.label-cyan-3 {
    color: #4DD0E1
}

.text-cyan-4, .text-cyan-4-h:hover,
.label-focus.label-cyan-4 {
    color: #26C6DA
}

.text-cyan-5, .text-cyan-5-h:hover,
.label-focus.label-cyan-5 {
    color: #00BCD4
}

.text-cyan-6, .text-cyan-6-h:hover,
.label-focus.label-cyan-6 {
    color: #00ACC1
}

.text-cyan-7, .text-cyan-7-h:hover,
.label-focus.label-cyan-7 {
    color: #0097A7
}

.text-cyan-8, .text-cyan-8-h:hover,
.label-focus.label-cyan-8 {
    color: #00838F
}

.text-cyan-9, .text-cyan-9-h:hover,
.label-focus.label-cyan-9 {
    color: #006064
}

.text-teal-0, .text-teal-0-h:hover,
.label-focus.label-teal-0 {
    color: #E0F2F1
}

.text-teal-1, .text-teal-1-h:hover,
.label-focus.label-teal-1 {
    color: #B2DFDB
}

.text-teal-2, .text-teal-2-h:hover,
.label-focus.label-teal-2 {
    color: #80CBC4
}

.text-teal-3, .text-teal-3-h:hover,
.label-focus.label-teal-3 {
    color: #4DB6AC
}

.text-teal-4, .text-teal-4-h:hover,
.label-focus.label-teal-4 {
    color: #26A69A
}

.text-teal-5, .text-teal-5-h:hover,
.label-focus.label-teal-5 {
    color: #009688
}

.text-teal-6, .text-teal-6-h:hover,
.label-focus.label-teal-6 {
    color: #00897B
}

.text-teal-7, .text-teal-7-h:hover,
.label-focus.label-teal-7 {
    color: #00796B
}

.text-teal-8, .text-teal-8-h:hover,
.label-focus.label-teal-8 {
    color: #00695C
}

.text-teal-9, .text-teal-9-h:hover,
.label-focus.label-teal-9 {
    color: #004D40
}

.text-green-0, .text-green-0-h:hover,
.label-focus.label-green-0 {
    color: #E8F5E9
}

.text-green-1, .text-green-1-h:hover,
.label-focus.label-green-1 {
    color: #C8E6C9
}

.text-green-2, .text-green-2-h:hover,
.label-focus.label-green-2 {
    color: #A5D6A7
}

.text-green-3, .text-green-3-h:hover,
.label-focus.label-green-3 {
    color: #81C784
}

.text-green-4, .text-green-4-h:hover,
.label-focus.label-green-4 {
    color: #66BB6A
}

.text-green-5, .text-green-5-h:hover,
.label-focus.label-green-5 {
    color: #4CAF50
}

.text-green-6, .text-green-6-h:hover,
.label-focus.label-green-6 {
    color: #43A047
}

.text-green-7, .text-green-7-h:hover,
.label-focus.label-green-7 {
    color: #388E3C
}

.text-green-8, .text-green-8-h:hover,
.label-focus.label-green-8 {
    color: #2E7D32
}

.text-green-9, .text-green-9-h:hover,
.label-focus.label-green-9 {
    color: #1B5E20
}

.text-lightgreen-0, .text-lightgreen-0-h:hover,
.label-focus.label-lightgreen-0 {
    color: #F1F8E9
}

.text-lightgreen-1, .text-lightgreen-1-h:hover,
.label-focus.label-lightgreen-1 {
    color: #DCEDC8
}

.text-lightgreen-2, .text-lightgreen-2-h:hover,
.label-focus.label-lightgreen-2 {
    color: #C5E1A5
}

.text-lightgreen-3, .text-lightgreen-3-h:hover,
.label-focus.label-lightgreen-3 {
    color: #AED581
}

.text-lightgreen-4, .text-lightgreen-4-h:hover,
.label-focus.label-lightgreen-4 {
    color: #9CCC65
}

.text-lightgreen-5, .text-lightgreen-5-h:hover,
.label-focus.label-lightgreen-5 {
    color: #8BC34A
}

.text-lightgreen-6, .text-lightgreen-6-h:hover,
.label-focus.label-lightgreen-6 {
    color: #7CB342
}

.text-lightgreen-7, .text-lightgreen-7-h:hover,
.label-focus.label-lightgreen-7 {
    color: #689F38
}

.text-lightgreen-8, .text-lightgreen-8-h:hover,
.label-focus.label-lightgreen-8 {
    color: #558B2F
}

.text-lightgreen-9, .text-lightgreen-9-h:hover,
.label-focus.label-lightgreen-9 {
    color: #33691E
}

.text-lime-0, .text-lime-0-h:hover,
.label-focus.label-lime-0 {
    color: #F9FBE7
}

.text-lime-1, .text-lime-1-h:hover,
.label-focus.label-lime-1 {
    color: #F0F4C3
}

.text-lime-2, .text-lime-2-h:hover,
.label-focus.label-lime-2 {
    color: #E6EE9C
}

.text-lime-3, .text-lime-3-h:hover,
.label-focus.label-lime-3 {
    color: #DCE775
}

.text-lime-4, .text-lime-4-h:hover,
.label-focus.label-lime-4 {
    color: #D4E157
}

.text-lime-5, .text-lime-5-h:hover,
.label-focus.label-lime-5 {
    color: #CDDC39
}

.text-lime-6, .text-lime-6-h:hover,
.label-focus.label-lime-6 {
    color: #C0CA33
}

.text-lime-7, .text-lime-7-h:hover,
.label-focus.label-lime-7 {
    color: #AFB42B
}

.text-lime-8, .text-lime-8-h:hover,
.label-focus.label-lime-8 {
    color: #9E9D24
}

.text-lime-9, .text-lime-9-h:hover,
.label-focus.label-lime-9 {
    color: #827717
}

.text-yellow-0, .text-yellow-0-h:hover,
.label-focus.label-yellow-0 {
    color: #FFFDE7
}

.text-yellow-1, .text-yellow-1-h:hover,
.label-focus.label-yellow-1 {
    color: #FFF9C4
}

.text-yellow-2, .text-yellow-2-h:hover,
.label-focus.label-yellow-2 {
    color: #FFF59D
}

.text-yellow-3, .text-yellow-3-h:hover,
.label-focus.label-yellow-3 {
    color: #FFF176
}

.text-yellow-4, .text-yellow-4-h:hover,
.label-focus.label-yellow-4 {
    color: #FFEE58
}

.text-yellow-5, .text-yellow-5-h:hover,
.label-focus.label-yellow-5 {
    color: #FFEB3B
}

.text-yellow-6, .text-yellow-6-h:hover,
.label-focus.label-yellow-6 {
    color: #FDD835
}

.text-yellow-7, .text-yellow-7-h:hover,
.label-focus.label-yellow-7 {
    color: #FBC02D
}

.text-yellow-8, .text-yellow-8-h:hover,
.label-focus.label-yellow-8 {
    color: #F9A825
}

.text-yellow-9, .text-yellow-9-h:hover,
.label-focus.label-yellow-9 {
    color: #F57F17
}

.text-amber-0, .text-amber-0-h:hover,
.label-focus.label-amber-0 {
    color: #FFF8E1
}

.text-amber-1, .text-amber-1-h:hover,
.label-focus.label-amber-1 {
    color: #FFECB3
}

.text-amber-2, .text-amber-2-h:hover,
.label-focus.label-amber-2 {
    color: #FFE082
}

.text-amber-3, .text-amber-3-h:hover,
.label-focus.label-amber-3 {
    color: #FFD54F
}

.text-amber-4, .text-amber-4-h:hover,
.label-focus.label-amber-4 {
    color: #FFCA28
}

.text-amber-5, .text-amber-5-h:hover,
.label-focus.label-amber-5 {
    color: #FFC107
}

.text-amber-6, .text-amber-6-h:hover,
.label-focus.label-amber-6 {
    color: #FFB300
}

.text-amber-7, .text-amber-7-h:hover,
.label-focus.label-amber-7 {
    color: #FFA000
}

.text-amber-8, .text-amber-8-h:hover,
.label-focus.label-amber-8 {
    color: #FF8F00
}

.text-amber-9, .text-amber-9-h:hover,
.label-focus.label-amber-9 {
    color: #FF6F00
}

.text-orange-0, .text-orange-0-h:hover,
.label-focus.label-orange-0 {
    color: #FFF3E0
}

.text-orange-1, .text-orange-1-h:hover,
.label-focus.label-orange-1 {
    color: #FFE0B2
}

.text-orange-2, .text-orange-2-h:hover,
.label-focus.label-orange-2 {
    color: #FFCC80
}

.text-orange-3, .text-orange-3-h:hover,
.label-focus.label-orange-3 {
    color: #FFB74D
}

.text-orange-4, .text-orange-4-h:hover,
.label-focus.label-orange-4 {
    color: #FFA726
}

.text-orange-5, .text-orange-5-h:hover,
.label-focus.label-orange-5 {
    color: #FF9800
}

.text-orange-6, .text-orange-6-h:hover,
.label-focus.label-orange-6 {
    color: #FB8C00
}

.text-orange-7, .text-orange-7-h:hover,
.label-focus.label-orange-7 {
    color: #F57C00
}

.text-orange-8, .text-orange-8-h:hover,
.label-focus.label-orange-8 {
    color: #EF6C00
}

.text-orange-9, .text-orange-9-h:hover,
.label-focus.label-orange-9 {
    color: #E65100
}

.text-deeporange-0, .text-deeporange-0-h:hover,
.label-focus.label-deeporange-0 {
    color: #FBE9E7
}

.text-deeporange-1, .text-deeporange-1-h:hover,
.label-focus.label-deeporange-1 {
    color: #FFCCBC
}

.text-deeporange-2, .text-deeporange-2-h:hover,
.label-focus.label-deeporange-2 {
    color: #FFAB91
}

.text-deeporange-3, .text-deeporange-3-h:hover,
.label-focus.label-deeporange-3 {
    color: #FF8A65
}

.text-deeporange-4, .text-deeporange-4-h:hover,
.label-focus.label-deeporange-4 {
    color: #FF7043
}

.text-deeporange-5, .text-deeporange-5-h:hover,
.label-focus.label-deeporange-5 {
    color: #FF5722
}

.text-deeporange-6, .text-deeporange-6-h:hover,
.label-focus.label-deeporange-6 {
    color: #F4511E
}

.text-deeporange-7, .text-deeporange-7-h:hover,
.label-focus.label-deeporange-7 {
    color: #E64A19
}

.text-deeporange-8, .text-deeporange-8-h:hover,
.label-focus.label-deeporange-8 {
    color: #D84315
}

.text-deeporange-9, .text-deeporange-9-h:hover,
.label-focus.label-deeporange-9 {
    color: #BF360C
}

.text-brown-0, .text-brown-0-h:hover,
.label-focus.label-brown-0 {
    color: #EFEBE9
}

.text-brown-1, .text-brown-1-h:hover,
.label-focus.label-brown-1 {
    color: #D7CCC8
}

.text-brown-2, .text-brown-2-h:hover,
.label-focus.label-brown-2 {
    color: #BCAAA4
}

.text-brown-3, .text-brown-3-h:hover,
.label-focus.label-brown-3 {
    color: #A1887F
}

.text-brown-4, .text-brown-4-h:hover,
.label-focus.label-brown-4 {
    color: #8D6E63
}

.text-brown-5, .text-brown-5-h:hover,
.label-focus.label-brown-5 {
    color: #795548
}

.text-brown-6, .text-brown-6-h:hover,
.label-focus.label-brown-6 {
    color: #6D4C41
}

.text-brown-7, .text-brown-7-h:hover,
.label-focus.label-brown-7 {
    color: #5D4037
}

.text-brown-8, .text-brown-8-h:hover,
.label-focus.label-brown-8 {
    color: #4E342E
}

.text-brown-9, .text-brown-9-h:hover,
.label-focus.label-brown-9 {
    color: #3E2723
}

.text-grey-0, .text-grey-0-h:hover,
.label-focus.label-grey-0 {
    color: #FAFAFA
}

.text-grey-1, .text-grey-1-h:hover,
.label-focus.label-grey-1 {
    color: #F5F5F5
}

.text-grey-2, .text-grey-2-h:hover,
.label-focus.label-grey-2 {
    color: #EEEEEE
}

.text-grey-3, .text-grey-3-h:hover,
.label-focus.label-grey-3 {
    color: #E0E0E0
}

.text-grey-4, .text-grey-4-h:hover,
.label-focus.label-grey-4 {
    color: #BDBDBD
}

.text-grey-5, .text-grey-5-h:hover,
.label-focus.label-grey-5 {
    color: #9E9E9E
}

.text-grey-6, .text-grey-6-h:hover,
.label-focus.label-grey-6 {
    color: #757575
}

.text-grey-7, .text-grey-7-h:hover,
.label-focus.label-grey-7 {
    color: #616161
}

.text-grey-8, .text-grey-8-h:hover,
.label-focus.label-grey-8 {
    color: #424242
}

.text-grey-9, .text-grey-9-h:hover,
.label-focus.label-grey-9 {
    color: #212121
}

.text-bluegrey-0, .text-bluegrey-0-h:hover,
.label-focus.label-bluegrey-0 {
    color: #ECEFF1
}

.text-bluegrey-1, .text-bluegrey-1-h:hover,
.label-focus.label-bluegrey-1 {
    color: #CFD8DC
}

.text-bluegrey-2, .text-bluegrey-2-h:hover,
.label-focus.label-bluegrey-2 {
    color: #B0BEC5
}

.text-bluegrey-3, .text-bluegrey-3-h:hover,
.label-focus.label-bluegrey-3 {
    color: #90A4AE
}

.text-bluegrey-4, .text-bluegrey-4-h:hover,
.label-focus.label-bluegrey-4 {
    color: #78909C
}

.text-bluegrey-5, .text-bluegrey-5-h:hover,
.label-focus.label-bluegrey-5 {
    color: #607D8B
}

.text-bluegrey-6, .text-bluegrey-6-h:hover,
.label-focus.label-bluegrey-6 {
    color: #546E7A
}

.text-bluegrey-7, .text-bluegrey-7-h:hover,
.label-focus.label-bluegrey-7 {
    color: #455A64
}

.text-bluegrey-8, .text-bluegrey-8-h:hover,
.label-focus.label-bluegrey-8 {
    color: #37474F
}

.text-bluegrey-9, .text-bluegrey-9-h:hover,
.label-focus.label-bluegrey-9 {
    color: #263238
}