html{
-webkit-box-sizing:border-box;
box-sizing:border-box;
overflow-y:auto;
-webkit-text-size-adjust:100%
}
*,:after,:before{
background-repeat:no-repeat;
-webkit-box-sizing:inherit;
box-sizing:inherit
}
:after,:before{
text-decoration:inherit;
vertical-align:inherit
}
*{
padding:0;
margin:0
}
audio:not([controls]){
display:none;
height:0
}
hr{
overflow:visible
}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{
display:block
}
summary{
display:list-item
}
small{
font-size:80%
}
[hidden],template{
display:none
}
abbr[title]{
border-bottom:1px dotted;
text-decoration:none
}
a{
background-color:transparent;
-webkit-text-decoration-skip:objects
}
a:active,a:hover{
outline-width:0
}
code,kbd,pre,samp{
font-family:monospace,monospace
}
b,strong{
font-weight:bolder
}
dfn{
font-style:italic
}
mark{
background-color:#ff0;
color:#000
}
sub,sup{
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}
sub{
bottom:-.25em
}
sup{
top:-.5em
}
input{
border-radius:0
}
[role=button],[type=button],[type=reset],[type=submit],button{
cursor:pointer
}
[disabled]{
cursor:default
}
[type=number]{
width:auto
}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{
-webkit-appearance:none
}
textarea{
overflow:auto;
resize:vertical
}
button,input,optgroup,select,textarea{
font:inherit
}
optgroup{
font-weight:700
}
button{
overflow:visible
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
border-style:0;
padding:0
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{
outline:1px dotted ButtonText
}
[type=reset],[type=submit],button,html [type=button]{
-webkit-appearance:button
}
button,select{
text-transform:none
}
button,input,select,textarea{
background-color:transparent;
border-style:none;
color:inherit
}
select{
-moz-appearance:none;
-webkit-appearance:none
}
select::-ms-expand{
display:none
}
select::-ms-value{
color:currentColor
}
legend{
border:0;
color:inherit;
display:table;
max-width:100%;
white-space:normal
}
::-webkit-file-upload-button{
-webkit-appearance:button;
font:inherit
}
[type=search]{
-webkit-appearance:textfield;
outline-offset:-2px
}
img{
border-style:none
}
progress{
vertical-align:baseline
}
svg:not(:root){
overflow:hidden
}
audio,canvas,progress,video{
display:inline-block
}
@media screen{
[hidden~=screen]{
display:inherit
}
[hidden~=screen]:not(:active):not(:focus):not(:target){
position:absolute!important;
clip:rect(0 0 0 0)!important
}
}
[aria-busy=true]{
cursor:progress
}
[aria-controls]{
cursor:pointer
}
[aria-disabled]{
cursor:default
}
::-moz-selection{
background-color:#b3d4fc;
color:#000;
text-shadow:none
}
::selection{
background-color:#b3d4fc;
color:#000;
text-shadow:none
}
@font-face{
font-family:Miriam Libre;
font-style:normal;
font-weight:400;
src:local("Miriam Libre"),local("MiriamLibre-Regular"),url("../fonts/miriam/miriam-libre-v1-latin-regular.html") format("woff2"),url("../fonts/miriam/miriam-libre-v1-latin-regular.woff") format("woff")
}
@font-face{
font-family:Miriam Libre;
font-style:normal;
font-weight:700;
src:local("Miriam Libre Bold"),local("MiriamLibre-Bold"),url("../fonts/miriam/miriam-libre-v1-latin-700.html") format("woff2"),url("../fonts/miriam/miriam-libre-v1-latin-700.woff") format("woff")
}
@font-face{
font-family:Material Icons;
font-style:normal;
font-weight:400;
src:url("../fonts/material/MaterialIcons-Regular.eot");
src:local("Material Icons"),local("MaterialIcons-Regular"),url("../fonts/material/MaterialIcons-Regular.html") format("woff2"),url("../fonts/material/MaterialIcons-Regular.woff") format("woff"),url("../fonts/material/MaterialIcons-Regular.ttf") format("truetype")
}
i.material-icons{
color:inherit;
font-family:Material Icons;
font-weight:400;
font-style:normal;
font-size:24px;
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
line-height:1;
text-transform:none;
letter-spacing:normal;
word-wrap:normal;
white-space:nowrap;
direction:ltr;
text-rendering:optimizeLegibility;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
-webkit-font-feature-settings:"liga";
font-feature-settings:"liga"
}
input[type=password],input[type=text],textarea{
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
main{
position:relative;
z-index:1
}
.application{
-webkit-backface-visibility:hidden
}
.application,.application>main>.container{
min-height:100vh
}
.application--toolbar>main>.container{
min-height:calc(100vh - 64px)
}
.application--toolbar.application--footer>main>.container{
min-height:calc(100vh - 64px - 36px)
}
.application--footer>main>.container{
min-height:calc(100vh - 36px)
}
.application--footer-fixed>aside.navigation-drawer{
max-height:calc(100vh - 36px)
}
.application--footer-fixed>main{
padding-bottom:36px
}
.application--footer-fixed.application--toolbar>aside.navigation-drawer.navigation-drawer--clipped{
max-height:calc(100vh - 64px - 36px)
}
.application--light{
background:#fafafa;
color:rgba(0,0,0,.87)
}
.application--light .system-bar{
background-color:#e0e0e0;
color:rgba(0,0,0,.54)
}
.application--light .system-bar .icon{
color:rgba(0,0,0,.54)
}
.application--light .system-bar--lights-out{
background-color:hsla(0,0%,100%,.7)!important
}
.application--light .toolbar{
background-color:#f5f5f5;
color:rgba(0,0,0,.87)
}
.application--light .toolbar .btn,.application--light .toolbar .btn .icon{
color:rgba(0,0,0,.87)
}
.application--light .toolbar .btn--disabled{
-webkit-box-shadow:none!important;
box-shadow:none!important;
color:rgba(0,0,0,.26);
pointer-events:none;
opacity:.4
}
.application--light .toolbar .btn--disabled:not(.btn--icon):not(.btn--flat){
background-color:rgba(0,0,0,.12)!important
}
.application--light .toolbar .btn:not(.btn--icon):not(.btn--flat){
background-color:#f5f5f5
}
.application--light .toolbar .btn.btn--floating,.application--light .toolbar .btn.btn--icon{
color:rgba(0,0,0,.54)
}
.application--light .toolbar .toolbar__item{
color:rgba(0,0,0,.87)
}
.application--light .toolbar .toolbar__item:hover{
background:rgba(0,0,0,.12)
}
.application--light .navigation-drawer{
background-color:#fff
}
.application--light .navigation-drawer__border{
background-color:rgba(0,0,0,.12)
}
.application--light .navigation-drawer.navigation-drawer--right:after{
left:0;
right:auto
}
.application--light .navigation-drawer .list,.application--light .navigation-drawer .subheader,.application--light .navigation-drawer a{
color:rgba(0,0,0,.87)
}
.application--light .navigation-drawer .divider{
background-color:rgba(0,0,0,.12)
}
.application--light .navigation-drawer .list{
background:#fff
}
.application--light .navigation-drawer .list__tile{
color:rgba(0,0,0,.87)
}
.application--light .navigation-drawer .list__tile__sub-title{
color:rgba(0,0,0,.54)
}
.application--light .navigation-drawer .list--group__header--active+.list--group:after,.application--light .navigation-drawer .list--group__header--active .list__tile:after{
background:rgba(0,0,0,.12)
}
.application--light .btn,.application--light .btn .icon{
color:rgba(0,0,0,.87)
}
.application--light .btn--disabled{
-webkit-box-shadow:none!important;
box-shadow:none!important;
color:rgba(0,0,0,.26);
pointer-events:none;
opacity:.4
}
.application--light .btn--disabled:not(.btn--icon):not(.btn--flat){
background-color:rgba(0,0,0,.12)!important
}
.application--light .btn:not(.btn--icon):not(.btn--flat){
background-color:#f5f5f5
}
.application--light .btn.btn--floating,.application--light .btn.btn--icon{
color:rgba(0,0,0,.54)
}
.application--light .btn-toggle .btn--selected{
background:#fafafa
}
.application--light .btn-toggle .btn[data-selected]{
opacity:1;
background-color:rgba(0,0,0,.12)!important
}
.application--light .btn-toggle .btn[data-selected]:not(:last-child):not([data-only-child]){
border-right-color:rgba(0,0,0,.12)
}
.application--light .footer{
background-color:#f5f5f5
}
.application--light .card{
background-color:#fff;
color:rgba(0,0,0,.87)
}
.application--light .icon{
color:rgba(0,0,0,.54)
}
.application--light .icon:disabled{
color:rgba(0,0,0,.38)
}
.application--light .divider{
background-color:rgba(0,0,0,.12)
}
.application--light .input-group input,.application--light .input-group textarea{
color:rgba(0,0,0,.87)
}
.application--light .input-group input:disabled,.application--light .input-group textarea:disabled{
color:rgba(0,0,0,.38)
}
.application--light .input-group .input-group__details{
color:rgba(0,0,0,.54)
}
.application--light .input-group.input-group--textarea:not(.input-group--full-width) textarea{
border:2px solid rgba(0,0,0,.54)
}
.application--light .input-group.input-group--dirty .input-group__selections__comma{
color:rgba(0,0,0,.87)
}
.application--light .input-group:not(.input-group--error) label{
color:rgba(0,0,0,.54)
}
.application--light .input-group:not(.input-group--error) .input-group__details:before{
background-color:rgba(0,0,0,.42)
}
.application--light .input-group:not(.input-group--error):not(.input-group--focused) .input-group__input .input-group__append-icon,.application--light .input-group:not(.input-group--error):not(.input-group--focused) .input-group__input .input-group__prepend-icon{
color:rgba(0,0,0,.54)
}
.application--light .input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled):not(.input-group--overflow):not(.input-group--segmented):not(.input-group--editable):hover .input-group__details:before{
background-color:rgba(0,0,0,.87)
}
.application--light .input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled):not(.input-group--overflow):not(.input-group--segmented):not(.input-group--editable):hover.input-group--textarea:not(.input-group--full-width) textarea{
border-color:rgba(0,0,0,.87)
}
.application--light .input-group .input-group__counter{
color:rgba(0,0,0,.54)
}
.application--light .input-group.input-group--editable .input-group__details:before,.application--light .input-group.input-group--editable .input-group__input:before,.application--light .input-group.input-group--overflow .input-group__details:before,.application--light .input-group.input-group--overflow .input-group__input:before,.application--light .input-group.input-group--segmented .input-group__details:before,.application--light .input-group.input-group--segmented .input-group__input:before{
background-color:rgba(0,0,0,.12)
}
.application--light .input-group.input-group--disabled input{
color:rgba(0,0,0,.54)
}
.application--light .input-group.input-group--disabled .input-group__details:before{
background-color:transparent;
background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,.38)),color-stop(33%,rgba(0,0,0,.38)),color-stop(0,transparent));
background-image:linear-gradient(90deg,rgba(0,0,0,.38) 0,rgba(0,0,0,.38) 33%,transparent 0)
}
.application--light .input-group .input-group--text-field__prefix,.application--light .input-group .input-group--text-field__suffix{
color:rgba(0,0,0,.54)
}
.application--light .input-group.input-group--selection-controls.switch .input-group--selection-controls__container{
color:#009688
}
.application--light .input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple:after{
background-color:#fafafa
}
.application--light .input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple:not(.input-group--selection-controls__ripple--active){
color:rgba(0,0,0,.38)
}
.application--light .input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple--active:after{
background-color:#009688
}
.application--light .input-group.input-group--selection-controls.switch .input-group--selection-controls__toggle{
color:rgba(0,0,0,.38)
}
.application--light .input-group.input-group--selection-controls.switch .input-group--selection-controls__toggle--active{
color:inherit
}
.application--light .input-group.input-group--selection-controls.switch.input-group--disabled .input-group--selection-controls__ripple:after{
background-color:#bdbdbd!important
}
.application--light .input-group.input-group--selection-controls.switch.input-group--disabled .input-group--selection-controls__toggle{
color:rgba(0,0,0,.12)!important
}
.application--light .input-group.input-group--selection-controls.checkbox,.application--light .input-group.input-group--selection-controls.radio{
color:#009688
}
.application--light .input-group.input-group--selection-controls.checkbox .icon,.application--light .input-group.input-group--selection-controls.checkbox:not(.input-group--active) .input-group__input,.application--light .input-group.input-group--selection-controls.radio .icon,.application--light .input-group.input-group--selection-controls.radio:not(.input-group--active) .input-group__input{
color:rgba(0,0,0,.54)
}
.application--light .input-group.input-group--selection-controls.checkbox.input-group--active .icon,.application--light .input-group.input-group--selection-controls.radio.input-group--active .icon{
color:inherit
}
.application--light .input-group.input-group--selection-controls.checkbox.input-group--disabled .input-group__input,.application--light .input-group.input-group--selection-controls.radio.input-group--disabled .input-group__input{
color:rgba(0,0,0,.38)
}
.application--light .input-group.input-group--selection-controls.checkbox.input-group--disabled .input-group__input .icon,.application--light .input-group.input-group--selection-controls.radio.input-group--disabled .input-group__input .icon{
color:inherit
}
.application--light .input-group--slider label{
-webkit-transform:none;
transform:none;
-ms-flex-preferred-size:56px;
flex-basis:56px;
color:rgba(0,0,0,.54);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:18px;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.application--light .input-group--slider .slider__track,.application--light .input-group--slider .slider__track-fill{
background:rgba(0,0,0,.26)
}
.application--light .input-group--slider .slider__tick,.application--light .input-group--slider .slider__track__container:after{
border:1px solid rgba(0,0,0,.87)
}
.application--light .input-group--slider:not(.input-group--dirty) .slider__thumb--label{
background:rgba(0,0,0,.26)
}
.application--light .input-group--slider:not(.input-group--dirty).input-group--ticks .slider__thumb-container .slider__thumb{
background:#000
}
.application--light .input-group--slider:not(.input-group--dirty):not(.input-group--ticks) .slider__thumb{
border:4px solid rgba(0,0,0,.26)
}
.application--light .input-group--slider:not(.input-group--dirty):not(.input-group--ticks):focus .slider__thumb{
border:4px solid rgba(0,0,0,.38)
}
.application--light .input-group--slider.input-group--disabled:not(.input-group--ticks) .slider__thumb{
background:rgba(0,0,0,.26);
border:0 solid transparent
}
.application--light .input-group--slider:focus .slider__track{
background:rgba(0,0,0,.38)
}
.application--light .list{
background:#fff
}
.application--light .list .list__tile:not(.list__tile--active){
color:rgba(0,0,0,.87)
}
.application--light .list .list__tile__sub-title,.application--light .list .subheader{
color:rgba(0,0,0,.54)
}
.application--light .list .divider{
background-color:rgba(0,0,0,.12)
}
.application--light .tabs .tabs__item{
color:rgba(0,0,0,.7)
}
.application--light .tabs .tabs__item.tabs__item--active{
color:#1976d2
}
.application--light .tabs .tabs__item.tabs__item--disabled{
color:rgba(0,0,0,.26)
}
.application--light .tabs .icon--left,.application--light .tabs .icon--right{
color:rgba(0,0,0,.54)
}
.application--light .stepper{
background:#fff
}
.application--light .stepper .stepper__step:not(.stepper__step--active):not(.stepper__step--complete):not(.stepper__step--error) .stepper__step__step{
background:rgba(0,0,0,.38)
}
.application--light .stepper .stepper__step__step,.application--light .stepper .stepper__step__step .icon{
color:#fff
}
.application--light .stepper .stepper__header .divider{
background:rgba(0,0,0,.12)
}
.application--light .stepper .stepper__step--active .stepper__label{
text-shadow:0 0 0 #000
}
.application--light .stepper .stepper__step--editable:hover{
background:rgba(0,0,0,.06)
}
.application--light .stepper .stepper__step--editable:hover .stepper__label{
text-shadow:0 0 0 #000
}
.application--light .stepper .stepper__step--complete .stepper__label{
color:rgba(0,0,0,.87)
}
.application--light .stepper .stepper__step--inactive.stepper__step--editable:hover .stepper__step__step{
background:rgba(0,0,0,.54)
}
.application--light .stepper .stepper__label{
color:rgba(0,0,0,.38)
}
.application--light .stepper--non-linear .stepper__step:not(.stepper__step--complete) .stepper__label,.application--light .stepper .stepper__label small{
color:rgba(0,0,0,.54)
}
.application--light .stepper--vertical .stepper__content:not(:last-child){
border-left:1px solid rgba(0,0,0,.12)
}
.application--light .subheader{
color:rgba(0,0,0,.87)
}
.application--light .table{
background-color:#fff;
color:rgba(0,0,0,.87)
}
.application--light .table tr:not(:last-child){
border-bottom:1px solid rgba(0,0,0,.12)
}
.application--light .table thead th{
color:rgba(0,0,0,.54)
}
.application--light .table thead:last-of-type{
border-bottom:1px solid rgba(0,0,0,.12)
}
.application--light .table tbody tr[active]{
background:#f5f5f5
}
.application--light .table tbody tr:hover{
background:#eee
}
.application--light .table tfoot tr{
border-top:1px solid rgba(0,0,0,.12)
}
.application--light .datatable thead th.column.sortable i{
color:rgba(0,0,0,.38)
}
.application--light .datatable thead th.column.sortable.active,.application--light .datatable thead th.column.sortable.active i,.application--light .datatable thead th.column.sortable:hover{
color:rgba(0,0,0,.87)
}
.application--light .datatable .datatable__actions{
color:rgba(0,0,0,.54)
}
.application--light .datatable .datatable__actions__select .input-group--select .input-group__selections__comma{
color:rgba(0,0,0,.54)!important;
font-size:12px
}
.application--light .datatable .datatable__actions__select .input-group--select .input-group__append-icon{
color:rgba(0,0,0,.54)!important
}
.application--dark{
background:#303030;
color:#fff
}
.application--dark .system-bar{
background-color:#000;
color:hsla(0,0%,100%,.7)
}
.application--dark .system-bar .icon{
color:hsla(0,0%,100%,.7)
}
.application--dark .system-bar--lights-out{
background-color:rgba(0,0,0,.2)!important
}
.application--dark .toolbar{
background-color:#212121;
color:#fff
}
.application--dark .toolbar .btn,.application--dark .toolbar .btn .icon{
color:#fff
}
.application--dark .toolbar .btn--disabled{
-webkit-box-shadow:none!important;
box-shadow:none!important;
color:hsla(0,0%,100%,.3);
pointer-events:none;
opacity:.4
}
.application--dark .toolbar .btn--disabled:not(.btn--icon):not(.btn--flat){
background-color:hsla(0,0%,100%,.12)!important
}
.application--dark .toolbar .btn:not(.btn--icon):not(.btn--flat){
background-color:#212121
}
.application--dark .toolbar .btn.btn--floating,.application--dark .toolbar .btn.btn--icon,.application--dark .toolbar .toolbar__item{
color:#fff
}
.application--dark .toolbar .toolbar__item:hover{
background:hsla(0,0%,100%,.12)
}
.application--dark .navigation-drawer{
background-color:#424242
}
.application--dark .navigation-drawer__border{
background-color:hsla(0,0%,100%,.12)
}
.application--dark .navigation-drawer.navigation-drawer--right:after{
left:0;
right:auto
}
.application--dark .navigation-drawer .list,.application--dark .navigation-drawer .subheader,.application--dark .navigation-drawer a{
color:#fff
}
.application--dark .navigation-drawer .divider{
background-color:hsla(0,0%,100%,.12)
}
.application--dark .navigation-drawer .list{
background:#424242
}
.application--dark .navigation-drawer .list__tile{
color:#fff
}
.application--dark .navigation-drawer .list__tile__sub-title{
color:hsla(0,0%,100%,.7)
}
.application--dark .navigation-drawer .list--group__header--active+.list--group:after,.application--dark .navigation-drawer .list--group__header--active .list__tile:after{
background:hsla(0,0%,100%,.12)
}
.application--dark .btn,.application--dark .btn .icon{
color:#fff
}
.application--dark .btn--disabled{
-webkit-box-shadow:none!important;
box-shadow:none!important;
color:hsla(0,0%,100%,.3);
pointer-events:none;
opacity:.4
}
.application--dark .btn--disabled:not(.btn--icon):not(.btn--flat){
background-color:hsla(0,0%,100%,.12)!important
}
.application--dark .btn:not(.btn--icon):not(.btn--flat){
background-color:#212121
}
.application--dark .btn.btn--floating,.application--dark .btn.btn--icon{
color:#fff
}
.application--dark .btn-toggle .btn--selected{
background:#303030
}
.application--dark .btn-toggle .btn[data-selected]{
opacity:1;
background-color:hsla(0,0%,100%,.12)!important
}
.application--dark .btn-toggle .btn[data-selected]:not(:last-child):not([data-only-child]){
border-right-color:hsla(0,0%,100%,.12)
}
.application--dark .footer{
background-color:#212121
}
.application--dark .card{
background-color:#424242;
color:#fff
}
.application--dark .icon{
color:#fff
}
.application--dark .icon:disabled{
color:hsla(0,0%,100%,.5)
}
.application--dark .divider{
background-color:hsla(0,0%,100%,.12)
}
.application--dark .input-group input,.application--dark .input-group textarea{
color:#fff
}
.application--dark .input-group input:disabled,.application--dark .input-group textarea:disabled{
color:hsla(0,0%,100%,.5)
}
.application--dark .input-group .input-group__details{
color:hsla(0,0%,100%,.7)
}
.application--dark .input-group.input-group--textarea:not(.input-group--full-width) textarea{
border:2px solid hsla(0,0%,100%,.7)
}
.application--dark .input-group.input-group--dirty .input-group__selections__comma{
color:#fff
}
.application--dark .input-group:not(.input-group--error) label{
color:hsla(0,0%,100%,.7)
}
.application--dark .input-group:not(.input-group--error) .input-group__details:before{
background-color:hsla(0,0%,100%,.7)
}
.application--dark .input-group:not(.input-group--error):not(.input-group--focused) .input-group__input .input-group__append-icon,.application--dark .input-group:not(.input-group--error):not(.input-group--focused) .input-group__input .input-group__prepend-icon{
color:hsla(0,0%,100%,.7)
}
.application--dark .input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled):not(.input-group--overflow):not(.input-group--segmented):not(.input-group--editable):hover .input-group__details:before{
background-color:#fff
}
.application--dark .input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled):not(.input-group--overflow):not(.input-group--segmented):not(.input-group--editable):hover.input-group--textarea:not(.input-group--full-width) textarea{
border-color:#fff
}
.application--dark .input-group .input-group__counter{
color:hsla(0,0%,100%,.7)
}
.application--dark .input-group.input-group--editable .input-group__details:before,.application--dark .input-group.input-group--editable .input-group__input:before,.application--dark .input-group.input-group--overflow .input-group__details:before,.application--dark .input-group.input-group--overflow .input-group__input:before,.application--dark .input-group.input-group--segmented .input-group__details:before,.application--dark .input-group.input-group--segmented .input-group__input:before{
background-color:hsla(0,0%,100%,.12)
}
.application--dark .input-group.input-group--disabled input{
color:hsla(0,0%,100%,.7)
}
.application--dark .input-group.input-group--disabled .input-group__details:before{
background-color:transparent;
background-image:-webkit-gradient(linear,left top,right top,color-stop(0,hsla(0,0%,100%,.5)),color-stop(33%,hsla(0,0%,100%,.5)),color-stop(0,transparent));
background-image:linear-gradient(90deg,hsla(0,0%,100%,.5) 0,hsla(0,0%,100%,.5) 33%,transparent 0)
}
.application--dark .input-group .input-group--text-field__prefix,.application--dark .input-group .input-group--text-field__suffix{
color:hsla(0,0%,100%,.7)
}
.application--dark .input-group.input-group--selection-controls.switch .input-group--selection-controls__container{
color:#80cbc4
}
.application--dark .input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple:after{
background-color:#bdbdbd
}
.application--dark .input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple:not(.input-group--selection-controls__ripple--active){
color:hsla(0,0%,100%,.3)
}
.application--dark .input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple--active:after{
background-color:#80cbc4
}
.application--dark .input-group.input-group--selection-controls.switch .input-group--selection-controls__toggle{
color:hsla(0,0%,100%,.3)
}
.application--dark .input-group.input-group--selection-controls.switch .input-group--selection-controls__toggle--active{
color:inherit
}
.application--dark .input-group.input-group--selection-controls.switch.input-group--disabled .input-group--selection-controls__ripple:after{
background-color:#424242!important
}
.application--dark .input-group.input-group--selection-controls.switch.input-group--disabled .input-group--selection-controls__toggle{
color:hsla(0,0%,100%,.1)!important
}
.application--dark .input-group.input-group--selection-controls.checkbox,.application--dark .input-group.input-group--selection-controls.radio{
color:#80cbc4
}
.application--dark .input-group.input-group--selection-controls.checkbox .icon,.application--dark .input-group.input-group--selection-controls.checkbox:not(.input-group--active) .input-group__input,.application--dark .input-group.input-group--selection-controls.radio .icon,.application--dark .input-group.input-group--selection-controls.radio:not(.input-group--active) .input-group__input{
color:hsla(0,0%,100%,.7)
}
.application--dark .input-group.input-group--selection-controls.checkbox.input-group--active .icon,.application--dark .input-group.input-group--selection-controls.radio.input-group--active .icon{
color:inherit
}
.application--dark .input-group.input-group--selection-controls.checkbox.input-group--disabled .input-group__input,.application--dark .input-group.input-group--selection-controls.radio.input-group--disabled .input-group__input{
color:hsla(0,0%,100%,.5)
}
.application--dark .input-group.input-group--selection-controls.checkbox.input-group--disabled .input-group__input .icon,.application--dark .input-group.input-group--selection-controls.radio.input-group--disabled .input-group__input .icon{
color:inherit
}
.application--dark .input-group--slider label{
-webkit-transform:none;
transform:none;
-ms-flex-preferred-size:56px;
flex-basis:56px;
color:hsla(0,0%,100%,.7);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:18px;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.application--dark .input-group--slider .slider__track,.application--dark .input-group--slider .slider__track-fill{
background:hsla(0,0%,100%,.2)
}
.application--dark .input-group--slider .slider__tick,.application--dark .input-group--slider .slider__track__container:after{
border:1px solid #fff
}
.application--dark .input-group--slider:not(.input-group--dirty) .slider__thumb--label{
background:hsla(0,0%,100%,.2)
}
.application--dark .input-group--slider:not(.input-group--dirty).input-group--ticks .slider__thumb-container .slider__thumb{
background:#fff
}
.application--dark .input-group--slider:not(.input-group--dirty):not(.input-group--ticks) .slider__thumb{
border:4px solid hsla(0,0%,100%,.2)
}
.application--dark .input-group--slider:not(.input-group--dirty):not(.input-group--ticks):focus .slider__thumb{
border:4px solid hsla(0,0%,100%,.3)
}
.application--dark .input-group--slider.input-group--disabled:not(.input-group--ticks) .slider__thumb{
background:hsla(0,0%,100%,.2);
border:0 solid transparent
}
.application--dark .input-group--slider:focus .slider__track{
background:hsla(0,0%,100%,.3)
}
.application--dark .list{
background:#424242
}
.application--dark .list .list__tile:not(.list__tile--active){
color:#fff
}
.application--dark .list .list__tile__sub-title,.application--dark .list .subheader{
color:hsla(0,0%,100%,.7)
}
.application--dark .list .divider{
background-color:hsla(0,0%,100%,.12)
}
.application--dark .tabs .tabs__item{
color:hsla(0,0%,100%,.7)
}
.application--dark .tabs .tabs__item.tabs__item--active{
color:#fff
}
.application--dark .tabs .tabs__item.tabs__item--disabled{
color:hsla(0,0%,100%,.3)
}
.application--dark .tabs .icon--left,.application--dark .tabs .icon--right{
color:#fff
}
.application--dark .stepper{
background:#303030
}
.application--dark .stepper .stepper__step:not(.stepper__step--active):not(.stepper__step--complete):not(.stepper__step--error) .stepper__step__step{
background:hsla(0,0%,100%,.5)
}
.application--dark .stepper .stepper__step__step,.application--dark .stepper .stepper__step__step .icon{
color:#fff
}
.application--dark .stepper .stepper__header .divider{
background:hsla(0,0%,100%,.12)
}
.application--dark .stepper .stepper__step--active .stepper__label{
text-shadow:0 0 0 #fff
}
.application--dark .stepper .stepper__step--editable:hover{
background:hsla(0,0%,100%,.06)
}
.application--dark .stepper .stepper__step--editable:hover .stepper__label{
text-shadow:0 0 0 #fff
}
.application--dark .stepper .stepper__step--complete .stepper__label{
color:hsla(0,0%,100%,.87)
}
.application--dark .stepper .stepper__step--inactive.stepper__step--editable:hover .stepper__step__step{
background:hsla(0,0%,100%,.75)
}
.application--dark .stepper .stepper__label{
color:hsla(0,0%,100%,.5)
}
.application--dark .stepper--non-linear .stepper__step:not(.stepper__step--complete) .stepper__label,.application--dark .stepper .stepper__label small{
color:hsla(0,0%,100%,.7)
}
.application--dark .stepper--vertical .stepper__content:not(:last-child){
border-left:1px solid hsla(0,0%,100%,.12)
}
.application--dark .subheader{
color:#fff
}
.application--dark .table{
background-color:#424242;
color:#fff
}
.application--dark .table tr:not(:last-child){
border-bottom:1px solid hsla(0,0%,100%,.12)
}
.application--dark .table thead th{
color:hsla(0,0%,100%,.7)
}
.application--dark .table thead:last-of-type{
border-bottom:1px solid hsla(0,0%,100%,.12)
}
.application--dark .table tbody tr[active]{
background:#757575
}
.application--dark .table tbody tr:hover{
background:#616161
}
.application--dark .table tfoot tr{
border-top:1px solid hsla(0,0%,100%,.12)
}
.application--dark .datatable thead th.column.sortable i{
color:hsla(0,0%,100%,.5)
}
.application--dark .datatable thead th.column.sortable.active,.application--dark .datatable thead th.column.sortable.active i,.application--dark .datatable thead th.column.sortable:hover{
color:#fff
}
.application--dark .datatable .datatable__actions{
color:hsla(0,0%,100%,.7)
}
.application--dark .datatable .datatable__actions__select .input-group--select .input-group__selections__comma{
color:hsla(0,0%,100%,.7)!important;
font-size:12px
}
.application--dark .datatable .datatable__actions__select .input-group--select .input-group__append-icon{
color:hsla(0,0%,100%,.7)!important
}
.application .theme--light.card{
background-color:#fff;
color:rgba(0,0,0,.87)
}
.application .theme--light.system-bar{
background-color:#e0e0e0;
color:rgba(0,0,0,.54)
}
.application .theme--light.system-bar .icon{
color:rgba(0,0,0,.54)
}
.application .theme--light.system-bar--lights-out{
background-color:hsla(0,0%,100%,.7)!important
}
.application .theme--light.toolbar{
background-color:#f5f5f5;
color:rgba(0,0,0,.87)
}
.application .theme--light.toolbar .btn,.application .theme--light.toolbar .btn .icon{
color:rgba(0,0,0,.87)
}
.application .theme--light.toolbar .btn--disabled{
-webkit-box-shadow:none!important;
box-shadow:none!important;
color:rgba(0,0,0,.26);
pointer-events:none;
opacity:.4
}
.application .theme--light.toolbar .btn--disabled:not(.btn--icon):not(.btn--flat){
background-color:rgba(0,0,0,.12)!important
}
.application .theme--light.toolbar .btn:not(.btn--icon):not(.btn--flat){
background-color:#f5f5f5
}
.application .theme--light.toolbar .btn.btn--floating,.application .theme--light.toolbar .btn.btn--icon{
color:rgba(0,0,0,.54)
}
.application .theme--light.toolbar .toolbar__item{
color:rgba(0,0,0,.87)
}
.application .theme--light.toolbar .toolbar__item:hover{
background:rgba(0,0,0,.12)
}
.application .theme--light.navigation-drawer{
background-color:#fff
}
.application .theme--light.navigation-drawer__border{
background-color:rgba(0,0,0,.12)
}
.application .theme--light.navigation-drawer.navigation-drawer--right:after{
left:0;
right:auto
}
.application .theme--light.navigation-drawer .list,.application .theme--light.navigation-drawer .subheader,.application .theme--light.navigation-drawer a{
color:rgba(0,0,0,.87)
}
.application .theme--light.navigation-drawer .divider{
background-color:rgba(0,0,0,.12)
}
.application .theme--light.navigation-drawer .list{
background:#fff
}
.application .theme--light.navigation-drawer .list__tile{
color:rgba(0,0,0,.87)
}
.application .theme--light.navigation-drawer .list__tile__sub-title{
color:rgba(0,0,0,.54)
}
.application .theme--light.navigation-drawer .list--group__header--active+.list--group:after,.application .theme--light.navigation-drawer .list--group__header--active .list__tile:after{
background:rgba(0,0,0,.12)
}
.application .theme--light.btn,.application .theme--light.btn .icon{
color:rgba(0,0,0,.87)
}
.application .theme--light.btn--disabled{
-webkit-box-shadow:none!important;
box-shadow:none!important;
color:rgba(0,0,0,.26);
pointer-events:none;
opacity:.4
}
.application .theme--light.btn--disabled:not(.btn--icon):not(.btn--flat){
background-color:rgba(0,0,0,.12)!important
}
.application .theme--light.btn:not(.btn--icon):not(.btn--flat){
background-color:#f5f5f5
}
.application .theme--light.btn.btn--floating,.application .theme--light.btn.btn--icon{
color:rgba(0,0,0,.54)
}
.application .theme--light.btn-toggle .btn--selected{
background:#fafafa
}
.application .theme--light.btn-toggle .btn[data-selected]{
opacity:1;
background-color:rgba(0,0,0,.12)!important
}
.application .theme--light.btn-toggle .btn[data-selected]:not(:last-child):not([data-only-child]){
border-right-color:rgba(0,0,0,.12)
}
.application .theme--light.icon{
color:rgba(0,0,0,.54)
}
.application .theme--light.icon:disabled{
color:rgba(0,0,0,.38)
}
.application .theme--light.input-group input,.application .theme--light.input-group textarea{
color:rgba(0,0,0,.87)
}
.application .theme--light.input-group input:disabled,.application .theme--light.input-group textarea:disabled{
color:rgba(0,0,0,.38)
}
.application .theme--light.input-group .input-group__details{
color:rgba(0,0,0,.54)
}
.application .theme--light.input-group.input-group--textarea:not(.input-group--full-width) textarea{
border:2px solid rgba(0,0,0,.54)
}
.application .theme--light.input-group.input-group--dirty .input-group__selections__comma{
color:rgba(0,0,0,.87)
}
.application .theme--light.input-group:not(.input-group--error) label{
color:rgba(0,0,0,.54)
}
.application .theme--light.input-group:not(.input-group--error) .input-group__details:before{
background-color:rgba(0,0,0,.42)
}
.application .theme--light.input-group:not(.input-group--error):not(.input-group--focused) .input-group__input .input-group__append-icon,.application .theme--light.input-group:not(.input-group--error):not(.input-group--focused) .input-group__input .input-group__prepend-icon{
color:rgba(0,0,0,.54)
}
.application .theme--light.input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled):not(.input-group--overflow):not(.input-group--segmented):not(.input-group--editable):hover .input-group__details:before{
background-color:rgba(0,0,0,.87)
}
.application .theme--light.input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled):not(.input-group--overflow):not(.input-group--segmented):not(.input-group--editable):hover.input-group--textarea:not(.input-group--full-width) textarea{
border-color:rgba(0,0,0,.87)
}
.application .theme--light.input-group .input-group__counter{
color:rgba(0,0,0,.54)
}
.application .theme--light.input-group.input-group--editable .input-group__details:before,.application .theme--light.input-group.input-group--editable .input-group__input:before,.application .theme--light.input-group.input-group--overflow .input-group__details:before,.application .theme--light.input-group.input-group--overflow .input-group__input:before,.application .theme--light.input-group.input-group--segmented .input-group__details:before,.application .theme--light.input-group.input-group--segmented .input-group__input:before{
background-color:rgba(0,0,0,.12)
}
.application .theme--light.input-group.input-group--disabled input{
color:rgba(0,0,0,.54)
}
.application .theme--light.input-group.input-group--disabled .input-group__details:before{
background-color:transparent;
background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,.38)),color-stop(33%,rgba(0,0,0,.38)),color-stop(0,transparent));
background-image:linear-gradient(90deg,rgba(0,0,0,.38) 0,rgba(0,0,0,.38) 33%,transparent 0)
}
.application .theme--light.input-group .input-group--text-field__prefix,.application .theme--light.input-group .input-group--text-field__suffix{
color:rgba(0,0,0,.54)
}
.application .theme--light.input-group.input-group--selection-controls.switch .input-group--selection-controls__container{
color:#009688
}
.application .theme--light.input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple:after{
background-color:#fafafa
}
.application .theme--light.input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple:not(.input-group--selection-controls__ripple--active){
color:rgba(0,0,0,.38)
}
.application .theme--light.input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple--active:after{
background-color:#009688
}
.application .theme--light.input-group.input-group--selection-controls.switch .input-group--selection-controls__toggle{
color:rgba(0,0,0,.38)
}
.application .theme--light.input-group.input-group--selection-controls.switch .input-group--selection-controls__toggle--active{
color:inherit
}
.application .theme--light.input-group.input-group--selection-controls.switch.input-group--disabled .input-group--selection-controls__ripple:after{
background-color:#bdbdbd!important
}
.application .theme--light.input-group.input-group--selection-controls.switch.input-group--disabled .input-group--selection-controls__toggle{
color:rgba(0,0,0,.12)!important
}
.application .theme--light.input-group.input-group--selection-controls.checkbox,.application .theme--light.input-group.input-group--selection-controls.radio{
color:#009688
}
.application .theme--light.input-group.input-group--selection-controls.checkbox .icon,.application .theme--light.input-group.input-group--selection-controls.checkbox:not(.input-group--active) .input-group__input,.application .theme--light.input-group.input-group--selection-controls.radio .icon,.application .theme--light.input-group.input-group--selection-controls.radio:not(.input-group--active) .input-group__input{
color:rgba(0,0,0,.54)
}
.application .theme--light.input-group.input-group--selection-controls.checkbox.input-group--active .icon,.application .theme--light.input-group.input-group--selection-controls.radio.input-group--active .icon{
color:inherit
}
.application .theme--light.input-group.input-group--selection-controls.checkbox.input-group--disabled .input-group__input,.application .theme--light.input-group.input-group--selection-controls.radio.input-group--disabled .input-group__input{
color:rgba(0,0,0,.38)
}
.application .theme--light.input-group.input-group--selection-controls.checkbox.input-group--disabled .input-group__input .icon,.application .theme--light.input-group.input-group--selection-controls.radio.input-group--disabled .input-group__input .icon{
color:inherit
}
.application .theme--light.input-group--slider label{
-webkit-transform:none;
transform:none;
-ms-flex-preferred-size:56px;
flex-basis:56px;
color:rgba(0,0,0,.54);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:18px;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.application .theme--light.input-group--slider .slider__track,.application .theme--light.input-group--slider .slider__track-fill{
background:rgba(0,0,0,.26)
}
.application .theme--light.input-group--slider .slider__tick,.application .theme--light.input-group--slider .slider__track__container:after{
border:1px solid rgba(0,0,0,.87)
}
.application .theme--light.input-group--slider:not(.input-group--dirty) .slider__thumb--label{
background:rgba(0,0,0,.26)
}
.application .theme--light.input-group--slider:not(.input-group--dirty).input-group--ticks .slider__thumb-container .slider__thumb{
background:#000
}
.application .theme--light.input-group--slider:not(.input-group--dirty):not(.input-group--ticks) .slider__thumb{
border:4px solid rgba(0,0,0,.26)
}
.application .theme--light.input-group--slider:not(.input-group--dirty):not(.input-group--ticks):focus .slider__thumb{
border:4px solid rgba(0,0,0,.38)
}
.application .theme--light.input-group--slider.input-group--disabled:not(.input-group--ticks) .slider__thumb{
background:rgba(0,0,0,.26);
border:0 solid transparent
}
.application .theme--light.input-group--slider:focus .slider__track{
background:rgba(0,0,0,.38)
}
.application .theme--light.list{
background:#fff
}
.application .theme--light.list .list__tile:not(.list__tile--active){
color:rgba(0,0,0,.87)
}
.application .theme--light.list .list__tile__sub-title,.application .theme--light.list .subheader{
color:rgba(0,0,0,.54)
}
.application .theme--light.divider,.application .theme--light.list .divider{
background-color:rgba(0,0,0,.12)
}
.application .theme--light.tabs .tabs__item{
color:rgba(0,0,0,.7)
}
.application .theme--light.tabs .tabs__item.tabs__item--active{
color:#1976d2
}
.application .theme--light.tabs .tabs__item.tabs__item--disabled{
color:rgba(0,0,0,.26)
}
.application .theme--light.tabs .icon--left,.application .theme--light.tabs .icon--right{
color:rgba(0,0,0,.54)
}
.application .theme--light.stepper{
background:#fff
}
.application .theme--light.stepper .stepper__step:not(.stepper__step--active):not(.stepper__step--complete):not(.stepper__step--error) .stepper__step__step{
background:rgba(0,0,0,.38)
}
.application .theme--light.stepper .stepper__step__step,.application .theme--light.stepper .stepper__step__step .icon{
color:#fff
}
.application .theme--light.stepper .stepper__header .divider{
background:rgba(0,0,0,.12)
}
.application .theme--light.stepper .stepper__step--active .stepper__label{
text-shadow:0 0 0 #000
}
.application .theme--light.stepper .stepper__step--editable:hover{
background:rgba(0,0,0,.06)
}
.application .theme--light.stepper .stepper__step--editable:hover .stepper__label{
text-shadow:0 0 0 #000
}
.application .theme--light.stepper .stepper__step--complete .stepper__label{
color:rgba(0,0,0,.87)
}
.application .theme--light.stepper .stepper__step--inactive.stepper__step--editable:hover .stepper__step__step{
background:rgba(0,0,0,.54)
}
.application .theme--light.stepper .stepper__label{
color:rgba(0,0,0,.38)
}
.application .theme--light.stepper--non-linear .stepper__step:not(.stepper__step--complete) .stepper__label,.application .theme--light.stepper .stepper__label small{
color:rgba(0,0,0,.54)
}
.application .theme--light.stepper--vertical .stepper__content:not(:last-child){
border-left:1px solid rgba(0,0,0,.12)
}
.application .theme--light.subheader{
color:rgba(0,0,0,.87)
}
.application .theme--light.table{
background-color:#fff;
color:rgba(0,0,0,.87)
}
.application .theme--light.table tr:not(:last-child){
border-bottom:1px solid rgba(0,0,0,.12)
}
.application .theme--light.table thead th{
color:rgba(0,0,0,.54)
}
.application .theme--light.table thead:last-of-type{
border-bottom:1px solid rgba(0,0,0,.12)
}
.application .theme--light.table tbody tr[active]{
background:#f5f5f5
}
.application .theme--light.table tbody tr:hover{
background:#eee
}
.application .theme--light.table tfoot tr{
border-top:1px solid rgba(0,0,0,.12)
}
.application .theme--light.datatable thead th.column.sortable i{
color:rgba(0,0,0,.38)
}
.application .theme--light.datatable thead th.column.sortable.active,.application .theme--light.datatable thead th.column.sortable.active i,.application .theme--light.datatable thead th.column.sortable:hover{
color:rgba(0,0,0,.87)
}
.application .theme--light.datatable .datatable__actions{
color:rgba(0,0,0,.54)
}
.application .theme--light.datatable .datatable__actions__select .input-group--select .input-group__selections__comma{
color:rgba(0,0,0,.54)!important;
font-size:12px
}
.application .theme--light.datatable .datatable__actions__select .input-group--select .input-group__append-icon{
color:rgba(0,0,0,.54)!important
}
.application .theme--dark.card{
background-color:#424242;
color:#fff
}
.application .theme--dark.system-bar{
background-color:#000;
color:hsla(0,0%,100%,.7)
}
.application .theme--dark.system-bar .icon{
color:hsla(0,0%,100%,.7)
}
.application .theme--dark.system-bar--lights-out{
background-color:rgba(0,0,0,.2)!important
}
.application .theme--dark.toolbar{
background-color:#212121;
color:#fff
}
.application .theme--dark.toolbar .btn,.application .theme--dark.toolbar .btn .icon{
color:#fff
}
.application .theme--dark.toolbar .btn--disabled{
-webkit-box-shadow:none!important;
box-shadow:none!important;
color:hsla(0,0%,100%,.3);
pointer-events:none;
opacity:.4
}
.application .theme--dark.toolbar .btn--disabled:not(.btn--icon):not(.btn--flat){
background-color:hsla(0,0%,100%,.12)!important
}
.application .theme--dark.toolbar .btn:not(.btn--icon):not(.btn--flat){
background-color:#212121
}
.application .theme--dark.toolbar .btn.btn--floating,.application .theme--dark.toolbar .btn.btn--icon,.application .theme--dark.toolbar .toolbar__item{
color:#fff
}
.application .theme--dark.toolbar .toolbar__item:hover{
background:hsla(0,0%,100%,.12)
}
.application .theme--dark.navigation-drawer{
background-color:#424242
}
.application .theme--dark.navigation-drawer__border{
background-color:hsla(0,0%,100%,.12)
}
.application .theme--dark.navigation-drawer.navigation-drawer--right:after{
left:0;
right:auto
}
.application .theme--dark.navigation-drawer .list,.application .theme--dark.navigation-drawer .subheader,.application .theme--dark.navigation-drawer a{
color:#fff
}
.application .theme--dark.navigation-drawer .divider{
background-color:hsla(0,0%,100%,.12)
}
.application .theme--dark.navigation-drawer .list{
background:#424242
}
.application .theme--dark.navigation-drawer .list__tile{
color:#fff
}
.application .theme--dark.navigation-drawer .list__tile__sub-title{
color:hsla(0,0%,100%,.7)
}
.application .theme--dark.navigation-drawer .list--group__header--active+.list--group:after,.application .theme--dark.navigation-drawer .list--group__header--active .list__tile:after{
background:hsla(0,0%,100%,.12)
}
.application .theme--dark.btn,.application .theme--dark.btn .icon{
color:#fff
}
.application .theme--dark.btn--disabled{
-webkit-box-shadow:none!important;
box-shadow:none!important;
color:hsla(0,0%,100%,.3);
pointer-events:none;
opacity:.4
}
.application .theme--dark.btn--disabled:not(.btn--icon):not(.btn--flat){
background-color:hsla(0,0%,100%,.12)!important
}
.application .theme--dark.btn:not(.btn--icon):not(.btn--flat){
background-color:#212121
}
.application .theme--dark.btn.btn--floating,.application .theme--dark.btn.btn--icon{
color:#fff
}
.application .theme--dark.btn-toggle .btn--selected{
background:#303030
}
.application .theme--dark.btn-toggle .btn[data-selected]{
opacity:1;
background-color:hsla(0,0%,100%,.12)!important
}
.application .theme--dark.btn-toggle .btn[data-selected]:not(:last-child):not([data-only-child]){
border-right-color:hsla(0,0%,100%,.12)
}
.application .theme--dark.icon{
color:#fff
}
.application .theme--dark.icon:disabled{
color:hsla(0,0%,100%,.5)
}
.application .theme--dark.input-group input,.application .theme--dark.input-group textarea{
color:#fff
}
.application .theme--dark.input-group input:disabled,.application .theme--dark.input-group textarea:disabled{
color:hsla(0,0%,100%,.5)
}
.application .theme--dark.input-group .input-group__details{
color:hsla(0,0%,100%,.7)
}
.application .theme--dark.input-group.input-group--textarea:not(.input-group--full-width) textarea{
border:2px solid hsla(0,0%,100%,.7)
}
.application .theme--dark.input-group.input-group--dirty .input-group__selections__comma{
color:#fff
}
.application .theme--dark.input-group:not(.input-group--error) label{
color:hsla(0,0%,100%,.7)
}
.application .theme--dark.input-group:not(.input-group--error) .input-group__details:before{
background-color:hsla(0,0%,100%,.7)
}
.application .theme--dark.input-group:not(.input-group--error):not(.input-group--focused) .input-group__input .input-group__append-icon,.application .theme--dark.input-group:not(.input-group--error):not(.input-group--focused) .input-group__input .input-group__prepend-icon{
color:hsla(0,0%,100%,.7)
}
.application .theme--dark.input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled):not(.input-group--overflow):not(.input-group--segmented):not(.input-group--editable):hover .input-group__details:before{
background-color:#fff
}
.application .theme--dark.input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled):not(.input-group--overflow):not(.input-group--segmented):not(.input-group--editable):hover.input-group--textarea:not(.input-group--full-width) textarea{
border-color:#fff
}
.application .theme--dark.input-group .input-group__counter{
color:hsla(0,0%,100%,.7)
}
.application .theme--dark.input-group.input-group--editable .input-group__details:before,.application .theme--dark.input-group.input-group--editable .input-group__input:before,.application .theme--dark.input-group.input-group--overflow .input-group__details:before,.application .theme--dark.input-group.input-group--overflow .input-group__input:before,.application .theme--dark.input-group.input-group--segmented .input-group__details:before,.application .theme--dark.input-group.input-group--segmented .input-group__input:before{
background-color:hsla(0,0%,100%,.12)
}
.application .theme--dark.input-group.input-group--disabled input{
color:hsla(0,0%,100%,.7)
}
.application .theme--dark.input-group.input-group--disabled .input-group__details:before{
background-color:transparent;
background-image:-webkit-gradient(linear,left top,right top,color-stop(0,hsla(0,0%,100%,.5)),color-stop(33%,hsla(0,0%,100%,.5)),color-stop(0,transparent));
background-image:linear-gradient(90deg,hsla(0,0%,100%,.5) 0,hsla(0,0%,100%,.5) 33%,transparent 0)
}
.application .theme--dark.input-group .input-group--text-field__prefix,.application .theme--dark.input-group .input-group--text-field__suffix{
color:hsla(0,0%,100%,.7)
}
.application .theme--dark.input-group.input-group--selection-controls.switch .input-group--selection-controls__container{
color:#80cbc4
}
.application .theme--dark.input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple:after{
background-color:#bdbdbd
}
.application .theme--dark.input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple:not(.input-group--selection-controls__ripple--active){
color:hsla(0,0%,100%,.3)
}
.application .theme--dark.input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple--active:after{
background-color:#80cbc4
}
.application .theme--dark.input-group.input-group--selection-controls.switch .input-group--selection-controls__toggle{
color:hsla(0,0%,100%,.3)
}
.application .theme--dark.input-group.input-group--selection-controls.switch .input-group--selection-controls__toggle--active{
color:inherit
}
.application .theme--dark.input-group.input-group--selection-controls.switch.input-group--disabled .input-group--selection-controls__ripple:after{
background-color:#424242!important
}
.application .theme--dark.input-group.input-group--selection-controls.switch.input-group--disabled .input-group--selection-controls__toggle{
color:hsla(0,0%,100%,.1)!important
}
.application .theme--dark.input-group.input-group--selection-controls.checkbox,.application .theme--dark.input-group.input-group--selection-controls.radio{
color:#80cbc4
}
.application .theme--dark.input-group.input-group--selection-controls.checkbox .icon,.application .theme--dark.input-group.input-group--selection-controls.checkbox:not(.input-group--active) .input-group__input,.application .theme--dark.input-group.input-group--selection-controls.radio .icon,.application .theme--dark.input-group.input-group--selection-controls.radio:not(.input-group--active) .input-group__input{
color:hsla(0,0%,100%,.7)
}
.application .theme--dark.input-group.input-group--selection-controls.checkbox.input-group--active .icon,.application .theme--dark.input-group.input-group--selection-controls.radio.input-group--active .icon{
color:inherit
}
.application .theme--dark.input-group.input-group--selection-controls.checkbox.input-group--disabled .input-group__input,.application .theme--dark.input-group.input-group--selection-controls.radio.input-group--disabled .input-group__input{
color:hsla(0,0%,100%,.5)
}
.application .theme--dark.input-group.input-group--selection-controls.checkbox.input-group--disabled .input-group__input .icon,.application .theme--dark.input-group.input-group--selection-controls.radio.input-group--disabled .input-group__input .icon{
color:inherit
}
.application .theme--dark.input-group--slider label{
-webkit-transform:none;
transform:none;
-ms-flex-preferred-size:56px;
flex-basis:56px;
color:hsla(0,0%,100%,.7);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:18px;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.application .theme--dark.input-group--slider .slider__track,.application .theme--dark.input-group--slider .slider__track-fill{
background:hsla(0,0%,100%,.2)
}
.application .theme--dark.input-group--slider .slider__tick,.application .theme--dark.input-group--slider .slider__track__container:after{
border:1px solid #fff
}
.application .theme--dark.input-group--slider:not(.input-group--dirty) .slider__thumb--label{
background:hsla(0,0%,100%,.2)
}
.application .theme--dark.input-group--slider:not(.input-group--dirty).input-group--ticks .slider__thumb-container .slider__thumb{
background:#fff
}
.application .theme--dark.input-group--slider:not(.input-group--dirty):not(.input-group--ticks) .slider__thumb{
border:4px solid hsla(0,0%,100%,.2)
}
.application .theme--dark.input-group--slider:not(.input-group--dirty):not(.input-group--ticks):focus .slider__thumb{
border:4px solid hsla(0,0%,100%,.3)
}
.application .theme--dark.input-group--slider.input-group--disabled:not(.input-group--ticks) .slider__thumb{
background:hsla(0,0%,100%,.2);
border:0 solid transparent
}
.application .theme--dark.input-group--slider:focus .slider__track{
background:hsla(0,0%,100%,.3)
}
.application .theme--dark.list{
background:#424242
}
.application .theme--dark.list .list__tile:not(.list__tile--active){
color:#fff
}
.application .theme--dark.list .list__tile__sub-title,.application .theme--dark.list .subheader{
color:hsla(0,0%,100%,.7)
}
.application .theme--dark.divider,.application .theme--dark.list .divider{
background-color:hsla(0,0%,100%,.12)
}
.application .theme--dark.tabs .tabs__item{
color:hsla(0,0%,100%,.7)
}
.application .theme--dark.tabs .tabs__item.tabs__item--active{
color:#fff
}
.application .theme--dark.tabs .tabs__item.tabs__item--disabled{
color:hsla(0,0%,100%,.3)
}
.application .theme--dark.tabs .icon--left,.application .theme--dark.tabs .icon--right{
color:#fff
}
.application .theme--dark.stepper{
background:#303030
}
.application .theme--dark.stepper .stepper__step:not(.stepper__step--active):not(.stepper__step--complete):not(.stepper__step--error) .stepper__step__step{
background:hsla(0,0%,100%,.5)
}
.application .theme--dark.stepper .stepper__step__step,.application .theme--dark.stepper .stepper__step__step .icon{
color:#fff
}
.application .theme--dark.stepper .stepper__header .divider{
background:hsla(0,0%,100%,.12)
}
.application .theme--dark.stepper .stepper__step--active .stepper__label{
text-shadow:0 0 0 #fff
}
.application .theme--dark.stepper .stepper__step--editable:hover{
background:hsla(0,0%,100%,.06)
}
.application .theme--dark.stepper .stepper__step--editable:hover .stepper__label{
text-shadow:0 0 0 #fff
}
.application .theme--dark.stepper .stepper__step--complete .stepper__label{
color:hsla(0,0%,100%,.87)
}
.application .theme--dark.stepper .stepper__step--inactive.stepper__step--editable:hover .stepper__step__step{
background:hsla(0,0%,100%,.75)
}
.application .theme--dark.stepper .stepper__label{
color:hsla(0,0%,100%,.5)
}
.application .theme--dark.stepper--non-linear .stepper__step:not(.stepper__step--complete) .stepper__label,.application .theme--dark.stepper .stepper__label small{
color:hsla(0,0%,100%,.7)
}
.application .theme--dark.stepper--vertical .stepper__content:not(:last-child){
border-left:1px solid hsla(0,0%,100%,.12)
}
.application .theme--dark.subheader{
color:#fff
}
.application .theme--dark.table{
background-color:#424242;
color:#fff
}
.application .theme--dark.table tr:not(:last-child){
border-bottom:1px solid hsla(0,0%,100%,.12)
}
.application .theme--dark.table thead th{
color:hsla(0,0%,100%,.7)
}
.application .theme--dark.table thead:last-of-type{
border-bottom:1px solid hsla(0,0%,100%,.12)
}
.application .theme--dark.table tbody tr[active]{
background:#757575
}
.application .theme--dark.table tbody tr:hover{
background:#616161
}
.application .theme--dark.table tfoot tr{
border-top:1px solid hsla(0,0%,100%,.12)
}
.application .theme--dark.datatable thead th.column.sortable i{
color:hsla(0,0%,100%,.5)
}
.application .theme--dark.datatable thead th.column.sortable.active,.application .theme--dark.datatable thead th.column.sortable.active i,.application .theme--dark.datatable thead th.column.sortable:hover{
color:#fff
}
.application .theme--dark.datatable .datatable__actions{
color:hsla(0,0%,100%,.7)
}
.application .theme--dark.datatable .datatable__actions__select .input-group--select .input-group__selections__comma{
color:hsla(0,0%,100%,.7)!important;
font-size:12px
}
.application .theme--dark.datatable .datatable__actions__select .input-group--select .input-group__append-icon{
color:hsla(0,0%,100%,.7)!important
}
.container{
margin-right:auto;
margin-left:auto;
-ms-flex-preferred-size:100%;
flex-basis:100%;
padding:16px
}
@media only screen and (min-width:600px){
.container{
max-width:600px
}
}
@media only screen and (min-width:1024px){
.container{
max-width:1024px
}
}
@media only screen and (min-width:1424px){
.container{
max-width:1424px
}
}
@media only screen and (min-width:1904px){
.container{
max-width:1904px
}
}
@media only screen and (max-width:599px){
.container{
padding:24px
}
}
.container.fluid{
max-width:100%;
width:100%
}
.container.fill-height{
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.container.fill-height .layout{
height:100%;
-webkit-box-flex:1;
-ms-flex:1 1 auto;
flex:1 1 auto
}
.container.grid-list-xs{
padding:2px
}
.container.grid-list-xs>.layout{
margin:-1px
}
.container.grid-list-xs>.layout>.flex{
padding:1px
}
.container.grid-list-sm{
padding:4px
}
.container.grid-list-sm>.layout{
margin:-2px
}
.container.grid-list-sm>.layout>.flex{
padding:2px
}
.container.grid-list-md{
padding:8px
}
.container.grid-list-md>.layout{
margin:-4px
}
.container.grid-list-md>.layout>.flex{
padding:4px
}
.container.grid-list-lg{
padding:16px
}
.container.grid-list-lg>.layout{
margin:-8px
}
.container.grid-list-lg>.layout>.flex{
padding:8px
}
.container.grid-list-xl{
padding:24px
}
.container.grid-list-xl>.layout{
margin:-12px
}
.container.grid-list-xl>.layout>.flex{
padding:12px
}
.layout{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-right:-4px;
margin-left:-4px
}
.layout.column,.layout.row{
-webkit-box-flex:0;
-ms-flex:0 1 auto;
flex:0 1 auto
}
.layout.column.grow,.layout.row.grow{
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1
}
.layout.row{
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row
}
.layout.row.reverse{
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
-ms-flex-direction:row-reverse;
flex-direction:row-reverse
}
.layout.column{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
.layout.column.reverse{
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
-ms-flex-direction:column-reverse;
flex-direction:column-reverse
}
.layout.wrap{
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.layout.child-flex>*,.layout.flex,.layout .flex{
-webkit-box-flex:1;
-ms-flex:1 1 auto;
flex:1 1 auto
}
.layout .flex{
padding-right:4px;
padding-left:4px
}
@media (min-width:0){
.layout.row-xs{
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row
}
.layout.column-xs{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
.layout.child-flex-xs>*{
-webkit-box-flex:1;
-ms-flex:1;
flex:1
}
.layout .flex.xs1{
-ms-flex-preferred-size:8.333333333333332%;
flex-basis:8.333333333333332%;
max-width:8.333333333333332%
}
.layout .flex.order-xs1{
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
.layout .flex.xs2{
-ms-flex-preferred-size:16.666666666666664%;
flex-basis:16.666666666666664%;
max-width:16.666666666666664%
}
.layout .flex.order-xs2{
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2
}
.layout .flex.xs3{
-ms-flex-preferred-size:25%;
flex-basis:25%;
max-width:25%
}
.layout .flex.order-xs3{
-webkit-box-ordinal-group:4;
-ms-flex-order:3;
order:3
}
.layout .flex.xs4{
-ms-flex-preferred-size:33.33333333333333%;
flex-basis:33.33333333333333%;
max-width:33.33333333333333%
}
.layout .flex.order-xs4{
-webkit-box-ordinal-group:5;
-ms-flex-order:4;
order:4
}
.layout .flex.xs5{
-ms-flex-preferred-size:41.66666666666667%;
flex-basis:41.66666666666667%;
max-width:41.66666666666667%
}
.layout .flex.order-xs5{
-webkit-box-ordinal-group:6;
-ms-flex-order:5;
order:5
}
.layout .flex.xs6{
-ms-flex-preferred-size:50%;
flex-basis:50%;
max-width:50%
}
.layout .flex.order-xs6{
-webkit-box-ordinal-group:7;
-ms-flex-order:6;
order:6
}
.layout .flex.xs7{
-ms-flex-preferred-size:58.333333333333336%;
flex-basis:58.333333333333336%;
max-width:58.333333333333336%
}
.layout .flex.order-xs7{
-webkit-box-ordinal-group:8;
-ms-flex-order:7;
order:7
}
.layout .flex.xs8{
-ms-flex-preferred-size:66.66666666666666%;
flex-basis:66.66666666666666%;
max-width:66.66666666666666%
}
.layout .flex.order-xs8{
-webkit-box-ordinal-group:9;
-ms-flex-order:8;
order:8
}
.layout .flex.xs9{
-ms-flex-preferred-size:75%;
flex-basis:75%;
max-width:75%
}
.layout .flex.order-xs9{
-webkit-box-ordinal-group:10;
-ms-flex-order:9;
order:9
}
.layout .flex.xs10{
-ms-flex-preferred-size:83.33333333333334%;
flex-basis:83.33333333333334%;
max-width:83.33333333333334%
}
.layout .flex.order-xs10{
-webkit-box-ordinal-group:11;
-ms-flex-order:10;
order:10
}
.layout .flex.xs11{
-ms-flex-preferred-size:91.66666666666666%;
flex-basis:91.66666666666666%;
max-width:91.66666666666666%
}
.layout .flex.order-xs11{
-webkit-box-ordinal-group:12;
-ms-flex-order:11;
order:11
}
.layout .flex.xs12{
-ms-flex-preferred-size:100%;
flex-basis:100%;
max-width:100%
}
.layout .flex.order-xs12{
-webkit-box-ordinal-group:13;
-ms-flex-order:12;
order:12
}
.layout .flex.offset-xs0{
margin-left:0
}
.layout .flex.offset-xs1{
margin-left:8.333333333333332%
}
.layout .flex.offset-xs2{
margin-left:16.666666666666664%
}
.layout .flex.offset-xs3{
margin-left:25%
}
.layout .flex.offset-xs4{
margin-left:33.33333333333333%
}
.layout .flex.offset-xs5{
margin-left:41.66666666666667%
}
.layout .flex.offset-xs6{
margin-left:50%
}
.layout .flex.offset-xs7{
margin-left:58.333333333333336%
}
.layout .flex.offset-xs8{
margin-left:66.66666666666666%
}
.layout .flex.offset-xs9{
margin-left:75%
}
.layout .flex.offset-xs10{
margin-left:83.33333333333334%
}
.layout .flex.offset-xs11{
margin-left:91.66666666666666%
}
.layout .flex.offset-xs12{
margin-left:100%
}
}
@media (min-width:600px){
.layout.row-sm{
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row
}
.layout.column-sm{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
.layout.child-flex-sm>*{
-webkit-box-flex:1;
-ms-flex:1;
flex:1
}
.layout .flex.sm1{
-ms-flex-preferred-size:8.333333333333332%;
flex-basis:8.333333333333332%;
max-width:8.333333333333332%
}
.layout .flex.order-sm1{
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
.layout .flex.sm2{
-ms-flex-preferred-size:16.666666666666664%;
flex-basis:16.666666666666664%;
max-width:16.666666666666664%
}
.layout .flex.order-sm2{
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2
}
.layout .flex.sm3{
-ms-flex-preferred-size:25%;
flex-basis:25%;
max-width:25%
}
.layout .flex.order-sm3{
-webkit-box-ordinal-group:4;
-ms-flex-order:3;
order:3
}
.layout .flex.sm4{
-ms-flex-preferred-size:33.33333333333333%;
flex-basis:33.33333333333333%;
max-width:33.33333333333333%
}
.layout .flex.order-sm4{
-webkit-box-ordinal-group:5;
-ms-flex-order:4;
order:4
}
.layout .flex.sm5{
-ms-flex-preferred-size:41.66666666666667%;
flex-basis:41.66666666666667%;
max-width:41.66666666666667%
}
.layout .flex.order-sm5{
-webkit-box-ordinal-group:6;
-ms-flex-order:5;
order:5
}
.layout .flex.sm6{
-ms-flex-preferred-size:50%;
flex-basis:50%;
max-width:50%
}
.layout .flex.order-sm6{
-webkit-box-ordinal-group:7;
-ms-flex-order:6;
order:6
}
.layout .flex.sm7{
-ms-flex-preferred-size:58.333333333333336%;
flex-basis:58.333333333333336%;
max-width:58.333333333333336%
}
.layout .flex.order-sm7{
-webkit-box-ordinal-group:8;
-ms-flex-order:7;
order:7
}
.layout .flex.sm8{
-ms-flex-preferred-size:66.66666666666666%;
flex-basis:66.66666666666666%;
max-width:66.66666666666666%
}
.layout .flex.order-sm8{
-webkit-box-ordinal-group:9;
-ms-flex-order:8;
order:8
}
.layout .flex.sm9{
-ms-flex-preferred-size:75%;
flex-basis:75%;
max-width:75%
}
.layout .flex.order-sm9{
-webkit-box-ordinal-group:10;
-ms-flex-order:9;
order:9
}
.layout .flex.sm10{
-ms-flex-preferred-size:83.33333333333334%;
flex-basis:83.33333333333334%;
max-width:83.33333333333334%
}
.layout .flex.order-sm10{
-webkit-box-ordinal-group:11;
-ms-flex-order:10;
order:10
}
.layout .flex.sm11{
-ms-flex-preferred-size:91.66666666666666%;
flex-basis:91.66666666666666%;
max-width:91.66666666666666%
}
.layout .flex.order-sm11{
-webkit-box-ordinal-group:12;
-ms-flex-order:11;
order:11
}
.layout .flex.sm12{
-ms-flex-preferred-size:100%;
flex-basis:100%;
max-width:100%
}
.layout .flex.order-sm12{
-webkit-box-ordinal-group:13;
-ms-flex-order:12;
order:12
}
.layout .flex.offset-sm0{
margin-left:0
}
.layout .flex.offset-sm1{
margin-left:8.333333333333332%
}
.layout .flex.offset-sm2{
margin-left:16.666666666666664%
}
.layout .flex.offset-sm3{
margin-left:25%
}
.layout .flex.offset-sm4{
margin-left:33.33333333333333%
}
.layout .flex.offset-sm5{
margin-left:41.66666666666667%
}
.layout .flex.offset-sm6{
margin-left:50%
}
.layout .flex.offset-sm7{
margin-left:58.333333333333336%
}
.layout .flex.offset-sm8{
margin-left:66.66666666666666%
}
.layout .flex.offset-sm9{
margin-left:75%
}
.layout .flex.offset-sm10{
margin-left:83.33333333333334%
}
.layout .flex.offset-sm11{
margin-left:91.66666666666666%
}
.layout .flex.offset-sm12{
margin-left:100%
}
}
@media (min-width:1024px){
.layout.row-md{
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row
}
.layout.column-md{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
.layout.child-flex-md>*{
-webkit-box-flex:1;
-ms-flex:1;
flex:1
}
.layout .flex.md1{
-ms-flex-preferred-size:8.333333333333332%;
flex-basis:8.333333333333332%;
max-width:8.333333333333332%
}
.layout .flex.order-md1{
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
.layout .flex.md2{
-ms-flex-preferred-size:16.666666666666664%;
flex-basis:16.666666666666664%;
max-width:16.666666666666664%
}
.layout .flex.order-md2{
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2
}
.layout .flex.md3{
-ms-flex-preferred-size:25%;
flex-basis:25%;
max-width:25%
}
.layout .flex.order-md3{
-webkit-box-ordinal-group:4;
-ms-flex-order:3;
order:3
}
.layout .flex.md4{
-ms-flex-preferred-size:33.33333333333333%;
flex-basis:33.33333333333333%;
max-width:33.33333333333333%
}
.layout .flex.order-md4{
-webkit-box-ordinal-group:5;
-ms-flex-order:4;
order:4
}
.layout .flex.md5{
-ms-flex-preferred-size:41.66666666666667%;
flex-basis:41.66666666666667%;
max-width:41.66666666666667%
}
.layout .flex.order-md5{
-webkit-box-ordinal-group:6;
-ms-flex-order:5;
order:5
}
.layout .flex.md6{
-ms-flex-preferred-size:50%;
flex-basis:50%;
max-width:50%
}
.layout .flex.order-md6{
-webkit-box-ordinal-group:7;
-ms-flex-order:6;
order:6
}
.layout .flex.md7{
-ms-flex-preferred-size:58.333333333333336%;
flex-basis:58.333333333333336%;
max-width:58.333333333333336%
}
.layout .flex.order-md7{
-webkit-box-ordinal-group:8;
-ms-flex-order:7;
order:7
}
.layout .flex.md8{
-ms-flex-preferred-size:66.66666666666666%;
flex-basis:66.66666666666666%;
max-width:66.66666666666666%
}
.layout .flex.order-md8{
-webkit-box-ordinal-group:9;
-ms-flex-order:8;
order:8
}
.layout .flex.md9{
-ms-flex-preferred-size:75%;
flex-basis:75%;
max-width:75%
}
.layout .flex.order-md9{
-webkit-box-ordinal-group:10;
-ms-flex-order:9;
order:9
}
.layout .flex.md10{
-ms-flex-preferred-size:83.33333333333334%;
flex-basis:83.33333333333334%;
max-width:83.33333333333334%
}
.layout .flex.order-md10{
-webkit-box-ordinal-group:11;
-ms-flex-order:10;
order:10
}
.layout .flex.md11{
-ms-flex-preferred-size:91.66666666666666%;
flex-basis:91.66666666666666%;
max-width:91.66666666666666%
}
.layout .flex.order-md11{
-webkit-box-ordinal-group:12;
-ms-flex-order:11;
order:11
}
.layout .flex.md12{
-ms-flex-preferred-size:100%;
flex-basis:100%;
max-width:100%
}
.layout .flex.order-md12{
-webkit-box-ordinal-group:13;
-ms-flex-order:12;
order:12
}
.layout .flex.offset-md0{
margin-left:0
}
.layout .flex.offset-md1{
margin-left:8.333333333333332%
}
.layout .flex.offset-md2{
margin-left:16.666666666666664%
}
.layout .flex.offset-md3{
margin-left:25%
}
.layout .flex.offset-md4{
margin-left:33.33333333333333%
}
.layout .flex.offset-md5{
margin-left:41.66666666666667%
}
.layout .flex.offset-md6{
margin-left:50%
}
.layout .flex.offset-md7{
margin-left:58.333333333333336%
}
.layout .flex.offset-md8{
margin-left:66.66666666666666%
}
.layout .flex.offset-md9{
margin-left:75%
}
.layout .flex.offset-md10{
margin-left:83.33333333333334%
}
.layout .flex.offset-md11{
margin-left:91.66666666666666%
}
.layout .flex.offset-md12{
margin-left:100%
}
}
@media (min-width:1424px){
.layout.row-lg{
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row
}
.layout.column-lg{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
.layout.child-flex-lg>*{
-webkit-box-flex:1;
-ms-flex:1;
flex:1
}
.layout .flex.lg1{
-ms-flex-preferred-size:8.333333333333332%;
flex-basis:8.333333333333332%;
max-width:8.333333333333332%
}
.layout .flex.order-lg1{
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
.layout .flex.lg2{
-ms-flex-preferred-size:16.666666666666664%;
flex-basis:16.666666666666664%;
max-width:16.666666666666664%
}
.layout .flex.order-lg2{
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2
}
.layout .flex.lg3{
-ms-flex-preferred-size:25%;
flex-basis:25%;
max-width:25%
}
.layout .flex.order-lg3{
-webkit-box-ordinal-group:4;
-ms-flex-order:3;
order:3
}
.layout .flex.lg4{
-ms-flex-preferred-size:33.33333333333333%;
flex-basis:33.33333333333333%;
max-width:33.33333333333333%
}
.layout .flex.order-lg4{
-webkit-box-ordinal-group:5;
-ms-flex-order:4;
order:4
}
.layout .flex.lg5{
-ms-flex-preferred-size:41.66666666666667%;
flex-basis:41.66666666666667%;
max-width:41.66666666666667%
}
.layout .flex.order-lg5{
-webkit-box-ordinal-group:6;
-ms-flex-order:5;
order:5
}
.layout .flex.lg6{
-ms-flex-preferred-size:50%;
flex-basis:50%;
max-width:50%
}
.layout .flex.order-lg6{
-webkit-box-ordinal-group:7;
-ms-flex-order:6;
order:6
}
.layout .flex.lg7{
-ms-flex-preferred-size:58.333333333333336%;
flex-basis:58.333333333333336%;
max-width:58.333333333333336%
}
.layout .flex.order-lg7{
-webkit-box-ordinal-group:8;
-ms-flex-order:7;
order:7
}
.layout .flex.lg8{
-ms-flex-preferred-size:66.66666666666666%;
flex-basis:66.66666666666666%;
max-width:66.66666666666666%
}
.layout .flex.order-lg8{
-webkit-box-ordinal-group:9;
-ms-flex-order:8;
order:8
}
.layout .flex.lg9{
-ms-flex-preferred-size:75%;
flex-basis:75%;
max-width:75%
}
.layout .flex.order-lg9{
-webkit-box-ordinal-group:10;
-ms-flex-order:9;
order:9
}
.layout .flex.lg10{
-ms-flex-preferred-size:83.33333333333334%;
flex-basis:83.33333333333334%;
max-width:83.33333333333334%
}
.layout .flex.order-lg10{
-webkit-box-ordinal-group:11;
-ms-flex-order:10;
order:10
}
.layout .flex.lg11{
-ms-flex-preferred-size:91.66666666666666%;
flex-basis:91.66666666666666%;
max-width:91.66666666666666%
}
.layout .flex.order-lg11{
-webkit-box-ordinal-group:12;
-ms-flex-order:11;
order:11
}
.layout .flex.lg12{
-ms-flex-preferred-size:100%;
flex-basis:100%;
max-width:100%
}
.layout .flex.order-lg12{
-webkit-box-ordinal-group:13;
-ms-flex-order:12;
order:12
}
.layout .flex.offset-lg0{
margin-left:0
}
.layout .flex.offset-lg1{
margin-left:8.333333333333332%
}
.layout .flex.offset-lg2{
margin-left:16.666666666666664%
}
.layout .flex.offset-lg3{
margin-left:25%
}
.layout .flex.offset-lg4{
margin-left:33.33333333333333%
}
.layout .flex.offset-lg5{
margin-left:41.66666666666667%
}
.layout .flex.offset-lg6{
margin-left:50%
}
.layout .flex.offset-lg7{
margin-left:58.333333333333336%
}
.layout .flex.offset-lg8{
margin-left:66.66666666666666%
}
.layout .flex.offset-lg9{
margin-left:75%
}
.layout .flex.offset-lg10{
margin-left:83.33333333333334%
}
.layout .flex.offset-lg11{
margin-left:91.66666666666666%
}
.layout .flex.offset-lg12{
margin-left:100%
}
}
@media (min-width:1904px){
.layout.row-xl{
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row
}
.layout.column-xl{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
.layout.child-flex-xl>*{
-webkit-box-flex:1;
-ms-flex:1;
flex:1
}
.layout .flex.xl1{
-ms-flex-preferred-size:8.333333333333332%;
flex-basis:8.333333333333332%;
max-width:8.333333333333332%
}
.layout .flex.order-xl1{
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
.layout .flex.xl2{
-ms-flex-preferred-size:16.666666666666664%;
flex-basis:16.666666666666664%;
max-width:16.666666666666664%
}
.layout .flex.order-xl2{
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2
}
.layout .flex.xl3{
-ms-flex-preferred-size:25%;
flex-basis:25%;
max-width:25%
}
.layout .flex.order-xl3{
-webkit-box-ordinal-group:4;
-ms-flex-order:3;
order:3
}
.layout .flex.xl4{
-ms-flex-preferred-size:33.33333333333333%;
flex-basis:33.33333333333333%;
max-width:33.33333333333333%
}
.layout .flex.order-xl4{
-webkit-box-ordinal-group:5;
-ms-flex-order:4;
order:4
}
.layout .flex.xl5{
-ms-flex-preferred-size:41.66666666666667%;
flex-basis:41.66666666666667%;
max-width:41.66666666666667%
}
.layout .flex.order-xl5{
-webkit-box-ordinal-group:6;
-ms-flex-order:5;
order:5
}
.layout .flex.xl6{
-ms-flex-preferred-size:50%;
flex-basis:50%;
max-width:50%
}
.layout .flex.order-xl6{
-webkit-box-ordinal-group:7;
-ms-flex-order:6;
order:6
}
.layout .flex.xl7{
-ms-flex-preferred-size:58.333333333333336%;
flex-basis:58.333333333333336%;
max-width:58.333333333333336%
}
.layout .flex.order-xl7{
-webkit-box-ordinal-group:8;
-ms-flex-order:7;
order:7
}
.layout .flex.xl8{
-ms-flex-preferred-size:66.66666666666666%;
flex-basis:66.66666666666666%;
max-width:66.66666666666666%
}
.layout .flex.order-xl8{
-webkit-box-ordinal-group:9;
-ms-flex-order:8;
order:8
}
.layout .flex.xl9{
-ms-flex-preferred-size:75%;
flex-basis:75%;
max-width:75%
}
.layout .flex.order-xl9{
-webkit-box-ordinal-group:10;
-ms-flex-order:9;
order:9
}
.layout .flex.xl10{
-ms-flex-preferred-size:83.33333333333334%;
flex-basis:83.33333333333334%;
max-width:83.33333333333334%
}
.layout .flex.order-xl10{
-webkit-box-ordinal-group:11;
-ms-flex-order:10;
order:10
}
.layout .flex.xl11{
-ms-flex-preferred-size:91.66666666666666%;
flex-basis:91.66666666666666%;
max-width:91.66666666666666%
}
.layout .flex.order-xl11{
-webkit-box-ordinal-group:12;
-ms-flex-order:11;
order:11
}
.layout .flex.xl12{
-ms-flex-preferred-size:100%;
flex-basis:100%;
max-width:100%
}
.layout .flex.order-xl12{
-webkit-box-ordinal-group:13;
-ms-flex-order:12;
order:12
}
.layout .flex.offset-xl0{
margin-left:0
}
.layout .flex.offset-xl1{
margin-left:8.333333333333332%
}
.layout .flex.offset-xl2{
margin-left:16.666666666666664%
}
.layout .flex.offset-xl3{
margin-left:25%
}
.layout .flex.offset-xl4{
margin-left:33.33333333333333%
}
.layout .flex.offset-xl5{
margin-left:41.66666666666667%
}
.layout .flex.offset-xl6{
margin-left:50%
}
.layout .flex.offset-xl7{
margin-left:58.333333333333336%
}
.layout .flex.offset-xl8{
margin-left:66.66666666666666%
}
.layout .flex.offset-xl9{
margin-left:75%
}
.layout .flex.offset-xl10{
margin-left:83.33333333333334%
}
.layout .flex.offset-xl11{
margin-left:91.66666666666666%
}
.layout .flex.offset-xl12{
margin-left:100%
}
}
.align-start{
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start
}
.align-end{
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end
}
.align-center{
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.align-baseline{
-webkit-box-align:baseline;
-ms-flex-align:baseline;
align-items:baseline
}
.align-content-start{
-ms-flex-line-pack:start;
align-content:flex-start
}
.align-content-end{
-ms-flex-line-pack:end;
align-content:flex-end
}
.align-content-center{
-ms-flex-line-pack:center;
align-content:center
}
.align-content-space-between{
-ms-flex-line-pack:justify;
align-content:space-between
}
.align-content-space-around{
-ms-flex-line-pack:distribute;
align-content:space-around
}
.justify-start{
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start
}
.justify-end{
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end
}
.justify-center{
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
.justify-space-around{
-ms-flex-pack:distribute;
justify-content:space-around
}
.justify-space-between{
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between
}
.spacer{
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1
}
.scroll-y{
overflow-y:auto
}
.fill-height{
height:100%
}
.show-overflow{
overflow:visible!important
}
.flexbox{
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.primary{
background-color:#1976d2!important;
border-color:#1976d2!important
}
.primary--text{
color:#1976d2!important
}
.primary--after:after{
background:#1976d2!important
}
.accent{
background-color:#448aff!important;
border-color:#448aff!important
}
.accent--text{
color:#448aff!important
}
.accent--after:after{
background:#448aff!important
}
.secondary{
background-color:#424242!important;
border-color:#424242!important
}
.secondary--text{
color:#424242!important
}
.secondary--after:after{
background:#424242!important
}
.info{
background-color:#2196f3!important;
border-color:#2196f3!important
}
.info--text{
color:#2196f3!important
}
.info--after:after{
background:#2196f3!important
}
.warning{
background-color:#ffc107!important;
border-color:#ffc107!important
}
.warning--text{
color:#ffc107!important
}
.warning--after:after{
background:#ffc107!important
}
.error{
background-color:#ff5252!important;
border-color:#ff5252!important
}
.error--text{
color:#ff5252!important
}
.error--after:after{
background:#ff5252!important
}
.success{
background-color:#4caf50!important;
border-color:#4caf50!important
}
.success--text{
color:#4caf50!important
}
.success--after:after{
background:#4caf50!important
}
.black{
background-color:#000!important;
border-color:#000!important
}
.black--text{
color:#000!important
}
.black--after:after{
background:#000!important
}
.white{
background-color:#fff!important;
border-color:#fff!important
}
.white--text{
color:#fff!important
}
.white--after:after{
background:#fff!important
}
.transparent{
background-color:transparent!important;
border-color:transparent!important
}
.transparent--text{
color:transparent!important
}
.transparent--after:after{
background:transparent!important
}
.red{
background-color:#f44336!important;
border-color:#f44336!important
}
.red--text{
color:#f44336!important
}
.red--after:after{
background:#f44336!important
}
.red.lighten-5{
border-color:#ffebee!important
}
.red.lighten-5,.red.lighten-5--after:after{
background-color:#ffebee!important
}
.red--text.text--lighten-5{
color:#ffebee!important
}
.red.lighten-4{
border-color:#ffcdd2!important
}
.red.lighten-4,.red.lighten-4--after:after{
background-color:#ffcdd2!important
}
.red--text.text--lighten-4{
color:#ffcdd2!important
}
.red.lighten-3{
border-color:#ef9a9a!important
}
.red.lighten-3,.red.lighten-3--after:after{
background-color:#ef9a9a!important
}
.red--text.text--lighten-3{
color:#ef9a9a!important
}
.red.lighten-2{
border-color:#e57373!important
}
.red.lighten-2,.red.lighten-2--after:after{
background-color:#e57373!important
}
.red--text.text--lighten-2{
color:#e57373!important
}
.red.lighten-1{
border-color:#ef5350!important
}
.red.lighten-1,.red.lighten-1--after:after{
background-color:#ef5350!important
}
.red--text.text--lighten-1{
color:#ef5350!important
}
.red.darken-1{
border-color:#e53935!important
}
.red.darken-1,.red.darken-1--after:after{
background-color:#e53935!important
}
.red--text.text--darken-1{
color:#e53935!important
}
.red.darken-2{
border-color:#d32f2f!important
}
.red.darken-2,.red.darken-2--after:after{
background-color:#d32f2f!important
}
.red--text.text--darken-2{
color:#d32f2f!important
}
.red.darken-3{
border-color:#c62828!important
}
.red.darken-3,.red.darken-3--after:after{
background-color:#c62828!important
}
.red--text.text--darken-3{
color:#c62828!important
}
.red.darken-4{
border-color:#b71c1c!important
}
.red.darken-4,.red.darken-4--after:after{
background-color:#b71c1c!important
}
.red--text.text--darken-4{
color:#b71c1c!important
}
.red.accent-1{
border-color:#ff8a80!important
}
.red.accent-1,.red.accent-1--after:after{
background-color:#ff8a80!important
}
.red--text.text--accent-1{
color:#ff8a80!important
}
.red.accent-2{
border-color:#ff5252!important
}
.red.accent-2,.red.accent-2--after:after{
background-color:#ff5252!important
}
.red--text.text--accent-2{
color:#ff5252!important
}
.red.accent-3{
border-color:#ff1744!important
}
.red.accent-3,.red.accent-3--after:after{
background-color:#ff1744!important
}
.red--text.text--accent-3{
color:#ff1744!important
}
.red.accent-4{
border-color:#d50000!important
}
.red.accent-4,.red.accent-4--after:after{
background-color:#d50000!important
}
.red--text.text--accent-4{
color:#d50000!important
}
.pink{
background-color:#e91e63!important;
border-color:#e91e63!important
}
.pink--text{
color:#e91e63!important
}
.pink--after:after{
background:#e91e63!important
}
.pink.lighten-5{
border-color:#fce4ec!important
}
.pink.lighten-5,.pink.lighten-5--after:after{
background-color:#fce4ec!important
}
.pink--text.text--lighten-5{
color:#fce4ec!important
}
.pink.lighten-4{
border-color:#f8bbd0!important
}
.pink.lighten-4,.pink.lighten-4--after:after{
background-color:#f8bbd0!important
}
.pink--text.text--lighten-4{
color:#f8bbd0!important
}
.pink.lighten-3{
border-color:#f48fb1!important
}
.pink.lighten-3,.pink.lighten-3--after:after{
background-color:#f48fb1!important
}
.pink--text.text--lighten-3{
color:#f48fb1!important
}
.pink.lighten-2{
border-color:#f06292!important
}
.pink.lighten-2,.pink.lighten-2--after:after{
background-color:#f06292!important
}
.pink--text.text--lighten-2{
color:#f06292!important
}
.pink.lighten-1{
border-color:#ec407a!important
}
.pink.lighten-1,.pink.lighten-1--after:after{
background-color:#ec407a!important
}
.pink--text.text--lighten-1{
color:#ec407a!important
}
.pink.darken-1{
border-color:#d81b60!important
}
.pink.darken-1,.pink.darken-1--after:after{
background-color:#d81b60!important
}
.pink--text.text--darken-1{
color:#d81b60!important
}
.pink.darken-2{
border-color:#c2185b!important
}
.pink.darken-2,.pink.darken-2--after:after{
background-color:#c2185b!important
}
.pink--text.text--darken-2{
color:#c2185b!important
}
.pink.darken-3{
border-color:#ad1457!important
}
.pink.darken-3,.pink.darken-3--after:after{
background-color:#ad1457!important
}
.pink--text.text--darken-3{
color:#ad1457!important
}
.pink.darken-4{
border-color:#880e4f!important
}
.pink.darken-4,.pink.darken-4--after:after{
background-color:#880e4f!important
}
.pink--text.text--darken-4{
color:#880e4f!important
}
.pink.accent-1{
border-color:#ff80ab!important
}
.pink.accent-1,.pink.accent-1--after:after{
background-color:#ff80ab!important
}
.pink--text.text--accent-1{
color:#ff80ab!important
}
.pink.accent-2{
border-color:#ff4081!important
}
.pink.accent-2,.pink.accent-2--after:after{
background-color:#ff4081!important
}
.pink--text.text--accent-2{
color:#ff4081!important
}
.pink.accent-3{
border-color:#f50057!important
}
.pink.accent-3,.pink.accent-3--after:after{
background-color:#f50057!important
}
.pink--text.text--accent-3{
color:#f50057!important
}
.pink.accent-4{
border-color:#c51162!important
}
.pink.accent-4,.pink.accent-4--after:after{
background-color:#c51162!important
}
.pink--text.text--accent-4{
color:#c51162!important
}
.purple{
background-color:#9c27b0!important;
border-color:#9c27b0!important
}
.purple--text{
color:#9c27b0!important
}
.purple--after:after{
background:#9c27b0!important
}
.purple.lighten-5{
border-color:#f3e5f5!important
}
.purple.lighten-5,.purple.lighten-5--after:after{
background-color:#f3e5f5!important
}
.purple--text.text--lighten-5{
color:#f3e5f5!important
}
.purple.lighten-4{
border-color:#e1bee7!important
}
.purple.lighten-4,.purple.lighten-4--after:after{
background-color:#e1bee7!important
}
.purple--text.text--lighten-4{
color:#e1bee7!important
}
.purple.lighten-3{
border-color:#ce93d8!important
}
.purple.lighten-3,.purple.lighten-3--after:after{
background-color:#ce93d8!important
}
.purple--text.text--lighten-3{
color:#ce93d8!important
}
.purple.lighten-2{
border-color:#ba68c8!important
}
.purple.lighten-2,.purple.lighten-2--after:after{
background-color:#ba68c8!important
}
.purple--text.text--lighten-2{
color:#ba68c8!important
}
.purple.lighten-1{
border-color:#ab47bc!important
}
.purple.lighten-1,.purple.lighten-1--after:after{
background-color:#ab47bc!important
}
.purple--text.text--lighten-1{
color:#ab47bc!important
}
.purple.darken-1{
border-color:#8e24aa!important
}
.purple.darken-1,.purple.darken-1--after:after{
background-color:#8e24aa!important
}
.purple--text.text--darken-1{
color:#8e24aa!important
}
.purple.darken-2{
border-color:#7b1fa2!important
}
.purple.darken-2,.purple.darken-2--after:after{
background-color:#7b1fa2!important
}
.purple--text.text--darken-2{
color:#7b1fa2!important
}
.purple.darken-3{
border-color:#6a1b9a!important
}
.purple.darken-3,.purple.darken-3--after:after{
background-color:#6a1b9a!important
}
.purple--text.text--darken-3{
color:#6a1b9a!important
}
.purple.darken-4{
border-color:#4a148c!important
}
.purple.darken-4,.purple.darken-4--after:after{
background-color:#4a148c!important
}
.purple--text.text--darken-4{
color:#4a148c!important
}
.purple.accent-1{
border-color:#ea80fc!important
}
.purple.accent-1,.purple.accent-1--after:after{
background-color:#ea80fc!important
}
.purple--text.text--accent-1{
color:#ea80fc!important
}
.purple.accent-2{
border-color:#e040fb!important
}
.purple.accent-2,.purple.accent-2--after:after{
background-color:#e040fb!important
}
.purple--text.text--accent-2{
color:#e040fb!important
}
.purple.accent-3{
border-color:#d500f9!important
}
.purple.accent-3,.purple.accent-3--after:after{
background-color:#d500f9!important
}
.purple--text.text--accent-3{
color:#d500f9!important
}
.purple.accent-4{
border-color:#a0f!important
}
.purple.accent-4,.purple.accent-4--after:after{
background-color:#a0f!important
}
.purple--text.text--accent-4{
color:#a0f!important
}
.deep-purple{
background-color:#673ab7!important;
border-color:#673ab7!important
}
.deep-purple--text{
color:#673ab7!important
}
.deep-purple--after:after{
background:#673ab7!important
}
.deep-purple.lighten-5{
border-color:#ede7f6!important
}
.deep-purple.lighten-5,.deep-purple.lighten-5--after:after{
background-color:#ede7f6!important
}
.deep-purple--text.text--lighten-5{
color:#ede7f6!important
}
.deep-purple.lighten-4{
border-color:#d1c4e9!important
}
.deep-purple.lighten-4,.deep-purple.lighten-4--after:after{
background-color:#d1c4e9!important
}
.deep-purple--text.text--lighten-4{
color:#d1c4e9!important
}
.deep-purple.lighten-3{
border-color:#b39ddb!important
}
.deep-purple.lighten-3,.deep-purple.lighten-3--after:after{
background-color:#b39ddb!important
}
.deep-purple--text.text--lighten-3{
color:#b39ddb!important
}
.deep-purple.lighten-2{
border-color:#9575cd!important
}
.deep-purple.lighten-2,.deep-purple.lighten-2--after:after{
background-color:#9575cd!important
}
.deep-purple--text.text--lighten-2{
color:#9575cd!important
}
.deep-purple.lighten-1{
border-color:#7e57c2!important
}
.deep-purple.lighten-1,.deep-purple.lighten-1--after:after{
background-color:#7e57c2!important
}
.deep-purple--text.text--lighten-1{
color:#7e57c2!important
}
.deep-purple.darken-1{
border-color:#5e35b1!important
}
.deep-purple.darken-1,.deep-purple.darken-1--after:after{
background-color:#5e35b1!important
}
.deep-purple--text.text--darken-1{
color:#5e35b1!important
}
.deep-purple.darken-2{
border-color:#512da8!important
}
.deep-purple.darken-2,.deep-purple.darken-2--after:after{
background-color:#512da8!important
}
.deep-purple--text.text--darken-2{
color:#512da8!important
}
.deep-purple.darken-3{
border-color:#4527a0!important
}
.deep-purple.darken-3,.deep-purple.darken-3--after:after{
background-color:#4527a0!important
}
.deep-purple--text.text--darken-3{
color:#4527a0!important
}
.deep-purple.darken-4{
border-color:#311b92!important
}
.deep-purple.darken-4,.deep-purple.darken-4--after:after{
background-color:#311b92!important
}
.deep-purple--text.text--darken-4{
color:#311b92!important
}
.deep-purple.accent-1{
border-color:#b388ff!important
}
.deep-purple.accent-1,.deep-purple.accent-1--after:after{
background-color:#b388ff!important
}
.deep-purple--text.text--accent-1{
color:#b388ff!important
}
.deep-purple.accent-2{
border-color:#7c4dff!important
}
.deep-purple.accent-2,.deep-purple.accent-2--after:after{
background-color:#7c4dff!important
}
.deep-purple--text.text--accent-2{
color:#7c4dff!important
}
.deep-purple.accent-3{
border-color:#651fff!important
}
.deep-purple.accent-3,.deep-purple.accent-3--after:after{
background-color:#651fff!important
}
.deep-purple--text.text--accent-3{
color:#651fff!important
}
.deep-purple.accent-4{
border-color:#6200ea!important
}
.deep-purple.accent-4,.deep-purple.accent-4--after:after{
background-color:#6200ea!important
}
.deep-purple--text.text--accent-4{
color:#6200ea!important
}
.indigo{
background-color:#3f51b5!important;
border-color:#3f51b5!important
}
.indigo--text{
color:#3f51b5!important
}
.indigo--after:after{
background:#3f51b5!important
}
.indigo.lighten-5{
border-color:#e8eaf6!important
}
.indigo.lighten-5,.indigo.lighten-5--after:after{
background-color:#e8eaf6!important
}
.indigo--text.text--lighten-5{
color:#e8eaf6!important
}
.indigo.lighten-4{
border-color:#c5cae9!important
}
.indigo.lighten-4,.indigo.lighten-4--after:after{
background-color:#c5cae9!important
}
.indigo--text.text--lighten-4{
color:#c5cae9!important
}
.indigo.lighten-3{
border-color:#9fa8da!important
}
.indigo.lighten-3,.indigo.lighten-3--after:after{
background-color:#9fa8da!important
}
.indigo--text.text--lighten-3{
color:#9fa8da!important
}
.indigo.lighten-2{
border-color:#7986cb!important
}
.indigo.lighten-2,.indigo.lighten-2--after:after{
background-color:#7986cb!important
}
.indigo--text.text--lighten-2{
color:#7986cb!important
}
.indigo.lighten-1{
border-color:#5c6bc0!important
}
.indigo.lighten-1,.indigo.lighten-1--after:after{
background-color:#5c6bc0!important
}
.indigo--text.text--lighten-1{
color:#5c6bc0!important
}
.indigo.darken-1{
border-color:#3949ab!important
}
.indigo.darken-1,.indigo.darken-1--after:after{
background-color:#3949ab!important
}
.indigo--text.text--darken-1{
color:#3949ab!important
}
.indigo.darken-2{
border-color:#303f9f!important
}
.indigo.darken-2,.indigo.darken-2--after:after{
background-color:#303f9f!important
}
.indigo--text.text--darken-2{
color:#303f9f!important
}
.indigo.darken-3{
border-color:#283593!important
}
.indigo.darken-3,.indigo.darken-3--after:after{
background-color:#283593!important
}
.indigo--text.text--darken-3{
color:#283593!important
}
.indigo.darken-4{
border-color:#1a237e!important
}
.indigo.darken-4,.indigo.darken-4--after:after{
background-color:#1a237e!important
}
.indigo--text.text--darken-4{
color:#1a237e!important
}
.indigo.accent-1{
border-color:#8c9eff!important
}
.indigo.accent-1,.indigo.accent-1--after:after{
background-color:#8c9eff!important
}
.indigo--text.text--accent-1{
color:#8c9eff!important
}
.indigo.accent-2{
border-color:#536dfe!important
}
.indigo.accent-2,.indigo.accent-2--after:after{
background-color:#536dfe!important
}
.indigo--text.text--accent-2{
color:#536dfe!important
}
.indigo.accent-3{
border-color:#3d5afe!important
}
.indigo.accent-3,.indigo.accent-3--after:after{
background-color:#3d5afe!important
}
.indigo--text.text--accent-3{
color:#3d5afe!important
}
.indigo.accent-4{
border-color:#304ffe!important
}
.indigo.accent-4,.indigo.accent-4--after:after{
background-color:#304ffe!important
}
.indigo--text.text--accent-4{
color:#304ffe!important
}
.blue{
background-color:#2196f3!important;
border-color:#2196f3!important
}
.blue--text{
color:#2196f3!important
}
.blue--after:after{
background:#2196f3!important
}
.blue.lighten-5{
border-color:#e3f2fd!important
}
.blue.lighten-5,.blue.lighten-5--after:after{
background-color:#e3f2fd!important
}
.blue--text.text--lighten-5{
color:#e3f2fd!important
}
.blue.lighten-4{
border-color:#bbdefb!important
}
.blue.lighten-4,.blue.lighten-4--after:after{
background-color:#bbdefb!important
}
.blue--text.text--lighten-4{
color:#bbdefb!important
}
.blue.lighten-3{
border-color:#90caf9!important
}
.blue.lighten-3,.blue.lighten-3--after:after{
background-color:#90caf9!important
}
.blue--text.text--lighten-3{
color:#90caf9!important
}
.blue.lighten-2{
border-color:#64b5f6!important
}
.blue.lighten-2,.blue.lighten-2--after:after{
background-color:#64b5f6!important
}
.blue--text.text--lighten-2{
color:#64b5f6!important
}
.blue.lighten-1{
border-color:#42a5f5!important
}
.blue.lighten-1,.blue.lighten-1--after:after{
background-color:#42a5f5!important
}
.blue--text.text--lighten-1{
color:#42a5f5!important
}
.blue.darken-1{
border-color:#1e88e5!important
}
.blue.darken-1,.blue.darken-1--after:after{
background-color:#1e88e5!important
}
.blue--text.text--darken-1{
color:#1e88e5!important
}
.blue.darken-2{
border-color:#1976d2!important
}
.blue.darken-2,.blue.darken-2--after:after{
background-color:#1976d2!important
}
.blue--text.text--darken-2{
color:#1976d2!important
}
.blue.darken-3{
border-color:#1565c0!important
}
.blue.darken-3,.blue.darken-3--after:after{
background-color:#1565c0!important
}
.blue--text.text--darken-3{
color:#1565c0!important
}
.blue.darken-4{
border-color:#0d47a1!important
}
.blue.darken-4,.blue.darken-4--after:after{
background-color:#0d47a1!important
}
.blue--text.text--darken-4{
color:#0d47a1!important
}
.blue.accent-1{
border-color:#82b1ff!important
}
.blue.accent-1,.blue.accent-1--after:after{
background-color:#82b1ff!important
}
.blue--text.text--accent-1{
color:#82b1ff!important
}
.blue.accent-2{
border-color:#448aff!important
}
.blue.accent-2,.blue.accent-2--after:after{
background-color:#448aff!important
}
.blue--text.text--accent-2{
color:#448aff!important
}
.blue.accent-3{
border-color:#2979ff!important
}
.blue.accent-3,.blue.accent-3--after:after{
background-color:#2979ff!important
}
.blue--text.text--accent-3{
color:#2979ff!important
}
.blue.accent-4{
border-color:#2962ff!important
}
.blue.accent-4,.blue.accent-4--after:after{
background-color:#2962ff!important
}
.blue--text.text--accent-4{
color:#2962ff!important
}
.light-blue{
background-color:#03a9f4!important;
border-color:#03a9f4!important
}
.light-blue--text{
color:#03a9f4!important
}
.light-blue--after:after{
background:#03a9f4!important
}
.light-blue.lighten-5{
border-color:#e1f5fe!important
}
.light-blue.lighten-5,.light-blue.lighten-5--after:after{
background-color:#e1f5fe!important
}
.light-blue--text.text--lighten-5{
color:#e1f5fe!important
}
.light-blue.lighten-4{
border-color:#b3e5fc!important
}
.light-blue.lighten-4,.light-blue.lighten-4--after:after{
background-color:#b3e5fc!important
}
.light-blue--text.text--lighten-4{
color:#b3e5fc!important
}
.light-blue.lighten-3{
border-color:#81d4fa!important
}
.light-blue.lighten-3,.light-blue.lighten-3--after:after{
background-color:#81d4fa!important
}
.light-blue--text.text--lighten-3{
color:#81d4fa!important
}
.light-blue.lighten-2{
border-color:#4fc3f7!important
}
.light-blue.lighten-2,.light-blue.lighten-2--after:after{
background-color:#4fc3f7!important
}
.light-blue--text.text--lighten-2{
color:#4fc3f7!important
}
.light-blue.lighten-1{
border-color:#29b6f6!important
}
.light-blue.lighten-1,.light-blue.lighten-1--after:after{
background-color:#29b6f6!important
}
.light-blue--text.text--lighten-1{
color:#29b6f6!important
}
.light-blue.darken-1{
border-color:#039be5!important
}
.light-blue.darken-1,.light-blue.darken-1--after:after{
background-color:#039be5!important
}
.light-blue--text.text--darken-1{
color:#039be5!important
}
.light-blue.darken-2{
border-color:#0288d1!important
}
.light-blue.darken-2,.light-blue.darken-2--after:after{
background-color:#0288d1!important
}
.light-blue--text.text--darken-2{
color:#0288d1!important
}
.light-blue.darken-3{
border-color:#0277bd!important
}
.light-blue.darken-3,.light-blue.darken-3--after:after{
background-color:#0277bd!important
}
.light-blue--text.text--darken-3{
color:#0277bd!important
}
.light-blue.darken-4{
border-color:#01579b!important
}
.light-blue.darken-4,.light-blue.darken-4--after:after{
background-color:#01579b!important
}
.light-blue--text.text--darken-4{
color:#01579b!important
}
.light-blue.accent-1{
border-color:#80d8ff!important
}
.light-blue.accent-1,.light-blue.accent-1--after:after{
background-color:#80d8ff!important
}
.light-blue--text.text--accent-1{
color:#80d8ff!important
}
.light-blue.accent-2{
border-color:#40c4ff!important
}
.light-blue.accent-2,.light-blue.accent-2--after:after{
background-color:#40c4ff!important
}
.light-blue--text.text--accent-2{
color:#40c4ff!important
}
.light-blue.accent-3{
border-color:#00b0ff!important
}
.light-blue.accent-3,.light-blue.accent-3--after:after{
background-color:#00b0ff!important
}
.light-blue--text.text--accent-3{
color:#00b0ff!important
}
.light-blue.accent-4{
border-color:#0091ea!important
}
.light-blue.accent-4,.light-blue.accent-4--after:after{
background-color:#0091ea!important
}
.light-blue--text.text--accent-4{
color:#0091ea!important
}
.cyan{
background-color:#00bcd4!important;
border-color:#00bcd4!important
}
.cyan--text{
color:#00bcd4!important
}
.cyan--after:after{
background:#00bcd4!important
}
.cyan.lighten-5{
border-color:#e0f7fa!important
}
.cyan.lighten-5,.cyan.lighten-5--after:after{
background-color:#e0f7fa!important
}
.cyan--text.text--lighten-5{
color:#e0f7fa!important
}
.cyan.lighten-4{
border-color:#b2ebf2!important
}
.cyan.lighten-4,.cyan.lighten-4--after:after{
background-color:#b2ebf2!important
}
.cyan--text.text--lighten-4{
color:#b2ebf2!important
}
.cyan.lighten-3{
border-color:#80deea!important
}
.cyan.lighten-3,.cyan.lighten-3--after:after{
background-color:#80deea!important
}
.cyan--text.text--lighten-3{
color:#80deea!important
}
.cyan.lighten-2{
border-color:#4dd0e1!important
}
.cyan.lighten-2,.cyan.lighten-2--after:after{
background-color:#4dd0e1!important
}
.cyan--text.text--lighten-2{
color:#4dd0e1!important
}
.cyan.lighten-1{
border-color:#26c6da!important
}
.cyan.lighten-1,.cyan.lighten-1--after:after{
background-color:#26c6da!important
}
.cyan--text.text--lighten-1{
color:#26c6da!important
}
.cyan.darken-1{
border-color:#00acc1!important
}
.cyan.darken-1,.cyan.darken-1--after:after{
background-color:#00acc1!important
}
.cyan--text.text--darken-1{
color:#00acc1!important
}
.cyan.darken-2{
border-color:#0097a7!important
}
.cyan.darken-2,.cyan.darken-2--after:after{
background-color:#0097a7!important
}
.cyan--text.text--darken-2{
color:#0097a7!important
}
.cyan.darken-3{
border-color:#00838f!important
}
.cyan.darken-3,.cyan.darken-3--after:after{
background-color:#00838f!important
}
.cyan--text.text--darken-3{
color:#00838f!important
}
.cyan.darken-4{
border-color:#006064!important
}
.cyan.darken-4,.cyan.darken-4--after:after{
background-color:#006064!important
}
.cyan--text.text--darken-4{
color:#006064!important
}
.cyan.accent-1{
border-color:#84ffff!important
}
.cyan.accent-1,.cyan.accent-1--after:after{
background-color:#84ffff!important
}
.cyan--text.text--accent-1{
color:#84ffff!important
}
.cyan.accent-2{
border-color:#18ffff!important
}
.cyan.accent-2,.cyan.accent-2--after:after{
background-color:#18ffff!important
}
.cyan--text.text--accent-2{
color:#18ffff!important
}
.cyan.accent-3{
border-color:#00e5ff!important
}
.cyan.accent-3,.cyan.accent-3--after:after{
background-color:#00e5ff!important
}
.cyan--text.text--accent-3{
color:#00e5ff!important
}
.cyan.accent-4{
border-color:#00b8d4!important
}
.cyan.accent-4,.cyan.accent-4--after:after{
background-color:#00b8d4!important
}
.cyan--text.text--accent-4{
color:#00b8d4!important
}
.teal{
background-color:#009688!important;
border-color:#009688!important
}
.teal--text{
color:#009688!important
}
.teal--after:after{
background:#009688!important
}
.teal.lighten-5{
border-color:#e0f2f1!important
}
.teal.lighten-5,.teal.lighten-5--after:after{
background-color:#e0f2f1!important
}
.teal--text.text--lighten-5{
color:#e0f2f1!important
}
.teal.lighten-4{
border-color:#b2dfdb!important
}
.teal.lighten-4,.teal.lighten-4--after:after{
background-color:#b2dfdb!important
}
.teal--text.text--lighten-4{
color:#b2dfdb!important
}
.teal.lighten-3{
border-color:#80cbc4!important
}
.teal.lighten-3,.teal.lighten-3--after:after{
background-color:#80cbc4!important
}
.teal--text.text--lighten-3{
color:#80cbc4!important
}
.teal.lighten-2{
border-color:#4db6ac!important
}
.teal.lighten-2,.teal.lighten-2--after:after{
background-color:#4db6ac!important
}
.teal--text.text--lighten-2{
color:#4db6ac!important
}
.teal.lighten-1{
border-color:#26a69a!important
}
.teal.lighten-1,.teal.lighten-1--after:after{
background-color:#26a69a!important
}
.teal--text.text--lighten-1{
color:#26a69a!important
}
.teal.darken-1{
border-color:#00897b!important
}
.teal.darken-1,.teal.darken-1--after:after{
background-color:#00897b!important
}
.teal--text.text--darken-1{
color:#00897b!important
}
.teal.darken-2{
border-color:#00796b!important
}
.teal.darken-2,.teal.darken-2--after:after{
background-color:#00796b!important
}
.teal--text.text--darken-2{
color:#00796b!important
}
.teal.darken-3{
border-color:#00695c!important
}
.teal.darken-3,.teal.darken-3--after:after{
background-color:#00695c!important
}
.teal--text.text--darken-3{
color:#00695c!important
}
.teal.darken-4{
border-color:#004d40!important
}
.teal.darken-4,.teal.darken-4--after:after{
background-color:#004d40!important
}
.teal--text.text--darken-4{
color:#004d40!important
}
.teal.accent-1{
border-color:#a7ffeb!important
}
.teal.accent-1,.teal.accent-1--after:after{
background-color:#a7ffeb!important
}
.teal--text.text--accent-1{
color:#a7ffeb!important
}
.teal.accent-2{
border-color:#64ffda!important
}
.teal.accent-2,.teal.accent-2--after:after{
background-color:#64ffda!important
}
.teal--text.text--accent-2{
color:#64ffda!important
}
.teal.accent-3{
border-color:#1de9b6!important
}
.teal.accent-3,.teal.accent-3--after:after{
background-color:#1de9b6!important
}
.teal--text.text--accent-3{
color:#1de9b6!important
}
.teal.accent-4{
border-color:#00bfa5!important
}
.teal.accent-4,.teal.accent-4--after:after{
background-color:#00bfa5!important
}
.teal--text.text--accent-4{
color:#00bfa5!important
}
.green{
background-color:#4caf50!important;
border-color:#4caf50!important
}
.green--text{
color:#4caf50!important
}
.green--after:after{
background:#4caf50!important
}
.green.lighten-5{
border-color:#e8f5e9!important
}
.green.lighten-5,.green.lighten-5--after:after{
background-color:#e8f5e9!important
}
.green--text.text--lighten-5{
color:#e8f5e9!important
}
.green.lighten-4{
border-color:#c8e6c9!important
}
.green.lighten-4,.green.lighten-4--after:after{
background-color:#c8e6c9!important
}
.green--text.text--lighten-4{
color:#c8e6c9!important
}
.green.lighten-3{
border-color:#a5d6a7!important
}
.green.lighten-3,.green.lighten-3--after:after{
background-color:#a5d6a7!important
}
.green--text.text--lighten-3{
color:#a5d6a7!important
}
.green.lighten-2{
border-color:#81c784!important
}
.green.lighten-2,.green.lighten-2--after:after{
background-color:#81c784!important
}
.green--text.text--lighten-2{
color:#81c784!important
}
.green.lighten-1{
border-color:#66bb6a!important
}
.green.lighten-1,.green.lighten-1--after:after{
background-color:#66bb6a!important
}
.green--text.text--lighten-1{
color:#66bb6a!important
}
.green.darken-1{
border-color:#43a047!important
}
.green.darken-1,.green.darken-1--after:after{
background-color:#43a047!important
}
.green--text.text--darken-1{
color:#43a047!important
}
.green.darken-2{
border-color:#388e3c!important
}
.green.darken-2,.green.darken-2--after:after{
background-color:#388e3c!important
}
.green--text.text--darken-2{
color:#388e3c!important
}
.green.darken-3{
border-color:#2e7d32!important
}
.green.darken-3,.green.darken-3--after:after{
background-color:#2e7d32!important
}
.green--text.text--darken-3{
color:#2e7d32!important
}
.green.darken-4{
border-color:#1b5e20!important
}
.green.darken-4,.green.darken-4--after:after{
background-color:#1b5e20!important
}
.green--text.text--darken-4{
color:#1b5e20!important
}
.green.accent-1{
border-color:#b9f6ca!important
}
.green.accent-1,.green.accent-1--after:after{
background-color:#b9f6ca!important
}
.green--text.text--accent-1{
color:#b9f6ca!important
}
.green.accent-2{
border-color:#69f0ae!important
}
.green.accent-2,.green.accent-2--after:after{
background-color:#69f0ae!important
}
.green--text.text--accent-2{
color:#69f0ae!important
}
.green.accent-3{
border-color:#00e676!important
}
.green.accent-3,.green.accent-3--after:after{
background-color:#00e676!important
}
.green--text.text--accent-3{
color:#00e676!important
}
.green.accent-4{
border-color:#00c853!important
}
.green.accent-4,.green.accent-4--after:after{
background-color:#00c853!important
}
.green--text.text--accent-4{
color:#00c853!important
}
.light-green{
background-color:#8bc34a!important;
border-color:#8bc34a!important
}
.light-green--text{
color:#8bc34a!important
}
.light-green--after:after{
background:#8bc34a!important
}
.light-green.lighten-5{
border-color:#f1f8e9!important
}
.light-green.lighten-5,.light-green.lighten-5--after:after{
background-color:#f1f8e9!important
}
.light-green--text.text--lighten-5{
color:#f1f8e9!important
}
.light-green.lighten-4{
border-color:#dcedc8!important
}
.light-green.lighten-4,.light-green.lighten-4--after:after{
background-color:#dcedc8!important
}
.light-green--text.text--lighten-4{
color:#dcedc8!important
}
.light-green.lighten-3{
border-color:#c5e1a5!important
}
.light-green.lighten-3,.light-green.lighten-3--after:after{
background-color:#c5e1a5!important
}
.light-green--text.text--lighten-3{
color:#c5e1a5!important
}
.light-green.lighten-2{
border-color:#aed581!important
}
.light-green.lighten-2,.light-green.lighten-2--after:after{
background-color:#aed581!important
}
.light-green--text.text--lighten-2{
color:#aed581!important
}
.light-green.lighten-1{
border-color:#9ccc65!important
}
.light-green.lighten-1,.light-green.lighten-1--after:after{
background-color:#9ccc65!important
}
.light-green--text.text--lighten-1{
color:#9ccc65!important
}
.light-green.darken-1{
border-color:#7cb342!important
}
.light-green.darken-1,.light-green.darken-1--after:after{
background-color:#7cb342!important
}
.light-green--text.text--darken-1{
color:#7cb342!important
}
.light-green.darken-2{
border-color:#689f38!important
}
.light-green.darken-2,.light-green.darken-2--after:after{
background-color:#689f38!important
}
.light-green--text.text--darken-2{
color:#689f38!important
}
.light-green.darken-3{
border-color:#558b2f!important
}
.light-green.darken-3,.light-green.darken-3--after:after{
background-color:#558b2f!important
}
.light-green--text.text--darken-3{
color:#558b2f!important
}
.light-green.darken-4{
border-color:#33691e!important
}
.light-green.darken-4,.light-green.darken-4--after:after{
background-color:#33691e!important
}
.light-green--text.text--darken-4{
color:#33691e!important
}
.light-green.accent-1{
border-color:#ccff90!important
}
.light-green.accent-1,.light-green.accent-1--after:after{
background-color:#ccff90!important
}
.light-green--text.text--accent-1{
color:#ccff90!important
}
.light-green.accent-2{
border-color:#b2ff59!important
}
.light-green.accent-2,.light-green.accent-2--after:after{
background-color:#b2ff59!important
}
.light-green--text.text--accent-2{
color:#b2ff59!important
}
.light-green.accent-3{
border-color:#76ff03!important
}
.light-green.accent-3,.light-green.accent-3--after:after{
background-color:#76ff03!important
}
.light-green--text.text--accent-3{
color:#76ff03!important
}
.light-green.accent-4{
border-color:#64dd17!important
}
.light-green.accent-4,.light-green.accent-4--after:after{
background-color:#64dd17!important
}
.light-green--text.text--accent-4{
color:#64dd17!important
}
.lime{
background-color:#cddc39!important;
border-color:#cddc39!important
}
.lime--text{
color:#cddc39!important
}
.lime--after:after{
background:#cddc39!important
}
.lime.lighten-5{
border-color:#f9fbe7!important
}
.lime.lighten-5,.lime.lighten-5--after:after{
background-color:#f9fbe7!important
}
.lime--text.text--lighten-5{
color:#f9fbe7!important
}
.lime.lighten-4{
border-color:#f0f4c3!important
}
.lime.lighten-4,.lime.lighten-4--after:after{
background-color:#f0f4c3!important
}
.lime--text.text--lighten-4{
color:#f0f4c3!important
}
.lime.lighten-3{
border-color:#e6ee9c!important
}
.lime.lighten-3,.lime.lighten-3--after:after{
background-color:#e6ee9c!important
}
.lime--text.text--lighten-3{
color:#e6ee9c!important
}
.lime.lighten-2{
border-color:#dce775!important
}
.lime.lighten-2,.lime.lighten-2--after:after{
background-color:#dce775!important
}
.lime--text.text--lighten-2{
color:#dce775!important
}
.lime.lighten-1{
border-color:#d4e157!important
}
.lime.lighten-1,.lime.lighten-1--after:after{
background-color:#d4e157!important
}
.lime--text.text--lighten-1{
color:#d4e157!important
}
.lime.darken-1{
border-color:#c0ca33!important
}
.lime.darken-1,.lime.darken-1--after:after{
background-color:#c0ca33!important
}
.lime--text.text--darken-1{
color:#c0ca33!important
}
.lime.darken-2{
border-color:#afb42b!important
}
.lime.darken-2,.lime.darken-2--after:after{
background-color:#afb42b!important
}
.lime--text.text--darken-2{
color:#afb42b!important
}
.lime.darken-3{
border-color:#9e9d24!important
}
.lime.darken-3,.lime.darken-3--after:after{
background-color:#9e9d24!important
}
.lime--text.text--darken-3{
color:#9e9d24!important
}
.lime.darken-4{
border-color:#827717!important
}
.lime.darken-4,.lime.darken-4--after:after{
background-color:#827717!important
}
.lime--text.text--darken-4{
color:#827717!important
}
.lime.accent-1{
border-color:#f4ff81!important
}
.lime.accent-1,.lime.accent-1--after:after{
background-color:#f4ff81!important
}
.lime--text.text--accent-1{
color:#f4ff81!important
}
.lime.accent-2{
border-color:#eeff41!important
}
.lime.accent-2,.lime.accent-2--after:after{
background-color:#eeff41!important
}
.lime--text.text--accent-2{
color:#eeff41!important
}
.lime.accent-3{
border-color:#c6ff00!important
}
.lime.accent-3,.lime.accent-3--after:after{
background-color:#c6ff00!important
}
.lime--text.text--accent-3{
color:#c6ff00!important
}
.lime.accent-4{
border-color:#aeea00!important
}
.lime.accent-4,.lime.accent-4--after:after{
background-color:#aeea00!important
}
.lime--text.text--accent-4{
color:#aeea00!important
}
.yellow{
background-color:#ffeb3b!important;
border-color:#ffeb3b!important
}
.yellow--text{
color:#ffeb3b!important
}
.yellow--after:after{
background:#ffeb3b!important
}
.yellow.lighten-5{
border-color:#fffde7!important
}
.yellow.lighten-5,.yellow.lighten-5--after:after{
background-color:#fffde7!important
}
.yellow--text.text--lighten-5{
color:#fffde7!important
}
.yellow.lighten-4{
border-color:#fff9c4!important
}
.yellow.lighten-4,.yellow.lighten-4--after:after{
background-color:#fff9c4!important
}
.yellow--text.text--lighten-4{
color:#fff9c4!important
}
.yellow.lighten-3{
border-color:#fff59d!important
}
.yellow.lighten-3,.yellow.lighten-3--after:after{
background-color:#fff59d!important
}
.yellow--text.text--lighten-3{
color:#fff59d!important
}
.yellow.lighten-2{
border-color:#fff176!important
}
.yellow.lighten-2,.yellow.lighten-2--after:after{
background-color:#fff176!important
}
.yellow--text.text--lighten-2{
color:#fff176!important
}
.yellow.lighten-1{
border-color:#ffee58!important
}
.yellow.lighten-1,.yellow.lighten-1--after:after{
background-color:#ffee58!important
}
.yellow--text.text--lighten-1{
color:#ffee58!important
}
.yellow.darken-1{
border-color:#fdd835!important
}
.yellow.darken-1,.yellow.darken-1--after:after{
background-color:#fdd835!important
}
.yellow--text.text--darken-1{
color:#fdd835!important
}
.yellow.darken-2{
border-color:#fbc02d!important
}
.yellow.darken-2,.yellow.darken-2--after:after{
background-color:#fbc02d!important
}
.yellow--text.text--darken-2{
color:#fbc02d!important
}
.yellow.darken-3{
border-color:#f9a825!important
}
.yellow.darken-3,.yellow.darken-3--after:after{
background-color:#f9a825!important
}
.yellow--text.text--darken-3{
color:#f9a825!important
}
.yellow.darken-4{
border-color:#f57f17!important
}
.yellow.darken-4,.yellow.darken-4--after:after{
background-color:#f57f17!important
}
.yellow--text.text--darken-4{
color:#f57f17!important
}
.yellow.accent-1{
border-color:#ffff8d!important
}
.yellow.accent-1,.yellow.accent-1--after:after{
background-color:#ffff8d!important
}
.yellow--text.text--accent-1{
color:#ffff8d!important
}
.yellow.accent-2{
border-color:#ff0!important
}
.yellow.accent-2,.yellow.accent-2--after:after{
background-color:#ff0!important
}
.yellow--text.text--accent-2{
color:#ff0!important
}
.yellow.accent-3{
border-color:#ffea00!important
}
.yellow.accent-3,.yellow.accent-3--after:after{
background-color:#ffea00!important
}
.yellow--text.text--accent-3{
color:#ffea00!important
}
.yellow.accent-4{
border-color:#ffd600!important
}
.yellow.accent-4,.yellow.accent-4--after:after{
background-color:#ffd600!important
}
.yellow--text.text--accent-4{
color:#ffd600!important
}
.amber{
background-color:#ffc107!important;
border-color:#ffc107!important
}
.amber--text{
color:#ffc107!important
}
.amber--after:after{
background:#ffc107!important
}
.amber.lighten-5{
border-color:#fff8e1!important
}
.amber.lighten-5,.amber.lighten-5--after:after{
background-color:#fff8e1!important
}
.amber--text.text--lighten-5{
color:#fff8e1!important
}
.amber.lighten-4{
border-color:#ffecb3!important
}
.amber.lighten-4,.amber.lighten-4--after:after{
background-color:#ffecb3!important
}
.amber--text.text--lighten-4{
color:#ffecb3!important
}
.amber.lighten-3{
border-color:#ffe082!important
}
.amber.lighten-3,.amber.lighten-3--after:after{
background-color:#ffe082!important
}
.amber--text.text--lighten-3{
color:#ffe082!important
}
.amber.lighten-2{
border-color:#ffd54f!important
}
.amber.lighten-2,.amber.lighten-2--after:after{
background-color:#ffd54f!important
}
.amber--text.text--lighten-2{
color:#ffd54f!important
}
.amber.lighten-1{
border-color:#ffca28!important
}
.amber.lighten-1,.amber.lighten-1--after:after{
background-color:#ffca28!important
}
.amber--text.text--lighten-1{
color:#ffca28!important
}
.amber.darken-1{
border-color:#ffb300!important
}
.amber.darken-1,.amber.darken-1--after:after{
background-color:#ffb300!important
}
.amber--text.text--darken-1{
color:#ffb300!important
}
.amber.darken-2{
border-color:#ffa000!important
}
.amber.darken-2,.amber.darken-2--after:after{
background-color:#ffa000!important
}
.amber--text.text--darken-2{
color:#ffa000!important
}
.amber.darken-3{
border-color:#ff8f00!important
}
.amber.darken-3,.amber.darken-3--after:after{
background-color:#ff8f00!important
}
.amber--text.text--darken-3{
color:#ff8f00!important
}
.amber.darken-4{
border-color:#ff6f00!important
}
.amber.darken-4,.amber.darken-4--after:after{
background-color:#ff6f00!important
}
.amber--text.text--darken-4{
color:#ff6f00!important
}
.amber.accent-1{
border-color:#ffe57f!important
}
.amber.accent-1,.amber.accent-1--after:after{
background-color:#ffe57f!important
}
.amber--text.text--accent-1{
color:#ffe57f!important
}
.amber.accent-2{
border-color:#ffd740!important
}
.amber.accent-2,.amber.accent-2--after:after{
background-color:#ffd740!important
}
.amber--text.text--accent-2{
color:#ffd740!important
}
.amber.accent-3{
border-color:#ffc400!important
}
.amber.accent-3,.amber.accent-3--after:after{
background-color:#ffc400!important
}
.amber--text.text--accent-3{
color:#ffc400!important
}
.amber.accent-4{
border-color:#ffab00!important
}
.amber.accent-4,.amber.accent-4--after:after{
background-color:#ffab00!important
}
.amber--text.text--accent-4{
color:#ffab00!important
}
.orange{
background-color:#ff9800!important;
border-color:#ff9800!important
}
.orange--text{
color:#ff9800!important
}
.orange--after:after{
background:#ff9800!important
}
.orange.lighten-5{
border-color:#fff3e0!important
}
.orange.lighten-5,.orange.lighten-5--after:after{
background-color:#fff3e0!important
}
.orange--text.text--lighten-5{
color:#fff3e0!important
}
.orange.lighten-4{
border-color:#ffe0b2!important
}
.orange.lighten-4,.orange.lighten-4--after:after{
background-color:#ffe0b2!important
}
.orange--text.text--lighten-4{
color:#ffe0b2!important
}
.orange.lighten-3{
border-color:#ffcc80!important
}
.orange.lighten-3,.orange.lighten-3--after:after{
background-color:#ffcc80!important
}
.orange--text.text--lighten-3{
color:#ffcc80!important
}
.orange.lighten-2{
border-color:#ffb74d!important
}
.orange.lighten-2,.orange.lighten-2--after:after{
background-color:#ffb74d!important
}
.orange--text.text--lighten-2{
color:#ffb74d!important
}
.orange.lighten-1{
border-color:#ffa726!important
}
.orange.lighten-1,.orange.lighten-1--after:after{
background-color:#ffa726!important
}
.orange--text.text--lighten-1{
color:#ffa726!important
}
.orange.darken-1{
border-color:#fb8c00!important
}
.orange.darken-1,.orange.darken-1--after:after{
background-color:#fb8c00!important
}
.orange--text.text--darken-1{
color:#fb8c00!important
}
.orange.darken-2{
border-color:#f57c00!important
}
.orange.darken-2,.orange.darken-2--after:after{
background-color:#f57c00!important
}
.orange--text.text--darken-2{
color:#f57c00!important
}
.orange.darken-3{
border-color:#ef6c00!important
}
.orange.darken-3,.orange.darken-3--after:after{
background-color:#ef6c00!important
}
.orange--text.text--darken-3{
color:#ef6c00!important
}
.orange.darken-4{
border-color:#e65100!important
}
.orange.darken-4,.orange.darken-4--after:after{
background-color:#e65100!important
}
.orange--text.text--darken-4{
color:#e65100!important
}
.orange.accent-1{
border-color:#ffd180!important
}
.orange.accent-1,.orange.accent-1--after:after{
background-color:#ffd180!important
}
.orange--text.text--accent-1{
color:#ffd180!important
}
.orange.accent-2{
border-color:#ffab40!important
}
.orange.accent-2,.orange.accent-2--after:after{
background-color:#ffab40!important
}
.orange--text.text--accent-2{
color:#ffab40!important
}
.orange.accent-3{
border-color:#ff9100!important
}
.orange.accent-3,.orange.accent-3--after:after{
background-color:#ff9100!important
}
.orange--text.text--accent-3{
color:#ff9100!important
}
.orange.accent-4{
border-color:#ff6d00!important
}
.orange.accent-4,.orange.accent-4--after:after{
background-color:#ff6d00!important
}
.orange--text.text--accent-4{
color:#ff6d00!important
}
.deep-orange{
background-color:#ff5722!important;
border-color:#ff5722!important
}
.deep-orange--text{
color:#ff5722!important
}
.deep-orange--after:after{
background:#ff5722!important
}
.deep-orange.lighten-5{
border-color:#fbe9e7!important
}
.deep-orange.lighten-5,.deep-orange.lighten-5--after:after{
background-color:#fbe9e7!important
}
.deep-orange--text.text--lighten-5{
color:#fbe9e7!important
}
.deep-orange.lighten-4{
border-color:#ffccbc!important
}
.deep-orange.lighten-4,.deep-orange.lighten-4--after:after{
background-color:#ffccbc!important
}
.deep-orange--text.text--lighten-4{
color:#ffccbc!important
}
.deep-orange.lighten-3{
border-color:#ffab91!important
}
.deep-orange.lighten-3,.deep-orange.lighten-3--after:after{
background-color:#ffab91!important
}
.deep-orange--text.text--lighten-3{
color:#ffab91!important
}
.deep-orange.lighten-2{
border-color:#ff8a65!important
}
.deep-orange.lighten-2,.deep-orange.lighten-2--after:after{
background-color:#ff8a65!important
}
.deep-orange--text.text--lighten-2{
color:#ff8a65!important
}
.deep-orange.lighten-1{
border-color:#ff7043!important
}
.deep-orange.lighten-1,.deep-orange.lighten-1--after:after{
background-color:#ff7043!important
}
.deep-orange--text.text--lighten-1{
color:#ff7043!important
}
.deep-orange.darken-1{
border-color:#f4511e!important
}
.deep-orange.darken-1,.deep-orange.darken-1--after:after{
background-color:#f4511e!important
}
.deep-orange--text.text--darken-1{
color:#f4511e!important
}
.deep-orange.darken-2{
border-color:#e64a19!important
}
.deep-orange.darken-2,.deep-orange.darken-2--after:after{
background-color:#e64a19!important
}
.deep-orange--text.text--darken-2{
color:#e64a19!important
}
.deep-orange.darken-3{
border-color:#d84315!important
}
.deep-orange.darken-3,.deep-orange.darken-3--after:after{
background-color:#d84315!important
}
.deep-orange--text.text--darken-3{
color:#d84315!important
}
.deep-orange.darken-4{
border-color:#bf360c!important
}
.deep-orange.darken-4,.deep-orange.darken-4--after:after{
background-color:#bf360c!important
}
.deep-orange--text.text--darken-4{
color:#bf360c!important
}
.deep-orange.accent-1{
border-color:#ff9e80!important
}
.deep-orange.accent-1,.deep-orange.accent-1--after:after{
background-color:#ff9e80!important
}
.deep-orange--text.text--accent-1{
color:#ff9e80!important
}
.deep-orange.accent-2{
border-color:#ff6e40!important
}
.deep-orange.accent-2,.deep-orange.accent-2--after:after{
background-color:#ff6e40!important
}
.deep-orange--text.text--accent-2{
color:#ff6e40!important
}
.deep-orange.accent-3{
border-color:#ff3d00!important
}
.deep-orange.accent-3,.deep-orange.accent-3--after:after{
background-color:#ff3d00!important
}
.deep-orange--text.text--accent-3{
color:#ff3d00!important
}
.deep-orange.accent-4{
border-color:#dd2c00!important
}
.deep-orange.accent-4,.deep-orange.accent-4--after:after{
background-color:#dd2c00!important
}
.deep-orange--text.text--accent-4{
color:#dd2c00!important
}
.brown{
background-color:#795548!important;
border-color:#795548!important
}
.brown--text{
color:#795548!important
}
.brown--after:after{
background:#795548!important
}
.brown.lighten-5{
border-color:#efebe9!important
}
.brown.lighten-5,.brown.lighten-5--after:after{
background-color:#efebe9!important
}
.brown--text.text--lighten-5{
color:#efebe9!important
}
.brown.lighten-4{
border-color:#d7ccc8!important
}
.brown.lighten-4,.brown.lighten-4--after:after{
background-color:#d7ccc8!important
}
.brown--text.text--lighten-4{
color:#d7ccc8!important
}
.brown.lighten-3{
border-color:#bcaaa4!important
}
.brown.lighten-3,.brown.lighten-3--after:after{
background-color:#bcaaa4!important
}
.brown--text.text--lighten-3{
color:#bcaaa4!important
}
.brown.lighten-2{
border-color:#a1887f!important
}
.brown.lighten-2,.brown.lighten-2--after:after{
background-color:#a1887f!important
}
.brown--text.text--lighten-2{
color:#a1887f!important
}
.brown.lighten-1{
border-color:#8d6e63!important
}
.brown.lighten-1,.brown.lighten-1--after:after{
background-color:#8d6e63!important
}
.brown--text.text--lighten-1{
color:#8d6e63!important
}
.brown.darken-1{
border-color:#6d4c41!important
}
.brown.darken-1,.brown.darken-1--after:after{
background-color:#6d4c41!important
}
.brown--text.text--darken-1{
color:#6d4c41!important
}
.brown.darken-2{
border-color:#5d4037!important
}
.brown.darken-2,.brown.darken-2--after:after{
background-color:#5d4037!important
}
.brown--text.text--darken-2{
color:#5d4037!important
}
.brown.darken-3{
border-color:#4e342e!important
}
.brown.darken-3,.brown.darken-3--after:after{
background-color:#4e342e!important
}
.brown--text.text--darken-3{
color:#4e342e!important
}
.brown.darken-4{
border-color:#3e2723!important
}
.brown.darken-4,.brown.darken-4--after:after{
background-color:#3e2723!important
}
.brown--text.text--darken-4{
color:#3e2723!important
}
.blue-grey{
background-color:#607d8b!important;
border-color:#607d8b!important
}
.blue-grey--text{
color:#607d8b!important
}
.blue-grey--after:after{
background:#607d8b!important
}
.blue-grey.lighten-5{
border-color:#eceff1!important
}
.blue-grey.lighten-5,.blue-grey.lighten-5--after:after{
background-color:#eceff1!important
}
.blue-grey--text.text--lighten-5{
color:#eceff1!important
}
.blue-grey.lighten-4{
border-color:#cfd8dc!important
}
.blue-grey.lighten-4,.blue-grey.lighten-4--after:after{
background-color:#cfd8dc!important
}
.blue-grey--text.text--lighten-4{
color:#cfd8dc!important
}
.blue-grey.lighten-3{
border-color:#b0bec5!important
}
.blue-grey.lighten-3,.blue-grey.lighten-3--after:after{
background-color:#b0bec5!important
}
.blue-grey--text.text--lighten-3{
color:#b0bec5!important
}
.blue-grey.lighten-2{
border-color:#90a4ae!important
}
.blue-grey.lighten-2,.blue-grey.lighten-2--after:after{
background-color:#90a4ae!important
}
.blue-grey--text.text--lighten-2{
color:#90a4ae!important
}
.blue-grey.lighten-1{
border-color:#78909c!important
}
.blue-grey.lighten-1,.blue-grey.lighten-1--after:after{
background-color:#78909c!important
}
.blue-grey--text.text--lighten-1{
color:#78909c!important
}
.blue-grey.darken-1{
border-color:#546e7a!important
}
.blue-grey.darken-1,.blue-grey.darken-1--after:after{
background-color:#546e7a!important
}
.blue-grey--text.text--darken-1{
color:#546e7a!important
}
.blue-grey.darken-2{
border-color:#455a64!important
}
.blue-grey.darken-2,.blue-grey.darken-2--after:after{
background-color:#455a64!important
}
.blue-grey--text.text--darken-2{
color:#455a64!important
}
.blue-grey.darken-3{
border-color:#37474f!important
}
.blue-grey.darken-3,.blue-grey.darken-3--after:after{
background-color:#37474f!important
}
.blue-grey--text.text--darken-3{
color:#37474f!important
}
.blue-grey.darken-4{
border-color:#263238!important
}
.blue-grey.darken-4,.blue-grey.darken-4--after:after{
background-color:#263238!important
}
.blue-grey--text.text--darken-4{
color:#263238!important
}
.grey{
background-color:#9e9e9e!important;
border-color:#9e9e9e!important
}
.grey--text{
color:#9e9e9e!important
}
.grey--after:after{
background:#9e9e9e!important
}
.grey.lighten-5{
border-color:#fafafa!important
}
.grey.lighten-5,.grey.lighten-5--after:after{
background-color:#fafafa!important
}
.grey--text.text--lighten-5{
color:#fafafa!important
}
.grey.lighten-4{
border-color:#f5f5f5!important
}
.grey.lighten-4,.grey.lighten-4--after:after{
background-color:#f5f5f5!important
}
.grey--text.text--lighten-4{
color:#f5f5f5!important
}
.grey.lighten-3{
border-color:#eee!important
}
.grey.lighten-3,.grey.lighten-3--after:after{
background-color:#eee!important
}
.grey--text.text--lighten-3{
color:#eee!important
}
.grey.lighten-2{
border-color:#e0e0e0!important
}
.grey.lighten-2,.grey.lighten-2--after:after{
background-color:#e0e0e0!important
}
.grey--text.text--lighten-2{
color:#e0e0e0!important
}
.grey.lighten-1{
border-color:#bdbdbd!important
}
.grey.lighten-1,.grey.lighten-1--after:after{
background-color:#bdbdbd!important
}
.grey--text.text--lighten-1{
color:#bdbdbd!important
}
.grey.darken-1{
border-color:#757575!important
}
.grey.darken-1,.grey.darken-1--after:after{
background-color:#757575!important
}
.grey--text.text--darken-1{
color:#757575!important
}
.grey.darken-2{
border-color:#616161!important
}
.grey.darken-2,.grey.darken-2--after:after{
background-color:#616161!important
}
.grey--text.text--darken-2{
color:#616161!important
}
.grey.darken-3{
border-color:#424242!important
}
.grey.darken-3,.grey.darken-3--after:after{
background-color:#424242!important
}
.grey--text.text--darken-3{
color:#424242!important
}
.grey.darken-4{
border-color:#212121!important
}
.grey.darken-4,.grey.darken-4--after:after{
background-color:#212121!important
}
.grey--text.text--darken-4{
color:#212121!important
}
.shades.black{
border-color:#000!important
}
.shades.black,.shades.black--after:after{
background-color:#000!important
}
.shades--text.text--black{
color:#000!important
}
.shades.white{
border-color:#fff!important
}
.shades.white,.shades.white--after:after{
background-color:#fff!important
}
.shades--text.text--white{
color:#fff!important
}
.shades.transparent{
border-color:transparent!important
}
.shades.transparent,.shades.transparent--after:after{
background-color:transparent!important
}
.shades--text.text--transparent{
color:transparent!important
}
@-webkit-keyframes shake{
59%{
margin-left:0
}
60%,80%{
margin-left:2px
}
70%,90%{
margin-left:-2px
}
}
@keyframes shake{
59%{
margin-left:0
}
60%,80%{
margin-left:2px
}
70%,90%{
margin-left:-2px
}
}
@-webkit-keyframes sonarEffect{
0%{
opacity:.3
}
40%{
opacity:.5;
-webkit-box-shadow:0 0 0 2px hsla(0,0%,100%,.1),0 0 5px 5px hsla(0,0%,100%,.5),0 0 0 5px hsla(0,0%,100%,.5);
box-shadow:0 0 0 2px hsla(0,0%,100%,.1),0 0 5px 5px hsla(0,0%,100%,.5),0 0 0 5px hsla(0,0%,100%,.5)
}
to{
-webkit-box-shadow:0 0 0 2px hsla(0,0%,100%,.1),0 0 10px 10px hsla(0,0%,100%,.5),0 0 0 10px hsla(0,0%,100%,.5);
box-shadow:0 0 0 2px hsla(0,0%,100%,.1),0 0 10px 10px hsla(0,0%,100%,.5),0 0 0 10px hsla(0,0%,100%,.5);
-webkit-transform:scale(1.25);
transform:scale(1.25);
opacity:0
}
}
@keyframes sonarEffect{
0%{
opacity:.3
}
40%{
opacity:.5;
-webkit-box-shadow:0 0 0 2px hsla(0,0%,100%,.1),0 0 5px 5px hsla(0,0%,100%,.5),0 0 0 5px hsla(0,0%,100%,.5);
box-shadow:0 0 0 2px hsla(0,0%,100%,.1),0 0 5px 5px hsla(0,0%,100%,.5),0 0 0 5px hsla(0,0%,100%,.5)
}
to{
-webkit-box-shadow:0 0 0 2px hsla(0,0%,100%,.1),0 0 10px 10px hsla(0,0%,100%,.5),0 0 0 10px hsla(0,0%,100%,.5);
box-shadow:0 0 0 2px hsla(0,0%,100%,.1),0 0 10px 10px hsla(0,0%,100%,.5),0 0 0 10px hsla(0,0%,100%,.5);
-webkit-transform:scale(1.25);
transform:scale(1.25);
opacity:0
}
}
.elevation-0{
-webkit-box-shadow:0 0 0 rgba(0,0,0,.2),0 0 0 rgba(0,0,0,.14),0 0 0 rgba(0,0,0,.12)!important;
box-shadow:0 0 0 rgba(0,0,0,.2),0 0 0 rgba(0,0,0,.14),0 0 0 rgba(0,0,0,.12)!important
}
.elevation-1{
-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12)!important;
box-shadow:0 1px 3px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12)!important
}
.elevation-2{
-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)!important;
box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)!important
}
.elevation-3{
-webkit-box-shadow:0 1px 8px rgba(0,0,0,.2),0 3px 4px rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.12)!important;
box-shadow:0 1px 8px rgba(0,0,0,.2),0 3px 4px rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.12)!important
}
.elevation-4{
-webkit-box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px rgba(0,0,0,.14),0 1px 10px rgba(0,0,0,.12)!important;
box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px rgba(0,0,0,.14),0 1px 10px rgba(0,0,0,.12)!important
}
.elevation-5{
-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px rgba(0,0,0,.14),0 1px 14px rgba(0,0,0,.12)!important;
box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px rgba(0,0,0,.14),0 1px 14px rgba(0,0,0,.12)!important
}
.elevation-6{
-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px rgba(0,0,0,.14),0 1px 18px rgba(0,0,0,.12)!important;
box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px rgba(0,0,0,.14),0 1px 18px rgba(0,0,0,.12)!important
}
.elevation-7{
-webkit-box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important;
box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important
}
.elevation-8{
-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important;
box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important
}
.elevation-9{
-webkit-box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important;
box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important
}
.elevation-10{
-webkit-box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important;
box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important
}
.elevation-11{
-webkit-box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important;
box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important
}
.elevation-12{
-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important;
box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important
}
.elevation-13{
-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important;
box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important
}
.elevation-14{
-webkit-box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important;
box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important
}
.elevation-15{
-webkit-box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important;
box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important
}
.elevation-16{
-webkit-box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important;
box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important
}
.elevation-17{
-webkit-box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important;
box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important
}
.elevation-18{
-webkit-box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important;
box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important
}
.elevation-19{
-webkit-box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important;
box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important
}
.elevation-20{
-webkit-box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important;
box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important
}
.elevation-21{
-webkit-box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important;
box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important
}
.elevation-22{
-webkit-box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important;
box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important
}
.elevation-23{
-webkit-box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important;
box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important
}
.elevation-24{
-webkit-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)!important;
box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)!important
}
.carousel-transition-enter{
-webkit-transform:translate3d(100%,0,0);
transform:translate3d(100%,0,0)
}
.carousel-transition-leave,.carousel-transition-leave-to{
position:absolute;
top:0
}
.carousel-reverse-transition-enter,.carousel-transition-leave,.carousel-transition-leave-to{
-webkit-transform:translate3d(-100%,0,0);
transform:translate3d(-100%,0,0)
}
.carousel-reverse-transition-leave,.carousel-reverse-transition-leave-to{
position:absolute;
top:0;
-webkit-transform:translate3d(100%,0,0);
transform:translate3d(100%,0,0)
}
.dialog-transition-enter,.dialog-transition-leave-to{
-webkit-transform:scale(.5);
transform:scale(.5);
opacity:0
}
.dialog-transition-enter-to,.dialog-transition-leave{
opacity:1
}
.dialog-bottom-transition-enter,.dialog-bottom-transition-leave-to{
-webkit-transform:translateY(100%);
transform:translateY(100%)
}
.tab-transition-enter{
-webkit-transform:translate(100%);
transform:translate(100%)
}
.tab-transition-enter-to{
-webkit-transform:translate(0);
transform:translate(0)
}
.tab-transition-leave,.tab-transition-leave-active{
position:absolute;
top:0
}
.tab-transition-leave-to{
position:absolute
}
.tab-reverse-transition-enter,.tab-transition-leave-to{
-webkit-transform:translate(-100%);
transform:translate(-100%)
}
.tab-reverse-transition-leave,.tab-reverse-transition-leave-to{
top:0;
position:absolute;
-webkit-transform:translate(100%);
transform:translate(100%)
}
.scale-transition-enter-active,.scale-transition-leave-active{
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1)
}
.scale-transition-enter,.scale-transition-leave,.scale-transition-leave-to{
opacity:0;
-webkit-transform:scale(0);
transform:scale(0)
}
.slide-y-transition-enter-active,.slide-y-transition-leave-active{
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1)
}
.slide-y-transition-enter,.slide-y-transition-leave-to{
opacity:0;
-webkit-transform:translateY(-15px);
transform:translateY(-15px)
}
.slide-y-reverse-transition-enter-active,.slide-y-reverse-transition-leave-active{
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1)
}
.slide-y-reverse-transition-enter,.slide-y-reverse-transition-leave-to{
opacity:0;
-webkit-transform:translateY(15px);
transform:translateY(15px)
}
.slide-x-transition-enter-active,.slide-x-transition-leave-active{
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1)
}
.slide-x-transition-enter,.slide-x-transition-leave-to{
opacity:0;
-webkit-transform:translateX(-15px);
transform:translateX(-15px)
}
.slide-x-reverse-transition-enter-active,.slide-x-reverse-transition-leave-active{
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1)
}
.slide-x-reverse-transition-enter,.slide-x-reverse-transition-leave-to{
opacity:0;
-webkit-transform:translateX(15px);
transform:translateX(15px)
}
.fade-transition-enter-active,.fade-transition-leave-active{
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1)
}
.fade-transition-enter,.fade-transition-leave-to{
opacity:0
}
.fab-transition-enter-active,.fab-transition-leave-active{
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1)
}
.fab-transition-enter,.fab-transition-leave-to{
-webkit-transform:scale(0) rotate(-45deg);
transform:scale(0) rotate(-45deg)
}
blockquote{
border-left:5px solid #1976d2;
padding:16px 0 16px 24px;
font-size:18px;
font-weight:300
}
code,kbd{
background:#9e9e9e;
color:#bd4147;
display:inline-block;
background-color:#f5f5f5;
border-radius:3px;
white-space:pre-wrap;
font-size:85%;
font-weight:100!important;
font-weight:900!important
}
code:after,code:before,kbd:after,kbd:before{
content:"\A0";
letter-spacing:-1px
}
kbd{
background:#424242;
color:#fff
}
body,html{
height:100%;
min-height:100%;
position:relative;
width:100%
}
html{
font-size:14px;
text-rendering:optimizeLegibility;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
-webkit-tap-highlight-color:rgba(0,0,0,0);
overflow-x:hidden
}
body{
font-family:Miriam Libre,sans-serif;
line-height:1.5
}
header{
width:100%;
z-index:1
}
header,main{
-webkit-transition:padding .3s cubic-bezier(.25,.8,.25,1);
transition:padding .3s cubic-bezier(.25,.8,.25,1)
}
main{
will-change:padding-left
}
a{
color:#1976d2
}
::-ms-clear,::-ms-reveal{
display:none
}
h1{
color:#424242;
font-size:112px;
font-weight:300;
line-height:1;
letter-spacing:-.04em;
margin-bottom:16px
}
@media screen and (max-width:600px){
h1{
font-size:67.2px
}
}
h2{
color:#424242;
font-size:56px;
font-weight:400;
line-height:1.35;
letter-spacing:-.02em;
margin-bottom:16px
}
@media screen and (max-width:600px){
h2{
font-size:33.6px
}
}
h3{
color:#424242;
font-size:45px;
font-weight:400;
line-height:48px;
letter-spacing:normal;
margin-bottom:16px
}
@media screen and (max-width:600px){
h3{
font-size:27px
}
}
h4{
color:#424242;
font-size:34px;
font-weight:400;
line-height:40px;
letter-spacing:normal;
margin-bottom:16px
}
@media screen and (max-width:600px){
h4{
font-size:20.4px
}
}
h5{
color:#424242;
font-size:24px;
font-weight:400;
line-height:32px;
letter-spacing:normal;
margin-bottom:16px
}
@media screen and (max-width:600px){
h5{
font-size:14.399999999999999px
}
}
h6{
color:#424242;
font-size:20px;
font-weight:500;
line-height:1;
letter-spacing:.02em;
margin-bottom:16px
}
@media screen and (max-width:600px){
h6{
font-size:12px
}
}
subheading{
color:#424242;
font-size:16px;
font-weight:400;
margin-bottom:16px
}
@media screen and (max-width:600px){
subheading{
font-size:9.6px
}
}
body-2{
color:#424242;
font-size:14px;
font-weight:500;
margin-bottom:16px
}
@media screen and (max-width:600px){
body-2{
font-size:8.4px
}
}
body-1{
color:#424242;
font-size:14px;
font-weight:400;
margin-bottom:16px
}
@media screen and (max-width:600px){
body-1{
font-size:8.4px
}
}
caption{
color:#424242;
font-size:12px;
font-weight:400;
margin-bottom:16px
}
@media screen and (max-width:600px){
caption{
font-size:7.199999999999999px
}
}
button{
color:#424242;
font-size:14px;
font-weight:500;
margin-bottom:16px
}
@media screen and (max-width:600px){
button{
font-size:8.4px
}
}
ol,ul{
padding-left:24px
}
.display-4{
font-size:112px!important;
font-weight:300!important;
line-height:1!important;
letter-spacing:-.04em!important
}
.display-3{
font-size:56px!important;
font-weight:400!important;
line-height:1.35!important;
letter-spacing:-.02em!important
}
.display-2{
font-size:45px!important;
line-height:48px!important
}
.display-1,.display-2{
font-weight:400!important;
letter-spacing:normal!important
}
.display-1{
font-size:34px!important;
line-height:40px!important
}
.headline{
font-size:24px!important;
font-weight:400!important;
line-height:32px!important;
letter-spacing:normal!important
}
.title{
font-size:20px!important;
font-weight:500!important;
line-height:1!important;
letter-spacing:.02em!important
}
.subheading{
font-size:16px!important;
font-weight:400!important
}
.body-2{
font-weight:500!important
}
.body-1,.body-2{
font-size:14px!important
}
.body-1,.caption{
font-weight:400!important
}
.caption{
font-size:12px!important
}
p{
margin-bottom:16px
}
.alert{
border-radius:0;
border-width:4px 0 0;
border-style:solid;
border-color:rgba(0,0,0,.12)!important;
color:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:14px;
margin:4px auto;
padding:16px;
position:relative;
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1)
}
.alert__dismissible .icon,.alert__icon.icon{
-ms-flex-item-align:center;
align-self:center;
color:rgba(0,0,0,.3);
font-size:24px
}
.alert__icon{
margin-right:16px
}
.alert__dismissible{
-ms-flex-item-align:start;
align-self:flex-start;
margin-left:16px;
margin-right:0;
text-decoration:none;
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1)
}
.alert__dismissible:hover{
color:rgba(26,26,26,.3)
}
.alert--no-icon .alert__icon{
display:none
}
.alert>div{
-webkit-box-flex:1;
-ms-flex:1;
flex:1
}
@media screen and (max-width:600px){
.alert__icon{
display:none
}
}
.appdesk{
position:relative;
display:block
}
.appdesk--link{
-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);
box-shadow:0 1px 3px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);
position:relative;
background:hsla(0,0%,100%,.2);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
border-radius:50%;
margin:0 auto;
height:96px;
width:96px;
text-decoration:none;
-webkit-transition:background .2s,-webkit-transform .1s ease-out;
transition:background .2s,-webkit-transform .1s ease-out;
transition:transform .1s ease-out,background .2s;
transition:transform .1s ease-out,background .2s,-webkit-transform .1s ease-out
}
.appdesk--link:after{
position:absolute;
border-radius:50%;
content:"";
top:0;
left:0;
padding:0;
z-index:-1;
-webkit-box-shadow:0 0 0 2px hsla(0,0%,100%,.1);
box-shadow:0 0 0 2px hsla(0,0%,100%,.1);
opacity:0;
-webkit-transform:scale(.9);
transform:scale(.9);
height:100%;
width:100%
}
.appdesk--link:hover{
background:hsla(0,0%,100%,.35);
-webkit-transform:scale(.93);
transform:scale(.93);
cursor:pointer;
color:#fff
}
.appdesk--link:hover:after{
content:"";
-webkit-animation:sonarEffect .75s ease-out 25ms;
animation:sonarEffect .75s ease-out 25ms
}
.appdesk--link i.icon.icon--xx-large{
text-shadow:0 1px 3px rgba(0,0,0,.2)
}
.appdesk--link i.icon.icon--xx-large.icon--loader{
font-size:0
}
.appdesk--title{
color:hsla(0,0%,100%,.87);
margin-top:14px
}
.avatar{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
text-align:center
}
.avatar .icon,.avatar img{
height:40px;
width:40px;
border-radius:50%
}
.badge{
position:relative
}
.badge:after{
color:#fff;
content:attr(data-badge);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:absolute;
font-family:Miriam Libre,sans-serif;
top:-11px;
right:-22px;
background-color:#1976d2;
border-radius:50%;
height:22px;
width:22px;
font-size:14px;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.badge--overlap:after{
top:-8px;
right:-8px
}
.badge--overlap.badge--left:after{
left:-8px;
right:auto
}
.badge--overlap.badge--bottom:after{
bottom:-8px;
top:auto
}
.badge--icon:after{
font-family:Material Icons
}
.badge--left:after{
left:-22px
}
.badge--bottom:after{
bottom:-11px;
top:auto
}
.bottom-nav{
background:#1976d2;
bottom:0;
-webkit-box-shadow:0 3px 14px 2px rgba(0,0,0,.12);
box-shadow:0 3px 14px 2px rgba(0,0,0,.12);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
height:56px;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
position:fixed;
-webkit-transform:translate3d(0,60px,0);
transform:translate3d(0,60px,0);
-webkit-transition:all .4s cubic-bezier(.25,.8,.5,1);
transition:all .4s cubic-bezier(.25,.8,.5,1);
width:100%;
z-index:4
}
.bottom-nav--absolute{
position:absolute
}
.bottom-nav--active{
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
.bottom-nav .btn{
background:transparent!important;
border-radius:0;
-webkit-box-shadow:none!important;
box-shadow:none!important;
height:100%;
margin:0;
max-width:168px;
min-width:80px;
padding:0;
opacity:.5;
width:100%
}
.bottom-nav .btn .btn__content{
height:100%;
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
-ms-flex-direction:column-reverse;
flex-direction:column-reverse;
height:56px;
font-size:12px;
-webkit-transform:scaleX(1) translateZ(0);
transform:scaleX(1) translateZ(0);
white-space:nowrap;
will-change:font-size
}
.bottom-nav .btn .btn__content .icon{
color:inherit;
-webkit-transition:all .4s cubic-bezier(.25,.8,.5,1);
transition:all .4s cubic-bezier(.25,.8,.5,1)
}
.bottom-nav .btn--active{
opacity:1
}
.bottom-nav .btn--active .btn__content{
font-size:14px
}
.bottom-nav .btn--active .btn__content:before{
opacity:0
}
.bottom-nav .btn--active .btn__content .icon{
-webkit-transform:none;
transform:none
}
.bottom-nav .btn:not(.btn--active){
-webkit-filter:grayscale(100%);
filter:grayscale(100%)
}
.bottom-nav--shift .btn__content{
font-size:14px
}
.bottom-nav--shift .btn__content span{
height:21px
}
.bottom-nav--shift .btn{
-webkit-transition:all .3s;
transition:all .3s;
min-width:56px;
max-width:96px
}
.bottom-nav--shift .btn--active{
min-width:96px;
max-width:168px
}
.bottom-nav--shift .btn:not(.btn--active) .btn__content .icon{
-webkit-transform:scaleX(1) translate3d(0,10px,0);
transform:scaleX(1) translate3d(0,10px,0)
}
.bottom-nav--shift .btn:not(.btn--active) .btn__content span{
color:transparent
}
.breadcrumbs{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-flex:0;
-ms-flex:0 1 auto;
flex:0 1 auto;
margin:0;
list-style-type:none
}
.breadcrumbs li:not(:last-child):after{
color:#bdbdbd;
content:attr(data-divider);
vertical-align:middle
}
.breadcrumbs li:last-child a{
color:#bdbdbd;
pointer-events:none;
cursor:default
}
.breadcrumbs--with-icons li:not(:last-child):after{
font-family:Material Icons;
-webkit-font-feature-settings:"liga";
font-feature-settings:"liga"
}
.breadcrumbs__item{
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
color:#1976d2;
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
font-size:14px;
padding:0 14px;
height:40px;
text-decoration:none;
line-height:40px;
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1)
}
.breadcrumbs__item:hover{
color:#757575
}
.breadcrumbs__item--disabled{
color:#e0e0e0;
pointer-events:none
}
.btn-toggle{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
border-radius:2px;
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1);
will-change:background,box-shadow
}
.btn-toggle .btn{
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
min-width:auto;
width:auto;
padding:0 8px;
margin:0;
opacity:.4;
border-radius:0
}
.btn-toggle .btn:not(:last-child){
border-right:1px solid transparent
}
.btn-toggle .btn:after{
display:none
}
.btn-toggle .btn[data-selected]{
opacity:1
}
.btn-toggle .btn__content{
padding:0
}
.btn-toggle .btn span+.icon{
font-size:medium;
margin-left:10px
}
.btn-toggle--selected{
-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);
box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)
}
.btn{
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
border-radius:2px;
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
height:36px;
-webkit-box-flex:0;
-ms-flex:0 1 auto;
flex:0 1 auto;
font-size:14px;
font-weight:500;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
margin:6px 8px;
min-width:88px;
outline:0;
text-transform:uppercase;
text-decoration:none;
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1),color 1ms;
transition:.3s cubic-bezier(.25,.8,.25,1),color 1ms;
position:relative;
vertical-align:middle;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.btn__content:before{
border-radius:inherit;
color:inherit;
content:"";
position:absolute;
left:0;
top:0;
height:100%;
opacity:.12;
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1);
width:100%
}
.btn--active .btn__content:before,.btn:focus .btn__content:before,.btn:hover .btn__content:before{
background-color:currentColor
}
.btn__content{
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
border-radius:inherit;
color:inherit;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
height:100%;
-webkit-box-flex:1;
-ms-flex:1 0 auto;
flex:1 0 auto;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
margin:0 auto;
padding:0 16px;
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1);
white-space:nowrap
}
.btn--flat{
background-color:transparent!important;
-webkit-box-shadow:none!important;
box-shadow:none!important
}
.btn--raised{
will-change:box-shadow;
-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);
box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)
}
.btn--raised:active{
-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);
box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)
}
.btn.btn--icon .btn__content .icon{
color:inherit
}
.btn--icon{
background:transparent;
-webkit-box-shadow:none!important;
box-shadow:none!important;
border-radius:50%;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
height:36px;
width:36px;
min-width:0
}
.btn--icon .btn__content{
padding:0
}
.btn--icon .btn__content:before{
border-radius:50%
}
.btn--icon.btn--small{
width:28px
}
.btn--icon.btn--small .btn__content{
height:28px
}
.btn--icon.btn--large{
width:44px
}
.btn--icon.btn--large .btn__content{
height:44px
}
.btn--floating{
border-radius:50%;
min-width:0;
height:56px;
width:56px;
padding:0;
-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px rgba(0,0,0,.14),0 1px 18px rgba(0,0,0,.12);
box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px rgba(0,0,0,.14),0 1px 18px rgba(0,0,0,.12)
}
.btn--floating:active{
-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12);
box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)
}
.btn--floating .btn__content{
-webkit-box-flex:1;
-ms-flex:1 1 auto;
flex:1 1 auto;
margin:0;
padding:0
}
.btn--floating .btn__content .icon{
color:inherit
}
.btn--floating:after{
border-radius:50%
}
.btn--floating .icon:not(:only-of-type):last-of-type{
opacity:0;
position:absolute;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
left:calc(50% - 12px);
top:calc(50% - 12px)
}
.btn--floating.btn--active .icon:not(:only-of-type):first-of-type{
opacity:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
left:-1150%;
top:-1150%
}
.btn--floating.btn--active .icon:not(:only-of-type):last-of-type{
opacity:1;
-webkit-transform:none;
transform:none
}
.btn--floating .icon{
height:24px;
width:24px
}
.btn--floating.btn--small{
height:40px;
width:40px
}
.btn--floating.btn--small .icon{
font-size:18px;
height:18px;
width:18px
}
.btn--floating.btn--small.btn--floating .icon{
left:calc(50% - 9px);
top:calc(50% - 9px)
}
.btn--floating.btn--large{
height:72px;
width:72px
}
.btn--floating.btn--large .icon{
font-size:30px;
height:30px;
width:30px
}
.btn--floating.btn--large.btn--floating .icon{
left:calc(50% - 15px);
top:calc(50% - 15px)
}
.btn--reverse .btn__content{
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
-ms-flex-direction:row-reverse;
flex-direction:row-reverse
}
.btn--reverse.btn--column .btn__content{
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
-ms-flex-direction:column-reverse;
flex-direction:column-reverse
}
.btn--absolute,.btn--fixed{
margin:0
}
.btn.btn--absolute{
position:absolute
}
.btn.btn--fixed{
position:fixed
}
.btn--top:not(.btn--absolute){
top:16px
}
.btn--top.btn--absolute{
top:-28px
}
.btn--top.btn--absolute.btn--small{
top:-20px
}
.btn--top.btn--absolute.btn--large{
top:-36px
}
.btn--bottom:not(.btn--absolute){
bottom:16px
}
.btn--bottom.btn--absolute{
bottom:-28px
}
.btn--bottom.btn--absolute.btn--small{
bottom:-20px
}
.btn--bottom.btn--absolute.btn--large{
bottom:-36px
}
.btn--left{
left:16px
}
.btn--right{
right:16px
}
.btn--small{
font-size:13px;
height:28px
}
.btn--large{
font-size:15px;
height:44px
}
.btn--loader{
pointer-events:none
}
.btn--loader .btn__content{
opacity:0
}
.btn__loading{
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
height:100%;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
left:0;
position:absolute;
top:0;
width:100%
}
.btn__loading .icon--left{
margin-right:1rem;
line-height:inherit
}
.btn__loading .icon--right{
margin-left:1rem;
line-height:inherit
}
.btn--outline{
border:1px solid currentColor;
background:transparent!important
}
.btn--outline,.btn--outline:hover{
-webkit-box-shadow:none;
box-shadow:none
}
.btn--block{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
margin:6px 0;
width:100%
}
.btn--round,.btn--round:after{
border-radius:28px
}
.btn .icon--right{
margin-left:16px
}
.btn .icon--left{
margin-right:16px
}
.btn.error,.btn.info,.btn.primary,.btn.secondary,.btn.success,.btn.warning{
color:#fff
}
.canvas-wrapper{
position:absolute;
background:#00acc1;
top:0;
left:0;
height:100vh;
width:100vw;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
.card{
-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);
box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);
position:relative;
border-radius:2px;
min-width:0
}
.card>:first-child{
border-top-left-radius:inherit;
border-top-right-radius:inherit
}
.card>:last-child{
border-bottom-left-radius:inherit;
border-bottom-right-radius:inherit
}
.card--raised{
-webkit-box-shadow:0 1px 8px rgba(0,0,0,.2),0 3px 4px rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.12);
box-shadow:0 1px 8px rgba(0,0,0,.2),0 3px 4px rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.12)
}
.card--tile{
border-radius:0
}
.card--flat{
-webkit-box-shadow:0 0 0 rgba(0,0,0,.2),0 0 0 rgba(0,0,0,.14),0 0 0 rgba(0,0,0,.12);
box-shadow:0 0 0 rgba(0,0,0,.2),0 0 0 rgba(0,0,0,.14),0 0 0 rgba(0,0,0,.12)
}
.card--hover{
cursor:pointer;
-webkit-transition:all .4s cubic-bezier(.25,.8,.25,1);
transition:all .4s cubic-bezier(.25,.8,.25,1);
-webkit-transition-property:-webkit-box-shadow;
transition-property:-webkit-box-shadow;
transition-property:box-shadow;
transition-property:box-shadow,-webkit-box-shadow
}
.card--hover:hover{
-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);
box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)
}
.card__title{
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
padding:16px
}
.card__title--primary{
padding-top:24px
}
.card__text{
padding:16px;
width:100%
}
.card__media{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
overflow:hidden;
position:relative
}
.card__media img{
width:100%
}
.card__media__background{
border-radius:inherit;
position:absolute;
left:0;
top:0;
width:100%;
height:100%
}
.card__media__content{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
position:relative
}
.card__actions{
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding:8px 4px
}
.card__actions>*{
margin:0 4px
}
.carousel{
height:500px;
width:100%;
position:relative;
overflow:hidden;
-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);
box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)
}
.carousel__item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-flex:1;
-ms-flex:1 0 100%;
flex:1 0 100%;
height:100%;
width:100%;
background-size:cover;
background-position:50%;
-webkit-transition:.2s ease-out;
transition:.2s ease-out
}
.carousel__left,.carousel__right{
position:absolute;
top:50%;
z-index:1;
left:5px;
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
.carousel__left .btn,.carousel__right .btn{
color:#fff;
margin:0!important;
height:auto;
width:auto
}
.carousel__left .btn i,.carousel__right .btn i{
font-size:48px
}
.carousel__left .btn:hover,.carousel__right .btn:hover{
background:none
}
.carousel__right{
left:auto;
right:5px
}
.carousel__controls{
background:rgba(0,0,0,.5);
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
bottom:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
left:0;
position:absolute;
height:50px;
list-style-type:none;
width:100%;
z-index:1
}
.carousel__controls__item{
color:#fff;
margin:0 1rem!important
}
.carousel__controls__item i{
opacity:.5;
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1)
}
.carousel__controls__item--active i{
opacity:1;
vertical-align:middle;
font-size:2rem!important
}
.carousel__controls__item:hover{
background:none
}
.carousel__controls__item:hover i{
opacity:.8
}
.chip{
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background:#e0e0e0;
border:1px solid #e0e0e0;
border-radius:28px;
cursor:default;
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
font-size:14px;
padding:0 12px;
margin:8px;
height:32px;
-webkit-transition:.3s cubic-bezier(.4,0,.6,1);
transition:.3s cubic-bezier(.4,0,.6,1);
vertical-align:middle;
white-space:nowrap;
color:rgba(0,0,0,.87)
}
.chip .avatar{
border-radius:50%;
height:32px;
width:32px;
min-width:32px;
margin-left:-14px;
margin-right:8px;
color:#fff
}
.chip .avatar img{
width:100%;
height:100%
}
.chip:focus{
-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);
box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);
outline:none
}
.chip--label{
border-radius:2px
}
.chip--outline{
background:transparent!important;
color:#9e9e9e
}
.chip--small{
height:26px
}
.chip--small .avatar{
height:26px;
width:26px;
min-width:26px
}
.chip__close{
color:inherit;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
text-decoration:none;
font-size:24px;
margin-left:4px;
margin-right:-2px;
-webkit-transition:.3s cubic-bezier(.4,0,.6,1);
transition:.3s cubic-bezier(.4,0,.6,1)
}
.chip__close:hover{
opacity:.8
}
.chip--removable{
padding:0 4px 0 12px
}
.chip--select-multi{
margin:8px 8px 8px 0
}
.chip .icon{
color:inherit;
opacity:.54
}
.chip .icon--right{
margin-left:4px
}
.chip .icon--left{
margin-right:4px
}
.datatable thead th.column.sortable{
cursor:pointer
}
.datatable thead th.column.sortable i{
font-size:16px;
vertical-align:sub;
display:inline-block;
opacity:0;
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1)
}
.datatable thead th.column.sortable:hover i{
opacity:.6
}
.datatable thead th.column.sortable.active{
-webkit-transform:none;
transform:none
}
.datatable thead th.column.sortable.active i{
opacity:1
}
.datatable thead th.column.sortable.active.desc i{
-webkit-transform:rotate(-180deg);
transform:rotate(-180deg)
}
.datatable__actions{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:12px
}
.datatable__actions .btn{
color:inherit
}
.datatable__actions .btn:last-of-type{
margin-left:18px
}
.datatable__actions__pagination{
text-align:center;
margin:0 26px 0 32px
}
.datatable__actions__select{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
.datatable__actions__select .input-group--select{
margin:13px 0 13px 34px;
padding:0;
position:static
}
.datatable__actions__select .input-group--select .input-group__selections__comma{
font-size:12px
}
.datatable__progress tr{
height:auto!important
}
.datatable__progress th{
padding:0!important
}
.datatable__progress th .progress-linear{
top:-3px;
margin:0 0 -3px
}
.picker--date{
color:#fff;
width:100%
}
.picker--date__years{
background:#fff;
color:#000;
font-size:18px;
font-weight:400;
list-style-type:none;
max-height:290px;
overflow:auto;
padding:0;
text-align:center
}
.picker--date__years li{
cursor:pointer;
margin:16px 0;
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1)
}
.picker--date__years li:hover{
color:#1976d2
}
.picker--date__years li.active{
color:#1976d2;
font-size:24px;
font-weight:500;
margin:20px 0
}
.picker--date__title{
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.picker--date__title-year{
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
font-size:14px
}
.picker--date__title-date{
font-size:34px
}
.picker--date__title-date>div{
position:relative
}
.picker--date__title-date,.picker--date__title-year{
font-weight:500;
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1);
width:100%
}
.picker--date__title-date:not(.active),.picker--date__title-year:not(.active){
cursor:pointer;
opacity:.6
}
.picker--date__title-date:hover,.picker--date__title-year:hover{
opacity:1
}
.picker--date__header{
color:#000;
padding:4px 16px
}
.picker--date__header-selector{
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
position:relative
}
.picker--date__header-selector .btn{
color:#000;
margin:0
}
.picker--date__header-selector .icon{
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.picker--date__header-selector-date{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:center;
position:relative;
overflow:hidden
}
.picker--date__header-selector-date strong{
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1);
display:block;
width:100%
}
.picker--date__table{
position:relative
}
.picker--date table{
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1);
top:0
}
.picker--date table thead th{
padding:8px 0
}
.picker--date table th{
color:rgba(0,0,0,.54);
font-weight:600;
font-size:12px
}
.picker--date table td,.picker--date table th{
text-align:center;
width:45px
}
.picker--date table .btn{
margin:0
}
.picker--date table .btn .btn__content:before,.picker--date table .btn:hover{
background-color:transparent!important
}
.picker--date table .btn:after{
position:absolute;
content:"";
left:0;
top:0;
height:100%;
width:100%
}
.picker--date table .btn__content{
overflow:visible;
-webkit-transition:none;
transition:none;
z-index:1
}
.picker--date table .btn.btn--current:not(.btn--active){
color:#1976d2
}
.picker--date table .btn.btn--floating{
height:32px;
width:32px
}
.picker--date table .btn.btn--floating:after{
background:#1976d2!important;
opacity:0;
-webkit-transform:scale(0);
transform:scale(0)
}
.picker--date table .btn.btn--floating:not(.btn--active):hover{
color:#fff
}
.picker--date table .btn.btn--floating:not(.btn--active):hover:after{
opacity:.6;
-webkit-transform:scale(1);
transform:scale(1)
}
.picker--date table .btn.btn--floating.btn--active{
color:#fff
}
.picker--date table .btn.btn--floating.btn--active:after{
background:#1976d2!important;
opacity:1;
-webkit-transform:none;
transform:none
}
.picker--landscape .picker--date__years{
margin-left:170px;
width:330px
}
.picker--date.picker--dark .picker--date__years{
background:#424242
}
.picker--date.picker--dark .picker--date__years li{
color:#fff
}
.picker--date.picker--dark .picker--date__years li.active{
color:#448aff
}
.picker--date.picker--dark .picker--date__header,.picker--date.picker--dark .picker--date__table table .btn,.picker--date.picker--dark .picker--date__table table th,.picker--date.picker--dark .picker__title{
color:#fff
}
.picker--date.picker--dark .picker--date__table table .btn--current{
color:#448aff
}
.picker--date.picker--dark .picker--date__table table .btn--active{
color:#000
}
.picker--date.picker--dark .picker--date__table table .btn--floating:after{
background:#448aff!important
}
.dialog{
-webkit-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);
box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);
border-radius:2px;
margin:24px;
overflow-y:auto;
pointer-events:auto
}
.dialog,.dialog__content{
-webkit-transition:.3s ease-in-out;
transition:.3s ease-in-out
}
.dialog__content{
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
height:100%;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
left:0;
pointer-events:none;
position:fixed;
top:0;
width:100%;
z-index:5
}
.dialog:not(.dialog--fullscreen){
max-width:90%;
max-height:90%
}
.dialog__container{
display:inline-block;
vertical-align:middle
}
.dialog--fullscreen{
margin:0;
width:100%;
height:100%;
position:fixed;
overflow-y:auto;
top:0;
left:0
}
.dialog--fullscreen>.card{
min-height:100%;
min-width:100%;
margin:0!important;
padding:0!important
}
.dialog--scrollable{
overflow:hidden
}
.dialog--scrollable .card__text{
overflow-y:auto
}
.divider{
border:none;
display:block;
height:1px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
width:100%
}
.divider--inset{
margin-left:72px;
width:calc(100% - 72px)
}
.expansion-panel{
text-align:left;
list-style-type:none;
padding:0;
width:100%;
-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);
box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)
}
.expansion-panel>li{
border:1px solid rgba(0,0,0,.12)
}
.expansion-panel>li:not(:first-child){
border-top:none
}
.expansion-panel__header{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
cursor:pointer;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
height:48px;
position:relative;
padding-left:1rem
}
.expansion-panel__header i{
margin-right:1rem
}
.expansion-panel__header:after{
content:"\E313";
font-family:Material Icons;
font-size:1.5rem;
position:absolute;
right:15px;
top:calc(50% - 16px);
color:inherit;
-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.2,1);
transition:-webkit-transform .3s cubic-bezier(0,0,.2,1);
transition:transform .3s cubic-bezier(0,0,.2,1);
transition:transform .3s cubic-bezier(0,0,.2,1),-webkit-transform .3s cubic-bezier(0,0,.2,1)
}
.expansion-panel__header--active:after{
-webkit-transform:rotate(-180deg);
transform:rotate(-180deg)
}
.expansion-panel__body{
background-color:rgba(0,0,0,.03);
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1)
}
.expansion-panel__body .card{
border-radius:0;
-webkit-box-shadow:0 0 0 rgba(0,0,0,.2),0 0 0 rgba(0,0,0,.14),0 0 0 rgba(0,0,0,.12);
box-shadow:0 0 0 rgba(0,0,0,.2),0 0 0 rgba(0,0,0,.14),0 0 0 rgba(0,0,0,.12)
}
.footer{
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
height:36px;
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1)
}
.footer--absolute,.footer--fixed{
bottom:0;
left:0;
width:100%;
z-index:3
}
.footer--absolute{
position:absolute
}
.footer--fixed{
position:fixed
}
.footer>:first-child{
margin-left:8px
}
.footer>:last-child{
margin-right:8px
}
@media only screen and (max-width:599px){
.footer>:first-child{
margin-left:16px
}
.footer>:last-child{
margin-right:16px
}
}
.icon{
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
font-size:24px;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1);
vertical-align:middle
}
.icon.icon--large{
font-size:2.5rem
}
.icon.icon--medium{
font-size:2rem
}
.icon.icon--x-large{
font-size:3rem
}
.icon.icon--xx-large{
font-size:4rem
}
.input-group{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
min-width:24px;
padding:18px 0;
position:relative;
width:100%;
outline:none;
-webkit-transition:-webkit-box-shadow .3s cubic-bezier(.25,.8,.25,1);
transition:-webkit-box-shadow .3s cubic-bezier(.25,.8,.25,1);
transition:box-shadow .3s cubic-bezier(.25,.8,.25,1);
transition:box-shadow .3s cubic-bezier(.25,.8,.25,1),-webkit-box-shadow .3s cubic-bezier(.25,.8,.25,1)
}
.input-group label{
font-size:16px;
line-height:32px;
height:30px;
max-width:90%;
min-width:0;
overflow:hidden;
pointer-events:none;
text-align:left;
text-overflow:ellipsis;
-webkit-transform:translateZ(0);
transform:translateZ(0);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-transition:.3s cubic-bezier(.4,0,.6,1);
transition:.3s cubic-bezier(.4,0,.6,1);
white-space:nowrap;
width:100%;
z-index:0
}
.input-group__input{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flex:1;
-ms-flex:1 0 100%;
flex:1 0 100%;
min-width:0;
min-height:30px
}
.input-group__icon-cb{
cursor:pointer
}
.input-group.input-group--focused .input-group__input .icon{
color:#1976d2
}
.input-group--disabled .input-group__details:before{
background-color:transparent;
background-position:bottom;
background-size:3px 1px;
background-repeat:repeat-x
}
.input-group.input-group--text-field:not(.input-group--single-line):not(.input-group--error).input-group--focused label,.input-group.input-group--text-field:not(.input-group--single-line):not(.input-group--error):focus label{
color:#1976d2
}
.input-group.input-group--text-field:not(.input-group--single-line):not(.input-group--error).input-group--focused textarea,.input-group.input-group--text-field:not(.input-group--single-line):not(.input-group--error):focus textarea{
border-color:#1976d2
}
.input-group.input-group--text-field.input-group--focused:not(.input-group--disabled) .input-group__details:after,.input-group.input-group--text-field:focus:not(.input-group--disabled) .input-group__details:after{
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
.input-group--required label:after{
content:"*"
}
.input-group--required.input-group--focused label:after{
color:#ff5252
}
.input-group.input-group--error input,.input-group.input-group--error textarea{
caret-color:#ff5252
}
.input-group.input-group--error textarea{
border-color:#ff5252
}
.input-group.input-group--error label{
-webkit-animation:shake .6s cubic-bezier(.25,.8,.25,1);
animation:shake .6s cubic-bezier(.25,.8,.25,1)
}
.input-group.input-group--error .input-group__input .icon,.input-group.input-group--error label{
color:#ff5252
}
.input-group.input-group--error .input-group__details:after,.input-group.input-group--error .input-group__details:before{
background-color:#ff5252
}
.input-group .slide-y-transition-leave,.input-group .slide-y-transition-leave-to{
position:absolute
}
.input-group__details{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding-top:4px;
-webkit-box-flex:1;
-ms-flex:1 0 100%;
flex:1 0 100%;
font-size:12px;
min-height:22px;
overflow:hidden;
position:relative;
width:100%
}
.input-group__details:after,.input-group__details:before{
content:"";
position:absolute;
left:0;
-webkit-transition:.3s cubic-bezier(.4,0,.2,1);
transition:.3s cubic-bezier(.4,0,.2,1)
}
.input-group__details:after{
background-color:#1976d2;
top:0;
height:2px;
-webkit-transform:scaleX(0);
transform:scaleX(0);
-webkit-transform-origin:center center 0;
transform-origin:center center 0;
width:100%;
z-index:1
}
.input-group__details:before{
top:0;
height:1px;
width:100%;
z-index:0
}
.input-group--hide-details .input-group__details{
min-height:2px;
padding:0
}
.input-group .input-group__error,.input-group__hint{
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1)
}
.input-group .input-group__error{
-webkit-box-flex:1;
-ms-flex:1 0;
flex:1 0;
color:#ff5252
}
.input-group--editable.input-group--active,.input-group--overflow.input-group--active,.input-group--segmented.input-group--active{
background-color:#fff
}
.list{
list-style-type:none;
padding:8px 0;
-webkit-transition:height .4s cubic-bezier(.4,0,.2,1);
transition:height .4s cubic-bezier(.4,0,.2,1)
}
.list .input-group{
margin:0
}
.list>.list__tile~.list__tile{
margin-top:0
}
.list__tile{
font-size:16px;
font-weight:400;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
height:48px;
text-decoration:none;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:0 16px;
margin:0;
position:relative
}
.list__tile,.list__tile:after{
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1)
}
.list__tile:after{
content:"";
position:absolute;
left:0;
top:0;
height:1px;
opacity:0;
width:100%;
background-color:rgba(0,0,0,.12)
}
.list__tile--highlighted,a.list__tile:hover{
background:rgba(0,0,0,.12)
}
.list__tile__action,.list__tile__avatar,.list__tile__content{
height:100%
}
.list__tile__sub-title,.list__tile__title{
white-space:nowrap;
overflow-x:hidden;
text-overflow:ellipsis;
width:100%
}
.list__tile__title{
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1);
position:relative;
text-align:left
}
.list__tile__sub-title{
font-size:14px
}
.list__tile .avatar,.list__tile__action{
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
min-width:56px
}
.list__tile__action{
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.list__tile__action,.list__tile__action .input-group{
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.list__tile__action .input-group{
padding:0
}
.list__tile__action .input-group__details{
display:none
}
.list__tile__action .icon{
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1)
}
.list__tile__action .btn{
padding:0;
margin:0
}
.list__tile__action .btn--icon{
margin:-8px
}
.list__tile__action-text{
color:#9e9e9e;
font-size:12px
}
.list__tile__action--stack{
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding-top:8px;
padding-bottom:8px;
white-space:nowrap;
-ms-flex-direction:column;
flex-direction:column
}
.list__tile__action--stack,.list__tile__content{
-webkit-box-orient:vertical;
-webkit-box-direction:normal
}
.list__tile__content{
text-align:left;
-webkit-box-flex:0;
-ms-flex:0 1 100%;
flex:0 1 100%;
overflow:hidden;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-direction:column;
flex-direction:column
}
.list__tile__content+.avatar,.list__tile__content+.list__tile__action:not(.list__tile__action--stack){
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end
}
.list__tile--active{
color:#1976d2
}
.list__tile--disabled{
opacity:.4!important;
pointer-events:none
}
.list__tile--avatar{
height:56px
}
.list--dense{
padding-top:4px
}
.list--dense .subheader{
font-size:13px;
height:40px
}
.list--dense .list--group .subheader{
height:40px
}
.list--dense .list__tile{
font-size:13px
}
.list--dense .list__tile--avatar{
height:48px
}
.list--dense .list__tile--avatar .avatar .icon,.list--dense .list__tile--avatar .avatar img{
height:38px;
width:38px
}
.list--dense .list__tile:not(.list__tile--avatar){
height:40px
}
.list--dense .list__tile .icon{
font-size:21px
}
.list--dense .list__tile__sub-title{
font-size:13px
}
.list--two-line .list__tile{
height:72px
}
.list--two-line.list--dense .list__tile{
height:60px
}
.list--three-line .list__tile{
height:88px
}
.list--three-line .list__tile__sub-title{
white-space:normal;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
display:-webkit-box
}
.list--three-line.list--dense .list__tile{
height:76px
}
.list--group{
position:relative;
padding:0
}
.list--group:after{
content:"";
position:absolute;
left:0;
bottom:0;
height:1px;
opacity:0;
width:100%;
background-color:rgba(0,0,0,.12)
}
.list--group .list__tile{
padding-left:72px
}
.list--group .list__tile--active .list__tile__title{
color:#1976d2
}
.list--group__header+.list--group:after{
opacity:1
}
.list--group__header--active .list__tile{
background:rgba(0,0,0,.12)
}
.list--group__header--active .list__tile:after{
opacity:1
}
.list--group__header--active .list__tile .list__tile__title{
color:inherit
}
.list--group__header--active .list__tile .list__tile__action:last-of-type .icon{
-webkit-transform:rotate(-180deg);
transform:rotate(-180deg)
}
.list--group__header--no-action+.list--group .list__tile{
padding-left:16px
}
.list--subheader{
padding-top:0
}
.menu{
display:inline-block;
position:relative;
vertical-align:middle
}
.menu--disabled,.menu--disabled .menu__activator{
cursor:not-allowed
}
.menu__activator{
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
cursor:pointer;
position:relative
}
.menu__activator .toolbar__side-icon{
margin:0
}
.menu__content{
position:absolute;
display:inline-block;
border-radius:2px;
max-width:80%;
overflow-y:auto;
overflow-x:hidden;
z-index:6;
-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);
box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)
}
.menu__content--dropdown{
border-top-left-radius:0;
border-top-right-radius:0;
border-top:1px solid rgba(0,0,0,.12)
}
.menu-transition-enter .list__tile{
min-width:0;
-webkit-transition-delay:.4s;
transition-delay:.4s;
opacity:0;
-webkit-transform:translateY(-15px);
transform:translateY(-15px);
pointer-events:none
}
.menu-transition-enter-to .list__tile{
pointer-events:auto;
opacity:1
}
.menu-transition-enter-to .list__tile--active{
-webkit-transform:none!important;
transform:none!important
}
.menu-transition-leave-to{
-webkit-transform:translateY(-10px);
transform:translateY(-10px)
}
.menu-transition-leave-active,.menu-transition-leave-to{
pointer-events:none
}
.menu-transition-enter,.menu-transition-leave-to{
opacity:0
}
.menu-transition-enter-to,.menu-transition-leave{
opacity:1
}
.menu-transition-enter-active,.menu-transition-leave-active{
-webkit-transition:all .5s cubic-bezier(.25,.8,.25,1);
transition:all .5s cubic-bezier(.25,.8,.25,1)
}
.menu-transition-enter.menu__content--auto .list__tile--active{
opacity:1;
-webkit-transform:none!important;
transform:none!important;
pointer-events:auto
}
.navigation-drawer{
max-width:100%;
overflow-y:auto;
overflow-x:hidden;
-webkit-overflow-scrolling:touch;
padding:0 0 100px;
pointer-events:auto;
position:fixed;
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1);
width:300px;
top:0;
left:0;
will-change:transform;
z-index:3
}
.navigation-drawer__border{
position:absolute;
right:0;
top:0;
height:100%;
width:1px
}
.navigation-drawer:not(.navigation-drawer--is-booted){
z-index:-1
}
.navigation-drawer:not(.navigation-drawer--is-booted),.navigation-drawer:not(.navigation-drawer--is-booted)+.toolbar,.navigation-drawer:not(.navigation-drawer--is-booted)~.footer,.navigation-drawer:not(.navigation-drawer--is-booted)~main{
-webkit-transition:none!important;
transition:none!important
}
@media only screen and (max-width:1023px){
.navigation-drawer:not(.navigation-drawer--is-booted)+.toolbar,.navigation-drawer:not(.navigation-drawer--is-booted)~.footer,.navigation-drawer:not(.navigation-drawer--is-booted)~main{
padding-left:0!important
}
}
.navigation-drawer--close:not(.navigation--permanent).navigation-drawer:not(.navigation-drawer--right){
-webkit-transform:translate3d(-300px,0,0);
transform:translate3d(-300px,0,0)
}
.navigation-drawer--close:not(.navigation--permanent).navigation-drawer--right{
-webkit-transform:translate3d(300px,0,0);
transform:translate3d(300px,0,0)
}
.navigation-drawer--right{
left:auto;
right:0
}
.navigation-drawer--absolute{
position:absolute
}
.navigation-drawer--permanent.navigation-drawer--clipped,.navigation-drawer--permanent.navigation-drawer--floating,.navigation-drawer--persistent.navigation-drawer--clipped,.navigation-drawer--persistent.navigation-drawer--floating{
margin-top:64px;
max-height:calc(100vh - 64px)
}
.navigation-drawer--permanent.navigation-drawer--clipped~.footer.footer--absolute,.navigation-drawer--permanent.navigation-drawer--clipped~.footer.footer--fixed,.navigation-drawer--permanent.navigation-drawer--clipped~.toolbar,.navigation-drawer--permanent.navigation-drawer--floating~.footer.footer--absolute,.navigation-drawer--permanent.navigation-drawer--floating~.footer.footer--fixed,.navigation-drawer--permanent.navigation-drawer--floating~.toolbar,.navigation-drawer--persistent.navigation-drawer--clipped~.footer.footer--absolute,.navigation-drawer--persistent.navigation-drawer--clipped~.footer.footer--fixed,.navigation-drawer--persistent.navigation-drawer--clipped~.toolbar,.navigation-drawer--persistent.navigation-drawer--floating~.footer.footer--absolute,.navigation-drawer--persistent.navigation-drawer--floating~.footer.footer--fixed,.navigation-drawer--persistent.navigation-drawer--floating~.toolbar{
padding-left:0;
z-index:3
}
@media (max-width:600px) and (orientation:landscape){
.navigation-drawer--permanent.navigation-drawer--clipped,.navigation-drawer--permanent.navigation-drawer--floating,.navigation-drawer--persistent.navigation-drawer--clipped,.navigation-drawer--persistent.navigation-drawer--floating{
margin-top:48px;
max-height:calc(100vh - 48px)
}
}
.navigation-drawer--permanent.navigation-drawer--open:not(.navigation-drawer--right):not(.navigation-drawer--clipped):not(.navigation-drawer--floating)~.toolbar,.navigation-drawer--permanent.navigation-drawer--open:not(.navigation-drawer--right)~.footer:not(.footer--fixed):not(.footer--absolute),.navigation-drawer--permanent.navigation-drawer--open:not(.navigation-drawer--right)~main,.navigation-drawer--persistent:not(.navigation-drawer--is-mobile).navigation-drawer--open:not(.navigation-drawer--right):not(.navigation-drawer--clipped):not(.navigation-drawer--floating)~.toolbar,.navigation-drawer--persistent:not(.navigation-drawer--is-mobile).navigation-drawer--open:not(.navigation-drawer--right)~.footer:not(.footer--fixed):not(.footer--absolute),.navigation-drawer--persistent:not(.navigation-drawer--is-mobile).navigation-drawer--open:not(.navigation-drawer--right)~main{
padding-left:300px
}
.navigation-drawer--permanent.navigation-drawer--open.navigation-drawer--right:not(.navigation-drawer--clipped):not(.navigation-drawer--floating)+.toolbar,.navigation-drawer--permanent.navigation-drawer--open.navigation-drawer--right~.footer:not(.footer--fixed):not(.footer--absolute),.navigation-drawer--permanent.navigation-drawer--open.navigation-drawer--right~main,.navigation-drawer--persistent:not(.navigation-drawer--is-mobile).navigation-drawer--open.navigation-drawer--right:not(.navigation-drawer--clipped):not(.navigation-drawer--floating)+.toolbar,.navigation-drawer--persistent:not(.navigation-drawer--is-mobile).navigation-drawer--open.navigation-drawer--right~.footer:not(.footer--fixed):not(.footer--absolute),.navigation-drawer--persistent:not(.navigation-drawer--is-mobile).navigation-drawer--open.navigation-drawer--right~main{
padding-right:300px
}
.navigation-drawer--floating:after{
display:none
}
.navigation-drawer--mini-variant{
margin-top:64px;
max-height:calc(100vh - 64px);
overflow:hidden;
width:80px
}
@media (max-width:600px) and (orientation:landscape){
.navigation-drawer--mini-variant{
margin-top:48px;
max-height:calc(100vh - 48px)
}
}
.navigation-drawer--mini-variant .list__tile__action,.navigation-drawer--mini-variant .list__tile__avatar{
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
min-width:48px
}
.navigation-drawer--mini-variant .list__tile:after,.navigation-drawer--mini-variant .list__tile__content{
opacity:0
}
.navigation-drawer--mini-variant .divider,.navigation-drawer--mini-variant .list--group,.navigation-drawer--mini-variant .subheader{
display:none!important
}
.navigation-drawer--mini-variant~.toolbar{
padding-left:0!important
}
.navigation-drawer--mini-variant:not(.navigation-drawer--close)~.footer:not(.footer--fixed):not(.footer--absolute),.navigation-drawer--mini-variant:not(.navigation-drawer--close)~main{
padding-left:80px!important
}
.navigation-drawer--is-mobile:not(.navigation-drawer--permanent),.navigation-drawer--temporary{
z-index:5
}
.navigation-drawer--is-mobile:not(.navigation-drawer--permanent):not(.navigation-drawer--close),.navigation-drawer--temporary:not(.navigation-drawer--close){
-webkit-box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);
box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)
}
~toolbar+main{
min-height:calc(100vh - 64px)
}
>.list .list__tile{
-webkit-transition:none;
transition:none;
font-weight:500
}
>.list .list__tile--active .list__tile__title{
color:inherit
}
>.list .list__tile--active>:first-child .icon{
color:#1976d2
}
>.list .list--group .list__tile{
font-weight:400
}
>.list .list--group__header--active:after{
background:transparent
}
>.list .list--group__container .list__tile--active .list__tile__title,>.list .list--group__header--active .list__tile__action:first-of-type .icon{
color:#1976d2
}
>.list:not(.list--dense) .list__tile{
font-size:14px
}
.overlay{
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
pointer-events:none;
z-index:4
}
.overlay--absolute,.overlay:before{
position:absolute
}
.overlay:before{
background-color:#212121;
bottom:0;
content:"";
-webkit-filter:blur(10%);
filter:blur(10%);
height:100%;
left:0;
opacity:0;
right:0;
top:0;
-webkit-transition:.5s ease;
transition:.5s ease;
width:100%
}
.overlay--active{
pointer-events:auto
}
.overlay--active:before{
opacity:.46
}
.pagination{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
list-style-type:none;
height:40px;
margin:0;
overflow-x:auto;
overflow-y:hidden;
max-width:100%;
padding:0
}
.pagination,.pagination>li{
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.pagination>li{
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.pagination a{
-webkit-transition:.3s cubic-bezier(0,0,.2,1);
transition:.3s cubic-bezier(0,0,.2,1)
}
.pagination a:hover{
-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);
box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)
}
.pagination--circle .pagination__item,.pagination--circle .pagination__more,.pagination--circle .pagination__navigation{
border-radius:50%
}
.pagination--disabled{
pointer-events:none;
opacity:.6
}
.pagination__item{
-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);
box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);
border-radius:4px;
color:rgba(0,0,0,.87);
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background:transparent;
height:34px;
width:34px;
margin:.3rem;
text-decoration:none
}
.pagination__item--active{
-webkit-box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px rgba(0,0,0,.14),0 1px 10px rgba(0,0,0,.12);
box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px rgba(0,0,0,.14),0 1px 10px rgba(0,0,0,.12);
background:#1976d2;
color:#fff
}
.pagination__navigation{
-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);
box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
text-decoration:none;
color:rgba(0,0,0,.87);
height:2rem;
border-radius:4px;
width:2rem;
margin:.3rem 15px
}
.pagination__navigation .icon{
font-size:2rem;
-webkit-transition:.2s cubic-bezier(.4,0,.6,1);
transition:.2s cubic-bezier(.4,0,.6,1);
vertical-align:middle;
color:rgba(0,0,0,.54)
}
.pagination__navigation--disabled{
opacity:.6;
pointer-events:none
}
.pagination__more{
margin:.3rem;
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
height:2rem;
width:2rem
}
.parallax{
position:relative;
overflow:hidden;
z-index:0
}
.parallax__image-container{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:1
}
.parallax__image{
position:absolute;
bottom:0;
left:50%;
min-width:100%;
min-height:100%;
display:none;
-webkit-transform:translate3d(-50%,0,0);
transform:translate3d(-50%,0,0);
z-index:1
}
.parallax__content{
color:#fff;
height:100%;
z-index:2;
position:relative;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
padding:0 1rem
}
.parallax__content,.picker{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
.picker{
border-radius:2px;
width:290px
}
.picker .card__row--actions{
border:none;
margin-top:-20px
}
.picker__title{
background:#1976d2;
color:#fff;
border-top-left-radius:2px;
border-top-right-radius:2px;
height:105px;
padding:16px
}
.picker__body{
height:290px;
overflow:hidden;
position:relative
}
.picker--landscape{
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
width:500px
}
.picker--landscape .picker__title{
border-top-right-radius:0;
border-bottom-right-radius:0;
-webkit-box-flex:0;
-ms-flex:0 1 170px;
flex:0 1 170px;
width:170px;
height:auto;
position:absolute;
top:0;
left:0;
height:100%;
z-index:1
}
.picker--landscape .picker__body{
-webkit-box-flex:1;
-ms-flex:1 0;
flex:1 0;
width:330px;
margin-left:170px
}
.picker--landscape .card__row--actions{
margin-left:170px;
width:330px
}
.picker--dark,.picker--dark .btn{
color:#fff
}
.picker--dark .picker__body{
background:#424242
}
.picker--dark .picker__title{
background:#616161
}
.progress-circular{
position:relative;
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex
}
.progress-circular--indeterminate svg{
-webkit-animation:progress-circular-rotate 1.4s linear infinite;
animation:progress-circular-rotate 1.4s linear infinite;
-webkit-transform-origin:center center;
transform-origin:center center;
width:100%;
height:100%;
margin:auto;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
z-index:0
}
.progress-circular--indeterminate .progress-circular__overlay{
-webkit-animation:progress-circular-dash 1.4s ease-in-out infinite;
animation:progress-circular-dash 1.4s ease-in-out infinite;
stroke-linecap:round;
stroke-dasharray:1,200;
stroke-dashoffset:0px
}
.progress-circular__underlay{
stroke:rgba(0,0,0,.1);
z-index:1
}
.progress-circular__overlay{
stroke:currentColor;
z-index:2;
-webkit-transition:all .6s ease-in-out;
transition:all .6s ease-in-out
}
.progress-circular__info{
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate3d(-50%,-50%,0);
transform:translate3d(-50%,-50%,0)
}
@-webkit-keyframes progress-circular-dash{
0%{
stroke-dasharray:1,200;
stroke-dashoffset:0px
}
50%{
stroke-dasharray:100,200;
stroke-dashoffset:-15px
}
to{
stroke-dasharray:100,200;
stroke-dashoffset:-125px
}
}
@keyframes progress-circular-dash{
0%{
stroke-dasharray:1,200;
stroke-dashoffset:0px
}
50%{
stroke-dasharray:100,200;
stroke-dashoffset:-15px
}
to{
stroke-dasharray:100,200;
stroke-dashoffset:-125px
}
}
@-webkit-keyframes progress-circular-rotate{
to{
-webkit-transform:rotate(1turn);
transform:rotate(1turn)
}
}
@keyframes progress-circular-rotate{
to{
-webkit-transform:rotate(1turn);
transform:rotate(1turn)
}
}
.progress-linear{
background:transparent;
margin:1rem 0;
overflow:hidden;
width:100%;
position:relative
}
.progress-linear .progress-linear__bar{
background:#84bbf0
}
.progress-linear .progress-linear__bar__determinate,.progress-linear .progress-linear__bar__indeterminate .long,.progress-linear .progress-linear__bar__indeterminate .short{
background:#1976d2
}
.progress-linear__bar{
width:100%;
position:relative;
z-index:1
}
.progress-linear__bar,.progress-linear__bar__determinate{
height:inherit;
-webkit-transition:.3s ease-in;
transition:.3s ease-in
}
.progress-linear__bar__indeterminate .long,.progress-linear__bar__indeterminate .short{
height:inherit;
position:absolute;
left:0;
top:0;
bottom:0;
will-change:left,right;
width:auto;
background-color:inherit
}
.progress-linear__bar__indeterminate--active .long{
-webkit-animation:indeterminate;
animation:indeterminate;
-webkit-animation-duration:2.2s;
animation-duration:2.2s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite
}
.progress-linear__bar__indeterminate--active .short{
-webkit-animation:indeterminate-short;
animation:indeterminate-short;
-webkit-animation-duration:2.2s;
animation-duration:2.2s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite
}
.progress-linear--query .progress-linear__bar__indeterminate--active .long{
-webkit-animation:query;
animation:query;
-webkit-animation-duration:2s;
animation-duration:2s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite
}
.progress-linear--query .progress-linear__bar__indeterminate--active .short{
-webkit-animation:query-short;
animation:query-short;
-webkit-animation-duration:2s;
animation-duration:2s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite
}
.progress-linear--secondary .progress-linear__bar{
background:#a1a1a1
}
.progress-linear--secondary .progress-linear__bar__determinate,.progress-linear--secondary .progress-linear__bar__indeterminate .long,.progress-linear--secondary .progress-linear__bar__indeterminate .short{
background:#424242
}
.progress-linear--success .progress-linear__bar{
background:#a5d8a7
}
.progress-linear--success .progress-linear__bar__determinate,.progress-linear--success .progress-linear__bar__indeterminate .long,.progress-linear--success .progress-linear__bar__indeterminate .short{
background:#4caf50
}
.progress-linear--info .progress-linear__bar{
background:#90cbf9
}
.progress-linear--info .progress-linear__bar__determinate,.progress-linear--info .progress-linear__bar__indeterminate .long,.progress-linear--info .progress-linear__bar__indeterminate .short{
background:#2196f3
}
.progress-linear--warning .progress-linear__bar{
background:#ffe083
}
.progress-linear--warning .progress-linear__bar__determinate,.progress-linear--warning .progress-linear__bar__indeterminate .long,.progress-linear--warning .progress-linear__bar__indeterminate .short{
background:#ffc107
}
.progress-linear--error .progress-linear__bar{
background:#ffa8a8
}
.progress-linear--error .progress-linear__bar__determinate,.progress-linear--error .progress-linear__bar__indeterminate .long,.progress-linear--error .progress-linear__bar__indeterminate .short{
background:#ff5252
}
@-webkit-keyframes indeterminate{
0%{
left:-90%;
right:100%
}
60%{
left:-90%;
right:100%
}
to{
left:100%;
right:-35%
}
}
@keyframes indeterminate{
0%{
left:-90%;
right:100%
}
60%{
left:-90%;
right:100%
}
to{
left:100%;
right:-35%
}
}
@-webkit-keyframes indeterminate-short{
0%{
left:-200%;
right:100%
}
60%{
left:107%;
right:-8%
}
to{
left:107%;
right:-8%
}
}
@keyframes indeterminate-short{
0%{
left:-200%;
right:100%
}
60%{
left:107%;
right:-8%
}
to{
left:107%;
right:-8%
}
}
@-webkit-keyframes query{
0%{
right:-90%;
left:100%
}
60%{
right:-90%;
left:100%
}
to{
right:100%;
left:-35%
}
}
@keyframes query{
0%{
right:-90%;
left:100%
}
60%{
right:-90%;
left:100%
}
to{
right:100%;
left:-35%
}
}
@-webkit-keyframes query-short{
0%{
right:-200%;
left:100%
}
60%{
right:107%;
left:-8%
}
to{
right:107%;
left:-8%
}
}
@keyframes query-short{
0%{
right:-200%;
left:100%
}
60%{
right:107%;
left:-8%
}
to{
right:107%;
left:-8%
}
}
.input-group--selection-controls.input-group--tab-focused .input-group--selection-controls__ripple:before{
-webkit-transform:translate3d(-50%,-50%,0) scale(1);
transform:translate3d(-50%,-50%,0) scale(1);
opacity:.15
}
.ripple__container{
border-radius:inherit;
width:100%;
height:100%;
z-index:0
}
.ripple__animation,.ripple__container{
color:inherit;
position:absolute;
left:0;
top:0;
overflow:hidden;
pointer-events:none
}
.ripple__animation{
border-radius:50%;
background:currentColor;
opacity:0;
-webkit-transition:.4s cubic-bezier(0,0,.2,1);
transition:.4s cubic-bezier(0,0,.2,1);
will-change:opacity
}
.ripple__animation--enter{
-webkit-transition:none;
transition:none
}
.ripple__animation--visible{
opacity:.15
}
.input-group--select .input-group--select__autocomplete{
display:block;
opacity:0;
height:0
}
.input-group--select .input-group__append-icon{
-webkit-transition:.3s cubic-bezier(0,0,.2,1);
transition:.3s cubic-bezier(0,0,.2,1)
}
.input-group--select.input-group--focused .input-group--select__autocomplete{
display:inline-block;
height:30px;
opacity:1;
padding-bottom:1px
}
.input-group--select.input-group--focused .input-group__append-icon{
-webkit-transform:rotate(-180deg);
transform:rotate(-180deg)
}
.input-group--select .input-group__input,.input-group--select input{
cursor:pointer
}
.input-group--select.input-group--disabled{
cursor:not-allowed;
pointer-events:none
}
.input-group--select .input-group__selections{
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:relative;
width:100%
}
.input-group--select .input-group__selections__comma{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
font-size:16px;
padding-right:4px
}
.input-group--select .menu{
display:inline
}
.input-group--select .fade-transition-leave-active{
position:absolute;
left:0
}
.input-group--select.input-group--autocomplete.input-group--focused:not(.input-group--multiple) .input-group__selections__comma{
display:none
}
.input-group--editable,.input-group--overflow,.input-group--segmented{
padding:0
}
.input-group--editable .input-group__selections,.input-group--editable input,.input-group--overflow .input-group__selections,.input-group--overflow input,.input-group--segmented .input-group__selections,.input-group--segmented input{
height:24px
}
.input-group--editable .input-group__selections__comma,.input-group--overflow .input-group__selections__comma,.input-group--segmented .input-group__selections__comma{
top:0;
left:0
}
.input-group--editable .input-group__input,.input-group--overflow .input-group__input,.input-group--segmented .input-group__input{
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1)
}
.input-group--editable .input-group__input:hover,.input-group--overflow .input-group__input:hover,.input-group--segmented .input-group__input:hover{
background:#fff
}
.input-group--editable.input-group--focused .input-group__input,.input-group--overflow.input-group--focused .input-group__input,.input-group--segmented.input-group--focused .input-group__input{
background:#fff;
-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);
box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)
}
.input-group--editable label,.input-group--overflow label,.input-group--segmented label{
left:16px!important;
top:10px!important
}
.input-group--editable .input-group__details:after,.input-group--overflow .input-group__details:after,.input-group--segmented .input-group__details:after{
display:none
}
.input-group--editable .input-group__input,.input-group--overflow .input-group__input,.input-group--segmented .input-group__input{
padding:12px 16px
}
.input-group--editable .input-group__input:before,.input-group--overflow .input-group__input:before,.input-group--segmented .input-group__input:before{
content:"";
position:absolute;
left:0;
width:100%;
height:1px;
top:0;
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1)
}
.input-group--editable .input-group__input:hover:after,.input-group--segmented .input-group__input:after,.input-group.input-group--focused.input-group--editable .input-group__input:after{
background-color:rgba(0,0,0,.12);
content:"";
position:absolute;
right:55px;
height:48px;
top:0;
width:1px
}
.input-group.input-group--selection-controls{
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.input-group.input-group--selection-controls .icon{
cursor:pointer;
position:absolute;
left:0;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-webkit-transition:.3s cubic-bezier(.4,0,.6,1);
transition:.3s cubic-bezier(.4,0,.6,1)
}
.input-group.input-group--selection-controls .input-group__details:after,.input-group.input-group--selection-controls .input-group__details:before{
display:none
}
.input-group.input-group--selection-controls .input-group__input{
color:inherit;
width:100%;
position:relative
}
.input-group.input-group--selection-controls .input-group__input .icon{
-ms-flex-item-align:center;
align-self:center;
height:30px;
margin:auto
}
.input-group--selection-controls label{
cursor:pointer;
margin-left:32px;
pointer-events:auto;
position:absolute;
left:0;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
z-index:1;
pointer-events:all
}
.input-group--selection-controls__ripple{
border-radius:50%;
height:48px;
width:48px;
cursor:pointer;
position:absolute;
-webkit-transform:translate3d(-12px,-50%,0);
transform:translate3d(-12px,-50%,0);
-webkit-transform-origin:center center;
transform-origin:center center;
top:50%;
left:0
}
.input-group--selection-controls__ripple:before{
content:"";
position:absolute;
width:36px;
height:36px;
background:currentColor;
border-radius:50%;
left:50%;
top:50%;
-webkit-transform:translate3d(-50%,-50%,0) scale(.3);
transform:translate3d(-50%,-50%,0) scale(.3);
opacity:0;
-webkit-transition:.4s cubic-bezier(0,0,.2,1);
transition:.4s cubic-bezier(0,0,.2,1);
-webkit-transform-origin:center center;
transform-origin:center center
}
.input-group--slider{
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.input-group--slider .input-group__details:after,.input-group--slider .input-group__details:before{
display:none
}
.input-group--slider .input-group__input{
-webkit-box-flex:1;
-ms-flex:1 1 100%;
flex:1 1 100%
}
.input-group--slider label+.input-group__input{
margin-left:16px;
-webkit-box-flex:1;
-ms-flex:1 1 auto;
flex:1 1 auto
}
.input-group--slider:not(.input-group--disabled).input-group--dirty .slider__track-fill{
background:#1976d2
}
.input-group--slider.input-group--active .slider__thumb{
-webkit-transform:translateY(-50%) scale(1.2);
transform:translateY(-50%) scale(1.2)
}
.input-group--slider.input-group--active .slider__track{
-webkit-transition:none;
transition:none
}
.input-group--slider.input-group--active .slider__thumb-container--label .slider__thumb,.input-group--slider.input-group--active .slider__thumb-container--label .slider__thumb:hover{
-webkit-transform:translateY(-50%) scale(0);
transform:translateY(-50%) scale(0)
}
.input-group--slider.input-group--active .slider__thumb-container,.input-group--slider.input-group--active .slider__track-fill{
-webkit-transition:none;
transition:none
}
.input-group--slider.input-group--active.input-group--ticks .slider__tick,.input-group--slider.input-group--active.input-group--ticks .slider__track__container:after{
opacity:1
}
.input-group--slider.input-group--dirty .slider__thumb{
background:#1976d2;
border-color:#1976d2
}
.input-group--slider.input-group--dirty .slider__thumb--label{
background:#1976d2
}
.input-group--slider.input-group--disabled{
pointer-events:none
}
.input-group--slider.input-group--disabled .slider__thumb{
-webkit-transform:translateY(-50%) scale(.5);
transform:translateY(-50%) scale(.5);
background:transparent
}
.input-group--slider.input-group--disabled.input-group--dirty{
border-color:transparent
}
.input-group--slider.input-group--prepend-icon .slider{
margin-left:40px
}
.input-group--slider.input-group--append-icon .slider{
margin-right:40px
}
.slider{
cursor:default;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:relative;
height:30px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.slider__track__container{
position:absolute;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
height:2px;
width:100%;
overflow:hidden
}
.slider__track__container:after{
content:"";
position:absolute;
right:0;
top:0;
height:2px;
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1);
width:2px;
opacity:0
}
.slider__thumb,.slider__tick,.slider__track{
position:absolute;
top:0
}
.slider__track{
-webkit-transform-origin:right;
transform-origin:right;
overflow:hidden
}
.slider__track,.slider__track-fill{
height:2px;
left:0;
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1);
width:100%
}
.slider__track-fill{
position:absolute;
-webkit-transform-origin:left;
transform-origin:left
}
.slider__ticks-container{
position:absolute;
left:0;
height:2px;
width:100%;
top:50%;
overflow:hidden
}
.slider__tick{
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1);
opacity:0
}
.slider__thumb-container{
position:absolute
}
.slider__thumb,.slider__thumb-container{
top:50%;
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1)
}
.slider__thumb{
width:20px;
height:20px;
left:-10px;
border-radius:50%;
background:transparent;
-webkit-transform:translateY(-50%) scale(.8);
transform:translateY(-50%) scale(.8);
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.slider__thumb--label__container{
left:0;
top:0
}
.slider__thumb--label,.slider__thumb--label__container{
position:absolute;
-webkit-transition:.3s ease-in-out;
transition:.3s ease-in-out
}
.slider__thumb--label{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
font-size:12px;
color:#fff;
width:28px;
height:28px;
border-radius:50% 50% 0;
left:-14px;
top:-40px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.slider__thumb--label span{
-webkit-transform:rotate(-45deg) translateZ(0);
transform:rotate(-45deg) translateZ(0)
}
.small-dialog{
display:block;
height:100%
}
.small-dialog__content{
background:#fff;
padding:0 24px
}
.small-dialog__actions{
background:#fff;
text-align:right
}
.small-dialog a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
color:rgba(0,0,0,.87);
height:100%;
text-decoration:none
}
.small-dialog a>*{
width:100%
}
.small-dialog .menu__activator{
height:100%
}
.snack{
background-color:#323232;
position:fixed;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
height:0;
pointer-events:none;
visibility:visible;
z-index:1000
}
.snack--absolute{
position:absolute
}
.snack--top{
top:0
}
.snack--bottom,.snack--top{
left:50%;
-webkit-transform:translate3d(-50%,0,0) translateZ(0);
transform:translate3d(-50%,0,0) translateZ(0)
}
.snack--bottom{
bottom:48px
}
.snack--left{
left:8px;
right:auto;
-webkit-transform:none;
transform:none
}
.snack--left.snack--top{
top:8px
}
.snack--left.snack--bottom{
bottom:56px
}
.snack--right{
left:auto;
right:8px;
-webkit-transform:none;
transform:none
}
.snack--right.snack--top{
top:8px
}
.snack--right.snack--bottom{
top:auto;
bottom:56px
}
.snack__content{
background-color:inherit;
padding:14px 24px;
border-radius:2px;
pointer-events:auto;
max-width:568px;
min-width:288px;
height:48px;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
color:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:14px;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-transition:.4s cubic-bezier(.25,.8,.25,1);
transition:.4s cubic-bezier(.25,.8,.25,1);
position:relative!important;
-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px rgba(0,0,0,.14),0 1px 18px rgba(0,0,0,.12);
box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px rgba(0,0,0,.14),0 1px 18px rgba(0,0,0,.12)
}
.snack__content .btn{
margin:0 0 0 48px
}
@media only screen and (max-width:599px){
.snack{
width:100%;
left:0;
right:auto;
-webkit-transform:none;
transform:none
}
.snack--left.snack--top,.snack--right.snack--top{
top:0
}
.snack--left.snack--bottom,.snack--right.snack--bottom{
bottom:48px
}
.snack__content{
border-radius:0;
max-width:100%;
width:100%
}
.snack__content .btn{
margin:0 0 0 24px
}
.snack--multi-line .snack__content{
height:80px;
padding:24px
}
.snack--bottom.snack--multi-line,.snack--right.snack--multi-line{
bottom:80px
}
.snack--vertical .snack__content{
height:112px;
padding:24px 24px 14px;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:initial;
-ms-flex-align:initial;
align-items:initial
}
.snack--vertical .snack__content .btn{
-ms-flex-item-align:end;
align-self:flex-end
}
.snack--bottom.snack--vertical,.snack--right.snack--vertical{
bottom:112px
}
}
.speed-dial{
position:relative
}
.speed-dial--absolute{
position:absolute
}
.speed-dial--fixed{
position:fixed
}
.speed-dial--top:not(.speed-dial--absolute){
top:4px
}
.speed-dial--top.speed-dial--absolute{
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
.speed-dial--bottom:not(.speed-dial--absolute){
bottom:4px
}
.speed-dial--bottom.speed-dial--absolute{
bottom:50%;
-webkit-transform:translateY(50%);
transform:translateY(50%)
}
.speed-dial--left{
left:4px
}
.speed-dial--right{
right:4px
}
.speed-dial--direction-left .speed-dial__list,.speed-dial--direction-right .speed-dial__list{
height:100%;
top:0
}
.speed-dial--direction-bottom .speed-dial__list,.speed-dial--direction-top .speed-dial__list{
left:0;
width:100%
}
.speed-dial--direction-top .speed-dial__list{
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
-ms-flex-direction:column-reverse;
flex-direction:column-reverse;
bottom:100%
}
.speed-dial--direction-right .speed-dial__list{
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
left:100%
}
.speed-dial--direction-bottom .speed-dial__list{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
top:100%
}
.speed-dial--direction-left .speed-dial__list{
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
-ms-flex-direction:row-reverse;
flex-direction:row-reverse;
right:100%
}
.speed-dial__list{
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
position:absolute
}
.speed-dial__list .btn:first-child{
-webkit-transition-delay:.05s;
transition-delay:.05s
}
.speed-dial__list .btn:nth-child(2){
-webkit-transition-delay:.1s;
transition-delay:.1s
}
.speed-dial__list .btn:nth-child(3){
-webkit-transition-delay:.15s;
transition-delay:.15s
}
.speed-dial__list .btn:nth-child(4){
-webkit-transition-delay:.2s;
transition-delay:.2s
}
.speed-dial__list .btn:nth-child(5){
-webkit-transition-delay:.25s;
transition-delay:.25s
}
.speed-dial__list .btn:nth-child(6){
-webkit-transition-delay:.3s;
transition-delay:.3s
}
.speed-dial__list .btn:nth-child(7){
-webkit-transition-delay:.35s;
transition-delay:.35s
}
.stepper{
overflow:hidden;
position:relative
}
.stepper,.stepper__header{
-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);
box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)
}
.stepper__header{
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between
}
.stepper__header .divider{
-ms-flex-item-align:center;
align-self:center;
margin:0 -16px
}
.stepper__step__step{
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
border-radius:50%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:12px;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
height:24px;
margin-right:8px;
width:24px;
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1)
}
.stepper__step__step .icon{
font-size:18px
}
.stepper__step{
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
padding:24px;
position:relative
}
.stepper__step--active .stepper__label{
-webkit-transition:.3s cubic-bezier(.4,0,.6,1);
transition:.3s cubic-bezier(.4,0,.6,1)
}
.stepper__step--active .stepper__step__step{
background:#1976d2
}
.stepper__step--editable{
cursor:pointer
}
.stepper__step--complete .stepper__step__step{
background:#1976d2
}
.stepper__step.stepper__step--error{
color:#ff5252
}
.stepper__step.stepper__step--error .stepper__step__step{
background:transparent;
color:inherit
}
.stepper__step.stepper__step--error .stepper__step__step .icon{
font-size:24px;
color:inherit
}
.stepper__step.stepper__step--error .stepper__label{
color:inherit;
text-shadow:none;
font-weight:500
}
.stepper__step.stepper__step--error .stepper__label small{
color:#ff5252
}
.stepper__label{
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
text-align:left
}
.stepper__label small{
font-size:12px;
font-weight:300;
text-shadow:none
}
.stepper__wrapper{
overflow:hidden;
-webkit-transition:none;
transition:none
}
.stepper__content{
top:auto;
bottom:0;
padding:16px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
width:100%
}
.stepper__content .btn{
margin-left:0
}
.stepper--is-booted .stepper__content,.stepper--is-booted .stepper__wrapper{
-webkit-transition:.4s cubic-bezier(.4,0,.6,1);
transition:.4s cubic-bezier(.4,0,.6,1)
}
.stepper--vertical{
padding-bottom:36px
}
.stepper--vertical .stepper__content{
margin:-8px 0 -16px 36px;
padding:16px 60px 16px 23px;
width:auto
}
.stepper--vertical .stepper__step{
padding:24px 24px 16px
}
.stepper--vertical .stepper__step__step{
margin-right:12px
}
.stepper--alt-labels .stepper__header .divider{
margin:35px -67px 0;
-ms-flex-item-align:start;
align-self:flex-start
}
.stepper--alt-labels .stepper__step{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-preferred-size:175px;
flex-basis:175px
}
.stepper--alt-labels .stepper__step small{
-ms-flex-item-align:center;
align-self:center
}
.stepper--alt-labels .stepper__step__step{
margin-right:0;
margin-bottom:12px
}
@media only screen and (max-width:1023px){
.stepper:not(.stepper--vertical) .stepper__label{
display:none
}
.stepper:not(.stepper--vertical) .stepper__step__step{
margin-right:0
}
}
.subheader{
height:48px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:14px;
font-weight:500;
padding:0 16px
}
.subheader--inset{
margin-left:56px
}
.input-group.input-group--selection-controls{
z-index:0
}
.input-group.input-group--selection-controls.switch{
min-width:36px
}
.input-group.input-group--selection-controls.switch .input-group--selection-controls__container{
position:relative
}
.input-group.input-group--selection-controls.switch .input-group--selection-controls__container[class*="--text"] .input-group--selection-controls__ripple--active:after{
background-color:currentColor
}
.input-group.input-group--selection-controls.switch .input-group--selection-controls__toggle{
background-color:currentColor;
color:inherit;
position:absolute;
height:14px;
top:50%;
left:0;
width:34px;
border-radius:8px;
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
.input-group.input-group--selection-controls.switch .input-group--selection-controls__toggle.input-group--selection-controls__toggle--active{
opacity:.5
}
.input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple{
-webkit-transform:translate3d(-15px,-24px,0);
transform:translate3d(-15px,-24px,0);
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1);
z-index:1
}
.input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple:after{
content:"";
position:absolute;
display:inline-block;
cursor:pointer;
width:20px;
border-radius:50%;
top:50%;
left:50%;
-webkit-transform:translate3d(-50%,-50%,0);
transform:translate3d(-50%,-50%,0);
height:20px;
-webkit-box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px rgba(0,0,0,.14),0 1px 10px rgba(0,0,0,.12);
box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px rgba(0,0,0,.14),0 1px 10px rgba(0,0,0,.12)
}
.input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple--active{
-webkit-transform:translate3d(2px,-24px,0);
transform:translate3d(2px,-24px,0)
}
.input-group.input-group--selection-controls.switch label{
margin-left:44px
}
.system-bar{
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding:0 8px;
font-size:14px;
font-weight:500
}
.system-bar .icon{
font-size:16px
}
.system-bar--status{
height:24px
}
.system-bar--status .icon{
margin-right:4px
}
.system-bar--window{
height:32px
}
.system-bar--window .icon{
font-size:20px;
margin-right:8px
}
.system-bar--status+.navigation-drawer{
margin-top:24px;
max-height:calc(100vh - 24px)
}
.system-bar--window+.navigation-drawer{
margin-top:32px;
max-height:calc(100vh - 32px)
}
.table__overflow{
width:100%;
overflow-x:auto;
overflow-y:hidden
}
table.table{
border-radius:2px;
border-collapse:collapse;
border-spacing:0;
width:100%;
max-width:100%
}
table.table tbody td:first-child,table.table tbody td:not(:first-child),table.table tbody th:first-child,table.table tbody th:not(:first-child),table.table thead td:first-child,table.table thead td:not(:first-child),table.table thead th:first-child,table.table thead th:not(:first-child){
padding:0 24px
}
table.table thead tr{
height:56px
}
table.table thead th{
font-weight:500;
font-size:12px;
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1);
white-space:nowrap;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
table.table thead th.sortable{
pointer-events:auto
}
table.table thead th>div{
width:100%
}
table.table tbody tr{
-webkit-transition:background .3s cubic-bezier(.25,.8,.25,1);
transition:background .3s cubic-bezier(.25,.8,.25,1);
will-change:background
}
table.table tbody td,table.table tbody th{
height:48px
}
table.table tbody td{
font-weight:400;
font-size:13px
}
table.table .input-group--selection-controls{
margin:0
}
table.table .input-group--selection-controls .input-group__details{
display:none
}
table.table .input-group--selection-controls.checkbox .icon{
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%)
}
table.table .input-group--selection-controls.checkbox .input-group--selection-controls__ripple{
left:50%;
-webkit-transform:translate3d(-50%,-50%,0);
transform:translate3d(-50%,-50%,0)
}
table.table tfoot tr:not(:last-child){
height:48px
}
table.table tfoot tr:not(:last-child):not(:only-child) td{
padding:0 24px
}
table.table tfoot tr{
height:56px
}
.tabs{
overflow:hidden;
position:relative;
width:100%
}
.tabs--grow>.tabs__bar .tabs__li{
-webkit-box-flex:1;
-ms-flex:1;
flex:1
}
.tabs--fixed>.tabs__bar .tabs__li{
min-width:160px;
max-width:264px;
-webkit-box-flex:0;
-ms-flex:0 1 160px;
flex:0 1 160px
}
@media only screen and (max-width:599px){
.tabs--fixed>.tabs__bar .tabs__li{
min-width:72px
}
}
.tabs--centered>.tabs__bar .tabs__container{
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
.tabs--icons .tabs__bar{
height:72px
}
.tabs--icons .tabs__item{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
.tabs.tabs--mobile>.tabs__bar .icon--left,.tabs.tabs--mobile>.tabs__bar .icon--right{
display:none
}
.tabs.tabs--mobile>.tabs__bar .tabs__wrapper--scrollable.tabs__wrapper--overflow{
overflow:hidden!important
}
.tabs:not(.tabs--grow):not(.tabs--mobile) .tabs__item{
padding:0 24px
}
.tabs:not(.tabs--centered):not(.tabs--grow):not(.tabs--mobile) .tabs__wrapper--scrollable{
margin:0 60px;
overflow:hidden!important
}
.tabs__bar{
background-color:#1976d2;
width:100%;
position:relative;
height:48px
}
@media only screen and (max-width:1023px){
.tabs__bar{
padding-left:0
}
}
.tabs__bar .icon--left,.tabs__bar .icon--right{
position:absolute;
top:0;
width:32px;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
height:100%;
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.tabs__bar .icon--left{
left:28px
}
.tabs__bar .icon--right{
right:28px
}
.tabs__container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
height:100%;
width:100%;
position:absolute;
padding:0;
top:0;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
list-style:none;
will-change:transform;
-webkit-transition:-webkit-transform .6s cubic-bezier(.86,0,.07,1);
transition:-webkit-transform .6s cubic-bezier(.86,0,.07,1);
transition:transform .6s cubic-bezier(.86,0,.07,1);
transition:transform .6s cubic-bezier(.86,0,.07,1),-webkit-transform .6s cubic-bezier(.86,0,.07,1)
}
.tabs__container>li:not(.tabs__slider){
height:100%
}
.tabs__container-left{
position:absolute;
left:0;
top:0;
height:100%;
width:32px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.tabs__wrapper{
position:relative;
overflow-x:auto;
height:inherit
}
.tabs__item{
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-negative:0;
flex-shrink:0;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
height:100%;
padding:0 12px;
position:relative;
text-align:center;
text-decoration:none;
text-transform:uppercase;
text-overflow:ellipsis;
white-space:nowrap
}
.tabs__item .icon{
color:inherit;
margin:0 0 5px
}
.tabs__item--disabled{
pointer-events:none
}
.tabs__items{
position:relative;
border-width:0 1px 1px;
border-style:solid;
border-color:rgba(0,0,0,.1);
overflow:hidden
}
.tabs__content{
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1);
width:100%
}
.tabs__content .card{
border-radius:0 0 2px 2px
}
.tabs__slider{
position:absolute;
bottom:0;
height:2px;
background:#448aff;
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1)
}
.input-group--text-field label{
position:absolute;
top:18px;
left:0
}
.input-group--text-field input,.input-group--text-field textarea{
caret-color:#1976d2;
font-size:16px
}
.input-group--text-field input{
-webkit-box-shadow:none;
box-shadow:none;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
height:30px;
margin:0;
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.input-group--text-field input::-webkit-input-placeholder{
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1)
}
.input-group--text-field input:-ms-input-placeholder{
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1)
}
.input-group--text-field input::placeholder{
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1)
}
.input-group--text-field input+.icon{
padding:0 6px;
-webkit-transition:.3s cubic-bezier(.4,0,.6,1);
transition:.3s cubic-bezier(.4,0,.6,1)
}
.input-group--text-field input:focus{
outline:none
}
.input-group--text-field input:disabled{
pointer-events:none
}
.input-group--text-field textarea{
-webkit-box-flex:1;
-ms-flex:1 1;
flex:1 1
}
.input-group--text-field textarea:focus{
outline:none
}
.input-group--text-field.input-group--textarea label{
top:13px
}
.input-group--text-field.input-group--textarea textarea{
border-radius:2px;
font-size:16px;
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1)
}
.input-group--text-field.input-group--textarea:not(.input-group--full-width) label{
top:30px;
left:15px
}
.input-group--text-field.input-group--textarea:not(.input-group--full-width) textarea{
padding:30px 13px 0
}
.input-group--text-field.input-group--textarea .input-group__details:after,.input-group--text-field.input-group--textarea .input-group__details:before{
opacity:0
}
.input-group--text-field .input-group__counter{
margin-left:auto
}
.input-group--text-field .input-group__counter--error{
color:#ff5252!important
}
.input-group--text-field.input-group--placeholder:not(.input-group--focused):not(.input-group--dirty) input::-webkit-input-placeholder{
opacity:0
}
.input-group--text-field.input-group--placeholder:not(.input-group--focused):not(.input-group--dirty) input:-ms-input-placeholder{
opacity:0
}
.input-group--text-field.input-group--placeholder:not(.input-group--focused):not(.input-group--dirty) input::placeholder{
opacity:0
}
.input-group--text-field.input-group--prepend-icon .input-group__prepend-icon{
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
min-width:40px;
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1)
}
.input-group--text-field.input-group--prepend-icon .input-group__details{
margin-left:auto;
padding-left:40px
}
.input-group--text-field.input-group--prepend-icon .input-group__details:after,.input-group--text-field.input-group--prepend-icon .input-group__details:before{
margin-left:40px;
max-width:calc(100% - 40px)
}
.input-group--text-field.input-group--prepend-icon label{
left:40px
}
.input-group--text-field.input-group--prepend-icon input{
-webkit-box-flex:1;
-ms-flex:auto;
flex:auto
}
.input-group--text-field:not(.input-group--single-line).input-group--focused label,.input-group--text-field:not(.input-group--single-line):focus label{
opacity:1
}
.input-group--text-field:not(.input-group--single-line).input-group--focused:not(.input-group--textarea) label,.input-group--text-field:not(.input-group--single-line):focus:not(.input-group--textarea) label{
-webkit-transform:translate3d(0,-18px,0) scale(.75);
transform:translate3d(0,-18px,0) scale(.75)
}
.input-group--text-field:not(.input-group--single-line).input-group--focused:not(.input-group--full-width).input-group--textarea label,.input-group--text-field:not(.input-group--single-line):focus:not(.input-group--full-width).input-group--textarea label{
-webkit-transform:translate3d(0,-8px,0) scale(.75);
transform:translate3d(0,-8px,0) scale(.75)
}
.input-group--text-field.input-group--dirty:not(.input-group--textarea) label{
-webkit-transform:translate3d(0,-18px,0) scale(.75);
transform:translate3d(0,-18px,0) scale(.75)
}
.input-group--text-field.input-group--dirty:not(.input-group--full-width).input-group--textarea label{
-webkit-transform:translate3d(0,-8px,0) scale(.75);
transform:translate3d(0,-8px,0) scale(.75)
}
.input-group--text-field.input-group--single-line label{
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
.input-group--text-field.input-group--single-line.input-group--dirty label{
display:none
}
.input-group--text-field.input-group--multi-line textarea{
padding-top:4px
}
.input-group--text-field.input-group--full-width{
padding:16px
}
.input-group--text-field.input-group--full-width label{
margin-left:16px
}
.input-group--text-field.input-group--full-width .input-group__details:after,.input-group--text-field.input-group--full-width .input-group__details:before{
display:none
}
.input-group--text-field.input-group--solo{
background:#fff;
height:46px;
border-radius:2px;
padding:0 16px;
-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);
box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)
}
.input-group--text-field.input-group--solo input{
margin-top:8px
}
.input-group--text-field.input-group--solo label{
top:8px;
left:16px;
-webkit-transform:none!important;
transform:none!important
}
.input-group--text-field.input-group--solo:hover{
-webkit-box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px rgba(0,0,0,.14),0 1px 10px rgba(0,0,0,.12);
box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px rgba(0,0,0,.14),0 1px 10px rgba(0,0,0,.12)
}
.input-group--prefix:not(.input-group--focused):not(.input-group--dirty) label{
left:16px
}
.input-group--prefix .input-group--text-field__prefix,.input-group--prefix .input-group--text-field__suffix,.input-group--suffix .input-group--text-field__prefix,.input-group--suffix .input-group--text-field__suffix{
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
font-size:16px;
margin-top:1px
}
.input-group--prefix .input-group--text-field__prefix,.input-group--suffix .input-group--text-field__prefix{
margin-right:3px
}
.input-group--prefix .input-group--text-field__suffix,.input-group--suffix .input-group--text-field__suffix{
margin-left:3px
}
.picker--time .card__row--actions{
margin-top:-10px
}
.picker--time.picker--dark .picker--time__clock{
background:#616161
}
.picker--time.picker--dark .picker--time__clock-hand:before{
border-color:#448aff
}
.picker--time.picker--dark .picker--time__clock-hand,.picker--time.picker--dark .picker--time__clock:after{
background:#448aff
}
.picker--time.picker--dark .picker--time__clock>span{
color:#fff
}
.picker--time.picker--dark .picker--time__clock>span.active{
color:#000
}
.picker--time.picker--dark .picker--time__clock>span.active:before{
background:#448aff
}
.picker--time.picker--dark .picker--time__clock>span.disabled{
color:hsla(0,0%,100%,.26)
}
.picker--time.picker--landscape{
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.picker--time.picker--landscape .picker__title{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
.picker--time.picker--landscape .picker__title div:first-child{
text-align:right
}
.picker--time.picker--landscape .picker__title div:first-child span{
height:55px;
font-size:55px
}
.picker--time.picker--landscape .picker__title div:last-child{
margin:16px 0 0;
-ms-flex-item-align:initial;
align-self:auto;
text-align:center
}
.picker--time.picker--landscape .picker--time__clock{
height:250px;
width:250px
}
.picker--time.picker--landscape .picker--time__clock-hand{
height:97px
}
.picker--time .picker__title{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end
}
.picker--time .picker__title div:first-child{
white-space:nowrap
}
.picker--time .picker__title div:first-child span{
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
color:#fff;
cursor:pointer;
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
height:70px;
font-size:70px;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
opacity:.6;
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1)
}
.picker--time .picker__title div:first-child span.active{
opacity:1
}
.picker--time .picker__title div:last-child{
-ms-flex-item-align:end;
align-self:flex-end;
color:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
font-size:16px;
margin:8px 0 6px 8px
}
.picker--time .picker__title div:last-child span{
cursor:pointer;
opacity:.6;
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1)
}
.picker--time .picker__title div:last-child span.active{
opacity:1
}
.picker--time .picker__title div:only-child{
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row
}
.picker--time__clock{
height:270px;
width:270px;
border-radius:100%;
background:#e0e0e0;
position:absolute;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
top:50%;
left:50%;
-webkit-transition:.5s cubic-bezier(.25,.8,.25,1);
transition:.5s cubic-bezier(.25,.8,.25,1);
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%)
}
.picker--time__clock-hand{
height:40%;
width:2px;
background:#1976d2;
bottom:50%;
left:calc(50% - 1px);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
position:absolute
}
.picker--time__clock-hand:before{
background:transparent;
border:2px solid #1976d2;
border-radius:100%;
width:10px;
height:10px;
top:-3%
}
.picker--time__clock-hand:before,.picker--time__clock:after{
content:"";
position:absolute;
left:50%;
-webkit-transform:translate3d(-50%,-50%,0);
transform:translate3d(-50%,-50%,0)
}
.picker--time__clock:after{
height:8px;
width:8px;
top:50%;
background:#2196f3;
border-radius:100%
}
.picker--time__clock>span{
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
border-radius:100%;
cursor:default;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:16px;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
left:calc(50% - 16px);
height:32px;
position:absolute;
text-align:center;
top:calc(50% - 16px);
width:32px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.picker--time__clock>span>span{
z-index:1
}
.picker--time__clock>span:after,.picker--time__clock>span:before{
content:"";
border-radius:100%;
position:absolute;
top:50%;
left:50%;
height:14px;
width:14px;
-webkit-transform:translate3d(-50%,-50%,0);
transform:translate3d(-50%,-50%,0);
height:40px;
width:40px
}
.picker--time__clock>span.active{
color:#fff;
cursor:default
}
.picker--time__clock>span.active:before{
background:#1976d2
}
.picker--time__clock>span.disabled{
color:rgba(0,0,0,.3);
pointer-events:none
}
.picker--time .card__row--actions{
border:none
}
.picker--dark .picker--time__clock{
background:#616161
}
.picker--dark .picker--time__clock-hand:before{
border-color:#448aff
}
.picker--dark .picker--time__clock-hand,.picker--dark .picker--time__clock:after{
background:#448aff
}
.picker--dark .picker--time__clock>span{
color:#fff
}
.picker--dark .picker--time__clock>span.active{
color:rgba(0,0,0,.87)
}
.picker--dark .picker--time__clock>span.active:before{
background:#448aff
}
.toast{
position:fixed;
z-index:99999999999999
}
.toast--right{
top:5%;
right:2%
}
.toast--left{
top:5%;
left:2%
}
.toast--top{
top:5%
}
.toast--bottom,.toast--top{
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%)
}
.toast--bottom{
bottom:5%
}
.toast--snack{
bottom:0;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%)
}
.toast--snack .toast__content{
margin-bottom:0;
opacity:1
}
.toast--snack .toast__content--remove{
margin-top:0
}
.toast__content{
background:#424242;
border-radius:2px;
color:#fff;
padding:1rem 2rem;
margin:1rem 0;
opacity:0;
-webkit-transform:translate3d(0,3rem,0);
transform:translate3d(0,3rem,0);
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1);
-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px rgba(0,0,0,.14),0 1px 18px rgba(0,0,0,.12);
box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px rgba(0,0,0,.14),0 1px 18px rgba(0,0,0,.12)
}
.toast__content--active{
-webkit-transform:translateZ(0);
transform:translateZ(0);
opacity:1
}
.toast__content--remove{
margin-top:-3rem;
opacity:0
}
.toolbar{
position:relative;
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
transition:.3s cubic-bezier(.25,.8,.25,1);
width:100%;
will-change:padding-left;
-webkit-box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px rgba(0,0,0,.14),0 1px 10px rgba(0,0,0,.12);
box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px rgba(0,0,0,.14),0 1px 10px rgba(0,0,0,.12)
}
.toolbar .input-group--solo .input-group__details{
display:none
}
.toolbar__title{
font-size:20px;
font-weight:500;
letter-spacing:.02em;
margin-left:16px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.toolbar__content,.toolbar__extension{
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.toolbar__content>.list,.toolbar__extension>.list{
-webkit-box-flex:1;
-ms-flex:1 1 auto;
flex:1 1 auto;
margin:0!important;
max-height:100%
}
.toolbar__content>.btn:last-child,.toolbar__content>.menu:first-child,.toolbar__extension>.btn:last-child,.toolbar__extension>.menu:first-child{
margin-right:10px
}
.toolbar__content>.btn:first-child,.toolbar__content>.menu:first-child,.toolbar__extension>.btn:first-child,.toolbar__extension>.menu:first-child{
margin-left:10px
}
.toolbar__content>:not(.btn):not(.toolbar__title):not(.menu):last-child,.toolbar__extension>:not(.btn):not(.toolbar__title):not(.menu):last-child{
margin-right:16px
}
.toolbar__content>:not(.btn):not(.toolbar__title):not(.menu):first-child,.toolbar__extension>:not(.btn):not(.toolbar__title):not(.menu):first-child{
margin-left:16px
}
.toolbar__content{
height:64px
}
.toolbar__extension{
height:72px
}
.toolbar__items{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
height:100%;
max-width:100%;
padding:0
}
.toolbar__items>.btn{
height:100%;
margin:0
}
@media only screen and (max-width:599px){
.toolbar__content>.btn:last-child,.toolbar__extension>.btn:last-child{
margin-right:17px
}
.toolbar__content>.btn:first-child,.toolbar__extension>.btn:first-child{
margin-left:17px
}
.toolbar__content>:not(.btn):last-child,.toolbar__extension>:not(.btn):last-child{
margin-right:24px
}
.toolbar__content>:not(.btn):first-child,.toolbar__extension>:not(.btn):first-child{
margin-left:24px
}
}
@media (max-width:600px) and (orientation:landscape){
.toolbar__content,.toolbar__extension{
height:48px
}
}
.toolbar--card{
border-radius:2px 2px 0 0;
-webkit-box-shadow:0 0 0 rgba(0,0,0,.2),0 0 0 rgba(0,0,0,.14),0 0 0 rgba(0,0,0,.12);
box-shadow:0 0 0 rgba(0,0,0,.2),0 0 0 rgba(0,0,0,.14),0 0 0 rgba(0,0,0,.12)
}
.toolbar--fixed{
position:fixed;
z-index:2
}
.toolbar--absolute,.toolbar--fixed{
top:0;
left:0
}
.toolbar--absolute{
position:absolute;
z-index:2
}
.toolbar--absolute+main{
padding-top:0
}
.toolbar--fixed+main{
padding-top:64px
}
@media (max-width:600px) and (orientation:landscape){
.toolbar--fixed+main{
padding-top:48px
}
}
.toolbar--fixed.toolbar--extended+main{
padding-top:136px
}
.toolbar--fixed.toolbar--extended.toolbar--dense+main{
padding-top:96px
}
.toolbar--fixed.toolbar--extended.toolbar--prominent+main{
padding-top:128px
}
@media (max-width:1424px) and (orientation:landscape){
.toolbar--fixed.toolbar--extended+main{
padding-top:96px
}
}
.toolbar--fixed.toolbar--dense+main{
padding-top:48px
}
.toolbar--fixed.toolbar--prominent+main{
padding-top:64px
}
.toolbar--floating{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
margin:16px;
width:auto
}
.toolbar--prominent .toolbar__content,.toolbar--prominent .toolbar__extension{
height:64px
}
.toolbar--dense .toolbar__content,.toolbar--dense .toolbar__extension{
height:48px
}
.toolbar__extension .toolbar__title{
margin-left:72px!important
}
.toolbar__extension .tabs__bar{
-ms-flex-item-align:end;
align-self:flex-end;
margin:0
}
[data-tooltip]{
position:relative
}
[data-tooltip]:before{
background:#616161;
border-radius:2px;
color:#fff;
content:attr(data-tooltip);
font-size:12px;
display:inline-block;
opacity:0;
padding:5px 8px;
position:absolute;
pointer-events:none;
text-transform:none;
-webkit-transition:.15s cubic-bezier(.25,.8,.25,1);
transition:.15s cubic-bezier(.25,.8,.25,1);
width:auto;
white-space:pre;
z-index:99;
-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);
box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)
}
[data-tooltip]:hover:before{
opacity:.9
}
[data-tooltip][data-tooltip-location=bottom]:before{
top:100%;
left:50%;
-webkit-transform:translate3d(-50%,-14px,0) scale(0);
transform:translate3d(-50%,-14px,0) scale(0);
-webkit-transform-origin:center top;
transform-origin:center top
}
[data-tooltip][data-tooltip-location=bottom]:hover:before{
-webkit-transform:translate3d(-50%,14px,0) scale(1);
transform:translate3d(-50%,14px,0) scale(1)
}
[data-tooltip][data-tooltip-location=top]:before{
bottom:100%;
left:50%;
-webkit-transform:translate3d(-50%,14px,0) scale(0);
transform:translate3d(-50%,14px,0) scale(0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom
}
[data-tooltip][data-tooltip-location=top]:hover:before{
-webkit-transform:translate3d(-50%,-14px,0) scale(1);
transform:translate3d(-50%,-14px,0) scale(1)
}
[data-tooltip][data-tooltip-location=left]:before{
right:100%;
-webkit-transform:translate3d(14px,0,0) scale(0);
transform:translate3d(14px,0,0) scale(0);
-webkit-transform-origin:center right;
transform-origin:center right
}
[data-tooltip][data-tooltip-location=left]:hover:before{
-webkit-transform:translate3d(-14px,0,0) scale(1);
transform:translate3d(-14px,0,0) scale(1)
}
[data-tooltip][data-tooltip-location=right]:before{
left:100%;
-webkit-transform:translate3d(-14px,0,0) scale(0);
transform:translate3d(-14px,0,0) scale(0);
-webkit-transform-origin:center left;
transform-origin:center left
}
[data-tooltip][data-tooltip-location=right]:hover:before{
-webkit-transform:translate3d(14px,0,0) scale(1);
transform:translate3d(14px,0,0) scale(1)
}
@media only screen and (max-width:1023px){
[data-tooltip]:before{
padding:10px 16px
}
[data-tooltip][data-tooltip-location=bottom]:hover:before{
-webkit-transform:translate3d(-50%,24px,0) scale(1);
transform:translate3d(-50%,24px,0) scale(1)
}
[data-tooltip][data-tooltip-location=top]:hover:before{
-webkit-transform:translate3d(-50%,-24px,0) scale(1);
transform:translate3d(-50%,-24px,0) scale(1)
}
[data-tooltip][data-tooltip-location=left]:hover:before{
-webkit-transform:translate3d(-24px,0,0) scale(1);
transform:translate3d(-24px,0,0) scale(1)
}
[data-tooltip][data-tooltip-location=right]:hover:before{
-webkit-transform:translate3d(24px,0,0) scale(1);
transform:translate3d(24px,0,0) scale(1)
}
}
.widget{
-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);
box-shadow:0 1px 3px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);
background:#fff;
display:inline-block;
position:relative;
border-radius:3px;
margin:20px 0;
width:100%
}
.widget__header{
-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px rgba(0,0,0,.14),0 1px 18px rgba(0,0,0,.12);
box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px rgba(0,0,0,.14),0 1px 18px rgba(0,0,0,.12);
border-radius:3px;
margin:-20px 15px 0;
padding:15px
}
.widget__header>.widget__title{
color:#fff;
margin-top:0;
margin-bottom:5px;
font-size:24px;
line-height:1
}
.widget__header>.widget__category{
margin-bottom:0;
color:hsla(0,0%,100%,.62)
}
.widget__header.mode--statistic{
text-align:center;
position:absolute
}
.widget__header.mode--statistic .material-icons{
color:#fff;
font-size:56px
}
.widget__content{
padding:15px 20px
}
.widget__header.mode--statistic+.widget__content{
text-align:right;
padding-top:10px
}
.widget__header.mode--statistic+.widget__content>.widget__category{
margin-bottom:0;
color:#999
}
.widget__header.mode--statistic+.widget__content>.widget__title{
margin:0;
font-size:28px;
font-weight:lighter
}
.widget__header.mode--chart{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
padding:0;
min-height:160px
}
.widget__header.mode--chart+.widget__content{
text-align:left
}
.widget__header.mode--chart+.widget__content>.widget__title{
font-size:24px;
margin-bottom:5px;
margin-top:0;
line-height:1
}
.widget__header.mode--chart+.widget__content>.widget__category{
margin-bottom:0;
color:#999
}
.widget__footer{
margin:0 15px 10px;
padding-top:10px;
border-top:1px solid #eee
}
.widget__footer>a.stats{
cursor:pointer
}
.widget__footer>.stats{
color:#999;
font-size:14px;
line-height:22px
}
.widget__footer>.stats .material-icons{
color:#999;
font-size:22px
}
@media only screen and (max-width:599px){
.hidden-xs-only{
display:none!important
}
}
@media only screen and (min-width:600px) and (max-width:1023px){
.hidden-sm-only{
display:none!important
}
}
@media only screen and (max-width:1023px){
.hidden-sm-and-down{
display:none!important
}
}
@media only screen and (min-width:600px){
.hidden-sm-and-up{
display:none!important
}
}
@media only screen and (min-width:1024px) and (max-width:1423px){
.hidden-md-only{
display:none!important
}
}
@media only screen and (max-width:1423px){
.hidden-md-and-down{
display:none!important
}
}
@media only screen and (min-width:1024px){
.hidden-md-and-up{
display:none!important
}
}
@media only screen and (min-width:1424px) and (max-width:1903px){
.hidden-lg-only{
display:none!important
}
}
@media only screen and (max-width:1903px){
.hidden-lg-and-down{
display:none!important
}
}
@media only screen and (min-width:1424px){
.hidden-lg-and-up{
display:none!important
}
}
@media only screen and (min-width:1904px){
.hidden-xl-only{
display:none!important
}
}
.right{
float:right!important
}
.left{
float:left!important
}
.mt-0{
margin-top:0!important
}
.mr-0{
margin-right:0!important
}
.mb-0{
margin-bottom:0!important
}
.ml-0,.mx-0{
margin-left:0!important
}
.mx-0{
margin-right:0!important
}
.my-0{
margin-top:0!important;
margin-bottom:0!important
}
.ma-0{
margin:0!important
}
.pt-0{
padding-top:0!important
}
.pr-0{
padding-right:0!important
}
.pb-0{
padding-bottom:0!important
}
.pl-0,.px-0{
padding-left:0!important
}
.px-0{
padding-right:0!important
}
.py-0{
padding-top:0!important;
padding-bottom:0!important
}
.pa-0{
padding:0!important
}
.mt-1{
margin-top:4px!important
}
.mr-1{
margin-right:4px!important
}
.mb-1{
margin-bottom:4px!important
}
.ml-1,.mx-1{
margin-left:4px!important
}
.mx-1{
margin-right:4px!important
}
.my-1{
margin-top:4px!important;
margin-bottom:4px!important
}
.ma-1{
margin:4px!important
}
.pt-1{
padding-top:4px!important
}
.pr-1{
padding-right:4px!important
}
.pb-1{
padding-bottom:4px!important
}
.pl-1,.px-1{
padding-left:4px!important
}
.px-1{
padding-right:4px!important
}
.py-1{
padding-top:4px!important;
padding-bottom:4px!important
}
.pa-1{
padding:4px!important
}
.mt-2{
margin-top:8px!important
}
.mr-2{
margin-right:8px!important
}
.mb-2{
margin-bottom:8px!important
}
.ml-2,.mx-2{
margin-left:8px!important
}
.mx-2{
margin-right:8px!important
}
.my-2{
margin-top:8px!important;
margin-bottom:8px!important
}
.ma-2{
margin:8px!important
}
.pt-2{
padding-top:8px!important
}
.pr-2{
padding-right:8px!important
}
.pb-2{
padding-bottom:8px!important
}
.pl-2,.px-2{
padding-left:8px!important
}
.px-2{
padding-right:8px!important
}
.py-2{
padding-top:8px!important;
padding-bottom:8px!important
}
.pa-2{
padding:8px!important
}
.mt-3{
margin-top:16px!important
}
.mr-3{
margin-right:16px!important
}
.mb-3{
margin-bottom:16px!important
}
.ml-3,.mx-3{
margin-left:16px!important
}
.mx-3{
margin-right:16px!important
}
.my-3{
margin-top:16px!important;
margin-bottom:16px!important
}
.ma-3{
margin:16px!important
}
.pt-3{
padding-top:16px!important
}
.pr-3{
padding-right:16px!important
}
.pb-3{
padding-bottom:16px!important
}
.pl-3,.px-3{
padding-left:16px!important
}
.px-3{
padding-right:16px!important
}
.py-3{
padding-top:16px!important;
padding-bottom:16px!important
}
.pa-3{
padding:16px!important
}
.mt-4{
margin-top:24px!important
}
.mr-4{
margin-right:24px!important
}
.mb-4{
margin-bottom:24px!important
}
.ml-4,.mx-4{
margin-left:24px!important
}
.mx-4{
margin-right:24px!important
}
.my-4{
margin-top:24px!important;
margin-bottom:24px!important
}
.ma-4{
margin:24px!important
}
.pt-4{
padding-top:24px!important
}
.pr-4{
padding-right:24px!important
}
.pb-4{
padding-bottom:24px!important
}
.pl-4,.px-4{
padding-left:24px!important
}
.px-4{
padding-right:24px!important
}
.py-4{
padding-top:24px!important;
padding-bottom:24px!important
}
.pa-4{
padding:24px!important
}
.mt-5{
margin-top:48px!important
}
.mr-5{
margin-right:48px!important
}
.mb-5{
margin-bottom:48px!important
}
.ml-5,.mx-5{
margin-left:48px!important
}
.mx-5{
margin-right:48px!important
}
.my-5{
margin-top:48px!important;
margin-bottom:48px!important
}
.ma-5{
margin:48px!important
}
.pt-5{
padding-top:48px!important
}
.pr-5{
padding-right:48px!important
}
.pb-5{
padding-bottom:48px!important
}
.pl-5,.px-5{
padding-left:48px!important
}
.px-5{
padding-right:48px!important
}
.py-5{
padding-top:48px!important;
padding-bottom:48px!important
}
.pa-5{
padding:48px!important
}
@media (min-width:0){
.text-xs-left{
text-align:left!important
}
.text-xs-center{
text-align:center!important
}
.text-xs-right{
text-align:right!important
}
.text-xs-justify{
text-align:justify!important
}
}
@media (min-width:600px){
.text-sm-left{
text-align:left!important
}
.text-sm-center{
text-align:center!important
}
.text-sm-right{
text-align:right!important
}
.text-sm-justify{
text-align:justify!important
}
}
@media (min-width:1024px){
.text-md-left{
text-align:left!important
}
.text-md-center{
text-align:center!important
}
.text-md-right{
text-align:right!important
}
.text-md-justify{
text-align:justify!important
}
}
@media (min-width:1424px){
.text-lg-left{
text-align:left!important
}
.text-lg-center{
text-align:center!important
}
.text-lg-right{
text-align:right!important
}
.text-lg-justify{
text-align:justify!important
}
}
@media (min-width:1904px){
.text-xl-left{
text-align:left!important
}
.text-xl-center{
text-align:center!important
}
.text-xl-right{
text-align:right!important
}
.text-xl-justify{
text-align:justify!important
}
}
.application nav.toolbar{
position:relative;
z-index:1
}
.application main{
position:relative;
z-index:0
}
.application .footer{
position:relative;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
z-index:1
}
.application .layout.wrap{
margin-top:2rem
}
.application .layout .flex{
text-align:center
}
.application h1{
color:hsla(0,0%,100%,.5)
}
.backdrop{
position:fixed;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
top:0;
left:0;
z-index:0
}
.backdrop--full,.backdrop--full:before{
height:100vh;
width:100vw
}
.backdrop--full:before{
background:rgba(158,92,184,.6);
content:" ";
position:absolute;
left:0;
top:0
}