@charset "UTF-8";
/*! * ACS * Copyright -2020 ZHORA Studio | studio@zhora.org | https://studio.zhora.org * */
html{
    color:rgba(0,0,0,.87)
}
::-moz-selection{
    background:#b3d4fc;
    text-shadow:none
}
::selection{
    background:#b3d4fc;
    text-shadow:none
}
hr{
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #ccc;
    margin:1em 0;
    padding:0
}
audio,canvas,iframe,img,svg,video{
    vertical-align:middle
}
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
}
.invisible{
    visibility:hidden
}
.clearfix:after,.clearfix:before{
    content:" ";
    display:table
}
.clearfix:after{
    clear:both
}
@media print{
    *,: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;
        page-break-inside:avoid
    }
    thead{
        display:table-header-group
    }
    img,tr{
        page-break-inside:avoid
    }
    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{
    width:100%;
    height:100%;
    touch-action:manipulation
}
body{
    width:100%;
    min-height:100%
}
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{
    padding:0
}
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;
    line-height:1.35;
    letter-spacing:-.02em;
    margin:24px 0
}
h1,h2{
    font-family:Roboto,Helvetica,Arial,sans-serif;
    font-weight:400
}
h2{
    font-size:45px;
    line-height:48px
}
h2,h3{
    margin:24px 0
}
h3{
    font-size:34px;
    line-height:40px
}
h3,h4{
    font-family:Roboto,Helvetica,Arial,sans-serif;
    font-weight:400
}
h4{
    font-size:24px;
    line-height:32px;
    -moz-osx-font-smoothing:grayscale;
    margin:24px 0 16px
}
h5{
    font-size:20px;
    font-weight:500;
    line-height:1;
    letter-spacing:.02em
}
h5,h6{
    font-family:Roboto,Helvetica,Arial,sans-serif;
    margin:24px 0 16px
}
h6{
    font-size:16px;
    letter-spacing:.04em
}
h6,p{
    font-weight:400;
    line-height:24px
}
p{
    font-size:14px;
    letter-spacing:0;
    margin:0 0 16px
}
a{
    color:#448aff;
    font-weight:500
}
blockquote{
    font-family:Roboto,Helvetica,Arial,sans-serif;
    position:relative;
    font-size:24px;
    font-weight:300;
    font-style:italic;
    line-height:1.35;
    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{
    font-size:12px;
    line-height:1;
    font-style:normal
}
address,ol,ul{
    font-weight:400;
    letter-spacing:0
}
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;
    font-weight:300;
    line-height:1;
    letter-spacing:-.04em
}
.mdl-typography--display-4-color-contrast{
    opacity:.54
}
.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-3-color-contrast{
    opacity:.54
}
.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-2-color-contrast{
    opacity:.54
}
.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--display-1-color-contrast{
    opacity:.54
}
.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;
    line-height:24px;
    letter-spacing:.04em
}
.mdl-typography--subhead-color-contrast{
    opacity:.87
}
.mdl-typography--body-2,.mdl-typography--body-2-color-contrast{
    font-size:14px;
    font-weight:700;
    line-height:24px;
    letter-spacing:0
}
.mdl-typography--body-2-color-contrast{
    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;
    line-height:24px;
    letter-spacing:0
}
.mdl-typography--body-2-force-preferred-font-color-contrast{
    opacity:.87
}
.mdl-typography--body-1-force-preferred-font,.mdl-typography--body-1-force-preferred-font-color-contrast{
    font-family:Roboto,Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:24px;
    letter-spacing:0
}
.mdl-typography--body-1-force-preferred-font-color-contrast{
    opacity:.87
}
.mdl-typography--caption,.mdl-typography--caption-force-preferred-font{
    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
}
.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-force-preferred-font-color-contrast,.mdl-typography--menu{
    font-family:Roboto,Helvetica,Arial,sans-serif
}
.mdl-typography--menu{
    font-size:14px;
    font-weight:500;
    line-height:1;
    letter-spacing:0
}
.mdl-typography--menu-color-contrast{
    opacity:.87
}
.mdl-typography--button,.mdl-typography--button-color-contrast,.mdl-typography--menu-color-contrast{
    font-family:Roboto,Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:500;
    line-height:1;
    letter-spacing:0
}
.mdl-typography--button,.mdl-typography--button-color-contrast{
    text-transform:uppercase
}
.mdl-typography--button-color-contrast{
    opacity:.87
}
.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-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-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:#fffde7!important
}
.mdl-color--yellow-50{
    background-color:#fffde7!important
}
.mdl-color-text--yellow-100{
    color:#fff9c4!important
}
.mdl-color--yellow-100{
    background-color:#fff9c4!important
}
.mdl-color-text--yellow-200{
    color:#fff59d!important
}
.mdl-color--yellow-200{
    background-color:#fff59d!important
}
.mdl-color-text--yellow-300{
    color:#fff176!important
}
.mdl-color--yellow-300{
    background-color:#fff176!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:#ffff8d!important
}
.mdl-color--yellow-A100{
    background-color:#ffff8d!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:#fff8e1!important
}
.mdl-color--amber-50{
    background-color:#fff8e1!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:#fff3e0!important
}
.mdl-color--orange-50{
    background-color:#fff3e0!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:#006eb5!important
}
.mdl-color--blue-grey-800{
    background-color:#006eb5!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:#fff!important
}
.mdl-color-text--white{
    color:#fff!important
}
.mdl-color--primary{
    background-color:#607d8b!important
}
.mdl-color--primary-contrast{
    background-color:#fff!important
}
.mdl-color--primary-dark{
    background-color:#455a64!important
}
.mdl-color--accent{
    background-color:#448aff!important
}
.mdl-color--accent-contrast{
    background-color:#fff!important
}
.mdl-color-text--primary{
    color:#607d8b!important
}
.mdl-color-text--primary-contrast{
    color:#fff!important
}
.mdl-color-text--primary-dark{
    color:#455a64!important
}
.mdl-color-text--accent{
    color:#448aff!important
}
.mdl-color-text--accent-contrast{
    color:#fff!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-family:Roboto,Helvetica,Arial,sans-serif;
    font-weight:600;
    font-size:12px;
    width:22px;
    height:22px;
    border-radius:50%;
    background:#448aff;
    color:#fff
}
.mdl-button .mdl-badge[data-badge]:after{
    top:-10px;
    right:-5px
}
.mdl-badge.mdl-badge--no-background[data-badge]:after{
    color:#448aff;
    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:#000;
    position:relative;
    height:36px;
    margin:0;
    min-width:64px;
    padding:0 16px;
    display:inline-block;
    font-family:Roboto,Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:500;
    text-transform:uppercase;
    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;
    vertical-align:middle
}
.mdl-button::-moz-focus-inner{
    border:0
}
.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:#607d8b
}
.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:#607d8b;
    color:#fff
}
.mdl-button--raised.mdl-button--colored:hover{
    background-color:#607d8b
}
.mdl-button--raised.mdl-button--colored:active{
    background-color:#607d8b
}
.mdl-button--raised.mdl-button--colored:focus:not(:active){
    background-color:#607d8b
}
.mdl-button--raised.mdl-button--colored .mdl-ripple{
    background:#fff
}
.mdl-button--fab{
    border-radius:50%;
    font-size:24px;
    height:56px;
    margin:auto;
    min-width:56px;
    width:56px;
    padding:0;
    overflow:hidden;
    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,#fff,#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:#448aff;
    color:#fff
}
.mdl-button--fab.mdl-button--colored:hover{
    background-color:#448aff
}
.mdl-button--fab.mdl-button--colored:focus:not(:active){
    background-color:#448aff
}
.mdl-button--fab.mdl-button--colored:active{
    background-color:#448aff
}
.mdl-button--fab.mdl-button--colored .mdl-ripple{
    background:#fff
}
.mdl-button--icon{
    border-radius:50%;
    font-size:24px;
    height:32px;
    margin-left:0;
    margin-right:0;
    min-width:32px;
    width:32px;
    padding:0;
    overflow:hidden;
    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,#fff,#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:#607d8b
}
.mdl-button--primary.mdl-button--primary .mdl-ripple{
    background:#fff
}
.mdl-button--primary.mdl-button--primary.mdl-button--fab,.mdl-button--primary.mdl-button--primary.mdl-button--raised{
    color:#fff;
    background-color:#607d8b
}
.mdl-button--accent.mdl-button--accent{
    color:#448aff
}
.mdl-button--accent.mdl-button--accent .mdl-ripple{
    background:#fff
}
.mdl-button--accent.mdl-button--accent.mdl-button--fab,.mdl-button--accent.mdl-button--accent.mdl-button--raised{
    color:#fff;
    background-color:#448aff
}
.mdl-button.mdl-button--disabled.mdl-button--disabled,.mdl-button[disabled][disabled]{
    color:rgba(0,0,0,.26);
    cursor:default;
    background-color:transparent
}
.mdl-button--fab.mdl-button--disabled.mdl-button--disabled,.mdl-button--fab[disabled][disabled]{
    background-color:rgba(0,0,0,.12);
    color:rgba(0,0,0,.26)
}
.mdl-button--raised.mdl-button--disabled.mdl-button--disabled,.mdl-button--raised[disabled][disabled]{
    background-color:rgba(0,0,0,.12);
    color:rgba(0,0,0,.26);
    box-shadow:none
}
.mdl-button--colored.mdl-button--disabled.mdl-button--disabled,.mdl-button--colored[disabled][disabled]{
    color:rgba(0,0,0,.26)
}
.mdl-button .material-icons{
    vertical-align:middle
}
.mdl-card{
    display:flex;
    flex-direction:column;
    font-size:16px;
    font-weight:400;
    min-height:200px;
    overflow:hidden;
    width:330px;
    z-index:1;
    position:relative;
    background:#fff;
    border-radius:2px;
    box-sizing:border-box
}
.mdl-card__media{
    background-color:#448aff;
    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:#000;
    display:block;
    display:flex;
    justify-content:stretch;
    line-height:normal;
    padding:16px;
    perspective-origin:165px 56px;
    transform-origin:165px 56px;
    box-sizing:border-box
}
.mdl-card__title.mdl-card--border{
    border-bottom:1px solid rgba(0,0,0,.1)
}
.mdl-card__title-text{
    align-self:flex-end;
    color:inherit;
    display:block;
    display:flex;
    font-size:24px;
    font-weight:300;
    line-height:normal;
    overflow:hidden;
    transform-origin:149px 48px;
    margin:0
}
.mdl-card__subtitle-text{
    font-size:14px;
    color:rgba(0,0,0,.54);
    margin:0
}
.mdl-card__supporting-text{
    color:rgba(0,0,0,.54);
    font-size:1rem;
    line-height:18px;
    overflow:hidden;
    padding:16px;
    width:90%
}
.mdl-card__supporting-text.mdl-card--border{
    border-bottom:1px solid rgba(0,0,0,.1)
}
.mdl-card__actions{
    font-size:16px;
    line-height:normal;
    width:100%;
    background-color:transparent;
    padding:8px;
    box-sizing:border-box
}
.mdl-card__actions.mdl-card--border{
    border-top:1px solid rgba(0,0,0,.1)
}
.mdl-card--expand{
    flex-grow:1
}
.mdl-card__menu{
    position:absolute;
    right:16px;
    top:16px
}
.mdl-checkbox{
    position:relative;
    z-index:1;
    vertical-align:middle;
    display:inline-block;
    box-sizing:border-box;
    width:100%;
    height:24px;
    margin:0;
    padding:0
}
.mdl-checkbox.is-upgraded{
    padding-left:24px
}
.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{
    position:absolute;
    top:3px;
    left:0;
    display:inline-block;
    box-sizing:border-box;
    width:16px;
    height:16px;
    margin:0;
    cursor:pointer;
    overflow:hidden;
    border:2px solid rgba(0,0,0,.54);
    border-radius:2px;
    z-index:2
}
.mdl-checkbox.is-checked .mdl-checkbox__box-outline{
    border:2px solid #607d8b
}
.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{
    position:absolute;
    top:3px;
    left:0;
    display:inline-block;
    box-sizing:border-box;
    width:16px;
    height:16px;
    border-radius:50%;
    background-color:transparent
}
.mdl-checkbox.is-focused .mdl-checkbox__focus-helper{
    box-shadow:0 0 0 8px 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 8px rgba(96,125,139,.26);
    background-color:rgba(96,125,139,.26)
}
.mdl-checkbox__tick-outline{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    -webkit-mask:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==);
    mask:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==);
    background:0 0;
    transition-duration:.28s;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-property:background
}
.mdl-checkbox.is-checked .mdl-checkbox__tick-outline{
    background:#607d8b url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K)
}
.mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline,fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline{
    background:rgba(0,0,0,.26) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K)
}
.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;
    z-index:2;
    top:-6px;
    left:-10px;
    box-sizing:border-box;
    width:36px;
    height:36px;
    border-radius:50%;
    cursor:pointer;
    overflow:hidden;
    -webkit-mask-image:-webkit-radial-gradient(circle,#fff,#000)
}
.mdl-checkbox__ripple-container .mdl-ripple{
    background:#607d8b
}
.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;
    font-family:Roboto,Helvetica,Arial,sans-serif;
    line-height:32px;
    padding:0 12px;
    border:0;
    border-radius:16px;
    background-color:#dedede;
    display:inline-block;
    color:rgba(0,0,0,.87);
    margin:2px 0;
    font-size:0;
    white-space:nowrap
}
.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;
    padding:0;
    margin:0 0 0 4px;
    font-size:13px;
    text-decoration:none;
    color:rgba(0,0,0,.87);
    border:none;
    outline:0
}
.mdl-chip__action,.mdl-chip__contact{
    display:inline-block;
    vertical-align:middle;
    overflow:hidden;
    text-align:center
}
.mdl-chip__contact{
    height:32px;
    width:32px;
    border-radius:16px;
    margin-right:8px;
    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:1px solid rgba(0,0,0,.12);
    border-collapse:collapse;
    white-space:nowrap;
    font-size:13px;
    background-color:#fff
}
.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-duration:.28s;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-property:background-color
}
.mdl-data-table tbody tr.is-selected{
    background-color:#e0e0e0
}
.mdl-data-table tbody tr:hover{
    background-color:#eee
}
.mdl-data-table td{
    text-align:right
}
.mdl-data-table th{
    padding:0 18px 12px 18px;
    text-align:right
}
.mdl-data-table td:first-of-type,.mdl-data-table th:first-of-type{
    padding-left:24px
}
.mdl-data-table td:last-of-type,.mdl-data-table th:last-of-type{
    padding-right:24px
}
.mdl-data-table td{
    position:relative;
    height:48px;
    border-top:1px solid rgba(0,0,0,.12);
    border-bottom:1px solid rgba(0,0,0,.12);
    padding:12px 18px;
    box-sizing:border-box
}
.mdl-data-table td,.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:12px;
    color:rgba(0,0,0,.54);
    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
}
.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-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(0,0,0,.54)
}
.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-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;
    padding:0;
    margin:0 0 32px
}
.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
}
@media screen and (min-width:760px){
    .mdl-mega-footer--heading-checkbox,.mdl-mega-footer__heading-checkbox{
        display:none
    }
    .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{
        content:''
    }
    .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-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{
        content:''
    }
}
.mdl-mega-footer--bottom-section,.mdl-mega-footer__bottom-section{
    padding-top:16px;
    margin-bottom:16px
}
.mdl-logo{
    margin-bottom:16px;
    color:#fff
}
.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-logo{
        float:left;
        margin-bottom:0;
        margin-right:16px
    }
}
.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
}
@media screen and (min-width:760px){
    .mdl-mini-footer--link-list li,.mdl-mini-footer__link-list li{
        line-height:36px
    }
}
.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;
    vertical-align:middle;
    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:#607d8b
}
.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(96,125,139,.26)
}
.mdl-icon-toggle__ripple-container{
    position:absolute;
    z-index:2;
    top:-2px;
    left:-2px;
    box-sizing:border-box;
    width:36px;
    height:36px;
    border-radius:50%;
    cursor:pointer;
    overflow:hidden;
    -webkit-mask-image:-webkit-radial-gradient(circle,#fff,#000)
}
.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:8px 0;
    list-style:none
}
.mdl-list__item{
    font-family:Roboto,Helvetica,Arial,sans-serif;
    font-size:16px;
    font-weight:400;
    letter-spacing:.04em;
    line-height:1;
    min-height:48px;
    flex-direction:row;
    flex-wrap:nowrap;
    padding:16px;
    cursor:default;
    color:rgba(0,0,0,.87);
    overflow:hidden
}
.mdl-list__item,.mdl-list__item .mdl-list__item-primary-content{
    box-sizing:border-box;
    display:flex;
    align-items:center
}
.mdl-list__item .mdl-list__item-primary-content{
    order:0;
    flex-grow:2;
    text-decoration:none
}
.mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon{
    margin-right:32px
}
.mdl-list__item .mdl-list__item-primary-content .mdl-list__item-avatar{
    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(0,0,0,.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:#757575
}
.mdl-list__item-avatar,.mdl-list__item-avatar.material-icons{
    height:40px;
    width:40px;
    box-sizing:border-box;
    border-radius:50%;
    background-color:#757575;
    font-size:40px;
    color:#fff
}
.mdl-list__item--two-line{
    height:72px
}
.mdl-list__item--two-line .mdl-list__item-primary-content{
    height:36px;
    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:6px
}
.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-secondary-content{
    height:36px
}
.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(0,0,0,.54);
    display:block;
    padding:0
}
.mdl-list__item--three-line{
    height:88px
}
.mdl-list__item--three-line .mdl-list__item-primary-content{
    height:52px;
    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:52px
}
.mdl-list__item--three-line .mdl-list__item-text-body{
    font-size:14px;
    font-weight:400;
    letter-spacing:0;
    line-height:18px;
    height:52px;
    color:rgba(0,0,0,.54);
    display:block;
    padding:0
}
.mdl-menu__container{
    display:block;
    margin:0;
    padding:0;
    border:none;
    position:absolute;
    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{
    display:block;
    background:#fff;
    margin:0;
    padding:0;
    border:none;
    border-radius:2px;
    position:absolute;
    top:0;
    left:0;
    overflow:hidden;
    opacity:0;
    transform:scale(0);
    transform-origin:0 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);
    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__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);
    background-color:transparent;
    text-align:left;
    margin:0;
    padding:0 16px;
    outline-color:#bdbdbd;
    position:relative;
    overflow:hidden;
    font-size:14px;
    font-weight:400;
    letter-spacing:0;
    text-decoration:none;
    cursor:pointer;
    height:48px;
    line-height:48px;
    white-space:nowrap;
    opacity:0;
    transition:opacity .2s cubic-bezier(.4,0,.2,1);
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.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]:hover,.mdl-menu__item[disabled]:hover{
    background-color:transparent
}
.mdl-menu__item[data-mdl-disabled]:focus,.mdl-menu__item[disabled]:focus{
    background-color:transparent
}
.mdl-menu__item[data-mdl-disabled] .mdl-ripple,.mdl-menu__item[disabled] .mdl-ripple{
    background:0 0
}
.mdl-menu__item:hover{
    background-color:#eee
}
.mdl-menu__item:focus{
    outline:0;
    background-color:#eee
}
.mdl-menu__item:active{
    background-color:#e0e0e0
}
.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;
    width:500px;
    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-progress>.progressbar{
    background-color:#607d8b;
    z-index:1;
    left:0
}
.mdl-progress>.bufferbar{
    background-image:linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,.7)),linear-gradient(to right,#607d8b,#607d8b);
    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,.7),rgba(255,255,255,.7)),linear-gradient(to right,#607d8b,#607d8b);
        -webkit-mask:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=);
        mask:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=)
    }
}
.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,#607d8b,#607d8b)
}
.mdl-progress.mdl-progress--indeterminate>.bar1,.mdl-progress.mdl-progress__indeterminate>.bar1{
    -webkit-animation-name:indeterminate1;
    animation-name:indeterminate1
}
.mdl-progress.mdl-progress--indeterminate>.bar1,.mdl-progress.mdl-progress--indeterminate>.bar3,.mdl-progress.mdl-progress__indeterminate>.bar1,.mdl-progress.mdl-progress__indeterminate>.bar3{
    background-color:#607d8b;
    -webkit-animation-duration:2s;
    animation-duration:2s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear
}
.mdl-progress.mdl-progress--indeterminate>.bar3,.mdl-progress.mdl-progress__indeterminate>.bar3{
    background-image:none;
    -webkit-animation-name:indeterminate2;
    animation-name:indeterminate2
}
@-webkit-keyframes indeterminate1{
    0%{
        left:0;
        width:0%
    }
    50%{
        left:25%;
        width:75%
    }
    75%{
        left:100%;
        width:0%
    }
}
@keyframes indeterminate1{
    0%{
        left:0;
        width:0%
    }
    50%{
        left:25%;
        width:75%
    }
    75%{
        left:100%;
        width:0%
    }
}
@-webkit-keyframes indeterminate2{
    0%,50%{
        left:0;
        width:0%
    }
    75%{
        left:0;
        width:25%
    }
    100%{
        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;
    font-size:14px;
    font-weight:400;
    line-height:24px;
    letter-spacing:0;
    opacity:.87
}
.mdl-navigation__link .material-icons{
    vertical-align:middle
}
.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{
    display:none
}
.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-family:Roboto,Helvetica,Arial,sans-serif;
    font-size:20px;
    line-height:1;
    letter-spacing:.02em;
    font-weight:400;
    box-sizing:border-box
}
.mdl-layout-spacer{
    flex-grow:1
}
.mdl-layout__drawer{
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    width:240px;
    height:100%;
    max-height:100%;
    position:absolute;
    top:0;
    left: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);
    box-sizing:border-box;
    border-right:1px solid #e0e0e0;
    background:#fafafa;
    transform:translateX(-250px);
    transform-style:preserve-3d;
    will-change:transform;
    transition-duration:.2s;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    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:40px
}
@media screen and (max-width:1024px){
    .mdl-layout__drawer>.mdl-layout-title,.mdl-layout__drawer>.mdl-layout__title{
        line-height:56px;
        padding-left:16px
    }
}
.mdl-layout__drawer .mdl-navigation{
    flex-direction:column;
    align-items:stretch;
    padding-top:16px
}
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link{
    display:block;
    flex-shrink:0;
    padding:16px 40px;
    margin:0;
    color:#757575
}
@media screen and (max-width:1024px){
    .mdl-layout__drawer .mdl-navigation .mdl-navigation__link{
        padding:16px
    }
}
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover{
    background-color:#e0e0e0
}
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current{
    background-color:#e0e0e0;
    color:#000
}
@media screen and (min-width:1025px){
    .mdl-layout--fixed-drawer>.mdl-layout__drawer{
        transform:translateX(0)
    }
}
.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:#fff;
    z-index:4
}
.mdl-layout__header .mdl-layout__drawer-button{
    position:absolute;
    color:#fff;
    background-color:inherit
}
@media screen and (max-width:1024px){
    .mdl-layout__header .mdl-layout__drawer-button{
        margin:4px
    }
}
@media screen and (max-width:1024px){
    .mdl-layout__drawer-button{
        margin:4px;
        color:rgba(0,0,0,.5)
    }
}
@media screen and (min-width:1025px){
    .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;
    width:100%;
    margin:0;
    padding:0;
    border:none;
    min-height:64px;
    max-height:1000px;
    z-index:3;
    background-color:#607d8b;
    color:#fff;
    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:.2s;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-property:max-height,box-shadow
}
@media screen and (max-width:1024px){
    .mdl-layout__header{
        min-height:56px
    }
}
.mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen)>.mdl-layout__header{
    margin-left:240px;
    width:calc(100% - 240px)
}
@media screen and (min-width:1025px){
    .mdl-layout--fixed-drawer>.mdl-layout__header .mdl-layout__header-row{
        padding-left:40px
    }
}
.mdl-layout__header>.mdl-layout-icon{
    position:absolute;
    left:40px;
    top:16px;
    height:32px;
    width:32px;
    overflow:hidden;
    z-index:3;
    display:block
}
@media screen and (max-width:1024px){
    .mdl-layout__header>.mdl-layout-icon{
        left:16px;
        top:12px
    }
}
.mdl-layout.has-drawer .mdl-layout__header>.mdl-layout-icon{
    display:none
}
.mdl-layout__header.is-compact{
    max-height:64px
}
@media screen and (max-width:1024px){
    .mdl-layout__header.is-compact{
        max-height:56px
    }
}
.mdl-layout__header.is-compact.has-tabs{
    height:112px
}
@media screen and (max-width:1024px){
    .mdl-layout__header.is-compact.has-tabs{
        min-height:104px
    }
}
@media screen and (max-width:1024px){
    .mdl-layout__header{
        display:none
    }
    .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 40px 0 80px
}
.mdl-layout--no-drawer-button .mdl-layout__header-row{
    padding-left:40px
}
@media screen and (min-width:1025px){
    .mdl-layout--no-desktop-drawer-button .mdl-layout__header-row{
        padding-left:40px
    }
}
@media screen and (max-width:1024px){
    .mdl-layout__header-row{
        height:56px;
        padding:0 16px 0 72px
    }
    .mdl-layout--no-drawer-button .mdl-layout__header-row{
        padding-left:16px
    }
}
.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
}
@media screen and (max-width:1024px){
    .mdl-layout__header-row .mdl-navigation{
        height:56px
    }
}
.mdl-layout__header-row .mdl-navigation__link{
    display:block;
    color:#fff;
    line-height:64px;
    padding:0 24px
}
@media screen and (max-width:1024px){
    .mdl-layout__header-row .mdl-navigation__link{
        line-height:56px;
        padding:0 16px
    }
}
.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;
    transition-duration:.2s;
    transition-timing-function:cubic-bezier(.4,0,.2,1)
}
.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:240px
}
.mdl-layout__container.has-scrolling-header .mdl-layout__content{
    overflow:visible
}
@media screen and (max-width:1024px){
    .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:#607d8b;
    overflow-y:hidden;
    overflow-x:scroll
}
.mdl-layout__tab-bar::-webkit-scrollbar{
    display:none
}
.mdl-layout--no-drawer-button .mdl-layout__tab-bar{
    padding-left:16px;
    width:calc(100% - 32px)
}
@media screen and (min-width:1025px){
    .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar{
        padding-left:16px;
        width:calc(100% - 32px)
    }
}
@media screen and (max-width:1024px){
    .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);
        padding-left:4px
    }
}
.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:#607d8b;
    color:transparent;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    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:16px
}
.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:-4px
}
@media screen and (max-width:1024px){
    .mdl-layout__tab-bar-button{
        width:60px
    }
}
.mdl-layout--fixed-tabs .mdl-layout__tab-bar-button{
    display:none
}
.mdl-layout__tab-bar-button .material-icons{
    line-height:48px
}
.mdl-layout__tab-bar-button.is-active{
    color:#fff
}
.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;
    line-height:48px;
    text-align:center;
    font-weight:500;
    font-size:14px;
    text-transform:uppercase;
    color:rgba(255,255,255,.6);
    overflow:hidden
}
@media screen and (max-width:1024px){
    .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:#fff
}
.mdl-layout.is-upgraded .mdl-layout__tab.is-active::after{
    height:2px;
    width:100%;
    display:block;
    content:" ";
    bottom:0;
    left:0;
    position:absolute;
    background:#448aff;
    -webkit-animation:border-expand .2s cubic-bezier(.4,0,.4,1) 10ms alternate forwards;
    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:#fff
}
.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{
    position:relative;
    font-size:16px;
    line-height:24px;
    display:inline-block;
    vertical-align:middle;
    box-sizing:border-box;
    height:24px;
    margin:0;
    padding-left:0
}
.mdl-radio.is-upgraded{
    padding-left:24px
}
.mdl-radio__button{
    line-height: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;
    display:inline-block;
    box-sizing:border-box;
    width:16px;
    height:16px;
    margin:0;
    cursor:pointer;
    border:2px solid rgba(0,0,0,.54);
    border-radius:50%;
    z-index:2
}
.mdl-radio.is-checked .mdl-radio__outer-circle{
    border:2px solid #607d8b
}
.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{
    position:absolute;
    z-index:1;
    margin:0;
    top:8px;
    left:4px;
    box-sizing:border-box;
    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);
    border-radius:50%;
    background:#607d8b
}
.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{
    position:absolute;
    z-index:2;
    top:-9px;
    left:-13px;
    box-sizing:border-box;
    width:42px;
    height:42px;
    border-radius:50%;
    cursor:pointer;
    overflow:hidden;
    -webkit-mask-image:-webkit-radial-gradient(circle,#fff,#000)
}
.mdl-radio__ripple-container .mdl-ripple{
    background:#607d8b
}
.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
}
_:-ms-input-placeholder,:root .mdl-slider.mdl-slider.is-upgraded{
    -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;
    -ms-user-select:none;
    user-select:none;
    outline:0;
    padding:0;
    color:#607d8b;
    -ms-grid-row-align:center;
    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,#607d8b 16px,#607d8b 0)
}
.mdl-slider.is-upgraded::-ms-fill-upper{
    padding:0;
    background:linear-gradient(to left,transparent,transparent 16px,rgba(0,0,0,.26) 16px,rgba(0,0,0,.26) 0)
}
.mdl-slider.is-upgraded::-webkit-slider-thumb{
    -webkit-appearance:none;
    width:12px;
    height:12px;
    box-sizing:border-box;
    border-radius:50%;
    background:#607d8b;
    border:none;
    -webkit-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);
    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-image:none;
    background:#607d8b;
    border:none
}
.mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb{
    box-shadow:0 0 0 10px rgba(96,125,139,.26)
}
.mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb{
    box-shadow:0 0 0 10px rgba(96,125,139,.26)
}
.mdl-slider.is-upgraded:active::-webkit-slider-thumb{
    background-image:none;
    background:#607d8b;
    transform:scale(1.5)
}
.mdl-slider.is-upgraded:active::-moz-range-thumb{
    background-image:none;
    background:#607d8b;
    transform:scale(1.5)
}
.mdl-slider.is-upgraded::-ms-thumb{
    width:32px;
    height:32px;
    border:none;
    border-radius:50%;
    background:#607d8b;
    transform:scale(.375);
    -ms-transition:transform .18s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1);
    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,#607d8b 0,#607d8b 37.5%,rgba(96,125,139,.26) 37.5%,rgba(96,125,139,.26) 100%);
    transform:scale(1)
}
.mdl-slider.is-upgraded:active::-ms-thumb{
    background:#607d8b;
    transform:scale(.5625)
}
.mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb{
    border:2px solid rgba(0,0,0,.26);
    background:0 0
}
.mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb{
    border:2px solid rgba(0,0,0,.26);
    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(0,0,0,.26);
    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(0,0,0,.26);
    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(0,0,0,.26) 66.67%,rgba(0,0,0,.26) 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(0,0,0,.26) 25%,rgba(0,0,0,.26) 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(0,0,0,.26) 77.78%,rgba(0,0,0,.26) 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(0,0,0,.26)
}
.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(0,0,0,.26)
}
.mdl-slider.is-upgraded:disabled+.mdl-slider__background-flex>.mdl-slider__background-lower{
    background-color:rgba(0,0,0,.26);
    left:-6px
}
.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(0,0,0,.26);
    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(0,0,0,.26);
    background:0 0;
    transform:scale(.667)
}
.mdl-slider.is-upgraded.is-lowest-value:disabled:active+.mdl-slider__background-flex>.mdl-slider__background-upper{
    left:6px
}
.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(0,0,0,.26)
}
.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(0,0,0,.26) 50%,rgba(0,0,0,.26) 100%)
}
.mdl-slider.is-upgraded:disabled::-ms-fill-lower{
    margin-right:6px;
    background:linear-gradient(to right,transparent,transparent 25px,rgba(0,0,0,.26) 25px,rgba(0,0,0,.26) 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;
    flex-direction:row
}
.mdl-slider__background-flex,.mdl-slider__container{
    background:0 0;
    display:flex
}
.mdl-slider__background-flex{
    position:absolute;
    height:2px;
    width:calc(100% - 52px);
    top:50%;
    left:0;
    margin:0 26px;
    overflow:hidden;
    border:0;
    padding:0;
    transform:translate(0,-1px)
}
.mdl-slider__background-lower{
    background:#607d8b
}
.mdl-slider__background-lower,.mdl-slider__background-upper{
    flex:0;
    position:relative;
    border:0;
    padding:0
}
.mdl-slider__background-upper{
    background:rgba(0,0,0,.26);
    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;
    font-family:Roboto,Helvetica,Arial,sans-serif;
    will-change:transform;
    transform:translate(0,80px);
    transition:transform .25s cubic-bezier(.4,0,1,1);
    pointer-events:none
}
@media (max-width:479px){
    .mdl-snackbar{
        width:100%;
        left:0;
        min-height:48px;
        max-height:80px
    }
}
@media (min-width:480px){
    .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:480px){
    .mdl-snackbar--active{
        transform:translate(-50%,0)
    }
}
.mdl-snackbar__text{
    padding:14px 12px 14px 24px;
    vertical-align:middle;
    color:#fff;
    float:left
}
.mdl-snackbar__action{
    background:0 0;
    border:none;
    color:#448aff;
    float:right;
    padding:14px 24px 14px 12px;
    font-family:Roboto,Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:500;
    text-transform:uppercase;
    line-height:1;
    letter-spacing:0;
    overflow:hidden;
    outline:0;
    opacity:0;
    pointer-events:none;
    cursor:pointer;
    text-decoration:none;
    text-align:center;
    -ms-grid-row-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{
    -webkit-animation:mdl-spinner__container-rotate 1.568s linear infinite;
    animation:mdl-spinner__container-rotate 1.568s linear infinite
}
@-webkit-keyframes mdl-spinner__container-rotate{
    to{
        transform:rotate(360deg)
    }
}
@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:#607d8b
}
.mdl-spinner.is-active .mdl-spinner__layer-1{
    -webkit-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;
    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:#607d8b
}
.mdl-spinner.is-active .mdl-spinner__layer-2{
    -webkit-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;
    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:#607d8b
}
.mdl-spinner.is-active .mdl-spinner__layer-3{
    -webkit-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;
    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:#607d8b
}
.mdl-spinner.is-active .mdl-spinner__layer-4{
    -webkit-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;
    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
}
@-webkit-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__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)
    }
}
@-webkit-keyframes mdl-spinner__layer-1-fade-in-out{
    25%,from{
        opacity:.99
    }
    26%,89%{
        opacity:0
    }
    100%,90%{
        opacity:.99
    }
}
@keyframes mdl-spinner__layer-1-fade-in-out{
    25%,from{
        opacity:.99
    }
    26%,89%{
        opacity:0
    }
    100%,90%{
        opacity:.99
    }
}
@-webkit-keyframes mdl-spinner__layer-2-fade-in-out{
    15%,from{
        opacity:0
    }
    25%,50%{
        opacity:.99
    }
    51%{
        opacity:0
    }
}
@keyframes mdl-spinner__layer-2-fade-in-out{
    15%,from{
        opacity:0
    }
    25%,50%{
        opacity:.99
    }
    51%{
        opacity:0
    }
}
@-webkit-keyframes mdl-spinner__layer-3-fade-in-out{
    40%,from{
        opacity:0
    }
    50%,75%{
        opacity:.99
    }
    76%{
        opacity:0
    }
}
@keyframes mdl-spinner__layer-3-fade-in-out{
    40%,from{
        opacity:0
    }
    50%,75%{
        opacity:.99
    }
    76%{
        opacity:0
    }
}
@-webkit-keyframes mdl-spinner__layer-4-fade-in-out{
    65%,from{
        opacity:0
    }
    75%,90%{
        opacity:.99
    }
    100%{
        opacity:0
    }
}
@keyframes mdl-spinner__layer-4-fade-in-out{
    65%,from{
        opacity:0
    }
    75%,90%{
        opacity:.99
    }
    100%{
        opacity:0
    }
}
.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%;
    -webkit-animation:none;
    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{
    -webkit-animation:mdl-spinner__left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;
    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{
    -webkit-animation:mdl-spinner__right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;
    animation:mdl-spinner__right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both
}
@-webkit-keyframes mdl-spinner__left-spin{
    from{
        transform:rotate(130deg)
    }
    50%{
        transform:rotate(-5deg)
    }
    to{
        transform:rotate(130deg)
    }
}
@keyframes mdl-spinner__left-spin{
    from{
        transform:rotate(130deg)
    }
    50%{
        transform:rotate(-5deg)
    }
    to{
        transform:rotate(130deg)
    }
}
@-webkit-keyframes mdl-spinner__right-spin{
    from{
        transform:rotate(-130deg)
    }
    50%{
        transform:rotate(5deg)
    }
    to{
        transform:rotate(-130deg)
    }
}
@keyframes mdl-spinner__right-spin{
    from{
        transform:rotate(-130deg)
    }
    50%{
        transform:rotate(5deg)
    }
    to{
        transform:rotate(-130deg)
    }
}
.mdl-switch{
    position:relative;
    z-index:1;
    vertical-align:middle;
    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(96,125,139,.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:#fafafa;
    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:#607d8b;
    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(96,125,139,.26);
    background-color:rgba(96,125,139,.26)
}
.mdl-switch__label{
    position:relative;
    cursor:pointer;
    font-size:16px;
    line-height:24px;
    margin:0;
    left:24px
}
.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;
    -webkit-mask-image:-webkit-radial-gradient(circle,#fff,#000);
    transition-duration:.4s;
    transition-timing-function:step-end;
    transition-property:left
}
.mdl-switch__ripple-container .mdl-ripple{
    background:#607d8b
}
.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;
    text-transform:uppercase;
    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:#607d8b;
    -webkit-animation:border-expand .2s cubic-bezier(.4,0,.4,1) 10ms alternate forwards;
    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:#607d8b
}
.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
}
@-webkit-keyframes border-expand{
    0%{
        opacity:0;
        width:0
    }
    100%{
        opacity:1;
        width:100%
    }
}
@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;
    width:300px;
    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--expandable .mdl-button--icon{
    top:16px
}
.mdl-textfield__input{
    border:none;
    border-bottom:1px solid rgba(0,0,0,.12);
    display:block;
    font-size:16px;
    font-family:Helvetica,Arial,sans-serif;
    margin:0;
    padding:4px 0;
    width:100%;
    background:0 0;
    text-align:left;
    color:inherit
}
.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-focused .mdl-textfield__input{
    outline: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(0,0,0,.12);
    color:rgba(0,0,0,.26)
}
.mdl-textfield textarea.mdl-textfield__input{
    display:block
}
.mdl-textfield__label{
    bottom:0;
    color:rgba(0,0,0,.26);
    font-size:16px;
    left:0;
    right:0;
    pointer-events:none;
    position:absolute;
    display:block;
    top:24px;
    width:100%;
    overflow:hidden;
    white-space:nowrap;
    text-align:left
}
.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.is-disabled.is-disabled .mdl-textfield__label,fieldset[disabled] .mdl-textfield .mdl-textfield__label{
    color:rgba(0,0,0,.26)
}
.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:#607d8b;
    font-size:12px;
    top:4px;
    visibility:visible
}
.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--floating-label.is-invalid .mdl-textfield__label{
    color:#d50000;
    font-size:12px
}
.mdl-textfield__label:after{
    background-color:#607d8b;
    bottom:20px;
    content:'';
    height:2px;
    left:45%;
    position:absolute;
    transition-duration:.2s;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    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{
    color:#d50000;
    position:absolute;
    font-size:12px;
    margin-top:3px;
    visibility:hidden;
    display:block
}
.mdl-textfield.is-invalid .mdl-textfield__error{
    visibility:visible
}
.mdl-textfield__expandable-holder{
    display:inline-block;
    position:relative;
    margin-left:32px;
    transition-duration:.2s;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    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:rgba(97,97,97,.9);
    border-radius:2px;
    color:#fff;
    display:inline-block;
    font-size:10px;
    font-weight:500;
    line-height:14px;
    max-width:170px;
    position:fixed;
    top:-500px;
    left:-500px;
    padding:8px;
    text-align:center
}
.mdl-tooltip.is-active{
    -webkit-animation:pulse .2s cubic-bezier(0,0,.2,1) forwards;
    animation:pulse .2s cubic-bezier(0,0,.2,1) forwards
}
.mdl-tooltip--large{
    line-height:14px;
    font-size:14px;
    padding:16px
}
@-webkit-keyframes pulse{
    0%{
        transform:scale(0);
        opacity:0
    }
    50%{
        transform:scale(.99)
    }
    100%{
        transform:scale(1);
        opacity:1;
        visibility:visible
    }
}
@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{
    -ms-grid-row-align:center;
    align-self:center
}
.mdl-cell--bottom{
    align-self:flex-end
}
.mdl-cell--stretch{
    -ms-grid-row-align: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:479px){
    .mdl-grid{
        padding:8px
    }
    .mdl-cell{
        margin:8px;
        width:calc(100% - 16px)
    }
    .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% - 16px)
    }
    .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% - 16px)
    }
    .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% - 16px)
    }
    .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% - 16px)
    }
    .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% - 16px)
    }
    .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% - 16px)
    }
    .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% - 16px)
    }
    .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% - 16px)
    }
    .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% - 16px)
    }
    .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% - 16px)
    }
    .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% - 16px)
    }
    .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% - 16px)
    }
    .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% + 8px)
    }
    .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% + 8px)
    }
    .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% + 8px)
    }
    .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:480px) and (max-width:839px){
    .mdl-grid{
        padding:8px
    }
    .mdl-cell{
        margin:8px;
        width:calc(50% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell{
        width:50%
    }
    .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(12.5% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--1-col,.mdl-grid--no-spacing>.mdl-cell--1-col-tablet.mdl-cell--1-col-tablet{
        width:12.5%
    }
    .mdl-cell--2-col,.mdl-cell--2-col-tablet.mdl-cell--2-col-tablet{
        width:calc(25% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--2-col,.mdl-grid--no-spacing>.mdl-cell--2-col-tablet.mdl-cell--2-col-tablet{
        width:25%
    }
    .mdl-cell--3-col,.mdl-cell--3-col-tablet.mdl-cell--3-col-tablet{
        width:calc(37.5% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--3-col,.mdl-grid--no-spacing>.mdl-cell--3-col-tablet.mdl-cell--3-col-tablet{
        width:37.5%
    }
    .mdl-cell--4-col,.mdl-cell--4-col-tablet.mdl-cell--4-col-tablet{
        width:calc(50% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--4-col,.mdl-grid--no-spacing>.mdl-cell--4-col-tablet.mdl-cell--4-col-tablet{
        width:50%
    }
    .mdl-cell--5-col,.mdl-cell--5-col-tablet.mdl-cell--5-col-tablet{
        width:calc(62.5% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--5-col,.mdl-grid--no-spacing>.mdl-cell--5-col-tablet.mdl-cell--5-col-tablet{
        width:62.5%
    }
    .mdl-cell--6-col,.mdl-cell--6-col-tablet.mdl-cell--6-col-tablet{
        width:calc(75% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--6-col,.mdl-grid--no-spacing>.mdl-cell--6-col-tablet.mdl-cell--6-col-tablet{
        width:75%
    }
    .mdl-cell--7-col,.mdl-cell--7-col-tablet.mdl-cell--7-col-tablet{
        width:calc(87.5% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--7-col,.mdl-grid--no-spacing>.mdl-cell--7-col-tablet.mdl-cell--7-col-tablet{
        width:87.5%
    }
    .mdl-cell--8-col,.mdl-cell--8-col-tablet.mdl-cell--8-col-tablet{
        width:calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--8-col,.mdl-grid--no-spacing>.mdl-cell--8-col-tablet.mdl-cell--8-col-tablet{
        width:100%
    }
    .mdl-cell--9-col,.mdl-cell--9-col-tablet.mdl-cell--9-col-tablet{
        width:calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--9-col,.mdl-grid--no-spacing>.mdl-cell--9-col-tablet.mdl-cell--9-col-tablet{
        width:100%
    }
    .mdl-cell--10-col,.mdl-cell--10-col-tablet.mdl-cell--10-col-tablet{
        width:calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--10-col,.mdl-grid--no-spacing>.mdl-cell--10-col-tablet.mdl-cell--10-col-tablet{
        width:100%
    }
    .mdl-cell--11-col,.mdl-cell--11-col-tablet.mdl-cell--11-col-tablet{
        width:calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--11-col,.mdl-grid--no-spacing>.mdl-cell--11-col-tablet.mdl-cell--11-col-tablet{
        width:100%
    }
    .mdl-cell--12-col,.mdl-cell--12-col-tablet.mdl-cell--12-col-tablet{
        width:calc(100% - 16px)
    }
    .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(12.5% + 8px)
    }
    .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:12.5%
    }
    .mdl-cell--2-offset,.mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet{
        margin-left:calc(25% + 8px)
    }
    .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:25%
    }
    .mdl-cell--3-offset,.mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet{
        margin-left:calc(37.5% + 8px)
    }
    .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:37.5%
    }
    .mdl-cell--4-offset,.mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet{
        margin-left:calc(50% + 8px)
    }
    .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:50%
    }
    .mdl-cell--5-offset,.mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet{
        margin-left:calc(62.5% + 8px)
    }
    .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:62.5%
    }
    .mdl-cell--6-offset,.mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet{
        margin-left:calc(75% + 8px)
    }
    .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:75%
    }
    .mdl-cell--7-offset,.mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet{
        margin-left:calc(87.5% + 8px)
    }
    .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:87.5%
    }
}
@media (min-width:840px){
    .mdl-grid{
        padding:8px
    }
    .mdl-cell{
        margin:8px;
        width:calc(33.3333333333% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell{
        width:33.3333333333%
    }
    .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.3333333333% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--1-col,.mdl-grid--no-spacing>.mdl-cell--1-col-desktop.mdl-cell--1-col-desktop{
        width:8.3333333333%
    }
    .mdl-cell--2-col,.mdl-cell--2-col-desktop.mdl-cell--2-col-desktop{
        width:calc(16.6666666667% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--2-col,.mdl-grid--no-spacing>.mdl-cell--2-col-desktop.mdl-cell--2-col-desktop{
        width:16.6666666667%
    }
    .mdl-cell--3-col,.mdl-cell--3-col-desktop.mdl-cell--3-col-desktop{
        width:calc(25% - 16px)
    }
    .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.3333333333% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--4-col,.mdl-grid--no-spacing>.mdl-cell--4-col-desktop.mdl-cell--4-col-desktop{
        width:33.3333333333%
    }
    .mdl-cell--5-col,.mdl-cell--5-col-desktop.mdl-cell--5-col-desktop{
        width:calc(41.6666666667% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--5-col,.mdl-grid--no-spacing>.mdl-cell--5-col-desktop.mdl-cell--5-col-desktop{
        width:41.6666666667%
    }
    .mdl-cell--6-col,.mdl-cell--6-col-desktop.mdl-cell--6-col-desktop{
        width:calc(50% - 16px)
    }
    .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.3333333333% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--7-col,.mdl-grid--no-spacing>.mdl-cell--7-col-desktop.mdl-cell--7-col-desktop{
        width:58.3333333333%
    }
    .mdl-cell--8-col,.mdl-cell--8-col-desktop.mdl-cell--8-col-desktop{
        width:calc(66.6666666667% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--8-col,.mdl-grid--no-spacing>.mdl-cell--8-col-desktop.mdl-cell--8-col-desktop{
        width:66.6666666667%
    }
    .mdl-cell--9-col,.mdl-cell--9-col-desktop.mdl-cell--9-col-desktop{
        width:calc(75% - 16px)
    }
    .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.3333333333% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--10-col,.mdl-grid--no-spacing>.mdl-cell--10-col-desktop.mdl-cell--10-col-desktop{
        width:83.3333333333%
    }
    .mdl-cell--11-col,.mdl-cell--11-col-desktop.mdl-cell--11-col-desktop{
        width:calc(91.6666666667% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--11-col,.mdl-grid--no-spacing>.mdl-cell--11-col-desktop.mdl-cell--11-col-desktop{
        width:91.6666666667%
    }
    .mdl-cell--12-col,.mdl-cell--12-col-desktop.mdl-cell--12-col-desktop{
        width:calc(100% - 16px)
    }
    .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.3333333333% + 8px)
    }
    .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.3333333333%
    }
    .mdl-cell--2-offset,.mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop{
        margin-left:calc(16.6666666667% + 8px)
    }
    .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.6666666667%
    }
    .mdl-cell--3-offset,.mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop{
        margin-left:calc(25% + 8px)
    }
    .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.3333333333% + 8px)
    }
    .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.3333333333%
    }
    .mdl-cell--5-offset,.mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop{
        margin-left:calc(41.6666666667% + 8px)
    }
    .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.6666666667%
    }
    .mdl-cell--6-offset,.mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop{
        margin-left:calc(50% + 8px)
    }
    .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.3333333333% + 8px)
    }
    .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.3333333333%
    }
    .mdl-cell--8-offset,.mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop{
        margin-left:calc(66.6666666667% + 8px)
    }
    .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.6666666667%
    }
    .mdl-cell--9-offset,.mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop{
        margin-left:calc(75% + 8px)
    }
    .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.3333333333% + 8px)
    }
    .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.3333333333%
    }
    .mdl-cell--11-offset,.mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop{
        margin-left:calc(91.6666666667% + 8px)
    }
    .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.6666666667%
    }
}
body{
    margin:0
}
.styleguide-demo h1{
    margin:48px 24px 0
}
.styleguide-demo h1:after{
    content:'';
    display:block;
    width:100%;
    border-bottom:1px solid rgba(0,0,0,.5);
    margin-top:24px
}
.styleguide-demo{
    opacity:0;
    transition:opacity .6s ease
}
.styleguide-masthead{
    height:256px;
    background:#212121;
    padding:115px 16px 0
}
.styleguide-container{
    position:relative;
    max-width:960px;
    width:100%
}
.styleguide-title{
    color:#fff;
    bottom:auto;
    position:relative;
    font-size:56px;
    font-weight:300;
    line-height:1;
    letter-spacing:-.02em
}
.styleguide-title:after{
    border-bottom:0
}
.styleguide-title span{
    font-weight:300
}
.mdl-styleguide .mdl-layout__drawer .mdl-navigation__link{
    padding:10px 24px
}
.demosLoaded .styleguide-demo{
    opacity:1
}
iframe{
    display:block;
    width:100%;
    border:none
}
iframe.heightSet{
    overflow:hidden
}
.demo-wrapper{
    margin:24px
}
.demo-wrapper iframe{
    border:1px solid rgba(0,0,0,.5)
}
.ct-double-octave:after,.ct-golden-section:after,.ct-major-eleventh:after,.ct-major-second:after,.ct-major-seventh:after,.ct-major-sixth:after,.ct-major-tenth:after,.ct-major-third:after,.ct-major-twelfth:after,.ct-minor-second:after,.ct-minor-seventh:after,.ct-minor-sixth:after,.ct-minor-third:after,.ct-octave:after,.ct-perfect-fifth:after,.ct-perfect-fourth:after,.ct-square:after{
    content:"";
    clear:both
}
.ct-label{
    fill:rgba(0,0,0,.4);
    color:rgba(0,0,0,.4);
    font-size:.75rem;
    line-height:1
}
.ct-chart-bar .ct-label,.ct-chart-line .ct-label{
    display:block;
    display:flex
}
.ct-chart-donut .ct-label,.ct-chart-pie .ct-label{
    dominant-baseline:central
}
.ct-label.ct-horizontal.ct-start{
    align-items:flex-end;
    justify-content:flex-start;
    text-align:left;
    text-anchor:start
}
.ct-label.ct-horizontal.ct-end{
    align-items:flex-start;
    justify-content:flex-start;
    text-align:left;
    text-anchor:start
}
.ct-label.ct-vertical.ct-start{
    align-items:flex-end;
    justify-content:flex-end;
    text-align:right;
    text-anchor:end
}
.ct-label.ct-vertical.ct-end{
    align-items:flex-end;
    justify-content:flex-start;
    text-align:left;
    text-anchor:start
}
.ct-chart-bar .ct-label.ct-horizontal.ct-start{
    align-items:flex-end;
    justify-content:center;
    text-align:center;
    text-anchor:start
}
.ct-chart-bar .ct-label.ct-horizontal.ct-end{
    align-items:flex-start;
    justify-content:center;
    text-align:center;
    text-anchor:start
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start{
    align-items:flex-end;
    justify-content:flex-start;
    text-align:left;
    text-anchor:start
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end{
    align-items:flex-start;
    justify-content:flex-start;
    text-align:left;
    text-anchor:start
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start{
    align-items:center;
    justify-content:flex-end;
    text-align:right;
    text-anchor:end
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end{
    align-items:center;
    justify-content:flex-start;
    text-align:left;
    text-anchor:end
}
.ct-grid{
    stroke:rgba(0,0,0,.2);
    stroke-width:1px;
    stroke-dasharray:2px
}
.ct-grid-background{
    fill:none
}
.ct-point{
    stroke-width:10px;
    stroke-linecap:round
}
.ct-line{
    fill:none;
    stroke-width:4px
}
.ct-area{
    stroke:none;
    fill-opacity:.1
}
.ct-bar{
    fill:none;
    stroke-width:10px
}
.ct-slice-donut{
    fill:none;
    stroke-width:60px
}
.ct-series-a .ct-bar,.ct-series-a .ct-line,.ct-series-a .ct-point,.ct-series-a .ct-slice-donut{
    stroke:#d70206
}
.ct-series-a .ct-area,.ct-series-a .ct-slice-donut-solid,.ct-series-a .ct-slice-pie{
    fill:#d70206
}
.ct-series-b .ct-bar,.ct-series-b .ct-line,.ct-series-b .ct-point,.ct-series-b .ct-slice-donut{
    stroke:#f05b4f
}
.ct-series-b .ct-area,.ct-series-b .ct-slice-donut-solid,.ct-series-b .ct-slice-pie{
    fill:#f05b4f
}
.ct-series-c .ct-bar,.ct-series-c .ct-line,.ct-series-c .ct-point,.ct-series-c .ct-slice-donut{
    stroke:#f4c63d
}
.ct-series-c .ct-area,.ct-series-c .ct-slice-donut-solid,.ct-series-c .ct-slice-pie{
    fill:#f4c63d
}
.ct-series-d .ct-bar,.ct-series-d .ct-line,.ct-series-d .ct-point,.ct-series-d .ct-slice-donut{
    stroke:#d17905
}
.ct-series-d .ct-area,.ct-series-d .ct-slice-donut-solid,.ct-series-d .ct-slice-pie{
    fill:#d17905
}
.ct-series-e .ct-bar,.ct-series-e .ct-line,.ct-series-e .ct-point,.ct-series-e .ct-slice-donut{
    stroke:#453d3f
}
.ct-series-e .ct-area,.ct-series-e .ct-slice-donut-solid,.ct-series-e .ct-slice-pie{
    fill:#453d3f
}
.ct-series-f .ct-bar,.ct-series-f .ct-line,.ct-series-f .ct-point,.ct-series-f .ct-slice-donut{
    stroke:#59922b
}
.ct-series-f .ct-area,.ct-series-f .ct-slice-donut-solid,.ct-series-f .ct-slice-pie{
    fill:#59922b
}
.ct-series-g .ct-bar,.ct-series-g .ct-line,.ct-series-g .ct-point,.ct-series-g .ct-slice-donut{
    stroke:#0544d3
}
.ct-series-g .ct-area,.ct-series-g .ct-slice-donut-solid,.ct-series-g .ct-slice-pie{
    fill:#0544d3
}
.ct-series-h .ct-bar,.ct-series-h .ct-line,.ct-series-h .ct-point,.ct-series-h .ct-slice-donut{
    stroke:#6b0392
}
.ct-series-h .ct-area,.ct-series-h .ct-slice-donut-solid,.ct-series-h .ct-slice-pie{
    fill:#6b0392
}
.ct-series-i .ct-bar,.ct-series-i .ct-line,.ct-series-i .ct-point,.ct-series-i .ct-slice-donut{
    stroke:#f05b4f
}
.ct-series-i .ct-area,.ct-series-i .ct-slice-donut-solid,.ct-series-i .ct-slice-pie{
    fill:#f05b4f
}
.ct-series-j .ct-bar,.ct-series-j .ct-line,.ct-series-j .ct-point,.ct-series-j .ct-slice-donut{
    stroke:#dda458
}
.ct-series-j .ct-area,.ct-series-j .ct-slice-donut-solid,.ct-series-j .ct-slice-pie{
    fill:#dda458
}
.ct-series-k .ct-bar,.ct-series-k .ct-line,.ct-series-k .ct-point,.ct-series-k .ct-slice-donut{
    stroke:#eacf7d
}
.ct-series-k .ct-area,.ct-series-k .ct-slice-donut-solid,.ct-series-k .ct-slice-pie{
    fill:#eacf7d
}
.ct-series-l .ct-bar,.ct-series-l .ct-line,.ct-series-l .ct-point,.ct-series-l .ct-slice-donut{
    stroke:#86797d
}
.ct-series-l .ct-area,.ct-series-l .ct-slice-donut-solid,.ct-series-l .ct-slice-pie{
    fill:#86797d
}
.ct-series-m .ct-bar,.ct-series-m .ct-line,.ct-series-m .ct-point,.ct-series-m .ct-slice-donut{
    stroke:#b2c326
}
.ct-series-m .ct-area,.ct-series-m .ct-slice-donut-solid,.ct-series-m .ct-slice-pie{
    fill:#b2c326
}
.ct-series-n .ct-bar,.ct-series-n .ct-line,.ct-series-n .ct-point,.ct-series-n .ct-slice-donut{
    stroke:#6188e2
}
.ct-series-n .ct-area,.ct-series-n .ct-slice-donut-solid,.ct-series-n .ct-slice-pie{
    fill:#6188e2
}
.ct-series-o .ct-bar,.ct-series-o .ct-line,.ct-series-o .ct-point,.ct-series-o .ct-slice-donut{
    stroke:#a748ca
}
.ct-series-o .ct-area,.ct-series-o .ct-slice-donut-solid,.ct-series-o .ct-slice-pie{
    fill:#a748ca
}
.ct-square{
    display:block;
    position:relative;
    width:100%
}
.ct-square:before{
    display:block;
    float:left;
    content:"";
    width:0;
    height:0;
    padding-bottom:100%
}
.ct-square:after{
    display:table
}
.ct-square>svg{
    display:block;
    position:absolute;
    top:0;
    left:0
}
.ct-minor-second{
    display:block;
    position:relative;
    width:100%
}
.ct-minor-second:before{
    display:block;
    float:left;
    content:"";
    width:0;
    height:0;
    padding-bottom:93.75%
}
.ct-minor-second:after{
    display:table
}
.ct-minor-second>svg{
    display:block;
    position:absolute;
    top:0;
    left:0
}
.ct-major-second{
    display:block;
    position:relative;
    width:100%
}
.ct-major-second:before{
    display:block;
    float:left;
    content:"";
    width:0;
    height:0;
    padding-bottom:88.8888888889%
}
.ct-major-second:after{
    display:table
}
.ct-major-second>svg{
    display:block;
    position:absolute;
    top:0;
    left:0
}
.ct-minor-third{
    display:block;
    position:relative;
    width:100%
}
.ct-minor-third:before{
    display:block;
    float:left;
    content:"";
    width:0;
    height:0;
    padding-bottom:83.3333333333%
}
.ct-minor-third:after{
    display:table
}
.ct-minor-third>svg{
    display:block;
    position:absolute;
    top:0;
    left:0
}
.ct-major-third{
    display:block;
    position:relative;
    width:100%
}
.ct-major-third:before{
    display:block;
    float:left;
    content:"";
    width:0;
    height:0;
    padding-bottom:80%
}
.ct-major-third:after{
    display:table
}
.ct-major-third>svg{
    display:block;
    position:absolute;
    top:0;
    left:0
}
.ct-perfect-fourth{
    display:block;
    position:relative;
    width:100%
}
.ct-perfect-fourth:before{
    display:block;
    float:left;
    content:"";
    width:0;
    height:0;
    padding-bottom:75%
}
.ct-perfect-fourth:after{
    display:table
}
.ct-perfect-fourth>svg{
    display:block;
    position:absolute;
    top:0;
    left:0
}
.ct-perfect-fifth{
    display:block;
    position:relative;
    width:100%
}
.ct-perfect-fifth:before{
    display:block;
    float:left;
    content:"";
    width:0;
    height:0;
    padding-bottom:66.6666666667%
}
.ct-perfect-fifth:after{
    display:table
}
.ct-perfect-fifth>svg{
    display:block;
    position:absolute;
    top:0;
    left:0
}
.ct-minor-sixth{
    display:block;
    position:relative;
    width:100%
}
.ct-minor-sixth:before{
    display:block;
    float:left;
    content:"";
    width:0;
    height:0;
    padding-bottom:62.5%
}
.ct-minor-sixth:after{
    display:table
}
.ct-minor-sixth>svg{
    display:block;
    position:absolute;
    top:0;
    left:0
}
.ct-golden-section{
    display:block;
    position:relative;
    width:100%
}
.ct-golden-section:before{
    display:block;
    float:left;
    content:"";
    width:0;
    height:0;
    padding-bottom:61.804697157%
}
.ct-golden-section:after{
    display:table
}
.ct-golden-section>svg{
    display:block;
    position:absolute;
    top:0;
    left:0
}
.ct-major-sixth{
    display:block;
    position:relative;
    width:100%
}
.ct-major-sixth:before{
    display:block;
    float:left;
    content:"";
    width:0;
    height:0;
    padding-bottom:60%
}
.ct-major-sixth:after{
    display:table
}
.ct-major-sixth>svg{
    display:block;
    position:absolute;
    top:0;
    left:0
}
.ct-minor-seventh{
    display:block;
    position:relative;
    width:100%
}
.ct-minor-seventh:before{
    display:block;
    float:left;
    content:"";
    width:0;
    height:0;
    padding-bottom:56.25%
}
.ct-minor-seventh:after{
    display:table
}
.ct-minor-seventh>svg{
    display:block;
    position:absolute;
    top:0;
    left:0
}
.ct-major-seventh{
    display:block;
    position:relative;
    width:100%
}
.ct-major-seventh:before{
    display:block;
    float:left;
    content:"";
    width:0;
    height:0;
    padding-bottom:53.3333333333%
}
.ct-major-seventh:after{
    display:table
}
.ct-major-seventh>svg{
    display:block;
    position:absolute;
    top:0;
    left:0
}
.ct-octave{
    display:block;
    position:relative;
    width:100%
}
.ct-octave:before{
    display:block;
    float:left;
    content:"";
    width:0;
    height:0;
    padding-bottom:50%
}
.ct-octave:after{
    display:table
}
.ct-octave>svg{
    display:block;
    position:absolute;
    top:0;
    left:0
}
.ct-major-tenth{
    display:block;
    position:relative;
    width:100%
}
.ct-major-tenth:before{
    display:block;
    float:left;
    content:"";
    width:0;
    height:0;
    padding-bottom:40%
}
.ct-major-tenth:after{
    display:table
}
.ct-major-tenth>svg{
    display:block;
    position:absolute;
    top:0;
    left:0
}
.ct-major-eleventh{
    display:block;
    position:relative;
    width:100%
}
.ct-major-eleventh:before{
    display:block;
    float:left;
    content:"";
    width:0;
    height:0;
    padding-bottom:37.5%
}
.ct-major-eleventh:after{
    display:table
}
.ct-major-eleventh>svg{
    display:block;
    position:absolute;
    top:0;
    left:0
}
.ct-major-twelfth{
    display:block;
    position:relative;
    width:100%
}
.ct-major-twelfth:before{
    display:block;
    float:left;
    content:"";
    width:0;
    height:0;
    padding-bottom:33.3333333333%
}
.ct-major-twelfth:after{
    display:table
}
.ct-major-twelfth>svg{
    display:block;
    position:absolute;
    top:0;
    left:0
}
.ct-double-octave{
    display:block;
    position:relative;
    width:100%
}
.ct-double-octave:before{
    display:block;
    float:left;
    content:"";
    width:0;
    height:0;
    padding-bottom:25%
}
.ct-double-octave:after{
    display:table
}
.ct-double-octave>svg{
    display:block;
    position:absolute;
    top:0;
    left:0
}
.turn-page{
    float:right;
    margin-top:20px;
    font-size:12px;
    color:#404040;
    padding-bottom:20px
}
.turn-page .turn-num{
    float:left;
    color:#8c8c8c;
    margin-top:4px;
    line-height:20px
}
.turn-page .turn-ul{
    float:left;
    margin:0 30px 0 20px
}
.turn-page .turn-ul li{
    list-style:none;
    float:left;
    width:28px;
    height:26px;
    line-height:26px;
    text-align:center;
    border:1px solid #e6eaeb;
    margin-left:-1px;
    cursor:pointer
}
.turn-page .turn-ul i{
    font-style:normal;
    display:inline-block;
    float:left;
    width:25px
}
.turn-page .turn-ul li.tz{
    color:#333;
    font-family:simsun
}
.turn-page .turn-ul li:active,.turn-page .turn-ul li:hover{
    background:#4a93e8;
    color:#fff
}
.turn-page .turn-ul li.on{
    background:#4a93e8;
    color:#fff
}
.turn-page .turn-ul li.inp{
    width:36px;
    margin:0 10px 0 20px
}
.turn-page .turn-ul li.slh{
    border:none;
    font-size:16px;
    margin-top:-3px
}
.turn-page .turn-ul li.slh:active{
    background:0 0
}
.turn-page .turn-ul li.inp:active{
    background:0 0
}
.turn-page .turn-ul .li-inp{
    width:36px;
    height:24px;
    outline:0;
    border:none;
    text-align:center
}
.datepicker--cells{
    display:flex;
    flex-wrap:wrap
}
.datepicker--cell{
    border-radius:4px;
    box-sizing:border-box;
    cursor:pointer;
    display:flex;
    position:relative;
    align-items:center;
    justify-content:center;
    height:32px;
    z-index:1
}
.datepicker--cell.-focus-{
    background:#f0f0f0
}
.datepicker--cell.-current-{
    color:#4eb5e6
}
.datepicker--cell.-current-.-focus-{
    color:#4a4a4a
}
.datepicker--cell.-current-.-in-range-{
    color:#4eb5e6
}
.datepicker--cell.-in-range-{
    background:rgba(92,196,239,.1);
    color:#4a4a4a;
    border-radius:0
}
.datepicker--cell.-in-range-.-focus-{
    background-color:rgba(92,196,239,.2)
}
.datepicker--cell.-disabled-{
    cursor:default;
    color:#aeaeae
}
.datepicker--cell.-disabled-.-focus-{
    color:#aeaeae
}
.datepicker--cell.-disabled-.-in-range-{
    color:#a1a1a1
}
.datepicker--cell.-disabled-.-current-.-focus-{
    color:#aeaeae
}
.datepicker--cell.-range-from-{
    border:1px solid rgba(92,196,239,.5);
    background-color:rgba(92,196,239,.1);
    border-radius:4px 0 0 4px
}
.datepicker--cell.-range-to-{
    border:1px solid rgba(92,196,239,.5);
    background-color:rgba(92,196,239,.1);
    border-radius:0 4px 4px 0
}
.datepicker--cell.-selected-,.datepicker--cell.-selected-.-current-{
    color:#fff;
    background:#5cc4ef
}
.datepicker--cell.-range-from-.-range-to-{
    border-radius:4px
}
.datepicker--cell.-selected-{
    border:none
}
.datepicker--cell.-selected-.-focus-{
    background:#45bced
}
.datepicker--cell:empty{
    cursor:default
}
.datepicker--days-names{
    display:flex;
    flex-wrap:wrap;
    margin:8px 0 3px
}
.datepicker--day-name{
    color:#ff9a19;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:1;
    text-align:center;
    text-transform:uppercase;
    font-size:.8em
}
.-only-timepicker- .datepicker--content,.datepicker--body,.datepicker-inline .datepicker--pointer{
    display:none
}
.datepicker--cell-day{
    width:14.28571%
}
.datepicker--cells-months{
    height:170px
}
.datepicker--cell-month{
    width:33.33%;
    height:25%
}
.datepicker--cells-years,.datepicker--years{
    height:170px
}
.datepicker--cell-year{
    width:25%;
    height:33.33%
}
.datepickers-container{
    position:absolute;
    left:0;
    top:0
}
@media print{
    .datepickers-container{
        display:none
    }
}
.datepicker{
    background:#fff;
    border:1px solid #dbdbdb;
    box-shadow:0 4px 12px rgba(0,0,0,.15);
    border-radius:4px;
    box-sizing:content-box;
    font-family:Tahoma,sans-serif;
    font-size:14px;
    color:#4a4a4a;
    width:250px;
    position:absolute;
    left:-100000px;
    opacity:0;
    transition:opacity .3s ease,transform .3s ease,left 0s .3s;
    z-index:100
}
.datepicker.-from-top-{
    transform:translateY(-8px)
}
.datepicker.-from-right-{
    transform:translateX(8px)
}
.datepicker.-from-bottom-{
    transform:translateY(8px)
}
.datepicker.-from-left-{
    transform:translateX(-8px)
}
.datepicker.active{
    opacity:1;
    transform:translate(0);
    transition:opacity .3s ease,transform .3s ease,left 0s 0s
}
.datepicker-inline .datepicker{
    border-color:#d7d7d7;
    box-shadow:none;
    position:static;
    left:auto;
    right:auto;
    opacity:1;
    transform:none
}
.datepicker--content{
    box-sizing:content-box;
    padding:4px
}
.datepicker--pointer{
    position:absolute;
    background:#fff;
    border-top:1px solid #dbdbdb;
    border-right:1px solid #dbdbdb;
    width:10px;
    height:10px;
    z-index:-1
}
.datepicker--nav-action:hover,.datepicker--nav-title:hover{
    background:#f0f0f0
}
.-top-center- .datepicker--pointer,.-top-left- .datepicker--pointer,.-top-right- .datepicker--pointer{
    top:calc(100% - 4px);
    transform:rotate(135deg)
}
.-right-bottom- .datepicker--pointer,.-right-center- .datepicker--pointer,.-right-top- .datepicker--pointer{
    right:calc(100% - 4px);
    transform:rotate(225deg)
}
.-bottom-center- .datepicker--pointer,.-bottom-left- .datepicker--pointer,.-bottom-right- .datepicker--pointer{
    bottom:calc(100% - 4px);
    transform:rotate(315deg)
}
.-left-bottom- .datepicker--pointer,.-left-center- .datepicker--pointer,.-left-top- .datepicker--pointer{
    left:calc(100% - 4px);
    transform:rotate(45deg)
}
.-bottom-left- .datepicker--pointer,.-top-left- .datepicker--pointer{
    left:10px
}
.-bottom-right- .datepicker--pointer,.-top-right- .datepicker--pointer{
    right:10px
}
.-bottom-center- .datepicker--pointer,.-top-center- .datepicker--pointer{
    left:calc(50% - 10px / 2)
}
.-left-top- .datepicker--pointer,.-right-top- .datepicker--pointer{
    top:10px
}
.-left-bottom- .datepicker--pointer,.-right-bottom- .datepicker--pointer{
    bottom:10px
}
.-left-center- .datepicker--pointer,.-right-center- .datepicker--pointer{
    top:calc(50% - 10px / 2)
}
.datepicker--body.active{
    display:block
}
.datepicker--nav{
    display:flex;
    justify-content:space-between;
    border-bottom:1px solid #efefef;
    min-height:32px;
    padding:4px
}
.-only-timepicker- .datepicker--nav{
    display:none
}
.datepicker--nav-action,.datepicker--nav-title{
    display:flex;
    cursor:pointer;
    align-items:center;
    justify-content:center
}
.datepicker--nav-action{
    width:32px;
    border-radius:4px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.datepicker--nav-action.-disabled-{
    visibility:hidden
}
.datepicker--nav-action svg{
    width:32px;
    height:32px
}
.datepicker--nav-action path{
    fill:none;
    stroke:#9c9c9c;
    stroke-width:2px
}
.datepicker--nav-title{
    border-radius:4px;
    padding:0 8px
}
.datepicker--buttons,.datepicker--time{
    border-top:1px solid #efefef;
    padding:4px
}
.datepicker--nav-title i{
    font-style:normal;
    color:#9c9c9c;
    margin-left:5px
}
.datepicker--nav-title.-disabled-{
    cursor:default;
    background:0 0
}
.datepicker--buttons{
    display:flex
}
.datepicker--button{
    color:#4eb5e6;
    cursor:pointer;
    border-radius:4px;
    flex:1;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    height:32px
}
.datepicker--button:hover{
    color:#4a4a4a;
    background:#f0f0f0
}
.datepicker--time{
    display:flex;
    align-items:center;
    position:relative
}
.datepicker--time.-am-pm- .datepicker--time-sliders{
    flex:0 1 138px;
    max-width:138px
}
.-only-timepicker- .datepicker--time{
    border-top:none
}
.datepicker--time-sliders{
    flex:0 1 153px;
    margin-right:10px;
    max-width:153px
}
.datepicker--time-label{
    display:none;
    font-size:12px
}
.datepicker--time-current{
    display:flex;
    align-items:center;
    flex:1;
    font-size:14px;
    text-align:center;
    margin:0 0 0 10px
}
.datepicker--time-current-colon{
    margin:0 2px 3px;
    line-height:1
}
.datepicker--time-current-hours,.datepicker--time-current-minutes{
    line-height:1;
    font-size:19px;
    font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;
    position:relative;
    z-index:1
}
.datepicker--time-current-hours:after,.datepicker--time-current-minutes:after{
    content:'';
    background:#f0f0f0;
    border-radius:4px;
    position:absolute;
    left:-2px;
    top:-3px;
    right:-2px;
    bottom:-2px;
    z-index:-1;
    opacity:0
}
.datepicker--time-current-hours.-focus-:after,.datepicker--time-current-minutes.-focus-:after{
    opacity:1
}
.datepicker--time-current-ampm{
    text-transform:uppercase;
    align-self:flex-end;
    color:#9c9c9c;
    margin-left:6px;
    font-size:11px;
    margin-bottom:1px
}
.datepicker--time-row{
    display:flex;
    align-items:center;
    font-size:11px;
    height:17px;
    background:linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat
}
.datepicker--time-row:first-child{
    margin-bottom:4px
}
.datepicker--time-row input[type=range]{
    background:0 0;
    cursor:pointer;
    flex:1;
    height:100%;
    padding:0;
    margin:0;
    -webkit-appearance:none
}
.datepicker--time-row input[type=range]::-ms-tooltip{
    display:none
}
.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb{
    border-color:#b8b8b8
}
.datepicker--time-row input[type=range]:hover::-moz-range-thumb{
    border-color:#b8b8b8
}
.datepicker--time-row input[type=range]:hover::-ms-thumb{
    border-color:#b8b8b8
}
.datepicker--time-row input[type=range]:focus{
    outline:0
}
.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb{
    background:#5cc4ef;
    border-color:#5cc4ef
}
.datepicker--time-row input[type=range]:focus::-moz-range-thumb{
    background:#5cc4ef;
    border-color:#5cc4ef
}
.datepicker--time-row input[type=range]:focus::-ms-thumb{
    background:#5cc4ef;
    border-color:#5cc4ef
}
.datepicker--time-row input[type=range]::-webkit-slider-thumb{
    -webkit-appearance:none;
    box-sizing:border-box;
    height:12px;
    width:12px;
    border-radius:3px;
    border:1px solid #dedede;
    background:#fff;
    cursor:pointer;
    -webkit-transition:background .2s;
    transition:background .2s;
    margin-top:-6px
}
.datepicker--time-row input[type=range]::-moz-range-thumb{
    box-sizing:border-box;
    height:12px;
    width:12px;
    border-radius:3px;
    border:1px solid #dedede;
    background:#fff;
    cursor:pointer;
    -moz-transition:background .2s;
    transition:background .2s
}
.datepicker--time-row input[type=range]::-ms-thumb{
    box-sizing:border-box;
    height:12px;
    width:12px;
    border-radius:3px;
    border:1px solid #dedede;
    background:#fff;
    cursor:pointer;
    -ms-transition:background .2s;
    transition:background .2s
}
.datepicker--time-row input[type=range]::-webkit-slider-runnable-track{
    border:none;
    height:1px;
    cursor:pointer;
    color:transparent;
    background:0 0
}
.datepicker--time-row input[type=range]::-moz-range-track{
    border:none;
    height:1px;
    cursor:pointer;
    color:transparent;
    background:0 0
}
.datepicker--time-row input[type=range]::-ms-track{
    border:none;
    height:1px;
    cursor:pointer;
    color:transparent;
    background:0 0
}
.datepicker--time-row input[type=range]::-ms-fill-lower{
    background:0 0
}
.datepicker--time-row input[type=range]::-ms-fill-upper{
    background:0 0
}
.datepicker--time-row span{
    padding:0 12px
}
.datepicker--time-icon{
    color:#9c9c9c;
    border:1px solid;
    border-radius:50%;
    font-size:16px;
    position:relative;
    margin:0 5px -1px 0;
    width:1em;
    height:1em
}
.datepicker--time-icon:after,.datepicker--time-icon:before{
    content:'';
    background:currentColor;
    position:absolute
}
.datepicker--time-icon:after{
    height:.4em;
    width:1px;
    left:calc(50% - 1px);
    top:calc(50% + 1px);
    transform:translateY(-100%)
}
.datepicker--time-icon:before{
    width:.4em;
    height:1px;
    top:calc(50% + 1px);
    left:calc(50% - 1px)
}
.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{
    color:#dedede
}
.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{
    color:#c5c5c5
}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{
    color:#dedede
}
.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{
    color:#fff;
    background:#a2ddf6
}
.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{
    background:#8ad5f4
}
.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{
    background-color:rgba(92,196,239,.1);
    color:#ccc
}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{
    background-color:rgba(92,196,239,.2)
}
.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{
    background:0 0;
    border:none
}
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    list-style:none
}
body,html{
    font-family:Roboto,Helvetica,sans-serif
}
a{
    text-decoration:none
}
h1,h2,h3,h4,h5,h6,p{
    margin:0
}
.mdl-layout__drawer::-webkit-scrollbar{
    width:5px
}
.mdl-layout__drawer::-webkit-scrollbar-track{
    background:#006eb5
}
.mdl-layout__drawer::-webkit-scrollbar-thumb{
    background:#181f23
}
#div1,#div2{
    float:left;
    width:100px;
    height:35px;
    margin:10px;
    padding:10px;
    border:1px solid #000
}
.zhora-avatar{
    width: 90px;
    position: absolute;
    left: 14px;
    top: 15px;
}
.zhora-layout .mdl-layout__header .mdl-layout__drawer-button{
    color:rgba(0,0,0,.54)
}
.zhora-layout .mdl-layout__header .mdl-layout__drawer-button:focus{
    outline:0
}
:focus{
    outline:0
}
.mdl-layout__drawer .avatar{
    margin-bottom:16px
}
.zhora-drawer{
    border:none;
    overflow-y:scroll;
    max-height:100%;
    position:fixed
}
.zhora-drawer .mdl-menu__container{
    z-index:-1
}
.zhora-drawer .zhora-navigation{
    z-index:-2
}
.zhora-drawer-header .mdl-menu{
    padding:0
}
.zhora-drawer .mdl-menu .mdl-menu__item{
    display:flex;
    align-items:center
}
.zhora-drawer .mdl-menu .mdl-menu__item .material-icons{
    padding-right:5px
}
.zhora-drawer-header{
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:23px 16px 20px 85px;
    position:relative
}
.zhora-drawer-header .menu-header-button{
    margin-top:10px
}
.zhora-avatar-dropdown{
    width:100%;
    text-align:right
}
.zhora-navigation{
    flex-grow:1
}
.zhora-layout .zhora-navigation .mdl-navigation__link{
    display:flex!important;
    flex-direction:row;
    align-items:center;
    color:rgba(255,255,255,.56);
    font-weight:500;
    padding-left:15px
}
.zhora-navigation .mdl-navigation__link .material-icons{
    font-size:24px;
    color:rgba(255,255,255,.56);
    margin-right:32px
}
.zhora-charts{
    align-items:center
}
.zhora-chart:nth-child(1){
    color:#acec00
}
.zhora-chart:nth-child(2){
    color:#00bbd6
}
.zhora-chart:nth-child(3){
    color:#ba65c9
}
.zhora-chart:nth-child(4){
    color:#ef3c79
}
.zhora-graphs{
    padding:16px 32px;
    display:flex;
    flex-direction:column;
    align-items:stretch
}
_:-ms-input-placeholder,:root .zhora-graphs{
    min-height:664px
}
_:-ms-input-placeholder,:root .zhora-graph{
    max-height:300px
}
.zhora-graph:nth-child(1){
    color:#00b9d8
}
.zhora-graph:nth-child(2){
    color:#d9006e
}
.zhora-cards{
    align-items:flex-start;
    align-content:flex-start
}
.zhora-cards .zhora-separator{
    height:32px
}
.zhora-cards .mdl-card__title{
    color:#fff;
    font-size:24px;
    font-weight:400
}
.zhora-cards ul{
    padding:0
}
.zhora-cards h3{
    font-size:1em
}
.zhora-cards .mdl-card__actions a{
    color:#00bcd4;
    text-decoration:none
}
.mdl-layout__drawer .mdl-navigation{
    padding-top:0
}
.zhora-options h3{
    margin:0
}
.zhora-options .mdl-checkbox__box-outline{
    border-color:rgba(255,255,255,.89)
}
.zhora-options ul{
    margin:0;
    list-style-type:none
}
.zhora-options li{
    margin:4px 0
}
.zhora-options .material-icons{
    color:rgba(255,255,255,.89)
}
.zhora-options .mdl-card__actions{
    height:64px;
    display:flex;
    box-sizing:border-box;
    align-items:center
}
.zhora-avatar-dropdown h5{
    display:block;
    width:100%;
    color:#fff;
    font-size:17px;
    line-height:0;
    padding-bottom:9px;
    margin-bottom:0
}
.zhora-avatar-dropdown strong{
    font-size:11px;
    letter-spacing:.2px;
    font-weight:500
}
.zhora-avatar-dropdown p{
    font-size:11px;
    letter-spacing:.2px;
    line-height:0;
    padding-top:4px
}
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link{
    padding:9px 27px;
    color:#cacaca;
    font-size:15px;
    font-weight:300;
    position:relative
}
.zhora-navigation .mdl-navigation__link .material-icons{
    font-size:17px;
    margin-right:9px;
    color:#cacaca!important
}
.zhora-layout .zhora-navigation .mdl-navigation__link:hover{
    background-color:#181f23;
    color:#fff
}
.mdl-default-ac{
    background-color:#181f23
}
.zhora-layout .zhora-navigation .mdl-navigation__link:hover .material-icons{
    color:#fff
}
.mdl-category-title{
    border-bottom:1px solid #45535a
}
.mdl-left-sidebars{
    margin-bottom:10px
}
.mdl-category-title a{
    font-weight:600!important;
    color:#d8d8d8!important
}
.mdl-category-title a{
    font-weight:500!important;
    color:#fff!important;
    opacity:1;
    cursor:default
}
.mdl-category-title a:hover,ul.mdl-menu-dropdown li a:hover{
    background:inherit!important
}
.mdl-menu-dropdown{
    display:none
}
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link span.material-icons{
    position:absolute;
    right:-9px;
    z-index:99999;
    height:auto!important;
    width:38px;
    font-size:20px!important;
    text-align:center;
    line-height:inherit!important;
    top:9px
}
ul.mdl-menu-dropdown li a{
    padding-top:5px!important;
    padding-bottom:5px!important;
    margin-left:25px!important
}
ul.mdl-menu-dropdown li:hover{
    background-color:#43535c;
    color:#fff
}
span.material-icons{
    transition:all .5s
}
span.material-icons.mdl-icon-change{
    transform:rotate(-180deg)
}
.mdl-category-title a.mdl-navigation__link.mdl-js-button i{
    color:#fff!important
}
header.zhora-header.mdl-layout__header.mdl-color--grey-100.mdl-color-text--grey-600.is-casting-shadow .mdl-layout__header-row{
    padding:0 20px!important
}
.mdl-box-design{
    box-shadow:5px 7px 26px -5px #e1e1f0;
    -webkit-box-shadow:5px 7px 26px -5px #e1e1f0;
    background:#fff;
    transition:all .5s;
    word-wrap:break-word
}
.mdl-box-design:hover{
    box-shadow:5px 18px 38px -5px #d6d6d6
}
.mdl-box-design:hover h3{
    color:#000
}
span.mdl-layout-title{
    font-size:1.5rem;
    color:#484848
}
.mdl-main-title{
    color:#656565;
    text-transform:capitalize;
    font-size:1.3rem;
    line-height:0;
    margin-bottom:14px;
    margin-left:8px;
    margin-top:10px
}
.mdl-minicards{
    padding:15px 15px 9px 15px;
    position:relative;
    transition:all .5s
}
.mdl-mini-inner{
    position:relative;
    padding-left:56px
}
.mdl-mini-inner span{
    font-size:30px;
    color:#fff
}
.mdl-icon-right{
    position:absolute;
    left:0;
    background:#006eb5;
    transition:all .5s;
    width:45px;
    height:45px;
    text-align:center;
    line-height:70px;
    border-radius:2px
}
.mdl-mini-inner h3{
    color:#6c7293;
    font-size:14px;
    line-height:16px;
    padding-top:3px
}
.mdl-mini-inner h1{
    font-size:24px
}
.mdl-mini-inner.yellow-line::after{
    content:"";
    background:#4177f6;
    height:76px;
    width:5px;
    position:absolute;
    left:-15px;
    top:-15px
}
.mdl-box-design:hover .mdl-icon-right{
    background:#00bcd4
}
header.zhora-header.mdl-layout__header.mdl-color--grey-100.mdl-color-text--grey-600.is-casting-shadow{
    background:#fff!important;
    box-shadow:0 0 35px 0 rgba(154,161,171,.15)
}
.fullwidth{
    width:100%
}
.mdl-data-table{
    table-layout:fixed;
    width:100%
}
.header-banner{
    color:#fff;
    height:64px;
    background:linear-gradient(rgba(0,128,128,.4),rgba(0,128,128,.4)),url(/images/card-header.png) no-repeat center center;
    background-size:cover
}
.divider-banner{
    color:#fff;
    height:64px;
    background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(/images/card-header.png) no-repeat center center;
    background-size:cover
}
.mdl-color--teal{
    background-color:teal!important
}
.scaleable-table{
    white-space:normal;
    overflow:visible;
    word-wrap:auto;
    word-wrap:break-word
}
.overflow-table td,th{
    width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis
}
.center{
    text-align:center
}
.link-row{
    cursor:pointer
}
.zhora-card-wide.mdl-card{
    width:640px
}
.user-card-wide.mdl-card{
    width:640px
}
.mdl-card__actions{
    z-index:4
}
#name{
    display:flex;
    margin-top:10px;
    justify-content:left
}
.zhora-card-wide.mdl-card{
    width:640px
}
.zhora-card-wide>.mdl-card__title{
    color:#fff;
    height:64px;
    background:linear-gradient(rgba(0,128,128,.4),rgba(0,128,128,.4)),url(/images/card-header.png) no-repeat center center;
    background-size:cover
}
.zhora-card-wide>.mdl-card__menu{
    color:#fff
}
.mdl-card__title-text{
    position:relative;
    top:6px
}
.mdl-card__actions{
    display:flex;
    box-sizing:border-box;
    align-items:center
}
#mycard{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:50px
}
.mdl-textfield{
    width:250px;
    margin-right:10px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box
}
.zhora-list{
    width:100%
}
.zhora-list__posts.mdl-grid{
    margin:0
}
.zhora-mini-list{
    width:100%
}
.zhora-mini-list li{
    padding:5px 0 5px 0
}
.zhora-mini-list .material-icons{
    margin-right:10px!important
}
ul.zhora-mini-list a{
    display:block;
    font-size:12px;
    color:#000
}
.zhora-mini-list__posts.mdl-grid{
    margin:0
}
.photo-card.mdl-card{
    width:100%;
    height:256px;
    background-size:cover!important;
    background-repeat:no-repeat;
    background-clip:padding-box
}
.photo-card>.mdl-card__actions{
    height:52px;
    padding:16px;
    background:rgba(0,0,0,.5)
}
.photo-card__name{
    color:#fff;
    font-size:12px;
    font-weight:500
}
.photo-card-clients.mdl-card{
    width:100%;
    height:256px
}
.photo-card-clients>.mdl-card__actions{
    height:52px;
    padding:16px;
    background:rgba(0,0,0,.2)
}
.photo-card-clients__name{
    color:#fff;
    font-size:14px;
    font-weight:500
}
.details-card.mdl-card{
    width:100%
}
dialog{
    margin:auto;
    padding:20px;
    background:0 0;
    border-width:0;
    position:absolute!important;
    justify-content:center;
    width:564px!important;
    min-width:564px!important
}
.dialogContent{
    margin:auto;
    padding:20px;
    background:0 0;
    border-width:0;
    position:absolute!important;
    justify-content:center;
    min-width:564px!important;
    width:564px!important
}
.zhora-dialog-card.mdl-card{
    width:100%;
    display:flex;
    max-height:calc(100vh - 160px);
    overflow-y:auto;
    margin:auto
}
.zhora-dialog-card>.mdl-card__menu{
    color:#fff
}
.zhora-dialog-card>.mdl-card__title{
    color:#fff;
    height:64px;
    background:linear-gradient(rgba(0,128,128,.4),rgba(0,128,128,.4)),url(/images/card-header.png) no-repeat center center;
    background-size:cover
}
.zhora-dialog-card>.mdl-card__supporting-text{
    width:100%;
    overflow:visible!important
}
.zhora-dialog-card::-webkit-scrollbar{
    margin-top:110px;
    width:5px
}
.zhora-dialog-card::-webkit-scrollbar-track{
    background:rgba(0,0,0,.25)
}
.zhora-dialog-card::-webkit-scrollbar-thumb{
    background-color:teal;
    border-radius:5px
}
.details-card.mdl-card{
    width:100%
}
.zhora-details-card.mdl-card{
    width:100%;
    display:flex;
    overflow:visible!important
}
.zhora-details-card>.mdl-card__menu{
    color:#fff
}
.zhora-details-card>.mdl-card__title{
    color:#fff;
    height:64px;
    background:linear-gradient(rgba(0,128,128,.4),rgba(0,128,128,.4)),url(/images/card-header.png) no-repeat center center;
    background-size:cover
}
.zhora-details-card>.mdl-card__supporting-text{
    width:100%
}
.zhora-details-card>.mdl-card__actions{
    padding:15px
}
.zhora-details-card .material-icons{
    padding-right:10px
}
.table-tooltip{
    width:auto!important;
    max-width:600px!important;
    padding:5px;
    font-size:12px;
    font-weight:400;
    background-color:rgba(176,176,176,.85);
    color:#000
}
.mdl-grid{
    padding:20px;
    max-width:1440px
}
.mdl-list__item{
    overflow:visible;
    line-height:auto;
    min-height:auto
}
.label_slider{
    display:block;
    position:absolute;
    top:-55px;
    width:25px;
    height:25px;
    border-radius:0 50% 50% 50%;
    background-color:green;
    transform:rotate(-135deg);
    margin-top:20px
}
.label_slider div{
    line-height:25px;
    color:#fff;
    font-size:10px;
    font-weight:300;
    letter-spacing:1px;
    text-align:center;
    transform:rotate(135deg)
}
.label_slider.zeroed{
    background-color:rgba(0,0,0,.3)
}
.mdl-checkbox{
    height:auto;
    padding:0;
    padding-bottom:5px
}
label.input-custom-file input[type=file]{
    display:none
}
dialog{
    margin:auto;
    padding:10px;
    background:0 0;
    border-width:0;
    width:450px
}
.dialog-list{
    padding-top:10px!important;
    padding-bottom:10px!important;
    height:auto!important
}
.mdl-form-label{
    color:#00bcd4;
    font-size:12px;
    top:4px;
    visibility:visible
}
.mdl-option-card{
    width:100%
}
.mdl-option-card .mdl-card__media{
    margin:0
}
.mdl-option-card .mdl-card__media>img{
    max-width:100%
}
@media screen and (max-width:1024px){
    span.mdl-layout-title{
        padding-left:32px;
        font-size:18px
    }
    .mdl-card__title-text{
        font-size:18px
    }
    dialog{
        width:90%!important;
        max-width:90%!important
    }
}
@media screen and (max-width:767px){
    span.mdl-layout-title{
        padding-left:32px
    }
    .mdl-cell.mdl-cell--3-col.mdl-box-design{
        width:46%
    }
}
@media screen and (max-width:479px){
    .mdl-cell.mdl-cell--3-col.mdl-box-design{
        width:100%
    }
}
.hover-card{
    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:all .5s
}
.hover-card:hover{
    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)
}
.home-card-wide.mdl-card{
    width:100%
}
.project-card-img{
    background:linear-gradient(rgba(0,0,0,.4),rgba(25,5,95,.8)),url(../images/1.jpg) no-repeat center center;
    background-size:cover
}
.project-compliance-card-img{
    background:linear-gradient(rgba(0,0,0,.4),rgba(25,5,95,.8)),url(../images/3.jpg) no-repeat center center;
    background-size:cover
}
.project-allocation-card-img{
    background:linear-gradient(rgba(0,0,0,.4),rgba(25,5,95,.8)),url(../images/2.jpg) no-repeat center bottom;
    background-size:cover
}
.project-financial-card-img{
    background:linear-gradient(rgba(0,0,0,.4),rgba(25,5,95,.8)),url(../images/4.jpg) no-repeat center center;
    background-size:cover
}
.home-card-wide>.mdl-card__title{
    color:#fff;
    height:226px
}
.home-card-wide>.mdl-card__menu{
    color:#fff
}
.home-card-wide>.mdl-card__actions>.mdl-button{
    overflow:visible
}
.notifications-button{
    position:fixed;
    right:30px;
    bottom:30px;
    display:hidden
}
.mdl-home-grid .mdl-cell{
    padding:10px
}
.login-card.mdl-card{
    width:100%;
    height:100%
}
.login-card>.mdl-card__title{
    color:#fff;
    height:176px
}
.login-card>.mdl-card__menu{
    color:#fff
}
.login-card-user.mdl-card{
    width:100%;
    height:100%
}
.login-card-user>.mdl-card__actions{
    height:52px;
    padding:16px;
    background:rgba(0,0,0,.2)
}
.login-card-user__filename{
    color:#fff;
    font-size:14px;
    font-weight:500
}
.login-card .mdl-textfield{
    width:45%;
    margin-top:8px
}
.login-grid{
    overflow:hidden!important;
    margin:0;
    max-width:100%;
    width:100%
}
@media screen and (min-width:840px){
    .login-grid{
        position:absolute;
        top:50%;
        transform:translateY(-50%)
    }
}
body.login-body{
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    background-image:url(../images/login-bg.jpg)
}
.login-layout{
    position:relative
}
.login-icon-toggle>.mdl-icon-toggle__label{
    color:#656565!important
}
.login-icon-toggle.is-checked>.mdl-icon-toggle__label{
    color:#00f!important
}
.background-text{
    background-color:rgba(0,0,0,.5);
    border-radius:4px;
    padding:5px 10px 5px 10px;
    width:100%;
    font-size:18px
}
.mdl-textfield--expandable{
    width:auto
}
.project-card-icon{
    margin-left:auto;
    margin-right:auto;
    font-size:64px
}
.mdl-form-grid{
    margin:0;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:100%
}
.zhora-color{
    color:#f42083;
    font-weight:400
}
.zhora-font{
    font-family:'Work Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
    font-weight:300;
    color:#fff;
    font-size:22px
}
.zhora-icon:hover{
    color:#f42083
}
.zhora-support-menu{
    width:200px;
    padding:0
}
.zhora-support-menu .menu-header{
    width:100%;
    margin:0;
    padding:15px;
    background-color:#212529;
    text-align:center
}
.zhora-support-menu .mdl-menu__item{
    height:36px;
    line-height:36px
}
.hidden{
    display:none;
    max-height:0;
    overflow:hidden
}
.fa-sm{
    font-size:.75em
}