.mdlext-aria-expanded-plus-minus {
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-size: 24px;
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -webkit-font-feature-settings: "liga";
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga"
}

.mdlext-aria-expanded-plus-minus:after {
    content: "+";
    margin-left: 0
}

[aria-expanded=true]>.mdlext-aria-expanded-plus-minus:after {
    content: "-";
    margin-left: 0
}

.mdlext-aria-expanded-more-less {
    font-family: Material Icons;
    font-weight: inherit;
    font-style: inherit;
    font-size: 24px;
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -webkit-font-feature-settings: "liga";
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga"
}

.mdlext-aria-expanded-more-less:after {
    content: "expand_more";
    margin-left: 0
}

[aria-expanded=true]>.mdlext-aria-expanded-more-less:after {
    content: "expand_less";
    margin-left: 0
}

.mdlext-layout__sticky-header {
    position: absolute;
    overflow: visible;
    background: transparent linear-gradient(180deg, #3f51b5 0, #3f51b5);
    transition: .1s ease-in-out
}

.mdlext-layout__sticky-header.mdlext-is-scroll {
    background: transparent linear-gradient(180deg, rgba(63, 81, 181, .98) 100%, rgba(63, 81, 181, .95) 0)
}

:not(.is-small-screen) .mdlext-layout__sticky-header .mdl-layout__drawer-button {
    visibility: hidden
}

:not(.is-small-screen) .mdlext-layout__sticky-header .mdl-layout__header-row {
    padding-left: 16px
}

.is-small-screen.has-drawer .mdlext-layout__sticky-header,
:not(.mdl-layout--fixed-drawer).has-drawer .mdlext-layout__sticky-header {
    display: -ms-flexbox;
    display: flex
}

.is-small-screen.has-drawer .mdlext-layout__sticky-header .mdl-layout__drawer-button,
:not(.mdl-layout--fixed-drawer).has-drawer .mdlext-layout__sticky-header .mdl-layout__drawer-button {
    visibility: visible
}

.is-small-screen.has-drawer .mdlext-layout__sticky-header .mdl-layout__header-row,
:not(.mdl-layout--fixed-drawer).has-drawer .mdlext-layout__sticky-header .mdl-layout__header-row {
    padding-left: 64px
}

dialog.mdlext-dialog {
    position: absolute;
    border: 0;
    opacity: 0;
    padding: 0;
    background-color: transparent
}

dialog.mdlext-dialog[open] {
    animation: mdlext-open-dialog .5s .2s forwards
}

dialog.mdlext-dialog[open]::-webkit-backdrop {
    animation: mdlext-darken-backdrop .2s forwards
}

dialog.mdlext-dialog[open]::backdrop {
    animation: mdlext-darken-backdrop .2s forwards
}

dialog.mdlext-dialog[open]+.backdrop {
    animation: mdlext-darken-backdrop .2s forwards
}

@keyframes mdlext-darken-backdrop {
    to {
        background: rgba(0, 0, 0, .86)
    }
}

@keyframes mdlext-open-dialog {
    to {
        opacity: 1
    }
}

.mdlext-grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 auto;
    -ms-flex-align: stretch;
    align-items: stretch
}

.mdlext-grid.mdlext-grid--no-spacing {
    padding: 0
}

.mdlext-cell {
    box-sizing: border-box
}

.mdlext-cell--top {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.mdlext-cell--middle {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.mdlext-cell--bottom {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.mdlext-cell--stretch {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch
}

.mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell {
    margin: 0
}

.mdlext-cell--order-1 {
    -ms-flex-order: 1;
    order: 1
}

.mdlext-cell--order-2 {
    -ms-flex-order: 2;
    order: 2
}

.mdlext-cell--order-3 {
    -ms-flex-order: 3;
    order: 3
}

.mdlext-cell--order-4 {
    -ms-flex-order: 4;
    order: 4
}

.mdlext-cell--order-5 {
    -ms-flex-order: 5;
    order: 5
}

.mdlext-cell--order-6 {
    -ms-flex-order: 6;
    order: 6
}

.mdlext-cell--order-7 {
    -ms-flex-order: 7;
    order: 7
}

.mdlext-cell--order-8 {
    -ms-flex-order: 8;
    order: 8
}

.mdlext-cell--order-9 {
    -ms-flex-order: 9;
    order: 9
}

.mdlext-cell--order-10 {
    -ms-flex-order: 10;
    order: 10
}

.mdlext-cell--order-11 {
    -ms-flex-order: 11;
    order: 11
}

.mdlext-cell--order-12 {
    -ms-flex-order: 12;
    order: 12
}

@media (max-width:479px) {
    .mdlext-grid {
        padding: 8px
    }
    .mdlext-cell {
        margin: 8px;
        width: calc(100% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell {
        width: 100%
    }
    .mdlext-cell--hide-phone {
        display: none!important
    }
    .mdlext-cell--order-1-phone.mdlext-cell--order-1-phone {
        -ms-flex-order: 1;
        order: 1
    }
    .mdlext-cell--order-2-phone.mdlext-cell--order-2-phone {
        -ms-flex-order: 2;
        order: 2
    }
    .mdlext-cell--order-3-phone.mdlext-cell--order-3-phone {
        -ms-flex-order: 3;
        order: 3
    }
    .mdlext-cell--order-4-phone.mdlext-cell--order-4-phone {
        -ms-flex-order: 4;
        order: 4
    }
    .mdlext-cell--order-5-phone.mdlext-cell--order-5-phone {
        -ms-flex-order: 5;
        order: 5
    }
    .mdlext-cell--order-6-phone.mdlext-cell--order-6-phone {
        -ms-flex-order: 6;
        order: 6
    }
    .mdlext-cell--order-7-phone.mdlext-cell--order-7-phone {
        -ms-flex-order: 7;
        order: 7
    }
    .mdlext-cell--order-8-phone.mdlext-cell--order-8-phone {
        -ms-flex-order: 8;
        order: 8
    }
    .mdlext-cell--order-9-phone.mdlext-cell--order-9-phone {
        -ms-flex-order: 9;
        order: 9
    }
    .mdlext-cell--order-10-phone.mdlext-cell--order-10-phone {
        -ms-flex-order: 10;
        order: 10
    }
    .mdlext-cell--order-11-phone.mdlext-cell--order-11-phone {
        -ms-flex-order: 11;
        order: 11
    }
    .mdlext-cell--order-12-phone.mdlext-cell--order-12-phone {
        -ms-flex-order: 12;
        order: 12
    }
    .mdlext-cell--1-col,
    .mdlext-cell--1-col-phone.mdlext-cell--1-col-phone {
        width: calc(25% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell--1-col,
    .mdlext-grid--no-spacing>.mdlext-cell--1-col-phone.mdlext-cell--1-col-phone {
        width: 25%
    }
    .mdlext-cell--2-col,
    .mdlext-cell--2-col-phone.mdlext-cell--2-col-phone {
        width: calc(50% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell--2-col,
    .mdlext-grid--no-spacing>.mdlext-cell--2-col-phone.mdlext-cell--2-col-phone {
        width: 50%
    }
    .mdlext-cell--3-col,
    .mdlext-cell--3-col-phone.mdlext-cell--3-col-phone {
        width: calc(75% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell--3-col,
    .mdlext-grid--no-spacing>.mdlext-cell--3-col-phone.mdlext-cell--3-col-phone {
        width: 75%
    }
    .mdlext-cell--4-col,
    .mdlext-cell--4-col-phone.mdlext-cell--4-col-phone {
        width: calc(100% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell--4-col,
    .mdlext-grid--no-spacing>.mdlext-cell--4-col-phone.mdlext-cell--4-col-phone {
        width: 100%
    }
    .mdlext-cell--5-col,
    .mdlext-cell--5-col-phone.mdlext-cell--5-col-phone {
        width: calc(100% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell--5-col,
    .mdlext-grid--no-spacing>.mdlext-cell--5-col-phone.mdlext-cell--5-col-phone {
        width: 100%
    }
    .mdlext-cell--6-col,
    .mdlext-cell--6-col-phone.mdlext-cell--6-col-phone {
        width: calc(100% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell--6-col,
    .mdlext-grid--no-spacing>.mdlext-cell--6-col-phone.mdlext-cell--6-col-phone {
        width: 100%
    }
    .mdlext-cell--7-col,
    .mdlext-cell--7-col-phone.mdlext-cell--7-col-phone {
        width: calc(100% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell--7-col,
    .mdlext-grid--no-spacing>.mdlext-cell--7-col-phone.mdlext-cell--7-col-phone {
        width: 100%
    }
    .mdlext-cell--8-col,
    .mdlext-cell--8-col-phone.mdlext-cell--8-col-phone {
        width: calc(100% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell--8-col,
    .mdlext-grid--no-spacing>.mdlext-cell--8-col-phone.mdlext-cell--8-col-phone {
        width: 100%
    }
    .mdlext-cell--9-col,
    .mdlext-cell--9-col-phone.mdlext-cell--9-col-phone {
        width: calc(100% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell--9-col,
    .mdlext-grid--no-spacing>.mdlext-cell--9-col-phone.mdlext-cell--9-col-phone {
        width: 100%
    }
    .mdlext-cell--10-col,
    .mdlext-cell--10-col-phone.mdlext-cell--10-col-phone {
        width: calc(100% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell--10-col,
    .mdlext-grid--no-spacing>.mdlext-cell--10-col-phone.mdlext-cell--10-col-phone {
        width: 100%
    }
    .mdlext-cell--11-col,
    .mdlext-cell--11-col-phone.mdlext-cell--11-col-phone {
        width: calc(100% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell--11-col,
    .mdlext-grid--no-spacing>.mdlext-cell--11-col-phone.mdlext-cell--11-col-phone {
        width: 100%
    }
    .mdlext-cell--12-col,
    .mdlext-cell--12-col-phone.mdlext-cell--12-col-phone {
        width: calc(100% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell--12-col,
    .mdlext-grid--no-spacing>.mdlext-cell--12-col-phone.mdlext-cell--12-col-phone {
        width: 100%
    }
    .mdlext-cell--1-offset,
    .mdlext-cell--1-offset-phone.mdlext-cell--1-offset-phone {
        margin-left: calc(25% + 8px)
    }
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--1-offset,
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--1-offset-phone.mdlext-cell--1-offset-phone {
        margin-left: 25%
    }
    .mdlext-cell--2-offset,
    .mdlext-cell--2-offset-phone.mdlext-cell--2-offset-phone {
        margin-left: calc(50% + 8px)
    }
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--2-offset,
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--2-offset-phone.mdlext-cell--2-offset-phone {
        margin-left: 50%
    }
    .mdlext-cell--3-offset,
    .mdlext-cell--3-offset-phone.mdlext-cell--3-offset-phone {
        margin-left: calc(75% + 8px)
    }
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--3-offset,
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--3-offset-phone.mdlext-cell--3-offset-phone {
        margin-left: 75%
    }
}

@media (min-width:480px) and (max-width:839px) {
    .mdlext-grid {
        padding: 8px
    }
    .mdlext-cell {
        margin: 8px;
        width: calc(50% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell {
        width: 50%
    }
    .mdlext-cell--hide-tablet {
        display: none!important
    }
    .mdlext-cell--order-1-tablet.mdlext-cell--order-1-tablet {
        -ms-flex-order: 1;
        order: 1
    }
    .mdlext-cell--order-2-tablet.mdlext-cell--order-2-tablet {
        -ms-flex-order: 2;
        order: 2
    }
    .mdlext-cell--order-3-tablet.mdlext-cell--order-3-tablet {
        -ms-flex-order: 3;
        order: 3
    }
    .mdlext-cell--order-4-tablet.mdlext-cell--order-4-tablet {
        -ms-flex-order: 4;
        order: 4
    }
    .mdlext-cell--order-5-tablet.mdlext-cell--order-5-tablet {
        -ms-flex-order: 5;
        order: 5
    }
    .mdlext-cell--order-6-tablet.mdlext-cell--order-6-tablet {
        -ms-flex-order: 6;
        order: 6
    }
    .mdlext-cell--order-7-tablet.mdlext-cell--order-7-tablet {
        -ms-flex-order: 7;
        order: 7
    }
    .mdlext-cell--order-8-tablet.mdlext-cell--order-8-tablet {
        -ms-flex-order: 8;
        order: 8
    }
    .mdlext-cell--order-9-tablet.mdlext-cell--order-9-tablet {
        -ms-flex-order: 9;
        order: 9
    }
    .mdlext-cell--order-10-tablet.mdlext-cell--order-10-tablet {
        -ms-flex-order: 10;
        order: 10
    }
    .mdlext-cell--order-11-tablet.mdlext-cell--order-11-tablet {
        -ms-flex-order: 11;
        order: 11
    }
    .mdlext-cell--order-12-tablet.mdlext-cell--order-12-tablet {
        -ms-flex-order: 12;
        order: 12
    }
    .mdlext-cell--1-col,
    .mdlext-cell--1-col-tablet.mdlext-cell--1-col-tablet {
        width: calc(12.5% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell--1-col,
    .mdlext-grid--no-spacing>.mdlext-cell--1-col-tablet.mdlext-cell--1-col-tablet {
        width: 12.5%
    }
    .mdlext-cell--2-col,
    .mdlext-cell--2-col-tablet.mdlext-cell--2-col-tablet {
        width: calc(25% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell--2-col,
    .mdlext-grid--no-spacing>.mdlext-cell--2-col-tablet.mdlext-cell--2-col-tablet {
        width: 25%
    }
    .mdlext-cell--3-col,
    .mdlext-cell--3-col-tablet.mdlext-cell--3-col-tablet {
        width: calc(37.5% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell--3-col,
    .mdlext-grid--no-spacing>.mdlext-cell--3-col-tablet.mdlext-cell--3-col-tablet {
        width: 37.5%
    }
    .mdlext-cell--4-col,
    .mdlext-cell--4-col-tablet.mdlext-cell--4-col-tablet {
        width: calc(50% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell--4-col,
    .mdlext-grid--no-spacing>.mdlext-cell--4-col-tablet.mdlext-cell--4-col-tablet {
        width: 50%
    }
    .mdlext-cell--5-col,
    .mdlext-cell--5-col-tablet.mdlext-cell--5-col-tablet {
        width: calc(62.5% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell--5-col,
    .mdlext-grid--no-spacing>.mdlext-cell--5-col-tablet.mdlext-cell--5-col-tablet {
        width: 62.5%
    }
    .mdlext-cell--6-col,
    .mdlext-cell--6-col-tablet.mdlext-cell--6-col-tablet {
        width: calc(75% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell--6-col,
    .mdlext-grid--no-spacing>.mdlext-cell--6-col-tablet.mdlext-cell--6-col-tablet {
        width: 75%
    }
    .mdlext-cell--7-col,
    .mdlext-cell--7-col-tablet.mdlext-cell--7-col-tablet {
        width: calc(87.5% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell--7-col,
    .mdlext-grid--no-spacing>.mdlext-cell--7-col-tablet.mdlext-cell--7-col-tablet {
        width: 87.5%
    }
    .mdlext-cell--8-col,
    .mdlext-cell--8-col-tablet.mdlext-cell--8-col-tablet {
        width: calc(100% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell--8-col,
    .mdlext-grid--no-spacing>.mdlext-cell--8-col-tablet.mdlext-cell--8-col-tablet {
        width: 100%
    }
    .mdlext-cell--9-col,
    .mdlext-cell--9-col-tablet.mdlext-cell--9-col-tablet {
        width: calc(100% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell--9-col,
    .mdlext-grid--no-spacing>.mdlext-cell--9-col-tablet.mdlext-cell--9-col-tablet {
        width: 100%
    }
    .mdlext-cell--10-col,
    .mdlext-cell--10-col-tablet.mdlext-cell--10-col-tablet {
        width: calc(100% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell--10-col,
    .mdlext-grid--no-spacing>.mdlext-cell--10-col-tablet.mdlext-cell--10-col-tablet {
        width: 100%
    }
    .mdlext-cell--11-col,
    .mdlext-cell--11-col-tablet.mdlext-cell--11-col-tablet {
        width: calc(100% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell--11-col,
    .mdlext-grid--no-spacing>.mdlext-cell--11-col-tablet.mdlext-cell--11-col-tablet {
        width: 100%
    }
    .mdlext-cell--12-col,
    .mdlext-cell--12-col-tablet.mdlext-cell--12-col-tablet {
        width: calc(100% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell--12-col,
    .mdlext-grid--no-spacing>.mdlext-cell--12-col-tablet.mdlext-cell--12-col-tablet {
        width: 100%
    }
    .mdlext-cell--1-offset,
    .mdlext-cell--1-offset-tablet.mdlext-cell--1-offset-tablet {
        margin-left: calc(12.5% + 8px)
    }
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--1-offset,
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--1-offset-tablet.mdlext-cell--1-offset-tablet {
        margin-left: 12.5%
    }
    .mdlext-cell--2-offset,
    .mdlext-cell--2-offset-tablet.mdlext-cell--2-offset-tablet {
        margin-left: calc(25% + 8px)
    }
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--2-offset,
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--2-offset-tablet.mdlext-cell--2-offset-tablet {
        margin-left: 25%
    }
    .mdlext-cell--3-offset,
    .mdlext-cell--3-offset-tablet.mdlext-cell--3-offset-tablet {
        margin-left: calc(37.5% + 8px)
    }
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--3-offset,
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--3-offset-tablet.mdlext-cell--3-offset-tablet {
        margin-left: 37.5%
    }
    .mdlext-cell--4-offset,
    .mdlext-cell--4-offset-tablet.mdlext-cell--4-offset-tablet {
        margin-left: calc(50% + 8px)
    }
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--4-offset,
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--4-offset-tablet.mdlext-cell--4-offset-tablet {
        margin-left: 50%
    }
    .mdlext-cell--5-offset,
    .mdlext-cell--5-offset-tablet.mdlext-cell--5-offset-tablet {
        margin-left: calc(62.5% + 8px)
    }
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--5-offset,
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--5-offset-tablet.mdlext-cell--5-offset-tablet {
        margin-left: 62.5%
    }
    .mdlext-cell--6-offset,
    .mdlext-cell--6-offset-tablet.mdlext-cell--6-offset-tablet {
        margin-left: calc(75% + 8px)
    }
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--6-offset,
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--6-offset-tablet.mdlext-cell--6-offset-tablet {
        margin-left: 75%
    }
    .mdlext-cell--7-offset,
    .mdlext-cell--7-offset-tablet.mdlext-cell--7-offset-tablet {
        margin-left: calc(87.5% + 8px)
    }
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--7-offset,
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--7-offset-tablet.mdlext-cell--7-offset-tablet {
        margin-left: 87.5%
    }
}

@media (min-width:840px) {
    .mdlext-grid {
        padding: 8px
    }
    .mdlext-cell {
        margin: 8px;
        width: calc(33.33333% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell {
        width: 33.33333%
    }
    .mdlext-cell--hide-desktop {
        display: none!important
    }
    .mdlext-cell--order-1-desktop.mdlext-cell--order-1-desktop {
        -ms-flex-order: 1;
        order: 1
    }
    .mdlext-cell--order-2-desktop.mdlext-cell--order-2-desktop {
        -ms-flex-order: 2;
        order: 2
    }
    .mdlext-cell--order-3-desktop.mdlext-cell--order-3-desktop {
        -ms-flex-order: 3;
        order: 3
    }
    .mdlext-cell--order-4-desktop.mdlext-cell--order-4-desktop {
        -ms-flex-order: 4;
        order: 4
    }
    .mdlext-cell--order-5-desktop.mdlext-cell--order-5-desktop {
        -ms-flex-order: 5;
        order: 5
    }
    .mdlext-cell--order-6-desktop.mdlext-cell--order-6-desktop {
        -ms-flex-order: 6;
        order: 6
    }
    .mdlext-cell--order-7-desktop.mdlext-cell--order-7-desktop {
        -ms-flex-order: 7;
        order: 7
    }
    .mdlext-cell--order-8-desktop.mdlext-cell--order-8-desktop {
        -ms-flex-order: 8;
        order: 8
    }
    .mdlext-cell--order-9-desktop.mdlext-cell--order-9-desktop {
        -ms-flex-order: 9;
        order: 9
    }
    .mdlext-cell--order-10-desktop.mdlext-cell--order-10-desktop {
        -ms-flex-order: 10;
        order: 10
    }
    .mdlext-cell--order-11-desktop.mdlext-cell--order-11-desktop {
        -ms-flex-order: 11;
        order: 11
    }
    .mdlext-cell--order-12-desktop.mdlext-cell--order-12-desktop {
        -ms-flex-order: 12;
        order: 12
    }
    .mdlext-cell--1-col,
    .mdlext-cell--1-col-desktop.mdlext-cell--1-col-desktop {
        width: calc(8.33333% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell--1-col,
    .mdlext-grid--no-spacing>.mdlext-cell--1-col-desktop.mdlext-cell--1-col-desktop {
        width: 8.33333%
    }
    .mdlext-cell--2-col,
    .mdlext-cell--2-col-desktop.mdlext-cell--2-col-desktop {
        width: calc(16.66667% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell--2-col,
    .mdlext-grid--no-spacing>.mdlext-cell--2-col-desktop.mdlext-cell--2-col-desktop {
        width: 16.66667%
    }
    .mdlext-cell--3-col,
    .mdlext-cell--3-col-desktop.mdlext-cell--3-col-desktop {
        width: calc(25% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell--3-col,
    .mdlext-grid--no-spacing>.mdlext-cell--3-col-desktop.mdlext-cell--3-col-desktop {
        width: 25%
    }
    .mdlext-cell--4-col,
    .mdlext-cell--4-col-desktop.mdlext-cell--4-col-desktop {
        width: calc(33.33333% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell--4-col,
    .mdlext-grid--no-spacing>.mdlext-cell--4-col-desktop.mdlext-cell--4-col-desktop {
        width: 33.33333%
    }
    .mdlext-cell--5-col,
    .mdlext-cell--5-col-desktop.mdlext-cell--5-col-desktop {
        width: calc(41.66667% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell--5-col,
    .mdlext-grid--no-spacing>.mdlext-cell--5-col-desktop.mdlext-cell--5-col-desktop {
        width: 41.66667%
    }
    .mdlext-cell--6-col,
    .mdlext-cell--6-col-desktop.mdlext-cell--6-col-desktop {
        width: calc(50% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell--6-col,
    .mdlext-grid--no-spacing>.mdlext-cell--6-col-desktop.mdlext-cell--6-col-desktop {
        width: 50%
    }
    .mdlext-cell--7-col,
    .mdlext-cell--7-col-desktop.mdlext-cell--7-col-desktop {
        width: calc(58.33333% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell--7-col,
    .mdlext-grid--no-spacing>.mdlext-cell--7-col-desktop.mdlext-cell--7-col-desktop {
        width: 58.33333%
    }
    .mdlext-cell--8-col,
    .mdlext-cell--8-col-desktop.mdlext-cell--8-col-desktop {
        width: calc(66.66667% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell--8-col,
    .mdlext-grid--no-spacing>.mdlext-cell--8-col-desktop.mdlext-cell--8-col-desktop {
        width: 66.66667%
    }
    .mdlext-cell--9-col,
    .mdlext-cell--9-col-desktop.mdlext-cell--9-col-desktop {
        width: calc(75% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell--9-col,
    .mdlext-grid--no-spacing>.mdlext-cell--9-col-desktop.mdlext-cell--9-col-desktop {
        width: 75%
    }
    .mdlext-cell--10-col,
    .mdlext-cell--10-col-desktop.mdlext-cell--10-col-desktop {
        width: calc(83.33333% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell--10-col,
    .mdlext-grid--no-spacing>.mdlext-cell--10-col-desktop.mdlext-cell--10-col-desktop {
        width: 83.33333%
    }
    .mdlext-cell--11-col,
    .mdlext-cell--11-col-desktop.mdlext-cell--11-col-desktop {
        width: calc(91.66667% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell--11-col,
    .mdlext-grid--no-spacing>.mdlext-cell--11-col-desktop.mdlext-cell--11-col-desktop {
        width: 91.66667%
    }
    .mdlext-cell--12-col,
    .mdlext-cell--12-col-desktop.mdlext-cell--12-col-desktop {
        width: calc(100% - 16px)
    }
    .mdlext-grid--no-spacing>.mdlext-cell--12-col,
    .mdlext-grid--no-spacing>.mdlext-cell--12-col-desktop.mdlext-cell--12-col-desktop {
        width: 100%
    }
    .mdlext-cell--1-offset,
    .mdlext-cell--1-offset-desktop.mdlext-cell--1-offset-desktop {
        margin-left: calc(8.33333% + 8px)
    }
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--1-offset,
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--1-offset-desktop.mdlext-cell--1-offset-desktop {
        margin-left: 8.33333%
    }
    .mdlext-cell--2-offset,
    .mdlext-cell--2-offset-desktop.mdlext-cell--2-offset-desktop {
        margin-left: calc(16.66667% + 8px)
    }
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--2-offset,
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--2-offset-desktop.mdlext-cell--2-offset-desktop {
        margin-left: 16.66667%
    }
    .mdlext-cell--3-offset,
    .mdlext-cell--3-offset-desktop.mdlext-cell--3-offset-desktop {
        margin-left: calc(25% + 8px)
    }
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--3-offset,
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--3-offset-desktop.mdlext-cell--3-offset-desktop {
        margin-left: 25%
    }
    .mdlext-cell--4-offset,
    .mdlext-cell--4-offset-desktop.mdlext-cell--4-offset-desktop {
        margin-left: calc(33.33333% + 8px)
    }
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--4-offset,
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--4-offset-desktop.mdlext-cell--4-offset-desktop {
        margin-left: 33.33333%
    }
    .mdlext-cell--5-offset,
    .mdlext-cell--5-offset-desktop.mdlext-cell--5-offset-desktop {
        margin-left: calc(41.66667% + 8px)
    }
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--5-offset,
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--5-offset-desktop.mdlext-cell--5-offset-desktop {
        margin-left: 41.66667%
    }
    .mdlext-cell--6-offset,
    .mdlext-cell--6-offset-desktop.mdlext-cell--6-offset-desktop {
        margin-left: calc(50% + 8px)
    }
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--6-offset,
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--6-offset-desktop.mdlext-cell--6-offset-desktop {
        margin-left: 50%
    }
    .mdlext-cell--7-offset,
    .mdlext-cell--7-offset-desktop.mdlext-cell--7-offset-desktop {
        margin-left: calc(58.33333% + 8px)
    }
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--7-offset,
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--7-offset-desktop.mdlext-cell--7-offset-desktop {
        margin-left: 58.33333%
    }
    .mdlext-cell--8-offset,
    .mdlext-cell--8-offset-desktop.mdlext-cell--8-offset-desktop {
        margin-left: calc(66.66667% + 8px)
    }
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--8-offset,
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--8-offset-desktop.mdlext-cell--8-offset-desktop {
        margin-left: 66.66667%
    }
    .mdlext-cell--9-offset,
    .mdlext-cell--9-offset-desktop.mdlext-cell--9-offset-desktop {
        margin-left: calc(75% + 8px)
    }
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--9-offset,
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--9-offset-desktop.mdlext-cell--9-offset-desktop {
        margin-left: 75%
    }
    .mdlext-cell--10-offset,
    .mdlext-cell--10-offset-desktop.mdlext-cell--10-offset-desktop {
        margin-left: calc(83.33333% + 8px)
    }
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--10-offset,
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--10-offset-desktop.mdlext-cell--10-offset-desktop {
        margin-left: 83.33333%
    }
    .mdlext-cell--11-offset,
    .mdlext-cell--11-offset-desktop.mdlext-cell--11-offset-desktop {
        margin-left: calc(91.66667% + 8px)
    }
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--11-offset,
    .mdlext-grid.mdlext-grid--no-spacing>.mdlext-cell--11-offset-desktop.mdlext-cell--11-offset-desktop {
        margin-left: 91.66667%
    }
}

ul.mdlext-lightboard {
    list-style: none
}

.mdlext-lightboard {
    margin: 0 auto;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: stretch;
    align-items: stretch
}

.mdlext-lightboard,
.mdlext-lightboard *,
.mdlext-lightboard :after,
.mdlext-lightboard :before,
.mdlext-lightboard input[type=search] {
    box-sizing: border-box
}

.mdlext-lightboard .mdlext-lightboard__slide {
    background-color: #f8f8f8;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    box-shadow: 2px 2px 6px -1px hsla(300, 5%, 85%, .5);
    position: relative;
    display: block;
    max-width: 250px
}

.mdlext-lightboard .mdlext-lightboard__slide:before {
    content: "";
    display: block;
    padding-top: 100%
}

.mdlext-lightboard .mdlext-lightboard__slide:active,
.mdlext-lightboard .mdlext-lightboard__slide:focus,
.mdlext-lightboard .mdlext-lightboard__slide:hover {
    border-color: #b8b8b8;
    background-color: #e8e8e8;
    box-shadow: 2px 2px 12px -1px #dbd7db
}

.mdlext-lightboard .mdlext-lightboard__slide:active figcaption,
.mdlext-lightboard .mdlext-lightboard__slide:focus figcaption,
.mdlext-lightboard .mdlext-lightboard__slide:hover figcaption {
    color: #000!important;
    background-color: hsla(0, 0%, 100%, .2)
}

.mdlext-lightboard .mdlext-lightboard__slide:focus {
    outline-offset: -2px;
    outline-color: inherit
}

.mdlext-lightboard .mdlext-lightboard__slide[aria-selected=true] {
    background-color: #e8e8e8
}

.mdlext-lightboard .mdlext-lightboard__slide[aria-selected=true] figcaption {
    color: #000!important;
    background-color: hsla(0, 0%, 100%, .2)
}

.mdlext-lightboard .mdlext-lightboard__slide__frame,
.mdlext-lightboard .mdlext-lightboard__slide__ripple-container {
    text-decoration: none;
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.mdlext-lightboard .mdlext-lightboard__slide__frame:focus,
.mdlext-lightboard .mdlext-lightboard__slide__ripple-container:focus {
    outline-offset: -2px;
    outline-color: inherit
}

.mdlext-lightboard .mdlext-lightboard__slide__frame .mdl-ripple,
.mdlext-lightboard .mdlext-lightboard__slide__ripple-container .mdl-ripple {
    background: #3f51b5
}

.mdlext-lightboard .mdlext-lightboard__slide__frame figure,
.mdlext-lightboard .mdlext-lightboard__slide__ripple-container figure {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.mdlext-lightboard .mdlext-lightboard__slide__frame figure img,
.mdlext-lightboard .mdlext-lightboard__slide__ripple-container figure img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    border-width: 0;
    border-radius: 3px
}

.mdlext-lightboard .mdlext-lightboard__slide__frame figure figcaption,
.mdlext-lightboard .mdlext-lightboard__slide__ripple-container figure figcaption {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    color: #bdbdbd;
    position: absolute;
    bottom: -2px;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    width: 100%;
    text-align: center;
    text-overflow: ellipsis;
    padding: 4px 0
}

.mdlext-lightboard .mdlext-lightboard__slide__frame:hover figcaption,
.mdlext-lightboard .mdlext-lightboard__slide__ripple-container:hover figcaption {
    color: #000!important;
    background-color: hsla(0, 0%, 100%, .2)
}

.mdlext-lightboard {
    padding: -1px
}

.mdlext-lightboard .mdlext-lightboard__slide {
    margin: 1px;
    width: calc(1 / 2 * 100% - 2px)
}

.mdlext-lightboard .mdlext-lightboard__slide .mdlext-lightboard__slide__frame figure {
    margin: 8px
}

.mdlext-lightboard.mdlext-lightboard--no-spacing {
    padding: 0
}

.mdlext-lightboard.mdlext-lightboard--no-spacing .mdlext-lightboard__slide {
    margin: 0;
    width: 50%
}

@media (min-width:480px) and (max-width:659px) {
    .mdlext-lightboard {
        padding: -2px
    }
    .mdlext-lightboard .mdlext-lightboard__slide {
        margin: 2px;
        width: calc(1 / 4 * 100% - 4px)
    }
    .mdlext-lightboard .mdlext-lightboard__slide .mdlext-lightboard__slide__frame figure {
        margin: 8px
    }
    .mdlext-lightboard.mdlext-lightboard--no-spacing {
        padding: 0
    }
    .mdlext-lightboard.mdlext-lightboard--no-spacing .mdlext-lightboard__slide {
        margin: 0;
        width: 25%
    }
}

@media (min-width:660px) and (max-width:839px) {
    .mdlext-lightboard {
        padding: -2px
    }
    .mdlext-lightboard .mdlext-lightboard__slide {
        margin: 2px;
        width: calc(1 / 5 * 100% - 4px)
    }
    .mdlext-lightboard .mdlext-lightboard__slide .mdlext-lightboard__slide__frame figure {
        margin: 8px
    }
    .mdlext-lightboard.mdlext-lightboard--no-spacing {
        padding: 0
    }
    .mdlext-lightboard.mdlext-lightboard--no-spacing .mdlext-lightboard__slide {
        margin: 0;
        width: 20%
    }
}

@media (min-width:840px) and (max-width:1199px) {
    .mdlext-lightboard {
        padding: -4px
    }
    .mdlext-lightboard .mdlext-lightboard__slide {
        margin: 4px;
        width: calc(1 / 6 * 100% - 8px)
    }
    .mdlext-lightboard .mdlext-lightboard__slide .mdlext-lightboard__slide__frame figure {
        margin: 12px
    }
    .mdlext-lightboard.mdlext-lightboard--no-spacing {
        padding: 0
    }
    .mdlext-lightboard.mdlext-lightboard--no-spacing .mdlext-lightboard__slide {
        margin: 0;
        width: 16.66667%
    }
}

@media (min-width:1200px) {
    .mdlext-lightboard {
        padding: -4px
    }
    .mdlext-lightboard .mdlext-lightboard__slide {
        margin: 4px;
        width: calc(1 / 7 * 100% - 8px)
    }
    .mdlext-lightboard .mdlext-lightboard__slide .mdlext-lightboard__slide__frame figure {
        margin: 12px
    }
    .mdlext-lightboard.mdlext-lightboard--no-spacing {
        padding: 0
    }
    .mdlext-lightboard.mdlext-lightboard--no-spacing .mdlext-lightboard__slide {
        margin: 0;
        width: 14.28571%
    }
}

.mdlext-lightbox {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    position: relative;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    border: 0;
    border-radius: 0;
    background-color: #fff;
    outline: 0;
    display: block
}

.mdlext-lightbox,
.mdlext-lightbox *,
.mdlext-lightbox :after,
.mdlext-lightbox :before,
.mdlext-lightbox input[type=search] {
    box-sizing: border-box
}

.mdlext-lightbox .mdlext-lightbox__slider {
    position: absolute;
    top: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.mdlext-lightbox .mdlext-lightbox__slider .mdlext-lightbox__slider__slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    text-align: left;
    color: #7f7f7f;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.mdlext-lightbox figure {
    margin: 0;
    padding: 0;
    position: relative
}

.mdlext-lightbox figure img {
    width: 100%;
    max-width: 100%;
    height: auto;
    border: 0;
    outline: 0
}

.mdlext-lightbox figure figcaption {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    height: auto;
    max-height: 50%;
    overflow: auto;
    padding: 8px;
    background-color: hsla(0, 0%, 100%, .76);
    transform-origin: bottom;
    transform: scaleY(0);
    transition: .2s ease-in-out
}

.mdlext-lightbox figure figcaption.mdlext-lightbox__show-figcaption {
    transform: scaleY(1)
}

.mdlext-lightbox figure figcaption tbody th {
    text-align: left
}

.mdlext-lightbox figure figcaption tbody td,
.mdlext-lightbox figure figcaption tbody th {
    vertical-align: text-top
}

.mdlext-lightbox .mdl-card__menu {
    color: #fff;
    z-index: 1
}

.mdlext-lightbox footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    background-color: hsla(0, 0%, 100%, .86)
}

.mdlext-lightbox footer .mdl-card__supporting-text {
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    padding: 0;
    height: 18px;
    width: 100%
}

.mdlext-lightbox footer nav {
    display: -ms-flexbox;
    display: flex
}

.mdlext-lightbox.mdlext-lightbox--sticky-footer footer {
    position: fixed;
    bottom: 0;
    left: 0
}

ul.mdlext-carousel {
    list-style: none
}

.mdlext-carousel {
    overflow: hidden;
    width: 100%;
    display: block;
    white-space: nowrap;
    font-size: 0;
    background-color: transparent
}

.mdlext-carousel,
.mdlext-carousel__slide {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    height: 100%
}

.mdlext-carousel__slide {
    display: inline-block;
    position: relative;
    outline: 0;
    border-top: 2px solid transparent
}

.mdlext-carousel__slide[aria-selected=true] figcaption,
.mdlext-carousel__slide[aria-selected] figcaption {
    color: #000!important;
    background-color: hsla(0, 0%, 100%, .25)
}

.mdlext-carousel__slide[aria-selected=true]:after,
.mdlext-carousel__slide[aria-selected]:after {
    height: 2px;
    width: 100%;
    display: block;
    content: " ";
    top: -2px;
    left: 0;
    position: absolute;
    background: #ff4081;
    animation: border-expand .2s cubic-bezier(.4, 0, .4, 1) .01s alternate forwards;
    transition: all 1s cubic-bezier(.4, 0, 1, 1)
}

.mdlext-carousel__slide a {
    text-decoration: none
}

.mdlext-carousel__slide figure {
    box-sizing: border-box;
    position: relative;
    height: 100%;
    margin: 0;
    padding: 0
}

.mdlext-carousel__slide figure img {
    box-sizing: border-box;
    max-height: 100%
}

.mdlext-carousel__slide figure figcaption {
    box-sizing: border-box;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    color: #bdbdbd;
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    width: 100%;
    text-align: center;
    text-overflow: ellipsis;
    padding: 4px 0
}

.mdlext-carousel__slide figure:hover figcaption {
    color: #000!important;
    background-color: hsla(0, 0%, 100%, .25)
}

.mdlext-carousel__slide .mdlext-carousel__slide__ripple-container {
    text-decoration: none;
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    outline: 0
}

.mdlext-carousel__slide .mdlext-carousel__slide__ripple-container .mdl-ripple {
    background: #3f51b5
}

.mdlext-selectfield {
    box-sizing: border-box;
    position: relative;
    font-size: 16px;
    display: inline-block;
    width: 300px;
    max-width: 100%;
    margin: 0;
    padding: 20px 0
}

.mdlext-selectfield .mdl-button {
    bottom: 20px;
    position: absolute
}

.mdlext-selectfield:after {
    border-top: .5em solid inherit;
    border-top-width: .5em;
    border-top-style: solid;
    border-top-color: inherit;
    border-left: .35em solid transparent;
    border-right: .35em solid transparent;
    position: absolute;
    right: .5em;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none
}

.mdlext-selectfield.is-disabled:after,
.mdlext-selectfield:after {
    content: "";
    width: 0;
    height: 0;
    font-size: inherit;
    line-height: inherit
}

.mdlext-selectfield.is-disabled:after {
    color: rgba(0, 0, 0, .12);
    border-top: .5em solid rgba(0, 0, 0, .12);
    border-top-width: .5em;
    border-top-style: solid;
    border-top-color: rgba(0, 0, 0, .12);
    border-left: .35em solid transparent;
    border-right: .35em solid transparent
}

.mdlext-selectfield--align-right {
    text-align: right
}

.mdlext-selectfield--full-width {
    width: 100%
}

.mdlext-selectfield--expandable {
    min-height: 32px;
    min-width: 32px;
    width: auto
}

.mdlext-selectfield__select {
    box-sizing: border-box;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    text-indent: .01px;
    text-overflow: "";
    outline: none;
    box-shadow: none;
    font-size: 16px;
    font-family: Helvetica, Arial, sans-serif;
    padding: 4px calc(1.2em + 4px) 4px 0;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    display: block;
    margin: 0;
    background: none;
    text-align: left;
    color: inherit
}

.mdlext-selectfield__select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

.mdlext-selectfield__select:focus::-ms-value {
    background-color: inherit;
    color: inherit
}

.mdlext-selectfield__select::-ms-expand {
    display: none
}

.mdlext-selectfield.is-focused .mdlext-selectfield__select {
    outline: none
}

.mdlext-selectfield.is-invalid .mdlext-selectfield__select {
    border-color: #d50000;
    box-shadow: none
}

.mdlext-selectfield.is-disabled .mdlext-selectfield__select,
fieldset[disabled] .mdlext-selectfield .mdlext-selectfield__select {
    border-bottom: 1px dotted rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .26);
    background-color: transparent
}

.mdlext-selectfield__select option {
    color: rgba(0, 0, 0, .87);
    box-sizing: border-box;
    background-color: inherit
}

.mdlext-selectfield__label {
    box-sizing: border-box;
    color: rgba(0, 0, 0, .26);
    font-size: 16px;
    top: 24px;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    position: absolute;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-align: left
}

.mdlext-selectfield.has-placeholder .mdlext-selectfield__label,
.mdlext-selectfield.is-dirty .mdlext-selectfield__label {
    visibility: hidden
}

.mdlext-selectfield--floating-label .mdlext-selectfield__label {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.mdlext-selectfield--floating-label.has-placeholder .mdlext-selectfield__label {
    transition: none
}

.mdlext-selectfield.is-disabled.is-disabled .mdlext-selectfield__label,
fieldset[disabled] .mdlext-selectfield .mdlext-selectfield__label {
    color: rgba(0, 0, 0, .26)
}

.mdlext-selectfield--floating-label.has-placeholder .mdlext-selectfield__label,
.mdlext-selectfield--floating-label.is-dirty.is-dirty .mdlext-selectfield__label,
.mdlext-selectfield--floating-label.is-focused .mdlext-selectfield__label {
    color: #3f51b5;
    font-size: 12px;
    top: 4px;
    visibility: visible
}

.mdlext-selectfield--floating-label.has-placeholder .mdlext-selectfield__expandable-holder .mdlext-selectfield__label,
.mdlext-selectfield--floating-label.is-dirty .mdlext-selectfield__expandable-holder .mdlext-selectfield__label,
.mdlext-selectfield--floating-label.is-focused .mdlext-selectfield__expandable-holder .mdlext-selectfield__label {
    top: -16px
}

.mdlext-selectfield--floating-label.is-invalid .mdlext-selectfield__label {
    color: #d50000;
    font-size: 12px
}

.mdlext-selectfield__label:after {
    background-color: #3f51b5;
    bottom: 20px;
    content: "";
    height: 2px;
    left: 45%;
    position: absolute;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    visibility: hidden;
    width: 10px
}

.mdlext-selectfield.is-focused .mdlext-selectfield__label:after {
    left: 0;
    visibility: visible;
    width: 100%
}

.mdlext-selectfield.is-invalid .mdlext-selectfield__label:after {
    background-color: #d50000
}

.mdlext-selectfield__error {
    color: #d50000;
    font-size: 12px;
    position: absolute;
    margin-top: 3px;
    visibility: hidden;
    display: block
}

.mdlext-selectfield.is-invalid .mdlext-selectfield__error {
    visibility: visible
}

.mdlext-selectfield__expandable-holder {
    display: inline-block;
    position: relative;
    margin-left: 32px;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    max-width: .1px
}

.mdlext-selectfield.is-dirty .mdlext-selectfield__expandable-holder,
.mdlext-selectfield.is-focused .mdlext-selectfield__expandable-holder {
    max-width: 600px
}

.mdlext-selectfield__expandable-holder .mdlext-selectfield__label:after {
    bottom: 0
}

.mdlext-menu-button {
    box-sizing: border-box;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
    text-transform: none;
    position: relative;
    height: 36px;
    padding: 0 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.mdlext-menu-button>* {
    margin: 0;
    padding: 0 0 0 8px
}

.mdlext-menu-button>:first-child {
    padding-left: 0
}

.mdlext-menu-button>:last-child:not(:only-child):not(.mdlext-menu__item__caption) {
    margin-left: auto
}

.mdlext-menu-button__caption {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2
}

.mdlext-menu,
.mdlext-menu__item {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex
}

.mdlext-menu {
    position: absolute;
    background: #fff;
    z-index: 1000;
    min-width: 124px;
    border-radius: 2px;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12);
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    overflow: hidden;
    overflow-y: auto
}

.mdlext-menu:focus {
    outline-offset: -1px;
    outline-width: 1px
}

.mdlext-menu[hidden] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    pointer-events: none
}

.mdlext-menu__item {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    color: rgba(0, 0, 0, .87);
    background-color: #fff;
    position: relative;
    padding: 0 16px 0 24px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-height: 40px;
    overflow: hidden
}

.mdlext-menu__item[aria-selected=true] {
    background-color: #e0e0e0
}

.mdlext-menu__item[aria-selected=true]:before {
    content: "\2713";
    position: absolute;
    font-size: 1.4em;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none
}

.mdlext-menu__item:hover:not([disabled]) {
    background-color: #eee
}

.mdlext-menu__item:focus {
    outline-offset: -2px;
    outline-width: 1px;
    outline-color: #bdbdbd;
    background-color: #eee
}

.mdlext-menu__item::-moz-focus-inner {
    border: 0
}

.mdlext-menu__item[disabled] {
    color: #bdbdbd;
    background-color: transparent;
    cursor: auto;
    pointer-events: none
}

.mdlext-menu__item[disabled]>* {
    color: #bdbdbd
}

.mdlext-menu__item__caption {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mdlext-menu__item>* {
    margin: 0;
    padding: 0 0 0 8px
}

.mdlext-menu__item>:first-child {
    padding-left: 0
}

.mdlext-menu__item>:last-child:not(:only-child):not(.mdlext-menu__item__caption) {
    margin-left: auto
}

.mdlext-menu__item-separator {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.mdlext-bordered-fields,
.mdlext-bordered-fields * {
    box-sizing: border-box
}

.mdlext-bordered-fields .mdl-textfield,
.mdlext-bordered-fields .mdlext-selectfield {
    padding: 0;
    margin: 0 0 20px
}

.mdlext-bordered-fields .mdl-textfield .mdl-textfield__input,
.mdlext-bordered-fields .mdl-textfield .mdlext-selectfield__select,
.mdlext-bordered-fields .mdlext-selectfield .mdl-textfield__input,
.mdlext-bordered-fields .mdlext-selectfield .mdlext-selectfield__select {
    height: 46px;
    background-color: hsla(0, 0%, 100%, .2);
    border: 1px solid rgba(0, 0, 0, .26);
    border-radius: 3px;
    padding: 20px 8px 4px;
    font-size: 16px;
    font-weight: 400;
    color: inherit
}

.mdlext-bordered-fields .mdl-textfield .mdl-textfield__input:disabled,
.mdlext-bordered-fields .mdl-textfield .mdlext-selectfield__select:disabled,
.mdlext-bordered-fields .mdlext-selectfield .mdl-textfield__input:disabled,
.mdlext-bordered-fields .mdlext-selectfield .mdlext-selectfield__select:disabled {
    color: rgba(0, 0, 0, .12);
    background-color: hsla(0, 0%, 100%, .2);
    border-color: rgba(0, 0, 0, .12)
}

.mdlext-bordered-fields .mdl-textfield .mdl-textfield__input:focus,
.mdlext-bordered-fields .mdl-textfield .mdlext-selectfield__select:focus,
.mdlext-bordered-fields .mdlext-selectfield .mdl-textfield__input:focus,
.mdlext-bordered-fields .mdlext-selectfield .mdlext-selectfield__select:focus {
    background-color: hsla(0, 0%, 93%, .2);
    border-color: #3f51b5
}

.mdlext-bordered-fields .mdl-textfield .mdlext-selectfield__select,
.mdlext-bordered-fields .mdlext-selectfield .mdlext-selectfield__select {
    padding-right: calc(1em + 8px)
}

.mdlext-bordered-fields .mdl-textfield.is-invalid .mdl-textfield__input,
.mdlext-bordered-fields .mdl-textfield.is-invalid .mdlext-selectfield__select,
.mdlext-bordered-fields .mdlext-selectfield.is-invalid .mdl-textfield__input,
.mdlext-bordered-fields .mdlext-selectfield.is-invalid .mdlext-selectfield__select {
    color: inherit;
    border-color: #d50000;
    background-color: hsla(0, 100%, 92%, .5)
}

.mdlext-bordered-fields .mdl-textfield.is-invalid .mdl-textfield__input:focus,
.mdlext-bordered-fields .mdl-textfield.is-invalid .mdlext-selectfield__select:focus,
.mdlext-bordered-fields .mdlext-selectfield.is-invalid .mdl-textfield__input:focus,
.mdlext-bordered-fields .mdlext-selectfield.is-invalid .mdlext-selectfield__select:focus {
    border-color: #a20000;
    background-color: hsla(0, 100%, 92%, .5)
}

.mdlext-bordered-fields .mdlext-selectfield:after {
    top: auto;
    bottom: 4px
}

.mdlext-bordered-fields .mdlext-selectfield.is-disabled:after,
.mdlext-bordered-fields fieldset[disabled] .mdlext-selectfield:after {
    color: rgba(0, 0, 0, .12);
    content: "";
    width: 0;
    height: 0;
    font-size: inherit;
    line-height: inherit;
    border-top: .5em solid rgba(0, 0, 0, .12);
    border-top-width: .5em;
    border-top-style: solid;
    border-top-color: rgba(0, 0, 0, .12);
    border-left: .35em solid transparent;
    border-right: .35em solid transparent
}

.mdlext-bordered-fields fieldset[disabled] .mdl-textfield .mdl-textfield__input,
.mdlext-bordered-fields fieldset[disabled] .mdlext-selectfield .mdlext-selectfield__select {
    color: rgba(0, 0, 0, .12);
    background-color: hsla(0, 0%, 100%, .2);
    border-color: rgba(0, 0, 0, .12)
}

.mdlext-bordered-fields .mdl-textfield.has-placeholder .mdl-textfield__label,
.mdlext-bordered-fields .mdl-textfield.has-placeholder .mdlext-selectfield__label,
.mdlext-bordered-fields .mdl-textfield.is-dirty .mdl-textfield__label,
.mdlext-bordered-fields .mdl-textfield.is-dirty .mdlext-selectfield__label,
.mdlext-bordered-fields .mdlext-selectfield.has-placeholder .mdl-textfield__label,
.mdlext-bordered-fields .mdlext-selectfield.has-placeholder .mdlext-selectfield__label,
.mdlext-bordered-fields .mdlext-selectfield.is-dirty .mdl-textfield__label,
.mdlext-bordered-fields .mdlext-selectfield.is-dirty .mdlext-selectfield__label {
    visibility: hidden
}

.mdlext-bordered-fields .mdl-textfield .mdl-textfield__label,
.mdlext-bordered-fields .mdl-textfield .mdlext-selectfield__label,
.mdlext-bordered-fields .mdlext-selectfield .mdl-textfield__label,
.mdlext-bordered-fields .mdlext-selectfield .mdlext-selectfield__label {
    color: rgba(0, 0, 0, .26);
    font-size: 16px;
    font-weight: 400;
    padding-left: 8px;
    top: auto;
    bottom: 4px
}

.mdlext-bordered-fields .mdl-textfield .mdl-textfield__label:after,
.mdlext-bordered-fields .mdl-textfield .mdlext-selectfield__label:after,
.mdlext-bordered-fields .mdlext-selectfield .mdl-textfield__label:after,
.mdlext-bordered-fields .mdlext-selectfield .mdlext-selectfield__label:after {
    background-color: transparent!important;
    visibility: hidden!important
}

.mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label,
.mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.has-placeholder .mdlext-selectfield__label,
.mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-dirty.is-dirty .mdl-textfield__label,
.mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-dirty.is-dirty .mdlext-selectfield__label,
.mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-focused.is-focused .mdl-textfield__label,
.mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-focused.is-focused .mdlext-selectfield__label,
.mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.has-placeholder .mdl-textfield__label,
.mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.has-placeholder .mdlext-selectfield__label,
.mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-dirty.is-dirty .mdl-textfield__label,
.mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-dirty.is-dirty .mdlext-selectfield__label,
.mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-focused.is-focused .mdl-textfield__label,
.mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-focused.is-focused .mdlext-selectfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.has-placeholder .mdlext-selectfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-dirty.is-dirty .mdl-textfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-dirty.is-dirty .mdlext-selectfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-focused.is-focused .mdl-textfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-focused.is-focused .mdlext-selectfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.has-placeholder .mdl-textfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.has-placeholder .mdlext-selectfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-dirty.is-dirty .mdl-textfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-dirty.is-dirty .mdlext-selectfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-focused.is-focused .mdl-textfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-focused.is-focused .mdlext-selectfield__label {
    color: #3f51b5;
    font-size: 12px;
    font-weight: 400;
    top: auto;
    bottom: 24px;
    visibility: visible
}

.mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-disabled.is-disabled .mdl-textfield__label,
.mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-disabled.is-disabled .mdlext-selectfield__label,
.mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-disabled.is-disabled .mdl-textfield__label,
.mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-disabled.is-disabled .mdlext-selectfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-disabled.is-disabled .mdl-textfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-disabled.is-disabled .mdlext-selectfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-disabled.is-disabled .mdl-textfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-disabled.is-disabled .mdlext-selectfield__label {
    color: rgba(0, 0, 0, .12)
}

.mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-invalid.is-invalid .mdl-textfield__label,
.mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-invalid.is-invalid .mdlext-selectfield__label,
.mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-invalid.is-invalid .mdl-textfield__label,
.mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-invalid.is-invalid .mdlext-selectfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-invalid.is-invalid .mdl-textfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-invalid.is-invalid .mdlext-selectfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-invalid.is-invalid .mdl-textfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-invalid.is-invalid .mdlext-selectfield__label {
    color: #d50000
}

.mdlext-bordered-fields fieldset[disabled] .mdl-selectfield .mdl-selectfield__label,
.mdlext-bordered-fields fieldset[disabled] .mdl-textfield .mdl-textfield__label {
    color: rgba(0, 0, 0, .12)
}

.mdlext-bordered-fields .mdl-textfield.mdlext-bordered-fields__icon-left>.mdl-button,
.mdlext-bordered-fields .mdl-textfield.mdlext-bordered-fields__icon-left>i,
.mdlext-bordered-fields .mdl-textfield.mdlext-bordered-fields__icon-right>.mdl-button,
.mdlext-bordered-fields .mdl-textfield.mdlext-bordered-fields__icon-right>i,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-bordered-fields__icon-left>.mdl-button,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-bordered-fields__icon-left>i,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-bordered-fields__icon-right>.mdl-button,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-bordered-fields__icon-right>i {
    position: absolute;
    bottom: 2px
}

.mdlext-bordered-fields .mdl-textfield.mdlext-bordered-fields__icon-left>i,
.mdlext-bordered-fields .mdl-textfield.mdlext-bordered-fields__icon-right>i,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-bordered-fields__icon-left>i,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-bordered-fields__icon-right>i {
    bottom: 6px
}

.mdlext-bordered-fields .mdl-textfield.mdlext-bordered-fields__icon-left>.mdl-button:first-child,
.mdlext-bordered-fields .mdl-textfield.mdlext-bordered-fields__icon-left>i:first-child,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-bordered-fields__icon-left>.mdl-button:first-child,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-bordered-fields__icon-left>i:first-child {
    left: 4px
}

.mdlext-bordered-fields .mdl-textfield.mdlext-bordered-fields__icon-left>.mdl-button~.mdl-textfield__input,
.mdlext-bordered-fields .mdl-textfield.mdlext-bordered-fields__icon-left>.mdl-button~.mdlext-selectfield__select,
.mdlext-bordered-fields .mdl-textfield.mdlext-bordered-fields__icon-left>i~.mdl-textfield__input,
.mdlext-bordered-fields .mdl-textfield.mdlext-bordered-fields__icon-left>i~.mdlext-selectfield__select,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-bordered-fields__icon-left>.mdl-button~.mdl-textfield__input,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-bordered-fields__icon-left>.mdl-button~.mdlext-selectfield__select,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-bordered-fields__icon-left>i~.mdl-textfield__input,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-bordered-fields__icon-left>i~.mdlext-selectfield__select {
    padding-left: 32px
}

.mdlext-bordered-fields .mdl-textfield.mdlext-bordered-fields__icon-left>.mdl-button~.mdl-textfield__label,
.mdlext-bordered-fields .mdl-textfield.mdlext-bordered-fields__icon-left>.mdl-button~.mdlext-selectfield__label,
.mdlext-bordered-fields .mdl-textfield.mdlext-bordered-fields__icon-left>i~.mdl-textfield__label,
.mdlext-bordered-fields .mdl-textfield.mdlext-bordered-fields__icon-left>i~.mdlext-selectfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-bordered-fields__icon-left>.mdl-button~.mdl-textfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-bordered-fields__icon-left>.mdl-button~.mdlext-selectfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-bordered-fields__icon-left>i~.mdl-textfield__label,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-bordered-fields__icon-left>i~.mdlext-selectfield__label {
    left: 24px
}

.mdlext-bordered-fields .mdl-textfield.mdlext-bordered-fields__icon-right>.mdl-textfield__input,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-bordered-fields__icon-right>.mdl-textfield__input {
    padding-right: 32px
}

.mdlext-bordered-fields .mdl-textfield.mdlext-bordered-fields__icon-right>.mdl-button:last-child,
.mdlext-bordered-fields .mdl-textfield.mdlext-bordered-fields__icon-right>i:last-child,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-bordered-fields__icon-right>.mdl-button:last-child,
.mdlext-bordered-fields .mdlext-selectfield.mdlext-bordered-fields__icon-right>i:last-child {
    left: auto;
    right: 4px
}

.mdlext-bordered-fields .mdl-textfield.is-disabled .mdl-button,
.mdlext-bordered-fields .mdl-textfield.is-disabled i,
.mdlext-bordered-fields .mdlext-selectfield.is-disabled .mdl-button,
.mdlext-bordered-fields .mdlext-selectfield.is-disabled i,
.mdlext-bordered-fields fieldset[disabled] .mdl-textfield .mdl-button,
.mdlext-bordered-fields fieldset[disabled] .mdl-textfield i,
.mdlext-bordered-fields fieldset[disabled] .mdlext-selectfield .mdl-button,
.mdlext-bordered-fields fieldset[disabled] .mdlext-selectfield i {
    color: rgba(0, 0, 0, .12);
    pointer-events: none
}

.mdlext-collapsible {
    cursor: pointer
}

.mdlext-collapsible,
.mdlext-collapsible-group,
.mdlext-collapsible-region {
    box-sizing: border-box
}

.mdlext-collapsible-group[hidden],
.mdlext-collapsible-region[hidden] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    pointer-events: none
}

.mdlext-aria-toggle-plus-minus {
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-size: 1.4em;
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -webkit-font-feature-settings: "liga";
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga"
}

.mdlext-aria-toggle-plus-minus:after {
    content: "+";
    margin-left: 0
}

[aria-expanded=true]>.mdlext-aria-toggle-plus-minus:after {
    content: "-";
    margin-left: 0
}

.mdlext-aria-toggle-material-icons {
    font-family: Material Icons;
    font-weight: inherit;
    font-style: inherit;
    font-size: 1.3em;
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -webkit-font-feature-settings: "liga";
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga"
}

.mdlext-aria-toggle-material-icons:after {
    content: "expand_more";
    margin-left: -8px
}

[aria-expanded=true]>.mdlext-aria-toggle-material-icons:after {
    content: "expand_less";
    margin-left: -8px
}

.mdlext-accordion {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex
}

.mdlext-accordion,
.mdlext-accordion * {
    box-sizing: border-box
}

.mdlext-accordion__panel {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.mdlext-accordion__panel,
.mdlext-accordion__tab {
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex
}

.mdlext-accordion__tab {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 300 !important;
    line-height: 1;
    letter-spacing: .02em;
    font-weight: 400;
    line-height: 1.1;
    margin: 0;
    padding: 0px 20px 0px 20px !important;
    min-width: 56px;
    min-height: 56px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #000;
    background-color: hsla(0, 0%, 62%, .2);
    cursor: pointer
}

.mdlext-accordion__tab:focus {
    outline-offset: -2px;
    outline-color: invert;
    outline-width: 2px
}

.mdlext-accordion__tab[aria-expanded=true] {
    background-color: hsla(0, 0%, 62%, .3)
}

.mdlext-accordion__tab[aria-selected=true] {
    background-color: hsla(0, 0%, 62%, .4)
}

.mdlext-accordion__tab[disabled] {
    background-color: hsla(0, 0%, 62%, .12);
    color: rgba(0, 0, 0, .26);
    pointer-events: none
}

.mdlext-accordion__tab[disabled]>* {
    color: rgba(0, 0, 0, .26)
}

.mdlext-accordion__tab:hover:not([disabled]) {
    background-color: hsla(0, 0%, 62%, .4)
}

.mdlext-accordion__tab>* {
    margin: 0;
    padding: 0
}

.mdlext-accordion__tab__caption {
    padding-left: 8px;
    padding-right: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mdlext-accordion__tab>:first-child {
    padding-left: 0
}

.mdlext-accordion__tab--ripple[aria-selected=true]:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: hsla(0, 0%, 100%, .5);
    opacity: 0;
    border-radius: 100%;
    transform: scale(1) translate(-50%);
    transform-origin: 50% 50%
}

.mdlext-accordion__tab--ripple[aria-selected=true]:focus:not(:active):before {
    animation: mdlext-accordion-tab-ripple 1s cubic-bezier(.4, 0, .4, 1) .01s alternate forwards
}

.mdlext-accordion__tabpanel {
    box-sizing: border-box;
    margin: 0;
    padding: 0 8px;
    color: inherit;
    background-color: transparent;
    display: block;
    overflow: auto;
    -ms-flex-positive: 1;
    flex-grow: 1
}

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

.mdlext-accordion--vertical {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.mdlext-accordion--vertical .mdlext-accordion__panel {
    min-height: 56px;
    -ms-flex-direction: column;
    flex-direction: column
}

.mdlext-accordion--vertical .mdlext-accordion__tab {
    height: 56px;
    border-top: 1px solid hsla(0, 0%, 62%, .5);
    padding-left: 8px;
    padding-right: 8px
}

.mdlext-accordion--vertical .mdlext-accordion__tab[aria-selected=true]:after {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    display: block;
    content: " ";
    background-color: hsla(0, 0%, 59%, .5);
    animation: border-expand .2s cubic-bezier(.4, 0, .4, 1) .01s alternate forwards;
    transition: all 1s cubic-bezier(.4, 0, 1, 1)
}

.mdlext-accordion--vertical .mdlext-accordion__tab>* {
    padding-left: 8px
}

.mdlext-accordion--vertical .mdlext-accordion__tab>:first-child {
    padding-left: 0
}

.mdlext-accordion--vertical .mdlext-accordion__tab>:last-child:not(:only-child):not(.mdlext-accordion__tab__caption) {
    margin-left: auto
}

.mdlext-accordion--vertical .mdlext-accordion__tab--ripple[aria-selected=true]:before {
    width: 5%;
    height: 10%
}

.mdlext-accordion--vertical .mdlext-accordion__tabpanel {
    border-top: 1px solid hsla(0, 0%, 62%, .5)
}

.mdlext-accordion--vertical .mdlext-accordion__tabpanel--animation {
    transform: scaleY(1);
    animation: mdlext-accordion-show-tabpanel-y .2s ease-in-out
}

.mdlext-accordion--vertical .mdlext-accordion__tabpanel--animation[hidden] {
    transform: scaleY(0);
    animation: mdlext-accordion-hide-tabpanel-y .2s ease-out;
    animation-delay: .1s
}

.mdlext-accordion--horizontal .mdlext-accordion__panel {
    min-width: 56px;
    width: 56px
}

.mdlext-accordion--horizontal[aria-multiselectable=true] .mdlext-accordion__panel.is-expanded {
    width: 100%
}

.mdlext-accordion--horizontal .mdlext-accordion__tab {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 56px;
    white-space: nowrap;
    border-left: 1px solid hsla(0, 0%, 62%, .5)
}

.mdlext-accordion--horizontal .mdlext-accordion__tab[aria-selected=true]:after {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 1px;
    display: block;
    content: " ";
    background-color: hsla(0, 0%, 59%, .5)
}

.mdlext-accordion--horizontal .mdlext-accordion__tab>* {
    transform: rotate(-90deg) translateX(8px)
}

.mdlext-accordion--horizontal .mdlext-accordion__tab>:last-child:not(:only-child):not(.mdlext-accordion__tab__caption) {
    margin-bottom: auto;
    transform: rotate(-90deg) translateX(0)
}

.mdlext-accordion--horizontal .mdlext-accordion__tab__caption {
    transform: rotate(-90deg) translateX(50%);
    padding-right: 16px
}

.mdlext-accordion--horizontal .mdlext-accordion__tab--ripple[aria-selected=true]:before {
    width: 10%;
    height: 5%
}

.mdlext-accordion--horizontal .mdlext-accordion__tabpanel {
    border-left: 1px solid hsla(0, 0%, 62%, .5)
}

.mdlext-accordion--horizontal .mdlext-accordion__tabpanel--animation {
    transform: scaleX(1);
    animation: mdlext-accordion-show-tabpanel-x .2s ease-in-out
}

.mdlext-accordion--horizontal .mdlext-accordion__tabpanel--animation[hidden] {
    transform: scaleX(0);
    animation: mdlext-accordion-hide-tabpanel-x .2s ease-out
}

.mdlext-accordion__panel:first-child>.mdlext-accordion__tab {
    border-top-color: transparent;
    border-left-color: transparent
}

.mdlext-accordion[aria-multiselectable=false] .mdlext-accordion__panel.is-expanded {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.mdlext-accordion[disabled] * {
    pointer-events: none
}

.mdlext-accordion[disabled] .mdlext-accordion__tab {
    background-color: hsla(0, 0%, 62%, .12);
    color: rgba(0, 0, 0, .26)
}

.mdlext-accordion[disabled] .mdlext-accordion__tab>* {
    color: rgba(0, 0, 0, .26)
}

.mdlext-accordion[disabled] .mdlext-accordion__tabpanel {
    opacity: .8;
    filter: blur(1px) grayscale(80%)
}

@keyframes mdlext-accordion-tab-ripple {
    0% {
        transform: scale(0);
        opacity: 1
    }
    20% {
        transform: scale(25);
        opacity: 1
    }
    to {
        opacity: 0;
        transform: scale(40)
    }
}

@keyframes mdlext-accordion-show-tabpanel-y {
    0% {
        transform: scaleY(0)
    }
    60% {
        transform: scaleY(1.01)
    }
    80% {
        transform: scaleY(.98)
    }
    to {
        transform: scaleY(1)
    }
}

@keyframes mdlext-accordion-hide-tabpanel-y {
    0% {
        transform: scaleY(1)
    }
    60% {
        transform: scaleY(.98)
    }
    80% {
        transform: scaleY(1.01)
    }
    to {
        transform: scaleY(0)
    }
}

@keyframes mdlext-accordion-show-tabpanel-x {
    0% {
        transform: scaleX(0)
    }
    60% {
        transform: scaleX(1.01)
    }
    80% {
        transform: scaleX(.98)
    }
    to {
        transform: scaleX(1)
    }
}

@keyframes mdlext-accordion-hide-tabpanel-x {
    0% {
        transform: scaleX(1)
    }
    60% {
        transform: scaleX(.98)
    }
    80% {
        transform: scaleX(1.01)
    }
    to {
        transform: scaleX(0)
    }
}

.mdlext-light-color-theme {
    background-color: #fafafa;
    color: rgba(0, 0, 0, .87)
}

.mdlext-light-color-theme a {
    outline-color: inherit
}

.mdlext-light-color-theme .mdl-color--primary {
    background-color: #4caf50!important
}

.mdlext-light-color-theme .mdl-color--primary-contrast {
    background-color: #c8e6c9!important
}

.mdlext-light-color-theme .mdl-color--primary-dark {
    background-color: #388e3c!important
}

.mdlext-light-color-theme .mdl-color--accent {
    background-color: #e040fb!important
}

.mdlext-light-color-theme .mdl-color--accent-contrast {
    background-color: #fafafa!important
}

.mdlext-light-color-theme .mdl-color-text--primary {
    color: #4caf50!important
}

.mdlext-light-color-theme .mdl-color-text--primary-contrast {
    color: #c8e6c9!important
}

.mdlext-light-color-theme .mdl-color-text--primary-dark {
    color: #388e3c!important
}

.mdlext-light-color-theme .mdl-color-text--accent {
    color: #e040fb!important
}

.mdlext-light-color-theme .mdl-color-text--accent-contrast {
    color: #fafafa!important
}

.mdlext-light-color-theme a {
    color: #e040fb
}

.mdlext-light-color-theme .mdl-badge[data-badge]:after {
    background: #e040fb;
    color: #fafafa
}

.mdlext-light-color-theme .mdl-badge.mdl-badge--no-background[data-badge]:after {
    color: #e040fb;
    background: #fafafa
}

.mdlext-light-color-theme .mdl-button {
    background: transparent;
    color: #000
}

.mdlext-light-color-theme .mdl-button:hover {
    background-color: hsla(0, 0%, 62%, .2)
}

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

.mdlext-light-color-theme .mdl-button:active {
    background-color: hsla(0, 0%, 62%, .4)
}

.mdlext-light-color-theme .mdl-button.mdl-button--colored {
    color: #4caf50
}

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

.mdlext-light-color-theme .mdl-button--raised {
    background: hsla(0, 0%, 62%, .2)
}

.mdlext-light-color-theme .mdl-button--raised:active,
.mdlext-light-color-theme .mdl-button--raised:focus:not(:active) {
    background-color: hsla(0, 0%, 62%, .4)
}

.mdlext-light-color-theme .mdl-button--raised.mdl-button--colored {
    background: #4caf50;
    color: #c8e6c9
}

.mdlext-light-color-theme .mdl-button--raised.mdl-button--colored:active,
.mdlext-light-color-theme .mdl-button--raised.mdl-button--colored:focus:not(:active),
.mdlext-light-color-theme .mdl-button--raised.mdl-button--colored:hover {
    background-color: #3d8b40
}

.mdlext-light-color-theme .mdl-button--raised.mdl-button--colored .mdl-ripple {
    background: #c8e6c9
}

.mdlext-light-color-theme .mdl-button--fab {
    background: hsla(0, 0%, 62%, .2)
}

.mdlext-light-color-theme .mdl-button--fab:active,
.mdlext-light-color-theme .mdl-button--fab:focus:not(:active) {
    background-color: hsla(0, 0%, 62%, .4)
}

.mdlext-light-color-theme .mdl-button--fab.mdl-button--colored {
    background: #e040fb;
    color: #fafafa
}

.mdlext-light-color-theme .mdl-button--fab.mdl-button--colored:active,
.mdlext-light-color-theme .mdl-button--fab.mdl-button--colored:focus:not(:active),
.mdlext-light-color-theme .mdl-button--fab.mdl-button--colored:hover {
    background-color: #e040fb
}

.mdlext-light-color-theme .mdl-button--fab.mdl-button--colored .mdl-ripple {
    background: #fafafa
}

.mdlext-light-color-theme .mdl-button--icon {
    color: inherit
}

.mdlext-light-color-theme .mdl-button--primary.mdl-button--primary {
    color: #4caf50
}

.mdlext-light-color-theme .mdl-button--primary.mdl-button--primary .mdl-ripple {
    background: #c8e6c9
}

.mdlext-light-color-theme .mdl-button--primary.mdl-button--primary.mdl-button--fab,
.mdlext-light-color-theme .mdl-button--primary.mdl-button--primary.mdl-button--raised {
    color: #c8e6c9;
    background-color: #4caf50
}

.mdlext-light-color-theme .mdl-button--accent.mdl-button--accent {
    color: #e040fb
}

.mdlext-light-color-theme .mdl-button--accent.mdl-button--accent .mdl-ripple {
    background: #fafafa
}

.mdlext-light-color-theme .mdl-button--accent.mdl-button--accent.mdl-button--fab,
.mdlext-light-color-theme .mdl-button--accent.mdl-button--accent.mdl-button--raised {
    color: #fafafa;
    background-color: #e040fb
}

.mdlext-light-color-theme .mdl-button.mdl-button--disabled.mdl-button--disabled,
.mdlext-light-color-theme .mdl-button[disabled][disabled] {
    color: rgba(0, 0, 0, .26);
    background-color: transparent
}

.mdlext-light-color-theme .mdl-button--fab.mdl-button--disabled.mdl-button--disabled,
.mdlext-light-color-theme .mdl-button--fab[disabled][disabled],
.mdlext-light-color-theme .mdl-button--raised.mdl-button--disabled.mdl-button--disabled,
.mdlext-light-color-theme .mdl-button--raised[disabled][disabled] {
    background-color: rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .26)
}

.mdlext-light-color-theme .mdl-button--colored.mdl-button--disabled.mdl-button--disabled,
.mdlext-light-color-theme .mdl-button--colored[disabled][disabled] {
    color: rgba(0, 0, 0, .26)
}

.mdlext-light-color-theme .mdl-slider.is-upgraded {
    background: transparent;
    color: #e040fb
}

.mdlext-light-color-theme .mdl-slider.is-upgraded::-webkit-slider-runnable-track {
    background: transparent
}

.mdlext-light-color-theme .mdl-slider.is-upgraded::-moz-range-track {
    background: transparent
}

.mdlext-light-color-theme .mdl-slider.is-upgraded::-ms-track {
    background: none;
    color: transparent
}

.mdlext-light-color-theme .mdl-slider.is-upgraded::-ms-fill-lower {
    background: linear-gradient(90deg, transparent, transparent 16px, #e040fb 0, #e040fb 0)
}

.mdlext-light-color-theme .mdl-slider.is-upgraded::-ms-fill-upper {
    background: linear-gradient(270deg, transparent, transparent 16px, rgba(0, 0, 0, .26) 0, rgba(0, 0, 0, .26) 0)
}

.mdlext-light-color-theme .mdl-slider.is-upgraded::-webkit-slider-thumb {
    background: #e040fb
}

.mdlext-light-color-theme .mdl-slider.is-upgraded::-moz-range-thumb {
    background: #e040fb
}

.mdlext-light-color-theme .mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb {
    box-shadow: 0 0 0 10px rgba(224, 64, 251, .26)
}

.mdlext-light-color-theme .mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
    box-shadow: 0 0 0 10px rgba(224, 64, 251, .26)
}

.mdlext-light-color-theme .mdl-slider.is-upgraded:active::-webkit-slider-thumb {
    background: #e040fb
}

.mdlext-light-color-theme .mdl-slider.is-upgraded:active::-moz-range-thumb {
    background: #e040fb
}

.mdlext-light-color-theme .mdl-slider.is-upgraded::-ms-thumb {
    background: #e040fb
}

.mdlext-light-color-theme .mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {
    background: radial-gradient(circle closest-side, #e040fb 0, #e040fb 37.5%, rgba(224, 64, 251, .26) 0, rgba(224, 64, 251, .26) 100%)
}

.mdlext-light-color-theme .mdl-slider.is-upgraded:active::-ms-thumb {
    background: #e040fb
}

.mdlext-light-color-theme .mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb {
    border-color: #e040fb;
    background: transparent
}

.mdlext-light-color-theme .mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb {
    border-color: rgba(0, 0, 0, .26);
    background: transparent
}

.mdlext-light-color-theme .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, .12);
    background: rgba(0, 0, 0, .12)
}

.mdlext-light-color-theme .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, .12);
    background: rgba(0, 0, 0, .12)
}

.mdlext-light-color-theme .mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb {
    border-color: rgba(0, 0, 0, .26)
}

.mdlext-light-color-theme .mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb {
    border-color: rgba(0, 0, 0, .26)
}

.mdlext-light-color-theme .mdl-slider.is-upgraded.is-lowest-value::-ms-thumb {
    background: radial-gradient(circle closest-side, transparent 0, transparent 66.67%, rgba(0, 0, 0, .26) 0, rgba(0, 0, 0, .26) 100%)
}

.mdlext-light-color-theme .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb {
    background: radial-gradient(circle closest-side, rgba(0, 0, 0, .12) 0, rgba(0, 0, 0, .12) 25%, rgba(0, 0, 0, .26) 0, rgba(0, 0, 0, .26) 37.5%, rgba(0, 0, 0, .12) 0, rgba(0, 0, 0, .12) 100%)
}

.mdlext-light-color-theme .mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb {
    background: radial-gradient(circle closest-side, transparent 0, transparent 77.78%, rgba(0, 0, 0, .26) 0, rgba(0, 0, 0, .26) 100%)
}

.mdlext-light-color-theme .mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower {
    background: transparent
}

.mdlext-light-color-theme .mdl-slider.is-upgraded:disabled::-webkit-slider-thumb,
.mdlext-light-color-theme .mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb,
.mdlext-light-color-theme .mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb {
    background: rgba(0, 0, 0, .26)
}

.mdlext-light-color-theme .mdl-slider.is-upgraded:disabled::-moz-range-thumb,
.mdlext-light-color-theme .mdl-slider.is-upgraded:disabled:active::-moz-range-thumb,
.mdlext-light-color-theme .mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb {
    background: rgba(0, 0, 0, .26)
}

.mdlext-light-color-theme .mdl-slider.is-upgraded:disabled+.mdl-slider__background-flex>.mdl-slider__background-lower {
    background-color: rgba(0, 0, 0, .26)
}

.mdlext-light-color-theme .mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb,
.mdlext-light-color-theme .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb,
.mdlext-light-color-theme .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb {
    border-color: rgba(0, 0, 0, .26);
    background: transparent
}

.mdlext-light-color-theme .mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb,
.mdlext-light-color-theme .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb,
.mdlext-light-color-theme .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb {
    border-color: rgba(0, 0, 0, .26);
    background: transparent
}

.mdlext-light-color-theme .mdl-slider.is-upgraded:disabled::-ms-thumb,
.mdlext-light-color-theme .mdl-slider.is-upgraded:disabled:active::-ms-thumb,
.mdlext-light-color-theme .mdl-slider.is-upgraded:disabled:focus::-ms-thumb {
    background: rgba(0, 0, 0, .26)
}

.mdlext-light-color-theme .mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb,
.mdlext-light-color-theme .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb,
.mdlext-light-color-theme .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb {
    background: radial-gradient(circle closest-side, transparent 0, transparent 50%, rgba(0, 0, 0, .26) 0, rgba(0, 0, 0, .26) 100%)
}

.mdlext-light-color-theme .mdl-slider.is-upgraded:disabled::-ms-fill-lower {
    background: linear-gradient(90deg, transparent, transparent 25px, rgba(0, 0, 0, .26) 0, rgba(0, 0, 0, .26) 0)
}

.mdlext-light-color-theme .mdl-slider__background-flex {
    background: transparent
}

.mdlext-light-color-theme .mdl-slider__background-lower {
    background: #e040fb
}

.mdlext-light-color-theme .mdl-slider__background-upper {
    background: rgba(0, 0, 0, .26)
}

.mdlext-light-color-theme .mdl-textfield__input {
    border-bottom-color: rgba(0, 0, 0, .26)
}

.mdlext-light-color-theme .mdl-textfield.is-invalid .mdl-textfield__input {
    border-color: #d32f2f
}

.mdlext-light-color-theme .mdl-textfield.is-disabled .mdl-textfield__input,
.mdlext-light-color-theme fieldset[disabled] .mdl-textfield .mdl-textfield__input {
    background-color: transparent;
    border-bottom-color: rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .26)
}

.mdlext-light-color-theme .mdl-textfield__label {
    color: rgba(0, 0, 0, .54)
}

.mdlext-light-color-theme .mdl-textfield__label:after {
    background-color: #e040fb
}

.mdlext-light-color-theme .mdl-textfield.is-disabled.is-disabled .mdl-textfield__label,
.mdlext-light-color-theme fieldset[disabled] .mdl-textfield .mdl-textfield__label {
    color: rgba(0, 0, 0, .26)
}

.mdlext-light-color-theme .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label,
.mdlext-light-color-theme .mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdlext-light-color-theme .mdl-textfield--floating-label.is-focused .mdl-textfield__label {
    color: #e040fb
}

.mdlext-light-color-theme .mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
    color: #d32f2f
}

.mdlext-light-color-theme .mdl-textfield.is-invalid .mdl-textfield__label:after {
    background-color: #d32f2f
}

.mdlext-light-color-theme .mdl-textfield__error {
    color: #d32f2f
}

.mdlext-light-color-theme .mdl-checkbox__box-outline {
    border-color: rgba(0, 0, 0, .54)
}

.mdlext-light-color-theme .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border-color: #e040fb
}

.mdlext-light-color-theme .mdl-checkbox.is-disabled .mdl-checkbox__box-outline,
.mdlext-light-color-theme fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline {
    border-color: rgba(0, 0, 0, .26)
}

.mdlext-light-color-theme .mdl-checkbox__focus-helper {
    background-color: transparent
}

.mdlext-light-color-theme .mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {
    box-shadow: 0 0 0 8px rgba(224, 64, 251, .26);
    background-color: rgba(224, 64, 251, .26)
}

.mdlext-light-color-theme .mdl-checkbox__tick-outline {
    background: transparent
}

.mdlext-light-color-theme .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background-color: #e040fb
}

.mdlext-light-color-theme .mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline,
.mdlext-light-color-theme fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background-color: rgba(0, 0, 0, .26)
}

.mdlext-light-color-theme .mdl-checkbox.is-disabled .mdl-checkbox__label,
.mdlext-light-color-theme fieldset[disabled] .mdl-checkbox .mdl-checkbox__label {
    color: rgba(0, 0, 0, .26)
}

.mdlext-light-color-theme .mdl-checkbox__ripple-container .mdl-ripple {
    background: #e040fb
}

.mdlext-light-color-theme .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple,
.mdlext-light-color-theme fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple {
    background: transparent
}

.mdlext-light-color-theme .mdl-radio__outer-circle {
    border-color: rgba(0, 0, 0, .54)
}

.mdlext-light-color-theme .mdl-radio.is-checked .mdl-radio__outer-circle {
    border-color: #e040fb
}

.mdlext-light-color-theme .mdl-radio.is-disabled .mdl-radio__outer-circle,
.mdlext-light-color-theme .mdl-radio__outer-circle fieldset[disabled] .mdl-radio {
    border-color: rgba(0, 0, 0, .26)
}

.mdlext-light-color-theme .mdl-radio__inner-circle {
    background: #e040fb
}

.mdlext-light-color-theme .mdl-radio.is-disabled .mdl-radio__inner-circle,
.mdlext-light-color-theme fieldset[disabled] .mdl-radio .mdl-radio__inner-circle {
    background: rgba(0, 0, 0, .26)
}

.mdlext-light-color-theme .mdl-radio.is-disabled .mdl-radio__label,
.mdlext-light-color-theme fieldset[disabled] .mdl-radio .mdl-radio__label {
    color: rgba(0, 0, 0, .26)
}

.mdlext-light-color-theme .mdl-radio__ripple-container .mdl-ripple {
    background: #e040fb
}

.mdlext-light-color-theme .mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple,
.mdlext-light-color-theme fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple {
    background: transparent
}

.mdlext-light-color-theme .mdl-icon-toggle__label {
    color: #616161
}

.mdlext-light-color-theme .mdl-icon-toggle.is-checked .mdl-icon-toggle__label {
    color: #e040fb
}

.mdlext-light-color-theme .mdl-icon-toggle.is-disabled .mdl-icon-toggle__label {
    color: rgba(0, 0, 0, .26)
}

.mdlext-light-color-theme .mdl-icon-toggle.is-focused .mdl-icon-toggle__label {
    background-color: rgba(0, 0, 0, .12)
}

.mdlext-light-color-theme .mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label {
    background-color: rgba(224, 64, 251, .26)
}

.mdlext-light-color-theme .mdl-icon-toggle__ripple-container .mdl-ripple {
    background: #616161
}

.mdlext-light-color-theme .mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple {
    background: transparent
}

.mdlext-light-color-theme .mdl-switch__track {
    background: rgba(0, 0, 0, .26)
}

.mdlext-light-color-theme .mdl-switch.is-checked .mdl-switch__track {
    background: rgba(224, 64, 251, .54)
}

.mdlext-light-color-theme .mdl-switch.is-disabled .mdl-switch__track,
.mdlext-light-color-theme .mdl-switch__track fieldset[disabled] .mdl-switch {
    background: rgba(0, 0, 0, .12)
}

.mdlext-light-color-theme .mdl-switch__thumb {
    background: #fafafa
}

.mdlext-light-color-theme .mdl-switch.is-checked .mdl-switch__thumb {
    background: #e040fb
}

.mdlext-light-color-theme .mdl-switch.is-disabled .mdl-switch__thumb,
.mdlext-light-color-theme .mdl-switch__thumb fieldset[disabled] .mdl-switch {
    background: #bdbdbd
}

.mdlext-light-color-theme .mdl-switch__focus-helper {
    background-color: transparent
}

.mdlext-light-color-theme .mdl-switch.is-focused .mdl-switch__focus-helper {
    background-color: rgba(0, 0, 0, .1)
}

.mdlext-light-color-theme .mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {
    box-shadow: 0 0 0 20px rgba(224, 64, 251, .26);
    background-color: rgba(224, 64, 251, .26)
}

.mdlext-light-color-theme .mdl-switch.is-disabled .mdl-switch__label,
.mdlext-light-color-theme .mdl-switch__label fieldset[disabled] .mdl-switch {
    color: #bdbdbd
}

.mdlext-light-color-theme .mdl-switch__ripple-container .mdl-ripple {
    background: #e040fb
}

.mdlext-light-color-theme .mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple,
.mdlext-light-color-theme fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple {
    background: transparent
}

.mdlext-light-color-theme .mdl-data-table {
    border-color: rgba(0, 0, 0, .12);
    background-color: #fafafa
}

.mdlext-light-color-theme .mdl-data-table tbody tr.is-selected,
.mdlext-light-color-theme .mdl-data-table tbody tr:hover {
    background-color: #eee
}

.mdlext-light-color-theme .mdl-data-table th {
    color: rgba(0, 0, 0, .54)
}

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

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

.mdlext-light-color-theme .mdl-menu__outline {
    background: #fff
}

.mdlext-light-color-theme .mdl-menu__item {
    color: rgba(0, 0, 0, .87);
    background-color: transparent;
    outline-color: #bdbdbd
}

.mdlext-light-color-theme .mdl-menu__item--full-bleed-divider {
    border-bottom-color: rgba(0, 0, 0, .12)
}

.mdlext-light-color-theme .mdl-menu__item[data-mdl-disabled],
.mdlext-light-color-theme .mdl-menu__item[disabled] {
    color: #bdbdbd;
    background-color: transparent
}

.mdlext-light-color-theme .mdl-menu__item[data-mdl-disabled]:focus,
.mdlext-light-color-theme .mdl-menu__item[data-mdl-disabled]:hover,
.mdlext-light-color-theme .mdl-menu__item[disabled]:focus,
.mdlext-light-color-theme .mdl-menu__item[disabled]:hover {
    background-color: transparent
}

.mdlext-light-color-theme .mdl-menu__item[data-mdl-disabled] .mdl-ripple,
.mdlext-light-color-theme .mdl-menu__item[disabled] .mdl-ripple {
    background: transparent
}

.mdlext-light-color-theme .mdl-menu__item:focus,
.mdlext-light-color-theme .mdl-menu__item:hover {
    background-color: #eee
}

.mdlext-light-color-theme .mdl-menu__item:active {
    background-color: #e0e0e0
}

.mdlext-light-color-theme .mdl-card {
    background: #fafafa
}

.mdlext-light-color-theme .mdl-card__media {
    background-color: #e040fb
}

.mdlext-light-color-theme .mdl-card__title {
    color: rgba(0, 0, 0, .87)
}

.mdlext-light-color-theme .mdl-card__title.mdl-card--border {
    border-bottom-color: rgba(0, 0, 0, .1)
}

.mdlext-light-color-theme .mdl-card__title-text {
    color: inherit
}

.mdlext-light-color-theme .mdl-card__subtitle-text,
.mdlext-light-color-theme .mdl-card__supporting-text {
    color: rgba(0, 0, 0, .54)
}

.mdlext-light-color-theme .mdl-card__actions {
    background-color: transparent
}

.mdlext-light-color-theme .mdl-card__actions.mdl-card--border {
    border-top-color: rgba(0, 0, 0, .1)
}

.mdlext-light-color-theme .mdlext-selectfield.is-disabled:after {
    color: rgba(0, 0, 0, .12);
    content: "";
    width: 0;
    height: 0;
    font-size: inherit;
    line-height: inherit;
    border-top: .5em solid rgba(0, 0, 0, .12);
    border-top-width: .5em;
    border-top-style: solid;
    border-top-color: rgba(0, 0, 0, .12);
    border-left: .35em solid transparent;
    border-right: .35em solid transparent
}

.mdlext-light-color-theme .mdlext-selectfield__select {
    border-bottom-color: rgba(0, 0, 0, .26);
    color: inherit
}

.mdlext-light-color-theme .mdlext-selectfield__select option {
    background-color: #fafafa;
    color: rgba(0, 0, 0, .87)
}

.mdlext-light-color-theme .mdlext-selectfield.is-invalid .mdlext-selectfield__select {
    border-color: #d32f2f
}

.mdlext-light-color-theme .mdlext-selectfield.is-disabled .mdlext-selectfield__select,
.mdlext-light-color-theme fieldset[disabled] .mdlext-selectfield .mdlext-selectfield__select {
    background-color: transparent;
    border-bottom-color: rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .26)
}

.mdlext-light-color-theme .mdlext-selectfield__label {
    color: rgba(0, 0, 0, .54)
}

.mdlext-light-color-theme .mdlext-selectfield.is-disabled.is-disabled .mdlext-selectfield__label,
.mdlext-light-color-theme fieldset[disabled] .mdlext-selectfield .mdlext-selectfield__label {
    color: rgba(0, 0, 0, .26)
}

.mdlext-light-color-theme .mdlext-selectfield--floating-label.has-placeholder .mdlext-selectfield__label,
.mdlext-light-color-theme .mdlext-selectfield--floating-label.is-dirty.is-dirty .mdlext-selectfield__label,
.mdlext-light-color-theme .mdlext-selectfield--floating-label.is-dirty .mdlext-selectfield__label,
.mdlext-light-color-theme .mdlext-selectfield--floating-label.is-focused .mdlext-selectfield__label {
    color: #e040fb
}

.mdlext-light-color-theme .mdlext-selectfield--floating-label.is-invalid .mdlext-selectfield__label {
    color: #d32f2f
}

.mdlext-light-color-theme .mdlext-selectfield__label:after {
    background-color: #e040fb
}

.mdlext-light-color-theme .mdlext-selectfield.is-invalid .mdlext-selectfield__label:after {
    background-color: #d32f2f
}

.mdlext-light-color-theme .mdlext-selectfield__error {
    color: #d32f2f
}

.mdlext-light-color-theme .mdlext-menu,
.mdlext-menu.mdlext-light-color-theme {
    background: #fff
}

.mdlext-light-color-theme .mdlext-menu__item {
    color: rgba(0, 0, 0, .87);
    background-color: #fff
}

.mdlext-light-color-theme .mdlext-menu__item:active,
.mdlext-light-color-theme .mdlext-menu__item[aria-selected=true] {
    background-color: #e0e0e0
}

.mdlext-light-color-theme .mdlext-menu__item:hover:not([disabled]) {
    background-color: #eee
}

.mdlext-light-color-theme .mdlext-menu__item:focus {
    outline-color: #bdbdbd;
    background-color: #eee
}

.mdlext-light-color-theme .mdlext-menu__item[disabled],
.mdlext-light-color-theme .mdlext-menu__item[disabled]>* {
    color: #bdbdbd
}

.mdlext-light-color-theme .mdlext-menu__item-separator {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield .mdl-textfield__input,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield .mdlext-selectfield__select,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield .mdl-textfield__input,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield .mdlext-selectfield__select {
    background-color: hsla(0, 0%, 98%, .1);
    border-color: rgba(0, 0, 0, .26);
    color: inherit
}

.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield .mdl-textfield__input:disabled,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield .mdlext-selectfield__select:disabled,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield .mdl-textfield__input:disabled,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield .mdlext-selectfield__select:disabled {
    color: rgba(0, 0, 0, .26);
    background-color: hsla(0, 0%, 98%, .1);
    border-color: rgba(0, 0, 0, .12)
}

.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield .mdl-textfield__input:focus,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield .mdlext-selectfield__select:focus,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield .mdl-textfield__input:focus,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield .mdlext-selectfield__select:focus {
    background-color: hsla(0, 0%, 88%, .1);
    border-color: #e040fb
}

.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.is-invalid .mdl-textfield__input,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.is-invalid .mdlext-selectfield__select,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.is-invalid .mdl-textfield__input,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.is-invalid .mdlext-selectfield__select {
    color: inherit;
    border-color: #d32f2f;
    background-color: hsla(0, 0%, 100%, .5)
}

.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.is-invalid .mdl-textfield__input:focus,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.is-invalid .mdlext-selectfield__select:focus,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.is-invalid .mdl-textfield__input:focus,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.is-invalid .mdlext-selectfield__select:focus {
    border-color: #ab2424;
    background-color: hsla(0, 0%, 100%, .5)
}

.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.is-disabled:after,
.mdlext-light-color-theme .mdlext-bordered-fields fieldset[disabled] .mdlext-selectfield:after {
    color: rgba(0, 0, 0, .26);
    content: "";
    width: 0;
    height: 0;
    font-size: inherit;
    line-height: inherit;
    border-top: .5em solid rgba(0, 0, 0, .26);
    border-top-width: .5em;
    border-top-style: solid;
    border-top-color: rgba(0, 0, 0, .26);
    border-left: .35em solid transparent;
    border-right: .35em solid transparent
}

.mdlext-light-color-theme .mdlext-bordered-fields fieldset[disabled] .mdl-textfield .mdl-textfield__input,
.mdlext-light-color-theme .mdlext-bordered-fields fieldset[disabled] .mdlext-selectfield .mdlext-selectfield__select {
    color: rgba(0, 0, 0, .26);
    background-color: hsla(0, 0%, 98%, .1);
    border-color: rgba(0, 0, 0, .12)
}

.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield .mdlext-selectfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield .mdlext-selectfield__label {
    color: rgba(0, 0, 0, .54)
}

.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.has-placeholder .mdlext-selectfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-dirty.is-dirty .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-dirty.is-dirty .mdlext-selectfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-focused.is-focused .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-focused.is-focused .mdlext-selectfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.has-placeholder .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.has-placeholder .mdlext-selectfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-dirty.is-dirty .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-dirty.is-dirty .mdlext-selectfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-focused.is-focused .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-focused.is-focused .mdlext-selectfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.has-placeholder .mdlext-selectfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-dirty.is-dirty .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-dirty.is-dirty .mdlext-selectfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-focused.is-focused .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-focused.is-focused .mdlext-selectfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.has-placeholder .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.has-placeholder .mdlext-selectfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-dirty.is-dirty .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-dirty.is-dirty .mdlext-selectfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-focused.is-focused .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-focused.is-focused .mdlext-selectfield__label {
    color: #e040fb
}

.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-disabled.is-disabled .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-disabled.is-disabled .mdlext-selectfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-disabled.is-disabled .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-disabled.is-disabled .mdlext-selectfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-disabled.is-disabled .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-disabled.is-disabled .mdlext-selectfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-disabled.is-disabled .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-disabled.is-disabled .mdlext-selectfield__label {
    color: rgba(0, 0, 0, .26)
}

.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-invalid.is-invalid .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-invalid.is-invalid .mdlext-selectfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-invalid.is-invalid .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-invalid.is-invalid .mdlext-selectfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-invalid.is-invalid .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-invalid.is-invalid .mdlext-selectfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-invalid.is-invalid .mdl-textfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-invalid.is-invalid .mdlext-selectfield__label {
    color: #d32f2f
}

.mdlext-light-color-theme .mdlext-bordered-fields fieldset[disabled] .mdl-selectfield .mdl-selectfield__label,
.mdlext-light-color-theme .mdlext-bordered-fields fieldset[disabled] .mdl-textfield .mdl-textfield__label {
    color: rgba(0, 0, 0, .26)
}

.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.is-disabled .mdl-button,
.mdlext-light-color-theme .mdlext-bordered-fields .mdl-textfield.is-disabled i,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.is-disabled .mdl-button,
.mdlext-light-color-theme .mdlext-bordered-fields .mdlext-selectfield.is-disabled i,
.mdlext-light-color-theme .mdlext-bordered-fields fieldset[disabled] .mdl-textfield .mdl-button,
.mdlext-light-color-theme .mdlext-bordered-fields fieldset[disabled] .mdl-textfield i,
.mdlext-light-color-theme .mdlext-bordered-fields fieldset[disabled] .mdlext-selectfield .mdl-button,
.mdlext-light-color-theme .mdlext-bordered-fields fieldset[disabled] .mdlext-selectfield i {
    color: rgba(0, 0, 0, .12)
}

.mdlext-light-color-theme .mdlext-accordion__tab {
    color: #000;
    background-color: hsla(0, 0%, 46%, .2)
}

.mdlext-light-color-theme .mdlext-accordion__tab:focus {
    outline-color: hsla(0, 0%, 43%, .5)
}

.mdlext-light-color-theme .mdlext-accordion__tab[aria-expanded=true] {
    background-color: hsla(0, 0%, 46%, .3)
}

.mdlext-light-color-theme .mdlext-accordion__tab[aria-selected=true] {
    background-color: hsla(0, 0%, 46%, .4)
}

.mdlext-light-color-theme .mdlext-accordion__tab[disabled] {
    background-color: hsla(0, 0%, 46%, .12);
    color: rgba(0, 0, 0, .26);
    pointer-events: none
}

.mdlext-light-color-theme .mdlext-accordion__tab[disabled]>* {
    color: rgba(0, 0, 0, .26)
}

.mdlext-light-color-theme .mdlext-accordion__tab:hover:not([disabled]) {
    background-color: hsla(0, 0%, 46%, .4)
}

.mdlext-light-color-theme .mdlext-accordion__tab--ripple[aria-selected=true]:before {
    background: hsla(0, 0%, 46%, .4)
}

.mdlext-light-color-theme .mdlext-accordion__tabpanel {
    color: inherit;
    background-color: transparent
}

.mdlext-light-color-theme .mdlext-accordion--vertical .mdlext-accordion__tab {
    border-top: 1px solid hsla(0, 0%, 46%, .5)
}

.mdlext-light-color-theme .mdlext-accordion--vertical .mdlext-accordion__tab[aria-selected=true]:after {
    background-color: hsla(0, 0%, 40%, .5)
}

.mdlext-light-color-theme .mdlext-accordion--vertical .mdlext-accordion__tabpanel {
    border-top: 1px solid hsla(0, 0%, 46%, .5)
}

.mdlext-light-color-theme .mdlext-accordion--horizontal .mdlext-accordion__tab {
    border-left: 1px solid hsla(0, 0%, 46%, .5)
}

.mdlext-light-color-theme .mdlext-accordion--horizontal .mdlext-accordion__tab[aria-selected=true]:after {
    background-color: hsla(0, 0%, 40%, .5)
}

.mdlext-light-color-theme .mdlext-accordion--horizontal .mdlext-accordion__tabpanel {
    border-left: 1px solid hsla(0, 0%, 46%, .5)
}

.mdlext-light-color-theme .mdlext-accordion__panel:first-child>.mdlext-light-color-theme .mdlext-accordion__tab {
    border-top-color: transparent;
    border-left-color: transparent
}

.mdlext-light-color-theme .mdlext-accordion[disabled] .mdlext-accordion__tab {
    background-color: hsla(0, 0%, 46%, .12);
    color: rgba(0, 0, 0, .26)
}

.mdlext-light-color-theme .mdlext-accordion[disabled] .mdlext-accordion__tab>* {
    color: rgba(0, 0, 0, .26)
}

.mdlext-light-color-theme .mdlext-accordion[disabled] .mdlext-accordion__tabpanel {
    opacity: .8;
    filter: blur(1px) grayscale(80%)
}

.mdlext-dark-color-theme {
    background-color: #303030;
    color: #fff
}

.mdlext-dark-color-theme a {
    outline-color: inherit
}

.mdlext-dark-color-theme .mdl-color--primary {
    background-color: #ffc107!important
}

.mdlext-dark-color-theme .mdl-color--primary-contrast {
    background-color: #fff8e1!important
}

.mdlext-dark-color-theme .mdl-color--primary-dark {
    background-color: #ffa000!important
}

.mdlext-dark-color-theme .mdl-color--accent {
    background-color: #536dfe!important
}

.mdlext-dark-color-theme .mdl-color--accent-contrast {
    background-color: #fff!important
}

.mdlext-dark-color-theme .mdl-color-text--primary {
    color: #ffc107!important
}

.mdlext-dark-color-theme .mdl-color-text--primary-contrast {
    color: #fff8e1!important
}

.mdlext-dark-color-theme .mdl-color-text--primary-dark {
    color: #ffa000!important
}

.mdlext-dark-color-theme .mdl-color-text--accent {
    color: #536dfe!important
}

.mdlext-dark-color-theme .mdl-color-text--accent-contrast {
    color: #fff!important
}

.mdlext-dark-color-theme a {
    color: #536dfe
}

.mdlext-dark-color-theme .mdl-badge[data-badge]:after {
    background: #536dfe;
    color: #fff
}

.mdlext-dark-color-theme .mdl-badge.mdl-badge--no-background[data-badge]:after {
    color: #536dfe;
    background: #fff
}

.mdlext-dark-color-theme .mdl-button {
    background: transparent;
    color: #fff
}

.mdlext-dark-color-theme .mdl-button:hover {
    background-color: hsla(0, 0%, 62%, .2)
}

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

.mdlext-dark-color-theme .mdl-button:active {
    background-color: hsla(0, 0%, 62%, .4)
}

.mdlext-dark-color-theme .mdl-button.mdl-button--colored {
    color: #ffc107
}

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

.mdlext-dark-color-theme .mdl-button--raised {
    background: hsla(0, 0%, 62%, .2)
}

.mdlext-dark-color-theme .mdl-button--raised:active,
.mdlext-dark-color-theme .mdl-button--raised:focus:not(:active) {
    background-color: hsla(0, 0%, 62%, .4)
}

.mdlext-dark-color-theme .mdl-button--raised.mdl-button--colored {
    background: #ffc107;
    color: #fff8e1
}

.mdlext-dark-color-theme .mdl-button--raised.mdl-button--colored:active,
.mdlext-dark-color-theme .mdl-button--raised.mdl-button--colored:focus:not(:active),
.mdlext-dark-color-theme .mdl-button--raised.mdl-button--colored:hover {
    background-color: #d39e00
}

.mdlext-dark-color-theme .mdl-button--raised.mdl-button--colored .mdl-ripple {
    background: #fff8e1
}

.mdlext-dark-color-theme .mdl-button--fab {
    background: hsla(0, 0%, 62%, .2)
}

.mdlext-dark-color-theme .mdl-button--fab:active,
.mdlext-dark-color-theme .mdl-button--fab:focus:not(:active) {
    background-color: hsla(0, 0%, 62%, .4)
}

.mdlext-dark-color-theme .mdl-button--fab.mdl-button--colored {
    background: #536dfe;
    color: #fff
}

.mdlext-dark-color-theme .mdl-button--fab.mdl-button--colored:active,
.mdlext-dark-color-theme .mdl-button--fab.mdl-button--colored:focus:not(:active),
.mdlext-dark-color-theme .mdl-button--fab.mdl-button--colored:hover {
    background-color: #536dfe
}

.mdlext-dark-color-theme .mdl-button--fab.mdl-button--colored .mdl-ripple {
    background: #fff
}

.mdlext-dark-color-theme .mdl-button--icon {
    color: inherit
}

.mdlext-dark-color-theme .mdl-button--primary.mdl-button--primary {
    color: #ffc107
}

.mdlext-dark-color-theme .mdl-button--primary.mdl-button--primary .mdl-ripple {
    background: #fff8e1
}

.mdlext-dark-color-theme .mdl-button--primary.mdl-button--primary.mdl-button--fab,
.mdlext-dark-color-theme .mdl-button--primary.mdl-button--primary.mdl-button--raised {
    color: #fff8e1;
    background-color: #ffc107
}

.mdlext-dark-color-theme .mdl-button--accent.mdl-button--accent {
    color: #536dfe
}

.mdlext-dark-color-theme .mdl-button--accent.mdl-button--accent .mdl-ripple {
    background: #fff
}

.mdlext-dark-color-theme .mdl-button--accent.mdl-button--accent.mdl-button--fab,
.mdlext-dark-color-theme .mdl-button--accent.mdl-button--accent.mdl-button--raised {
    color: #fff;
    background-color: #536dfe
}

.mdlext-dark-color-theme .mdl-button.mdl-button--disabled.mdl-button--disabled,
.mdlext-dark-color-theme .mdl-button[disabled][disabled] {
    color: hsla(0, 0%, 100%, .26);
    background-color: transparent
}

.mdlext-dark-color-theme .mdl-button--fab.mdl-button--disabled.mdl-button--disabled,
.mdlext-dark-color-theme .mdl-button--fab[disabled][disabled],
.mdlext-dark-color-theme .mdl-button--raised.mdl-button--disabled.mdl-button--disabled,
.mdlext-dark-color-theme .mdl-button--raised[disabled][disabled] {
    background-color: hsla(0, 0%, 100%, .12);
    color: hsla(0, 0%, 100%, .26)
}

.mdlext-dark-color-theme .mdl-button--colored.mdl-button--disabled.mdl-button--disabled,
.mdlext-dark-color-theme .mdl-button--colored[disabled][disabled] {
    color: hsla(0, 0%, 100%, .26)
}

.mdlext-dark-color-theme .mdl-slider.is-upgraded {
    background: transparent;
    color: #536dfe
}

.mdlext-dark-color-theme .mdl-slider.is-upgraded::-webkit-slider-runnable-track {
    background: transparent
}

.mdlext-dark-color-theme .mdl-slider.is-upgraded::-moz-range-track {
    background: transparent
}

.mdlext-dark-color-theme .mdl-slider.is-upgraded::-ms-track {
    background: none;
    color: transparent
}

.mdlext-dark-color-theme .mdl-slider.is-upgraded::-ms-fill-lower {
    background: linear-gradient(90deg, transparent, transparent 16px, #536dfe 0, #536dfe 0)
}

.mdlext-dark-color-theme .mdl-slider.is-upgraded::-ms-fill-upper {
    background: linear-gradient(270deg, transparent, transparent 16px, hsla(0, 0%, 100%, .87) 0, hsla(0, 0%, 100%, .87) 0)
}

.mdlext-dark-color-theme .mdl-slider.is-upgraded::-webkit-slider-thumb {
    background: #536dfe
}

.mdlext-dark-color-theme .mdl-slider.is-upgraded::-moz-range-thumb {
    background: #536dfe
}

.mdlext-dark-color-theme .mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb {
    box-shadow: 0 0 0 10px rgba(83, 109, 254, .5)
}

.mdlext-dark-color-theme .mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
    box-shadow: 0 0 0 10px rgba(83, 109, 254, .5)
}

.mdlext-dark-color-theme .mdl-slider.is-upgraded:active::-webkit-slider-thumb {
    background: #536dfe
}

.mdlext-dark-color-theme .mdl-slider.is-upgraded:active::-moz-range-thumb {
    background: #536dfe
}

.mdlext-dark-color-theme .mdl-slider.is-upgraded::-ms-thumb {
    background: #536dfe
}

.mdlext-dark-color-theme .mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {
    background: radial-gradient(circle closest-side, #536dfe 0, #536dfe 37.5%, rgba(83, 109, 254, .5) 0, rgba(83, 109, 254, .5) 100%)
}

.mdlext-dark-color-theme .mdl-slider.is-upgraded:active::-ms-thumb {
    background: #536dfe
}

.mdlext-dark-color-theme .mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb {
    border-color: #536dfe;
    background: transparent
}

.mdlext-dark-color-theme .mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb {
    border-color: hsla(0, 0%, 100%, .87);
    background: transparent
}

.mdlext-dark-color-theme .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {
    box-shadow: 0 0 0 10px hsla(0, 0%, 100%, .5);
    background: hsla(0, 0%, 100%, .5)
}

.mdlext-dark-color-theme .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb {
    box-shadow: 0 0 0 10px hsla(0, 0%, 100%, .5);
    background: hsla(0, 0%, 100%, .5)
}

.mdlext-dark-color-theme .mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb {
    border-color: hsla(0, 0%, 100%, .87)
}

.mdlext-dark-color-theme .mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb {
    border-color: hsla(0, 0%, 100%, .87)
}

.mdlext-dark-color-theme .mdl-slider.is-upgraded.is-lowest-value::-ms-thumb {
    background: radial-gradient(circle closest-side, transparent 0, transparent 66.67%, hsla(0, 0%, 100%, .87) 0, hsla(0, 0%, 100%, .87) 100%)
}

.mdlext-dark-color-theme .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb {
    background: radial-gradient(circle closest-side, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, .5) 25%, hsla(0, 0%, 100%, .87) 0, hsla(0, 0%, 100%, .87) 37.5%, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, .5) 100%)
}

.mdlext-dark-color-theme .mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb {
    background: radial-gradient(circle closest-side, transparent 0, transparent 77.78%, hsla(0, 0%, 100%, .87) 0, hsla(0, 0%, 100%, .87) 100%)
}

.mdlext-dark-color-theme .mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower {
    background: transparent
}

.mdlext-dark-color-theme .mdl-slider.is-upgraded:disabled::-webkit-slider-thumb,
.mdlext-dark-color-theme .mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb,
.mdlext-dark-color-theme .mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb {
    background: hsla(0, 0%, 100%, .87)
}

.mdlext-dark-color-theme .mdl-slider.is-upgraded:disabled::-moz-range-thumb,
.mdlext-dark-color-theme .mdl-slider.is-upgraded:disabled:active::-moz-range-thumb,
.mdlext-dark-color-theme .mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb {
    background: hsla(0, 0%, 100%, .87)
}

.mdlext-dark-color-theme .mdl-slider.is-upgraded:disabled+.mdl-slider__background-flex>.mdl-slider__background-lower {
    background-color: hsla(0, 0%, 100%, .87)
}

.mdlext-dark-color-theme .mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb,
.mdlext-dark-color-theme .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb,
.mdlext-dark-color-theme .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb {
    border-color: hsla(0, 0%, 100%, .87);
    background: transparent
}

.mdlext-dark-color-theme .mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb,
.mdlext-dark-color-theme .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb,
.mdlext-dark-color-theme .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb {
    border-color: hsla(0, 0%, 100%, .87);
    background: transparent
}

.mdlext-dark-color-theme .mdl-slider.is-upgraded:disabled::-ms-thumb,
.mdlext-dark-color-theme .mdl-slider.is-upgraded:disabled:active::-ms-thumb,
.mdlext-dark-color-theme .mdl-slider.is-upgraded:disabled:focus::-ms-thumb {
    background: hsla(0, 0%, 100%, .87)
}

.mdlext-dark-color-theme .mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb,
.mdlext-dark-color-theme .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb,
.mdlext-dark-color-theme .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb {
    background: radial-gradient(circle closest-side, transparent 0, transparent 50%, hsla(0, 0%, 100%, .87) 0, hsla(0, 0%, 100%, .87) 100%)
}

.mdlext-dark-color-theme .mdl-slider.is-upgraded:disabled::-ms-fill-lower {
    background: linear-gradient(90deg, transparent, transparent 25px, hsla(0, 0%, 100%, .87) 0, hsla(0, 0%, 100%, .87) 0)
}

.mdlext-dark-color-theme .mdl-slider__background-flex {
    background: transparent
}

.mdlext-dark-color-theme .mdl-slider__background-lower {
    background: #536dfe
}

.mdlext-dark-color-theme .mdl-slider__background-upper {
    background: hsla(0, 0%, 100%, .87)
}

.mdlext-dark-color-theme .mdl-textfield__input {
    border-bottom-color: hsla(0, 0%, 100%, .26)
}

.mdlext-dark-color-theme .mdl-textfield.is-invalid .mdl-textfield__input {
    border-color: #ff1744
}

.mdlext-dark-color-theme .mdl-textfield.is-disabled .mdl-textfield__input,
.mdlext-dark-color-theme fieldset[disabled] .mdl-textfield .mdl-textfield__input {
    background-color: transparent;
    border-bottom-color: hsla(0, 0%, 100%, .12);
    color: hsla(0, 0%, 100%, .26)
}

.mdlext-dark-color-theme .mdl-textfield__label {
    color: hsla(0, 0%, 100%, .5)
}

.mdlext-dark-color-theme .mdl-textfield__label:after {
    background-color: #536dfe
}

.mdlext-dark-color-theme .mdl-textfield.is-disabled.is-disabled .mdl-textfield__label,
.mdlext-dark-color-theme fieldset[disabled] .mdl-textfield .mdl-textfield__label {
    color: hsla(0, 0%, 100%, .26)
}

.mdlext-dark-color-theme .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label,
.mdlext-dark-color-theme .mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdlext-dark-color-theme .mdl-textfield--floating-label.is-focused .mdl-textfield__label {
    color: #536dfe
}

.mdlext-dark-color-theme .mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
    color: #ff1744
}

.mdlext-dark-color-theme .mdl-textfield.is-invalid .mdl-textfield__label:after {
    background-color: #ff1744
}

.mdlext-dark-color-theme .mdl-textfield__error {
    color: #ff1744
}

.mdlext-dark-color-theme .mdl-checkbox__box-outline {
    border-color: hsla(0, 0%, 100%, .5)
}

.mdlext-dark-color-theme .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border-color: #536dfe
}

.mdlext-dark-color-theme .mdl-checkbox.is-disabled .mdl-checkbox__box-outline,
.mdlext-dark-color-theme fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline {
    border-color: hsla(0, 0%, 100%, .26)
}

.mdlext-dark-color-theme .mdl-checkbox__focus-helper {
    background-color: transparent
}

.mdlext-dark-color-theme .mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {
    box-shadow: 0 0 0 8px rgba(83, 109, 254, .26);
    background-color: rgba(83, 109, 254, .26)
}

.mdlext-dark-color-theme .mdl-checkbox__tick-outline {
    background: transparent
}

.mdlext-dark-color-theme .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background-color: #536dfe
}

.mdlext-dark-color-theme .mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline,
.mdlext-dark-color-theme fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background-color: hsla(0, 0%, 100%, .26)
}

.mdlext-dark-color-theme .mdl-checkbox.is-disabled .mdl-checkbox__label,
.mdlext-dark-color-theme fieldset[disabled] .mdl-checkbox .mdl-checkbox__label {
    color: hsla(0, 0%, 100%, .26)
}

.mdlext-dark-color-theme .mdl-checkbox__ripple-container .mdl-ripple {
    background: #536dfe
}

.mdlext-dark-color-theme .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple,
.mdlext-dark-color-theme fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple {
    background: transparent
}

.mdlext-dark-color-theme .mdl-radio__outer-circle {
    border-color: hsla(0, 0%, 100%, .5)
}

.mdlext-dark-color-theme .mdl-radio.is-checked .mdl-radio__outer-circle {
    border-color: #536dfe
}

.mdlext-dark-color-theme .mdl-radio.is-disabled .mdl-radio__outer-circle,
.mdlext-dark-color-theme .mdl-radio__outer-circle fieldset[disabled] .mdl-radio {
    border-color: hsla(0, 0%, 100%, .26)
}

.mdlext-dark-color-theme .mdl-radio__inner-circle {
    background: #536dfe
}

.mdlext-dark-color-theme .mdl-radio.is-disabled .mdl-radio__inner-circle,
.mdlext-dark-color-theme fieldset[disabled] .mdl-radio .mdl-radio__inner-circle {
    background: hsla(0, 0%, 100%, .26)
}

.mdlext-dark-color-theme .mdl-radio.is-disabled .mdl-radio__label,
.mdlext-dark-color-theme fieldset[disabled] .mdl-radio .mdl-radio__label {
    color: hsla(0, 0%, 100%, .26)
}

.mdlext-dark-color-theme .mdl-radio__ripple-container .mdl-ripple {
    background: #536dfe
}

.mdlext-dark-color-theme .mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple,
.mdlext-dark-color-theme fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple {
    background: transparent
}

.mdlext-dark-color-theme .mdl-icon-toggle__label {
    color: #616161
}

.mdlext-dark-color-theme .mdl-icon-toggle.is-checked .mdl-icon-toggle__label {
    color: #536dfe
}

.mdlext-dark-color-theme .mdl-icon-toggle.is-disabled .mdl-icon-toggle__label {
    color: hsla(0, 0%, 100%, .5)
}

.mdlext-dark-color-theme .mdl-icon-toggle.is-focused .mdl-icon-toggle__label {
    background-color: rgba(0, 0, 0, .12)
}

.mdlext-dark-color-theme .mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label {
    background-color: rgba(83, 109, 254, .26)
}

.mdlext-dark-color-theme .mdl-icon-toggle__ripple-container .mdl-ripple {
    background: #616161
}

.mdlext-dark-color-theme .mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple {
    background: transparent
}

.mdlext-dark-color-theme .mdl-switch__track {
    background: hsla(0, 0%, 100%, .26)
}

.mdlext-dark-color-theme .mdl-switch.is-checked .mdl-switch__track {
    background: rgba(83, 109, 254, .5)
}

.mdlext-dark-color-theme .mdl-switch.is-disabled .mdl-switch__track,
.mdlext-dark-color-theme .mdl-switch__track fieldset[disabled] .mdl-switch {
    background: hsla(0, 0%, 100%, .12)
}

.mdlext-dark-color-theme .mdl-switch__thumb {
    background: #fafafa
}

.mdlext-dark-color-theme .mdl-switch.is-checked .mdl-switch__thumb {
    background: #536dfe
}

.mdlext-dark-color-theme .mdl-switch.is-disabled .mdl-switch__thumb,
.mdlext-dark-color-theme .mdl-switch__thumb fieldset[disabled] .mdl-switch {
    background: #fafafa
}

.mdlext-dark-color-theme .mdl-switch__focus-helper {
    background-color: transparent
}

.mdlext-dark-color-theme .mdl-switch.is-focused .mdl-switch__focus-helper {
    background-color: rgba(0, 0, 0, .1)
}

.mdlext-dark-color-theme .mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {
    box-shadow: 0 0 0 20px rgba(83, 109, 254, .26);
    background-color: rgba(83, 109, 254, .26)
}

.mdlext-dark-color-theme .mdl-switch.is-disabled .mdl-switch__label,
.mdlext-dark-color-theme .mdl-switch__label fieldset[disabled] .mdl-switch {
    color: #fafafa
}

.mdlext-dark-color-theme .mdl-switch__ripple-container .mdl-ripple {
    background: #536dfe
}

.mdlext-dark-color-theme .mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple,
.mdlext-dark-color-theme fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple {
    background: transparent
}

.mdlext-dark-color-theme .mdl-data-table {
    border-color: hsla(0, 0%, 100%, .12);
    background-color: #303030
}

.mdlext-dark-color-theme .mdl-data-table tbody tr.is-selected {
    background-color: #424242
}

.mdlext-dark-color-theme .mdl-data-table tbody tr:hover {
    background-color: #212121
}

.mdlext-dark-color-theme .mdl-data-table th,
.mdlext-dark-color-theme .mdl-data-table th.mdl-data-table__header--sorted-ascending,
.mdlext-dark-color-theme .mdl-data-table th.mdl-data-table__header--sorted-descending {
    color: hsla(0, 0%, 100%, .87)
}

.mdlext-dark-color-theme .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before,
.mdlext-dark-color-theme .mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before {
    color: hsla(0, 0%, 100%, .26)
}

.mdlext-dark-color-theme .mdl-menu__outline {
    background: #000
}

.mdlext-dark-color-theme .mdl-menu__item {
    color: hsla(0, 0%, 100%, .87);
    background-color: transparent;
    outline-color: #616161
}

.mdlext-dark-color-theme .mdl-menu__item--full-bleed-divider {
    border-bottom-color: hsla(0, 0%, 100%, .2)
}

.mdlext-dark-color-theme .mdl-menu__item[data-mdl-disabled],
.mdlext-dark-color-theme .mdl-menu__item[disabled] {
    color: #9e9e9e;
    background-color: transparent
}

.mdlext-dark-color-theme .mdl-menu__item[data-mdl-disabled]:focus,
.mdlext-dark-color-theme .mdl-menu__item[data-mdl-disabled]:hover,
.mdlext-dark-color-theme .mdl-menu__item[disabled]:focus,
.mdlext-dark-color-theme .mdl-menu__item[disabled]:hover {
    background-color: transparent
}

.mdlext-dark-color-theme .mdl-menu__item[data-mdl-disabled] .mdl-ripple,
.mdlext-dark-color-theme .mdl-menu__item[disabled] .mdl-ripple {
    background: transparent
}

.mdlext-dark-color-theme .mdl-menu__item:focus,
.mdlext-dark-color-theme .mdl-menu__item:hover {
    background-color: #212121
}

.mdlext-dark-color-theme .mdl-menu__item:active {
    background-color: #424242
}

.mdlext-dark-color-theme .mdl-card {
    background: #303030
}

.mdlext-dark-color-theme .mdl-card__media {
    background-color: #536dfe
}

.mdlext-dark-color-theme .mdl-card__title {
    color: #fff
}

.mdlext-dark-color-theme .mdl-card__title.mdl-card--border {
    border-bottom-color: rgba(0, 0, 0, .1)
}

.mdlext-dark-color-theme .mdl-card__title-text {
    color: inherit
}

.mdlext-dark-color-theme .mdl-card__subtitle-text {
    color: rgba(0, 0, 0, .7)
}

.mdlext-dark-color-theme .mdl-card__supporting-text {
    color: hsla(0, 0%, 100%, .7)
}

.mdlext-dark-color-theme .mdl-card__actions {
    background-color: hsla(0, 0%, 100%, 0)
}

.mdlext-dark-color-theme .mdl-card__actions.mdl-card--border {
    border-top-color: rgba(0, 0, 0, .1)
}

.mdlext-dark-color-theme .mdlext-selectfield.is-disabled:after {
    color: hsla(0, 0%, 100%, .12);
    content: "";
    width: 0;
    height: 0;
    font-size: inherit;
    line-height: inherit;
    border-top: .5em solid hsla(0, 0%, 100%, .12);
    border-top-width: .5em;
    border-top-style: solid;
    border-top-color: hsla(0, 0%, 100%, .12);
    border-left: .35em solid transparent;
    border-right: .35em solid transparent
}

.mdlext-dark-color-theme .mdlext-selectfield__select {
    border-bottom-color: hsla(0, 0%, 100%, .26);
    color: inherit
}

.mdlext-dark-color-theme .mdlext-selectfield__select option {
    background-color: #303030;
    color: #fff
}

.mdlext-dark-color-theme .mdlext-selectfield.is-invalid .mdlext-selectfield__select {
    border-color: #ff1744
}

.mdlext-dark-color-theme .mdlext-selectfield.is-disabled .mdlext-selectfield__select,
.mdlext-dark-color-theme fieldset[disabled] .mdlext-selectfield .mdlext-selectfield__select {
    background-color: transparent;
    border-bottom-color: hsla(0, 0%, 100%, .12);
    color: hsla(0, 0%, 100%, .26)
}

.mdlext-dark-color-theme .mdlext-selectfield__label {
    color: hsla(0, 0%, 100%, .5)
}

.mdlext-dark-color-theme .mdlext-selectfield.is-disabled.is-disabled .mdlext-selectfield__label,
.mdlext-dark-color-theme fieldset[disabled] .mdlext-selectfield .mdlext-selectfield__label {
    color: hsla(0, 0%, 100%, .26)
}

.mdlext-dark-color-theme .mdlext-selectfield--floating-label.has-placeholder .mdlext-selectfield__label,
.mdlext-dark-color-theme .mdlext-selectfield--floating-label.is-dirty.is-dirty .mdlext-selectfield__label,
.mdlext-dark-color-theme .mdlext-selectfield--floating-label.is-dirty .mdlext-selectfield__label,
.mdlext-dark-color-theme .mdlext-selectfield--floating-label.is-focused .mdlext-selectfield__label {
    color: #536dfe
}

.mdlext-dark-color-theme .mdlext-selectfield--floating-label.is-invalid .mdlext-selectfield__label {
    color: #ff1744
}

.mdlext-dark-color-theme .mdlext-selectfield__label:after {
    background-color: #536dfe
}

.mdlext-dark-color-theme .mdlext-selectfield.is-invalid .mdlext-selectfield__label:after {
    background-color: #ff1744
}

.mdlext-dark-color-theme .mdlext-selectfield__error {
    color: #ff1744
}

.mdlext-dark-color-theme .mdlext-menu,
.mdlext-menu.mdlext-dark-color-theme {
    background: #000
}

.mdlext-dark-color-theme .mdlext-menu__item {
    color: hsla(0, 0%, 100%, .87);
    background-color: #000
}

.mdlext-dark-color-theme .mdlext-menu__item:active,
.mdlext-dark-color-theme .mdlext-menu__item[aria-selected=true] {
    background-color: #424242
}

.mdlext-dark-color-theme .mdlext-menu__item:hover:not([disabled]) {
    background-color: #212121
}

.mdlext-dark-color-theme .mdlext-menu__item:focus {
    outline-color: #616161;
    background-color: #212121
}

.mdlext-dark-color-theme .mdlext-menu__item[disabled],
.mdlext-dark-color-theme .mdlext-menu__item[disabled]>* {
    color: #9e9e9e
}

.mdlext-dark-color-theme .mdlext-menu__item-separator {
    border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield .mdl-textfield__input,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield .mdlext-selectfield__select,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield .mdl-textfield__input,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield .mdlext-selectfield__select {
    background-color: rgba(48, 48, 48, .1);
    border-color: hsla(0, 0%, 100%, .26);
    color: inherit
}

.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield .mdl-textfield__input:disabled,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield .mdlext-selectfield__select:disabled,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield .mdl-textfield__input:disabled,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield .mdlext-selectfield__select:disabled {
    color: hsla(0, 0%, 100%, .26);
    background-color: rgba(48, 48, 48, .1);
    border-color: hsla(0, 0%, 100%, .12)
}

.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield .mdl-textfield__input:focus,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield .mdlext-selectfield__select:focus,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield .mdl-textfield__input:focus,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield .mdlext-selectfield__select:focus {
    background-color: hsla(0, 0%, 9%, .1);
    border-color: #536dfe
}

.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.is-invalid .mdl-textfield__input,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.is-invalid .mdlext-selectfield__select,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.is-invalid .mdl-textfield__input,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.is-invalid .mdlext-selectfield__select {
    color: inherit;
    border-color: #ff1744;
    background-color: rgba(255, 23, 68, .1)
}

.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.is-invalid .mdl-textfield__input:focus,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.is-invalid .mdlext-selectfield__select:focus,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.is-invalid .mdl-textfield__input:focus,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.is-invalid .mdlext-selectfield__select:focus {
    border-color: #e3002c;
    background-color: rgba(255, 23, 68, .1)
}

.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.is-disabled:after,
.mdlext-dark-color-theme .mdlext-bordered-fields fieldset[disabled] .mdlext-selectfield:after {
    color: hsla(0, 0%, 100%, .26);
    content: "";
    width: 0;
    height: 0;
    font-size: inherit;
    line-height: inherit;
    border-top: .5em solid hsla(0, 0%, 100%, .26);
    border-top-width: .5em;
    border-top-style: solid;
    border-top-color: hsla(0, 0%, 100%, .26);
    border-left: .35em solid transparent;
    border-right: .35em solid transparent
}

.mdlext-dark-color-theme .mdlext-bordered-fields fieldset[disabled] .mdl-textfield .mdl-textfield__input,
.mdlext-dark-color-theme .mdlext-bordered-fields fieldset[disabled] .mdlext-selectfield .mdlext-selectfield__select {
    color: hsla(0, 0%, 100%, .26);
    background-color: rgba(48, 48, 48, .1);
    border-color: hsla(0, 0%, 100%, .12)
}

.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield .mdlext-selectfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield .mdlext-selectfield__label {
    color: hsla(0, 0%, 100%, .5)
}

.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.has-placeholder .mdlext-selectfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-dirty.is-dirty .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-dirty.is-dirty .mdlext-selectfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-focused.is-focused .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-focused.is-focused .mdlext-selectfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.has-placeholder .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.has-placeholder .mdlext-selectfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-dirty.is-dirty .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-dirty.is-dirty .mdlext-selectfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-focused.is-focused .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-focused.is-focused .mdlext-selectfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.has-placeholder .mdlext-selectfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-dirty.is-dirty .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-dirty.is-dirty .mdlext-selectfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-focused.is-focused .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-focused.is-focused .mdlext-selectfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.has-placeholder .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.has-placeholder .mdlext-selectfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-dirty.is-dirty .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-dirty.is-dirty .mdlext-selectfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-focused.is-focused .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-focused.is-focused .mdlext-selectfield__label {
    color: #536dfe
}

.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-disabled.is-disabled .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-disabled.is-disabled .mdlext-selectfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-disabled.is-disabled .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-disabled.is-disabled .mdlext-selectfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-disabled.is-disabled .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-disabled.is-disabled .mdlext-selectfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-disabled.is-disabled .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-disabled.is-disabled .mdlext-selectfield__label {
    color: hsla(0, 0%, 100%, .26)
}

.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-invalid.is-invalid .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdl-textfield--floating-label.is-invalid.is-invalid .mdlext-selectfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-invalid.is-invalid .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.mdlext-selectfield--floating-label.is-invalid.is-invalid .mdlext-selectfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-invalid.is-invalid .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdl-textfield--floating-label.is-invalid.is-invalid .mdlext-selectfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-invalid.is-invalid .mdl-textfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.mdlext-selectfield--floating-label.is-invalid.is-invalid .mdlext-selectfield__label {
    color: #ff1744
}

.mdlext-dark-color-theme .mdlext-bordered-fields fieldset[disabled] .mdl-selectfield .mdl-selectfield__label,
.mdlext-dark-color-theme .mdlext-bordered-fields fieldset[disabled] .mdl-textfield .mdl-textfield__label {
    color: hsla(0, 0%, 100%, .26)
}

.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.is-disabled .mdl-button,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdl-textfield.is-disabled i,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.is-disabled .mdl-button,
.mdlext-dark-color-theme .mdlext-bordered-fields .mdlext-selectfield.is-disabled i,
.mdlext-dark-color-theme .mdlext-bordered-fields fieldset[disabled] .mdl-textfield .mdl-button,
.mdlext-dark-color-theme .mdlext-bordered-fields fieldset[disabled] .mdl-textfield i,
.mdlext-dark-color-theme .mdlext-bordered-fields fieldset[disabled] .mdlext-selectfield .mdl-button,
.mdlext-dark-color-theme .mdlext-bordered-fields fieldset[disabled] .mdlext-selectfield i {
    color: hsla(0, 0%, 100%, .12)
}

.mdlext-dark-color-theme .mdlext-accordion__tab {
    color: #fff;
    background-color: #000
}

.mdlext-dark-color-theme .mdlext-accordion__tab:focus {
    outline-color: #a8a8a8
}

.mdlext-dark-color-theme .mdlext-accordion__tab[aria-expanded=true] {
    background-color: rgba(0, 0, 0, .9)
}

.mdlext-dark-color-theme .mdlext-accordion__tab[aria-selected=true] {
    background-color: rgba(0, 0, 0, .6)
}

.mdlext-dark-color-theme .mdlext-accordion__tab[disabled] {
    background-color: rgba(0, 0, 0, .4);
    color: hsla(0, 0%, 100%, .5);
    pointer-events: none
}

.mdlext-dark-color-theme .mdlext-accordion__tab[disabled]>* {
    color: hsla(0, 0%, 100%, .5)
}

.mdlext-dark-color-theme .mdlext-accordion__tab:hover:not([disabled]) {
    background-color: rgba(0, 0, 0, .5)
}

.mdlext-dark-color-theme .mdlext-accordion__tab--ripple[aria-selected=true]:before {
    background: rgba(0, 0, 0, .3)
}

.mdlext-dark-color-theme .mdlext-accordion__tabpanel {
    color: inherit;
    background-color: transparent
}

.mdlext-dark-color-theme .mdlext-accordion--vertical .mdlext-accordion__tab {
    border-top: 1px solid #424242
}

.mdlext-dark-color-theme .mdlext-accordion--vertical .mdlext-accordion__tab[aria-selected=true]:after {
    background-color: #a8a8a8
}

.mdlext-dark-color-theme .mdlext-accordion--vertical .mdlext-accordion__tabpanel {
    border-top: 1px solid #424242
}

.mdlext-dark-color-theme .mdlext-accordion--horizontal .mdlext-accordion__tab {
    border-left: 1px solid #424242
}

.mdlext-dark-color-theme .mdlext-accordion--horizontal .mdlext-accordion__tab[aria-selected=true]:after {
    background-color: #a8a8a8
}

.mdlext-dark-color-theme .mdlext-accordion--horizontal .mdlext-accordion__tabpanel {
    border-left: 1px solid #424242
}

.mdlext-dark-color-theme .mdlext-accordion__panel:first-child>.mdlext-dark-color-theme .mdlext-accordion__tab {
    border-top-color: transparent;
    border-left-color: transparent
}

.mdlext-dark-color-theme .mdlext-accordion[disabled] .mdlext-accordion__tab {
    background-color: rgba(0, 0, 0, .4);
    color: hsla(0, 0%, 100%, .5)
}

.mdlext-dark-color-theme .mdlext-accordion[disabled] .mdlext-accordion__tab>* {
    color: hsla(0, 0%, 100%, .5)
}

.mdlext-dark-color-theme .mdlext-accordion[disabled] .mdlext-accordion__tabpanel {
    opacity: .8;
    filter: blur(1px) grayscale(80%)
}


/*# sourceMappingURL=mdl-ext.min.css.map*/