@charset "UTF-8";
blockquote,
h1 {
    line-height: 1.35
}

address,
h5 {
    line-height: 1
}

.mdl-typography--display-1-color-contrast,
.mdl-typography--display-2-color-contrast,
.mdl-typography--display-3-color-contrast,
.mdl-typography--display-4-color-contrast {
    opacity: .54
}

.mdl-typography--button,
.mdl-typography--button-color-contrast {
    text-transform: uppercase
}

.mdl-button,
.mdl-button .material-icons,
.mdl-checkbox,
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

.text-color--smoke {
    color: #666
}

.color--gray {
    background-color: #fff!important
}

.color--dark-gray {
    background-color: #333
}

.color--smooth-gray {
    background-color: #999!important
}

.color--red {
    background-color: #f44336!important
}

.color-text--red {
    color: #f44336!important
}

.color--orange {
    background-color: #ffc107!important
}

.color-text--orange {
    color: #ffc107!important
}

.color--amber {
    background-color: #ff9800!important
}

.color-text--amber {
    color: #ff9800!important
}

.color--green {
    background-color: #00d45a!important
}

.color-text--green {
    color: #00d45a!important
}

.color--light-blue {
    background-color: #03a9f4!important
}

.color-text--light-blue {
    color: #03a9f4!important
}

.color--purple {
    background-color: #7726d3!important
}

.color-text--purple {
    color: #7726d3!important
}

.color--teal {
    background-color: #00bcd4!important
}

.color-text--teal {
    color: #00bcd4!important
}

html {
    color: rgba(255, 255, 255, .87)
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

.browserupgrade {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}

.hidden {
    display: none!important
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

body,
html {
    width: 100%
}

.invisible {
    visibility: hidden
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

@media print {
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }
    *,
    :after,
    :before,
    :first-letter {
        background: 0 0!important;
        color: #000!important;
        box-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }
    blockquote,
    pre {
        border: 1px solid #999
    }
    thead {
        display: table-header-group
    }
    img {
        max-width: 100%!important
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}

.mdl-accordion,
.mdl-button,
.mdl-card,
.mdl-checkbox,
.mdl-dropdown-menu,
.mdl-icon-toggle,
.mdl-item,
.mdl-radio,
.mdl-slider,
.mdl-switch,
.mdl-tabs__tab,
a {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

html {
    height: 100%;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

body {
    min-height: 100%;
    margin: 0
}

main {
    display: block
}

[hidden] {
    display: none!important
}

body,
html {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0
}

h1,
h2,
h3 {
    margin-bottom: 24px;
    font-weight: 400
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 24px;
    font-family: Roboto, Helvetica, Arial, sans-serif
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -.02em;
    opacity: .54;
    font-size: .6em
}

h1 {
    font-size: 56px;
    letter-spacing: -.02em
}

h2 {
    font-size: 45px;
    line-height: 48px
}

h3 {
    font-size: 34px;
    line-height: 40px
}

h4 {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 16px
}

h5 {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em;
    margin-bottom: 16px
}

h6,
p {
    font-weight: 400;
    margin-bottom: 16px;
    line-height: 24px
}

h6 {
    font-size: 16px;
    letter-spacing: .04em
}

p {
    font-size: 14px;
    letter-spacing: 0
}

blockquote {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    position: relative;
    font-size: 24px;
    font-weight: 300;
    font-style: italic;
    letter-spacing: .08em
}

blockquote:before {
    position: absolute;
    left: -.5em;
    content: '“'
}

blockquote:after {
    content: '”';
    margin-left: -.05em
}

mark {
    background-color: #f4ff81
}

dt {
    font-weight: 700
}

address,
ol,
ul {
    font-weight: 400;
    letter-spacing: 0
}

address {
    font-size: 12px;
    font-style: normal
}

ol,
ul {
    font-size: 14px;
    line-height: 24px
}

.mdl-typography--display-4,
.mdl-typography--display-4-color-contrast {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 112px;
    line-height: 1;
    letter-spacing: -.04em;
    font-weight: 300
}

.mdl-typography--display-3,
.mdl-typography--display-3-color-contrast {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 56px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -.02em
}

.mdl-typography--display-2,
.mdl-typography--display-2-color-contrast {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 45px;
    font-weight: 400;
    line-height: 48px
}

.mdl-typography--display-1,
.mdl-typography--display-1-color-contrast {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 34px;
    font-weight: 400;
    line-height: 40px
}

.mdl-typography--headline,
.mdl-typography--headline-color-contrast {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    -moz-osx-font-smoothing: grayscale
}

.mdl-typography--headline-color-contrast {
    opacity: .87
}

.mdl-typography--title,
.mdl-typography--title-color-contrast {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .02em
}

.mdl-typography--title-color-contrast {
    opacity: .87
}

.mdl-typography--subhead,
.mdl-typography--subhead-color-contrast {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 24px
}

.mdl-typography--subhead-color-contrast {
    opacity: .87
}

.mdl-typography--body-2 {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0
}

.mdl-typography--body-2-color-contrast {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0;
    opacity: .87
}

.mdl-typography--body-1,
.mdl-typography--body-1-color-contrast {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0
}

.mdl-typography--body-1-color-contrast {
    opacity: .87
}

.mdl-typography--body-2-force-preferred-font,
.mdl-typography--body-2-force-preferred-font-color-contrast {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500
}

.mdl-typography--body-2-force-preferred-font {
    line-height: 24px;
    letter-spacing: 0
}

.mdl-typography--body-2-force-preferred-font-color-contrast {
    line-height: 24px;
    letter-spacing: 0;
    opacity: .87
}

.mdl-typography--body-1-force-preferred-font,
.mdl-typography--body-1-force-preferred-font-color-contrast {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    font-family: Roboto, Helvetica, Arial, sans-serif
}

.mdl-typography--body-1-force-preferred-font-color-contrast {
    opacity: .87
}

.mdl-typography--caption-color-contrast,
.mdl-typography--caption-force-preferred-font-color-contrast {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    opacity: .54
}

.mdl-typography--caption {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0
}

.mdl-typography--caption-force-preferred-font {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0
}

.mdl-typography--caption-force-preferred-font-color-contrast {
    font-family: Roboto, Helvetica, Arial, sans-serif
}

.mdl-typography--button-color-contrast,
.mdl-typography--menu-color-contrast {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    opacity: .87;
    line-height: 1
}

.mdl-typography--menu {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0
}

.mdl-typography--button {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0
}

.mdl-typography--text-left {
    text-align: left
}

.mdl-typography--text-right {
    text-align: right
}

.mdl-typography--text-center {
    text-align: center
}

.mdl-typography--text-justify {
    text-align: justify
}

.mdl-typography--text-nowrap {
    white-space: nowrap
}

.mdl-typography--text-lowercase {
    text-transform: lowercase
}

.mdl-button,
.mdl-layout__tab,
.mdl-snackbar__action,
.mdl-tabs__tab,
.mdl-typography--text-uppercase {
    text-transform: uppercase
}

.mdl-typography--text-capitalize {
    text-transform: capitalize
}

.mdl-typography--font-thin {
    font-weight: 200!important
}

.mdl-typography--font-light {
    font-weight: 300!important
}

.mdl-typography--font-regular {
    font-weight: 400!important
}

.mdl-typography--font-medium {
    font-weight: 500!important
}

.mdl-typography--font-bold {
    font-weight: 700!important
}

.mdl-typography--font-black {
    font-weight: 900!important
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    word-wrap: normal;
    font-feature-settings: 'liga';
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased
}

.mdl-badge[data-badge]:after,
.mdl-button,
.mdl-chip {
    font-family: Roboto, Helvetica, Arial, sans-serif
}

.mdl-color-text--red {
    color: #f44336!important
}

.mdl-color--red {
    background-color: #f44336!important
}

.mdl-color-text--red-50 {
    color: #ffebee!important
}

.mdl-color--red-50 {
    background-color: #ffebee!important
}

.mdl-color-text--red-100 {
    color: #ffcdd2!important
}

.mdl-color--red-100 {
    background-color: #ffcdd2!important
}

.mdl-color-text--red-200 {
    color: #ef9a9a!important
}

.mdl-color--red-200 {
    background-color: #ef9a9a!important
}

.mdl-color-text--red-300 {
    color: #e57373!important
}

.mdl-color--red-300 {
    background-color: #e57373!important
}

.mdl-color-text--red-400 {
    color: #ef5350!important
}

.mdl-color--red-400 {
    background-color: #ef5350!important
}

.mdl-color-text--red-500 {
    color: #f44336!important
}

.mdl-color--red-500 {
    background-color: #f44336!important
}

.mdl-color-text--red-600 {
    color: #e53935!important
}

.mdl-color--red-600 {
    background-color: #e53935!important
}

.mdl-color-text--red-700 {
    color: #d32f2f!important
}

.mdl-color--red-700 {
    background-color: #d32f2f!important
}

.mdl-color-text--red-800 {
    color: #c62828!important
}

.mdl-color--red-800 {
    background-color: #c62828!important
}

.mdl-color-text--red-900 {
    color: #b71c1c!important
}

.mdl-color--red-900 {
    background-color: #b71c1c!important
}

.mdl-color-text--red-A100 {
    color: #ff8a80!important
}

.mdl-color--red-A100 {
    background-color: #ff8a80!important
}

.mdl-color-text--red-A200 {
    color: #ff5252!important
}

.mdl-color--red-A200 {
    background-color: #ff5252!important
}

.mdl-color-text--red-A400 {
    color: #ff1744!important
}

.mdl-color--red-A400 {
    background-color: #ff1744!important
}

.mdl-color-text--red-A700 {
    color: #d50000!important
}

.mdl-color--red-A700 {
    background-color: #d50000!important
}

.mdl-color-text--pink {
    color: #e91e63!important
}

.mdl-color--pink {
    background-color: #e91e63!important
}

.mdl-color-text--pink-50 {
    color: #fce4ec!important
}

.mdl-color--pink-50 {
    background-color: #fce4ec!important
}

.mdl-color-text--pink-100 {
    color: #f8bbd0!important
}

.mdl-color--pink-100 {
    background-color: #f8bbd0!important
}

.mdl-color-text--pink-200 {
    color: #f48fb1!important
}

.mdl-color--pink-200 {
    background-color: #f48fb1!important
}

.mdl-color-text--pink-300 {
    color: #f06292!important
}

.mdl-color--pink-300 {
    background-color: #f06292!important
}

.mdl-color-text--pink-400 {
    color: #ec407a!important
}

.mdl-color--pink-400 {
    background-color: #ec407a!important
}

.mdl-color-text--pink-500 {
    color: #e91e63!important
}

.mdl-color--pink-500 {
    background-color: #e91e63!important
}

.mdl-color-text--pink-600 {
    color: #d81b60!important
}

.mdl-color--pink-600 {
    background-color: #d81b60!important
}

.mdl-color-text--pink-700 {
    color: #c2185b!important
}

.mdl-color--pink-700 {
    background-color: #c2185b!important
}

.mdl-color-text--pink-800 {
    color: #ad1457!important
}

.mdl-color--pink-800 {
    background-color: #ad1457!important
}

.mdl-color-text--pink-900 {
    color: #880e4f!important
}

.mdl-color--pink-900 {
    background-color: #880e4f!important
}

.mdl-color-text--pink-A100 {
    color: #ff80ab!important
}

.mdl-color--pink-A100 {
    background-color: #ff80ab!important
}

.mdl-color-text--pink-A200 {
    color: #ff4081!important
}

.mdl-color--pink-A200 {
    background-color: #ff4081!important
}

.mdl-color-text--pink-A400 {
    color: #f50057!important
}

.mdl-color--pink-A400 {
    background-color: #f50057!important
}

.mdl-color-text--pink-A700 {
    color: #c51162!important
}

.mdl-color--pink-A700 {
    background-color: #c51162!important
}

.mdl-color-text--purple {
    color: #9c27b0!important
}

.mdl-color--purple {
    background-color: #9c27b0!important
}

.mdl-color-text--purple-50 {
    color: #f3e5f5!important
}

.mdl-color--purple-50 {
    background-color: #f3e5f5!important
}

.mdl-color-text--purple-100 {
    color: #e1bee7!important
}

.mdl-color--purple-100 {
    background-color: #e1bee7!important
}

.mdl-color-text--purple-200 {
    color: #ce93d8!important
}

.mdl-color--purple-200 {
    background-color: #ce93d8!important
}

.mdl-color-text--purple-300 {
    color: #ba68c8!important
}

.mdl-color--purple-300 {
    background-color: #ba68c8!important
}

.mdl-color-text--purple-400 {
    color: #ab47bc!important
}

.mdl-color--purple-400 {
    background-color: #ab47bc!important
}

.mdl-color-text--purple-500 {
    color: #9c27b0!important
}

.mdl-color--purple-500 {
    background-color: #9c27b0!important
}

.mdl-color-text--purple-600 {
    color: #8e24aa!important
}

.mdl-color--purple-600 {
    background-color: #8e24aa!important
}

.mdl-color-text--purple-700 {
    color: #7b1fa2!important
}

.mdl-color--purple-700 {
    background-color: #7b1fa2!important
}

.mdl-color-text--purple-800 {
    color: #6a1b9a!important
}

.mdl-color--purple-800 {
    background-color: #6a1b9a!important
}

.mdl-color-text--purple-900 {
    color: #4a148c!important
}

.mdl-color--purple-900 {
    background-color: #4a148c!important
}

.mdl-color-text--purple-A100 {
    color: #ea80fc!important
}

.mdl-color--purple-A100 {
    background-color: #ea80fc!important
}

.mdl-color-text--purple-A200 {
    color: #e040fb!important
}

.mdl-color--purple-A200 {
    background-color: #e040fb!important
}

.mdl-color-text--purple-A400 {
    color: #d500f9!important
}

.mdl-color--purple-A400 {
    background-color: #d500f9!important
}

.mdl-color-text--purple-A700 {
    color: #a0f!important
}

.mdl-color--purple-A700 {
    background-color: #a0f!important
}

.mdl-color-text--deep-purple {
    color: #673ab7!important
}

.mdl-color--deep-purple {
    background-color: #673ab7!important
}

.mdl-color-text--deep-purple-50 {
    color: #ede7f6!important
}

.mdl-color--deep-purple-50 {
    background-color: #ede7f6!important
}

.mdl-color-text--deep-purple-100 {
    color: #d1c4e9!important
}

.mdl-color--deep-purple-100 {
    background-color: #d1c4e9!important
}

.mdl-color-text--deep-purple-200 {
    color: #b39ddb!important
}

.mdl-color--deep-purple-200 {
    background-color: #b39ddb!important
}

.mdl-color-text--deep-purple-300 {
    color: #9575cd!important
}

.mdl-color--deep-purple-300 {
    background-color: #9575cd!important
}

.mdl-color-text--deep-purple-400 {
    color: #7e57c2!important
}

.mdl-color--deep-purple-400 {
    background-color: #7e57c2!important
}

.mdl-color-text--deep-purple-500 {
    color: #673ab7!important
}

.mdl-color--deep-purple-500 {
    background-color: #673ab7!important
}

.mdl-color-text--deep-purple-600 {
    color: #5e35b1!important
}

.mdl-color--deep-purple-600 {
    background-color: #5e35b1!important
}

.mdl-color-text--deep-purple-700 {
    color: #512da8!important
}

.mdl-color--deep-purple-700 {
    background-color: #512da8!important
}

.mdl-color-text--deep-purple-800 {
    color: #4527a0!important
}

.mdl-color--deep-purple-800 {
    background-color: #4527a0!important
}

.mdl-color-text--deep-purple-900 {
    color: #311b92!important
}

.mdl-color--deep-purple-900 {
    background-color: #311b92!important
}

.mdl-color-text--deep-purple-A100 {
    color: #b388ff!important
}

.mdl-color--deep-purple-A100 {
    background-color: #b388ff!important
}

.mdl-color-text--deep-purple-A200 {
    color: #7c4dff!important
}

.mdl-color--deep-purple-A200 {
    background-color: #7c4dff!important
}

.mdl-color-text--deep-purple-A400 {
    color: #651fff!important
}

.mdl-color--deep-purple-A400 {
    background-color: #651fff!important
}

.mdl-color-text--deep-purple-A700 {
    color: #6200ea!important
}

.mdl-color--deep-purple-A700 {
    background-color: #6200ea!important
}

.mdl-color-text--indigo {
    color: #3f51b5!important
}

.mdl-color--indigo {
    background-color: #3f51b5!important
}

.mdl-color-text--indigo-50 {
    color: #e8eaf6!important
}

.mdl-color--indigo-50 {
    background-color: #e8eaf6!important
}

.mdl-color-text--indigo-100 {
    color: #c5cae9!important
}

.mdl-color--indigo-100 {
    background-color: #c5cae9!important
}

.mdl-color-text--indigo-200 {
    color: #9fa8da!important
}

.mdl-color--indigo-200 {
    background-color: #9fa8da!important
}

.mdl-color-text--indigo-300 {
    color: #7986cb!important
}

.mdl-color--indigo-300 {
    background-color: #7986cb!important
}

.mdl-color-text--indigo-400 {
    color: #5c6bc0!important
}

.mdl-color--indigo-400 {
    background-color: #5c6bc0!important
}

.mdl-color-text--indigo-500 {
    color: #3f51b5!important
}

.mdl-color--indigo-500 {
    background-color: #3f51b5!important
}

.mdl-color-text--indigo-600 {
    color: #3949ab!important
}

.mdl-color--indigo-600 {
    background-color: #3949ab!important
}

.mdl-color-text--indigo-700 {
    color: #303f9f!important
}

.mdl-color--indigo-700 {
    background-color: #303f9f!important
}

.mdl-color-text--indigo-800 {
    color: #283593!important
}

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

.mdl-color-text--indigo-900 {
    color: #1a237e!important
}

.mdl-color--indigo-900 {
    background-color: #1a237e!important
}

.mdl-color-text--indigo-A100 {
    color: #8c9eff!important
}

.mdl-color--indigo-A100 {
    background-color: #8c9eff!important
}

.mdl-color-text--indigo-A200 {
    color: #536dfe!important
}

.mdl-color--indigo-A200 {
    background-color: #536dfe!important
}

.mdl-color-text--indigo-A400 {
    color: #3d5afe!important
}

.mdl-color--indigo-A400 {
    background-color: #3d5afe!important
}

.mdl-color-text--indigo-A700 {
    color: #304ffe!important
}

.mdl-color--indigo-A700 {
    background-color: #304ffe!important
}

.mdl-color-text--blue {
    color: #2196f3!important
}

.mdl-color--blue {
    background-color: #2196f3!important
}

.mdl-color-text--blue-50 {
    color: #e3f2fd!important
}

.mdl-color--blue-50 {
    background-color: #e3f2fd!important
}

.mdl-color-text--blue-100 {
    color: #bbdefb!important
}

.mdl-color--blue-100 {
    background-color: #bbdefb!important
}

.mdl-color-text--blue-200 {
    color: #90caf9!important
}

.mdl-color--blue-200 {
    background-color: #90caf9!important
}

.mdl-color-text--blue-300 {
    color: #64b5f6!important
}

.mdl-color--blue-300 {
    background-color: #64b5f6!important
}

.mdl-color-text--blue-400 {
    color: #42a5f5!important
}

.mdl-color--blue-400 {
    background-color: #42a5f5!important
}

.mdl-color-text--blue-500 {
    color: #2196f3!important
}

.mdl-color--blue-500 {
    background-color: #2196f3!important
}

.mdl-color-text--blue-600 {
    color: #1e88e5!important
}

.mdl-color--blue-600 {
    background-color: #1e88e5!important
}

.mdl-color-text--blue-700 {
    color: #1976d2!important
}

.mdl-color--blue-700 {
    background-color: #1976d2!important
}

.mdl-color-text--blue-800 {
    color: #1565c0!important
}

.mdl-color--blue-800 {
    background-color: #1565c0!important
}

.mdl-color-text--blue-900 {
    color: #0d47a1!important
}

.mdl-color--blue-900 {
    background-color: #0d47a1!important
}

.mdl-color-text--blue-A100 {
    color: #82b1ff!important
}

.mdl-color--blue-A100 {
    background-color: #82b1ff!important
}

.mdl-color-text--blue-A200 {
    color: #448aff!important
}

.mdl-color--blue-A200 {
    background-color: #448aff!important
}

.mdl-color-text--blue-A400 {
    color: #2979ff!important
}

.mdl-color--blue-A400 {
    background-color: #2979ff!important
}

.mdl-color-text--blue-A700 {
    color: #2962ff!important
}

.mdl-color--blue-A700 {
    background-color: #2962ff!important
}

.mdl-color-text--light-blue {
    color: #03a9f4!important
}

.mdl-color--light-blue {
    background-color: #03a9f4!important
}

.mdl-color-text--light-blue-50 {
    color: #e1f5fe!important
}

.mdl-color--light-blue-50 {
    background-color: #e1f5fe!important
}

.mdl-color-text--light-blue-100 {
    color: #b3e5fc!important
}

.mdl-color--light-blue-100 {
    background-color: #b3e5fc!important
}

.mdl-color-text--light-blue-200 {
    color: #81d4fa!important
}

.mdl-color--light-blue-200 {
    background-color: #81d4fa!important
}

.mdl-color-text--light-blue-300 {
    color: #4fc3f7!important
}

.mdl-color--light-blue-300 {
    background-color: #4fc3f7!important
}

.mdl-color-text--light-blue-400 {
    color: #29b6f6!important
}

.mdl-color--light-blue-400 {
    background-color: #29b6f6!important
}

.mdl-color-text--light-blue-500 {
    color: #03a9f4!important
}

.mdl-color--light-blue-500 {
    background-color: #03a9f4!important
}

.mdl-color-text--light-blue-600 {
    color: #039be5!important
}

.mdl-color--light-blue-600 {
    background-color: #039be5!important
}

.mdl-color-text--light-blue-700 {
    color: #0288d1!important
}

.mdl-color--light-blue-700 {
    background-color: #0288d1!important
}

.mdl-color-text--light-blue-800 {
    color: #0277bd!important
}

.mdl-color--light-blue-800 {
    background-color: #0277bd!important
}

.mdl-color-text--light-blue-900 {
    color: #01579b!important
}

.mdl-color--light-blue-900 {
    background-color: #01579b!important
}

.mdl-color-text--light-blue-A100 {
    color: #80d8ff!important
}

.mdl-color--light-blue-A100 {
    background-color: #80d8ff!important
}

.mdl-color-text--light-blue-A200 {
    color: #40c4ff!important
}

.mdl-color--light-blue-A200 {
    background-color: #40c4ff!important
}

.mdl-color-text--light-blue-A400 {
    color: #00b0ff!important
}

.mdl-color--light-blue-A400 {
    background-color: #00b0ff!important
}

.mdl-color-text--light-blue-A700 {
    color: #0091ea!important
}

.mdl-color--light-blue-A700 {
    background-color: #0091ea!important
}

.mdl-color-text--cyan {
    color: #00bcd4!important
}

.mdl-color--cyan {
    background-color: #00bcd4!important
}

.mdl-color-text--cyan-50 {
    color: #e0f7fa!important
}

.mdl-color--cyan-50 {
    background-color: #e0f7fa!important
}

.mdl-color-text--cyan-100 {
    color: #b2ebf2!important
}

.mdl-color--cyan-100 {
    background-color: #b2ebf2!important
}

.mdl-color-text--cyan-200 {
    color: #80deea!important
}

.mdl-color--cyan-200 {
    background-color: #80deea!important
}

.mdl-color-text--cyan-300 {
    color: #4dd0e1!important
}

.mdl-color--cyan-300 {
    background-color: #4dd0e1!important
}

.mdl-color-text--cyan-400 {
    color: #26c6da!important
}

.mdl-color--cyan-400 {
    background-color: #26c6da!important
}

.mdl-color-text--cyan-500 {
    color: #00bcd4!important
}

.mdl-color--cyan-500 {
    background-color: #00bcd4!important
}

.mdl-color-text--cyan-600 {
    color: #00acc1!important
}

.mdl-color--cyan-600 {
    background-color: #00acc1!important
}

.mdl-color-text--cyan-700 {
    color: #0097a7!important
}

.mdl-color--cyan-700 {
    background-color: #0097a7!important
}

.mdl-color-text--cyan-800 {
    color: #00838f!important
}

.mdl-color--cyan-800 {
    background-color: #00838f!important
}

.mdl-color-text--cyan-900 {
    color: #006064!important
}

.mdl-color--cyan-900 {
    background-color: #006064!important
}

.mdl-color-text--cyan-A100 {
    color: #84ffff!important
}

.mdl-color--cyan-A100 {
    background-color: #84ffff!important
}

.mdl-color-text--cyan-A200 {
    color: #18ffff!important
}

.mdl-color--cyan-A200 {
    background-color: #18ffff!important
}

.mdl-color-text--cyan-A400 {
    color: #00e5ff!important
}

.mdl-color--cyan-A400 {
    background-color: #00e5ff!important
}

.mdl-color-text--cyan-A700 {
    color: #00b8d4!important
}

.mdl-color--cyan-A700 {
    background-color: #00b8d4!important
}

.mdl-color-text--teal {
    color: #009688!important
}

.mdl-color--teal {
    background-color: #009688!important
}

.mdl-color-text--teal-50 {
    color: #e0f2f1!important
}

.mdl-color--teal-50 {
    background-color: #e0f2f1!important
}

.mdl-color-text--teal-100 {
    color: #b2dfdb!important
}

.mdl-color--teal-100 {
    background-color: #b2dfdb!important
}

.mdl-color-text--teal-200 {
    color: #80cbc4!important
}

.mdl-color--teal-200 {
    background-color: #80cbc4!important
}

.mdl-color-text--teal-300 {
    color: #4db6ac!important
}

.mdl-color--teal-300 {
    background-color: #4db6ac!important
}

.mdl-color-text--teal-400 {
    color: #26a69a!important
}

.mdl-color--teal-400 {
    background-color: #26a69a!important
}

.mdl-color-text--teal-500 {
    color: #009688!important
}

.mdl-color--teal-500 {
    background-color: #009688!important
}

.mdl-color-text--teal-600 {
    color: #00897b!important
}

.mdl-color--teal-600 {
    background-color: #00897b!important
}

.mdl-color-text--teal-700 {
    color: #00796b!important
}

.mdl-color--teal-700 {
    background-color: #00796b!important
}

.mdl-color-text--teal-800 {
    color: #00695c!important
}

.mdl-color--teal-800 {
    background-color: #00695c!important
}

.mdl-color-text--teal-900 {
    color: #004d40!important
}

.mdl-color--teal-900 {
    background-color: #004d40!important
}

.mdl-color-text--teal-A100 {
    color: #a7ffeb!important
}

.mdl-color--teal-A100 {
    background-color: #a7ffeb!important
}

.mdl-color-text--teal-A200 {
    color: #64ffda!important
}

.mdl-color--teal-A200 {
    background-color: #64ffda!important
}

.mdl-color-text--teal-A400 {
    color: #1de9b6!important
}

.mdl-color--teal-A400 {
    background-color: #1de9b6!important
}

.mdl-color-text--teal-A700 {
    color: #00bfa5!important
}

.mdl-color--teal-A700 {
    background-color: #00bfa5!important
}

.mdl-color-text--green {
    color: #4caf50!important
}

.mdl-color--green {
    background-color: #4caf50!important
}

.mdl-color-text--green-50 {
    color: #e8f5e9!important
}

.mdl-color--green-50 {
    background-color: #e8f5e9!important
}

.mdl-color-text--green-100 {
    color: #c8e6c9!important
}

.mdl-color--green-100 {
    background-color: #c8e6c9!important
}

.mdl-color-text--green-200 {
    color: #a5d6a7!important
}

.mdl-color--green-200 {
    background-color: #a5d6a7!important
}

.mdl-color-text--green-300 {
    color: #81c784!important
}

.mdl-color--green-300 {
    background-color: #81c784!important
}

.mdl-color-text--green-400 {
    color: #66bb6a!important
}

.mdl-color--green-400 {
    background-color: #66bb6a!important
}

.mdl-color-text--green-500 {
    color: #4caf50!important
}

.mdl-color--green-500 {
    background-color: #4caf50!important
}

.mdl-color-text--green-600 {
    color: #43a047!important
}

.mdl-color--green-600 {
    background-color: #43a047!important
}

.mdl-color-text--green-700 {
    color: #388e3c!important
}

.mdl-color--green-700 {
    background-color: #388e3c!important
}

.mdl-color-text--green-800 {
    color: #2e7d32!important
}

.mdl-color--green-800 {
    background-color: #2e7d32!important
}

.mdl-color-text--green-900 {
    color: #1b5e20!important
}

.mdl-color--green-900 {
    background-color: #1b5e20!important
}

.mdl-color-text--green-A100 {
    color: #b9f6ca!important
}

.mdl-color--green-A100 {
    background-color: #b9f6ca!important
}

.mdl-color-text--green-A200 {
    color: #69f0ae!important
}

.mdl-color--green-A200 {
    background-color: #69f0ae!important
}

.mdl-color-text--green-A400 {
    color: #00e676!important
}

.mdl-color--green-A400 {
    background-color: #00e676!important
}

.mdl-color-text--green-A700 {
    color: #00c853!important
}

.mdl-color--green-A700 {
    background-color: #00c853!important
}

.mdl-color-text--light-green {
    color: #8bc34a!important
}

.mdl-color--light-green {
    background-color: #8bc34a!important
}

.mdl-color-text--light-green-50 {
    color: #f1f8e9!important
}

.mdl-color--light-green-50 {
    background-color: #f1f8e9!important
}

.mdl-color-text--light-green-100 {
    color: #dcedc8!important
}

.mdl-color--light-green-100 {
    background-color: #dcedc8!important
}

.mdl-color-text--light-green-200 {
    color: #c5e1a5!important
}

.mdl-color--light-green-200 {
    background-color: #c5e1a5!important
}

.mdl-color-text--light-green-300 {
    color: #aed581!important
}

.mdl-color--light-green-300 {
    background-color: #aed581!important
}

.mdl-color-text--light-green-400 {
    color: #9ccc65!important
}

.mdl-color--light-green-400 {
    background-color: #9ccc65!important
}

.mdl-color-text--light-green-500 {
    color: #8bc34a!important
}

.mdl-color--light-green-500 {
    background-color: #8bc34a!important
}

.mdl-color-text--light-green-600 {
    color: #7cb342!important
}

.mdl-color--light-green-600 {
    background-color: #7cb342!important
}

.mdl-color-text--light-green-700 {
    color: #689f38!important
}

.mdl-color--light-green-700 {
    background-color: #689f38!important
}

.mdl-color-text--light-green-800 {
    color: #558b2f!important
}

.mdl-color--light-green-800 {
    background-color: #558b2f!important
}

.mdl-color-text--light-green-900 {
    color: #33691e!important
}

.mdl-color--light-green-900 {
    background-color: #33691e!important
}

.mdl-color-text--light-green-A100 {
    color: #ccff90!important
}

.mdl-color--light-green-A100 {
    background-color: #ccff90!important
}

.mdl-color-text--light-green-A200 {
    color: #b2ff59!important
}

.mdl-color--light-green-A200 {
    background-color: #b2ff59!important
}

.mdl-color-text--light-green-A400 {
    color: #76ff03!important
}

.mdl-color--light-green-A400 {
    background-color: #76ff03!important
}

.mdl-color-text--light-green-A700 {
    color: #64dd17!important
}

.mdl-color--light-green-A700 {
    background-color: #64dd17!important
}

.mdl-color-text--lime {
    color: #cddc39!important
}

.mdl-color--lime {
    background-color: #cddc39!important
}

.mdl-color-text--lime-50 {
    color: #f9fbe7!important
}

.mdl-color--lime-50 {
    background-color: #f9fbe7!important
}

.mdl-color-text--lime-100 {
    color: #f0f4c3!important
}

.mdl-color--lime-100 {
    background-color: #f0f4c3!important
}

.mdl-color-text--lime-200 {
    color: #e6ee9c!important
}

.mdl-color--lime-200 {
    background-color: #e6ee9c!important
}

.mdl-color-text--lime-300 {
    color: #dce775!important
}

.mdl-color--lime-300 {
    background-color: #dce775!important
}

.mdl-color-text--lime-400 {
    color: #d4e157!important
}

.mdl-color--lime-400 {
    background-color: #d4e157!important
}

.mdl-color-text--lime-500 {
    color: #cddc39!important
}

.mdl-color--lime-500 {
    background-color: #cddc39!important
}

.mdl-color-text--lime-600 {
    color: #c0ca33!important
}

.mdl-color--lime-600 {
    background-color: #c0ca33!important
}

.mdl-color-text--lime-700 {
    color: #afb42b!important
}

.mdl-color--lime-700 {
    background-color: #afb42b!important
}

.mdl-color-text--lime-800 {
    color: #9e9d24!important
}

.mdl-color--lime-800 {
    background-color: #9e9d24!important
}

.mdl-color-text--lime-900 {
    color: #827717!important
}

.mdl-color--lime-900 {
    background-color: #827717!important
}

.mdl-color-text--lime-A100 {
    color: #f4ff81!important
}

.mdl-color--lime-A100 {
    background-color: #f4ff81!important
}

.mdl-color-text--lime-A200 {
    color: #eeff41!important
}

.mdl-color--lime-A200 {
    background-color: #eeff41!important
}

.mdl-color-text--lime-A400 {
    color: #c6ff00!important
}

.mdl-color--lime-A400 {
    background-color: #c6ff00!important
}

.mdl-color-text--lime-A700 {
    color: #aeea00!important
}

.mdl-color--lime-A700 {
    background-color: #aeea00!important
}

.mdl-color-text--yellow {
    color: #ffeb3b!important
}

.mdl-color--yellow {
    background-color: #ffeb3b!important
}

.mdl-color-text--yellow-50 {
    color: #454546de7!important
}

.mdl-color--yellow-50 {
    background-color: #454546de7!important
}

.mdl-color-text--yellow-100 {
    color: #4545469c4!important
}

.mdl-color--yellow-100 {
    background-color: #4545469c4!important
}

.mdl-color-text--yellow-200 {
    color: #45454659d!important
}

.mdl-color--yellow-200 {
    background-color: #45454659d!important
}

.mdl-color-text--yellow-300 {
    color: #454546176!important
}

.mdl-color--yellow-300 {
    background-color: #454546176!important
}

.mdl-color-text--yellow-400 {
    color: #ffee58!important
}

.mdl-color--yellow-400 {
    background-color: #ffee58!important
}

.mdl-color-text--yellow-500 {
    color: #ffeb3b!important
}

.mdl-color--yellow-500 {
    background-color: #ffeb3b!important
}

.mdl-color-text--yellow-600 {
    color: #fdd835!important
}

.mdl-color--yellow-600 {
    background-color: #fdd835!important
}

.mdl-color-text--yellow-700 {
    color: #fbc02d!important
}

.mdl-color--yellow-700 {
    background-color: #fbc02d!important
}

.mdl-color-text--yellow-800 {
    color: #f9a825!important
}

.mdl-color--yellow-800 {
    background-color: #f9a825!important
}

.mdl-color-text--yellow-900 {
    color: #f57f17!important
}

.mdl-color--yellow-900 {
    background-color: #f57f17!important
}

.mdl-color-text--yellow-A100 {
    color: #454546f8d!important
}

.mdl-color--yellow-A100 {
    background-color: #454546f8d!important
}

.mdl-color-text--yellow-A200 {
    color: #ff0!important
}

.mdl-color--yellow-A200 {
    background-color: #ff0!important
}

.mdl-color-text--yellow-A400 {
    color: #ffea00!important
}

.mdl-color--yellow-A400 {
    background-color: #ffea00!important
}

.mdl-color-text--yellow-A700 {
    color: #ffd600!important
}

.mdl-color--yellow-A700 {
    background-color: #ffd600!important
}

.mdl-color-text--amber {
    color: #ffc107!important
}

.mdl-color--amber {
    background-color: #ffc107!important
}

.mdl-color-text--amber-50 {
    color: #4545468e1!important
}

.mdl-color--amber-50 {
    background-color: #4545468e1!important
}

.mdl-color-text--amber-100 {
    color: #ffecb3!important
}

.mdl-color--amber-100 {
    background-color: #ffecb3!important
}

.mdl-color-text--amber-200 {
    color: #ffe082!important
}

.mdl-color--amber-200 {
    background-color: #ffe082!important
}

.mdl-color-text--amber-300 {
    color: #ffd54f!important
}

.mdl-color--amber-300 {
    background-color: #ffd54f!important
}

.mdl-color-text--amber-400 {
    color: #ffca28!important
}

.mdl-color--amber-400 {
    background-color: #ffca28!important
}

.mdl-color-text--amber-500 {
    color: #ffc107!important
}

.mdl-color--amber-500 {
    background-color: #ffc107!important
}

.mdl-color-text--amber-600 {
    color: #ffb300!important
}

.mdl-color--amber-600 {
    background-color: #ffb300!important
}

.mdl-color-text--amber-700 {
    color: #ffa000!important
}

.mdl-color--amber-700 {
    background-color: #ffa000!important
}

.mdl-color-text--amber-800 {
    color: #ff8f00!important
}

.mdl-color--amber-800 {
    background-color: #ff8f00!important
}

.mdl-color-text--amber-900 {
    color: #ff6f00!important
}

.mdl-color--amber-900 {
    background-color: #ff6f00!important
}

.mdl-color-text--amber-A100 {
    color: #ffe57f!important
}

.mdl-color--amber-A100 {
    background-color: #ffe57f!important
}

.mdl-color-text--amber-A200 {
    color: #ffd740!important
}

.mdl-color--amber-A200 {
    background-color: #ffd740!important
}

.mdl-color-text--amber-A400 {
    color: #ffc400!important
}

.mdl-color--amber-A400 {
    background-color: #ffc400!important
}

.mdl-color-text--amber-A700 {
    color: #ffab00!important
}

.mdl-color--amber-A700 {
    background-color: #ffab00!important
}

.mdl-color-text--orange {
    color: #ff9800!important
}

.mdl-color--orange {
    background-color: #ff9800!important
}

.mdl-color-text--orange-50 {
    color: #4545463e0!important
}

.mdl-color--orange-50 {
    background-color: #4545463e0!important
}

.mdl-color-text--orange-100 {
    color: #ffe0b2!important
}

.mdl-color--orange-100 {
    background-color: #ffe0b2!important
}

.mdl-color-text--orange-200 {
    color: #ffcc80!important
}

.mdl-color--orange-200 {
    background-color: #ffcc80!important
}

.mdl-color-text--orange-300 {
    color: #ffb74d!important
}

.mdl-color--orange-300 {
    background-color: #ffb74d!important
}

.mdl-color-text--orange-400 {
    color: #ffa726!important
}

.mdl-color--orange-400 {
    background-color: #ffa726!important
}

.mdl-color-text--orange-500 {
    color: #ff9800!important
}

.mdl-color--orange-500 {
    background-color: #ff9800!important
}

.mdl-color-text--orange-600 {
    color: #fb8c00!important
}

.mdl-color--orange-600 {
    background-color: #fb8c00!important
}

.mdl-color-text--orange-700 {
    color: #f57c00!important
}

.mdl-color--orange-700 {
    background-color: #f57c00!important
}

.mdl-color-text--orange-800 {
    color: #ef6c00!important
}

.mdl-color--orange-800 {
    background-color: #ef6c00!important
}

.mdl-color-text--orange-900 {
    color: #e65100!important
}

.mdl-color--orange-900 {
    background-color: #e65100!important
}

.mdl-color-text--orange-A100 {
    color: #ffd180!important
}

.mdl-color--orange-A100 {
    background-color: #ffd180!important
}

.mdl-color-text--orange-A200 {
    color: #ffab40!important
}

.mdl-color--orange-A200 {
    background-color: #ffab40!important
}

.mdl-color-text--orange-A400 {
    color: #ff9100!important
}

.mdl-color--orange-A400 {
    background-color: #ff9100!important
}

.mdl-color-text--orange-A700 {
    color: #ff6d00!important
}

.mdl-color--orange-A700 {
    background-color: #ff6d00!important
}

.mdl-color-text--deep-orange {
    color: #ff5722!important
}

.mdl-color--deep-orange {
    background-color: #ff5722!important
}

.mdl-color-text--deep-orange-50 {
    color: #fbe9e7!important
}

.mdl-color--deep-orange-50 {
    background-color: #fbe9e7!important
}

.mdl-color-text--deep-orange-100 {
    color: #ffccbc!important
}

.mdl-color--deep-orange-100 {
    background-color: #ffccbc!important
}

.mdl-color-text--deep-orange-200 {
    color: #ffab91!important
}

.mdl-color--deep-orange-200 {
    background-color: #ffab91!important
}

.mdl-color-text--deep-orange-300 {
    color: #ff8a65!important
}

.mdl-color--deep-orange-300 {
    background-color: #ff8a65!important
}

.mdl-color-text--deep-orange-400 {
    color: #ff7043!important
}

.mdl-color--deep-orange-400 {
    background-color: #ff7043!important
}

.mdl-color-text--deep-orange-500 {
    color: #ff5722!important
}

.mdl-color--deep-orange-500 {
    background-color: #ff5722!important
}

.mdl-color-text--deep-orange-600 {
    color: #f4511e!important
}

.mdl-color--deep-orange-600 {
    background-color: #f4511e!important
}

.mdl-color-text--deep-orange-700 {
    color: #e64a19!important
}

.mdl-color--deep-orange-700 {
    background-color: #e64a19!important
}

.mdl-color-text--deep-orange-800 {
    color: #d84315!important
}

.mdl-color--deep-orange-800 {
    background-color: #d84315!important
}

.mdl-color-text--deep-orange-900 {
    color: #bf360c!important
}

.mdl-color--deep-orange-900 {
    background-color: #bf360c!important
}

.mdl-color-text--deep-orange-A100 {
    color: #ff9e80!important
}

.mdl-color--deep-orange-A100 {
    background-color: #ff9e80!important
}

.mdl-color-text--deep-orange-A200 {
    color: #ff6e40!important
}

.mdl-color--deep-orange-A200 {
    background-color: #ff6e40!important
}

.mdl-color-text--deep-orange-A400 {
    color: #ff3d00!important
}

.mdl-color--deep-orange-A400 {
    background-color: #ff3d00!important
}

.mdl-color-text--deep-orange-A700 {
    color: #dd2c00!important
}

.mdl-color--deep-orange-A700 {
    background-color: #dd2c00!important
}

.mdl-color-text--brown {
    color: #795548!important
}

.mdl-color--brown {
    background-color: #795548!important
}

.mdl-color-text--brown-50 {
    color: #efebe9!important
}

.mdl-color--brown-50 {
    background-color: #efebe9!important
}

.mdl-color-text--brown-100 {
    color: #d7ccc8!important
}

.mdl-color--brown-100 {
    background-color: #d7ccc8!important
}

.mdl-color-text--brown-200 {
    color: #bcaaa4!important
}

.mdl-color--brown-200 {
    background-color: #bcaaa4!important
}

.mdl-color-text--brown-300 {
    color: #a1887f!important
}

.mdl-color--brown-300 {
    background-color: #a1887f!important
}

.mdl-color-text--brown-400 {
    color: #8d6e63!important
}

.mdl-color--brown-400 {
    background-color: #8d6e63!important
}

.mdl-color-text--brown-500 {
    color: #795548!important
}

.mdl-color--brown-500 {
    background-color: #795548!important
}

.mdl-color-text--brown-600 {
    color: #6d4c41!important
}

.mdl-color--brown-600 {
    background-color: #6d4c41!important
}

.mdl-color-text--brown-700 {
    color: #5d4037!important
}

.mdl-color--brown-700 {
    background-color: #5d4037!important
}

.mdl-color-text--brown-800 {
    color: #4e342e!important
}

.mdl-color--brown-800 {
    background-color: #4e342e!important
}

.mdl-color-text--brown-900 {
    color: #3e2723!important
}

.mdl-color--brown-900 {
    background-color: #3e2723!important
}

.mdl-color-text--grey {
    color: #9e9e9e!important
}

.mdl-color--grey {
    background-color: #9e9e9e!important
}

.mdl-color-text--grey-50 {
    color: #fafafa!important
}

.mdl-color--grey-50 {
    background-color: #fafafa!important
}

.mdl-color-text--grey-100 {
    color: #f5f5f5!important
}

.mdl-color--grey-100 {
    background-color: #f5f5f5!important
}

.mdl-color-text--grey-200 {
    color: #eee!important
}

.mdl-color--grey-200 {
    background-color: #eee!important
}

.mdl-color-text--grey-300 {
    color: #e0e0e0!important
}

.mdl-color--grey-300 {
    background-color: #e0e0e0!important
}

.mdl-color-text--grey-400 {
    color: #bdbdbd!important
}

.mdl-color--grey-400 {
    background-color: #bdbdbd!important
}

.mdl-color-text--grey-500 {
    color: #9e9e9e!important
}

.mdl-color--grey-500 {
    background-color: #9e9e9e!important
}

.mdl-color-text--grey-600 {
    color: #757575!important
}

.mdl-color--grey-600 {
    background-color: #757575!important
}

.mdl-color-text--grey-700 {
    color: #616161!important
}

.mdl-color--grey-700 {
    background-color: #616161!important
}

.mdl-color-text--grey-800 {
    color: #424242!important
}

.mdl-color--grey-800 {
    background-color: #424242!important
}

.mdl-color-text--grey-900 {
    color: #212121!important
}

.mdl-color--grey-900 {
    background-color: #212121!important
}

.mdl-color-text--blue-grey {
    color: #607d8b!important
}

.mdl-color--blue-grey {
    background-color: #607d8b!important
}

.mdl-color-text--blue-grey-50 {
    color: #eceff1!important
}

.mdl-color--blue-grey-50 {
    background-color: #eceff1!important
}

.mdl-color-text--blue-grey-100 {
    color: #cfd8dc!important
}

.mdl-color--blue-grey-100 {
    background-color: #cfd8dc!important
}

.mdl-color-text--blue-grey-200 {
    color: #b0bec5!important
}

.mdl-color--blue-grey-200 {
    background-color: #b0bec5!important
}

.mdl-color-text--blue-grey-300 {
    color: #90a4ae!important
}

.mdl-color--blue-grey-300 {
    background-color: #90a4ae!important
}

.mdl-color-text--blue-grey-400 {
    color: #78909c!important
}

.mdl-color--blue-grey-400 {
    background-color: #78909c!important
}

.mdl-color-text--blue-grey-500 {
    color: #607d8b!important
}

.mdl-color--blue-grey-500 {
    background-color: #607d8b!important
}

.mdl-color-text--blue-grey-600 {
    color: #546e7a!important
}

.mdl-color--blue-grey-600 {
    background-color: #546e7a!important
}

.mdl-color-text--blue-grey-700 {
    color: #455a64!important
}

.mdl-color--blue-grey-700 {
    background-color: #455a64!important
}

.mdl-color-text--blue-grey-800 {
    color: #37474f!important
}

.mdl-color--blue-grey-800 {
    background-color: #37474f!important
}

.mdl-color-text--blue-grey-900 {
    color: #263238!important
}

.mdl-color--blue-grey-900 {
    background-color: #263238!important
}

.mdl-color--black {
    background-color: #000!important
}

.mdl-color-text--black {
    color: #000!important
}

.mdl-color--white {
    background-color: #454546!important
}

.mdl-color-text--white {
    color: #454546!important
}

.mdl-color--primary {
    background-color: #00bcd4!important
}

.mdl-color--primary-contrast {
    background-color: #454546!important
}

.mdl-color--primary-dark {
    background-color: #303f9f!important
}

.mdl-color--accent {
    background-color: #ff4081!important
}

.mdl-color--accent-contrast {
    background-color: #454546!important
}

.mdl-color-text--primary {
    color: #00bcd4!important
}

.mdl-color-text--primary-contrast {
    color: #454546!important
}

.mdl-color-text--primary-dark {
    color: #303f9f!important
}

.mdl-color-text--accent {
    color: #ff4081!important
}

.mdl-color-text--accent-contrast {
    color: #454546!important
}

.mdl-ripple {
    background: #000;
    border-radius: 50%;
    height: 50px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translate(-50%, -50%);
    width: 50px;
    overflow: hidden
}

.mdl-ripple.is-animating {
    transition: transform .3s cubic-bezier(0, 0, .2, 1), width .3s cubic-bezier(0, 0, .2, 1), height .3s cubic-bezier(0, 0, .2, 1), opacity .6s cubic-bezier(0, 0, .2, 1)
}

.mdl-ripple.is-visible {
    opacity: .3
}

.mdl-animation--default,
.mdl-animation--fast-out-slow-in {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.mdl-animation--linear-out-slow-in {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.mdl-animation--fast-out-linear-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.mdl-badge {
    position: relative;
    white-space: nowrap;
    margin-right: 24px
}

.mdl-badge:not([data-badge]) {
    margin-right: auto
}

.mdl-badge[data-badge]:after {
    content: attr(data-badge);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    position: absolute;
    top: -11px;
    right: -24px;
    font-weight: 600;
    font-size: 12px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #00bcd4;
    color: #454546
}

.mdl-button .mdl-badge[data-badge]:after {
    top: -10px;
    right: -5px
}

.mdl-badge.mdl-badge--no-background[data-badge]:after {
    color: #ff4081;
    background: rgba(255, 255, 255, .2);
    box-shadow: 0 0 1px gray
}

.mdl-badge.mdl-badge--overlap {
    margin-right: 10px
}

.mdl-badge.mdl-badge--overlap:after {
    right: -10px
}

.mdl-button {
    background: 0 0;
    border: none;
    border-radius: 2px;
    color: #454546;
    position: relative;
    height: 36px;
    margin: 0;
    min-width: 64px;
    padding: 0 16px;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0;
    overflow: hidden;
    will-change: box-shadow;
    transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
    outline: 0;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    line-height: 36px
}

.mdl-button--fab,
.mdl-button--icon {
    font-size: 24px;
    padding: 0;
    overflow: hidden
}

.mdl-checkbox__tick-outline,
.mdl-data-table tbody tr {
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.mdl-button::-moz-focus-inner {
    border: 0
}

.mdl-card__supporting-text.mdl-card--border,
.mdl-card__title.mdl-card--border {
    border-bottom: 1px solid rgba(255, 255, 255, .05)
}

.mdl-button:hover {
    background-color: rgba(158, 158, 158, .2)
}

.mdl-button:focus:not(:active) {
    background-color: rgba(0, 0, 0, .12)
}

.mdl-button:active {
    background-color: rgba(158, 158, 158, .4)
}

.mdl-button.mdl-button--colored {
    color: #f44336
}

.mdl-button.mdl-button--colored:focus:not(:active) {
    background-color: rgba(0, 0, 0, .12)
}

input.mdl-button[type=submit] {
    -webkit-appearance: none
}

.mdl-button--raised {
    background: rgba(158, 158, 158, .2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mdl-button--raised:active {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
    background-color: rgba(158, 158, 158, .4)
}

.mdl-button--raised:focus:not(:active) {
    box-shadow: 0 0 8px rgba(0, 0, 0, .18), 0 8px 16px rgba(0, 0, 0, .36);
    background-color: rgba(158, 158, 158, .4)
}

.mdl-button--raised.mdl-button--colored {
    background: #f44336;
    color: #454546
}

.mdl-button--raised.mdl-button--colored:active,
.mdl-button--raised.mdl-button--colored:focus:not(:active),
.mdl-button--raised.mdl-button--colored:hover {
    background-color: #00bcd4
}

.mdl-button--raised.mdl-button--colored .mdl-ripple {
    background: #454546
}

.mdl-button--fab {
    border-radius: 50%;
    height: 56px;
    margin: auto;
    min-width: 56px;
    width: 56px;
    background: rgba(158, 158, 158, .2);
    box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .24);
    position: relative;
    line-height: normal
}

.mdl-button--fab .material-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-12px, -12px);
    line-height: 24px;
    width: 24px
}

.mdl-button--fab.mdl-button--mini-fab {
    height: 40px;
    min-width: 40px;
    width: 40px
}

.mdl-button--fab .mdl-button__ripple-container {
    border-radius: 50%;
    -webkit-mask-image: -webkit-radial-gradient(circle, #454546, #000)
}

.mdl-button--fab:active {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
    background-color: rgba(158, 158, 158, .4)
}

.mdl-button--fab:focus:not(:active) {
    box-shadow: 0 0 8px rgba(0, 0, 0, .18), 0 8px 16px rgba(0, 0, 0, .36);
    background-color: rgba(158, 158, 158, .4)
}

.mdl-button--fab.mdl-button--colored {
    background: #f44336;
    color: #454546
}

.mdl-button--fab.mdl-button--colored:hover {
    background-color: #ff4c4c
}

.mdl-button--fab.mdl-button--colored:active,
.mdl-button--fab.mdl-button--colored:focus:not(:active) {
    background-color: #f23d3d
}

.mdl-button--fab.mdl-button--colored .mdl-ripple {
    background: #454546
}

.mdl-button--icon {
    border-radius: 50%;
    height: 32px;
    margin-left: 0;
    margin-right: 0;
    min-width: 32px;
    width: 32px;
    color: inherit;
    line-height: normal
}

.mdl-button--icon .material-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-12px, -12px);
    line-height: 24px;
    width: 24px
}

.mdl-button--icon.mdl-button--mini-icon {
    height: 24px;
    min-width: 24px;
    width: 24px
}

.mdl-button--icon.mdl-button--mini-icon .material-icons {
    top: 0;
    left: 0
}

.mdl-button--icon .mdl-button__ripple-container {
    border-radius: 50%;
    -webkit-mask-image: -webkit-radial-gradient(circle, #454546, #000)
}

.mdl-button__ripple-container {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    overflow: hidden
}

.mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple,
.mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple {
    background-color: transparent
}

.mdl-button--primary.mdl-button--primary {
    color: #f44336
}

.mdl-button--primary.mdl-button--primary .mdl-ripple {
    background: #454546
}

.mdl-button--primary.mdl-button--primary.mdl-button--fab,
.mdl-button--primary.mdl-button--primary.mdl-button--raised {
    color: #454546;
    background-color: #f44336
}

.mdl-button--accent.mdl-button--accent {
    color: #f44336
}

.mdl-button--accent.mdl-button--accent .mdl-ripple {
    background: #454546
}

.mdl-button--accent.mdl-button--accent.mdl-button--fab,
.mdl-button--accent.mdl-button--accent.mdl-button--raised {
    color: #454546;
    background-color: #f44336
}

.mdl-button.mdl-button--disabled.mdl-button--disabled,
.mdl-button[disabled][disabled] {
    color: rgba(255, 255, 255, .3);
    cursor: default;
    background-color: transparent
}

.mdl-button--fab.mdl-button--disabled.mdl-button--disabled,
.mdl-button--fab[disabled][disabled] {
    background-color: #6b6b6b;
    color: rgba(255, 255, 255, .3)
}

.mdl-button--raised.mdl-button--disabled.mdl-button--disabled,
.mdl-button--raised[disabled][disabled] {
    background-color: #6b6b6b;
    color: rgba(255, 255, 255, .3);
    box-shadow: none
}

.mdl-button--colored.mdl-button--disabled.mdl-button--disabled,
.mdl-button--colored[disabled][disabled] {
    color: rgba(255, 255, 255, .3)
}

.mdl-card {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 400;
    min-height: auto;
    width: auto;
    z-index: 1;
    position: relative;
    background: #fff;
    border-radius: 2px;
    box-sizing: border-box
}

.mdl-card__actions,
.mdl-checkbox {
    box-sizing: border-box;
    width: 100%
}

.mdl-card__media {
    background-color: #ff4081;
    background-repeat: repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-origin: padding-box;
    background-attachment: scroll;
    box-sizing: border-box
}

.mdl-card__title {
    align-items: center;
    color: rgba(255, 255, 255, 1);
    display: block;
    display: flex;
    justify-content: stretch;
    line-height: normal;
    padding: 10px 16px;
    perspective-origin: 165px 56px;
    transform-origin: 165px 56px;
    box-sizing: border-box
}

.mdl-card__title-text {
    align-self: flex-end;
    color: inherit;
    display: block;
    display: flex;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    overflow: hidden;
    transform-origin: 149px 48px;
    margin: 0
}

.mdl-card__subtitle-text {
    font-size: 14px;
    color: rgba(255, 255, 255, .5);
    margin: 0
}

.mdl-card__supporting-text {
    color: rgba(255, 255, 255, 1);
    font-size: 1rem;
    padding: 20px 16px
}

.mdl-card__actions {
    font-size: 16px;
    line-height: normal;
    background-color: transparent
}

.mdl-card__actions.mdl-card--border {
    border-top: 1px solid rgba(255, 255, 255, .05)
}

.mdl-card--expand {
    flex-grow: 1
}

.mdl-card__menu {
    position: absolute;
    right: 16px;
    top: 16px
}

.mdl-checkbox {
    position: relative;
    z-index: 1;
    display: inline-block;
    height: 24px;
    margin: 0;
    padding: 0
}

.mdl-checkbox.is-upgraded {
    padding-left: 26px
}

.mdl-checkbox__input {
    line-height: 24px
}

.mdl-checkbox.is-upgraded .mdl-checkbox__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none
}

.mdl-checkbox__box-outline,
.mdl-checkbox__focus-helper {
    top: 2px;
    width: 18px;
    height: 18px;
    position: absolute;
    display: inline-block;
    box-sizing: border-box;
    left: 0
}

.mdl-checkbox__box-outline {
    margin: 0;
    cursor: pointer;
    overflow: hidden;
    border: 2px solid #454546;
    border-radius: 2px;
    z-index: 2
}

.mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border: 2px solid #f44336
}

.mdl-checkbox.is-disabled .mdl-checkbox__box-outline,
fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline {
    border: 2px solid rgba(0, 0, 0, .26);
    cursor: auto
}

.mdl-checkbox__focus-helper {
    border-radius: 50%;
    background-color: transparent
}

.mdl-checkbox.is-focused .mdl-checkbox__focus-helper {
    box-shadow: 0 0 0 9px rgba(0, 0, 0, .1);
    background-color: rgba(0, 0, 0, .1)
}

.mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {
    box-shadow: 0 0 0 9px rgba(0, 188, 212, .26);
    background-color: rgba(0, 188, 212, .26)
}

.mdl-checkbox__tick-outline {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    mask: url(../images/tick-mask.svg?embed);
    background: 0 0;
    transition-property: background
}

.mdl-checkbox__ripple-container,
.mdl-icon-toggle__ripple-container {
    z-index: 2;
    -webkit-mask-image: -webkit-radial-gradient(circle, #454546, #000);
    overflow: hidden
}

.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background: url(../images/tick.svg?embed) #f44336
}

.mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline,
fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background: url(../images/tick.svg?embed) rgba(0, 0, 0, .26)
}

.mdl-checkbox__label {
    position: relative;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    margin: 0
}

.mdl-checkbox.is-disabled .mdl-checkbox__label,
fieldset[disabled] .mdl-checkbox .mdl-checkbox__label {
    color: rgba(0, 0, 0, .26);
    cursor: auto
}

.mdl-checkbox__ripple-container {
    position: absolute;
    top: -6px;
    left: -9px;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer
}

.mdl-checkbox__ripple-container .mdl-ripple {
    background: #f44336
}

.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container,
fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container {
    cursor: auto
}

.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple,
fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple {
    background: 0 0
}

.mdl-chip {
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    border: 0;
    border-radius: 16px;
    background-color: #dedede;
    display: inline-block;
    margin: 2px 0;
    font-size: 0;
    white-space: nowrap
}

.mdl-chip__action,
.mdl-chip__text {
    font-size: 13px;
    vertical-align: middle;
    display: inline-block
}

.mdl-chip__action {
    height: 24px;
    width: 24px;
    background: 0 0;
    opacity: .54;
    cursor: pointer;
    text-align: center;
    padding: 0;
    margin: 0 0 0 4px;
    text-decoration: none;
    border: none;
    outline: 0;
    overflow: hidden
}

.mdl-chip__contact {
    height: 32px;
    width: 32px;
    border-radius: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    overflow: hidden;
    text-align: center;
    font-size: 18px;
    line-height: 32px
}

.mdl-chip:focus {
    outline: 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mdl-chip:active {
    background-color: #d6d6d6
}

.mdl-chip--deletable {
    padding-right: 4px
}

.mdl-chip--contact {
    padding-left: 0
}

.mdl-data-table {
    position: relative;
    border-collapse: collapse;
    white-space: nowrap;
    font-size: 16px
}

.mdl-data-table thead {
    padding-bottom: 3px
}

.mdl-data-table thead .mdl-data-table__select {
    margin-top: 0
}

.mdl-data-table tbody tr {
    position: relative;
    height: 48px;
    transition-property: background-color
}

.mdl-data-table tbody tr.is-selected {
    background-color: #fff
}

.mdl-data-table tbody tr:hover {
    background-color: rgba(0, 0, 0, .2)
}

.mdl-data-table td,
.mdl-data-table th {
    padding: 0 8px 12px;
    text-align: right
}

.mdl-data-table td {
    position: relative;
    vertical-align: middle;
    height: 48px;
    border-top: 1px solid rgba(255, 255, 255, .05);
    border-bottom: 1px solid rgba(255, 255, 255, .05);
    padding-top: 12px;
    box-sizing: border-box
}

.mdl-data-table td .mdl-data-table__select {
    vertical-align: middle
}

.mdl-data-table th {
    position: relative;
    vertical-align: bottom;
    text-overflow: ellipsis;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0;
    height: 48px;
    font-size: 13px;
    color: #454546;
    padding-bottom: 8px;
    box-sizing: border-box
}

.mdl-data-table th.mdl-data-table__header--sorted-ascending,
.mdl-data-table th.mdl-data-table__header--sorted-descending {
    color: rgba(0, 0, 0, .87)
}

.mdl-data-table th.mdl-data-table__header--sorted-ascending:before,
.mdl-data-table th.mdl-data-table__header--sorted-descending:before {
    font-family: 'Material Icons';
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    word-wrap: normal;
    font-feature-settings: 'liga';
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    content: "\e5d8";
    margin-right: 5px;
    vertical-align: sub
}

.label--mini,
.mdl-icon-toggle,
.mdl-navigation__link .material-icons,
.mdl-radio,
.mdl-snackbar__text,
.mdl-switch {
    vertical-align: middle
}

.mdl-data-table th.mdl-data-table__header--sorted-ascending:hover,
.mdl-data-table th.mdl-data-table__header--sorted-descending:hover {
    cursor: pointer
}

.mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before,
.mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before {
    color: rgba(0, 0, 0, .26)
}

.mdl-data-table th.mdl-data-table__header--sorted-descending:before {
    content: "\e5db"
}

.mdl-data-table__select {
    width: 16px
}

.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric {
    text-align: left
}

.mdl-dialog {
    border: none;
    box-shadow: 0 9px 46px 8px rgba(0, 0, 0, .14), 0 11px 15px -7px rgba(0, 0, 0, .12), 0 24px 38px 3px rgba(0, 0, 0, .2);
    width: 280px
}

.mdl-layout__drawer,
.mdl-layout__header {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mdl-dialog__title {
    padding: 24px 24px 0;
    margin: 0;
    font-size: 2.5rem
}

.mdl-dialog__actions {
    padding: 8px 8px 8px 24px;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap
}

.mdl-dialog__actions>* {
    margin-right: 8px;
    height: 36px
}

.mdl-dialog__actions>:first-child {
    margin-right: 0
}

.mdl-dialog__actions--full-width {
    padding: 0 0 8px
}

.mdl-dialog__actions--full-width>* {
    height: 48px;
    flex: 0 0 100%;
    padding-right: 16px;
    margin-right: 0;
    text-align: right
}

.mdl-dialog__content {
    padding: 20px 24px 24px;
    color: rgba(255, 255, 255, 1)
}

.mdl-mega-footer {
    padding: 16px 40px;
    color: #9e9e9e;
    background-color: #424242
}

.mdl-mega-footer--bottom-section:after,
.mdl-mega-footer--middle-section:after,
.mdl-mega-footer--top-section:after,
.mdl-mega-footer__bottom-section:after,
.mdl-mega-footer__middle-section:after,
.mdl-mega-footer__top-section:after {
    content: '';
    display: block;
    clear: both
}

.mdl-mega-footer--left-section,
.mdl-mega-footer--right-section,
.mdl-mega-footer__left-section,
.mdl-mega-footer__right-section {
    margin-bottom: 16px
}

.mdl-mega-footer--right-section a,
.mdl-mega-footer__right-section a {
    display: block;
    margin-bottom: 16px;
    color: inherit;
    text-decoration: none
}

@media screen and (min-width:760px) {
    .mdl-mega-footer--left-section,
    .mdl-mega-footer__left-section {
        float: left
    }
    .mdl-mega-footer--right-section,
    .mdl-mega-footer__right-section {
        float: right
    }
    .mdl-mega-footer--right-section a,
    .mdl-mega-footer__right-section a {
        display: inline-block;
        margin-left: 16px;
        line-height: 36px;
        vertical-align: middle
    }
}

.mdl-mega-footer--social-btn,
.mdl-mega-footer__social-btn {
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0;
    background-color: #9e9e9e;
    border: none
}

.mdl-mega-footer--drop-down-section,
.mdl-mega-footer__drop-down-section {
    display: block;
    position: relative
}

@media screen and (min-width:760px) {
    .mdl-mega-footer--drop-down-section,
    .mdl-mega-footer__drop-down-section {
        width: 33%
    }
    .mdl-mega-footer--drop-down-section:nth-child(1),
    .mdl-mega-footer--drop-down-section:nth-child(2),
    .mdl-mega-footer__drop-down-section:nth-child(1),
    .mdl-mega-footer__drop-down-section:nth-child(2) {
        float: left
    }
    .mdl-mega-footer--drop-down-section:nth-child(3),
    .mdl-mega-footer__drop-down-section:nth-child(3) {
        float: right
    }
    .mdl-mega-footer--drop-down-section:nth-child(3):after,
    .mdl-mega-footer__drop-down-section:nth-child(3):after {
        clear: right
    }
    .mdl-mega-footer--drop-down-section:nth-child(4),
    .mdl-mega-footer__drop-down-section:nth-child(4) {
        clear: right;
        float: right
    }
    .mdl-mega-footer--middle-section:after,
    .mdl-mega-footer__middle-section:after {
        content: '';
        display: block;
        clear: both
    }
    .mdl-mega-footer--bottom-section,
    .mdl-mega-footer__bottom-section {
        padding-top: 0
    }
}

@media screen and (min-width:1024px) {
    .mdl-mega-footer--drop-down-section,
    .mdl-mega-footer--drop-down-section:nth-child(3),
    .mdl-mega-footer--drop-down-section:nth-child(4),
    .mdl-mega-footer__drop-down-section,
    .mdl-mega-footer__drop-down-section:nth-child(3),
    .mdl-mega-footer__drop-down-section:nth-child(4) {
        width: 24%;
        float: left
    }
}

.mdl-mega-footer--heading-checkbox,
.mdl-mega-footer__heading-checkbox {
    position: absolute;
    width: 100%;
    height: 55.8px;
    padding: 32px;
    margin: -16px 0 0;
    cursor: pointer;
    z-index: 1;
    opacity: 0
}

.mdl-mega-footer--heading-checkbox+.mdl-mega-footer--heading:after,
.mdl-mega-footer--heading-checkbox+.mdl-mega-footer__heading:after,
.mdl-mega-footer__heading-checkbox+.mdl-mega-footer--heading:after,
.mdl-mega-footer__heading-checkbox+.mdl-mega-footer__heading:after {
    font-family: 'Material Icons';
    content: '\E5CE'
}

.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer--heading+.mdl-mega-footer--link-list,
.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer__heading+.mdl-mega-footer__link-list,
.mdl-mega-footer--heading-checkbox:checked~.mdl-mega-footer--link-list,
.mdl-mega-footer--heading-checkbox:checked~.mdl-mega-footer__link-list,
.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer--heading+.mdl-mega-footer--link-list,
.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer__heading+.mdl-mega-footer__link-list,
.mdl-mega-footer__heading-checkbox:checked~.mdl-mega-footer--link-list,
.mdl-mega-footer__heading-checkbox:checked~.mdl-mega-footer__link-list {
    display: none
}

.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer--heading:after,
.mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer__heading:after,
.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer--heading:after,
.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer__heading:after {
    font-family: 'Material Icons';
    content: '\E5CF'
}

.mdl-layout-title,
.mdl-layout__title,
.mdl-list__item {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    box-sizing: border-box
}

.mdl-mega-footer--heading,
.mdl-mega-footer__heading {
    position: relative;
    width: 100%;
    padding-right: 39.8px;
    margin-bottom: 16px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 23.8px;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #e0e0e0
}

.mdl-mega-footer--heading:after,
.mdl-mega-footer__heading:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 23.8px;
    height: 23.8px;
    background-size: cover
}

.mdl-mega-footer--link-list,
.mdl-mega-footer__link-list {
    list-style: none;
    margin: 0 0 32px;
    padding: 0
}

.mdl-mega-footer--link-list:after,
.mdl-mega-footer__link-list:after {
    clear: both;
    display: block;
    content: ''
}

.mdl-mega-footer--link-list li,
.mdl-mega-footer__link-list li {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px
}

.mdl-mega-footer--link-list a,
.mdl-mega-footer__link-list a {
    color: inherit;
    text-decoration: none;
    white-space: nowrap
}

.mdl-mega-footer--bottom-section,
.mdl-mega-footer__bottom-section {
    padding-top: 16px;
    margin-bottom: 16px
}

.mdl-logo {
    margin-bottom: 16px;
    color: #454546
}

.mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li,
.mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li {
    float: left;
    margin-bottom: 0;
    margin-right: 16px
}

@media screen and (min-width:760px) {
    .mdl-mega-footer--heading-checkbox+.mdl-mega-footer--heading:after,
    .mdl-mega-footer--heading-checkbox+.mdl-mega-footer__heading:after,
    .mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer--heading:after,
    .mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer__heading:after,
    .mdl-mega-footer__heading-checkbox+.mdl-mega-footer--heading:after,
    .mdl-mega-footer__heading-checkbox+.mdl-mega-footer__heading:after,
    .mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer--heading:after,
    .mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer__heading:after {
        content: ''
    }
    .mdl-mega-footer--heading-checkbox,
    .mdl-mega-footer__heading-checkbox {
        display: none
    }
    .mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer--heading+.mdl-mega-footer--link-list,
    .mdl-mega-footer--heading-checkbox:checked+.mdl-mega-footer__heading+.mdl-mega-footer__link-list,
    .mdl-mega-footer--heading-checkbox:checked~.mdl-mega-footer--link-list,
    .mdl-mega-footer--heading-checkbox:checked~.mdl-mega-footer__link-list,
    .mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer--heading+.mdl-mega-footer--link-list,
    .mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer__heading+.mdl-mega-footer__link-list,
    .mdl-mega-footer__heading-checkbox:checked~.mdl-mega-footer--link-list,
    .mdl-mega-footer__heading-checkbox:checked~.mdl-mega-footer__link-list {
        display: block
    }
    .mdl-logo {
        float: left;
        margin-bottom: 0;
        margin-right: 16px
    }
    .mdl-mini-footer--link-list li,
    .mdl-mini-footer__link-list li {
        line-height: 36px
    }
}

.mdl-mini-footer {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 32px 16px;
    color: #9e9e9e;
    background-color: #424242
}

.mdl-mini-footer:after {
    content: '';
    display: block
}

.mdl-mini-footer .mdl-logo {
    line-height: 36px
}

.mdl-mini-footer--link-list,
.mdl-mini-footer__link-list {
    display: flex;
    flex-flow: row nowrap;
    list-style: none;
    margin: 0;
    padding: 0
}

.mdl-mini-footer--link-list li,
.mdl-mini-footer__link-list li {
    margin-bottom: 0;
    margin-right: 16px
}

.mdl-mini-footer--link-list a,
.mdl-mini-footer__link-list a {
    color: inherit;
    text-decoration: none;
    white-space: nowrap
}

.mdl-mini-footer--left-section,
.mdl-mini-footer__left-section {
    display: inline-block;
    order: 0
}

.mdl-mini-footer--right-section,
.mdl-mini-footer__right-section {
    display: inline-block;
    order: 1
}

.mdl-mini-footer--social-btn,
.mdl-mini-footer__social-btn {
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0;
    background-color: #9e9e9e;
    border: none
}

.mdl-icon-toggle {
    position: relative;
    z-index: 1;
    display: inline-block;
    height: 32px;
    margin: 0;
    padding: 0
}

.mdl-icon-toggle__input {
    line-height: 32px
}

.mdl-icon-toggle.is-upgraded .mdl-icon-toggle__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none
}

.mdl-icon-toggle__label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    height: 32px;
    width: 32px;
    min-width: 32px;
    color: #616161;
    border-radius: 50%;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    background-color: transparent;
    will-change: background-color;
    transition: background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1)
}

.mdl-icon-toggle__label.material-icons {
    line-height: 32px;
    font-size: 24px
}

.mdl-icon-toggle.is-checked .mdl-icon-toggle__label {
    color: #00bcd4
}

.mdl-icon-toggle.is-disabled .mdl-icon-toggle__label {
    color: rgba(0, 0, 0, .26);
    cursor: auto;
    transition: none
}

.mdl-icon-toggle.is-focused .mdl-icon-toggle__label {
    background-color: rgba(0, 0, 0, .12)
}

.mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label {
    background-color: rgba(0, 188, 212, .26)
}

.mdl-icon-toggle__ripple-container {
    position: absolute;
    top: -2px;
    left: -2px;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer
}

.mdl-icon-toggle__ripple-container .mdl-ripple {
    background: #616161
}

.mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container {
    cursor: auto
}

.mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple {
    background: 0 0
}

.mdl-list {
    display: block;
    padding: 0;
    list-style: none
}

.mdl-list__item {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 1;
    display: flex;
    min-height: 48px;
    flex-direction: row;
    flex-wrap: nowrap;
    /*align-items: center;*/
    padding: 16px;
    cursor: default;
    color: #454546;
    overflow: hidden
}

.mdl-list__item .mdl-list__item-primary-content {
    order: 0;
    flex-grow: 2;
    text-decoration: none;
    box-sizing: border-box;
    display: flex;
    align-items: center
}

.mdl-list__item .mdl-list__item-primary-content .mdl-list__item-avatar,
.mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon {
    margin-right: 16px
}

.mdl-list__item .mdl-list__item-secondary-content {
    display: flex;
    /*flex-flow: column;*/
    align-items: flex-end;
    margin-left: 16px
}

.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-action label {
    display: inline
}

.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-info {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    color: rgba(255, 255, 255, .54)
}

.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-sub-header {
    padding: 0 0 0 16px
}

.mdl-list__item-icon,
.mdl-list__item-icon.material-icons {
    height: 24px;
    width: 24px;
    font-size: 24px;
    box-sizing: border-box;
    color: rgba(255, 255, 255, .8)
}

.mdl-list__item-avatar,
.mdl-list__item-avatar.material-icons {
    height: 32px;
    width: 32px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .8);
    font-size: 32px;
    color: #454546
}

.mdl-menu__container,
.mdl-menu__outline {
    padding: 0;
    border: none;
    position: absolute;
    display: block
}

.mdl-list__item--three-line .mdl-list__item-text-body,
.mdl-menu__item,
.mdl-navigation__link {
    font-size: 14px;
    letter-spacing: 0;
    font-weight: 400
}

.mdl-list__item--two-line {
    height: 64px
}

.mdl-list__item--two-line .mdl-list__item-primary-content {
    height: 32px;
    line-height: 20px;
    display: block
}

.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-avatar {
    float: left
}

.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-icon {
    float: left;
    margin-top: 4px
}

.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-secondary-content {
    height: 32px
}

.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-sub-title {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    color: rgba(255, 255, 255, .54);
    display: block;
    padding: 0
}

.mdl-list__item--three-line {
    height: 88px
}

.mdl-list__item--three-line .mdl-list__item-primary-content {
    height: 56px;
    line-height: 20px;
    display: block
}

.mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-avatar,
.mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-icon {
    float: left
}

.mdl-list__item--three-line .mdl-list__item-secondary-content {
    height: 56px
}

.mdl-list__item--three-line .mdl-list__item-text-body {
    line-height: 18px;
    height: 56px;
    color: rgba(255, 255, 255, .54);
    display: block;
    padding: 0
}

.mdl-menu__container {
    margin: 0;
    overflow: visible;
    height: 0;
    width: 0;
    visibility: hidden;
    z-index: -1
}

.mdl-menu__container.is-animating,
.mdl-menu__container.is-visible {
    z-index: 999;
    visibility: visible
}

.mdl-menu__outline {
    background: #fff;
    margin: 0;
    border-radius: 2px;
    top: 0;
    left: 0;
    overflow: hidden;
    opacity: 0;
    transform: scale(0);
    transform-origin: 0 0;
    will-change: transform;
    transition: transform .3s cubic-bezier(.4, 0, .2, 1), opacity .2s cubic-bezier(.4, 0, .2, 1);
    z-index: -1
}

.mdl-menu__item,
.mdl-menu__item[data-mdl-disabled]:focus,
.mdl-menu__item[data-mdl-disabled]:hover,
.mdl-menu__item[disabled]:focus,
.mdl-menu__item[disabled]:hover {
    background-color: transparent
}

.mdl-menu__container.is-visible .mdl-menu__outline {
    opacity: 1;
    transform: scale(1);
    z-index: 999
}

.mdl-menu__outline.mdl-menu--bottom-right {
    transform-origin: 100% 0
}

.mdl-menu__outline.mdl-menu--top-left {
    transform-origin: 0 100%
}

.mdl-menu__outline.mdl-menu--top-right {
    transform-origin: 100% 100%
}

.mdl-menu {
    position: absolute;
    list-style: none;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
    min-width: 124px;
    padding: 8px 0;
    margin: 0;
    opacity: 0;
    clip: rect(0 0 0 0);
    z-index: -1
}

.mdl-menu__container.is-visible .mdl-menu {
    opacity: 1;
    z-index: 999
}

.mdl-menu.is-animating {
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1), clip .3s cubic-bezier(.4, 0, .2, 1)
}

.mdl-menu.mdl-menu--bottom-right {
    left: auto;
    right: 0
}

.mdl-menu.mdl-menu--top-left {
    top: auto;
    bottom: 0
}

.mdl-menu.mdl-menu--top-right {
    top: auto;
    left: auto;
    bottom: 0;
    right: 0
}

.mdl-menu.mdl-menu--unaligned {
    top: auto;
    left: auto
}

.mdl-menu__item {
    display: block;
    border: none;
    color: rgba(0, 0, 0, .87);
    text-align: left;
    margin: 0;
    padding: 0 16px;
    outline-color: #bdbdbd;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    cursor: pointer;
    height: 48px;
    line-height: 48px;
    white-space: nowrap;
    opacity: 0;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1);
    user-select: none
}

.mdl-menu__item:focus,
.mdl-progress:focus,
.mdl-snackbar__action,
.mdl-textfield.is-focused .mdl-textfield__input {
    outline: 0
}

.mdl-menu__container.is-visible .mdl-menu__item {
    opacity: 1
}

.mdl-menu__item::-moz-focus-inner {
    border: 0
}

.mdl-menu__item--full-bleed-divider {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.mdl-menu__item[data-mdl-disabled],
.mdl-menu__item[disabled] {
    color: #bdbdbd;
    background-color: transparent;
    cursor: auto
}

.mdl-menu__item[data-mdl-disabled] .mdl-ripple,
.mdl-menu__item[disabled] .mdl-ripple {
    background: 0 0
}

.mdl-menu__item:hover {
    background-color: rgba(0, 0, 0, .2)
}

.mdl-menu__item:active,
.mdl-menu__item:focus {
    background-color: rgba(0, 0, 0, .15)
}

.mdl-menu__item--ripple-container {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    overflow: hidden
}

.mdl-progress {
    display: block;
    position: relative;
    height: 4px;
    max-width: 100%
}

.mdl-progress>.bar {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0%;
    transition: width .2s cubic-bezier(.4, 0, .2, 1)
}

.mdl-layout__drawer,
.mdl-layout__header,
.mdl-layout__obfuscator {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.mdl-progress>.progressbar {
    background-color: #f44336;
    z-index: 1;
    left: 0
}

.mdl-progress>.bufferbar {
    z-index: 0;
    left: 0
}

.mdl-progress>.auxbar {
    right: 0
}

@supports (-webkit-appearance:none) {
    .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate)>.auxbar,
    .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate)>.auxbar {
        background-image: linear-gradient(to right, rgba(255, 255, 255, .4), rgba(255, 255, 255, .4)), linear-gradient(to right, #f44336, #f44336);
        mask: url(../images/buffer.svg?embed)
    }
}

.mdl-radio__ripple-container,
.mdl-switch__ripple-container {
    -webkit-mask-image: -webkit-radial-gradient(circle, #454546, #000)
}

.mdl-progress:not(.mdl-progress--indeterminate)>.auxbar,
.mdl-progress:not(.mdl-progress__indeterminate)>.auxbar {
    background-image: linear-gradient(to right, rgba(255, 255, 255, .9), rgba(255, 255, 255, .9)), linear-gradient(to right, #f44336, #f44336)
}

.mdl-progress.mdl-progress--indeterminate>.bar1,
.mdl-progress.mdl-progress__indeterminate>.bar1 {
    background-color: #f44336;
    animation-name: indeterminate1;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.mdl-progress.mdl-progress--indeterminate>.bar3,
.mdl-progress.mdl-progress__indeterminate>.bar3 {
    background-image: none;
    background-color: #f44336;
    animation-name: indeterminate2;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

@keyframes indeterminate1 {
    0% {
        left: 0;
        width: 0%
    }
    50% {
        left: 25%;
        width: 75%
    }
    75% {
        left: 100%;
        width: 0%
    }
}

@keyframes indeterminate2 {
    0%,
    50% {
        left: 0;
        width: 0%
    }
    75% {
        left: 0;
        width: 25%
    }
    100% {
        left: 100%;
        width: 0%
    }
}

.mdl-navigation {
    display: flex;
    flex-wrap: nowrap;
    box-sizing: border-box
}

.mdl-navigation__link {
    color: #424242;
    text-decoration: none;
    margin: 0;
    line-height: 24px;
    opacity: .87
}

.mdl-layout {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    -webkit-overflow-scrolling: touch
}

.mdl-layout.is-small-screen .mdl-layout--large-screen-only,
.mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only {
    display: none
}

.mdl-layout__container {
    position: absolute;
    width: 100%;
    height: 100%
}

.mdl-layout-title,
.mdl-layout__title {
    display: block;
    position: relative;
    font-size: 20px;
    line-height: 1;
    letter-spacing: .02em;
    font-weight: 400
}

.mdl-layout-spacer {
    flex-grow: 1
}

.mdl-layout__drawer {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 236px;
    height: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    background: #202020;
    transform: translateX(-246px);
    transform-style: preserve-3d;
    will-change: transform;
    transition-property: transform;
    color: #424242;
    overflow: visible;
    overflow-y: auto;
    z-index: 5
}

.mdl-layout__drawer.is-visible {
    transform: translateX(0)
}

.mdl-layout__drawer.is-visible~.mdl-layout__content.mdl-layout__content {
    overflow: hidden
}

.mdl-layout__drawer>* {
    flex-shrink: 0
}

.mdl-layout__drawer>.mdl-layout-title,
.mdl-layout__drawer>.mdl-layout__title {
    line-height: 64px;
    padding-left: 20px
}

.mdl-layout__drawer .mdl-navigation {
    flex-direction: column;
    align-items: stretch
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
    display: block;
    flex-shrink: 0;
    margin: 0;
    color: #757575
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
    background-color: rgba(0, 0, 0, .25)
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current {
    background-color: rgba(0, 0, 0, .25);
    color: #00bcd4
}

.mdl-layout__drawer-button {
    display: block;
    position: absolute;
    height: 48px;
    width: 48px;
    border: 0;
    flex-shrink: 0;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    font-size: 26px;
    line-height: 56px;
    font-family: Helvetica, Arial, sans-serif;
    margin: 8px 12px;
    top: 0;
    left: 0;
    color: #00bcd4;
    z-index: 4
}

.mdl-snackbar,
.mdl-snackbar__action {
    font-family: Roboto, Helvetica, Arial, sans-serif
}

.mdl-layout__header .mdl-layout__drawer-button {
    position: absolute;
    color: #00bcd4;
    background-color: inherit
}

@media screen and (max-width:1440px) {
    .mdl-layout__drawer>.mdl-layout-title,
    .mdl-layout__drawer>.mdl-layout__title {
        line-height: 56px;
        padding-left: 8px
    }
    .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
        padding: 16px 8px
    }
    .mdl-layout__header .mdl-layout__drawer-button {
        margin: 4px
    }
    .mdl-layout__drawer-button {
        margin: 4px;
        color: rgba(0, 0, 0, .5)
    }
}

@media screen and (min-width:1441px) {
    .mdl-layout--fixed-drawer>.mdl-layout__drawer {
        transform: translateX(0)
    }
    .mdl-layout__drawer-button {
        line-height: 54px
    }
    .mdl-layout--fixed-drawer>.mdl-layout__drawer-button,
    .mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button,
    .mdl-layout--no-drawer-button .mdl-layout__drawer-button {
        display: none
    }
}

.mdl-layout__header {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    box-sizing: border-box;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
    border: none;
    min-height: 64px;
    max-height: 1000px;
    z-index: 3;
    background-color: #333;
    color: #00bcd4;
    transition-property: max-height, box-shadow
}

.mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen)>.mdl-layout__header {
    margin-left: 236px;
    width: calc(100% - 236px)
}

@media screen and (min-width:1441px) {
    .mdl-layout--fixed-drawer>.mdl-layout__header .mdl-layout__header-row {
        padding-left: 40px
    }
}

.mdl-layout__header>.mdl-layout-icon {
    position: absolute;
    left: 20px;
    top: 16px;
    height: 32px;
    width: 32px;
    overflow: hidden;
    z-index: 3;
    display: block
}

.mdl-layout.has-drawer .mdl-layout__header>.mdl-layout-icon {
    display: none
}

.mdl-layout__header.is-compact {
    max-height: 64px
}

.mdl-layout__header.is-compact.has-tabs {
    height: 112px
}

@media screen and (max-width:1440px) {
    .mdl-layout__header {
        min-height: 56px;
        display: none
    }
    .mdl-layout__header>.mdl-layout-icon {
        left: 8px;
        top: 12px
    }
    .mdl-layout__header.is-compact {
        max-height: 56px
    }
    .mdl-layout__header.is-compact.has-tabs {
        min-height: 104px
    }
    .mdl-layout--fixed-header>.mdl-layout__header {
        display: flex
    }
}

.mdl-layout__header--transparent.mdl-layout__header--transparent {
    background-color: transparent;
    box-shadow: none
}

.mdl-layout__header--scroll,
.mdl-layout__header--seamed {
    box-shadow: none
}

.mdl-layout__header--waterfall {
    box-shadow: none;
    overflow: hidden
}

.mdl-layout__header--waterfall.is-casting-shadow {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mdl-layout__header--waterfall.mdl-layout__header--waterfall-hide-top {
    justify-content: flex-end
}

.mdl-layout__header-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-shrink: 0;
    box-sizing: border-box;
    align-self: stretch;
    align-items: center;
    height: 64px;
    margin: 0;
    padding: 0 20px 0 80px
}

.mdl-layout--no-drawer-button .mdl-layout__header-row {
    padding-left: 20px
}

@media screen and (min-width:1441px) {
    .mdl-layout--no-desktop-drawer-button .mdl-layout__header-row {
        padding-left: 20px
    }
}

@media screen and (max-width:1440px) {
    .mdl-layout__header-row {
        height: 56px;
        padding: 0 8px 0 72px
    }
    .mdl-layout--no-drawer-button .mdl-layout__header-row {
        padding-left: 8px
    }
}

.mdl-layout__header-row>* {
    flex-shrink: 0
}

.mdl-layout__header--scroll .mdl-layout__header-row {
    width: 100%
}

.mdl-layout__header-row .mdl-navigation {
    margin: 0;
    padding: 0;
    height: 64px;
    flex-direction: row;
    align-items: center
}

.mdl-layout__header-row .mdl-navigation__link {
    display: block;
    color: #00bcd4;
    line-height: 64px;
    padding: 0 24px
}

@media screen and (max-width:1440px) {
    .mdl-layout__header-row .mdl-navigation {
        height: 56px
    }
    .mdl-layout__header-row .mdl-navigation__link {
        line-height: 56px;
        padding: 0 8px
    }
}

.mdl-layout__tab,
.mdl-layout__tab-bar-button .material-icons {
    line-height: 48px
}

.mdl-layout__obfuscator {
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 4;
    visibility: hidden;
    transition-property: background-color
}

.mdl-layout__obfuscator.is-visible {
    background-color: rgba(0, 0, 0, .5);
    visibility: visible
}

@supports (pointer-events:auto) {
    .mdl-layout__obfuscator {
        background-color: rgba(0, 0, 0, .5);
        opacity: 0;
        transition-property: opacity;
        visibility: visible;
        pointer-events: none
    }
    .mdl-layout__obfuscator.is-visible {
        pointer-events: auto;
        opacity: 1
    }
}

.mdl-layout__content {
    -ms-flex: 0 1 auto;
    position: relative;
    display: inline-block;
    overflow-y: auto;
    overflow-x: hidden;
    flex-grow: 1;
    z-index: 1;
    -webkit-overflow-scrolling: touch
}

.mdl-layout--fixed-drawer>.mdl-layout__content {
    margin-left: 236px
}

.mdl-layout__container.has-scrolling-header .mdl-layout__content {
    overflow: visible
}

@media screen and (max-width:1440px) {
    .mdl-layout--fixed-drawer>.mdl-layout__content {
        margin-left: 0
    }
    .mdl-layout__container.has-scrolling-header .mdl-layout__content {
        overflow-y: auto;
        overflow-x: hidden
    }
}

.mdl-layout__tab-bar {
    height: 96px;
    margin: 0;
    width: calc(100% - 112px);
    padding: 0 0 0 56px;
    display: flex;
    background-color: #333;
    overflow-y: hidden;
    overflow-x: scroll
}

.mdl-layout__tab-bar::-webkit-scrollbar {
    display: none
}

.mdl-layout--no-drawer-button .mdl-layout__tab-bar {
    width: calc(100% - -8px)
}

@media screen and (min-width:1441px) {
    .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar {
        width: calc(100% - -8px)
    }
}

@media screen and (max-width:1440px) {
    .mdl-layout__tab-bar {
        width: calc(100% - 60px);
        padding: 0 0 0 60px
    }
    .mdl-layout--no-drawer-button .mdl-layout__tab-bar {
        width: calc(100% - -8px)
    }
}

.mdl-layout--fixed-tabs .mdl-layout__tab-bar {
    padding: 0;
    overflow: hidden;
    width: 100%
}

.mdl-layout__tab-bar-container {
    position: relative;
    height: 48px;
    width: 100%;
    border: none;
    margin: 0;
    z-index: 2;
    flex-grow: 0;
    flex-shrink: 0;
    overflow: hidden
}

.mdl-layout__container>.mdl-layout__tab-bar-container {
    position: absolute;
    top: 0;
    left: 0
}

.mdl-layout__tab-bar-button {
    display: inline-block;
    position: absolute;
    top: 0;
    height: 48px;
    width: 56px;
    z-index: 4;
    text-align: center;
    background-color: #333;
    color: transparent;
    cursor: pointer;
    user-select: none
}

.mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button,
.mdl-layout--no-drawer-button .mdl-layout__tab-bar-button {
    width: -4px
}

.mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button .material-icons,
.mdl-layout--no-drawer-button .mdl-layout__tab-bar-button .material-icons {
    position: relative;
    left: -14px
}

.mdl-layout--fixed-tabs .mdl-layout__tab-bar-button {
    display: none
}

.mdl-layout__tab-bar-button.is-active {
    color: #00bcd4
}

.mdl-layout__tab-bar-left-button {
    left: 0
}

.mdl-layout__tab-bar-right-button {
    right: 0
}

.mdl-layout__tab {
    margin: 0;
    border: none;
    padding: 0 24px;
    float: left;
    position: relative;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    text-decoration: none;
    height: 48px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    color: rgba(255, 255, 255, .6);
    overflow: hidden
}

.mdl-radio,
.mdl-radio__button {
    line-height: 24px
}

@media screen and (max-width:1440px) {
    .mdl-layout__tab-bar-button {
        width: 60px
    }
    .mdl-layout__tab {
        padding: 0 12px
    }
}

.mdl-layout--fixed-tabs .mdl-layout__tab {
    float: none;
    flex-grow: 1;
    padding: 0
}

.mdl-layout.is-upgraded .mdl-layout__tab.is-active {
    color: #00bcd4
}

.mdl-layout.is-upgraded .mdl-layout__tab.is-active::after {
    height: 2px;
    width: 100%;
    display: block;
    content: " ";
    bottom: 0;
    left: 0;
    position: absolute;
    background: #ff4081;
    animation: border-expand .2s cubic-bezier(.4, 0, .4, 1) 10ms alternate forwards;
    transition: all 1s cubic-bezier(.4, 0, 1, 1)
}

.mdl-layout__tab .mdl-layout__tab-ripple-container {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden
}

.mdl-layout__tab .mdl-layout__tab-ripple-container .mdl-ripple {
    background-color: #00bcd4
}

.mdl-layout__tab-panel {
    display: block
}

.mdl-layout.is-upgraded .mdl-layout__tab-panel {
    display: none
}

.mdl-layout.is-upgraded .mdl-layout__tab-panel.is-active {
    display: block
}

.mdl-radio,
.mdl-radio__outer-circle {
    display: inline-block;
    box-sizing: border-box;
    margin: 0
}

.mdl-radio {
    position: relative;
    font-size: 16px;
    height: 24px;
    padding-left: 0
}

.mdl-radio.is-upgraded {
    padding-left: 24px
}

.mdl-radio.is-upgraded .mdl-radio__button {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none
}

.mdl-radio__outer-circle {
    position: absolute;
    top: 4px;
    left: 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
    border: 2px solid rgba(255, 255, 255, .8);
    border-radius: 50%;
    z-index: 2
}

.mdl-radio.is-checked .mdl-radio__outer-circle {
    border: 2px solid rgba(0, 188, 212, .8)
}

.mdl-radio.is-disabled .mdl-radio__outer-circle,
.mdl-radio__outer-circle fieldset[disabled] .mdl-radio {
    border: 2px solid rgba(0, 0, 0, .26);
    cursor: auto
}

.mdl-radio__inner-circle,
.mdl-radio__ripple-container {
    position: absolute;
    border-radius: 50%;
    box-sizing: border-box
}

.mdl-radio__inner-circle {
    z-index: 1;
    margin: 0;
    top: 8px;
    left: 4px;
    width: 8px;
    height: 8px;
    cursor: pointer;
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-property: transform;
    transform: scale(0, 0);
    background: rgba(0, 188, 212, .8)
}

.mdl-radio.is-checked .mdl-radio__inner-circle {
    transform: scale(1, 1)
}

.mdl-radio.is-disabled .mdl-radio__inner-circle,
fieldset[disabled] .mdl-radio .mdl-radio__inner-circle {
    background: rgba(0, 0, 0, .26);
    cursor: auto
}

.mdl-radio.is-focused .mdl-radio__inner-circle {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, .1)
}

.mdl-radio__label {
    cursor: pointer
}

.mdl-radio.is-disabled .mdl-radio__label,
fieldset[disabled] .mdl-radio .mdl-radio__label {
    color: rgba(0, 0, 0, .26);
    cursor: auto
}

.mdl-radio__ripple-container {
    z-index: 2;
    top: -9px;
    left: -13px;
    width: 42px;
    height: 42px;
    cursor: pointer;
    overflow: hidden
}

.mdl-radio__ripple-container .mdl-ripple {
    background: rgba(0, 188, 212, .8)
}

.mdl-radio.is-disabled .mdl-radio__ripple-container,
fieldset[disabled] .mdl-radio .mdl-radio__ripple-container {
    cursor: auto
}

.mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple,
fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple {
    background: 0 0
}

:root .mdl-slider.mdl-slider.is-upgraded,
_:-ms-input-placeholder {
    -ms-appearance: none;
    height: 32px;
    margin: 0
}

.mdl-slider {
    width: calc(100% - 40px);
    margin: 0 20px
}

.mdl-slider.is-upgraded {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 2px;
    background: 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: 0;
    padding: 0;
    color: #f44336;
    align-self: center;
    z-index: 1;
    cursor: pointer
}

.mdl-slider.is-upgraded::-moz-focus-outer {
    border: 0
}

.mdl-slider.is-upgraded::-ms-tooltip {
    display: none
}

.mdl-slider.is-upgraded::-webkit-slider-runnable-track {
    background: 0 0
}

.mdl-slider.is-upgraded::-moz-range-track {
    background: 0 0;
    border: none
}

.mdl-slider.is-upgraded::-ms-track {
    background: 0 0;
    color: transparent;
    height: 2px;
    width: 100%;
    border: none
}

.mdl-slider.is-upgraded::-ms-fill-lower {
    padding: 0;
    background: linear-gradient(to right, transparent, transparent 16px, #f44336 16px, #f44336 0)
}

.mdl-slider.is-upgraded::-ms-fill-upper {
    padding: 0;
    background: linear-gradient(to left, transparent, transparent 16px, rgba(255, 255, 255, .45) 16px, rgba(255, 255, 255, .45) 0)
}

.mdl-slider.is-upgraded::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border-radius: 50%;
    background: #f44336;
    border: none;
    transition: transform .18s cubic-bezier(.4, 0, .2, 1), border .18s cubic-bezier(.4, 0, .2, 1), box-shadow .18s cubic-bezier(.4, 0, .2, 1), background .28s cubic-bezier(.4, 0, .2, 1)
}

.mdl-slider.is-upgraded::-moz-range-thumb {
    -moz-appearance: none;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border-radius: 50%;
    background: #f44336;
    border: none
}

.mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb {
    box-shadow: 0 0 0 10px rgba(0, 188, 212, .26)
}

.mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
    box-shadow: 0 0 0 10px rgba(0, 188, 212, .26)
}

.mdl-slider.is-upgraded:active::-webkit-slider-thumb {
    background: #f44336;
    transform: scale(1.5)
}

.mdl-slider.is-upgraded:active::-moz-range-thumb {
    background: #f44336;
    transform: scale(1.5)
}

.mdl-slider.is-upgraded::-ms-thumb {
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 50%;
    background: #f44336;
    transform: scale(.375);
    transition: transform .18s cubic-bezier(.4, 0, .2, 1), background .28s cubic-bezier(.4, 0, .2, 1)
}

.mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {
    background: radial-gradient(circle closest-side, #f44336 0, #f44336 37.5%, rgba(0, 188, 212, .26) 37.5%, rgba(0, 188, 212, .26) 100%);
    transform: scale(1)
}

.mdl-slider.is-upgraded:active::-ms-thumb {
    background: #f44336;
    transform: scale(.5625)
}

.mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb {
    border: 2px solid rgba(255, 255, 255, .45);
    background: 0 0
}

.mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb {
    border: 2px solid rgba(255, 255, 255, .45);
    background: 0 0
}

.mdl-slider.is-upgraded.is-lowest-value+.mdl-slider__background-flex>.mdl-slider__background-upper {
    left: 6px
}

.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, .12);
    background: rgba(0, 0, 0, .12)
}

.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, .12);
    background: rgba(0, 0, 0, .12)
}

.mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb {
    border: 1.6px solid rgba(255, 255, 255, .45);
    transform: scale(1.5)
}

.mdl-slider.is-upgraded.is-lowest-value:active+.mdl-slider__background-flex>.mdl-slider__background-upper {
    left: 9px
}

.mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb {
    border: 1.5px solid rgba(255, 255, 255, .45);
    transform: scale(1.5)
}

.mdl-slider.is-upgraded.is-lowest-value::-ms-thumb {
    background: radial-gradient(circle closest-side, transparent 0, transparent 66.67%, rgba(255, 255, 255, .45) 66.67%, rgba(255, 255, 255, .45) 100%)
}

.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb {
    background: radial-gradient(circle closest-side, rgba(0, 0, 0, .12) 0, rgba(0, 0, 0, .12) 25%, rgba(255, 255, 255, .45) 25%, rgba(255, 255, 255, .45) 37.5%, rgba(0, 0, 0, .12) 37.5%, rgba(0, 0, 0, .12) 100%);
    transform: scale(1)
}

.mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb {
    transform: scale(.5625);
    background: radial-gradient(circle closest-side, transparent 0, transparent 77.78%, rgba(255, 255, 255, .45) 77.78%, rgba(255, 255, 255, .45) 100%)
}

.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower {
    background: 0 0
}

.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-upper {
    margin-left: 6px
}

.mdl-slider.is-upgraded.is-lowest-value:active::-ms-fill-upper {
    margin-left: 9px
}

.mdl-slider.is-upgraded:disabled::-webkit-slider-thumb,
.mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb,
.mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb {
    transform: scale(.667);
    background: rgba(255, 255, 255, .45)
}

.mdl-slider.is-upgraded:disabled::-moz-range-thumb,
.mdl-slider.is-upgraded:disabled:active::-moz-range-thumb,
.mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb {
    transform: scale(.667);
    background: rgba(255, 255, 255, .45)
}

.mdl-slider.is-upgraded:disabled+.mdl-slider__background-flex>.mdl-slider__background-lower {
    background-color: rgba(255, 255, 255, .45);
    left: -6px
}

.mdl-slider.is-upgraded.is-lowest-value:disabled:active+.mdl-slider__background-flex>.mdl-slider__background-upper,
.mdl-slider.is-upgraded:disabled+.mdl-slider__background-flex>.mdl-slider__background-upper {
    left: 6px
}

.mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb {
    border: 3px solid rgba(255, 255, 255, .45);
    background: 0 0;
    transform: scale(.667)
}

.mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb {
    border: 3px solid rgba(255, 255, 255, .45);
    background: 0 0;
    transform: scale(.667)
}

.mdl-slider.is-upgraded:disabled::-ms-thumb,
.mdl-slider.is-upgraded:disabled:active::-ms-thumb,
.mdl-slider.is-upgraded:disabled:focus::-ms-thumb {
    transform: scale(.25);
    background: rgba(255, 255, 255, .45)
}

.mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb {
    transform: scale(.25);
    background: radial-gradient(circle closest-side, transparent 0, transparent 50%, rgba(255, 255, 255, .45) 50%, rgba(255, 255, 255, .45) 100%)
}

.mdl-slider.is-upgraded:disabled::-ms-fill-lower {
    margin-right: 6px;
    background: linear-gradient(to right, transparent, transparent 25px, rgba(255, 255, 255, .45) 25px, rgba(255, 255, 255, .45) 0)
}

.mdl-slider.is-upgraded:disabled::-ms-fill-upper {
    margin-left: 6px
}

.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-fill-upper {
    margin-left: 6px
}

.mdl-slider__ie-container {
    height: 18px;
    overflow: visible;
    border: none;
    margin: none;
    padding: none
}

.mdl-slider__container {
    height: 18px;
    position: relative;
    background: 0 0;
    display: flex;
    flex-direction: row
}

.mdl-slider__background-flex {
    background: 0 0;
    position: absolute;
    height: 2px;
    width: calc(100% - 52px);
    top: 50%;
    left: 0;
    margin: 0 26px;
    display: flex;
    overflow: hidden;
    border: 0;
    padding: 0;
    transform: translate(0, -1px)
}

.mdl-slider__background-lower {
    background: #f44336;
    flex: 0;
    position: relative;
    border: 0;
    padding: 0
}

.mdl-slider__background-upper {
    background: rgba(255, 255, 255, .45);
    flex: 0;
    position: relative;
    border: 0;
    padding: 0;
    transition: left .18s cubic-bezier(.4, 0, .2, 1)
}

.mdl-snackbar {
    position: fixed;
    bottom: 0;
    left: 50%;
    cursor: default;
    background-color: #323232;
    z-index: 3;
    display: block;
    display: flex;
    justify-content: space-between;
    will-change: transform;
    transform: translate(0, 80px);
    transition: transform .25s cubic-bezier(.4, 0, 1, 1);
    pointer-events: none
}

@media (max-width:1151px) {
    .mdl-snackbar {
        width: 100%;
        left: 0;
        min-height: 48px;
        max-height: 80px
    }
}

@media (min-width:1152px) {
    .mdl-snackbar {
        min-width: 288px;
        max-width: 568px;
        border-radius: 2px;
        transform: translate(-50%, 80px)
    }
}

.mdl-snackbar--active {
    transform: translate(0, 0);
    pointer-events: auto;
    transition: transform .25s cubic-bezier(0, 0, .2, 1)
}

@media (min-width:1152px) {
    .mdl-snackbar--active {
        transform: translate(-50%, 0)
    }
}

.mdl-snackbar__text {
    padding: 14px 12px 14px 24px;
    color: #454546;
    float: left
}

.mdl-snackbar__action {
    background: 0 0;
    border: none;
    color: #ff4081;
    float: right;
    padding: 14px 24px 14px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    align-self: center
}

.mdl-snackbar__action::-moz-focus-inner {
    border: 0
}

.mdl-snackbar__action:not([aria-hidden]) {
    opacity: 1;
    pointer-events: auto
}

.mdl-spinner {
    display: inline-block;
    position: relative;
    width: 28px;
    height: 28px
}

.mdl-spinner:not(.is-upgraded).is-active:after {
    content: "Loading..."
}

.mdl-spinner.is-upgraded.is-active {
    animation: mdl-spinner__container-rotate 1.568s linear infinite
}

@keyframes mdl-spinner__container-rotate {
    to {
        transform: rotate(360deg)
    }
}

.mdl-spinner__layer {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0
}

.mdl-spinner__layer-1 {
    border-color: #42a5f5
}

.mdl-spinner--single-color .mdl-spinner__layer-1 {
    border-color: #00bcd4
}

.mdl-spinner.is-active .mdl-spinner__layer-1 {
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.mdl-spinner__layer-2 {
    border-color: #f44336
}

.mdl-spinner--single-color .mdl-spinner__layer-2 {
    border-color: #00bcd4
}

.mdl-spinner.is-active .mdl-spinner__layer-2 {
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.mdl-spinner__layer-3 {
    border-color: #fdd835
}

.mdl-spinner--single-color .mdl-spinner__layer-3 {
    border-color: #00bcd4
}

.mdl-spinner.is-active .mdl-spinner__layer-3 {
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.mdl-spinner__layer-4 {
    border-color: #4caf50
}

.mdl-spinner--single-color .mdl-spinner__layer-4 {
    border-color: #00bcd4
}

.mdl-spinner.is-active .mdl-spinner__layer-4 {
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

@keyframes mdl-spinner__fill-unfill-rotate {
    12.5% {
        transform: rotate(135deg)
    }
    25% {
        transform: rotate(270deg)
    }
    37.5% {
        transform: rotate(405deg)
    }
    50% {
        transform: rotate(540deg)
    }
    62.5% {
        transform: rotate(675deg)
    }
    75% {
        transform: rotate(810deg)
    }
    87.5% {
        transform: rotate(945deg)
    }
    to {
        transform: rotate(1080deg)
    }
}

@keyframes mdl-spinner__layer-1-fade-in-out {
    100%,
    25%,
    90%,
    from {
        opacity: .99
    }
    26%,
    89% {
        opacity: 0
    }
}

@keyframes mdl-spinner__layer-2-fade-in-out {
    15%,
    51%,
    from {
        opacity: 0
    }
    25%,
    50% {
        opacity: .99
    }
}

@keyframes mdl-spinner__layer-3-fade-in-out {
    40%,
    76%,
    from {
        opacity: 0
    }
    50%,
    75% {
        opacity: .99
    }
}

@keyframes mdl-spinner__layer-4-fade-in-out {
    100%,
    65%,
    from {
        opacity: 0
    }
    75%,
    90% {
        opacity: .99
    }
}

.mdl-spinner__gap-patch {
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 45%;
    width: 10%;
    height: 100%;
    overflow: hidden;
    border-color: inherit
}

.mdl-spinner__gap-patch .mdl-spinner__circle {
    width: 1000%;
    left: -450%
}

.mdl-spinner__circle-clipper {
    display: inline-block;
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
    border-color: inherit
}

.mdl-spinner__circle-clipper.mdl-spinner__left {
    float: left
}

.mdl-spinner__circle-clipper.mdl-spinner__right {
    float: right
}

.mdl-spinner__circle-clipper .mdl-spinner__circle {
    width: 200%
}

.mdl-spinner__circle {
    box-sizing: border-box;
    height: 100%;
    border-width: 3px;
    border-style: solid;
    border-color: inherit;
    border-bottom-color: transparent!important;
    border-radius: 50%;
    animation: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.mdl-spinner__left .mdl-spinner__circle {
    border-right-color: transparent!important;
    transform: rotate(129deg)
}

.mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle {
    animation: mdl-spinner__left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.mdl-spinner__right .mdl-spinner__circle {
    left: -100%;
    border-left-color: transparent!important;
    transform: rotate(-129deg)
}

.mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle {
    animation: mdl-spinner__right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}

@keyframes mdl-spinner__left-spin {
    from,
    to {
        transform: rotate(130deg)
    }
    50% {
        transform: rotate(-5deg)
    }
}

@keyframes mdl-spinner__right-spin {
    from,
    to {
        transform: rotate(-130deg)
    }
    50% {
        transform: rotate(5deg)
    }
}

.mdl-switch {
    position: relative;
    z-index: 1;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 24px;
    margin: 0;
    padding: 0;
    overflow: visible;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mdl-switch.is-upgraded {
    padding-left: 28px
}

.mdl-switch__input {
    line-height: 24px
}

.mdl-switch.is-upgraded .mdl-switch__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none
}

.mdl-switch__track {
    background: rgba(0, 0, 0, .26);
    position: absolute;
    left: 0;
    top: 5px;
    height: 14px;
    width: 36px;
    border-radius: 14px;
    cursor: pointer
}

.mdl-switch.is-checked .mdl-switch__track {
    background: rgba(0, 188, 212, .5)
}

.mdl-switch.is-disabled .mdl-switch__track,
.mdl-switch__track fieldset[disabled] .mdl-switch {
    background: rgba(0, 0, 0, .12);
    cursor: auto
}

.mdl-switch__thumb {
    background: #9e9e9e;
    position: absolute;
    left: 0;
    top: 2px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-property: left
}

.mdl-switch.is-checked .mdl-switch__thumb {
    background: #00bcd4;
    left: 16px;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12)
}

.mdl-switch.is-disabled .mdl-switch__thumb,
.mdl-switch__thumb fieldset[disabled] .mdl-switch {
    background: #bdbdbd;
    cursor: auto
}

.mdl-switch__focus-helper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-4px, -4px);
    display: inline-block;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: transparent
}

.mdl-switch.is-focused .mdl-switch__focus-helper {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, .1);
    background-color: rgba(0, 0, 0, .1)
}

.mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {
    box-shadow: 0 0 0 20px rgba(0, 188, 212, .26);
    background-color: rgba(0, 188, 212, .26)
}

.mdl-switch__label {
    position: relative;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    margin: 0
}

.mdl-switch.is-disabled .mdl-switch__label,
.mdl-switch__label fieldset[disabled] .mdl-switch {
    color: #bdbdbd;
    cursor: auto
}

.mdl-switch__ripple-container {
    position: absolute;
    z-index: 2;
    top: -12px;
    left: -14px;
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    transition-duration: .4s;
    transition-timing-function: step-end;
    transition-property: left
}

.mdl-switch__ripple-container .mdl-ripple {
    background: #00bcd4
}

.mdl-switch.is-disabled .mdl-switch__ripple-container,
.mdl-switch__ripple-container fieldset[disabled] .mdl-switch {
    cursor: auto
}

.mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple,
fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple {
    background: 0 0
}

.mdl-switch.is-checked .mdl-switch__ripple-container {
    left: 2px
}

.mdl-tabs {
    display: block;
    width: 100%
}

.mdl-tabs__tab-bar {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: space-between;
    align-items: flex-start;
    height: 48px;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #e0e0e0
}

.mdl-tabs__tab {
    margin: 0;
    border: none;
    padding: 0 24px;
    float: left;
    position: relative;
    display: block;
    text-decoration: none;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    color: rgba(0, 0, 0, .54);
    overflow: hidden
}

.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
    color: rgba(0, 0, 0, .87)
}

.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
    height: 2px;
    width: 100%;
    display: block;
    content: " ";
    bottom: 0;
    left: 0;
    position: absolute;
    background: #00bcd4;
    animation: border-expand .2s cubic-bezier(.4, 0, .4, 1) 10ms alternate forwards;
    transition: all 1s cubic-bezier(.4, 0, 1, 1)
}

.mdl-tabs__tab .mdl-tabs__ripple-container {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden
}

.mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple {
    background: #00bcd4
}

.mdl-tabs__panel {
    display: block
}

.mdl-tabs.is-upgraded .mdl-tabs__panel {
    display: none
}

.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active {
    display: block
}

@keyframes border-expand {
    0% {
        opacity: 0;
        width: 0
    }
    100% {
        opacity: 1;
        width: 100%
    }
}

.mdl-textfield {
    position: relative;
    font-size: 16px;
    display: inline-block;
    box-sizing: border-box;
    max-width: 100%;
    margin: 0;
    padding: 20px 0
}

.mdl-textfield .mdl-button {
    position: absolute;
    bottom: 20px
}

.mdl-textfield--align-right {
    text-align: right
}

.mdl-textfield--full-width {
    width: 100%
}

.mdl-textfield--expandable {
    min-width: 32px;
    width: auto;
    min-height: 32px
}

.mdl-textfield__input,
.mdl-textfield__label {
    font-size: 16px;
    width: 100%;
    text-align: left;
    display: block
}

.mdl-textfield--expandable .mdl-button--icon {
    top: 16px
}

.mdl-textfield__input {
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    font-family: Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 4px 0;
    background: 0 0;
    color: inherit
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link,
a {
    font-family: Roboto, Helvetica, Arial, sans-serif
}

.mdl-textfield__input[type=number] {
    -moz-appearance: textfield
}

.mdl-textfield__input[type=number]::-webkit-inner-spin-button,
.mdl-textfield__input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.mdl-textfield.is-invalid .mdl-textfield__input {
    border-color: #d50000;
    box-shadow: none
}

.mdl-textfield.is-disabled .mdl-textfield__input,
fieldset[disabled] .mdl-textfield .mdl-textfield__input {
    background-color: transparent;
    border-bottom: 1px dotted rgba(255, 255, 255, .2);
    color: rgba(255, 255, 255, .6)
}

.mdl-textfield textarea.mdl-textfield__input {
    display: block
}

.mdl-textfield__label {
    bottom: 0;
    color: rgba(0, 0, 0, .26);
    left: 0;
    right: 0;
    pointer-events: none;
    position: absolute;
    top: 24px;
    overflow: hidden;
    white-space: nowrap
}

.mdl-textfield.has-placeholder .mdl-textfield__label,
.mdl-textfield.is-dirty .mdl-textfield__label {
    visibility: hidden
}

.mdl-textfield--floating-label .mdl-textfield__label {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    transition: none
}

.mdl-textfield__expandable-holder,
.mdl-textfield__label:after {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.mdl-textfield.is-disabled.is-disabled .mdl-textfield__label,
fieldset[disabled] .mdl-textfield .mdl-textfield__label {
    color: rgba(255, 255, 255, .6)
}

.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--floating-label.is-focused .mdl-textfield__label {
    color: #00bcd4;
    font-size: 12px;
    top: 4px;
    visibility: visible
}

.mdl-textfield--floating-label.is-invalid .mdl-textfield__label,
.mdl-textfield__error {
    color: #d50000;
    font-size: 12px
}

.mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label,
.mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label {
    top: -16px
}

.mdl-textfield__label:after {
    background-color: #00bcd4;
    bottom: 20px;
    content: '';
    height: 2px;
    left: 45%;
    position: absolute;
    visibility: hidden;
    width: 10px
}

.mdl-textfield.is-focused .mdl-textfield__label:after {
    left: 0;
    visibility: visible;
    width: 100%
}

.mdl-textfield.is-invalid .mdl-textfield__label:after {
    background-color: #d50000
}

.mdl-textfield__error {
    position: absolute;
    margin-top: 3px;
    visibility: hidden;
    display: block
}

.mdl-textfield.is-invalid .mdl-textfield__error {
    visibility: visible
}

.mdl-textfield__expandable-holder {
    position: relative;
    margin-left: 32px;
    display: inline-block;
    max-width: .1px
}

.mdl-textfield.is-dirty .mdl-textfield__expandable-holder,
.mdl-textfield.is-focused .mdl-textfield__expandable-holder {
    max-width: 600px
}

.mdl-textfield__expandable-holder .mdl-textfield__label:after {
    bottom: 0
}

.mdl-tooltip {
    transform: scale(0);
    transform-origin: top center;
    z-index: 999;
    background: #353535;
    border-radius: 2px;
    color: #454546;
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    max-width: 170px;
    position: fixed;
    top: -500px;
    left: -500px;
    text-align: center
}

.mdl-tooltip.is-active {
    animation: pulse .2s cubic-bezier(0, 0, .2, 1) forwards
}

.mdl-tooltip--large {
    line-height: 14px;
    font-size: 14px;
    padding: 16px
}

@keyframes pulse {
    0% {
        transform: scale(0);
        opacity: 0
    }
    50% {
        transform: scale(.99)
    }
    100% {
        transform: scale(1);
        opacity: 1;
        visibility: visible
    }
}

.mdl-shadow--2dp {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mdl-shadow--3dp {
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12)
}

.mdl-shadow--4dp {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2)
}

.mdl-shadow--6dp {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .2)
}

.mdl-shadow--8dp {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2)
}

.mdl-shadow--16dp {
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
}

.mdl-shadow--24dp {
    box-shadow: 0 9px 46px 8px rgba(0, 0, 0, .14), 0 11px 15px -7px rgba(0, 0, 0, .12), 0 24px 38px 3px rgba(0, 0, 0, .2)
}

.mdl-grid {
    display: flex;
    flex-flow: row wrap;
    margin: 0 auto;
    align-items: stretch
}

.mdl-grid.mdl-grid--no-spacing {
    padding: 0
}

.mdl-cell {
    box-sizing: border-box
}

.mdl-cell--top {
    align-self: flex-start
}

.mdl-cell--middle {
    align-self: center
}

.mdl-cell--bottom {
    align-self: flex-end
}

.mdl-cell--stretch {
    align-self: stretch
}

.mdl-grid.mdl-grid--no-spacing>.mdl-cell {
    margin: 0
}

.mdl-cell--order-1 {
    order: 1
}

.mdl-cell--order-2 {
    order: 2
}

.mdl-cell--order-3 {
    order: 3
}

.mdl-cell--order-4 {
    order: 4
}

.mdl-cell--order-5 {
    order: 5
}

.mdl-cell--order-6 {
    order: 6
}

.mdl-cell--order-7 {
    order: 7
}

.mdl-cell--order-8 {
    order: 8
}

.mdl-cell--order-9 {
    order: 9
}

.mdl-cell--order-10 {
    order: 10
}

.mdl-cell--order-11 {
    order: 11
}

.mdl-cell--order-12 {
    order: 12
}

@media (max-width:1151px) {
    .mdl-grid {
        padding: 0
    }
    .mdl-cell {
        margin: 16px;
        width: calc(100% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell {
        width: 100%
    }
    .mdl-cell--hide-phone {
        display: none!important
    }
    .mdl-cell--order-1-phone.mdl-cell--order-1-phone {
        order: 1
    }
    .mdl-cell--order-2-phone.mdl-cell--order-2-phone {
        order: 2
    }
    .mdl-cell--order-3-phone.mdl-cell--order-3-phone {
        order: 3
    }
    .mdl-cell--order-4-phone.mdl-cell--order-4-phone {
        order: 4
    }
    .mdl-cell--order-5-phone.mdl-cell--order-5-phone {
        order: 5
    }
    .mdl-cell--order-6-phone.mdl-cell--order-6-phone {
        order: 6
    }
    .mdl-cell--order-7-phone.mdl-cell--order-7-phone {
        order: 7
    }
    .mdl-cell--order-8-phone.mdl-cell--order-8-phone {
        order: 8
    }
    .mdl-cell--order-9-phone.mdl-cell--order-9-phone {
        order: 9
    }
    .mdl-cell--order-10-phone.mdl-cell--order-10-phone {
        order: 10
    }
    .mdl-cell--order-11-phone.mdl-cell--order-11-phone {
        order: 11
    }
    .mdl-cell--order-12-phone.mdl-cell--order-12-phone {
        order: 12
    }
    .mdl-cell--1-col,
    .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
        width: calc(25% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell--1-col,
    .mdl-grid--no-spacing>.mdl-cell--1-col-phone.mdl-cell--1-col-phone {
        width: 25%
    }
    .mdl-cell--2-col,
    .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
        width: calc(50% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell--2-col,
    .mdl-grid--no-spacing>.mdl-cell--2-col-phone.mdl-cell--2-col-phone {
        width: 50%
    }
    .mdl-cell--3-col,
    .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
        width: calc(75% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell--3-col,
    .mdl-grid--no-spacing>.mdl-cell--3-col-phone.mdl-cell--3-col-phone {
        width: 75%
    }
    .mdl-cell--4-col,
    .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
        width: calc(100% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell--4-col,
    .mdl-grid--no-spacing>.mdl-cell--4-col-phone.mdl-cell--4-col-phone {
        width: 100%
    }
    .mdl-cell--5-col,
    .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
        width: calc(100% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell--5-col,
    .mdl-grid--no-spacing>.mdl-cell--5-col-phone.mdl-cell--5-col-phone {
        width: 100%
    }
    .mdl-cell--6-col,
    .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
        width: calc(100% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell--6-col,
    .mdl-grid--no-spacing>.mdl-cell--6-col-phone.mdl-cell--6-col-phone {
        width: 100%
    }
    .mdl-cell--7-col,
    .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
        width: calc(100% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell--7-col,
    .mdl-grid--no-spacing>.mdl-cell--7-col-phone.mdl-cell--7-col-phone {
        width: 100%
    }
    .mdl-cell--8-col,
    .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
        width: calc(100% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell--8-col,
    .mdl-grid--no-spacing>.mdl-cell--8-col-phone.mdl-cell--8-col-phone {
        width: 100%
    }
    .mdl-cell--9-col,
    .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
        width: calc(100% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell--9-col,
    .mdl-grid--no-spacing>.mdl-cell--9-col-phone.mdl-cell--9-col-phone {
        width: 100%
    }
    .mdl-cell--10-col,
    .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
        width: calc(100% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell--10-col,
    .mdl-grid--no-spacing>.mdl-cell--10-col-phone.mdl-cell--10-col-phone {
        width: 100%
    }
    .mdl-cell--11-col,
    .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
        width: calc(100% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell--11-col,
    .mdl-grid--no-spacing>.mdl-cell--11-col-phone.mdl-cell--11-col-phone {
        width: 100%
    }
    .mdl-cell--12-col,
    .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
        width: calc(100% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell--12-col,
    .mdl-grid--no-spacing>.mdl-cell--12-col-phone.mdl-cell--12-col-phone {
        width: 100%
    }
    .mdl-cell--1-offset,
    .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
        margin-left: calc(25% + 16px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
        margin-left: 25%
    }
    .mdl-cell--2-offset,
    .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
        margin-left: calc(50% + 16px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
        margin-left: 50%
    }
    .mdl-cell--3-offset,
    .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
        margin-left: calc(75% + 16px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
        margin-left: 75%
    }
}

@media (min-width:1152px) and (max-width:1919px) {
    .mdl-grid {
        padding: 0
    }
    .mdl-cell {
        margin: 16px;
        width: calc(33.33333% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell {
        width: 33.33333%
    }
    .mdl-cell--hide-tablet {
        display: none!important
    }
    .mdl-cell--order-1-tablet.mdl-cell--order-1-tablet {
        order: 1
    }
    .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet {
        order: 2
    }
    .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet {
        order: 3
    }
    .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet {
        order: 4
    }
    .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet {
        order: 5
    }
    .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet {
        order: 6
    }
    .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet {
        order: 7
    }
    .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet {
        order: 8
    }
    .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet {
        order: 9
    }
    .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet {
        order: 10
    }
    .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet {
        order: 11
    }
    .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet {
        order: 12
    }
    .mdl-cell--1-col,
    .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
        width: calc(8.33333% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell--1-col,
    .mdl-grid--no-spacing>.mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
        width: 8.33333%
    }
    .mdl-cell--2-col,
    .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
        width: calc(16.66667% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell--2-col,
    .mdl-grid--no-spacing>.mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
        width: 16.66667%
    }
    .mdl-cell--3-col,
    .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
        width: calc(25% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell--3-col,
    .mdl-grid--no-spacing>.mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
        width: 25%
    }
    .mdl-cell--4-col,
    .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
        width: calc(33.33333% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell--4-col,
    .mdl-grid--no-spacing>.mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
        width: 33.33333%
    }
    .mdl-cell--5-col,
    .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
        width: calc(41.66667% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell--5-col,
    .mdl-grid--no-spacing>.mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
        width: 41.66667%
    }
    .mdl-cell--6-col,
    .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
        width: calc(50% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell--6-col,
    .mdl-grid--no-spacing>.mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
        width: 50%
    }
    .mdl-cell--7-col,
    .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
        width: calc(58.33333% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell--7-col,
    .mdl-grid--no-spacing>.mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
        width: 58.33333%
    }
    .mdl-cell--8-col,
    .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
        width: calc(66.66667% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell--8-col,
    .mdl-grid--no-spacing>.mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
        width: 66.66667%
    }
    .mdl-cell--9-col,
    .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
        width: calc(75% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell--9-col,
    .mdl-grid--no-spacing>.mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
        width: 75%
    }
    .mdl-cell--10-col,
    .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
        width: calc(83.33333% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell--10-col,
    .mdl-grid--no-spacing>.mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
        width: 83.33333%
    }
    .mdl-cell--11-col,
    .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
        width: calc(91.66667% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell--11-col,
    .mdl-grid--no-spacing>.mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
        width: 91.66667%
    }
    .mdl-cell--12-col,
    .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
        width: calc(100% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell--12-col,
    .mdl-grid--no-spacing>.mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
        width: 100%
    }
    .mdl-cell--1-offset,
    .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
        margin-left: calc(8.33333% + 16px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
        margin-left: 8.33333%
    }
    .mdl-cell--2-offset,
    .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
        margin-left: calc(16.66667% + 16px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
        margin-left: 16.66667%
    }
    .mdl-cell--3-offset,
    .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
        margin-left: calc(25% + 16px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
        margin-left: 25%
    }
    .mdl-cell--4-offset,
    .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
        margin-left: calc(33.33333% + 16px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
        margin-left: 33.33333%
    }
    .mdl-cell--5-offset,
    .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
        margin-left: calc(41.66667% + 16px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
        margin-left: 41.66667%
    }
    .mdl-cell--6-offset,
    .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
        margin-left: calc(50% + 16px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
        margin-left: 50%
    }
    .mdl-cell--7-offset,
    .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
        margin-left: calc(58.33333% + 16px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
        margin-left: 58.33333%
    }
    .mdl-cell--8-offset,
    .mdl-cell--8-offset-tablet.mdl-cell--8-offset-tablet {
        margin-left: calc(66.66667% + 16px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--8-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--8-offset-tablet.mdl-cell--8-offset-tablet {
        margin-left: 66.66667%
    }
    .mdl-cell--9-offset,
    .mdl-cell--9-offset-tablet.mdl-cell--9-offset-tablet {
        margin-left: calc(75% + 16px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--9-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--9-offset-tablet.mdl-cell--9-offset-tablet {
        margin-left: 75%
    }
    .mdl-cell--10-offset,
    .mdl-cell--10-offset-tablet.mdl-cell--10-offset-tablet {
        margin-left: calc(83.33333% + 16px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--10-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--10-offset-tablet.mdl-cell--10-offset-tablet {
        margin-left: 83.33333%
    }
    .mdl-cell--11-offset,
    .mdl-cell--11-offset-tablet.mdl-cell--11-offset-tablet {
        margin-left: calc(91.66667% + 16px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--11-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--11-offset-tablet.mdl-cell--11-offset-tablet {
        margin-left: 91.66667%
    }
}

@media (min-width:1920px) {
    .mdl-grid {
        padding: 0
    }
    .mdl-cell {
        margin: 16px;
        width: calc(33.33333% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell {
        width: 33.33333%
    }
    .mdl-cell--hide-desktop {
        display: none!important
    }
    .mdl-cell--order-1-desktop.mdl-cell--order-1-desktop {
        order: 1
    }
    .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop {
        order: 2
    }
    .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop {
        order: 3
    }
    .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop {
        order: 4
    }
    .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop {
        order: 5
    }
    .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop {
        order: 6
    }
    .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop {
        order: 7
    }
    .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop {
        order: 8
    }
    .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop {
        order: 9
    }
    .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop {
        order: 10
    }
    .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop {
        order: 11
    }
    .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop {
        order: 12
    }
    .mdl-cell--1-col,
    .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
        width: calc(8.33333% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell--1-col,
    .mdl-grid--no-spacing>.mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
        width: 8.33333%
    }
    .mdl-cell--2-col,
    .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
        width: calc(16.66667% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell--2-col,
    .mdl-grid--no-spacing>.mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
        width: 16.66667%
    }
    .mdl-cell--3-col,
    .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
        width: calc(25% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell--3-col,
    .mdl-grid--no-spacing>.mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
        width: 25%
    }
    .mdl-cell--4-col,
    .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
        width: calc(33.33333% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell--4-col,
    .mdl-grid--no-spacing>.mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
        width: 33.33333%
    }
    .mdl-cell--5-col,
    .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
        width: calc(41.66667% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell--5-col,
    .mdl-grid--no-spacing>.mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
        width: 41.66667%
    }
    .mdl-cell--6-col,
    .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
        width: calc(50% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell--6-col,
    .mdl-grid--no-spacing>.mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
        width: 50%
    }
    .mdl-cell--7-col,
    .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
        width: calc(58.33333% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell--7-col,
    .mdl-grid--no-spacing>.mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
        width: 58.33333%
    }
    .mdl-cell--8-col,
    .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
        width: calc(66.66667% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell--8-col,
    .mdl-grid--no-spacing>.mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
        width: 66.66667%
    }
    .mdl-cell--9-col,
    .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
        width: calc(75% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell--9-col,
    .mdl-grid--no-spacing>.mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
        width: 75%
    }
    .mdl-cell--10-col,
    .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
        width: calc(83.33333% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell--10-col,
    .mdl-grid--no-spacing>.mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
        width: 83.33333%
    }
    .mdl-cell--11-col,
    .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
        width: calc(91.66667% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell--11-col,
    .mdl-grid--no-spacing>.mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
        width: 91.66667%
    }
    .mdl-cell--12-col,
    .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
        width: calc(100% - 32px)
    }
    .mdl-grid--no-spacing>.mdl-cell--12-col,
    .mdl-grid--no-spacing>.mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
        width: 100%
    }
    .mdl-cell--1-offset,
    .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
        margin-left: calc(8.33333% + 16px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
        margin-left: 8.33333%
    }
    .mdl-cell--2-offset,
    .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
        margin-left: calc(16.66667% + 16px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
        margin-left: 16.66667%
    }
    .mdl-cell--3-offset,
    .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
        margin-left: calc(25% + 16px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
        margin-left: 25%
    }
    .mdl-cell--4-offset,
    .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
        margin-left: calc(33.33333% + 16px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
        margin-left: 33.33333%
    }
    .mdl-cell--5-offset,
    .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
        margin-left: calc(41.66667% + 16px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
        margin-left: 41.66667%
    }
    .mdl-cell--6-offset,
    .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
        margin-left: calc(50% + 16px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
        margin-left: 50%
    }
    .mdl-cell--7-offset,
    .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
        margin-left: calc(58.33333% + 16px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
        margin-left: 58.33333%
    }
    .mdl-cell--8-offset,
    .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
        margin-left: calc(66.66667% + 16px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--8-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
        margin-left: 66.66667%
    }
    .mdl-cell--9-offset,
    .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
        margin-left: calc(75% + 16px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--9-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
        margin-left: 75%
    }
    .mdl-cell--10-offset,
    .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
        margin-left: calc(83.33333% + 16px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--10-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
        margin-left: 83.33333%
    }
    .mdl-cell--11-offset,
    .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
        margin-left: calc(91.66667% + 16px)
    }
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--11-offset,
    .mdl-grid.mdl-grid--no-spacing>.mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
        margin-left: 91.66667%
    }
}

.mdl-layout {
    background: #202020;
    overflow: hidden
}

main {
    background: url(../images/Dark_background_1920x1080.png) center top no-repeat;
    background-size: cover
}

.mdl-layout__header {
    width: 100%!important;
    margin-left: 0!important
}

.mdl-layout__drawer {
    border: none
}

.mdl-layout__drawer header {
    text-align: center;
    text-transform: uppercase;
    color: #454546;
    height: 64px;
    line-height: 64px;
    background: rgba(0, 0, 0, .85);
    font-size: 25px;
    font-weight: 500;
    letter-spacing: 1px
}

.mdl-layout__header-row .avatar-dropdown:hover,
.mdl-layout__header-row .material-icons.mdl-badge:hover,
.mdl-layout__header-row .mdl-button--icon:hover {
    background: rgba(0, 0, 0, .3)
}

.mdl-layout__drawer .mdl-navigation {
    flex-grow: 1;
    padding-top: 48px;
    padding-bottom: 8px;
    bottom: 0
}

.mdl-layout__drawer .mdl-navigation hr {
    border-top: 1px solid rgba(255, 255, 255, .1);
    margin: 8px 0
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
    font-size: 13px;
    font-weight: 500;
    padding: 12px 0;
    position: relative
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link .material-icons {
    font-size: 22px;
    width: 22px;
    margin: -3px 25px 0 23px;
    color: rgba(255, 255, 255, .56)
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current {
    border-left: 2px solid #00bcd4
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current .material-icons,
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover,
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover .material-icons {
    color: #00bcd4
}

.mdl-layout__drawer .mdl-navigation .sub-navigation {
    cursor: pointer
}

.mdl-layout__drawer .mdl-navigation .sub-navigation .mdl-navigation__link i:last-child {
    margin: 0 16px 0 0;
    transition: transform .3s;
    float: right
}

.mdl-layout__drawer .mdl-navigation .sub-navigation .mdl-navigation {
    display: none;
    padding: 5px 0
}

.mdl-layout__drawer .mdl-navigation .sub-navigation .mdl-navigation .mdl-navigation__link {
    padding-left: 72px
}

.mdl-layout__drawer .mdl-navigation .sub-navigation .mdl-navigation .mdl-navigation__link--current {
    border-left: none
}

.mdl-layout__drawer .mdl-navigation .sub-navigation--show .mdl-navigation {
    display: block
}

.mdl-layout__drawer .mdl-navigation .sub-navigation--show .mdl-navigation__link i:last-child {
    transform: rotate(180deg)
}

.mdl-layout__header-row {
    color: rgba(255, 255, 255, .8)
}

.mdl-layout__header-row .avatar-dropdown {
    cursor: pointer;
    margin: 0 10px;
    padding: 0 20px;
    line-height: 64px
}

.mdl-layout__header-row .avatar-dropdown>img {
    width: 32px;
    height: 32px
}

.mdl-layout__header-row .avatar-dropdown>span {
    color: rgba(255, 255, 255, .5);
    padding-right: 16px
}

.mdl-layout__header-row .mdl-textfield {
    padding: 18px 0
}

.mdl-layout__header-row .material-icons.mdl-badge {
    margin: 10px;
    cursor: pointer;
    overflow: visible;
    text-align: center;
    height: 24px;
    width: 24px;
    min-width: 0;
    padding: 4px
}

.mdl-layout__header-row .material-icons.mdl-badge.mdl-badge--overlap:after {
    top: -3px;
    right: -8px
}

::-webkit-scrollbar {
    width: .5rem;
    height: .5rem
}

::-webkit-scrollbar-thumb {
    background: #999;
    cursor: pointer
}

::-webkit-scrollbar-track {
    background: #666
}

@media screen and (max-width:1440px) {
    .mdl-layout--fixed-drawer main {
        margin-right: 0
    }
    .mdl-layout--fixed-drawer>.mdl-layout__content {
        margin-left: 0
    }
    .mdl-layout--fixed-drawer>.mdl-layout__drawer {
        transform: translateX(-246px)
    }
    .mdl-layout--fixed-drawer>.mdl-layout__drawer.is-visible {
        transform: translateX(0)!important
    }
    .mdl-layout--fixed-drawer>.mdl-layout__drawer header {
        height: 56px;
        line-height: 56px
    }
    .mdl-layout__header-row .avatar-dropdown {
        line-height: 56px
    }
}

@media screen and (max-width:799px) {
    .mdl-grid>.mdl-grid .mdl-cell {
        width: 100%!important
    }
    .mdl-layout__header-row .message,
    .mdl-layout__header-row .notification {
        display: none
    }
}

.mdl-card__title {
    background-color: #333
}

.mdl-card__supporting-text {
    width: calc(100% - 32px);
    line-height: 22px
}

.mdl-card__actions {
    padding: 8px 16px
}

.mdl-card,
.mdl-card__supporting-text {
    overflow: inherit
}

.mdl-card {
    /*height: 100%*/
}

.mdl-chip {
    color: #000
}

.mdl-chip__action {
    color: inherit
}

.badge--colored-green[data-badge]:after {
    background-color: #00d45a
}

.badge--colored-red[data-badge]:after {
    background-color: #ff5252
}

.badge--colored-light-blue[data-badge]:after,
.badge--colored-teal[data-badge]:after {
    background-color: #00bcd4
}

.badge--colored-purple[data-badge]:after {
    background-color: #7726d3
}

.badge--colored-orange[data-badge]:after {
    background-color: #ffc107
}

.mdl-slider__container {
    margin: 0 -20px
}

.slider--colored-green.is-upgraded {
    color: #00d45a
}

.slider--colored-green.is-upgraded::-ms-fill-lower {
    background: linear-gradient(to right, transparent, transparent 16px, #00d45a 16px, #00d45a 0)
}

.slider--colored-green.is-upgraded::-webkit-slider-thumb {
    background: #00d45a
}

.slider--colored-green.is-upgraded::-moz-range-thumb {
    background: #00d45a
}

.slider--colored-green.is-upgraded:active::-webkit-slider-thumb {
    background: #00d45a
}

.slider--colored-green.is-upgraded:active::-moz-range-thumb {
    background: #00d45a
}

.slider--colored-green.is-upgraded::-ms-thumb {
    background: #00d45a
}

.slider--colored-green.is-upgraded:focus:not(:active)::-ms-thumb {
    background: radial-gradient(circle closest-side, #00d45a 0, #00d45a 37.5%, rgba(0, 188, 212, .26) 37.5%, rgba(0, 188, 212, .26) 100%)
}

.slider--colored-green.is-upgraded:active::-ms-thumb {
    background: #00d45a
}

.slider--colored-green+.mdl-slider__background-flex .mdl-slider__background-lower {
    background: #00d45a
}

.slider--colored-red.is-upgraded {
    color: #ff5252
}

.slider--colored-red.is-upgraded::-ms-fill-lower {
    background: linear-gradient(to right, transparent, transparent 16px, #ff5252 16px, #ff5252 0)
}

.slider--colored-red.is-upgraded::-webkit-slider-thumb {
    background: #ff5252
}

.slider--colored-red.is-upgraded::-moz-range-thumb {
    background: #ff5252
}

.slider--colored-red.is-upgraded:active::-webkit-slider-thumb {
    background: #ff5252
}

.slider--colored-red.is-upgraded:active::-moz-range-thumb {
    background: #ff5252
}

.slider--colored-red.is-upgraded::-ms-thumb {
    background: #ff5252
}

.slider--colored-red.is-upgraded:focus:not(:active)::-ms-thumb {
    background: radial-gradient(circle closest-side, #ff5252 0, #ff5252 37.5%, rgba(0, 188, 212, .26) 37.5%, rgba(0, 188, 212, .26) 100%)
}

.slider--colored-red.is-upgraded:active::-ms-thumb {
    background: #ff5252
}

.slider--colored-red+.mdl-slider__background-flex .mdl-slider__background-lower {
    background: #ff5252
}

.slider--colored-purple.is-upgraded {
    color: #7726d3
}

.slider--colored-light-blue.is-upgraded,
.slider--colored-teal.is-upgraded {
    color: #00bcd4
}

.slider--colored-purple.is-upgraded::-ms-fill-lower {
    background: linear-gradient(to right, transparent, transparent 16px, #7726d3 16px, #7726d3 0)
}

.slider--colored-purple.is-upgraded::-webkit-slider-thumb {
    background: #7726d3
}

.slider--colored-purple.is-upgraded::-moz-range-thumb {
    background: #7726d3
}

.slider--colored-purple.is-upgraded:active::-webkit-slider-thumb {
    background: #7726d3
}

.slider--colored-purple.is-upgraded:active::-moz-range-thumb {
    background: #7726d3
}

.slider--colored-purple.is-upgraded::-ms-thumb {
    background: #7726d3
}

.slider--colored-purple.is-upgraded:focus:not(:active)::-ms-thumb {
    background: radial-gradient(circle closest-side, #7726d3 0, #7726d3 37.5%, rgba(0, 188, 212, .26) 37.5%, rgba(0, 188, 212, .26) 100%)
}

.slider--colored-purple.is-upgraded:active::-ms-thumb {
    background: #7726d3
}

.slider--colored-purple+.mdl-slider__background-flex .mdl-slider__background-lower {
    background: #7726d3
}

.slider--colored-teal.is-upgraded::-ms-fill-lower {
    background: linear-gradient(to right, transparent, transparent 16px, #00bcd4 16px, #00bcd4 0)
}

.slider--colored-teal.is-upgraded::-webkit-slider-thumb {
    background: #00bcd4
}

.slider--colored-teal.is-upgraded::-moz-range-thumb {
    background: #00bcd4
}

.slider--colored-teal.is-upgraded:active::-webkit-slider-thumb {
    background: #00bcd4
}

.slider--colored-teal.is-upgraded:active::-moz-range-thumb {
    background: #00bcd4
}

.slider--colored-teal.is-upgraded::-ms-thumb {
    background: #00bcd4
}

.slider--colored-teal.is-upgraded:focus:not(:active)::-ms-thumb {
    background: radial-gradient(circle closest-side, #00bcd4 0, #00bcd4 37.5%, rgba(0, 188, 212, .26) 37.5%, rgba(0, 188, 212, .26) 100%)
}

.slider--colored-teal.is-upgraded:active::-ms-thumb {
    background: #00bcd4
}

.slider--colored-teal+.mdl-slider__background-flex .mdl-slider__background-lower {
    background: #00bcd4
}

.slider--colored-light-blue.is-upgraded::-ms-fill-lower {
    background: linear-gradient(to right, transparent, transparent 16px, #00bcd4 16px, #00bcd4 0)
}

.slider--colored-light-blue.is-upgraded::-webkit-slider-thumb {
    background: #00bcd4
}

.slider--colored-light-blue.is-upgraded::-moz-range-thumb {
    background: #00bcd4
}

.slider--colored-light-blue.is-upgraded:active::-webkit-slider-thumb {
    background: #00bcd4
}

.slider--colored-light-blue.is-upgraded:active::-moz-range-thumb {
    background: #00bcd4
}

.slider--colored-light-blue.is-upgraded::-ms-thumb {
    background: #00bcd4
}

.slider--colored-light-blue.is-upgraded:focus:not(:active)::-ms-thumb {
    background: radial-gradient(circle closest-side, #00bcd4 0, #00bcd4 37.5%, rgba(0, 188, 212, .26) 37.5%, rgba(0, 188, 212, .26) 100%)
}

.slider--colored-light-blue.is-upgraded:active::-ms-thumb {
    background: #00bcd4
}

.slider--colored-light-blue+.mdl-slider__background-flex .mdl-slider__background-lower {
    background: #00bcd4
}

.slider--colored-orange.is-upgraded {
    color: #ffc107
}

.icon-toggle--colored-light-blue.is-checked .mdl-icon-toggle__label,
.icon-toggle--colored-teal.is-checked .mdl-icon-toggle__label {
    color: #00bcd4
}

.slider--colored-orange.is-upgraded::-ms-fill-lower {
    background: linear-gradient(to right, transparent, transparent 16px, #ffc107 16px, #ffc107 0)
}

.slider--colored-orange.is-upgraded::-webkit-slider-thumb {
    background: #ffc107
}

.slider--colored-orange.is-upgraded::-moz-range-thumb {
    background: #ffc107
}

.slider--colored-orange.is-upgraded:active::-webkit-slider-thumb {
    background: #ffc107
}

.slider--colored-orange.is-upgraded:active::-moz-range-thumb {
    background: #ffc107
}

.slider--colored-orange.is-upgraded::-ms-thumb {
    background: #ffc107
}

.slider--colored-orange.is-upgraded:focus:not(:active)::-ms-thumb {
    background: radial-gradient(circle closest-side, #ffc107 0, #ffc107 37.5%, rgba(0, 188, 212, .26) 37.5%, rgba(0, 188, 212, .26) 100%)
}

.slider--colored-orange.is-upgraded:active::-ms-thumb {
    background: #ffc107
}

.slider--colored-orange+.mdl-slider__background-flex .mdl-slider__background-lower {
    background: #ffc107
}

.mdl-menu .mdl-menu__item.mdl-list__item {
    display: flex
}

.mdl-menu__outline {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2)
}

.mdl-checkbox__tick-outline {
    -webkit-mask: url(../images/tick-mask.svg)
}

.mdl-checkbox__box-outline {
    border-color: rgba(255, 255, 255, .8)
}

.mdl-checkbox:hover:not(.is-checked) .mdl-checkbox__box-outline {
    border-color: #454546
}

.mdl-switch__label {
    left: 0;
    margin-left: 16px
}

.checkbox--colored-orange .mdl-ripple {
    background-color: rgba(255, 193, 7, .8)
}

.checkbox--colored-orange.is-checked .mdl-checkbox__tick-outline {
    background-color: #ffc107
}

.checkbox--colored-orange.is-checked .mdl-checkbox__box-outline {
    border-color: #ffc107
}

.checkbox--colored-light-blue .mdl-ripple {
    background-color: rgba(0, 188, 212, .8)
}

.checkbox--colored-light-blue.is-checked .mdl-checkbox__tick-outline {
    background-color: #00bcd4
}

.checkbox--colored-light-blue.is-checked .mdl-checkbox__box-outline {
    border-color: #00bcd4
}

.checkbox--colored-red .mdl-ripple {
    background-color: rgba(255, 82, 82, .8)
}

.checkbox--colored-red.is-checked .mdl-checkbox__tick-outline {
    background-color: #ff5252
}

.checkbox--colored-red.is-checked .mdl-checkbox__box-outline {
    border-color: #ff5252
}

.checkbox--colored-teal .mdl-ripple {
    background-color: rgba(0, 188, 212, .8)
}

.checkbox--colored-teal.is-checked .mdl-checkbox__tick-outline {
    background-color: #00bcd4
}

.checkbox--colored-teal.is-checked .mdl-checkbox__box-outline {
    border-color: #00bcd4
}

.checkbox--colored-purple .mdl-ripple {
    background-color: rgba(119, 38, 211, .8)
}

.checkbox--colored-purple.is-checked .mdl-checkbox__tick-outline {
    background-color: #7726d3
}

.checkbox--colored-purple.is-checked .mdl-checkbox__box-outline {
    border-color: #7726d3
}

.checkbox--colored-green .mdl-ripple {
    background-color: rgba(0, 212, 90, .8)
}

.checkbox--colored-green.is-checked .mdl-checkbox__tick-outline {
    background-color: #00d45a
}

.checkbox--colored-green.is-checked .mdl-checkbox__box-outline {
    border-color: #00d45a
}

.radio--colored-orange .mdl-ripple {
    background-color: rgba(255, 193, 7, .8)
}

.radio--colored-orange.is-checked .mdl-radio__outer-circle {
    border-color: #ffc107
}

.radio--colored-orange.is-checked .mdl-radio__inner-circle {
    background-color: #ffc107
}

.radio--colored-light-blue .mdl-ripple {
    background-color: rgba(0, 188, 212, .8)
}

.radio--colored-light-blue.is-checked .mdl-radio__outer-circle {
    border-color: #00bcd4
}

.radio--colored-light-blue.is-checked .mdl-radio__inner-circle {
    background-color: #00bcd4
}

.radio--colored-red .mdl-ripple {
    background-color: rgba(255, 82, 82, .8)
}

.radio--colored-red.is-checked .mdl-radio__outer-circle {
    border-color: #ff5252
}

.radio--colored-red.is-checked .mdl-radio__inner-circle {
    background-color: #ff5252
}

.radio--colored-teal .mdl-ripple {
    background-color: rgba(0, 188, 212, .8)
}

.radio--colored-teal.is-checked .mdl-radio__outer-circle {
    border-color: #00bcd4
}

.radio--colored-teal.is-checked .mdl-radio__inner-circle {
    background-color: #00bcd4
}

.radio--colored-purple .mdl-ripple {
    background-color: rgba(119, 38, 211, .8)
}

.radio--colored-purple.is-checked .mdl-radio__outer-circle {
    border-color: #7726d3
}

.radio--colored-purple.is-checked .mdl-radio__inner-circle {
    background-color: #7726d3
}

.radio--colored-green .mdl-ripple {
    background-color: rgba(0, 212, 90, .8)
}

.radio--colored-green.is-checked .mdl-radio__outer-circle {
    border-color: #00d45a
}

.radio--colored-green.is-checked .mdl-radio__inner-circle {
    background-color: #00d45a
}

.switch--colored-red .mdl-ripple {
    background-color: rgba(255, 82, 82, .8)
}

.switch--colored-red.is-checked .mdl-switch__track {
    background-color: rgba(255, 82, 82, .5)
}

.switch--colored-red.is-checked .mdl-switch__thumb {
    background-color: #ff5252
}

.switch--colored-orange .mdl-ripple {
    background-color: rgba(255, 193, 7, .8)
}

.switch--colored-orange.is-checked .mdl-switch__track {
    background-color: rgba(255, 193, 7, .5)
}

.switch--colored-orange.is-checked .mdl-switch__thumb {
    background-color: #ffc107
}

.switch--colored-light-blue .mdl-ripple {
    background-color: rgba(0, 188, 212, .8)
}

.switch--colored-light-blue.is-checked .mdl-switch__track {
    background-color: rgba(0, 188, 212, .5)
}

.switch--colored-light-blue.is-checked .mdl-switch__thumb {
    background-color: #00bcd4
}

.switch--colored-teal .mdl-ripple {
    background-color: rgba(0, 188, 212, .8)
}

.switch--colored-teal.is-checked .mdl-switch__track {
    background-color: rgba(0, 188, 212, .5)
}

.switch--colored-teal.is-checked .mdl-switch__thumb {
    background-color: #00bcd4
}

.switch--colored-purple .mdl-ripple {
    background-color: rgba(119, 38, 211, .8)
}

.switch--colored-purple.is-checked .mdl-switch__track {
    background-color: rgba(119, 38, 211, .5)
}

.switch--colored-purple.is-checked .mdl-switch__thumb {
    background-color: #7726d3
}

.switch--colored-green .mdl-ripple {
    background-color: rgba(0, 212, 90, .8)
}

.switch--colored-green.is-checked .mdl-switch__track {
    background-color: rgba(0, 212, 90, .5)
}

.switch--colored-green.is-checked .mdl-switch__thumb {
    background-color: #00d45a
}

.icon-toggle--colored-light-blue .mdl-ripple,
.icon-toggle--colored-teal .mdl-ripple {
    background-color: #00bcd4
}

.icon-toggle--colored-orange.is-checked .mdl-icon-toggle__label {
    color: #ffc107
}

.icon-toggle--colored-orange .mdl-ripple {
    background-color: #ffc107
}

.icon-toggle--colored-purple.is-checked .mdl-icon-toggle__label {
    color: #7726d3
}

.icon-toggle--colored-purple .mdl-ripple {
    background-color: #7726d3
}

.icon-toggle--colored-red.is-checked .mdl-icon-toggle__label {
    color: #ff5252
}

.icon-toggle--colored-red .mdl-ripple {
    background-color: #ff5252
}

.icon-toggle--colored-green.is-checked .mdl-icon-toggle__label {
    color: #00d45a
}

.icon-toggle--colored-green .mdl-ripple {
    background-color: #00d45a
}

.mdl-button {
    font-weight: 400;
    padding-top: 1px
}

.mdl-button .material-icons {
    margin: 0 8px 2px 0
}

.mdl-button.mdl-button--mini-icon .mdl-button--colored {
    color: #f44336
}

.mdl-button.mdl-button--mini-icon .material-icons {
    top: 50%!important;
    left: 50%!important;
    font-size: 20px
}

.mdl-button.button--colored-red:not([disabled]).mdl-button--raised,
.mdl-button.button--colored-red:not([disabled]).mdl-button--raised:hover {
    background-color: #ff5252;
    color: #454546
}

.mdl-button.button--colored-red:not([disabled]) {
    color: #ff5252
}

.mdl-button.button--colored-teal:not([disabled]).mdl-button--raised,
.mdl-button.button--colored-teal:not([disabled]).mdl-button--raised:hover {
    background-color: #00bcd4;
    color: #454546
}

.mdl-button.button--colored-teal:not([disabled]) {
    color: #00bcd4
}

.mdl-button.button--colored-orange:not([disabled]).mdl-button--raised,
.mdl-button.button--colored-orange:not([disabled]).mdl-button--raised:hover {
    background-color: #ffc107;
    color: #454546
}

.mdl-button.button--colored-orange:not([disabled]) {
    color: #ffc107
}

.mdl-button.button--colored-light-blue:not([disabled]).mdl-button--raised,
.mdl-button.button--colored-light-blue:not([disabled]).mdl-button--raised:hover {
    background-color: #00bcd4;
    color: #454546
}

.mdl-button.button--colored-light-blue:not([disabled]) {
    color: #00bcd4
}

.mdl-button.button--colored-purple:not([disabled]).mdl-button--raised,
.mdl-button.button--colored-purple:not([disabled]).mdl-button--raised:hover {
    background-color: #7726d3;
    color: #454546
}

.mdl-button.button--colored-purple:not([disabled]) {
    color: #7726d3
}

.mdl-button.button--colored-green:not([disabled]).mdl-button--raised,
.mdl-button.button--colored-green:not([disabled]).mdl-button--raised:hover {
    background-color: #00d45a;
    color: #454546
}

.mdl-button.button--colored-green:not([disabled]) {
    color: #00d45a
}

.mdl-button.button--facebook.mdl-button--raised:not([disabled]),
.mdl-button.button--facebook.mdl-button--raised:not([disabled]):hover {
    background-color: #3b5998;
    color: #454546
}

.mdl-button.button--facebook:not([disabled]) {
    color: #3b5998
}

.mdl-button.button--facebook:not([disabled]) i {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%233b5998' d='M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M18,5H15.5A3.5,3.5 0 0,0 12,8.5V11H10V14H12V21H15V14H18V11H15V9A1,1 0 0,1 16,8H18V5Z' /%3E%3C/svg%3E")
}

.mdl-button.button--facebook.mdl-button--raised i,
.mdl-button.button--facebook[disabled] i {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M18,5H15.5A3.5,3.5 0 0,0 12,8.5V11H10V14H12V21H15V14H18V11H15V9A1,1 0 0,1 16,8H18V5Z' /%3E%3C/svg%3E")
}

.mdl-button.button--twitter.mdl-button--raised:not([disabled]),
.mdl-button.button--twitter.mdl-button--raised:not([disabled]):hover {
    background-color: #00abf1;
    color: #454546
}

.mdl-button.button--twitter:not([disabled]) {
    color: #00abf1
}

.mdl-button.button--twitter:not([disabled]) i {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%2300abf1' d='M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z' /%3E%3C/svg%3E")
}

.mdl-button.button--twitter.mdl-button--raised i,
.mdl-button.button--twitter[disabled] i {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z' /%3E%3C/svg%3E")
}

.mdl-button.button--linkedin.mdl-button--raised:not([disabled]),
.mdl-button.button--linkedin.mdl-button--raised:not([disabled]):hover {
    background-color: #0083be;
    color: #454546
}

.mdl-button.button--linkedin:not([disabled]) {
    color: #0083be
}

.mdl-button.button--linkedin:not([disabled]) i {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%230083be' d='M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M18.5,18.5V13.2A3.26,3.26 0 0,0 15.24,9.94C14.39,9.94 13.4,10.46 12.92,11.24V10.13H10.13V18.5H12.92V13.57C12.92,12.8 13.54,12.17 14.31,12.17A1.4,1.4 0 0,1 15.71,13.57V18.5H18.5M6.88,8.56A1.68,1.68 0 0,0 8.56,6.88C8.56,5.95 7.81,5.19 6.88,5.19A1.69,1.69 0 0,0 5.19,6.88C5.19,7.81 5.95,8.56 6.88,8.56M8.27,18.5V10.13H5.5V18.5H8.27Z' /%3E%3C/svg%3E")
}

.mdl-button.button--linkedin.mdl-button--raised i,
.mdl-button.button--linkedin[disabled] i {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M18.5,18.5V13.2A3.26,3.26 0 0,0 15.24,9.94C14.39,9.94 13.4,10.46 12.92,11.24V10.13H10.13V18.5H12.92V13.57C12.92,12.8 13.54,12.17 14.31,12.17A1.4,1.4 0 0,1 15.71,13.57V18.5H18.5M6.88,8.56A1.68,1.68 0 0,0 8.56,6.88C8.56,5.95 7.81,5.19 6.88,5.19A1.69,1.69 0 0,0 5.19,6.88C5.19,7.81 5.95,8.56 6.88,8.56M8.27,18.5V10.13H5.5V18.5H8.27Z' /%3E%3C/svg%3E")
}

.mdl-button.button--github i {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M12,2A10,10 0 0,0 2,12C2,16.42 4.87,20.17 8.84,21.5C9.34,21.58 9.5,21.27 9.5,21C9.5,20.77 9.5,20.14 9.5,19.31C6.73,19.91 6.14,17.97 6.14,17.97C5.68,16.81 5.03,16.5 5.03,16.5C4.12,15.88 5.1,15.9 5.1,15.9C6.1,15.97 6.63,16.93 6.63,16.93C7.5,18.45 8.97,18 9.54,17.76C9.63,17.11 9.89,16.67 10.17,16.42C7.95,16.17 5.62,15.31 5.62,11.5C5.62,10.39 6,9.5 6.65,8.79C6.55,8.54 6.2,7.5 6.75,6.15C6.75,6.15 7.59,5.88 9.5,7.17C10.29,6.95 11.15,6.84 12,6.84C12.85,6.84 13.71,6.95 14.5,7.17C16.41,5.88 17.25,6.15 17.25,6.15C17.8,7.5 17.45,8.54 17.35,8.79C18,9.5 18.38,10.39 18.38,11.5C18.38,15.32 16.04,16.16 13.81,16.41C14.17,16.72 14.5,17.33 14.5,18.26C14.5,19.6 14.5,20.68 14.5,21C14.5,21.27 14.66,21.59 15.17,21.5C19.14,20.16 22,16.42 22,12A10,10 0 0,0 12,2Z' /%3E%3C/svg%3E")
}

.mdl-button.button--dribbble.mdl-button--raised:not([disabled]),
.mdl-button.button--dribbble.mdl-button--raised:not([disabled]):hover {
    background-color: #f26798;
    color: #454546
}

.mdl-button.button--dribbble:not([disabled]) {
    color: #f26798
}

.mdl-button.button--dribbble:not([disabled]) i {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%23f26798' d='M16.42,18.42C16,16.5 15.5,14.73 15,13.17C15.5,13.1 16,13.06 16.58,13.06H16.6V13.06H16.6C17.53,13.06 18.55,13.18 19.66,13.43C19.28,15.5 18.08,17.27 16.42,18.42M12,19.8C10.26,19.8 8.66,19.23 7.36,18.26C7.64,17.81 8.23,16.94 9.18,16.04C10.14,15.11 11.5,14.15 13.23,13.58C13.82,15.25 14.36,17.15 14.77,19.29C13.91,19.62 13,19.8 12,19.8M4.2,12C4.2,11.96 4.2,11.93 4.2,11.89C4.42,11.9 4.71,11.9 5.05,11.9H5.06C6.62,11.89 9.36,11.76 12.14,10.89C12.29,11.22 12.44,11.56 12.59,11.92C10.73,12.54 9.27,13.53 8.19,14.5C7.16,15.46 6.45,16.39 6.04,17C4.9,15.66 4.2,13.91 4.2,12M8.55,5C9.1,5.65 10.18,7.06 11.34,9.25C9,9.96 6.61,10.12 5.18,10.12C5.14,10.12 5.1,10.12 5.06,10.12H5.05C4.81,10.12 4.6,10.12 4.43,10.11C5,7.87 6.5,6 8.55,5M12,4.2C13.84,4.2 15.53,4.84 16.86,5.91C15.84,7.14 14.5,8 13.03,8.65C12,6.67 11,5.25 10.34,4.38C10.88,4.27 11.43,4.2 12,4.2M18.13,7.18C19.1,8.42 19.71,9.96 19.79,11.63C18.66,11.39 17.6,11.28 16.6,11.28V11.28H16.59C15.79,11.28 15.04,11.35 14.33,11.47C14.16,11.05 14,10.65 13.81,10.26C15.39,9.57 16.9,8.58 18.13,7.18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' /%3E%3C/svg%3E")
}

.mdl-button.button--dribbble.mdl-button--raised i,
.mdl-button.button--dribbble[disabled] i {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M16.42,18.42C16,16.5 15.5,14.73 15,13.17C15.5,13.1 16,13.06 16.58,13.06H16.6V13.06H16.6C17.53,13.06 18.55,13.18 19.66,13.43C19.28,15.5 18.08,17.27 16.42,18.42M12,19.8C10.26,19.8 8.66,19.23 7.36,18.26C7.64,17.81 8.23,16.94 9.18,16.04C10.14,15.11 11.5,14.15 13.23,13.58C13.82,15.25 14.36,17.15 14.77,19.29C13.91,19.62 13,19.8 12,19.8M4.2,12C4.2,11.96 4.2,11.93 4.2,11.89C4.42,11.9 4.71,11.9 5.05,11.9H5.06C6.62,11.89 9.36,11.76 12.14,10.89C12.29,11.22 12.44,11.56 12.59,11.92C10.73,12.54 9.27,13.53 8.19,14.5C7.16,15.46 6.45,16.39 6.04,17C4.9,15.66 4.2,13.91 4.2,12M8.55,5C9.1,5.65 10.18,7.06 11.34,9.25C9,9.96 6.61,10.12 5.18,10.12C5.14,10.12 5.1,10.12 5.06,10.12H5.05C4.81,10.12 4.6,10.12 4.43,10.11C5,7.87 6.5,6 8.55,5M12,4.2C13.84,4.2 15.53,4.84 16.86,5.91C15.84,7.14 14.5,8 13.03,8.65C12,6.67 11,5.25 10.34,4.38C10.88,4.27 11.43,4.2 12,4.2M18.13,7.18C19.1,8.42 19.71,9.96 19.79,11.63C18.66,11.39 17.6,11.28 16.6,11.28V11.28H16.59C15.79,11.28 15.04,11.35 14.33,11.47C14.16,11.05 14,10.65 13.81,10.26C15.39,9.57 16.9,8.58 18.13,7.18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' /%3E%3C/svg%3E")
}

.mdl-button.button--behance.mdl-button--raised:not([disabled]),
.mdl-button.button--behance.mdl-button--raised:not([disabled]):hover {
    background-color: #4176fb;
    color: #454546
}

.mdl-button.button--behance:not([disabled]) {
    color: #4176fb
}

.mdl-button.button--behance:not([disabled]) i {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%234176fb' d='M19.58,12.27C19.54,11.65 19.33,11.18 18.96,10.86C18.59,10.54 18.13,10.38 17.58,10.38C17,10.38 16.5,10.55 16.19,10.89C15.86,11.23 15.65,11.69 15.57,12.27M21.92,12.04C22,12.45 22,13.04 22,13.81H15.5C15.55,14.71 15.85,15.33 16.44,15.69C16.79,15.92 17.22,16.03 17.73,16.03C18.26,16.03 18.69,15.89 19,15.62C19.2,15.47 19.36,15.27 19.5,15H21.88C21.82,15.54 21.53,16.07 21,16.62C20.22,17.5 19.1,17.92 17.66,17.92C16.47,17.92 15.43,17.55 14.5,16.82C13.62,16.09 13.16,14.9 13.16,13.25C13.16,11.7 13.57,10.5 14.39,9.7C15.21,8.87 16.27,8.46 17.58,8.46C18.35,8.46 19.05,8.6 19.67,8.88C20.29,9.16 20.81,9.59 21.21,10.2C21.58,10.73 21.81,11.34 21.92,12.04M9.58,14.07C9.58,13.42 9.31,12.97 8.79,12.73C8.5,12.6 8.08,12.53 7.54,12.5H4.87V15.84H7.5C8.04,15.84 8.46,15.77 8.76,15.62C9.31,15.35 9.58,14.83 9.58,14.07M4.87,10.46H7.5C8.04,10.46 8.5,10.36 8.82,10.15C9.16,9.95 9.32,9.58 9.32,9.06C9.32,8.5 9.1,8.1 8.66,7.91C8.27,7.78 7.78,7.72 7.19,7.72H4.87M11.72,12.42C12.04,12.92 12.2,13.53 12.2,14.24C12.2,15 12,15.64 11.65,16.23C11.41,16.62 11.12,16.94 10.77,17.21C10.37,17.5 9.9,17.72 9.36,17.83C8.82,17.94 8.24,18 7.61,18H2V5.55H8C9.53,5.58 10.6,6 11.23,6.88C11.61,7.41 11.8,8.04 11.8,8.78C11.8,9.54 11.61,10.15 11.23,10.61C11,10.87 10.7,11.11 10.28,11.32C10.91,11.55 11.39,11.92 11.72,12.42M20.06,7.32H15.05V6.07H20.06V7.32Z' /%3E%3C/svg%3E")
}

.mdl-button.button--behance.mdl-button--raised i,
.mdl-button.button--behance[disabled] i {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M19.58,12.27C19.54,11.65 19.33,11.18 18.96,10.86C18.59,10.54 18.13,10.38 17.58,10.38C17,10.38 16.5,10.55 16.19,10.89C15.86,11.23 15.65,11.69 15.57,12.27M21.92,12.04C22,12.45 22,13.04 22,13.81H15.5C15.55,14.71 15.85,15.33 16.44,15.69C16.79,15.92 17.22,16.03 17.73,16.03C18.26,16.03 18.69,15.89 19,15.62C19.2,15.47 19.36,15.27 19.5,15H21.88C21.82,15.54 21.53,16.07 21,16.62C20.22,17.5 19.1,17.92 17.66,17.92C16.47,17.92 15.43,17.55 14.5,16.82C13.62,16.09 13.16,14.9 13.16,13.25C13.16,11.7 13.57,10.5 14.39,9.7C15.21,8.87 16.27,8.46 17.58,8.46C18.35,8.46 19.05,8.6 19.67,8.88C20.29,9.16 20.81,9.59 21.21,10.2C21.58,10.73 21.81,11.34 21.92,12.04M9.58,14.07C9.58,13.42 9.31,12.97 8.79,12.73C8.5,12.6 8.08,12.53 7.54,12.5H4.87V15.84H7.5C8.04,15.84 8.46,15.77 8.76,15.62C9.31,15.35 9.58,14.83 9.58,14.07M4.87,10.46H7.5C8.04,10.46 8.5,10.36 8.82,10.15C9.16,9.95 9.32,9.58 9.32,9.06C9.32,8.5 9.1,8.1 8.66,7.91C8.27,7.78 7.78,7.72 7.19,7.72H4.87M11.72,12.42C12.04,12.92 12.2,13.53 12.2,14.24C12.2,15 12,15.64 11.65,16.23C11.41,16.62 11.12,16.94 10.77,17.21C10.37,17.5 9.9,17.72 9.36,17.83C8.82,17.94 8.24,18 7.61,18H2V5.55H8C9.53,5.58 10.6,6 11.23,6.88C11.61,7.41 11.8,8.04 11.8,8.78C11.8,9.54 11.61,10.15 11.23,10.61C11,10.87 10.7,11.11 10.28,11.32C10.91,11.55 11.39,11.92 11.72,12.42M20.06,7.32H15.05V6.07H20.06V7.32Z' /%3E%3C/svg%3E")
}

.mdl-button.button--behance,
.mdl-button.button--dribbble,
.mdl-button.button--facebook,
.mdl-button.button--github,
.mdl-button.button--linkedin,
.mdl-button.button--twitter {
    text-transform: none
}

.mdl-button.button--behance i,
.mdl-button.button--dribbble i,
.mdl-button.button--facebook i,
.mdl-button.button--github i,
.mdl-button.button--linkedin i,
.mdl-button.button--twitter i {
    width: 23px;
    height: 24px;
    margin-right: 4px;
    margin-bottom: 0;
    background-repeat: no-repeat
}

.mdl-button.button--behance[disabled] i,
.mdl-button.button--dribbble[disabled] i,
.mdl-button.button--facebook[disabled] i,
.mdl-button.button--github[disabled] i,
.mdl-button.button--linkedin[disabled] i,
.mdl-button.button--twitter[disabled] i {
    opacity: .3
}

.mdl-button--secondary,
.mdl-button--secondary:hover {
    background-color: #f44336
}

.mdl-button--mint,
.mdl-button--mint:hover {
    background-color: #60c496
}

.mdl-button--cerulean,
.mdl-button--cerulean:hover {
    background-color: #5096d7
}

.mdl-card__actions .mdl-button--fab {
    position: absolute;
    right: 24px;
    bottom: 24px;
    z-index: 99
}

a {
    font-size: 16px;
    font-weight: 300;
    color: #00bcd4;
    text-decoration: none
}

.label,
.mdl-data-table {
    color: #454546;
    font-weight: 300;
    font-family: Roboto, Helvetica, Arial, sans-serif
}

.mdl-textfield {
    width: auto
}

.mdl-textfield .mdl-textfield__input {
    font-family: Roboto, Helvetica, Arial, sans-serif
}

.mdl-textfield .mdl-textfield__input:-webkit-autofill {
    border-color: #6b6b6b!important
}

.mdl-textfield .mdl-textfield__input:-webkit-autofill,
.mdl-textfield .mdl-textfield__input:-webkit-autofill:active,
.mdl-textfield .mdl-textfield__input:-webkit-autofill:focus,
.mdl-textfield .mdl-textfield__input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #fff inset;
    -webkit-text-fill-color: #454546!important;
    border-color: #00bcd4
}

.mdl-textfield.full-size {
    width: 100%
}

.mdl-progress {
    min-width: 100px;
    width: auto
}

.mdl-progress>.bufferbar {
    background-image: none;
    background-color: rgba(255, 255, 255, .4)
}

.progress--colored-red>.progressbar.bar1 {
    background-color: #ff5252
}

.progress--colored-red.mdl-progress.mdl-progress__indeterminate>.auxbar {
    background-image: none;
    background-color: transparent
}

@supports (-webkit-appearance:none) {
    .progress--colored-red.mdl-progress:not(.mdl-progress__indeterminate)>.auxbar {
        background-image: linear-gradient(to right, rgba(255, 255, 255, .4), rgba(255, 255, 255, .4)), linear-gradient(to right, rgba(255, 255, 255, .4), rgba(255, 255, 255, .4));
        mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=);
        -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=)
    }
}

.progress--colored-light-blue>.progressbar.bar1 {
    background-color: #00bcd4
}

.progress--colored-light-blue.mdl-progress.mdl-progress__indeterminate>.auxbar {
    background-image: none;
    background-color: transparent
}

@supports (-webkit-appearance:none) {
    .progress--colored-light-blue.mdl-progress:not(.mdl-progress__indeterminate)>.auxbar {
        background-image: linear-gradient(to right, rgba(255, 255, 255, .4), rgba(255, 255, 255, .4)), linear-gradient(to right, rgba(255, 255, 255, .4), rgba(255, 255, 255, .4));
        mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=);
        -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=)
    }
}

.progress--colored-orange>.progressbar.bar1 {
    background-color: #ffc107
}

.progress--colored-orange.mdl-progress.mdl-progress__indeterminate>.auxbar {
    background-image: none;
    background-color: transparent
}

@supports (-webkit-appearance:none) {
    .progress--colored-orange.mdl-progress:not(.mdl-progress__indeterminate)>.auxbar {
        background-image: linear-gradient(to right, rgba(255, 255, 255, .4), rgba(255, 255, 255, .4)), linear-gradient(to right, rgba(255, 255, 255, .4), rgba(255, 255, 255, .4));
        mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=);
        -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=)
    }
}

.progress--colored-light-teal>.progressbar.bar1 {
    background-color: #00bcd4
}

.progress--colored-light-teal.mdl-progress.mdl-progress__indeterminate>.auxbar {
    background-image: none;
    background-color: transparent
}

@supports (-webkit-appearance:none) {
    .progress--colored-light-teal.mdl-progress:not(.mdl-progress__indeterminate)>.auxbar {
        background-image: linear-gradient(to right, rgba(255, 255, 255, .4), rgba(255, 255, 255, .4)), linear-gradient(to right, rgba(255, 255, 255, .4), rgba(255, 255, 255, .4));
        mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=);
        -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=)
    }
}

.progress--colored-purple>.progressbar.bar1 {
    background-color: #7726d3
}

.progress--colored-purple.mdl-progress.mdl-progress__indeterminate>.auxbar {
    background-image: none;
    background-color: transparent
}

@supports (-webkit-appearance:none) {
    .progress--colored-purple.mdl-progress:not(.mdl-progress__indeterminate)>.auxbar {
        background-image: linear-gradient(to right, rgba(255, 255, 255, .4), rgba(255, 255, 255, .4)), linear-gradient(to right, rgba(255, 255, 255, .4), rgba(255, 255, 255, .4));
        mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=);
        -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=)
    }
}

.progress--colored-green>.progressbar.bar1 {
    background-color: #00d45a
}

.progress--colored-green.mdl-progress.mdl-progress__indeterminate>.auxbar {
    background-image: none;
    background-color: transparent
}

@supports (-webkit-appearance:none) {
    .progress--colored-green.mdl-progress:not(.mdl-progress__indeterminate)>.auxbar {
        background-image: linear-gradient(to right, rgba(255, 255, 255, .4), rgba(255, 255, 255, .4)), linear-gradient(to right, rgba(255, 255, 255, .4), rgba(255, 255, 255, .4));
        mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=);
        -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=)
    }
}

.mdl-data-table {
    background-color: #fff;
    border: none
}

.mdl-data-table tr:last-child td {
    border-bottom: none
}

.mdl-data-table td:first-of-type,
.mdl-data-table th:first-of-type {
    padding-left: 16px
}

.mdl-data-table td:last-of-type,
.mdl-data-table th:last-of-type {
    padding-right: 16px
}

.mdl-data-table tr:hover {
    background-clip: padding-box
}

.mdl-data-table.bordered-table td,
.mdl-data-table.bordered-table th {
    border-right: 1px solid #606060
}

.mdl-data-table.bordered-table tr:last-child {
    border-right: none
}

.mdl-data-table.stripped-table td,
.mdl-data-table.stripped-table th {
    border: none;
    border-right: 1px solid #676767
}

.mdl-data-table.stripped-table tr:last-child {
    border-right: none
}

.mdl-data-table.stripped-table tr:hover {
    background: #fff
}

.mdl-data-table.stripped-table tbody tr:nth-child(odd) {
    background-color: #606060
}

.mdl-data-table.borderless-table td {
    border: none
}

.label {
    background-color: rgba(255, 255, 255, .1);
    border-radius: 2px;
    height: 12px;
    padding: 5px 8px;
    margin: 0 0 0 auto;
    font-size: 12px;
    line-height: 1em
}

.label--mini {
    padding: 3px 8px 2px;
    cursor: pointer
}

.label--transparent {
    background-color: transparent;
    padding: 0
}

.projects-table thead th {
    color: rgba(255, 255, 255, .9)
}

.projects-table tbody td:nth-child(1) {
    width: 1px
}

.projects-table tbody td:nth-child(2) {
    width: 300px
}

.projects-table tbody td:nth-child(3) {
    width: 240px
}

.projects-table tbody td:nth-child(4) {
    width: 300px
}

.projects-table tbody td:nth-child(5) {
    width: 200px
}

.projects-table tbody td:nth-child(6) {
    width: 300px
}

.projects-table tbody td:nth-child(6) .mdl-progress {
    cursor: pointer;
    min-width: 80px;
    max-width: 200px
}

.projects-table tbody .task-done {
    padding-top: 6px!important;
    padding-bottom: 0!important;
    color: #f44336
}

.projects-table tbody .task-done .material-icons,
.projects-table tbody .task-done span {
    color: #454546;
    cursor: pointer
}

.projects-table tbody .task-done .material-icons {
    background: #ff5252;
    border-radius: 24px;
    font-size: 16px;
    padding: 2px;
    margin-right: 4px
}

.mdl-list,
.trending .mdl-list__item .mdl-list__item-secondary-content {
    margin: 0
}

.projects-table tbody .task-done span {
    vertical-align: text-bottom
}

.messages-dropdown .mdl-list__item-primary-content .mdl-list__item-avatar .material-icons,
.notifications-dropdown.mdl-list .mdl-list__item .mdl-list__item-avatar .material-icons {
    vertical-align: top
}

@media screen and (max-width:848px) {
    .dashboard .mdl-cell.mdl-cell--12-col-desktop.mdl-cell--12-col-tablet.mdl-cell--4-col-phone {
        display: none
    }
}

.mdl-tooltip {
    padding: 5px 8px;
    border: none;
    font-weight: 400
}

.notifications-dropdown.mdl-list {
    width: 310px
}

.notifications-dropdown.mdl-list .mdl-list__item {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 100;
    color: #454546
}

.notifications-dropdown.mdl-list .mdl-list__item:first-child {
    color: rgba(255, 255, 255, .8)
}

.notifications-dropdown.mdl-list .mdl-list__item .mdl-list__item-avatar {
    padding: 8px;
    text-align: center
}

.notifications-dropdown.mdl-list .mdl-list__item:last-child {
    padding-top: 8px;
    padding-bottom: 0
}

.trending .mdl-card__supporting-text {
    width: 100%;
    padding: 8px 0
}

.trending .mdl-list__item:hover {
    background-color: rgba(0, 0, 0, .2)
}

.trending .material-icons {
    line-height: .33333;
    font-size: 48px
}

.trending__arrow-up {
    color: #00bcd4
}

.trending__arrow-down {
    color: #f44336
}

.trending__percent {
    text-align: right;
    width: 60px
}

.messages-dropdown.mdl-menu {
    width: 310px
}

.messages-dropdown .label {
    color: rgba(255, 255, 255, .5)
}

.messages-dropdown .mdl-list__item-primary-content {
    font-weight: 400;
    line-height: 18px
}

.messages-dropdown .mdl-list__item-primary-content .mdl-list__item-avatar {
    padding: 8px;
    text-align: center
}

.messages-dropdown .mdl-list__item-primary-content .mdl-list__item-avatar text {
    font-size: 19px;
    vertical-align: middle
}

.messages-dropdown .mdl-list__item-primary-content .mdl-list__item-sub-title {
    font-weight: 100;
    font-size: 12px
}

.messages-dropdown.mdl-list .mdl-list__item {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 100;
    color: #454546
}

.messages-dropdown.mdl-list .mdl-list__item:first-child {
    color: rgba(255, 255, 255, .8)
}

.messages-dropdown.mdl-list .mdl-list__item:last-child {
    padding-top: 8px;
    padding-bottom: 0
}

.mdl-list .mdl-list__item {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #454546;
    letter-spacing: 0
}

.mdl-list .list__item--border-top {
    background-clip: padding-box;
    border-top: 1px solid rgba(255, 255, 255, .1)
}

.mdl-list .mdl-list__item-avatar {
    width: 40px;
    height: 40px;
    overflow: hidden
}

.mdl-list .mdl-list__item--two-line,
.mdl-list .mdl-list__item--two-line .mdl-list__item-primary-content,
.todo {
    height: auto
}

.list-title {
    font-size: 20px;
    white-space: nowrap;
    display: inline-block;
    padding: 16px;
    margin-bottom: 20px
}

.todo .mdl-card__supporting-text {
    width: 100%;
    padding: 0;
    min-height: 70px
}

.todo .mdl-card__supporting-text .mdl-list__item {
    align-items: flex-start;
    padding-bottom: 0
}

.todo .mdl-card__supporting-text .mdl-list__item .mdl-list__item-primary-content {
    max-width: 100%;
    word-wrap: break-word
}

.todo .mdl-card__supporting-text .mdl-list__item .material-icons {
    visibility: hidden
}

.todo .mdl-card__supporting-text .mdl-list__item:hover .material-icons {
    visibility: visible
}

.todo .mdl-card__supporting-text .mdl-checkbox {
    height: auto;
    padding-left: 36px
}

.todo .mdl-card__supporting-text .mdl-textfield {
    width: 100%;
    padding: 0
}

.todo .mdl-card__supporting-text .mdl-textfield__input {
    padding: 2px 0
}

.todo .mdl-card__supporting-text .mdl-textfield__label {
    color: rgba(255, 255, 255, .2);
    top: 0
}

.todo .mdl-card__supporting-text .mdl-textfield__label:after {
    background-color: rgba(255, 255, 255, .7);
    bottom: 0
}

.todo .mdl-card__actions {
    margin-top: 20px;
    background: rgba(255, 255, 255, .05)
}

.charts .chart1__container,
.charts .chart2__container,
.charts .discrete-bar-chart__container,
.charts .pie-chart__container,
.dashboard .chart1__container,
.dashboard .chart2__container,
.dashboard .discrete-bar-chart__container,
.dashboard .pie-chart__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    min-height: 228px
}

.charts .discrete-bar-chart__container svg .nv-axis.nv-x text,
.charts .discrete-bar-chart__container svg .nv-axis.nv-y .tick:nth-child(2n) text,
.dashboard .discrete-bar-chart__container svg .nv-axis.nv-x text,
.dashboard .discrete-bar-chart__container svg .nv-axis.nv-y .tick:nth-child(2n) text,
.line-chart-1__container svg .nv-axis.nv-x text,
.line-chart-1__container svg .nv-axis.nv-y text,
.line-chart-2__container svg .nv-axis.nv-x text,
.line-chart-2__container svg .nv-axis.nv-y text,
.line-chart__container svg .nv-axis.nv-x text,
.line-chart__container svg .nv-axis.nv-y text {
    display: none
}

.charts .chart1__container svg,
.charts .chart2__container svg,
.charts .discrete-bar-chart__container svg,
.charts .pie-chart__container svg,
.dashboard .chart1__container svg,
.dashboard .chart2__container svg,
.dashboard .discrete-bar-chart__container svg,
.dashboard .pie-chart__container svg {
    min-height: 200px;
    max-width: 180px
}

.charts .chart1__container svg .nvd3.nv-pie path,
.charts .chart2__container svg .nvd3.nv-pie path,
.charts .discrete-bar-chart__container svg .nvd3.nv-pie path,
.charts .pie-chart__container svg .nvd3.nv-pie path,
.dashboard .chart1__container svg .nvd3.nv-pie path,
.dashboard .chart2__container svg .nvd3.nv-pie path,
.dashboard .discrete-bar-chart__container svg .nvd3.nv-pie path,
.dashboard .pie-chart__container svg .nvd3.nv-pie path {
    fill-opacity: 1;
    stroke-width: 0
}

.charts .chart1__container svg .nvd3.nv-pie .nv-pie-title,
.charts .chart2__container svg .nvd3.nv-pie .nv-pie-title,
.charts .discrete-bar-chart__container svg .nvd3.nv-pie .nv-pie-title,
.charts .pie-chart__container svg .nvd3.nv-pie .nv-pie-title,
.dashboard .chart1__container svg .nvd3.nv-pie .nv-pie-title,
.dashboard .chart2__container svg .nvd3.nv-pie .nv-pie-title,
.dashboard .discrete-bar-chart__container svg .nvd3.nv-pie .nv-pie-title,
.dashboard .pie-chart__container svg .nvd3.nv-pie .nv-pie-title {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    fill: #454546;
    font-weight: 300;
    font-size: 22px!important
}

.charts .chart1__container .legend,
.charts .chart2__container .legend,
.charts .discrete-bar-chart__container .legend,
.charts .pie-chart__container .legend,
.dashboard .chart1__container .legend,
.dashboard .chart2__container .legend,
.dashboard .discrete-bar-chart__container .legend,
.dashboard .pie-chart__container .legend {
    max-width: 140px
}

.charts .chart1__container .nv-label text,
.dashboard .chart1__container .nv-label text {
    fill: #454546!important
}

.charts .discrete-bar-chart__container,
.dashboard .discrete-bar-chart__container {
    height: 100%
}

.charts .discrete-bar-chart__container svg,
.dashboard .discrete-bar-chart__container svg {
    height: 240px;
    max-width: calc(100% - 140px)
}

.charts .discrete-bar-chart__container svg .nv-bar text,
.dashboard .discrete-bar-chart__container svg .nv-bar text {
    fill: #454546!important;
    opacity: .9
}

.charts .line-plus-bar-chart__container svg,
.charts .line-plus-bar-chart__container svg .nv-linePlusBar,
.charts .stacked-bar-chart__container svg,
.charts .stacked-bar-chart__container svg .nv-linePlusBar,
.dashboard .line-plus-bar-chart__container svg,
.dashboard .line-plus-bar-chart__container svg .nv-linePlusBar,
.dashboard .stacked-bar-chart__container svg,
.dashboard .stacked-bar-chart__container svg .nv-linePlusBar {
    height: 250px
}

.charts .discrete-bar-chart__container .nv-controlsWrap .nv-legend-symbol,
.charts .line-plus-bar-chart__container .nv-controlsWrap .nv-legend-symbol,
.charts .stacked-bar-chart__container .nv-controlsWrap .nv-legend-symbol,
.dashboard .discrete-bar-chart__container .nv-controlsWrap .nv-legend-symbol,
.dashboard .line-plus-bar-chart__container .nv-controlsWrap .nv-legend-symbol,
.dashboard .stacked-bar-chart__container .nv-controlsWrap .nv-legend-symbol {
    fill: #00bcd4!important;
    stroke: #00bcd4!important
}

.charts .discrete-bar-chart__container .nv-group,
.charts .line-plus-bar-chart__container .nv-group,
.charts .stacked-bar-chart__container .nv-group,
.dashboard .discrete-bar-chart__container .nv-group,
.dashboard .line-plus-bar-chart__container .nv-group,
.dashboard .stacked-bar-chart__container .nv-group {
    fill-opacity: .9!important
}

.charts .discrete-bar-chart__container .nv-axis text,
.charts .line-plus-bar-chart__container .nv-axis text,
.charts .stacked-bar-chart__container .nv-axis text,
.dashboard .discrete-bar-chart__container .nv-axis text,
.dashboard .line-plus-bar-chart__container .nv-axis text,
.dashboard .stacked-bar-chart__container .nv-axis text {
    fill: #454546;
    opacity: .5!important
}

.charts .discrete-bar-chart__container .nv-axis .domain,
.charts .discrete-bar-chart__container .nv-axis .nv-zeroLine,
.charts .line-plus-bar-chart__container .nv-axis .domain,
.charts .line-plus-bar-chart__container .nv-axis .nv-zeroLine,
.charts .stacked-bar-chart__container .nv-axis .domain,
.charts .stacked-bar-chart__container .nv-axis .nv-zeroLine,
.dashboard .discrete-bar-chart__container .nv-axis .domain,
.dashboard .discrete-bar-chart__container .nv-axis .nv-zeroLine,
.dashboard .line-plus-bar-chart__container .nv-axis .domain,
.dashboard .line-plus-bar-chart__container .nv-axis .nv-zeroLine,
.dashboard .stacked-bar-chart__container .nv-axis .domain,
.dashboard .stacked-bar-chart__container .nv-axis .nv-zeroLine {
    stroke: #454546;
    opacity: .5
}

.charts .discrete-bar-chart__container .nv-axis .tick line,
.charts .line-plus-bar-chart__container .nv-axis .tick line,
.charts .stacked-bar-chart__container .nv-axis .tick line,
.dashboard .discrete-bar-chart__container .nv-axis .tick line,
.dashboard .line-plus-bar-chart__container .nv-axis .tick line,
.dashboard .stacked-bar-chart__container .nv-axis .tick line {
    opacity: .1!important
}

.charts .discrete-bar-chart__container .nv-legend-text,
.charts .line-plus-bar-chart__container .nv-legend-text,
.charts .stacked-bar-chart__container .nv-legend-text,
.dashboard .discrete-bar-chart__container .nv-legend-text,
.dashboard .line-plus-bar-chart__container .nv-legend-text,
.dashboard .stacked-bar-chart__container .nv-legend-text {
    opacity: .5
}

.charts .nvd3 text,
.dashboard .nvd3 text {
    font: 400 12px Arial;
    fill: #454546!important
}

.legend .legend__item,
.settings-dropdown .mdl-menu__item,
.settings-dropdown a {
    font-family: Roboto, Helvetica, Arial, sans-serif
}

.line-chart-1__container,
.line-chart-2__container,
.line-chart__container {
    min-height: 280px
}

.line-chart-1__container svg,
.line-chart-2__container svg,
.line-chart__container svg {
    height: 280px;
    width: 100%
}

.line-chart-1__container svg .x-axis-label,
.line-chart-1__container svg .y-axis-label,
.line-chart-2__container svg .x-axis-label,
.line-chart-2__container svg .y-axis-label,
.line-chart__container svg .x-axis-label,
.line-chart__container svg .y-axis-label {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 300;
    fill: rgba(255, 255, 255, .5)
}

.line-chart-1__container svg .nv-lineChart .nv-guideline,
.line-chart-2__container svg .nv-lineChart .nv-guideline,
.line-chart__container svg .nv-lineChart .nv-guideline {
    stroke: rgba(255, 255, 255, .5);
    stroke-width: .5px
}

.line-chart-1__container svg .nv-lineChart .tick,
.line-chart-2__container svg .nv-lineChart .tick,
.line-chart__container svg .nv-lineChart .tick {
    opacity: .1!important
}

.line-chart-1__container svg .nv-lineChart .tick.zero,
.line-chart-2__container svg .nv-lineChart .tick.zero,
.line-chart__container svg .nv-lineChart .tick.zero {
    opacity: .5!important
}

.line-chart-1__container svg .nv-lineChart .tick.zero line,
.line-chart-2__container svg .nv-lineChart .tick.zero line,
.line-chart__container svg .nv-lineChart .tick.zero line {
    stroke-opacity: 1!important
}

.line-chart-1__container svg .nv-lineChart .nv-y .domain,
.line-chart-2__container svg .nv-lineChart .nv-y .domain,
.line-chart__container svg .nv-lineChart .nv-y .domain {
    stroke-opacity: 0!important
}

.line-chart-1__container svg .nv-lineChart .nvd3.nv-scatter .nv-groups .nv-point.hover,
.line-chart-2__container svg .nv-lineChart .nvd3.nv-scatter .nv-groups .nv-point.hover,
.line-chart__container svg .nv-lineChart .nvd3.nv-scatter .nv-groups .nv-point.hover {
    stroke-width: 5px
}

.line-chart-1__container .legend,
.line-chart-2__container .legend,
.line-chart__container .legend {
    margin: 16px auto auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.legend .legend__item {
    font-weight: 300;
    font-size: 16px;
    color: #454546;
    margin: 8px 18px;
    display: inline-block
}

.legend .legend__item .legend__text {
    margin-left: 24px
}

.legend .legend__item .legend__mark {
    width: 8px;
    height: 8px;
    margin-top: 4px
}

.account-dropdown.mdl-menu {
    width: 310px
}

.account-dropdown .mdl-list__item {
    font-size: 14px
}

.account-dropdown .mdl-list__item:hover .mdl-list__item-icon {
    color: #00bcd4
}

.cotoneaster .mdl-card__title .mdl-card__title-text,
.robot .mdl-card__title .mdl-card__title-text {
    color: #454546
}

.account-dropdown>.mdl-list__item:first-child {
    font-size: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    height: 64px
}

.account-dropdown>.mdl-list__item:first-child .mdl-list__item-primary-content {
    height: 48px;
    line-height: 28px
}

.account-dropdown>.mdl-list__item:first-child .mdl-list__item-primary-content .mdl-list__item-avatar {
    height: 48px;
    width: 48px;
    background: url(../images/Icon.png);
    background-size: cover
}

.account-dropdown>.mdl-list__item:first-child .mdl-list__item-primary-content .mdl-list__item-sub-title {
    font-weight: 300
}

.account-dropdown .list__item--border-top {
    margin-top: 8px;
    padding-top: 8px
}

.settings-dropdown {
    width: 135px
}

.settings-dropdown .mdl-menu__item,
.settings-dropdown a {
    font-size: 14px;
    font-weight: 100;
    color: #454546
}

.cotoneaster .mdl-card__supporting-text,
.robot .mdl-card__supporting-text {
    font-size: 16px;
    padding-bottom: 26px
}

.cotoneaster .mdl-card__supporting-text,
.robot .mdl-card__supporting-text,
.weather .mdl-card__supporting-text .weather-description,
.weather .mdl-card__title .mdl-card__subtitle-text {
    font-weight: 300;
    font-family: Roboto, Helvetica, Arial, sans-serif
}

.robot {
    height: 450px
}

.robot .mdl-card__title {
    background: url(../images/robot.png) center center no-repeat;
    background-size: cover
}

.cotoneaster .mdl-card__title {
    background: url(../images/cotoneaster.jpg) center center no-repeat;
    background-size: cover
}

@media screen and (max-width:1151px) {
    .cotoneaster {
        height: 329px
    }
}

.weather .mdl-card__supporting-text {
    color: rgba(255, 255, 255, 1);
    background: url(../images/weather_bck.png) center center no-repeat;
    background-size: cover;
    text-align: right;
    padding-top: 38px;
    text-shadow: 4px 4px 4px rgba(0, 0, 0, .4)
}

.weather .custom_1 {
    background: url(../images/dark.jpg) ;
}

.ui-colors h3,
.ui-typography .mdl-card .mdl-card__supporting-text div:nth-child(2) {
    text-align: center
}

.weather .mdl-card__supporting-text .weather-temperature {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 100px;
    line-height: 1;
    color: rgba(255, 255, 255, .9)
}

.weather .mdl-card__supporting-text .weather-temperature sup {
    position: relative;
    top: 13px
}

.weather .mdl-card__supporting-text .weather-description {
    font-size: 18px;
    position: relative;
    color: #454546;
    /*margin: 0px;*/
}

.weather .mdl-card__supporting-text2 .weather-description {
    font-size: 18px;
    position: relative;
    color: #454546;
    /*margin: 0px;*/
}

.weather .mdl-card__supporting-text .weather-description:before {
    width: 35px;
    position: absolute;
    right: 150px;
    /*content: url(../images/rain.png)*/
}

.weather .mdl-card__title .mdl-card__subtitle-text {
    font-size: 16px
}

.weather .mdl-card__title .mdl-card__subtitle-text .material-icons {
    font-size: 16px;
    top: 2px;
    position: relative
}

.employer-form {
    padding: 0;
    width: 670px;
    background-color: #fff;
    margin: 16px auto;
    height: auto
}

.employer-form .mdl-radio {
    width: 20%;
    margin-top: 22px;
    margin-bottom: 22px;
    color: #454546
}

.employer-form .form__article>span {
    float: left;
    width: 100%;
    color: rgba(255, 255, 255, .6);
    font-weight: 200
}

.employer-form .mdl-card__title {
    background-color: "255,64,129";
    height: 66px;
    width: 100%;
    display: block;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    padding: 16px 15px 0
}

.employer-form .mdl-card__title h2:first-of-type {
    font-size: 24px;
    font-weight: 400;
    color: rgba(255, 255, 255, .8);
    line-height: 1.2em;
    margin-top: 0;
    margin-bottom: 0
}

.employer-form .mdl-card__title .mdl-card__subtitle {
    font-size: 13px;
    font-weight: 300;
    color: rgba(255, 255, 255, .2);
    line-height: 1.2em
}

.employer-form button.mdl-button.mdl-button--colored {
    width: 68px;
    height: 32px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 13px;
    font-weight: 400;
    color: #454546;
    background-color: #00bcd4
}

.employer-form label,
.employer-form__general_skills .mdl-textfield label {
    color: rgba(255, 255, 255, .6)
}

.employer-form button.mdl-button.mdl-button--colored:disabled {
    background-color: gray;
    color: rgba(255, 255, 255, .6)
}

.employer-form label {
    font-size: 15px
}

.employer-form .form__action .mdl-checkbox .mdl-ripple {
    background: #00bcd4
}

.employer-form .form__action .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border-color: #00bcd4
}

.employer-form .form__action .mdl-checkbox.is-checked .mdl-checkbox__box-outline .mdl-checkbox__tick-outline {
    background-color: #00bcd4;
    background-image: url(../images/tick_dark.svg?embed)
}

.employer-form__general_skills {
    margin-top: 24px
}

.employer-form__general_skills div {
    width: 100%
}

.employer-form__general_skills h3 {
    margin-bottom: 0;
    margin-top: 0
}

.employer-form__general_skills .mdl-textfield--floating-label.is-focused .mdl-textfield__label {
    color: #00bcd4
}

.employer-form__general_skills textarea {
    height: 90px
}

.employer-form__contacts h3 {
    margin-bottom: 40px
}

.employer-form__contacts div .mdl-textfield.getmdl-select .mdl-textfield__input {
    color: rgba(255, 255, 255, .6)
}

.employer-form__contacts div .mdl-textfield {
    padding-top: 0
}

.employer-form__contacts div .mdl-textfield label {
    top: 4px;
    font-weight: 300
}

.employer-form__contacts div i {
    color: #454546
}

.form .mdl-grid {
    padding: 0
}

.form .mdl-cell {
    margin: 0;
    padding-right: 30px
}

.form .mdl-cell.mdl-textfield.is-focused .mdl-textfield__label:after {
    width: calc(100% - 30px)
}

.form .mdl-cell:last-of-type {
    padding-right: 0
}

.form .mdl-cell:last-of-type.mdl-textfield.is-focused .mdl-textfield__label:after {
    width: 100%
}

.form .mdl-cell--1-col {
    width: calc(100% * 1 / 12)
}

.form .mdl-cell--2-col {
    width: calc(100% * 2 / 12)
}

.form .mdl-cell--3-col {
    width: calc(100% * 3 / 12)
}

.form .mdl-cell--4-col {
    width: calc(100% * 4 / 12)
}

.form .mdl-cell--5-col {
    width: calc(100% * 5 / 12)
}

.form .mdl-cell--6-col {
    width: calc(100% * 6 / 12)
}

.form .mdl-cell--7-col {
    width: calc(100% * 7 / 12)
}

.form .mdl-cell--8-col {
    width: calc(100% * 8 / 12)
}

.form .mdl-cell--9-col {
    width: calc(100% * 9 / 12)
}

.form .mdl-cell--10-col {
    width: calc(100% * 10 / 12)
}

.form .mdl-cell--11-col {
    width: calc(100% * 11 / 12)
}

.form .mdl-cell--12-col {
    width: 100%
}

.form__article h3 {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 300;
    color: rgba(255, 255, 255, .6);
    margin-top: 4px;
    margin-bottom: 20px
}

.form__action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 60px
}

.input-group label,
.input-group>i {
    margin-top: 4px
}

.form__action .mdl-checkbox {
    width: auto
}

.form__action .mdl-checkbox .mdl-checkbox__label {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    color: #454546;
    font-size: 16px;
    font-weight: 300
}

.form__action .mdl-button {
    padding: 0
}

.input-group>i {
    margin-right: 15px;
    margin-left: 5px;
    font-size: 20px
}

.input-group img {
    margin-top: 4px;
    margin-left: 5px;
    margin-right: 16px;
    height: 18px;
    width: 18px;
    float: left
}

.input-group .mdl-textfield {
    width: calc(100% - 40.5px)
}

.map {
    min-height: 630px;
    position: relative
}

.map .map__window {
    background: #333
}

.map .map__window .gm-style>.gm-style-cc,
.map .map__window .gm-style>.gmnoprint:not(.gm-bundled-control),
.map .map__window .gm-style>div:nth-of-type(2) {
    display: none
}

.map .mdl-card__supporting-text {
    min-height: 185px
}

.map h5 {
    margin-top: 0
}

.map div>a {
    font-size: 14px
}

.map .map__target-location,
.map .map__target-opening-hours {
    margin-bottom: 10px
}

.map .map__target-location>*,
.map .map__target-opening-hours>* {
    vertical-align: middle
}

.map .map__target-location .material-icons,
.map .map__target-opening-hours .material-icons {
    color: #00bcd4;
    margin-top: -2px;
    margin-right: 5px;
    font-size: 20px
}

.map .map__target-image {
    background: #333;
    border-radius: 50%;
    width: 170px;
    height: 170px;
    margin: 0 10px 5px 15px
}

.ui-buttons .buttons-basic .mdl-card,
.ui-buttons .buttons-icons .mdl-card,
.ui-buttons .buttons-social .mdl-card,
.ui-buttons .buttons-with-icons .mdl-card,
.ui-cards .mdl-card {
    height: 100%
}

.map .map__target-picture {
    height: 100%;
    background: url(../images/map_target_images_sprite.png) top left no-repeat;
    background-size: cover
}

.map .map__target-info,
.map .map__target-picture {
    opacity: 1;
    transition: opacity .2s
}

.map .map__target-info--hide,
.map .map__target-picture--hide {
    opacity: 0
}

.ui-buttons h6 {
    margin-top: 8px;
    margin-bottom: 0
}

.ui-buttons .mdl-button--icon .material-icons {
    font-size: 20px
}

.ui-buttons .mdl-list__item {
    padding: 8px 16px
}

.ui-buttons .mdl-card__supporting-text {
    display: flex;
    justify-content: space-around
}

.ui-buttons .buttons-basic,
.ui-buttons .buttons-icons,
.ui-buttons .buttons-social,
.ui-buttons .buttons-with-icons {
    min-width: 350px
}

.ui-buttons .buttons-basic .mdl-button:not(.mdl-button--icon),
.ui-buttons .buttons-icons .mdl-button:not(.mdl-button--icon),
.ui-buttons .buttons-social .mdl-button:not(.mdl-button--icon),
.ui-buttons .buttons-with-icons .mdl-button:not(.mdl-button--icon) {
    padding: 0 8px;
    min-width: 125px
}

.ui-colors h3 {
    opacity: .2
}

.ui-colors .teal .mdl-card__supporting-text {
    background: #00bcd4
}

.ui-colors .red .mdl-card__supporting-text {
    background: #ff5252
}

.ui-colors .green .mdl-card__supporting-text {
    background: #00d45a
}

.ui-colors .gray .mdl-card__supporting-text {
    background: #fff
}

.ui-colors .orange .mdl-card__supporting-text {
    background: #ffc107
}

.ui-colors .purple .mdl-card__supporting-text {
    background: #7726d3
}

.ui-colors .light-blue .mdl-card__supporting-text {
    background: #00bcd4
}

.ui-colors .dark-gray .mdl-card__title {
    background: #fff
}

.ui-colors .dark-gray .mdl-card__supporting-text {
    background: #333
}

.ui-cards .mdl-card .mdl-card__actions {
    padding-top: 16px;
    padding-bottom: 16px
}

.ui-cards .mdl-button--fab {
    position: absolute;
    top: 212px;
    right: 20px
}

.ui-cards .mdl-cell:nth-last-of-type(1) .mdl-card__title,
.ui-cards .mdl-cell:nth-last-of-type(2) .mdl-card__title,
.ui-cards .mdl-cell:nth-last-of-type(3) .mdl-card__title {
    color: #454546;
    height: 240px;
    background: center no-repeat;
    background-size: cover
}

.ui-cards .mdl-cell:nth-last-of-type(1) .mdl-card__title .mdl-card__title-text,
.ui-cards .mdl-cell:nth-last-of-type(2) .mdl-card__title .mdl-card__title-text,
.ui-cards .mdl-cell:nth-last-of-type(3) .mdl-card__title .mdl-card__title-text {
    font-size: 40px
}

.ui-cards .mdl-cell:nth-last-of-type(1) .mdl-card__title {
    background-image: linear-gradient(transparent, transparent, transparent, transparent, transparent, rgba(0, 0, 0, .1), rgba(0, 0, 0, .2), rgba(0, 0, 0, .4)), url(../images/sao_paulo.jpg)
}

.ui-cards .mdl-cell:nth-last-of-type(2) .mdl-card__title {
    background-image: linear-gradient(transparent, transparent, transparent, transparent, transparent, rgba(0, 0, 0, .1), rgba(0, 0, 0, .2), rgba(0, 0, 0, .4)), url(../images/tokyo.jpg)
}

.ui-cards .mdl-cell:nth-last-of-type(3) .mdl-card__title {
    background-image: linear-gradient(transparent, transparent, transparent, transparent, transparent, rgba(0, 0, 0, .1), rgba(0, 0, 0, .2), rgba(0, 0, 0, .4)), url(../images/istanbul.jpg)
}

.ui-cards small {
    color: #aaa;
    display: block;
    margin-bottom: 15px
}

.ui-cards b {
    color: #454546;
    line-height: 1.4
}

.ui-cards h3 {
    color: #454546;
    margin-bottom: 0
}

.ui-typography {
    font-family: Roboto, sans-serif
}

.getmdl-select .mdl-menu .mdl-menu__item,
.mdl-textfield input,
.mdl-textfield textarea,
.ui-icons .ui-icons-title {
    font-family: Roboto, Helvetica, Arial, sans-serif
}

.ui-typography .mdl-card {
    height: auto;
    width: 100%
}

.ui-typography .mdl-card:not(:last-child) {
    margin-bottom: 20px
}

.ui-typography .mdl-card:first-child p {
    font-size: 30px;
    line-height: 1.5
}

.ui-typography .mdl-card:first-child p:nth-of-type(1) {
    font-weight: 200;
    margin-top: 20px
}

.ui-typography .mdl-card:first-child p:nth-of-type(2) {
    font-weight: 300
}

.ui-typography .mdl-card:first-child p:nth-of-type(3) {
    font-weight: 400
}

.ui-typography .mdl-card:first-child p:nth-of-type(4) {
    font-weight: 500
}

.ui-typography .mdl-card:first-child p:nth-of-type(5) {
    font-weight: 600
}

.mdl-textfield.is-focused.getmdl-select input,
.mdl-textfield.is-focused.getmdl-select textarea,
.ui-typography dd,
.ui-typography ol,
.ui-typography p,
.ui-typography ul {
    font-weight: 300
}

.ui-typography .mdl-card .mdl-card__supporting-text div:nth-child(3) {
    text-align: right
}

.ui-typography .mdl-grid+.mdl-grid .mdl-cell:nth-child(3) .mdl-card__supporting-text>ul {
    list-style: none;
    padding-left: 0
}

.ui-typography .mdl-grid+.mdl-grid .mdl-cell:nth-child(4) .mdl-card__supporting-text>ol li {
    float: left;
    margin-right: 25px
}

.ui-typography .text-color--gray+h5 {
    margin-top: 14px
}

.ui-typography ol,
.ui-typography ul {
    padding-left: 16px;
    margin: 0
}

.ui-typography dd {
    margin-left: 0
}

.ui-typography dd+dt {
    margin-top: 10px
}

.ui-typography h1 {
    margin-top: 0
}

.ui-components .mdl-card {
    height: 100%
}

.ui-components .mdl-list__item {
    padding: 8px 16px
}

.ui-components .mdl-progress {
    width: 130px
}

.ui-icons .ui-icons-title {
    font-size: 20px;
    margin-top: 24px;
    letter-spacing: .2px
}

.ui-icons .ui-icons-title a {
    font-size: 20px;
    text-decoration: underline;
    opacity: .8
}

.ui-icons .itemcontainer {
    display: inline-block;
    width: 150px;
    height: 100px;
    text-align: center;
    vertical-align: top
}

.ui-icons .itemcontainer .caption {
    margin-top: 10px
}

.ui-icons hr {
    margin: 0 -16px 1em
}

.ui-icons .section-name {
    margin: 25px 5px 30px
}

.ui-tables .mdl-card {
    overflow-x: auto
}

.ui-tables table {
    width: 100%
}

.ui-tables table td {
    font-size: 14px
}

.ui-tables .no-padding {
    padding: 0;
    width: 100%
}

.ui-tables .label__availability {
    margin-right: 2px
}

.ui-form-components form .mdl-cell {
    margin-left: 16px
}

.ui-form-components .mdl-card__supporting-text {
    padding-bottom: 70px
}

.scroll__wrapper {
    flex-grow: 1;
    position: relative;
    overflow: hidden
}

.scroll__wrapper:hover .scroller__bar {
    opacity: 1
}

.scroller {
    position: absolute;
    height: 100%;
    overflow-y: scroll
}

.scroller__bar {
    opacity: .2;
    position: absolute;
    top: 2px;
    right: 2px;
    width: 4px;
    border-radius: 2px;
    transition: .5s height, .3s opacity;
    background: #fff
}

.scroll__container {
    display: flex;
    min-height: 100%
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.clearfix {
    clear: both
}

.background-color--primary {
    background-color: rgba(0, 188, 212, .9)
}

.background-color--secondary {
    background-color: rgba(244, 67, 54, .9)
}

.background-color--baby-blue {
    background-color: rgba(116, 199, 209, .9)
}

.background-color--cerulean {
    background-color: rgba(80, 150, 215, .9)
}

.background-color--mint {
    background-color: rgba(96, 196, 150, .9)
}

.text-color--primary {
    color: rgba(0, 188, 212, .8)!important
}

.text-color--secondary {
    color: rgba(244, 67, 54, .8)!important
}

.text-color--baby-blue {
    color: rgba(116, 199, 209, .8)!important
}

.text-color--cerulean {
    color: rgba(80, 150, 215, .8)!important
}

.text-color--mint {
    color: rgba(96, 196, 150, .8)!important
}

.text-color--gray {
    color: #9e9e9e
}

.text-color--white {
    color: #454546!important
}

.text-color--smooth-gray {
    color: #999!important
}

.getmdl-select .mdl-icon-toggle__label {
    color: #454546
}

.getmdl-select.is-focused i.material-icons {
    color: #00bcd4
}

.getmdl-select .mdl-menu__container {
    margin-top: -45px!important
}

.getmdl-select .mdl-menu__outline {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2)
}

.getmdl-select .mdl-textfield__input {
    cursor: pointer
}

.getmdl-select .mdl-menu .mdl-menu__item,
.mdl-textfield input,
.mdl-textfield textarea {
    color: #454546;
    font-size: 16px;
    font-weight: 300
}

.mdl-textfield.is-focused input,
.mdl-textfield.is-focused textarea {
    font-weight: 400
}

.mdl-textfield.is-disabled input {
    border-bottom-width: 2px!important
}

.mdl-textfield:not(.is-focused) .mdl-textfield__label,
.mdl-textfield:not(.mdl-textfield--floating-label) .mdl-textfield__label {
    color: #666!important
}

.mdl-textfield:not(.is-focused):not(.is-dirty) .mdl-textfield__label {
    font-size: 14px!important
}

h5.mdl-card__title-text {
    font-size: 20px
}

hr {
    border-color: rgba(255, 255, 255, .1)
}

form.form--basic .mdl-textfield__label {
    font-size: 14px
}

.profile-image {
    width: 80px;
    height: 80px;
    overflow: hidden;
    margin-top: 5px
}

.profile-image.profile-image--round {
    border-radius: 50%
}

.login,
.not-found {
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 14px
}

.login .mdl-button,
.not-found .mdl-button {
    font-weight: 500
}

.login .mdl-card__login.mdl-card,
.login .mdl-card__not-found.mdl-card,
.not-found .mdl-card__login.mdl-card,
.not-found .mdl-card__not-found.mdl-card {
    max-width: 450px;
    margin: auto;
    height: auto
}

.login .mdl-card__login.mdl-card .mdl-card__supporting-text,
.login .mdl-card__not-found.mdl-card .mdl-card__supporting-text,
.not-found .mdl-card__login.mdl-card .mdl-card__supporting-text,
.not-found .mdl-card__not-found.mdl-card .mdl-card__supporting-text {
    min-height: inherit;
    width: 100%;
    padding: 32px 24px;
    box-sizing: border-box
}

.login .mdl-card__login.mdl-card .mdl-card__supporting-text .mdl-card__title-text,
.login .mdl-card__not-found.mdl-card .mdl-card__supporting-text .mdl-card__title-text,
.not-found .mdl-card__login.mdl-card .mdl-card__supporting-text .mdl-card__title-text,
.not-found .mdl-card__not-found.mdl-card .mdl-card__supporting-text .mdl-card__title-text {
    font-size: 17px;
    font-weight: 700
}

.login .mdl-card__login.mdl-card .mdl-card__supporting-text .login-name,
.login .mdl-card__not-found.mdl-card .mdl-card__supporting-text .login-name,
.not-found .mdl-card__login.mdl-card .mdl-card__supporting-text .login-name,
.not-found .mdl-card__not-found.mdl-card .mdl-card__supporting-text .login-name {
    font-size: 24px;
    display: block;
    padding: 0 0 8px
}

.login .mdl-card__login.mdl-card .mdl-card__supporting-text .login-link,
.login .mdl-card__not-found.mdl-card .mdl-card__supporting-text .login-link,
.not-found .mdl-card__login.mdl-card .mdl-card__supporting-text .login-link,
.not-found .mdl-card__not-found.mdl-card .mdl-card__supporting-text .login-link {
    padding: 12px 0
}

.login .mdl-card__login.mdl-card .mdl-card__supporting-text .login-link,
.login .mdl-card__login.mdl-card .mdl-card__supporting-text .login-link *,
.login .mdl-card__not-found.mdl-card .mdl-card__supporting-text .login-link,
.login .mdl-card__not-found.mdl-card .mdl-card__supporting-text .login-link *,
.not-found .mdl-card__login.mdl-card .mdl-card__supporting-text .login-link,
.not-found .mdl-card__login.mdl-card .mdl-card__supporting-text .login-link *,
.not-found .mdl-card__not-found.mdl-card .mdl-card__supporting-text .login-link,
.not-found .mdl-card__not-found.mdl-card .mdl-card__supporting-text .login-link * {
    display: inline-block;
    font-size: 14px;
    font-weight: inherit;
    color: #ddd
}

.login .mdl-card__login.mdl-card .mdl-card__supporting-text .underlined,
.login .mdl-card__not-found.mdl-card .mdl-card__supporting-text .underlined,
.not-found .mdl-card__login.mdl-card .mdl-card__supporting-text .underlined,
.not-found .mdl-card__not-found.mdl-card .mdl-card__supporting-text .underlined {
    display: inline-block;
    border-bottom: 1px solid #00bcd4
}

.login .mdl-card__login.mdl-card .mdl-card__supporting-text .checkbox--inline,
.login .mdl-card__not-found.mdl-card .mdl-card__supporting-text .checkbox--inline,
.not-found .mdl-card__login.mdl-card .mdl-card__supporting-text .checkbox--inline,
.not-found .mdl-card__not-found.mdl-card .mdl-card__supporting-text .checkbox--inline {
    display: inline;
    padding-top: 4px;
    padding-left: 35px
}

.login .mdl-card__login.mdl-card .mdl-card__supporting-text .submit-cell,
.login .mdl-card__not-found.mdl-card .mdl-card__supporting-text .submit-cell,
.not-found .mdl-card__login.mdl-card .mdl-card__supporting-text .submit-cell,
.not-found .mdl-card__not-found.mdl-card .mdl-card__supporting-text .submit-cell {
    display: flex
}

.login .mdl-card__login.mdl-card .mdl-card__supporting-text .text--huge,
.login .mdl-card__not-found.mdl-card .mdl-card__supporting-text .text--huge,
.not-found .mdl-card__login.mdl-card .mdl-card__supporting-text .text--huge,
.not-found .mdl-card__not-found.mdl-card .mdl-card__supporting-text .text--huge {
    font-size: 120px;
    font-weight: 700;
    display: inline-block;
    padding: 100px 0 40px
}

.login .mdl-card__login.mdl-card .mdl-card__supporting-text .text--sorry,
.login .mdl-card__not-found.mdl-card .mdl-card__supporting-text .text--sorry,
.not-found .mdl-card__login.mdl-card .mdl-card__supporting-text .text--sorry,
.not-found .mdl-card__not-found.mdl-card .mdl-card__supporting-text .text--sorry {
    font-size: 28px;
    font-weight: 300
}

.login .mdl-card__login.mdl-card .mdl-card__supporting-text .alignment--bottom-right,
.login .mdl-card__not-found.mdl-card .mdl-card__supporting-text .alignment--bottom-right,
.not-found .mdl-card__login.mdl-card .mdl-card__supporting-text .alignment--bottom-right,
.not-found .mdl-card__not-found.mdl-card .mdl-card__supporting-text .alignment--bottom-right {
    position: absolute;
    bottom: 39px;
    right: 46px
}

.login .mdl-layout__content,
.not-found .mdl-layout__content {
    padding: 16px;
    display: flex
}

.not-found .mdl-layout__content {
    background-image: url(../images/404.svg)
}

.not-found .mdl-layout__content .mdl-cell {
    margin: 8px
}




.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-lg-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333%;
  }
  .offset-lg-2 {
    margin-left: 16.66667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333%;
  }
  .offset-lg-5 {
    margin-left: 41.66667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333%;
  }
  .offset-lg-8 {
    margin-left: 66.66667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333%;
  }
  .offset-lg-11 {
    margin-left: 91.66667%;
  }
}


.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}

.sidemenu__logo_small_breakpoint{
    display: none;
    border: 2px solid red;
}

.fa .fa-bars{
    display: none;
    border: 2px solid red;
}