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

.theme-light p, .theme-light h1, .theme-light h2, .theme-light h3, .theme-light h4, .theme-light h5, .theme-light h6 {
    color: #585b69;
}

.theme-dark p, .theme-dark h1, .theme-dark h2, .theme-dark h3, .theme-dark h4, .theme-dark h5, .theme-dark h6 {
    color: #ddd;
}

p {
    margin: 10px 0 0 0;
}

p:first-child {
    margin: 0;
}

h1 {
    font-size: 36px;
    line-height: 48px;
}

h1.subhead {
    font-size: 30px;
    color: #8c8c8c;
    line-height: 36px;
}

h2 {
    font-size: 30px;
    line-height: 36px;
}

h2.subhead {
    font-size: 24px;
    color: #8c8c8c;
    line-height: 32px;
}

h3 {
    font-size: 24px;
    line-height: 32px;
}

h3.subhead {
    font-size: 18px;
    color: #8c8c8c;
    line-height: 24px;
}

h4 {
    font-size: 18px;
    line-height: 24px;
}

h4.subhead {
    font-size: 12px;
    color: #8c8c8c;
    line-height: 16px;
}

h5 {
    font-size: 14px;
    line-height: 18px;
}

h5.subhead {
    font-size: 10px;
    color: #8c8c8c;
    line-height: 12px;
}

h6 {
    font-size: 12px;
    line-height: 16px;
}

h6.subhead {
    font-size: 8px;
    color: #8c8c8c;
    line-height: 10px;
}

.bold-text {
    font-weight: 700;
}

.typography--inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.typography--inline * {
    margin-top: auto;
    margin-right: 15px;
}

.typography-card h1, .typography-card h2, .typography-card h3, .typography-card h4, .typography-card h5, .typography-card h6 {
    margin-bottom: 10px;
}

blockquote {
    font-size: 13px;
    font-style: italic;
    border-left: 3px solid #4ce1b6;
    margin-bottom: 0;
    padding-left: 10px;
}

.highlight {
    background-color: #4ce1b6;
    color: #ffffff;
}

.red-text {
    color: #ad4444;
}

.page-title {
    font-weight: 500;
    text-transform: capitalize;
    font-size: 20px;
}

.theme-light .page-title {
    color: #585b69;
}

.theme-dark .page-title {
    color: #ddd;
}

.page-title:last-child {
    margin-bottom: 30px;
}

.page-title.page-title--not-last {
    margin-top: 20px;
}

.page-subhead {
    margin-bottom: 20px;
}

.page-subhead.subhead {
    font-size: 14px;
    opacity: 0.7;
}

::-moz-selection {
    color: #ffffff;
    background: #4ce1b6;
}

::selection {
    color: #ffffff;
    background: #4ce1b6;
}

.list.list--icon {
    list-style: none;
    padding: 0;
}

.list.list--icon span {
    margin-right: 8px;
}

.list.list--icon.list--icon-green span {
    color: #4ce1b6;
}

.list li {
    margin-bottom: 10px;
}

.list li:last-child {
    margin-bottom: 0;
}

.form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.form input, .form textarea {
    width: 100%;
    padding: 5px 10px;
    font-size: 12px;
    height: 32px;
    -webkit-transition: border 0.3s;
    -o-transition: border 0.3s;
    transition: border 0.3s;
    background: transparent;
    /* Firefox 19+ */
    /* Firefox 18- */
}

.form input::-webkit-input-placeholder, .form textarea::-webkit-input-placeholder {
    color: #8c8c8c;
}

.form input::-moz-placeholder, .form textarea::-moz-placeholder {
    color: #8c8c8c;
}

.form input:-moz-placeholder, .form textarea:-moz-placeholder {
    color: #8c8c8c;
}

.form input:-ms-input-placeholder, .form textarea:-ms-input-placeholder {
    color: #8c8c8c;
}

.theme-light .form input, .theme-light .form textarea {
    border: 1px solid #f2f4f7;
    color: #585b69;
}

.theme-dark .form input, .theme-dark .form textarea {
    border: 1px solid #33333a;
    color: #ddd;
}

.theme-light .form input[disabled], .theme-light .form textarea[disabled] {
    background: #f2f4f7;
}

.theme-dark .form input[disabled], .theme-dark .form textarea[disabled] {
    background: #2a2a31;
}

.theme-light .form input[disabled]:focus, .theme-light .form input[disabled]:active, .theme-light .form textarea[disabled]:focus, .theme-light .form textarea[disabled]:active {
    border-color: #dfe3eb;
}

.theme-dark .form input[disabled]:focus, .theme-dark .form input[disabled]:active, .theme-dark .form textarea[disabled]:focus, .theme-dark .form textarea[disabled]:active {
    border-color: #333246;
}

.form input:focus, .form input:active, .form textarea:focus, .form textarea:active {
    outline: none;
    border-color: #4ce1b6;
}

.form textarea {
    min-height: 85px;
}

.form.form--horizontal .form__form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.form.form--horizontal .form__form-group-field {
    width: calc(100% - 80px);
    padding-left: 10px;
    margin-left: 80px;
}

.form.form--horizontal .form__form-group-label {
    width: 80px;
    max-height: 32px;
    line-height: 18px;
    margin: auto 0;
}

.form.form--horizontal .form__form-group-label + .form__form-group-field {
    margin-left: 0;
}

.form.form--horizontal .form__form-group-description {
    margin-left: 90px;
}

.form.form--horizontal .form__button-toolbar {
    margin-left: 0;
}

.form.form--horizontal .form__form-group-input-wrap--error-above {
    margin-bottom: 15px;
}

.form.form--horizontal .form__form-group-input-wrap--error-above .form__form-group-error {
    top: -28px;
}

@media screen and (min-width: 480px) {
    .form.form--horizontal .form__form-group-label {
        width: 120px;
    }

    .form.form--horizontal .form__form-group-field {
        width: calc(100% - 120px);
        margin-left: 120px;
        padding-left: 10px;
    }

    .form.form--horizontal .form__form-group-description, .form.form--horizontal .form__button-toolbar {
        margin-left: 140px;
    }
}

.form.form--preview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.form.form--preview > div:nth-child(2) {
    margin-right: 50px;
}

.form.form--preview .form__form-group {
    margin-bottom: 10px;
    width: auto;
    min-height: 18px;
}

.form.form--preview p {
    margin-bottom: 10px;
}

.form.form--justify {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.form.form--justify .form__form-group {
    width: 33.3333%;
}

.form.form--justify .form__button-toolbar {
    width: 100%;
}

.form__half {
    width: calc(50% - 15px);
    height: 100%;
}

.form__half:first-child {
    margin-right: 30px;
}

.form__half .form__button-toolbar {
    float: right;
}

@media screen and (max-width: 1200px) {
    .form__half {
        width: 100%;
        margin-right: 0;
    }
}

.form__form-group {
    margin-bottom: 20px;
    width: 100%;
    position: relative;
}

.form__form-group--address input:last-child {
    margin-left: 15px;
    width: 70%;
}

.form__form-group-field {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
}

.form__form-group-label {
    margin-bottom: 4px;
    display: inline-block;
}

.theme-light .form__form-group-label {
    color: #585b69;
}

.theme-dark .form__form-group-label {
    color: #ddd;
}

.form__form-group-label span {
    color: #dddddd;
}

.form__form-group-button {
    padding: 6px;
    height: 32px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.theme-light .form__form-group-button {
    background: #f2f4f7;
    border: 1px solid #f2f4f7;
}

.theme-dark .form__form-group-button {
    background: #33333a;
    border: 1px solid #33333a;
}

.form__form-group-button svg {
    fill: #8c8c8c;
    width: 18px;
    height: 18px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.form__form-group-button.active {
    background: #4ce1b6;
    border: 1px solid #4ce1b6;
}

.form__form-group-button.active svg {
    fill: #ffffff;
}

.form__form-group-file label {
    border-radius: 2px;
    line-height: 18px;
    font-size: 12px;
    padding: 4px 20px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
}

.theme-light .form__form-group-file label {
    border: 1px solid #f2f4f7;
    color: #585b69;
}

.theme-dark .form__form-group-file label {
    border: 1px solid #33333a;
    color: #ddd;
}

.theme-light .form__form-group-file label:hover {
    background: #f2f4f7;
}

.theme-dark .form__form-group-file label:hover {
    background: #33333a;
}

.form__form-group-file span {
    padding-left: 10px;
}

.form__form-group-file input {
    display: none;
}

.form__form-group-icon {
    padding: 6px;
    height: 32px;
}

.theme-light .form__form-group-icon {
    background: #f2f4f7;
    border: 1px solid #f2f4f7;
}

.theme-dark .form__form-group-icon {
    background: #33333a;
    border: 1px solid #33333a;
}

.form__form-group-icon svg {
    fill: #8c8c8c;
    width: 18px;
    height: 18px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.form__form-group-description {
    font-size: 10px;
    color: #8c8c8c;
    line-height: 13px;
    margin-top: 2px;
}

.form__button-toolbar {
    margin-top: 10px;
}

.form__form-group-input-wrap {
    width: 100%;
}

.form__form-group-error {
    font-size: 10px;
    line-height: 13px;
    color: #ad4444;
    margin-bottom: -5px;
    display: block;
    margin-top: 5px;
}

.form__form-group-input-wrap--error-above .form__form-group-error {
    position: absolute;
    margin: 0;
    right: 0;
    top: 0;
    padding: 5px 10px;
    background: #ffbcbc;
    border-radius: 3px;
}

.form__form-group-input-wrap--error-above .form__form-group-error:after {
    content: '';
    position: absolute;
    right: 10px;
    bottom: -8px;
    border: 4px solid transparent;
    border-top: 4px solid #ffbcbc;
}

.form__form-group-date-cvc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.form__form-group-date-cvc .form__form-group-date {
    width: 100%;
    margin-right: 20px;
}

.form__form-group-date-cvc .form__form-group-cvc {
    max-width: 280px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .form__form-group-date-cvc {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .form__form-group-date-cvc .form__form-group-date {
        margin-right: 0;
    }

    .form__form-group-date-cvc .form__form-group-cvc {
        max-width: 100%;
    }
}

.form__form-group-id-category {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.form__form-group-id-category .form__form-group-id {
    min-width: 100px;
    width: 40%;
    margin-right: 20px;
}

@media screen and (max-width: 767px) {
    .form__form-group-id-category {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .form__form-group-id-category .form__form-group-id {
        margin-right: 0;
        width: 100%;
    }
}

.form__form-group-price-discount {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}

.form__form-group-price-discount > div {
    margin-bottom: 0;
}

.form__form-group-price-discount .form__form-group-price {
    margin-right: 20px;
}

@media screen and (max-width: 767px) {
    .form__form-group-price-discount {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .form__form-group-price-discount .form__form-group-price {
        margin-right: 0;
    }
}

@-webkit-keyframes open {
    0% {
        max-height: 0;
    }
    100% {
        max-height: 200px;
    }
}

@keyframes open {
    0% {
        max-height: 0;
    }
    100% {
        max-height: 200px;
    }
}

.form__select-color {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 84px;
    margin-right: 40px;
}

.material-form .material-form__field {
    width: 100%;
    margin-bottom: 20px;
}

.theme-light .material-form .material-form__field > div:before {
    border-bottom-color: #f2f4f7;
}

.theme-dark .material-form .material-form__field > div:before {
    border-bottom-color: #33333a;
}

.material-form .material-form__field > div:hover:before {
    border-bottom: 1px solid #4ce1b6 !important;
}

.material-form .material-form__field > div:after {
    border-color: #4ce1b6;
}

.material-form .material-form__field input, .material-form .material-form__field textarea {
    font-size: 12px;
}

.theme-light .material-form .material-form__field input, .theme-light .material-form .material-form__field textarea {
    color: #585b69;
}

.theme-dark .material-form .material-form__field input, .theme-dark .material-form .material-form__field textarea {
    color: #ddd;
}

.theme-light .material-form .material-form__field svg {
    fill: #585b69;
}

.theme-dark .material-form .material-form__field svg {
    fill: #ddd;
}

.material-form .material-form__label {
    margin: 0;
    font-size: 12px;
}

.theme-light .material-form .material-form__label {
    color: #585b69;
}

.theme-dark .material-form .material-form__label {
    color: #ddd;
}

.material-form label {
    font-size: 12px;
}

.theme-light .material-form label {
    color: #585b69;
}

.theme-dark .material-form label {
    color: #ddd;
}

.material-form label[data-shrink="true"] {
    -webkit-transform: translate(0, 1.5px) scale(0.85);
    -ms-transform: translate(0, 1.5px) scale(0.85);
    transform: translate(0, 1.5px) scale(0.85);
}

.material-form__option {
    font-size: 13px !important;
    height: 18px !important;
}

.chosen-choices .search-choice {
    padding: 0 !important;
    border: 1px solid #70bbfd !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background: white !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.chosen-choices .search-choice span {
    padding: 3px !important;
    border-right: 1px solid #70bbfd !important;
    font-weight: 400 !important;
}

.chosen-choices .search-choice a {
    margin: 4px !important;
    position: relative !important;
    top: 0 !important;
    right: 0 !important;
}

.basic-form-select + .chosen-container .chosen-search-input {
    border: 1px solid #f2f4f7 !important;
    background-image: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.basic-form-select + .chosen-container .chosen-search-input:focus {
    border: 1px solid #4ce1b6 !important;
}

.basic-form-select + .chosen-container .chosen-single {
    border: 1px solid #f2f4f7 !important;
    background-image: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.basic-form-select + .chosen-container.chosen-container-active .chosen-choices {
    border: 1px solid #4ce1b6 !important;
}

.basic-form-select + .chosen-container.chosen-container-active .chosen-single {
    border: 1px solid #4ce1b6 !important;
}

.basic-form-select + .chosen-container .chosen-choices {
    border: 1px solid #f2f4f7 !important;
    background-image: none !important;
}

.basic-form-select-multi + .chosen-container .chosen-single {
    border: 1px solid #f2f4f7 !important;
    background-image: none !important;
}

.basic-form-select-multi + .chosen-container.chosen-container-active .chosen-choices {
    border: 1px solid #4ce1b6 !important;
}

.basic-form-select-multi + .chosen-container .chosen-choices {
    border: 1px solid #f2f4f7 !important;
    background-image: none !important;
}

.basic-form-select-multi + .chosen-container .chosen-drop {
    top: 35px !important;
}

.btn-toolbar {
    margin-top: 15px;
    margin-bottom: 10px;
}

.btn-toolbar > * {
    margin-right: 15px;
}

.btn-toolbar > *:last-child {
    margin-right: 0;
}

.btn-toolbar:first-child {
    margin-top: 0;
}

.btn-toolbar:last-child {
    margin-bottom: -10px;
}

.btn-toolbar.btn-toolbar--center > * {
    margin-right: auto;
    margin-left: auto;
}

.timepicker {
    width: 100%;
}

.timepicker .dropdown__menu {
    padding: 0;
}

.rc-time-picker-input {
    border-radius: 0;
}

.rc-time-picker-panel {
    padding-top: 3px;
}

.rc-time-picker-panel-input-wrap {
    display: none;
}

.rc-time-picker-panel-inner {
    -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.05);
    border: none;
    border-radius: 0;
    margin-top: 32px;
}

.rc-time-picker-panel-select {
    overflow: hidden;
    border-right: 1px solid #eff1f5;
}

.rc-time-picker-panel-select ul {
    padding-right: 30px;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 86px;
    height: 144px;
}

.rc-time-picker-panel-select li {
    padding: 0;
    text-align: center;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    width: 56px;
}

.rc-time-picker-panel-select .dropdown-item.active {
    color: white;
    background: #70bbfd !important;
}

.rc-time-picker-panel-select .dropdown-item:hover {
    background: #70bbfd !important;
    color: white !important;
}

li.rc-time-picker-panel-select-option-selected {
    background: #70bbfd;
    color: white;
}

li.rc-time-picker-panel-select-option-selected:hover {
    background: #3ea3fc;
}

.rc-time-picker-panel-combobox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.rc-time-picker-panel-combobox .scrollbar-track {
    display: none !important;
}

.rc-time-picker-panel-combobox div {
    display: inline-block;
    width: 100%;
    text-align: center;
    height: 100px;
}

.rc-time-picker-clear {
    position: absolute;
    right: 40px;
    cursor: pointer;
    overflow: hidden;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    top: 30px;
    margin: 0;
}

.rc-time-picker-clear-icon:after {
    content: "x";
    font-size: 12px;
    font-style: normal;
    color: #aaa;
    display: inline-block;
    line-height: 1;
    height: 20px;
    width: 20px;
    -webkit-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.rc-time-picker-clear-icon:hover:after {
    color: #666;
}

.card__title {
    margin-bottom: 30px;
    text-transform: uppercase;
    position: relative;
}

.card__title:not(:first-child) {
    margin-top: 40px;
}

.card__title .subhead {
    text-transform: none;
    font-size: 12px;
    line-height: 18px;
    opacity: 0.7;
    margin-top: 3px;
}

.card__title * {
    margin-bottom: 0;
}

.card__title h5 {
    font-size: 13px;
}

.dropdown:last-child .btn {
    margin-right: 0;
}

.dropdown .btn.icon svg {
    height: 18px;
    width: 20px;
    margin-right: -5px;
}

.dropdown .btn-group {
    margin-right: 15px;
    margin-bottom: 0;
}

.dropdown .btn-group:last-child {
    margin-right: 0;
}

.dropdown .btn-group .btn:last-child {
    border-left: none;
    padding: 7px;
}

.dropdown .btn-group .btn:last-child svg {
    margin-left: 0;
    margin-right: 0;
}

.btn-dropdown {
    outline: none;
}

.dropdown__menu {
    width: 170px;
    border-radius: 0;
    top: 90%;
    border: none;
    margin: 0;
    padding: 15px 0;
    -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.05);
    font-size: 13px;
}

.theme-light .dropdown__menu {
    background: white;
}

.theme-dark .dropdown__menu {
    background: #232329;
}

.dropdown__menu button {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    padding: 7px 24px;
    cursor: pointer;
}

.theme-light .dropdown__menu button {
    color: #585b69;
}

.theme-dark .dropdown__menu button {
    color: #ddd;
}

.theme-light .dropdown__menu button:hover {
    background: #e5eafa;
    color: #585b69;
}

.theme-dark .dropdown__menu button:hover {
    background: #38373f;
    color: #ddd;
}

.dropdown__menu button:focus, .dropdown__menu button:active, .dropdown__menu button:active:focus {
    outline: none;
}

.dropdown__menu .active button {
    background-color: #70bbfd;
}

.dropdown__menu .active button:hover {
    background-color: #3ea3fc;
}

.sorting_asc:after {
    content: '';
    position: relative;
    left: 10px;
    top: 12px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #e8e8e8;
    clear: both;
}

.sorting_desc:after {
    content: '';
    position: relative;
    left: 10px;
    bottom: 12px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #e8e8e8;
    clear: both;
}

.dataTables_paginate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dataTables_paginate span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.current.pagination__link {
    color: black;
}

.paginate_button.previous, .paginate_button.next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.paginate_button.previous svg, .paginate_button.next svg {
    margin: 0 auto;
}

.editMe.busy input {
    border: 1px solid #eff1f5;
}

.editMe.busy input:focus {
    outline: none;
    border-color: #4ce1b6;
}
.table_style{
    display: table;
    padding: 0 0 0 10px;
}
.table_row{
    display: table-row;
}
.table_head_th{
    display:table-cell;
}
.table_tb{
    display:table-cell;

}
.table_head_th0{}
.table_head_th1{}
.table_head_th2{}
.table_head_th3{}
.table_head_th4{}
.table_head_th5{}
.table_head_th6{}
.table_head_th7{}

.table_tb0{
    width: 4%;
}
.table_tb1{
    width: 2.2%;
}
.table_tb2{
    width: 7%;
}
.table_tb3{
    width: 5%;
}
.table_tb4{
    width: 9%;
}
.table_tb5{
    width: 5%;
}
.table_tb6{
    width: 6%;
}
.table_tb7{
    width: 8%;
}

.table_tire0{
    width: 1%;
}
.table_tire1{
    width: 2.2%;
}
.table_tire2{
    width: 2%;
}
.table_tire3{
    width: 2%;
}
.table_tire4{
    width: 4%;
}
.table_tire5{
    width: 2%;
}
.table_tire6{
    width: 6%;
}
.table td {
    vertical-align: middle;
}

.table:last-child {
    margin-bottom: 0;
}

.table tbody td, .table th {
    border: none;
    padding: 10px;
}

.theme-light .table tbody td, .theme-light .table th {
    color: #585b69;
}

.theme-dark .table tbody td, .theme-dark .table th {
    color: #999999;
}

.theme-light .table thead th {
    color: #585b69;
    border-bottom-color: #dfe3eb;
}

.theme-dark .table thead th {
    color: #ddd;
    border-bottom-color: #333246;
}

.table .badge {
    color: #ffffff;
    padding: 6px 20px;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 400;
}

.table .badge.badge-success {
    background-color: #4ce1b6;
}

.table .badge.badge-warning {
    background-color: #f6da6e;
}

.table .badge.badge-primary {
    background-color: #70bbfd;
}

.table .badge.badge-danger {
    background-color: #ff4861;
}

.table .badge.badge-disabled {
    background-color: #dddddd;
}

.theme-light .table.table--bordered tr {
    border-bottom: 1px solid #dfe3eb;
}

.theme-dark .table.table--bordered tr {
    border-bottom: 1px solid #333246;
}

.table.table--bordered tr:last-child {
    border-bottom: none;
}

.theme-light .table.table--head-accent thead {
    color: #585b69;
    background-color: #e5eafa;
}

.theme-dark .table.table--head-accent thead {
    color: #999999;
    background-color: #38373f;
}

.table.table--head-accent thead th {
    border-bottom: none;
}

.theme-light .table.table-striped tbody tr:nth-of-type(odd) {
    background-color: #e5eafa;
}

.theme-dark .table.table-striped tbody tr:nth-of-type(odd) {
    background-color: #38373f;
}

.table.table-hover tbody tr {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
}

.theme-light .table.table-hover tbody tr:hover {
    background-color: #f2f4f7;
}

.theme-dark .table.table-hover tbody tr:hover {
    background-color: #2a2a31;
}

.dropdown--table {
    right: 5px;
    left: inherit;
}

.panel__body {
    position: relative;
    padding: 30px 35px 50px 15px !important;
    -webkit-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}

.dropzone {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    cursor: pointer;
}

.theme-light .dropzone {
    border: 1px solid #f2f4f7;
}

.theme-dark .dropzone {
    border: 1px solid #33333a;
}

.dropzone.dropzone--single {
    height: 300px;
}

.dropzone.dropzone--single .dropzone__img {
    margin: 0;
    height: 100%;
    width: 100%;
    text-align: center;
}

.dropzone.dropzone--single .dropzone__img img {
    padding: 20px;
    height: 100%;
    width: auto;
}

@-webkit-keyframes striped {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 60px 30px;
    }
}

@keyframes striped {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 60px 30px;
    }
}

.dropzone.dropzone--custom-height {
    min-height: 300px;
    height: auto;
}

.dropzone.dropzone--custom-height .dropzone__img {
    max-width: 100%;
}

.dropzone.dropzone--custom-height .dropzone__img img {
    max-width: 100%;
    height: auto;
}

.dropzone.dropzone--multiple {
    min-height: 400px;
}

.dropzone.dropzone--multiple .dropzone__input {
    min-height: 400px;
}

.dropzone__input {
    width: 100%;
    height: 100%;
    min-height: 298px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute !important;
    cursor: pointer;
}

.dropzone__drop-here {
    margin: auto;
    color: #8c8c8c;
}

.dropzone__imgs-wrapper {
    padding: 30px 20px;
    width: calc(100% + 30px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.dropzone__img {
    margin-bottom: 30px;
    width: calc(16.6667% - 30px);
    height: 150px;
    overflow: hidden;
    margin-left: 15px;
    margin-right: 15px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.theme-light .dropzone__img {
    outline: 1px solid #dfe3eb;
}

.theme-dark .dropzone__img {
    outline: 1px solid #333246;
}

.dropzone__img:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: default;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.dropzone__img:hover:before {
    background-color: rgba(25, 25, 25, 0.6);
}

.dropzone__img:hover .dropzone__img-delete {
    opacity: 1;
}

.dropzone__img:hover .dropzone__img-name {
    opacity: 0.7;
}

.dropzone__img-name {
    color: white;
    position: absolute;
    font-size: 12px;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 10;
    width: 100%;
    line-height: 12px;
    margin: 0;
    top: calc(50% - 6px);
}

.dropzone__img-delete {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 10;
    cursor: pointer;
    background: transparent;
    opacity: 0;
    color: white;
    font-size: 9px;
    border: 1px solid white;
    text-transform: uppercase;
    padding: 2px 7px;
    line-height: 10px;
}

.tabs {
    overflow: auto;
}

.tabs .tabs__wrap {
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;
}

.tabs .nav-tabs {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.tabs .nav-tabs .nav-item .nav-link {
    padding-left: 10px;
    padding-right: 10px;
}

.tabs .nav-tabs li .nav-link {
    padding: 10px 20px;
    margin-right: 0;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    cursor: pointer;
}

.theme-light .tabs .nav-tabs li .nav-link {
    color: #585b69;
}

.theme-dark .tabs .nav-tabs li .nav-link {
    color: #ddd;
}

.tabs .nav-tabs li .nav-link:hover, .tabs .nav-tabs li .nav-link:focus, .tabs .nav-tabs li .nav-link:active {
    outline: none;
}

.theme-light .tabs .nav-tabs li .nav-link:hover, .theme-light .tabs .nav-tabs li .nav-link:focus, .theme-light .tabs .nav-tabs li .nav-link:active {
    background-color: #e5eafa;
    border-color: #e5eafa;
    border-bottom-color: #dddddd;
}

.theme-dark .tabs .nav-tabs li .nav-link:hover, .theme-dark .tabs .nav-tabs li .nav-link:focus, .theme-dark .tabs .nav-tabs li .nav-link:active {
    background-color: #38373f;
    border-color: #38373f;
    border-bottom-color: #dddddd;
}

.tabs .nav-tabs li .nav-link.active, .tabs .nav-tabs li .nav-link.active:focus,
.tabs .nav-tabs li .nav-link.active:hover {
    background-color: transparent;
}

.theme-light .tabs .nav-tabs li .nav-link.active, .theme-light .tabs .nav-tabs li .nav-link.active:focus, .theme-light
.tabs .nav-tabs li .nav-link.active:hover {
    border-color: #dddddd;
    border-bottom-color: white;
    color: #585b69;
}

.theme-dark .tabs .nav-tabs li .nav-link.active, .theme-dark .tabs .nav-tabs li .nav-link.active:focus, .theme-dark
.tabs .nav-tabs li .nav-link.active:hover {
    border-color: #dddddd;
    border-bottom-color: #232329;
    color: #ddd;
}

.tabs .nav-tabs li.disabled .nav-link {
    color: #8c8c8c;
}

.tabs .tab-pane {
    padding-top: 20px;
}

.tabs.tabs--bordered-top .nav-tabs li .nav-link {
    border-top: 2px solid transparent;
    border-radius: 0;
}

.tabs.tabs--bordered-top .nav-tabs li .nav-link.active, .tabs.tabs--bordered-top .nav-tabs li .nav-link.active:focus, .tabs.tabs--bordered-top .nav-tabs li .nav-link.active:hover {
    border-radius: 0;
    border-top: 2px solid #4ce1b6;
}

.tabs.tabs--bordered-bottom .nav-tabs li .nav-link {
    border-color: transparent;
    border-bottom: 1px solid transparent;
    padding-bottom: 11px;
}

.tabs.tabs--bordered-bottom .nav-tabs li .nav-link.active, .tabs.tabs--bordered-bottom .nav-tabs li .nav-link.active:focus, .tabs.tabs--bordered-bottom .nav-tabs li .nav-link.active:hover {
    border-radius: 0;
    border-color: transparent;
    border-bottom: 2px solid #4ce1b6;
    padding-bottom: 10px;
}

.tabs.tabs--justify .nav-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.tabs.tabs--justify .nav-tabs li {
    width: 100%;
}

.tabs.tabs--justify .nav-tabs li a {
    text-align: center;
}

.tabs.tabs--vertical {
    overflow-y: visible;
}

.tabs.tabs--vertical .tabs__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.tabs.tabs--vertical .nav-tabs {
    border-bottom: none;
    width: 90px;
    height: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tabs.tabs--vertical .nav-tabs li {
    margin-top: 0;
    width: 100%;
}

.tabs.tabs--vertical .nav-tabs li .nav-link {
    padding: 10px 10px 10px 0;
    margin-right: 0;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    border-radius: 0;
    border: none;
}

.theme-light .tabs.tabs--vertical .nav-tabs li .nav-link {
    color: #585b69;
    border-right: 2px solid #dddddd;
}

.theme-dark .tabs.tabs--vertical .nav-tabs li .nav-link {
    color: #ddd;
    border-right: 2px solid #dddddd;
}

.tabs.tabs--vertical .nav-tabs li .nav-link:hover, .tabs.tabs--vertical .nav-tabs li .nav-link:focus, .tabs.tabs--vertical .nav-tabs li .nav-link:active {
    outline: none;
}

.theme-light .tabs.tabs--vertical .nav-tabs li .nav-link:hover, .theme-light .tabs.tabs--vertical .nav-tabs li .nav-link:focus, .theme-light .tabs.tabs--vertical .nav-tabs li .nav-link:active {
    background-color: #e5eafa;
}

.theme-dark .tabs.tabs--vertical .nav-tabs li .nav-link:hover, .theme-dark .tabs.tabs--vertical .nav-tabs li .nav-link:focus, .theme-dark .tabs.tabs--vertical .nav-tabs li .nav-link:active {
    background-color: #38373f;
}

.tabs.tabs--vertical .nav-tabs li .nav-link.active, .tabs.tabs--vertical .nav-tabs li .nav-link.active:focus,
.tabs.tabs--vertical .nav-tabs li .nav-link.active:hover {
    background-color: transparent;
}

.theme-light .tabs.tabs--vertical .nav-tabs li .nav-link.active, .theme-light .tabs.tabs--vertical .nav-tabs li .nav-link.active:focus, .theme-light
.tabs.tabs--vertical .nav-tabs li .nav-link.active:hover {
    border-right-color: #4ce1b6;
}

.theme-dark .tabs.tabs--vertical .nav-tabs li .nav-link.active, .theme-dark .tabs.tabs--vertical .nav-tabs li .nav-link.active:focus, .theme-dark
.tabs.tabs--vertical .nav-tabs li .nav-link.active:hover {
    border-right-color: #4ce1b6;
}

.tabs.tabs--vertical .nav-tabs li.disabled .nav-link {
    color: #8c8c8c;
}

.tabs.tabs--vertical .tab-pane {
    padding-top: 0;
    padding-left: 20px;
}

.tabs.tabs--vertical.tabs--vertical-colored .nav-tabs li .nav-link {
    border-right-color: #eeeeee;
    padding-left: 10px;
    text-align: center;
}

.tabs.tabs--vertical.tabs--vertical-colored .nav-tabs li .nav-link.active, .tabs.tabs--vertical.tabs--vertical-colored .nav-tabs li .nav-link.active:focus,
.tabs.tabs--vertical.tabs--vertical-colored .nav-tabs li .nav-link.active:hover {
    background-color: #eeeeee;
    border-right-color: #eeeeee;
    color: #646777;
}

.modal-dialog {
    max-width: 385px;
}

.modal-content {
    border-radius: 0;
    border: none;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    position: relative;
    padding: 50px 40px 60px 40px;
    text-align: center;
}

.theme-light .modal-content {
    background-color: white;
    color: "#ddd";
}

.theme-dark .modal-content {
    background-color: #232329;
    color: #646777;
}

.modal__close-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 14px;
    width: 14px;
    height: 14px;
    cursor: pointer;
    padding: 0;
    border: none;
    background: transparent;
}

.theme-light .modal__close-btn {
    color: #d0d0d0;
}

.theme-dark .modal__close-btn {
    color: #605f7b;
}

.modal__title-icon {
    width: 24px;
    height: 24px;
    font-size: 24px;
}

.modal__title {
    margin-top: 10px;
    margin-bottom: 15px;
}

.modal__title:first-child {
    margin-top: 0;
}

.modal__footer {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
}

.modal__footer button {
    min-width: 100px;
    padding: 4px 25px;
    margin-bottom: 0;
}

.modal-dialog--primary .modal__title-icon {
    color: #70bbfd;
}

.modal-dialog--success .modal__title-icon {
    color: #4ce1b6;
}

.modal-dialog--warning .modal__title-icon {
    color: #f6da6e;
}

.modal-dialog--danger .modal__title-icon {
    color: #ff4861;
}

.modal-dialog--colored {
    color: white;
}

.modal-dialog--colored .modal__header .modal__title {
    color: white;
}

.modal-dialog--colored .modal__title-icon {
    color: white;
}

.modal-dialog--colored .modal__close-btn {
    color: white;
}

.modal-dialog--colored .modal__footer button:first-child {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.3);
    border-color: #ffffff;
}

.modal-dialog--colored .modal__footer button:first-child:before {
    background-color: rgba(255, 255, 255, 0.2);
}

.modal-dialog--colored .modal__footer button:last-child {
    border-color: white;
    color: white;
}

.modal-dialog--colored.modal-dialog--primary .modal-content {
    background-color: #70bbfd;
}

.modal-dialog--colored.modal-dialog--success .modal-content {
    background-color: #4ce1b6;
}

.modal-dialog--colored.modal-dialog--warning .modal-content {
    background-color: #f6da6e;
}

.modal-dialog--colored.modal-dialog--danger .modal-content {
    background-color: #ff4861;
}

.modal-dialog--header {
    max-width: 520px;
}

.modal-dialog--header .modal-content {
    padding: 0;
    text-align: left;
}

.modal-dialog--header .modal__header {
    color: white;
    padding: 15px 20px;
    position: relative;
}

.modal-dialog--header .modal__title {
    margin: 0;
    font-weight: 300;
    color: white;
}

.modal-dialog--header .modal__close-btn {
    color: white;
    top: calc(50% - 8px);
}

.modal-dialog--header .modal__body {
    padding: 25px 40px 20px 20px;
}

.modal-dialog--header .modal__footer {
    margin-bottom: 40px !important;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 20px;
}

.modal-dialog--header.modal-dialog--primary .modal__header {
    background-color: #70bbfd;
}

.modal-dialog--header.modal-dialog--success .modal__header {
    background-color: #4ce1b6;
}

.modal-dialog--header.modal-dialog--warning .modal__header {
    background-color: #f6da6e;
}

.modal-dialog--header.modal-dialog--danger .modal__header {
    background-color: #ff4861;
}

.color-picker {
    width: 160px;
}

.color-picker .color-picker__color {
    margin: auto auto auto 0;
    padding-left: 10px;
}

.pickr {
    display: none;
}

.color-picker__button {
    height: 32px;
    width: 160px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: transparent;
    padding: 0;
}

.theme-light .color-picker__button {
    border: 1px solid #f2f4f7;
}

.theme-dark .color-picker__button {
    border: 1px solid #33333a;
}

.color-picker__button.active {
    border-color: #4ce1b6;
}

.color-picker__color-view {
    height: 30px;
    width: 50px;
}

.color-picker__popover.popover {
    width: auto;
}

.color-picker__popover.popover .block-picker > div:first-child {
    display: none;
}

.color-picker__popover.popover .block-picker, .color-picker__popover.popover .chrome-picker, .color-picker__popover.popover .sketch-picker {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

input[type='color'] {
    padding: 0 !important;
    height: 30px !important;
    width: 50px !important;
}

.standard-color-picker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #f2f4f7;
    height: 100%;
}

.standard-color-picker p {
    height: 100%;
    margin: auto auto auto 0;
    padding-left: 10px;
}

.standard-picker {
    width: 50px;
    height: 30px;
}

.standard-picker input {
    opacity: 0;
    width: 50px;
    height: 30px;
}

.alert {
    border-radius: 0;
    position: relative;
    margin-bottom: 10px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.alert.fade {
    opacity: 1;
}

.alert--colored p {
    color: #fff !important;
}

.alert:last-child {
    margin-bottom: 0;
}

.alert p {
    color: #ffffff;
    margin-top: 0;
}

.alert .close {
    color: white;
    opacity: 1;
    font-weight: 100;
    right: 20px;
    font-size: 14px;
    line-height: 14px;
    position: absolute;
    top: calc(50% - 7px);
    text-shadow: none;
}

.alert .close:focus, .alert .close:active, .alert .close:active:focus {
    outline: none;
}

.alert.alert-info {
    background-color: #70bbfd;
    border-color: #70bbfd;
}

.alert.alert-info.alert--bordered .alert__icon {
    background-color: #70bbfd;
}

.alert.alert-info.alert--colored .alert__icon {
    background-color: #87c3f7;
}

.alert.alert-info.alert--neutral .alert__icon svg {
    fill: #70bbfd;
}

.alert.alert-success {
    background-color: #4ce1b6;
    border-color: #4ce1b6;
}

.alert.alert-success.alert--bordered .alert__icon {
    background-color: #4ce1b6;
}

.alert.alert-success.alert--colored .alert__icon {
    background-color: #55e5bb;
}

.alert.alert-success.alert--neutral .alert__icon svg {
    fill: #4ce1b6;
}

.alert.alert-warning {
    background-color: #f6da6e;
    border-color: #f6da6e;
}

.alert.alert-warning.alert--bordered .alert__icon {
    background-color: #f6da6e;
}

.alert.alert-warning.alert--colored .alert__icon {
    background-color: #f4dd87;
}

.alert.alert-warning.alert--neutral .alert__icon svg {
    fill: #f6da6e;
}

.alert.alert-danger {
    background-color: #ff4861;
    border-color: #ff4861;
}

.alert.alert-danger.alert--bordered .alert__icon {
    background-color: #ff4861;
}

.alert.alert-danger.alert--colored .alert__icon {
    background-color: #f88e7d;
}

.alert.alert-danger.alert--neutral .alert__icon svg {
    fill: #ff4861;
}

.alert.alert--bordered {
    background-color: transparent;
}

.theme-light .alert.alert--bordered p {
    color: #585b69;
}

.theme-dark .alert.alert--bordered p {
    color: #ddd;
}

.alert.alert--bordered .close {
    color: #8c8c8c;
}

.alert.alert--neutral {
    background-color: transparent;
    border-color: #f2f4f7;
}

.theme-light .alert.alert--neutral p {
    color: #585b69;
}

.theme-dark .alert.alert--neutral p {
    color: #ddd;
}

.alert.alert--neutral .close {
    color: #8c8c8c;
}

.theme-light .alert.alert--neutral svg {
    fill: #585b69;
}

.theme-dark .alert.alert--neutral svg {
    fill: #ddd;
}

.alert.alert--neutral .alert__icon {
    border-right: 1px solid #f2f4f7;
}

.theme-light .wizard {
    background-color: white;
}

.theme-dark .wizard {
    background-color: #232329;
}

.wizard .wizard__form {
    max-width: 610px;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 100px;
    padding: 0 25px;
}

.wizard .wizard__form .wizard__toolbar {
    margin-left: auto;
    margin-right: auto;
}

.wizard__steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.wizard__step {
    width: 100%;
    text-align: center;
    height: 55px;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
}

.theme-light .wizard__step {
    border: 1px solid #dfe3eb;
    background: #e5eafa;
}

.theme-dark .wizard__step {
    border: 1px solid #333246;
    background: #38373f;
}

.wizard__step p {
    font-weight: 700;
    margin: auto !important;
    font-size: 14px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.wizard__step.wizard__step--active {
    background: #70bbfd;
    border-color: #70bbfd;
}

.wizard__step.wizard__step--active p {
    color: #ffffff;
}

.wizard__form-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.wizard__title {
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 500;
}

.wizard__description {
    color: #8c8c8c;
    margin: 0;
    max-width: 410px;
}

.date-picker.date-picker--interval {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
}

.ui-state-hover {
    border: 0 !important;
    font-weight: 700 !important;
    right: 0 !important;
}

.ui-datepicker-next-hover {
    right: 0 !important;
}

.ui-datepicker {
    padding: 0;
    display: grid;
}

.ui-datepicker .ui-timepicker-div {
    display: none;
}

.ui-datepicker.timepicker {
    width: 400px;
}

.ui-datepicker.timepicker .ui-timepicker-div {
    display: block;
}

.ui-datepicker .ui-timepicker-div {
    grid-column: 2;
    grid-row: 2;
    padding-top: 30px;
}

.ui-datepicker .ui-datepicker-buttonpane {
    display: none;
}

.ui-datepicker .ui-datepicker-title {
    margin-top: 0;
    color: #000;
    font-weight: 700;
    font-size: .944rem;
}

.ui-datepicker .ui-datepicker-calendar {
    margin: 0;
    background: white;
    grid-column: 1;
    grid-row: 2;
}

.ui-datepicker .ui-datepicker-calendar thead tr {
    background: #f0f0f0;
    color: black;
}

.ui-datepicker .ui-datepicker-calendar thead tr th span {
    color: #000;
    display: inline-block;
    text-align: center;
    font-weight: 400;
}

.ui-datepicker .ui-datepicker-calendar tbody tr td:first-child {
    padding-left: .266rem;
}

.ui-datepicker .ui-datepicker-calendar tbody tr td a {
    background-color: white;
    border: 0;
    color: black;
    text-align: center;
}

.ui-datepicker .ui-datepicker-calendar tbody tr td a:hover {
    color: black;
    border-radius: .3rem;
    background-color: #f0f0f0;
}

.ui-datepicker .ui-datepicker-calendar tbody tr td:last-child {
    padding-right: .266rem;
}

.ui-datepicker.blue {
    background: #70bbfd;
}

.ui-datepicker.blue .ui-datepicker-title {
    color: white;
}

.ui-datepicker.blue .ui-timepicker-div {
    color: white;
}

.ui-datepicker.blue .ui-datepicker-header {
    background: #70bbfd;
}

.ui-datepicker.blue .ui-datepicker-header .ui-datepicker-prev {
    top: 5px;
    left: 0;
    cursor: pointer;
}

.ui-datepicker.blue .ui-datepicker-header .ui-datepicker-prev:hover {
    background: none;
}

.ui-datepicker.blue .ui-datepicker-header .ui-datepicker-prev .ui-icon {
    background: none;
    line-height: 1.7rem;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 10px;
    padding: 0;
    border: .45rem solid transparent;
    border-right-color: transparent;
    z-index: 1;
    height: 10px;
    width: 10px;
    text-indent: -999em;
    overflow: hidden;
    left: 10px;
    right: 0;
    border-right-color: white;
}

.ui-datepicker.blue .ui-datepicker-header .ui-datepicker-prev .ui-icon:hover {
    border-right-color: white;
}

.ui-datepicker.blue .ui-datepicker-header .ui-datepicker-next {
    top: 5px;
    right: 0;
    cursor: pointer;
}

.ui-datepicker.blue .ui-datepicker-header .ui-datepicker-next:hover {
    background: none;
}

.ui-datepicker.blue .ui-datepicker-header .ui-datepicker-next .ui-icon {
    background: none;
    line-height: 1.7rem;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 10px;
    padding: 0;
    border: .45rem solid transparent;
    border-right-color: transparent;
    z-index: 1;
    height: 10px;
    width: 10px;
    text-indent: -999em;
    overflow: hidden;
    left: 15px;
    right: 0;
    border-left-color: white;
}

.ui-datepicker.blue .ui-datepicker-header .ui-datepicker-next .ui-icon:hover {
    border-left-color: white;
}

.ui-datepicker.blue .ui-datepicker-calendar thead tr {
    background: #70bbfd;
}

.ui-datepicker.blue .ui-datepicker-calendar thead tr th span {
    color: white;
}

.ui-datepicker-header {
    background: #f0f0f0;
    border: 0;
    padding-top: 8px;
    padding-bottom: 0;
    grid-column: 1;
    grid-row: 1;
}

.ui-datepicker-header .ui-datepicker-prev {
    top: 5px;
    left: 0;
}

.ui-datepicker-header .ui-datepicker-prev .ui-icon {
    background: none;
    line-height: 1.7rem;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 10px;
    padding: 0;
    border: .45rem solid transparent;
    border-right-color: transparent;
    z-index: 1;
    height: 10px;
    width: 10px;
    text-indent: -999em;
    overflow: hidden;
    left: 10px;
    right: 0;
    border-right-color: #ccc;
}

.ui-datepicker-header .ui-datepicker-prev .ui-icon:hover {
    border-right-color: #b3b3b3;
}

.ui-datepicker-header .ui-datepicker-next {
    top: 5px;
    right: 0;
}

.ui-datepicker-header .ui-datepicker-next .ui-icon {
    background: none;
    line-height: 1.7rem;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 10px;
    padding: 0;
    border: .45rem solid transparent;
    border-right-color: transparent;
    z-index: 1;
    height: 10px;
    width: 10px;
    text-indent: -999em;
    overflow: hidden;
    left: 15px;
    right: 0;
    border-left-color: #ccc;
}

.ui-datepicker-header .ui-datepicker-next .ui-icon:hover {
    border-left-color: #b3b3b3;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background-color: white;
    border: 0;
    color: black;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    background: white;
    border: 0;
    color: black;
}

.card {
    width: 100%;
    padding-bottom: 30px;
    height: 100%;
    border: none;
    background-color: transparent;
}

.card.card--not-full-height {
    height: auto;
}

.card-body {
    padding: 30px;
    height: 100%;
    border-radius: 5px;
}

.theme-light .card-body {
    background-color: white;
}

.theme-dark .card-body {
    background-color: #232329;
}

.squared-corner-theme .card-body {
    border-radius: 0;
}

.blocks-with-shadow-theme .card-body {
    -webkit-box-shadow: 0 10px 30px 1px rgba(0, 0, 0, 0.06);
    box-shadow: 0 10px 30px 1px rgba(0, 0, 0, 0.06);
}

.catalog-items__wrap {
    overflow: hidden;
    width: 100%;
}

.catalog-items {
    width: calc(100% + 30px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.catalog-item {
    width: calc(25% - 30px);
    margin-bottom: 30px;
    margin-right: 30px;
    position: relative;
}

.theme-light .catalog-item {
    background-color: white;
}

.theme-dark .catalog-item {
    background-color: #232329;
}

@media screen and (max-width: 1500px) {
    .catalog-item {
        width: calc(33.3333% - 30px);
    }
}

@media screen and (max-width: 1200px) {
    .catalog-item {
        width: calc(50% - 30px);
    }
}

@media screen and (max-width: 992px) {
    .catalog-item {
        width: calc(100% - 30px);
    }
}

.catalog-item__link {
    padding: 40px 30px;
    display: block;
}

.catalog-item__link:hover {
    text-decoration: none;
}

.catalog-item__link:hover .catalog-item__title {
    color: #4ce1b6;
}

.catalog-item__img-wrap {
    width: 100%;
    height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px;
    overflow: hidden;
}

.catalog-item__img {
    height: 100%;
    width: auto;
}

.catalog-item__info {
    position: relative;
    width: calc(100% - 90px);
}

.catalog-item__title {
    font-weight: 500;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.catalog-item__description {
    margin: 0;
    color: #8c8c8c;
    line-height: 17px;
}

.catalog-item__price {
    position: absolute;
    top: 0;
    right: -90px;
    line-height: 36px;
}

.catalog-item__old-price {
    position: absolute;
    right: -90px;
    top: 36px;
    line-height: 28px;
    color: #8c8c8c;
    margin: 0;
    text-decoration: line-through;
}

.catalog-item__color {
    height: 10px;
    width: 10px;
    margin-right: 8px;
    display: inline-block;
    border-radius: 50%;
    margin-top: 10px;
}

.catalog-item__label {
    position: absolute;
    top: -2px;
    right: 20px;
    width: 50px;
}

.alert__content {
    padding: 10px 40px 10px 20px;
}

.grid {
    padding-bottom: 20px;
}

.grid .card-body {
    padding: 0;
    text-align: center;
    height: 62px;
}

@media screen and (min-width: 768px) and (max-width: 1920px) {
    .grid .grid__small {
        display: none;
    }
}

.grid p {
    margin-bottom: 0;
    padding: 20px 15px;
}

@media screen and (min-width: 768px) {
    .container {
        width: 100%;
        max-width: 1630px;
    }
}

.container__wrap {
    padding-left: 0;
    padding-top: 90px;
    min-height: 100vh;
    -webkit-transition: padding-left 0.3s;
    -o-transition: padding-left 0.3s;
    transition: padding-left 0.3s;
}

.theme-light .container__wrap {
    background: #f2f4f7;
}

.theme-dark .container__wrap {
    background: #2a2a31;
}

@media screen and (min-width: 576px) {
    .container__wrap {
        padding-left: 250px;
    }
}

.layout.layout--collapse + .container__wrap {
    padding-left: 0;
}

@media screen and (min-width: 576px) {
    .layout.layout--collapse + .container__wrap {
        padding-left: 60px;
    }
}

@media screen and (min-width: 576px) {
    .layout.layout--top-navigation + .container__wrap {
        padding-left: 0;
    }
}

.panel {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.panel.panel--collapse {
    height: 108px;
}

.panel.panel--collapse.panel--divider .panel__title, .panel.panel--collapse .panel__title {
    margin-bottom: 0;
    padding-left: 15px;
    margin-top: 2px;
}

.panel.panel--collapse.panel--divider .panel__title .subhead, .panel.panel--collapse .panel__title .subhead {
    opacity: 0;
}

.panel.panel--collapse.panel--divider {
    height: 72px;
    margin-bottom: 36px;
}

.panel.panel--collapse.panel--success, .panel.panel--collapse.panel--primary, .panel.panel--collapse.panel--warning, .panel.panel--collapse.panel--danger {
    height: 72px;
    margin-bottom: 9px;
}

.panel.panel--collapse .panel__body {
    padding: 35px 35px 35px 30px;
}

.panel.panel--narrow .panel__title {
    margin-bottom: 0;
}

.panel.panel--divider .panel__body {
    padding: 0;
}

.panel.panel--divider .panel__title {
    margin-bottom: 15px;
    padding-left: 15px;
}

.panel.panel--success .panel__body, .panel.panel--primary .panel__body, .panel.panel--warning .panel__body, .panel.panel--danger .panel__body {
    padding: 0 !important;
}

.panel.panel--success .panel__title, .panel.panel--primary .panel__title, .panel.panel--warning .panel__title, .panel.panel--danger .panel__title {
    padding: 20px 40px 15px 30px;
    margin-bottom: 15px;
}

.panel.panel--success .panel__title h5, .panel.panel--primary .panel__title h5, .panel.panel--warning .panel__title h5, .panel.panel--danger .panel__title h5 {
    color: white;
}

.panel.panel--success .panel__btns, .panel.panel--primary .panel__btns, .panel.panel--warning .panel__btns, .panel.panel--danger .panel__btns {
    top: 18px;
}

.panel.panel--success .panel__btns svg, .panel.panel--primary .panel__btns svg, .panel.panel--warning .panel__btns svg, .panel.panel--danger .panel__btns svg {
    fill: #ffffff;
}

.panel.panel--success .panel__content, .panel.panel--primary .panel__content, .panel.panel--warning .panel__content, .panel.panel--danger .panel__content {
    padding: 0 35px 40px 30px;
}

.panel.panel--success .panel__title {
    background-color: #4ce1b6;
}

.panel.panel--danger .panel__title {
    background-color: #ff4861;
}

.panel.panel--warning .panel__title {
    background-color: #f6da6e;
}

.panel.panel--primary .panel__title {
    background-color: #70bbfd;
}

.panel__refresh {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.panel__refresh:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
    top: 0;
    left: 0;
    border-radius: 5px;
}

.theme-light .panel__refresh:before {
    background-color: white;
    opacity: 0.8;
}

.theme-dark .panel__refresh:before {
    background-color: #232329;
    opacity: 0.8;
}

.panel__refresh svg {
    fill: #4ce1b6;
    position: absolute;
    -webkit-animation: refresh 1s infinite linear;
    animation: refresh 1s infinite linear;
    z-index: 10;
    width: 48px;
    height: 48px;
    top: calc(50% - 24px);
    left: calc(50% - 24px);
}

@-webkit-keyframes refresh {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes refresh {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.panel__content {
    padding-left: 15px;
}

.radio-btn {
    display: inline-block;
    cursor: pointer;
    padding-right: 20px;
}

.radio-btn:last-child {
    padding-right: 0;
}

.radio-btn:hover .radio-btn__radio-custom {
    border-color: #4ce1b6;
}

.radio-btn:hover .radio-btn__label {
    color: #4ce1b6;
}

.radio-btn.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.4;
}

.radio-btn.radio-btn--colored .radio-btn__radio-custom {
    border: 2px solid #4ce1b6;
}

.radio-btn.radio-btn--colored-click .radio-btn__radio:checked + .radio-btn__radio-custom {
    background: #4ce1b6;
}

.radio-btn.radio-btn--colored-click .radio-btn__radio:checked + .radio-btn__radio-custom::before {
    background: #ffffff;
}

.radio-btn.radio-btn--colored-click.disabled .radio-btn__radio:checked + .radio-btn__radio-custom {
    background: transparent;
}

.radio-btn.radio-btn--colored-click.disabled .radio-btn__radio:checked + .radio-btn__radio-custom::before {
    background: #4ce1b6;
}

.radio-btn.radio-btn--button {
    background: #4ce1b6;
    min-width: 150px;
    color: #ffffff;
    height: 24px;
    border-radius: 4px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 6px;
    width: 100%;
}

.radio-btn.radio-btn--button .radio-btn__radio-custom {
    display: none;
}

.radio-btn.radio-btn--button .radio-btn__label-svg {
    margin: auto 4px auto auto;
    height: 16px;
    line-height: 1;
}

.radio-btn.radio-btn--button .radio-btn__label-svg svg {
    fill: #ffffff;
    width: 14px;
    height: 14px;
}

.radio-btn.radio-btn--button .radio-btn__label-svg .radio-btn__label-check {
    display: none;
}

.radio-btn.radio-btn--button .radio-btn__radio:checked ~ .radio-btn__label-svg .radio-btn__label-check {
    display: block;
}

.radio-btn.radio-btn--button .radio-btn__radio:checked ~ .radio-btn__label-svg .radio-btn__label-uncheck {
    display: none;
}

.radio-btn.radio-btn--button .radio-btn__label {
    margin: auto auto auto 0;
    padding: 0;
    color: #ffffff;
}

.radio-btn.radio-btn--button:hover {
    background: #24d6a3;
}

.radio-btn.radio-btn--button:hover .radio-btn__label {
    color: #ffffff;
}

.radio-btn__radio {
    display: none;
}

.radio-btn__radio-custom {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    position: relative;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.theme-light .radio-btn__radio-custom {
    border: 1px solid #d0d0d0;
}

.theme-dark .radio-btn__radio-custom {
    border: 1px solid #605f7b;
}

.radio-btn__radio:checked + .radio-btn__radio-custom {
    border-color: #4ce1b6;
}

.radio-btn__label {
    line-height: 18px;
    padding-left: 9px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.theme-light .radio-btn__label {
    color: #585b69;
}

.theme-dark .radio-btn__label {
    color: #ddd;
}

.radio-btn__radio-custom,
.radio-btn__label {
    display: inline-block;
    vertical-align: middle;
}

.radio-btn__radio:checked + .radio-btn__radio-custom::before {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    top: calc(50% - 3px);
    left: calc(50% - 3px);
    background: #4ce1b6;
    border-radius: 50%;
}

.panel__label {
    left: 100%;
    background-color: #4ce1b6;
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 13px;
    padding: 3px 10px;
    margin-left: 10px;
}

/*!
FullCalendar Core Package v4.2.0
Docs & License: https://fullcalendar.io/
(c) 2019 Adam Shaw
*/
.fc-button:not(:disabled), .fc-event.fc-draggable, .fc-event[href], .fc-popover .fc-header .fc-close, a.fc-more, a[data-goto] {
    cursor: pointer;
}

.fc-bg, .fc-row .fc-bgevent-skeleton, .fc-row .fc-highlight-skeleton {
    bottom: 0;
}

.fc {
    direction: ltr;
    text-align: left;
}

.fc-rtl {
    text-align: right;
}

body .fc {
    font-size: 1em;
}

.fc-highlight {
    background: #bce8f1;
    opacity: .3;
}

.fc-bgevent {
    background: #8fdf82;
    opacity: .3;
}

.fc-nonbusiness {
    background: #d7d7d7;
}

.fc-popover {
    position: absolute;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.fc-popover .fc-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 4px;
}

.fc-rtl .fc-popover .fc-header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.fc-popover .fc-header .fc-title {
    margin: 0 2px;
}

.fc-popover .fc-header .fc-close {
    opacity: .65;
    font-size: 1.1em;
}

.fc-divider {
    border-style: solid;
    border-width: 1px;
}

hr.fc-divider {
    height: 0;
    margin: 0;
    padding: 0 0 2px;
    border-width: 1px 0;
}

.fc-bg table, .fc-row .fc-bgevent-skeleton table, .fc-row .fc-highlight-skeleton table {
    height: 100%;
}

.fc-bg, .fc-bgevent-skeleton, .fc-highlight-skeleton, .fc-mirror-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.fc table {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em;
}

.fc th {
    text-align: center;
}

.fc td, .fc th {
    border-style: solid;
    border-width: 1px;
    padding: 0;
    vertical-align: top;
}

.fc td.fc-today {
    border-style: double;
}

a[data-goto]:hover {
    text-decoration: underline;
}

.fc .fc-row {
    border-style: solid;
    border-width: 0;
}

.fc-row table {
    border-left: 0 hidden transparent;
    border-right: 0 hidden transparent;
    border-bottom: 0 hidden transparent;
}

.fc-row:first-child table {
    border-top: 0 hidden transparent;
}

.fc-row {
    position: relative;
}

.fc-row .fc-bg {
    z-index: 1;
}

.fc-row .fc-bgevent-skeleton td, .fc-row .fc-highlight-skeleton td {
    border-color: transparent;
}

.fc-row .fc-bgevent-skeleton {
    z-index: 2;
}

.fc-row .fc-highlight-skeleton {
    z-index: 3;
}

.fc-row .fc-content-skeleton {
    position: relative;
    z-index: 4;
    padding-bottom: 2px;
}

.fc-row .fc-mirror-skeleton {
    z-index: 5;
}

.fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-mirror-skeleton td {
    background: 0 0;
    border-color: transparent;
}

.fc-row .fc-content-skeleton td, .fc-row .fc-mirror-skeleton td {
    border-bottom: 0;
}

.fc-row .fc-content-skeleton tbody td, .fc-row .fc-mirror-skeleton tbody td {
    border-top: 0;
}

.fc-scroller {
    -webkit-overflow-scrolling: touch;
}

.fc-scroller > .fc-day-grid, .fc-scroller > .fc-time-grid {
    position: relative;
    width: 100%;
}

.fc-event {
    position: relative;
    display: block;
    font-size: .85em;
    line-height: 1.4;
    border-radius: 3px;
    border: 1px solid #3788d8;
}

.fc-event, .fc-event-dot {
    background-color: #3788d8;
}

.fc-event, .fc-event:hover {
    color: #fff;
    text-decoration: none;
}

.fc-not-allowed, .fc-not-allowed .fc-event {
    cursor: not-allowed;
}

.fc-event .fc-content {
    position: relative;
    z-index: 2;
}

.fc-event .fc-resizer {
    position: absolute;
    z-index: 4;
    display: none;
}

.fc-event.fc-allow-mouse-resize .fc-resizer, .fc-event.fc-selected .fc-resizer {
    display: block;
}

.fc-event.fc-selected .fc-resizer:before {
    content: "";
    position: absolute;
    z-index: 9999;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
}

.fc-event.fc-selected {
    z-index: 9999 !important;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.fc-event.fc-selected:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    background: #000;
    opacity: .25;
}

.fc-event.fc-dragging.fc-selected {
    -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

.fc-event.fc-dragging:not(.fc-selected) {
    opacity: .75;
}

.fc-h-event.fc-selected:before {
    content: "";
    position: absolute;
    z-index: 3;
    top: -10px;
    bottom: -10px;
    left: 0;
    right: 0;
}

.fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end {
    margin-left: 0;
    border-left-width: 0;
    padding-left: 1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start {
    margin-right: 0;
    border-right-width: 0;
    padding-right: 1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.fc-ltr .fc-h-event .fc-start-resizer, .fc-rtl .fc-h-event .fc-end-resizer {
    cursor: w-resize;
    left: -1px;
}

.fc-ltr .fc-h-event .fc-end-resizer, .fc-rtl .fc-h-event .fc-start-resizer {
    cursor: e-resize;
    right: -1px;
}

.fc-h-event.fc-allow-mouse-resize .fc-resizer {
    width: 7px;
    top: -1px;
    bottom: -1px;
}

.fc-h-event.fc-selected .fc-resizer {
    border-radius: 4px;
    border-width: 1px;
    width: 6px;
    height: 6px;
    border-style: solid;
    border-color: inherit;
    background: #fff;
    top: 50%;
    margin-top: -4px;
}

.fc-ltr .fc-h-event.fc-selected .fc-start-resizer, .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
    margin-left: -4px;
}

.fc-ltr .fc-h-event.fc-selected .fc-end-resizer, .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
    margin-right: -4px;
}

.fc-day-grid-event {
    margin: 1px 2px 0;
    padding: 0 1px;
}

tr:first-child > td > .fc-day-grid-event {
    margin-top: 2px;
}

.fc-mirror-skeleton tr:first-child > td > .fc-day-grid-event {
    margin-top: 0;
}

.fc-day-grid-event .fc-content {
    white-space: nowrap;
    overflow: hidden;
}

.fc-day-grid-event .fc-time {
    font-weight: 700;
}

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
    margin-left: -2px;
}

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
    margin-right: -2px;
}

a.fc-more {
    margin: 1px 3px;
    font-size: .85em;
    text-decoration: none;
}

a.fc-more:hover {
    text-decoration: underline;
}

.fc-limited {
    display: none;
}

.fc-button, .fc-icon {
    display: inline-block;
    font-weight: 400;
    text-align: center;
}

.fc-day-grid .fc-row {
    z-index: 1;
}

.fc-more-popover {
    z-index: 2;
    width: 220px;
}

.fc-more-popover .fc-event-container {
    padding: 10px;
}

.fc-now-indicator {
    position: absolute;
    border: 0 solid red;
}

.fc-unselectable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}

.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
    border-color: #ddd;
}

.fc-unthemed .fc-popover {
    background-color: #fff;
}

.fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-popover .fc-header {
    background: #eee;
}

.fc-unthemed td.fc-today {
    background: #fcf8e3;
}

.fc-unthemed .fc-disabled-day {
    background: #d7d7d7;
    opacity: .3;
}

@font-face {
    font-family: fcicons;
    src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype");
    font-weight: 400;
    font-style: normal;
}

.fc-icon {
    font-family: fcicons !important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 1em;
    height: 1em;
}

.fc-icon-chevron-left:before {
    content: "\e900";
}

.fc-icon-chevron-right:before {
    content: "\e901";
}

.fc-icon-chevrons-left:before {
    content: "\e902";
}

.fc-icon-chevrons-right:before {
    content: "\e903";
}

.fc-icon-minus-square:before {
    content: "\e904";
}

.fc-icon-plus-square:before {
    content: "\e905";
}

.fc-icon-x:before {
    content: "\e906";
}

.fc-button {
    overflow: visible;
    text-transform: none;
    margin: 0;
    font-family: inherit;
}

.fc-button::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

.fc-button {
    -webkit-appearance: button;
    color: #212529;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .4em .65em;
    font-size: 1em;
    line-height: 1.5;
    border-radius: .25em;
}

.fc-button:hover {
    color: #212529;
    text-decoration: none;
}

.fc-button:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
}

.fc-button:disabled {
    opacity: .65;
}

.fc-button-primary {
    color: #fff;
    background-color: #2C3E50;
    border-color: #2C3E50;
}

.fc-button-primary:hover {
    color: #fff;
    background-color: #1e2b37;
    border-color: #1a252f;
}

.fc-button-primary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}

.fc-button-primary:disabled {
    color: #fff;
    background-color: #2C3E50;
    border-color: #2C3E50;
}

.fc-button-primary:not(:disabled).fc-button-active, .fc-button-primary:not(:disabled):active {
    color: #fff;
    background-color: #1a252f;
    border-color: #151e27;
}

.fc-button-primary:not(:disabled).fc-button-active:focus, .fc-button-primary:not(:disabled):active:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}

.fc-button .fc-icon {
    vertical-align: middle;
    font-size: 1.5em;
}

.fc-button-group {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}

.fc-button-group > .fc-button {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.fc-button-group > .fc-button.fc-button-active, .fc-button-group > .fc-button:active, .fc-button-group > .fc-button:focus, .fc-button-group > .fc-button:hover {
    z-index: 1;
}

.fc-button-group > .fc-button:not(:first-child) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.fc-button-group > .fc-button:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.fc-unthemed .fc-popover {
    border-width: 1px;
    border-style: solid;
}

.fc-unthemed .fc-list-item:hover td {
    background-color: #f5f5f5;
}

.fc-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.fc-toolbar.fc-header-toolbar {
    margin-bottom: 1.5em;
}

.fc-toolbar.fc-footer-toolbar {
    margin-top: 1.5em;
}

.fc-toolbar > * > :not(:first-child) {
    margin-left: .75em;
}

.fc-toolbar h2 {
    font-size: 1.75em;
    margin: 0;
}

.fc-view-container {
    position: relative;
}

.fc-view-container *, .fc-view-container :after, .fc-view-container :before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.fc-view, .fc-view > table {
    position: relative;
    z-index: 1;
}

@media print {
    .fc-bg, .fc-bgevent-container, .fc-bgevent-skeleton, .fc-business-container, .fc-event .fc-resizer, .fc-highlight-container, .fc-highlight-skeleton, .fc-mirror-container, .fc-mirror-skeleton {
        display: none;
    }

    .fc tbody .fc-row, .fc-time-grid {
        min-height: 0 !important;
    }

    .fc-time-grid .fc-event.fc-not-end:after, .fc-time-grid .fc-event.fc-not-start:before {
        content: "...";
    }

    .fc {
        max-width: 100% !important;
    }

    .fc-event {
        background: #fff !important;
        color: #000 !important;
        page-break-inside: avoid;
    }

    .fc hr, .fc tbody, .fc td, .fc th, .fc thead, .fc-row {
        border-color: #ccc !important;
        background: #fff !important;
    }

    .fc tbody .fc-row {
        height: auto !important;
    }

    .fc tbody .fc-row .fc-content-skeleton {
        position: static;
        padding-bottom: 0 !important;
    }

    .fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td {
        padding-bottom: 1em;
    }

    .fc tbody .fc-row .fc-content-skeleton table {
        height: 1em;
    }

    .fc-more, .fc-more-cell {
        display: none !important;
    }

    .fc tr.fc-limited {
        display: table-row !important;
    }

    .fc td.fc-limited {
        display: table-cell !important;
    }

    .fc-popover, .fc-timeGrid-view .fc-axis {
        display: none;
    }

    .fc-slats, .fc-time-grid hr {
        display: none !important;
    }

    .fc button, .fc-button-group, .fc-time-grid .fc-event .fc-time span {
        display: none;
    }

    .fc-time-grid .fc-content-skeleton {
        position: static;
    }

    .fc-time-grid .fc-content-skeleton table {
        height: 4em;
    }

    .fc-time-grid .fc-event-container {
        margin: 0 !important;
    }

    .fc-time-grid .fc-event {
        position: static !important;
        margin: 3px 2px !important;
    }

    .fc-time-grid .fc-event.fc-not-end {
        border-bottom-width: 1px !important;
    }

    .fc-time-grid .fc-event.fc-not-start {
        border-top-width: 1px !important;
    }

    .fc-time-grid .fc-event .fc-time {
        white-space: normal !important;
    }

    .fc-time-grid .fc-event .fc-time:after {
        content: attr(data-full);
    }

    .fc-day-grid-container, .fc-scroller, .fc-time-grid-container {
        overflow: visible !important;
        height: auto !important;
    }

    .fc-row {
        border: 0 !important;
        margin: 0 !important;
    }
}

.calendar {
    height: 100%;
}

.calendar th {
    vertical-align: middle;
}

.calendar .fc-more {
    background-color: rgba(255, 255, 255, 0.3);
    z-index: 4;
    font-weight: 700;
    font-size: 85%;
    height: auto;
    line-height: normal;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #70bbfd !important;
    translition: all .3s;
}

.calendar .fc-popover .fc-header {
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    padding: 2px 10px;
    color: #646777;
}

.calendar .fc-popover .fc-event-container .fc-event {
    padding: 1px;
    margin: 2px;
    border-radius: 0.25em;
}

.calendar .fc-widget-content .fc-content {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.calendar .fc-widget-content .fc-today {
    background: #4ce1b6;
    color: white;
}

.calendar .fc-head-container {
    background: #f2f4f7;
    color: #999;
}

.calendar .fc-head-container th.fc-day-header {
    height: 40px;
}

.calendar .fc-head-container th.fc-day-header span {
    text-transform: uppercase;
    margin: auto;
    text-align: center;
}

.calendar .fc-left .fc-button-primary {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #f2f4f7;
    color: #999;
    border-radius: 3px;
    margin: 0;
    padding: 4px;
}

.calendar .fc-left .fc-button-primary .fc-icon {
    font-size: inherit;
}

.calendar .fc-left .fc-button-primary.fc-button-active:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.calendar .fc-left .fc-button-primary:hover {
    color: #646777;
    background: #f2f4fc;
}

.calendar .fc-center h2 {
    font-size: 12px;
    color: #646777;
    font-weight: 700;
}

.calendar .fc-right .fc-button-primary {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #f2f4f7;
    color: #999;
    margin: 0;
    border-radius: 0;
    margin: 0;
    padding: 4px;
}

.calendar .fc-right .fc-button-primary.fc-button-active {
    background-color: #d6d9dd;
}

.calendar .fc-right .fc-button-primary.fc-button-active:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.calendar .fc-right .fc-button-primary:hover {
    color: #646777;
    background: #f2f4fc;
}

.calendar .fc-right .fc-button-primary:first-child {
    border-top-left-radius: 0.25em;
    border-bottom-left-radius: 0.25em;
}

.calendar .fc-right .fc-button-primary:last-child {
    border-top-right-radius: 0.25em;
    border-bottom-right-radius: 0.25em;
}

.calendar-label {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

.calendar-label.calendar-label--red {
    background-color: #ff4861;
}

.calendar-label.calendar-label--green {
    background-color: #4ce1b6;
}

.calendar-label.calendar-label--blue {
    background-color: #70bbfd;
}

.fc-button-primary:not(:disabled).fc-button-active:focus, .fc-button-primary:not(:disabled):active:focus:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 2px solid rgba(76, 91, 106, 0.5);
}

.alert__icon {
    padding: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.alert__icon svg {
    fill: #ffffff;
    margin: auto 0;
}

.timeline {
    position: relative;
}

.theme-light .timeline {
    color: #585b69;
}

.theme-dark .timeline {
    color: #ddd;
}

.timeline:before {
    content: "";
    background-color: #dddddd;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 50%;
}

.timeline p {
    margin-top: 5px;
}

.timeline__item {
    position: relative;
    padding-bottom: 50px;
}

.timeline__item:nth-child(even) .timeline__content {
    margin-left: calc(50% + 52px);
}

.timeline__item:nth-child(even) .timeline__content:after {
    right: auto;
    left: -20px;
    border: 10px solid transparent;
}

.theme-light .timeline__item:nth-child(even) .timeline__content:after {
    border-right: 10px solid white;
}

.theme-dark .timeline__item:nth-child(even) .timeline__content:after {
    border-right: 10px solid #232329;
}

.timeline__icon {
    position: absolute;
    left: calc(50% - 25px);
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background-color: #4ce1b6;
    overflow: hidden;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.timeline__icon.work {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4ce1b6), to(#1cd25a)), -webkit-gradient(linear, left top, left bottom, from(#4ce1b6), to(#4ce1b6));
    background-image: -o-linear-gradient(top, #4ce1b6, #1cd25a), -o-linear-gradient(#4ce1b6, #4ce1b6);
    background-image: linear-gradient(to bottom, #4ce1b6, #1cd25a), linear-gradient(#4ce1b6, #4ce1b6);
}

.timeline__icon.video {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#708eee), to(#9e44f3)), -webkit-gradient(linear, left top, left bottom, from(#7082ee), to(#7082ee));
    background-image: -o-linear-gradient(top, #708eee, #9e44f3), -o-linear-gradient(#7082ee, #7082ee);
    background-image: linear-gradient(to bottom, #708eee, #9e44f3), linear-gradient(#7082ee, #7082ee);
}

.timeline__icon.file {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ee4f99), to(#f76e5b));
    background-image: -o-linear-gradient(top, #ee4f99, #f76e5b);
    background-image: linear-gradient(to bottom, #ee4f99, #f76e5b);
}

.timeline__icon img {
    height: 100%;
    width: auto;
    min-width: 100%;
}

.timeline__icon span {
    color: white;
    font-size: 20px;
    margin: auto;
}

.timeline__content {
    width: calc(50% - 52px);
    padding: 25px 25px 25px 20px;
    border-radius: 5px;
    position: relative;
}

.theme-light .timeline__content {
    background-color: white;
}

.theme-dark .timeline__content {
    background-color: #232329;
}

.timeline__content:after {
    content: '';
    position: absolute;
    right: -20px;
    top: 20px;
    border: 10px solid transparent;
}

.theme-light .timeline__content:after {
    border-left: 10px solid white;
}

.theme-dark .timeline__content:after {
    border-left: 10px solid #232329;
}

.timeline__title {
    text-transform: uppercase;
    font-weight: 700;
}

@media screen and (max-width: 991px) {
    .timeline:before {
        left: 25px;
    }

    .timeline__icon {
        left: 0;
    }

    .timeline__item:nth-child(even) .timeline__content,
    .timeline__item .timeline__content {
        margin-left: 72px;
        width: calc(100% - 72px);
    }

    .timeline__item:nth-child(even) .timeline__content:after,
    .timeline__item .timeline__content:after {
        right: auto;
        left: -20px;
        border: 10px solid transparent;
    }

    .theme-light .timeline__item:nth-child(even) .timeline__content:after, .theme-light
    .timeline__item .timeline__content:after {
        border-right: 10px solid white;
    }

    .theme-dark .timeline__item:nth-child(even) .timeline__content:after, .theme-dark
    .timeline__item .timeline__content:after {
        border-right: 10px solid #232329;
    }
}

.slick-slider {
    width: calc(100% + 15px);
    margin-bottom: 24px;
}

.slick-slider .slick-slide {
    overflow: hidden;
    padding-right: 15px;
    position: relative;
}

.slick-slider .slick-slide img {
    width: 100%;
    height: auto;
    min-height: 100%;
}

.slick-slider .slick-list {
    width: calc(100% - 15px);
}

.slick-slider .slick-arrow {
    height: 100%;
    width: 100px;
    z-index: 1;
}

.slick-slider .slick-arrow:before {
    color: #dddddd;
    font-weight: 500;
    position: absolute;
    top: calc(50% - 15px);
    font-size: 30px;
    line-height: 30px;
    font-family: inherit;
    width: 30px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.slick-slider .slick-arrow:hover {
    color: #8c8c8c;
}

.slick-slider .slick-arrow.slick-next {
    right: 15px;
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(white));
    background: -o-linear-gradient(left, transparent, white);
    background: linear-gradient(90deg, transparent, white);
}

.slick-slider .slick-arrow.slick-next:before {
    content: '\203A';
    right: 5px;
}

.slick-slider .slick-arrow.slick-prev {
    background: -webkit-gradient(linear, right top, left top, from(transparent), to(white));
    background: -o-linear-gradient(right, transparent, white);
    background: linear-gradient(-90deg, transparent, white);
    left: 0;
}

.slick-slider .slick-arrow.slick-prev:before {
    content: '\2039';
    left: -10px;
}

.slick-slider .slick-dots li {
    width: 10px;
}

.slick-slider .slick-dots li button {
    padding: 0;
    width: 10px;
}

.slick-slider .slick-dots li button:before {
    font-size: 10px;
    width: 10px;
    height: 10px;
    color: #d8d8d8;
    opacity: 1;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.slick-slider .slick-dots li.slick-active button:before {
    color: #f2f4f7;
}

.slick-slider .slick-dots li:hover button:before {
    color: #8c8c8c;
}

.slick-slider.slick-slider--single .slick-arrow {
    background: transparent;
}

.slick-slider .slick-slider__caption {
    position: absolute;
    bottom: 20px;
    left: 30px;
    width: calc(100% - 50px);
}

.slick-slider .slick-slider__caption-title {
    font-size: 16px;
    font-weight: 500;
    color: white;
    line-height: 20px;
}

.slick-slider .slick-slider__caption-description {
    font-size: 12px;
    color: #8c8c8c;
    margin: 0;
    line-height: 16px;
}

@charset "UTF-8";
.material-class {
    /**
 * material-design-lite - Material Design Components in CSS, JS and HTML
 * @version v1.3.0
 * @license Apache-2.0
 * @copyright 2015 Google, Inc.
 * @link https://github.com/google/material-design-lite
 */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* Material Design Lite */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /*------------------------------------*    $CONTENTS
\*------------------------------------*/
    /**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
    /* ==========  COLORS  ========== */
    /**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
 *
 * Dimensions
 *
 */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* Typography */
    /* Shadows */
    /* Animations */
    /* Dialog */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /*------------------------------------*    $CONTENTS
\*------------------------------------*/
    /**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
    /* ==========  COLORS  ========== */
    /**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
 *
 * Dimensions
 *
 */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
    /* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
    /*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
    /*
 * A better looking default horizontal rule
 */
    /*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
    /*
 * Remove default fieldset styles.
 */
    /*
 * Allow only vertical resizing of textareas.
 */
    /* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
    /* ==========================================================================
   Author's custom styles
   ========================================================================== */
    /* ==========================================================================
   Helper classes
   ========================================================================== */
    /*
 * Hide visually and from screen readers:
 */
    /*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
    /*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
    /*
 * Hide visually and from screen readers, but maintain layout
 */
    /*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
    /* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
    /* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* Remove the unwanted box around FAB buttons */
    /* More info: http://goo.gl/IPwKi */
    /*
 * Make html take up the entire screen
 * Then set touch-action to avoid touch delay on mobile IE
 */
    /*
* Make body take up the entire screen
* Remove body margin so layout containers don't cause extra overflow.
*/
    /*
 * Main display reset for IE support.
 * Source: http://weblog.west-wind.com/posts/2015/Jan/12/main-HTML5-Tag-not-working-in-Internet-Explorer-91011
 */
    /*
* Apply no display to elements with the hidden attribute.
* IE 9 and 10 support.
*/
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /*------------------------------------*    $CONTENTS
\*------------------------------------*/
    /**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
    /* ==========  COLORS  ========== */
    /**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
 *
 * Dimensions
 *
 */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* Typography */
    /* Shadows */
    /* Animations */
    /* Dialog */
    /**
  * Styles for HTML elements
  */
    /**
 * Class Name Styles
 */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /*------------------------------------*    $CONTENTS
\*------------------------------------*/
    /**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
    /* ==========  COLORS  ========== */
    /**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
 *
 * Dimensions
 *
 */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /*------------------------------------*    $CONTENTS
\*------------------------------------*/
    /**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
    /* ==========  COLORS  ========== */
    /**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
 *
 * Dimensions
 *
 */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /*------------------------------------*    $CONTENTS
\*------------------------------------*/
    /**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
    /* ==========  COLORS  ========== */
    /**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
 *
 * Dimensions
 *
 */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /*------------------------------------*    $CONTENTS
\*------------------------------------*/
    /**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
    /* ==========  COLORS  ========== */
    /**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
 *
 * Dimensions
 *
 */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /*------------------------------------*    $CONTENTS
\*------------------------------------*/
    /**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
    /* ==========  COLORS  ========== */
    /**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
 *
 * Dimensions
 *
 */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* Typography */
    /* Shadows */
    /* Animations */
    /* Dialog */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /*------------------------------------*    $CONTENTS
\*------------------------------------*/
    /**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
    /* ==========  COLORS  ========== */
    /**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
 *
 * Dimensions
 *
 */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /*------------------------------------*    $CONTENTS
\*------------------------------------*/
    /**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
    /* ==========  COLORS  ========== */
    /**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
 *
 * Dimensions
 *
 */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* Typography */
    /* Shadows */
    /* Animations */
    /* Dialog */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /*------------------------------------*    $CONTENTS
\*------------------------------------*/
    /**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
    /* ==========  COLORS  ========== */
    /**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
 *
 * Dimensions
 *
 */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* Typography */
    /* Shadows */
    /* Animations */
    /* Dialog */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /*------------------------------------*    $CONTENTS
\*------------------------------------*/
    /**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
    /* ==========  COLORS  ========== */
    /**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
 *
 * Dimensions
 *
 */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* Typography */
    /* Shadows */
    /* Animations */
    /* Dialog */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /*------------------------------------*    $CONTENTS
\*------------------------------------*/
    /**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
    /* ==========  COLORS  ========== */
    /**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
 *
 * Dimensions
 *
 */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* Typography */
    /* Shadows */
    /* Animations */
    /* Dialog */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /*------------------------------------*    $CONTENTS
\*------------------------------------*/
    /**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
    /* ==========  COLORS  ========== */
    /**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
 *
 * Dimensions
 *
 */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* Typography */
    /* Shadows */
    /* Animations */
    /* Dialog */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /*------------------------------------*    $CONTENTS
\*------------------------------------*/
    /**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
    /* ==========  COLORS  ========== */
    /**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
 *
 * Dimensions
 *
 */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /*------------------------------------*    $CONTENTS
\*------------------------------------*/
    /**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
    /* ==========  COLORS  ========== */
    /**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
 *
 * Dimensions
 *
 */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /*------------------------------------*    $CONTENTS
\*------------------------------------*/
    /**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
    /* ==========  COLORS  ========== */
    /**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
 *
 * Dimensions
 *
 */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* Typography */
    /* Shadows */
    /* Animations */
    /* Dialog */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /*------------------------------------*    $CONTENTS
\*------------------------------------*/
    /**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
    /* ==========  COLORS  ========== */
    /**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
 *
 * Dimensions
 *
 */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* Typography */
    /* Shadows */
    /* Animations */
    /* Dialog */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /*------------------------------------*    $CONTENTS
\*------------------------------------*/
    /**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
    /* ==========  COLORS  ========== */
    /**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
 *
 * Dimensions
 *
 */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /*------------------------------------*    $CONTENTS
\*------------------------------------*/
    /**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
    /* ==========  COLORS  ========== */
    /**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
 *
 * Dimensions
 *
 */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* Typography */
    /* Shadows */
    /* Animations */
    /* Dialog */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /*------------------------------------*    $CONTENTS
\*------------------------------------*/
    /**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
    /* ==========  COLORS  ========== */
    /**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
 *
 * Dimensions
 *
 */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* Typography */
    /* Shadows */
    /* Animations */
    /* Dialog */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /*------------------------------------*    $CONTENTS
\*------------------------------------*/
    /**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
    /* ==========  COLORS  ========== */
    /**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
 *
 * Dimensions
 *
 */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /*------------------------------------*    $CONTENTS
\*------------------------------------*/
    /**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
    /* ==========  COLORS  ========== */
    /**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
 *
 * Dimensions
 *
 */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* Typography */
    /* Shadows */
    /* Animations */
    /* Dialog */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /*------------------------------------*    $CONTENTS
\*------------------------------------*/
    /**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
    /* ==========  COLORS  ========== */
    /**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
 *
 * Dimensions
 *
 */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
* HACK: Even though the intention is to have the current .mdl-spinner__layer-N
* at `opacity: 1`, we set it to `opacity: 0.99` instead since this forces Chrome
* to do proper subpixel rendering for the elements being animated. This is
* especially visible in Chrome 39 on Ubuntu 14.04. See:
*
* - https://github.com/Polymer/paper-spinner/issues/9
* - https://code.google.com/p/chromium/issues/detail?id=436255
*/
    /**
* Patch the gap that appear between the two adjacent
* div.mdl-spinner__circle-clipper while the spinner is rotating
* (appears on Chrome 38, Safari 7.1, and IE 11).
*
* Update: the gap no longer appears on Chrome when .mdl-spinner__layer-N's
* opacity is 0.99, but still does on Safari and IE.
*/
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /*------------------------------------*    $CONTENTS
\*------------------------------------*/
    /**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
    /* ==========  COLORS  ========== */
    /**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
 *
 * Dimensions
 *
 */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* Typography */
    /* Shadows */
    /* Animations */
    /* Dialog */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /*------------------------------------*    $CONTENTS
\*------------------------------------*/
    /**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
    /* ==========  COLORS  ========== */
    /**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
 *
 * Dimensions
 *
 */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /*------------------------------------*    $CONTENTS
\*------------------------------------*/
    /**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
    /* ==========  COLORS  ========== */
    /**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
 *
 * Dimensions
 *
 */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* Typography */
    /* Shadows */
    /* Animations */
    /* Dialog */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /*------------------------------------*    $CONTENTS
\*------------------------------------*/
    /**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
    /* ==========  COLORS  ========== */
    /**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
 *
 * Dimensions
 *
 */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /*------------------------------------*    $CONTENTS
\*------------------------------------*/
    /**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
    /* ==========  COLORS  ========== */
    /**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
 *
 * Dimensions
 *
 */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* Typography */
    /* Shadows */
    /* Animations */
    /* Dialog */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /*
* NOTE: Some rules here are applied using duplicate selectors.
* This is on purpose to increase their specificity when applied.
* For example: `.mdl-cell--1-col-phone.mdl-cell--1-col-phone`
*/
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /*------------------------------------*    $CONTENTS
\*------------------------------------*/
    /**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
    /* ==========  TYPOGRAPHY  ========== */
    /* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
    /* ==========  COLORS  ========== */
    /**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  Color Palettes  ========== */
    /* colors.scss */
    /**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
    /* ==========  IMAGES  ========== */
    /* ==========  Color & Themes  ========== */
    /* ==========  Typography  ========== */
    /* ==========  Components  ========== */
    /* ==========  Standard Buttons  ========== */
    /* ==========  Icon Toggles  ========== */
    /* ==========  Radio Buttons  ========== */
    /* ==========  Ripple effect  ========== */
    /* ==========  Layout  ========== */
    /* ==========  Content Tabs  ========== */
    /* ==========  Checkboxes  ========== */
    /* ==========  Switches  ========== */
    /* ==========  Spinner  ========== */
    /* ==========  Text fields  ========== */
    /* ==========  Card  ========== */
    /* ==========  Sliders ========== */
    /* ========== Progress ========== */
    /* ==========  List ========== */
    /* ==========  Item ========== */
    /* ==========  Dropdown menu ========== */
    /* ==========  Tooltips  ========== */
    /* ==========  Footer  ========== */
    /* TEXTFIELD */
    /* SWITCH */
    /* SPINNER */
    /* RADIO */
    /* MENU */
    /* LIST */
    /* LAYOUT */
    /* ICON TOGGLE */
    /* FOOTER */
    /*mega-footer*/
    /*mini-footer*/
    /* CHECKBOX */
    /* CARD */
    /* Card dimensions */
    /* Cover image */
    /* BUTTON */
    /**
 *
 * Dimensions
 *
 */
    /* ANIMATION */
    /* PROGRESS */
    /* BADGE */
    /* SHADOWS */
    /* GRID */
    /* DATA TABLE */
    /* DIALOG */
    /* SNACKBAR */
    /* TOOLTIP */
    /* CHIP */
}

.material-class html {
    color: rgba(0, 0, 0, 0.87);
    font-size: 1em;
    line-height: 1.4;
}

.material-class ::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

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

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

.material-class audio,
.material-class canvas,
.material-class iframe,
.material-class img,
.material-class svg,
.material-class video {
    vertical-align: middle;
}

.material-class fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

.material-class textarea {
    resize: vertical;
}

.material-class .browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.material-class .hidden {
    display: none !important;
}

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

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

.material-class .invisible {
    visibility: hidden;
}

.material-class .clearfix:before,
.material-class .clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.material-class .clearfix:after {
    clear: both;
}

@media only screen and (min-width: 35em) {
    .material-class {
        /* Style adjustments for viewports that meet the condition */
    }
}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5/4), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
    .material-class {
        /* Style adjustments for high resolution devices */
    }
}

@media print {
    .material-class {
        /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
        /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
    }

    .material-class *,
    .material-class *:before,
    .material-class *:after,
    .material-class *:first-letter {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster: http://www.sanbeiji.com/archives/953 */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .material-class a,
    .material-class a:visited {
        text-decoration: underline;
    }

    .material-class a[href]:after {
        content: " (" attr(href) ")";
    }

    .material-class abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .material-class a[href^="#"]:after,
    .material-class a[href^="javascript:"]:after {
        content: "";
    }

    .material-class pre,
    .material-class blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    .material-class thead {
        display: table-header-group;
    }

    .material-class tr,
    .material-class img {
        page-break-inside: avoid;
    }

    .material-class img {
        max-width: 100% !important;
    }

    .material-class p,
    .material-class h2,
    .material-class h3 {
        orphans: 3;
        widows: 3;
    }

    .material-class h2,
    .material-class h3 {
        page-break-after: avoid;
    }
}

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

.material-class html {
    width: 100%;
    height: 100%;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

.material-class body {
    width: 100%;
    min-height: 100%;
    margin: 0;
}

.material-class main {
    display: block;
}

.material-class *[hidden] {
    display: none !important;
}

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

.material-class h1, .material-class h2, .material-class h3, .material-class h4, .material-class h5, .material-class h6, .material-class p {
    margin: 0;
    padding: 0;
}

.material-class h1 small, .material-class h2 small, .material-class h3 small, .material-class h4 small, .material-class h5 small, .material-class h6 small {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 56px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -0.02em;
    opacity: 0.54;
    font-size: 0.6em;
}

.material-class h1 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 56px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -0.02em;
    margin-top: 24px;
    margin-bottom: 24px;
}

.material-class h2 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 45px;
    font-weight: 400;
    line-height: 48px;
    margin-top: 24px;
    margin-bottom: 24px;
}

.material-class h3 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 34px;
    font-weight: 400;
    line-height: 40px;
    margin-top: 24px;
    margin-bottom: 24px;
}

.material-class h4 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    -moz-osx-font-smoothing: grayscale;
    margin-top: 24px;
    margin-bottom: 16px;
}

.material-class h5 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.02em;
    margin-top: 24px;
    margin-bottom: 16px;
}

.material-class h6 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.04em;
    margin-top: 24px;
    margin-bottom: 16px;
}

.material-class p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    margin-bottom: 16px;
}

.material-class a {
    color: #ff4081;
    font-weight: 500;
}

.material-class blockquote {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    position: relative;
    font-size: 24px;
    font-weight: 300;
    font-style: italic;
    line-height: 1.35;
    letter-spacing: 0.08em;
}

.material-class blockquote:before {
    position: absolute;
    left: -0.5em;
    content: '“';
}

.material-class blockquote:after {
    content: '”';
    margin-left: -0.05em;
}

.material-class mark {
    background-color: #f4ff81;
}

.material-class dt {
    font-weight: 700;
}

.material-class address {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    font-style: normal;
}

.material-class ul, .material-class ol {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.material-class .mdl-typography--body-2-force-preferred-font {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0;
}

.material-class .mdl-typography--body-2-force-preferred-font-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0;
    opacity: 0.87;
}

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

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

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

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

.material-class .mdl-typography--caption-color-contrast {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    opacity: 0.54;
}

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

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

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

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

.material-class .mdl-typography--button-color-contrast {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0;
    opacity: 0.87;
}

.material-class .mdl-typography--text-left {
    text-align: left;
}

.material-class .mdl-typography--text-right {
    text-align: right;
}

.material-class .mdl-typography--text-center {
    text-align: center;
}

.material-class .mdl-typography--text-justify {
    text-align: justify;
}

.material-class .mdl-typography--text-nowrap {
    white-space: nowrap;
}

.material-class .mdl-typography--text-lowercase {
    text-transform: lowercase;
}

.material-class .mdl-typography--text-uppercase {
    text-transform: uppercase;
}

.material-class .mdl-typography--text-capitalize {
    text-transform: capitalize;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.material-class .mdl-color-text--purple-A700 {
    color: #aa00ff !important;
}

.material-class .mdl-color--purple-A700 {
    background-color: #aa00ff !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.material-class .mdl-color-text--yellow-50 {
    color: #fffde7 !important;
}

.material-class .mdl-color--yellow-50 {
    background-color: #fffde7 !important;
}

.material-class .mdl-color-text--yellow-100 {
    color: #fff9c4 !important;
}

.material-class .mdl-color--yellow-100 {
    background-color: #fff9c4 !important;
}

.material-class .mdl-color-text--yellow-200 {
    color: #fff59d !important;
}

.material-class .mdl-color--yellow-200 {
    background-color: #fff59d !important;
}

.material-class .mdl-color-text--yellow-300 {
    color: #fff176 !important;
}

.material-class .mdl-color--yellow-300 {
    background-color: #fff176 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.material-class .mdl-color-text--yellow-A100 {
    color: #ffff8d !important;
}

.material-class .mdl-color--yellow-A100 {
    background-color: #ffff8d !important;
}

.material-class .mdl-color-text--yellow-A200 {
    color: yellow !important;
}

.material-class .mdl-color--yellow-A200 {
    background-color: yellow !important;
}

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

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

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

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

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

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

.material-class .mdl-color-text--amber-50 {
    color: #fff8e1 !important;
}

.material-class .mdl-color--amber-50 {
    background-color: #fff8e1 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.material-class .mdl-color-text--orange-50 {
    color: #fff3e0 !important;
}

.material-class .mdl-color--orange-50 {
    background-color: #fff3e0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.material-class .mdl-color-text--grey-100 {
    color: whitesmoke !important;
}

.material-class .mdl-color--grey-100 {
    background-color: whitesmoke !important;
}

.material-class .mdl-color-text--grey-200 {
    color: #eeeeee !important;
}

.material-class .mdl-color--grey-200 {
    background-color: #eeeeee !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.material-class .mdl-color--black {
    background-color: black !important;
}

.material-class .mdl-color-text--black {
    color: black !important;
}

.material-class .mdl-color--white {
    background-color: white !important;
}

.material-class .mdl-color-text--white {
    color: white !important;
}

.material-class .mdl-color--primary {
    background-color: #3f51b5 !important;
}

.material-class .mdl-color--primary-contrast {
    background-color: white !important;
}

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

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

.material-class .mdl-color--accent-contrast {
    background-color: white !important;
}

.material-class .mdl-color-text--primary {
    color: #3f51b5 !important;
}

.material-class .mdl-color-text--primary-contrast {
    color: white !important;
}

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

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

.material-class .mdl-color-text--accent-contrast {
    color: white !important;
}

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

.material-class .mdl-ripple.is-animating {
    transition: width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
    -webkit-transition: width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.material-class .mdl-ripple.is-visible {
    opacity: 0.3;
}

.material-class .mdl-animation--default {
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.material-class .mdl-animation--fast-out-slow-in {
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.material-class .mdl-animation--linear-out-slow-in {
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    -o-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.material-class .mdl-animation--fast-out-linear-in {
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
    -o-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

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

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

.material-class .mdl-badge[data-badge]:after {
    content: attr(data-badge);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    top: -11px;
    right: -24px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 600;
    font-size: 12px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ff4081;
    color: white;
}

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

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

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

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

.material-class .mdl-button {
    background: transparent;
    border: none;
    border-radius: 2px;
    color: black;
    position: relative;
    height: 36px;
    margin: 0;
    min-width: 64px;
    padding: 0 16px;
    display: inline-block;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0;
    overflow: hidden;
    will-change: box-shadow;
    -webkit-transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
    transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
    -o-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
    outline: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    line-height: 36px;
    vertical-align: middle;
}

@media screen and (max-width: 466px) {
    .material-class .mdl-button {
        padding: 0 10px;
        min-width: 50px;
    }
}

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

.material-class .mdl-button:hover {
    background-color: rgba(158, 158, 158, 0.2);
}

.material-class .mdl-button:focus:not(:active) {
    background-color: rgba(0, 0, 0, 0.12);
}

.material-class .mdl-button:active {
    background-color: rgba(158, 158, 158, 0.4);
}

.material-class .mdl-button.mdl-button--colored {
    color: #3f51b5;
}

.material-class .mdl-button.mdl-button--colored:focus:not(:active) {
    background-color: rgba(0, 0, 0, 0.12);
}

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

.material-class .mdl-button--raised {
    background: rgba(158, 158, 158, 0.2);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.material-class .mdl-button--raised:active {
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    background-color: rgba(158, 158, 158, 0.4);
}

.material-class .mdl-button--raised:focus:not(:active) {
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
    background-color: rgba(158, 158, 158, 0.4);
}

.material-class .mdl-button--raised.mdl-button--colored {
    background: #3f51b5;
    color: white;
}

.material-class .mdl-button--raised.mdl-button--colored:hover {
    background-color: #3f51b5;
}

.material-class .mdl-button--raised.mdl-button--colored:active {
    background-color: #3f51b5;
}

.material-class .mdl-button--raised.mdl-button--colored:focus:not(:active) {
    background-color: #3f51b5;
}

.material-class .mdl-button--raised.mdl-button--colored .mdl-ripple {
    background: white;
}

.material-class .mdl-button--fab {
    border-radius: 50%;
    font-size: 24px;
    height: 56px;
    margin: auto;
    min-width: 56px;
    width: 56px;
    padding: 0;
    overflow: hidden;
    background: rgba(158, 158, 158, 0.2);
    -webkit-box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
    position: relative;
    line-height: normal;
}

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

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

.material-class .mdl-button--fab .mdl-button__ripple-container {
    border-radius: 50%;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}

.material-class .mdl-button--fab:active {
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    background-color: rgba(158, 158, 158, 0.4);
}

.material-class .mdl-button--fab:focus:not(:active) {
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
    background-color: rgba(158, 158, 158, 0.4);
}

.material-class .mdl-button--fab.mdl-button--colored {
    background: #ff4081;
    color: white;
}

.material-class .mdl-button--fab.mdl-button--colored:hover {
    background-color: #ff4081;
}

.material-class .mdl-button--fab.mdl-button--colored:focus:not(:active) {
    background-color: #ff4081;
}

.material-class .mdl-button--fab.mdl-button--colored:active {
    background-color: #ff4081;
}

.material-class .mdl-button--fab.mdl-button--colored .mdl-ripple {
    background: white;
}

.material-class .mdl-button--icon {
    border-radius: 50%;
    font-size: 24px;
    height: 32px;
    margin-left: 0;
    margin-right: 0;
    min-width: 32px;
    width: 32px;
    padding: 0;
    overflow: hidden;
    color: inherit;
    line-height: normal;
}

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

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

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

.material-class .mdl-button--icon .mdl-button__ripple-container {
    border-radius: 50%;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}

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

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

.material-class .mdl-button--primary.mdl-button--primary {
    color: #3f51b5;
}

.material-class .mdl-button--primary.mdl-button--primary .mdl-ripple {
    background: white;
}

.material-class .mdl-button--primary.mdl-button--primary.mdl-button--raised, .material-class .mdl-button--primary.mdl-button--primary.mdl-button--fab {
    color: white;
    background-color: #3f51b5;
}

.material-class .mdl-button--accent.mdl-button--accent {
    color: #ff4081;
}

.material-class .mdl-button--accent.mdl-button--accent .mdl-ripple {
    background: white;
}

.material-class .mdl-button--accent.mdl-button--accent.mdl-button--raised, .material-class .mdl-button--accent.mdl-button--accent.mdl-button--fab {
    color: white;
    background-color: #ff4081;
}

.material-class .mdl-button[disabled][disabled], .material-class .mdl-button.mdl-button--disabled.mdl-button--disabled {
    color: rgba(0, 0, 0, 0.26);
    cursor: default;
    background-color: transparent;
}

.material-class .mdl-button--fab[disabled][disabled], .material-class .mdl-button--fab.mdl-button--disabled.mdl-button--disabled {
    background-color: rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.26);
}

.material-class .mdl-button--raised[disabled][disabled], .material-class .mdl-button--raised.mdl-button--disabled.mdl-button--disabled {
    background-color: rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.material-class .mdl-button--colored[disabled][disabled], .material-class .mdl-button--colored.mdl-button--disabled.mdl-button--disabled {
    color: rgba(0, 0, 0, 0.26);
}

.material-class .mdl-button .material-icons {
    vertical-align: middle;
}

.material-class .mdl-card {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    font-size: 16px;
    font-weight: 400;
    min-height: 200px;
    overflow: hidden;
    width: 330px;
    z-index: 1;
    position: relative;
    background: white;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

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

.material-class .mdl-card__title {
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    color: black;
    display: block;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-justify-content: stretch;
    -ms-flex-pack: stretch;
    -webkit-box-pack: stretch;
    justify-content: stretch;
    line-height: normal;
    padding: 16px 16px;
    -webkit-perspective-origin: 165px 56px;
    perspective-origin: 165px 56px;
    -webkit-transform-origin: 165px 56px;
    -ms-transform-origin: 165px 56px;
    transform-origin: 165px 56px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.material-class .mdl-card__title.mdl-card--border {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.material-class .mdl-card__title-text {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: inherit;
    display: block;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    font-size: 24px;
    font-weight: 300;
    line-height: normal;
    overflow: hidden;
    -webkit-transform-origin: 149px 48px;
    -ms-transform-origin: 149px 48px;
    transform-origin: 149px 48px;
    margin: 0;
}

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

.material-class .mdl-card__supporting-text {
    color: rgba(0, 0, 0, 0.54);
    font-size: 1rem;
    line-height: 18px;
    overflow: hidden;
    padding: 16px 16px;
    width: 90%;
}

.material-class .mdl-card__supporting-text.mdl-card--border {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.material-class .mdl-card__actions {
    font-size: 16px;
    line-height: normal;
    width: 100%;
    background-color: transparent;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.material-class .mdl-card__actions.mdl-card--border {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.material-class .mdl-card--expand {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
}

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

.material-class .mdl-checkbox {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 24px;
    margin: 0;
    padding: 0;
}

.material-class .mdl-checkbox.is-upgraded {
    padding-left: 24px;
}

.material-class .mdl-checkbox__input {
    line-height: 24px;
}

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

.material-class .mdl-checkbox__box-outline {
    position: absolute;
    top: 3px;
    left: 0;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin: 0;
    cursor: pointer;
    overflow: hidden;
    border: 2px solid rgba(0, 0, 0, 0.54);
    border-radius: 2px;
    z-index: 2;
}

.material-class .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border: 2px solid #3f51b5;
}

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

.material-class .mdl-checkbox__focus-helper {
    position: absolute;
    top: 3px;
    left: 0;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: transparent;
}

.material-class .mdl-checkbox.is-focused .mdl-checkbox__focus-helper {
    -webkit-box-shadow: 0 0 0px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0px 8px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1);
}

.material-class .mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {
    -webkit-box-shadow: 0 0 0px 8px rgba(63, 81, 181, 0.26);
    box-shadow: 0 0 0px 8px rgba(63, 81, 181, 0.26);
    background-color: rgba(63, 81, 181, 0.26);
}

.material-class .mdl-checkbox__tick-outline {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
    mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
    background: transparent;
    -webkit-transition-duration: 0.28s;
    -o-transition-duration: 0.28s;
    transition-duration: 0.28s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
}

.material-class .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background: #3f51b5 url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K");
}

.material-class fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,
.material-class .mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
    background: rgba(0, 0, 0, 0.26) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K");
}

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

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

.material-class .mdl-checkbox__ripple-container {
    position: absolute;
    z-index: 2;
    top: -6px;
    left: -10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}

.material-class .mdl-checkbox__ripple-container .mdl-ripple {
    background: #3f51b5;
}

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

.material-class fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple,
.material-class .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple {
    background: transparent;
}

.material-class .mdl-chip {
    height: 32px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    line-height: 32px;
    padding: 0 12px;
    border: 0;
    border-radius: 16px;
    background-color: #dedede;
    display: inline-block;
    color: rgba(0, 0, 0, 0.87);
    margin: 2px 0;
    font-size: 0;
    white-space: nowrap;
}

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

.material-class .mdl-chip__action {
    height: 24px;
    width: 24px;
    background: transparent;
    opacity: 0.54;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    margin: 0 0 0 4px;
    font-size: 13px;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.87);
    border: none;
    outline: none;
    overflow: hidden;
}

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

.material-class .mdl-chip:focus {
    outline: 0;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

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

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

.material-class .mdl-chip--contact {
    padding-left: 0;
}

.material-class .mdl-data-table {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-collapse: collapse;
    white-space: nowrap;
    font-size: 13px;
    background-color: white;
}

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

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

.material-class .mdl-data-table tbody tr {
    position: relative;
    height: 48px;
    -webkit-transition-duration: 0.28s;
    -o-transition-duration: 0.28s;
    transition-duration: 0.28s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-property: background-color;
    -o-transition-property: background-color;
    transition-property: background-color;
}

.material-class .mdl-data-table tbody tr.is-selected {
    background-color: #fafbfe;
}

.material-class .mdl-data-table tbody tr:hover {
    background-color: #eeeeee;
}

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

.material-class .mdl-data-table td:first-of-type, .material-class .mdl-data-table th:first-of-type {
    padding-left: 24px;
}

.material-class .mdl-data-table td:last-of-type, .material-class .mdl-data-table th:last-of-type {
    padding-right: 24px;
}

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

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

.material-class .mdl-data-table th {
    position: relative;
    vertical-align: bottom;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0;
    height: 48px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.54);
    padding-bottom: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.material-class .mdl-data-table th.mdl-data-table__header--sorted-ascending, .material-class .mdl-data-table th.mdl-data-table__header--sorted-descending {
    color: rgba(0, 0, 0, 0.87);
}

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

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

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

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

.material-class .mdl-data-table__select {
    width: 16px;
}

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

.material-class .mdl-dialog {
    border: none;
    -webkit-box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
    width: 280px;
}

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

.material-class .mdl-dialog__actions {
    padding: 8px 8px 8px 24px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

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

.material-class .mdl-dialog__actions > *:first-child {
    margin-right: 0;
}

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

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

.material-class .mdl-dialog__content {
    padding: 20px 24px 24px 24px;
    color: rgba(0, 0, 0, 0.54);
}

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

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

.material-class .mdl-mega-footer--left-section,
.material-class .mdl-mega-footer__left-section {
    margin-bottom: 16px;
}

.material-class .mdl-mega-footer--right-section,
.material-class .mdl-mega-footer__right-section {
    margin-bottom: 16px;
}

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

@media screen and (min-width: 760px) {
    .material-class .mdl-mega-footer--left-section,
    .material-class .mdl-mega-footer__left-section {
        float: left;
    }

    .material-class .mdl-mega-footer--right-section,
    .material-class .mdl-mega-footer__right-section {
        float: right;
    }

    .material-class .mdl-mega-footer--right-section a,
    .material-class .mdl-mega-footer__right-section a {
        display: inline-block;
        margin-left: 16px;
        line-height: 36px;
        vertical-align: middle;
    }
}

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

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

@media screen and (min-width: 760px) {
    .material-class .mdl-mega-footer--drop-down-section,
    .material-class .mdl-mega-footer__drop-down-section {
        width: 33%;
    }

    .material-class .mdl-mega-footer--drop-down-section:nth-child(1),
    .material-class .mdl-mega-footer--drop-down-section:nth-child(2),
    .material-class .mdl-mega-footer__drop-down-section:nth-child(1),
    .material-class .mdl-mega-footer__drop-down-section:nth-child(2) {
        float: left;
    }

    .material-class .mdl-mega-footer--drop-down-section:nth-child(3),
    .material-class .mdl-mega-footer__drop-down-section:nth-child(3) {
        float: right;
    }

    .material-class .mdl-mega-footer--drop-down-section:nth-child(3):after,
    .material-class .mdl-mega-footer__drop-down-section:nth-child(3):after {
        clear: right;
    }

    .material-class .mdl-mega-footer--drop-down-section:nth-child(4),
    .material-class .mdl-mega-footer__drop-down-section:nth-child(4) {
        clear: right;
        float: right;
    }

    .material-class .mdl-mega-footer--middle-section:after,
    .material-class .mdl-mega-footer__middle-section:after {
        content: '';
        display: block;
        clear: both;
    }

    .material-class .mdl-mega-footer--bottom-section,
    .material-class .mdl-mega-footer__bottom-section {
        padding-top: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 760px) {
    .material-class .mdl-mega-footer--heading-checkbox,
    .material-class .mdl-mega-footer__heading-checkbox {
        display: none;
    }

    .material-class .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after,
    .material-class .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after,
    .material-class .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after,
    .material-class .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
        content: '';
    }

    .material-class .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list,
    .material-class .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list,
    .material-class .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
    .material-class .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
    .material-class .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list,
    .material-class .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list,
    .material-class .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
    .material-class .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list {
        display: block;
    }

    .material-class .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after,
    .material-class .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after,
    .material-class .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after,
    .material-class .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {
        content: '';
    }
}

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

.material-class .mdl-logo {
    margin-bottom: 16px;
    color: white;
}

.material-class .mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li,
.material-class .mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li {
    float: left;
    margin-bottom: 0;
    margin-right: 16px;
}

@media screen and (min-width: 760px) {
    .material-class .mdl-logo {
        float: left;
        margin-bottom: 0;
        margin-right: 16px;
    }
}

.material-class .mdl-mini-footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 32px 16px;
    color: #9e9e9e;
    background-color: #424242;
}

.material-class .mdl-mini-footer:after {
    content: '';
    display: block;
}

.material-class .mdl-mini-footer .mdl-logo {
    line-height: 36px;
}

.material-class .mdl-mini-footer--link-list,
.material-class .mdl-mini-footer__link-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

.material-class .mdl-mini-footer--link-list li,
.material-class .mdl-mini-footer__link-list li {
    margin-bottom: 0;
    margin-right: 16px;
}

@media screen and (min-width: 760px) {
    .material-class .mdl-mini-footer--link-list li,
    .material-class .mdl-mini-footer__link-list li {
        line-height: 36px;
    }
}

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

.material-class .mdl-mini-footer--left-section,
.material-class .mdl-mini-footer__left-section {
    display: inline-block;
    -webkit-order: 0;
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
    order: 0;
}

.material-class .mdl-mini-footer--right-section,
.material-class .mdl-mini-footer__right-section {
    display: inline-block;
    -webkit-order: 1;
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
}

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

.material-class .mdl-icon-toggle {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    height: 32px;
    margin: 0;
    padding: 0;
}

.material-class .mdl-icon-toggle__input {
    line-height: 32px;
}

.material-class .mdl-icon-toggle.is-upgraded .mdl-icon-toggle__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
}

.material-class .mdl-icon-toggle__label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    height: 32px;
    width: 32px;
    min-width: 32px;
    color: #616161;
    border-radius: 50%;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    background-color: transparent;
    will-change: background-color;
    -webkit-transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.material-class .mdl-icon-toggle__label.material-icons {
    line-height: 32px;
    font-size: 24px;
}

.material-class .mdl-icon-toggle.is-checked .mdl-icon-toggle__label {
    color: #3f51b5;
}

.material-class .mdl-icon-toggle.is-disabled .mdl-icon-toggle__label {
    color: rgba(0, 0, 0, 0.26);
    cursor: auto;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.material-class .mdl-icon-toggle.is-focused .mdl-icon-toggle__label {
    background-color: rgba(0, 0, 0, 0.12);
}

.material-class .mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label {
    background-color: rgba(63, 81, 181, 0.26);
}

.material-class .mdl-icon-toggle__ripple-container {
    position: absolute;
    z-index: 2;
    top: -2px;
    left: -2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}

.material-class .mdl-icon-toggle__ripple-container .mdl-ripple {
    background: #616161;
}

.material-class .mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container {
    cursor: auto;
}

.material-class .mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple {
    background: transparent;
}

.material-class .mdl-list {
    display: block;
    padding: 8px 0;
    list-style: none;
}

.material-class .mdl-list__item {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.04em;
    line-height: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    min-height: 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 16px;
    cursor: default;
    color: rgba(0, 0, 0, 0.87);
    overflow: hidden;
}

.material-class .mdl-list__item .mdl-list__item-primary-content {
    -webkit-order: 0;
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
    order: 0;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    -webkit-box-flex: 2;
    flex-grow: 2;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

.material-class .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon {
    margin-right: 32px;
}

.material-class .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-avatar {
    margin-right: 16px;
}

.material-class .mdl-list__item .mdl-list__item-secondary-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
    margin-left: 16px;
}

.material-class .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-action label {
    display: inline;
}

.material-class .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-info {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.54);
}

.material-class .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-sub-header {
    padding: 0 0 0 16px;
}

.material-class .mdl-list__item-icon,
.material-class .mdl-list__item-icon.material-icons {
    height: 24px;
    width: 24px;
    font-size: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #757575;
}

.material-class .mdl-list__item-avatar,
.material-class .mdl-list__item-avatar.material-icons {
    height: 40px;
    width: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: #757575;
    font-size: 40px;
    color: white;
}

.material-class .mdl-list__item--two-line {
    height: 72px;
}

.material-class .mdl-list__item--two-line .mdl-list__item-primary-content {
    height: 36px;
    line-height: 20px;
    display: block;
}

.material-class .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-avatar {
    float: left;
}

.material-class .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-icon {
    float: left;
    margin-top: 6px;
}

.material-class .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-secondary-content {
    height: 36px;
}

.material-class .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-sub-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.54);
    display: block;
    padding: 0;
}

.material-class .mdl-list__item--three-line {
    height: 88px;
}

.material-class .mdl-list__item--three-line .mdl-list__item-primary-content {
    height: 52px;
    line-height: 20px;
    display: block;
}

.material-class .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-avatar,
.material-class .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-icon {
    float: left;
}

.material-class .mdl-list__item--three-line .mdl-list__item-secondary-content {
    height: 52px;
}

.material-class .mdl-list__item--three-line .mdl-list__item-text-body {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    line-height: 18px;
    height: 52px;
    color: rgba(0, 0, 0, 0.54);
    display: block;
    padding: 0;
}

.material-class .mdl-menu__container {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    position: absolute;
    overflow: visible;
    height: 0;
    width: 0;
    visibility: hidden;
    z-index: -1;
}

.material-class .mdl-menu__container.is-visible, .material-class .mdl-menu__container.is-animating {
    z-index: 999;
    visibility: visible;
}

.material-class .mdl-menu__outline {
    display: block;
    background: white;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    will-change: transform;
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: -1;
}

.material-class .mdl-menu__container.is-visible .mdl-menu__outline {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    z-index: 999;
}

.material-class .mdl-menu__outline.mdl-menu--bottom-right {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.material-class .mdl-menu__outline.mdl-menu--top-left {
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.material-class .mdl-menu__outline.mdl-menu--top-right {
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.material-class .mdl-menu {
    position: absolute;
    list-style: none;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
    min-width: 124px;
    padding: 8px 0;
    margin: 0;
    opacity: 0;
    clip: rect(0 0 0 0);
    z-index: -1;
}

.material-class .mdl-menu__container.is-visible .mdl-menu {
    opacity: 1;
    z-index: 999;
}

.material-class .mdl-menu.is-animating {
    -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), clip 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), clip 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), clip 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.material-class .mdl-menu.mdl-menu--bottom-right {
    left: auto;
    right: 0;
}

.material-class .mdl-menu.mdl-menu--top-left {
    top: auto;
    bottom: 0;
}

.material-class .mdl-menu.mdl-menu--top-right {
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
}

.material-class .mdl-menu.mdl-menu--unaligned {
    top: auto;
    left: auto;
}

.material-class .mdl-menu__item {
    display: block;
    border: none;
    color: rgba(0, 0, 0, 0.87);
    background-color: transparent;
    text-align: left;
    margin: 0;
    padding: 0 16px;
    outline-color: #bdbdbd;
    position: relative;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    text-decoration: none;
    cursor: pointer;
    height: 48px;
    line-height: 48px;
    white-space: nowrap;
    opacity: 0;
    -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.material-class .mdl-menu__container.is-visible .mdl-menu__item {
    opacity: 1;
}

.material-class .mdl-menu__item::-moz-focus-inner {
    border: 0;
}

.material-class .mdl-menu__item--full-bleed-divider {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.material-class .mdl-menu__item[disabled], .material-class .mdl-menu__item[data-mdl-disabled] {
    color: #bdbdbd;
    background-color: transparent;
    cursor: auto;
}

.material-class .mdl-menu__item[disabled]:hover, .material-class .mdl-menu__item[data-mdl-disabled]:hover {
    background-color: transparent;
}

.material-class .mdl-menu__item[disabled]:focus, .material-class .mdl-menu__item[data-mdl-disabled]:focus {
    background-color: transparent;
}

.material-class .mdl-menu__item[disabled] .mdl-ripple, .material-class .mdl-menu__item[data-mdl-disabled] .mdl-ripple {
    background: transparent;
}

.material-class .mdl-menu__item:hover {
    background-color: #eeeeee;
}

.material-class .mdl-menu__item:focus {
    outline: none;
    background-color: #eeeeee;
}

.material-class .mdl-menu__item:active {
    background-color: #e0e0e0;
}

.material-class .mdl-menu__item--ripple-container {
    display: block;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 0;
    overflow: hidden;
}

.material-class .mdl-progress {
    display: block;
    position: relative;
    height: 4px;
    width: 500px;
    max-width: 100%;
}

.material-class .mdl-progress > .bar {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0%;
    -webkit-transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.material-class .mdl-progress > .progressbar {
    background-color: #3f51b5;
    z-index: 1;
    left: 0;
}

.material-class .mdl-progress > .bufferbar {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0.7))), -webkit-gradient(linear, left top, right top, from(#3f51b5), to(#3f51b5));
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), -o-linear-gradient(left, #3f51b5, #3f51b5);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(to right, #3f51b5, #3f51b5);
    z-index: 0;
    left: 0;
}

.material-class .mdl-progress > .auxbar {
    right: 0;
}

@supports (-webkit-appearance: none) {
    .material-class .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate) > .auxbar,
    .material-class .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate) > .auxbar {
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0.7))), -webkit-gradient(linear, left top, right top, from(#3f51b5), to(#3f51b5));
        background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), -o-linear-gradient(left, #3f51b5, #3f51b5);
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(to right, #3f51b5, #3f51b5);
        -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=");
        mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=");
    }
}

.material-class .mdl-progress:not(.mdl-progress--indeterminate) > .auxbar,
.material-class .mdl-progress:not(.mdl-progress__indeterminate) > .auxbar {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0.9))), -webkit-gradient(linear, left top, right top, from(#3f51b5), to(#3f51b5));
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), -o-linear-gradient(left, #3f51b5, #3f51b5);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), linear-gradient(to right, #3f51b5, #3f51b5);
}

.material-class .mdl-progress.mdl-progress--indeterminate > .bar1,
.material-class .mdl-progress.mdl-progress__indeterminate > .bar1 {
    background-color: #3f51b5;
    -webkit-animation-name: indeterminate1;
    animation-name: indeterminate1;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.material-class .mdl-progress.mdl-progress--indeterminate > .bar3,
.material-class .mdl-progress.mdl-progress__indeterminate > .bar3 {
    background-image: none;
    background-color: #3f51b5;
    -webkit-animation-name: indeterminate2;
    animation-name: indeterminate2;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@-webkit-keyframes indeterminate1 {
    0% {
        left: 0%;
        width: 0%;
    }
    50% {
        left: 25%;
        width: 75%;
    }
    75% {
        left: 100%;
        width: 0%;
    }
}

@keyframes indeterminate1 {
    0% {
        left: 0%;
        width: 0%;
    }
    50% {
        left: 25%;
        width: 75%;
    }
    75% {
        left: 100%;
        width: 0%;
    }
}

@-webkit-keyframes indeterminate2 {
    0% {
        left: 0%;
        width: 0%;
    }
    50% {
        left: 0%;
        width: 0%;
    }
    75% {
        left: 0%;
        width: 25%;
    }
    100% {
        left: 100%;
        width: 0%;
    }
}

@keyframes indeterminate2 {
    0% {
        left: 0%;
        width: 0%;
    }
    50% {
        left: 0%;
        width: 0%;
    }
    75% {
        left: 0%;
        width: 25%;
    }
    100% {
        left: 100%;
        width: 0%;
    }
}

.material-class .mdl-navigation {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.material-class .mdl-navigation__link {
    color: #424242;
    text-decoration: none;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    opacity: 0.87;
}

.material-class .mdl-navigation__link .material-icons {
    vertical-align: middle;
}

.material-class .mdl-layout {
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    -webkit-overflow-scrolling: touch;
}

.material-class .mdl-layout.is-small-screen .mdl-layout--large-screen-only {
    display: none;
}

.material-class .mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only {
    display: none;
}

.material-class .mdl-layout__container {
    position: absolute;
    width: 100%;
    height: 100%;
}

.material-class .mdl-layout__title,
.material-class .mdl-layout-title {
    display: block;
    position: relative;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.material-class .mdl-layout-spacer {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.material-class .mdl-layout__drawer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 240px;
    height: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #e0e0e0;
    background: #fafafa;
    -webkit-transform: translateX(-250px);
    -ms-transform: translateX(-250px);
    transform: translateX(-250px);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    will-change: transform;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: -webkit-transform;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    color: #424242;
    overflow: visible;
    overflow-y: auto;
    z-index: 5;
}

.material-class .mdl-layout__drawer.is-visible {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.material-class .mdl-layout__drawer.is-visible ~ .mdl-layout__content.mdl-layout__content {
    overflow: hidden;
}

.material-class .mdl-layout__drawer > * {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.material-class .mdl-layout__drawer > .mdl-layout__title,
.material-class .mdl-layout__drawer > .mdl-layout-title {
    line-height: 64px;
    padding-left: 40px;
}

@media screen and (max-width: 1024px) {
    .material-class .mdl-layout__drawer > .mdl-layout__title,
    .material-class .mdl-layout__drawer > .mdl-layout-title {
        line-height: 56px;
        padding-left: 16px;
    }
}

.material-class .mdl-layout__drawer .mdl-navigation {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
    padding-top: 16px;
}

.material-class .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
    display: block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 16px 40px;
    margin: 0;
    color: #757575;
}

@media screen and (max-width: 1024px) {
    .material-class .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
        padding: 16px 16px;
    }
}

.material-class .mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
    background-color: #e0e0e0;
}

.material-class .mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current {
    background-color: #e0e0e0;
    color: black;
}

@media screen and (min-width: 1025px) {
    .material-class .mdl-layout--fixed-drawer > .mdl-layout__drawer {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.material-class .mdl-layout__drawer-button {
    display: block;
    position: absolute;
    height: 48px;
    width: 48px;
    border: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    font-size: 26px;
    line-height: 56px;
    font-family: Helvetica, Arial, sans-serif;
    margin: 8px 12px;
    top: 0;
    left: 0;
    color: white;
    z-index: 4;
}

.material-class .mdl-layout__header .mdl-layout__drawer-button {
    position: absolute;
    color: white;
    background-color: inherit;
}

@media screen and (max-width: 1024px) {
    .material-class .mdl-layout__header .mdl-layout__drawer-button {
        margin: 4px;
    }
}

@media screen and (max-width: 1024px) {
    .material-class .mdl-layout__drawer-button {
        margin: 4px;
        color: rgba(0, 0, 0, 0.5);
    }
}

@media screen and (min-width: 1025px) {
    .material-class .mdl-layout__drawer-button {
        line-height: 54px;
    }

    .material-class .mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button,
    .material-class .mdl-layout--fixed-drawer > .mdl-layout__drawer-button,
    .material-class .mdl-layout--no-drawer-button .mdl-layout__drawer-button {
        display: none;
    }
}

.material-class .mdl-layout__header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    min-height: 64px;
    max-height: 1000px;
    z-index: 3;
    background-color: #3f51b5;
    color: white;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-property: max-height, -webkit-box-shadow;
    transition-property: max-height, -webkit-box-shadow;
    -o-transition-property: max-height, box-shadow;
    transition-property: max-height, box-shadow;
    transition-property: max-height, box-shadow, -webkit-box-shadow;
}

@media screen and (max-width: 1024px) {
    .material-class .mdl-layout__header {
        min-height: 56px;
    }
}

.material-class .mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen) > .mdl-layout__header {
    margin-left: 240px;
    width: calc(100% - 240px);
}

@media screen and (min-width: 1025px) {
    .material-class .mdl-layout--fixed-drawer > .mdl-layout__header .mdl-layout__header-row {
        padding-left: 40px;
    }
}

.material-class .mdl-layout__header > .mdl-layout-icon {
    position: absolute;
    left: 40px;
    top: 16px;
    height: 32px;
    width: 32px;
    overflow: hidden;
    z-index: 3;
    display: block;
}

@media screen and (max-width: 1024px) {
    .material-class .mdl-layout__header > .mdl-layout-icon {
        left: 16px;
        top: 12px;
    }
}

.material-class .mdl-layout.has-drawer .mdl-layout__header > .mdl-layout-icon {
    display: none;
}

.material-class .mdl-layout__header.is-compact {
    max-height: 64px;
}

@media screen and (max-width: 1024px) {
    .material-class .mdl-layout__header.is-compact {
        max-height: 56px;
    }
}

.material-class .mdl-layout__header.is-compact.has-tabs {
    height: 112px;
}

@media screen and (max-width: 1024px) {
    .material-class .mdl-layout__header.is-compact.has-tabs {
        min-height: 104px;
    }
}

@media screen and (max-width: 1024px) {
    .material-class .mdl-layout__header {
        display: none;
    }

    .material-class .mdl-layout--fixed-header > .mdl-layout__header {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
    }
}

.material-class .mdl-layout__header--transparent.mdl-layout__header--transparent {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.material-class .mdl-layout__header--seamed {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.material-class .mdl-layout__header--scroll {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.material-class .mdl-layout__header--waterfall {
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
}

.material-class .mdl-layout__header--waterfall.is-casting-shadow {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.material-class .mdl-layout__header--waterfall.mdl-layout__header--waterfall-hide-top {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.material-class .mdl-layout__header-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    height: 64px;
    margin: 0;
    padding: 0 40px 0 80px;
}

.material-class .mdl-layout--no-drawer-button .mdl-layout__header-row {
    padding-left: 40px;
}

@media screen and (min-width: 1025px) {
    .material-class .mdl-layout--no-desktop-drawer-button .mdl-layout__header-row {
        padding-left: 40px;
    }
}

@media screen and (max-width: 1024px) {
    .material-class .mdl-layout__header-row {
        height: 56px;
        padding: 0 16px 0 72px;
    }

    .material-class .mdl-layout--no-drawer-button .mdl-layout__header-row {
        padding-left: 16px;
    }
}

.material-class .mdl-layout__header-row > * {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.material-class .mdl-layout__header--scroll .mdl-layout__header-row {
    width: 100%;
}

.material-class .mdl-layout__header-row .mdl-navigation {
    margin: 0;
    padding: 0;
    height: 64px;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 1024px) {
    .material-class .mdl-layout__header-row .mdl-navigation {
        height: 56px;
    }
}

.material-class .mdl-layout__header-row .mdl-navigation__link {
    display: block;
    color: white;
    line-height: 64px;
    padding: 0 24px;
}

@media screen and (max-width: 1024px) {
    .material-class .mdl-layout__header-row .mdl-navigation__link {
        line-height: 56px;
        padding: 0 16px;
    }
}

.material-class .mdl-layout__obfuscator {
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 4;
    visibility: hidden;
    -webkit-transition-property: background-color;
    -o-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.material-class .mdl-layout__obfuscator.is-visible {
    background-color: rgba(0, 0, 0, 0.5);
    visibility: visible;
}

@supports (pointer-events: auto) {
    .material-class .mdl-layout__obfuscator {
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 0;
        -webkit-transition-property: opacity;
        -o-transition-property: opacity;
        transition-property: opacity;
        visibility: visible;
        pointer-events: none;
    }

    .material-class .mdl-layout__obfuscator.is-visible {
        pointer-events: auto;
        opacity: 1;
    }
}

.material-class .mdl-layout__content {
    -ms-flex: 0 1 auto;
    position: relative;
    display: inline-block;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    z-index: 1;
    -webkit-overflow-scrolling: touch;
}

.material-class .mdl-layout--fixed-drawer > .mdl-layout__content {
    margin-left: 240px;
}

.material-class .mdl-layout__container.has-scrolling-header .mdl-layout__content {
    overflow: visible;
}

@media screen and (max-width: 1024px) {
    .material-class .mdl-layout--fixed-drawer > .mdl-layout__content {
        margin-left: 0;
    }

    .material-class .mdl-layout__container.has-scrolling-header .mdl-layout__content {
        overflow-y: auto;
        overflow-x: hidden;
    }
}

.material-class .mdl-layout__tab-bar {
    height: 96px;
    margin: 0;
    width: calc(100% - 112px);
    padding: 0 0 0 56px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    background-color: #3f51b5;
    overflow-y: hidden;
    overflow-x: scroll;
}

.material-class .mdl-layout__tab-bar::-webkit-scrollbar {
    display: none;
}

.material-class .mdl-layout--no-drawer-button .mdl-layout__tab-bar {
    padding-left: 16px;
    width: calc(100% - 32px);
}

@media screen and (min-width: 1025px) {
    .material-class .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar {
        padding-left: 16px;
        width: calc(100% - 32px);
    }
}

@media screen and (max-width: 1024px) {
    .material-class .mdl-layout__tab-bar {
        width: calc(100% - 60px);
        padding: 0 0 0 60px;
    }

    .material-class .mdl-layout--no-drawer-button .mdl-layout__tab-bar {
        width: calc(100% - 8px);
        padding-left: 4px;
    }
}

.material-class .mdl-layout--fixed-tabs .mdl-layout__tab-bar {
    padding: 0;
    overflow: hidden;
    width: 100%;
}

.material-class .mdl-layout__tab-bar-container {
    position: relative;
    height: 48px;
    width: 100%;
    border: none;
    margin: 0;
    z-index: 2;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    -webkit-box-flex: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
}

.material-class .mdl-layout__container > .mdl-layout__tab-bar-container {
    position: absolute;
    top: 0;
    left: 0;
}

.material-class .mdl-layout__tab-bar-button {
    display: inline-block;
    position: absolute;
    top: 0;
    height: 48px;
    width: 56px;
    z-index: 4;
    text-align: center;
    background-color: #3f51b5;
    color: transparent;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.material-class .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button,
.material-class .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button {
    width: 16px;
}

.material-class .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button .material-icons,
.material-class .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button .material-icons {
    position: relative;
    left: -4px;
}

@media screen and (max-width: 1024px) {
    .material-class .mdl-layout__tab-bar-button {
        width: 60px;
    }
}

.material-class .mdl-layout--fixed-tabs .mdl-layout__tab-bar-button {
    display: none;
}

.material-class .mdl-layout__tab-bar-button .material-icons {
    line-height: 48px;
}

.material-class .mdl-layout__tab-bar-button.is-active {
    color: white;
}

.material-class .mdl-layout__tab-bar-left-button {
    left: 0;
}

.material-class .mdl-layout__tab-bar-right-button {
    right: 0;
}

.material-class .mdl-layout__tab {
    margin: 0;
    border: none;
    padding: 0 24px 0 24px;
    float: left;
    position: relative;
    display: block;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    -webkit-box-flex: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-decoration: none;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.6);
    overflow: hidden;
}

@media screen and (max-width: 1024px) {
    .material-class .mdl-layout__tab {
        padding: 0 12px 0 12px;
    }
}

.material-class .mdl-layout--fixed-tabs .mdl-layout__tab {
    float: none;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    padding: 0;
}

.material-class .mdl-layout.is-upgraded .mdl-layout__tab.is-active {
    color: white;
}

.material-class .mdl-layout.is-upgraded .mdl-layout__tab.is-active::after {
    height: 2px;
    width: 100%;
    display: block;
    content: " ";
    bottom: 0;
    left: 0;
    position: absolute;
    background: #ff4081;
    -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
    animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
    -webkit-transition: all 1s cubic-bezier(0.4, 0, 1, 1);
    -o-transition: all 1s cubic-bezier(0.4, 0, 1, 1);
    transition: all 1s cubic-bezier(0.4, 0, 1, 1);
}

.material-class .mdl-layout__tab .mdl-layout__tab-ripple-container {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden;
}

.material-class .mdl-layout__tab .mdl-layout__tab-ripple-container .mdl-ripple {
    background-color: white;
}

.material-class .mdl-layout__tab-panel {
    display: block;
}

.material-class .mdl-layout.is-upgraded .mdl-layout__tab-panel {
    display: none;
}

.material-class .mdl-layout.is-upgraded .mdl-layout__tab-panel.is-active {
    display: block;
}

.material-class .mdl-radio {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 24px;
    margin: 0;
    padding-left: 0;
}

.material-class .mdl-radio.is-upgraded {
    padding-left: 24px;
}

.material-class .mdl-radio__button {
    line-height: 24px;
}

.material-class .mdl-radio.is-upgraded .mdl-radio__button {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
}

.material-class .mdl-radio__outer-circle {
    position: absolute;
    top: 4px;
    left: 0;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin: 0;
    cursor: pointer;
    border: 2px solid rgba(0, 0, 0, 0.54);
    border-radius: 50%;
    z-index: 2;
}

.material-class .mdl-radio.is-checked .mdl-radio__outer-circle {
    border: 2px solid #3f51b5;
}

.material-class .mdl-radio__outer-circle fieldset[disabled] .mdl-radio,
.material-class .mdl-radio.is-disabled .mdl-radio__outer-circle {
    border: 2px solid rgba(0, 0, 0, 0.26);
    cursor: auto;
}

.material-class .mdl-radio__inner-circle {
    position: absolute;
    z-index: 1;
    margin: 0;
    top: 8px;
    left: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    cursor: pointer;
    -webkit-transition-duration: 0.28s;
    -o-transition-duration: 0.28s;
    transition-duration: 0.28s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: -webkit-transform;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    border-radius: 50%;
    background: #3f51b5;
}

.material-class .mdl-radio.is-checked .mdl-radio__inner-circle {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}

.material-class fieldset[disabled] .mdl-radio .mdl-radio__inner-circle,
.material-class .mdl-radio.is-disabled .mdl-radio__inner-circle {
    background: rgba(0, 0, 0, 0.26);
    cursor: auto;
}

.material-class .mdl-radio.is-focused .mdl-radio__inner-circle {
    -webkit-box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0.1);
}

.material-class .mdl-radio__label {
    cursor: pointer;
}

.material-class fieldset[disabled] .mdl-radio .mdl-radio__label,
.material-class .mdl-radio.is-disabled .mdl-radio__label {
    color: rgba(0, 0, 0, 0.26);
    cursor: auto;
}

.material-class .mdl-radio__ripple-container {
    position: absolute;
    z-index: 2;
    top: -9px;
    left: -13px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}

.material-class .mdl-radio__ripple-container .mdl-ripple {
    background: #3f51b5;
}

.material-class fieldset[disabled] .mdl-radio .mdl-radio__ripple-container,
.material-class .mdl-radio.is-disabled .mdl-radio__ripple-container {
    cursor: auto;
}

.material-class fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple,
.material-class .mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple {
    background: transparent;
}

.material-class _:-ms-input-placeholder, .material-class :root .mdl-slider.mdl-slider.is-upgraded {
    -ms-appearance: none;
    height: 32px;
    margin: 0;
}

.material-class .mdl-slider {
    width: calc(100% - 40px);
    margin: 0 20px;
}

.material-class .mdl-slider.is-upgraded {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 2px;
    background: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0;
    padding: 0;
    color: #3f51b5;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    z-index: 1;
    cursor: pointer;
    /**************************** Tracks ****************************/
    /**************************** Thumbs ****************************/
    /**************************** 0-value ****************************/
    /**************************** Disabled ****************************/
}

.material-class .mdl-slider.is-upgraded::-moz-focus-outer {
    border: 0;
}

.material-class .mdl-slider.is-upgraded::-ms-tooltip {
    display: none;
}

.material-class .mdl-slider.is-upgraded::-webkit-slider-runnable-track {
    background: transparent;
}

.material-class .mdl-slider.is-upgraded::-moz-range-track {
    background: transparent;
    border: none;
}

.material-class .mdl-slider.is-upgraded::-ms-track {
    background: none;
    color: transparent;
    height: 2px;
    width: 100%;
    border: none;
}

.material-class .mdl-slider.is-upgraded::-ms-fill-lower {
    padding: 0;
    background: linear-gradient(to right, transparent, transparent 16px, #3f51b5 16px, #3f51b5 0);
}

.material-class .mdl-slider.is-upgraded::-ms-fill-upper {
    padding: 0;
    background: linear-gradient(to left, transparent, transparent 16px, rgba(0, 0, 0, 0.26) 16px, rgba(0, 0, 0, 0.26) 0);
}

.material-class .mdl-slider.is-upgraded::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 12px;
    height: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    background: #3f51b5;
    border: none;
    transition: border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition: border 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1);
    transition: border 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}

.material-class .mdl-slider.is-upgraded::-moz-range-thumb {
    -moz-appearance: none;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border-radius: 50%;
    background-image: none;
    background: #3f51b5;
    border: none;
}

.material-class .mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb {
    -webkit-box-shadow: 0 0 0 10px rgba(63, 81, 181, 0.26);
    box-shadow: 0 0 0 10px rgba(63, 81, 181, 0.26);
}

.material-class .mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
    box-shadow: 0 0 0 10px rgba(63, 81, 181, 0.26);
}

.material-class .mdl-slider.is-upgraded:active::-webkit-slider-thumb {
    background-image: none;
    background: #3f51b5;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

.material-class .mdl-slider.is-upgraded:active::-moz-range-thumb {
    background-image: none;
    background: #3f51b5;
    transform: scale(1.5);
}

.material-class .mdl-slider.is-upgraded::-ms-thumb {
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 50%;
    background: #3f51b5;
    -ms-transform: scale(0.375);
    transform: scale(0.375);
    transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}

.material-class .mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {
    background: radial-gradient(circle closest-side, #3f51b5 0%, #3f51b5 37.5%, rgba(63, 81, 181, 0.26) 37.5%, rgba(63, 81, 181, 0.26) 100%);
    -ms-transform: scale(1);
    transform: scale(1);
}

.material-class .mdl-slider.is-upgraded:active::-ms-thumb {
    background: #3f51b5;
    -ms-transform: scale(0.5625);
    transform: scale(0.5625);
}

.material-class .mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb {
    border: 2px solid rgba(0, 0, 0, 0.26);
    background: transparent;
}

.material-class .mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb {
    border: 2px solid rgba(0, 0, 0, 0.26);
    background: transparent;
}

.material-class .mdl-slider.is-upgraded.is-lowest-value +
.mdl-slider__background-flex > .mdl-slider__background-upper {
    left: 6px;
}

.material-class .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.12);
    background: rgba(0, 0, 0, 0.12);
}

.material-class .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.12);
    background: rgba(0, 0, 0, 0.12);
}

.material-class .mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb {
    border: 1.6px solid rgba(0, 0, 0, 0.26);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

.material-class .mdl-slider.is-upgraded.is-lowest-value:active +
.mdl-slider__background-flex > .mdl-slider__background-upper {
    left: 9px;
}

.material-class .mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb {
    border: 1.5px solid rgba(0, 0, 0, 0.26);
    transform: scale(1.5);
}

.material-class .mdl-slider.is-upgraded.is-lowest-value::-ms-thumb {
    background: radial-gradient(circle closest-side, transparent 0%, transparent 66.67%, rgba(0, 0, 0, 0.26) 66.67%, rgba(0, 0, 0, 0.26) 100%);
}

.material-class .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb {
    background: radial-gradient(circle closest-side, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.12) 25%, rgba(0, 0, 0, 0.26) 25%, rgba(0, 0, 0, 0.26) 37.5%, rgba(0, 0, 0, 0.12) 37.5%, rgba(0, 0, 0, 0.12) 100%);
    -ms-transform: scale(1);
    transform: scale(1);
}

.material-class .mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb {
    -ms-transform: scale(0.5625);
    transform: scale(0.5625);
    background: radial-gradient(circle closest-side, transparent 0%, transparent 77.78%, rgba(0, 0, 0, 0.26) 77.78%, rgba(0, 0, 0, 0.26) 100%);
}

.material-class .mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower {
    background: transparent;
}

.material-class .mdl-slider.is-upgraded.is-lowest-value::-ms-fill-upper {
    margin-left: 6px;
}

.material-class .mdl-slider.is-upgraded.is-lowest-value:active::-ms-fill-upper {
    margin-left: 9px;
}

.material-class .mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb, .material-class .mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb, .material-class .mdl-slider.is-upgraded:disabled::-webkit-slider-thumb {
    -webkit-transform: scale(0.667);
    transform: scale(0.667);
    background: rgba(0, 0, 0, 0.26);
}

.material-class .mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb, .material-class .mdl-slider.is-upgraded:disabled:active::-moz-range-thumb, .material-class .mdl-slider.is-upgraded:disabled::-moz-range-thumb {
    transform: scale(0.667);
    background: rgba(0, 0, 0, 0.26);
}

.material-class .mdl-slider.is-upgraded:disabled +
.mdl-slider__background-flex > .mdl-slider__background-lower {
    background-color: rgba(0, 0, 0, 0.26);
    left: -6px;
}

.material-class .mdl-slider.is-upgraded:disabled +
.mdl-slider__background-flex > .mdl-slider__background-upper {
    left: 6px;
}

.material-class .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb, .material-class .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb, .material-class .mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb {
    border: 3px solid rgba(0, 0, 0, 0.26);
    background: transparent;
    -webkit-transform: scale(0.667);
    transform: scale(0.667);
}

.material-class .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb, .material-class .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb, .material-class .mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb {
    border: 3px solid rgba(0, 0, 0, 0.26);
    background: transparent;
    transform: scale(0.667);
}

.material-class .mdl-slider.is-upgraded.is-lowest-value:disabled:active +
.mdl-slider__background-flex > .mdl-slider__background-upper {
    left: 6px;
}

.material-class .mdl-slider.is-upgraded:disabled:focus::-ms-thumb, .material-class .mdl-slider.is-upgraded:disabled:active::-ms-thumb, .material-class .mdl-slider.is-upgraded:disabled::-ms-thumb {
    -ms-transform: scale(0.25);
    transform: scale(0.25);
    background: rgba(0, 0, 0, 0.26);
}

.material-class .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb, .material-class .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb, .material-class .mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb {
    -ms-transform: scale(0.25);
    transform: scale(0.25);
    background: radial-gradient(circle closest-side, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.26) 50%, rgba(0, 0, 0, 0.26) 100%);
}

.material-class .mdl-slider.is-upgraded:disabled::-ms-fill-lower {
    margin-right: 6px;
    background: linear-gradient(to right, transparent, transparent 25px, rgba(0, 0, 0, 0.26) 25px, rgba(0, 0, 0, 0.26) 0);
}

.material-class .mdl-slider.is-upgraded:disabled::-ms-fill-upper {
    margin-left: 6px;
}

.material-class .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-fill-upper {
    margin-left: 6px;
}

.material-class .mdl-slider__ie-container {
    height: 18px;
    overflow: visible;
    border: none;
    margin: none;
    padding: none;
}

.material-class .mdl-slider__container {
    height: 18px;
    position: relative;
    background: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
}

.material-class .mdl-slider__background-flex {
    background: transparent;
    position: absolute;
    height: 2px;
    width: calc(100% - 52px);
    top: 50%;
    left: 0;
    margin: 0 26px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    overflow: hidden;
    border: 0;
    padding: 0;
    -webkit-transform: translate(0, -1px);
    -ms-transform: translate(0, -1px);
    transform: translate(0, -1px);
}

.material-class .mdl-slider__background-lower {
    background: #3f51b5;
    -webkit-flex: 0;
    -ms-flex: 0;
    -webkit-box-flex: 0;
    flex: 0;
    position: relative;
    border: 0;
    padding: 0;
}

.material-class .mdl-slider__background-upper {
    background: rgba(0, 0, 0, 0.26);
    -webkit-flex: 0;
    -ms-flex: 0;
    -webkit-box-flex: 0;
    flex: 0;
    position: relative;
    border: 0;
    padding: 0;
    -webkit-transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 1);
    transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}

.material-class .mdl-snackbar {
    position: fixed;
    bottom: 0;
    left: 50%;
    cursor: default;
    background-color: #323232;
    z-index: 3;
    display: block;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    will-change: transform;
    -webkit-transform: translate(0, 80px);
    -ms-transform: translate(0, 80px);
    transform: translate(0, 80px);
    transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);
    -o-transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1);
    transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1);
    transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);
    pointer-events: none;
}

@media (max-width: 479px) {
    .material-class .mdl-snackbar {
        width: 100%;
        left: 0;
        min-height: 48px;
        max-height: 80px;
    }
}

@media (min-width: 480px) {
    .material-class .mdl-snackbar {
        min-width: 288px;
        max-width: 568px;
        border-radius: 2px;
        -webkit-transform: translate(-50%, 80px);
        -ms-transform: translate(-50%, 80px);
        transform: translate(-50%, 80px);
    }
}

.material-class .mdl-snackbar--active {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    pointer-events: auto;
    transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1);
}

@media (min-width: 480px) {
    .material-class .mdl-snackbar--active {
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}

.material-class .mdl-snackbar__text {
    padding: 14px 12px 14px 24px;
    vertical-align: middle;
    color: white;
    float: left;
}

.material-class .mdl-snackbar__action {
    background: transparent;
    border: none;
    color: #ff4081;
    float: right;
    text-transform: uppercase;
    padding: 14px 24px 14px 12px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0;
    overflow: hidden;
    outline: none;
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.material-class .mdl-snackbar__action::-moz-focus-inner {
    border: 0;
}

.material-class .mdl-snackbar__action:not([aria-hidden]) {
    opacity: 1;
    pointer-events: auto;
}

.material-class .mdl-spinner {
    display: inline-block;
    position: relative;
    width: 28px;
    height: 28px;
}

.material-class .mdl-spinner:not(.is-upgraded).is-active:after {
    content: "Loading...";
}

.material-class .mdl-spinner.is-upgraded.is-active {
    -webkit-animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite;
    animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite;
}

@-webkit-keyframes mdl-spinner__container-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes mdl-spinner__container-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.material-class .mdl-spinner__layer {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.material-class .mdl-spinner__layer-1 {
    border-color: #42a5f5;
}

.material-class .mdl-spinner--single-color .mdl-spinner__layer-1 {
    border-color: #3f51b5;
}

.material-class .mdl-spinner.is-active .mdl-spinner__layer-1 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.material-class .mdl-spinner__layer-2 {
    border-color: #f44336;
}

.material-class .mdl-spinner--single-color .mdl-spinner__layer-2 {
    border-color: #3f51b5;
}

.material-class .mdl-spinner.is-active .mdl-spinner__layer-2 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.material-class .mdl-spinner__layer-3 {
    border-color: #fdd835;
}

.material-class .mdl-spinner--single-color .mdl-spinner__layer-3 {
    border-color: #3f51b5;
}

.material-class .mdl-spinner.is-active .mdl-spinner__layer-3 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.material-class .mdl-spinner__layer-4 {
    border-color: #4caf50;
}

.material-class .mdl-spinner--single-color .mdl-spinner__layer-4 {
    border-color: #3f51b5;
}

.material-class .mdl-spinner.is-active .mdl-spinner__layer-4 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

@-webkit-keyframes mdl-spinner__fill-unfill-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg);
    }
    50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg);
    }
    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg);
    }
    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg);
    }
    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg);
    }
    to {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg);
    }
}

@keyframes mdl-spinner__fill-unfill-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg);
    }
    50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg);
    }
    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg);
    }
    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg);
    }
    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg);
    }
    to {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg);
    }
}

@-webkit-keyframes mdl-spinner__layer-1-fade-in-out {
    from {
        opacity: 0.99;
    }
    25% {
        opacity: 0.99;
    }
    26% {
        opacity: 0;
    }
    89% {
        opacity: 0;
    }
    90% {
        opacity: 0.99;
    }
    100% {
        opacity: 0.99;
    }
}

@keyframes mdl-spinner__layer-1-fade-in-out {
    from {
        opacity: 0.99;
    }
    25% {
        opacity: 0.99;
    }
    26% {
        opacity: 0;
    }
    89% {
        opacity: 0;
    }
    90% {
        opacity: 0.99;
    }
    100% {
        opacity: 0.99;
    }
}

@-webkit-keyframes mdl-spinner__layer-2-fade-in-out {
    from {
        opacity: 0;
    }
    15% {
        opacity: 0;
    }
    25% {
        opacity: 0.99;
    }
    50% {
        opacity: 0.99;
    }
    51% {
        opacity: 0;
    }
}

@keyframes mdl-spinner__layer-2-fade-in-out {
    from {
        opacity: 0;
    }
    15% {
        opacity: 0;
    }
    25% {
        opacity: 0.99;
    }
    50% {
        opacity: 0.99;
    }
    51% {
        opacity: 0;
    }
}

@-webkit-keyframes mdl-spinner__layer-3-fade-in-out {
    from {
        opacity: 0;
    }
    40% {
        opacity: 0;
    }
    50% {
        opacity: 0.99;
    }
    75% {
        opacity: 0.99;
    }
    76% {
        opacity: 0;
    }
}

@keyframes mdl-spinner__layer-3-fade-in-out {
    from {
        opacity: 0;
    }
    40% {
        opacity: 0;
    }
    50% {
        opacity: 0.99;
    }
    75% {
        opacity: 0.99;
    }
    76% {
        opacity: 0;
    }
}

@-webkit-keyframes mdl-spinner__layer-4-fade-in-out {
    from {
        opacity: 0;
    }
    65% {
        opacity: 0;
    }
    75% {
        opacity: 0.99;
    }
    90% {
        opacity: 0.99;
    }
    100% {
        opacity: 0;
    }
}

@keyframes mdl-spinner__layer-4-fade-in-out {
    from {
        opacity: 0;
    }
    65% {
        opacity: 0;
    }
    75% {
        opacity: 0.99;
    }
    90% {
        opacity: 0.99;
    }
    100% {
        opacity: 0;
    }
}

.material-class .mdl-spinner__gap-patch {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    left: 45%;
    width: 10%;
    height: 100%;
    overflow: hidden;
    border-color: inherit;
}

.material-class .mdl-spinner__gap-patch .mdl-spinner__circle {
    width: 1000%;
    left: -450%;
}

.material-class .mdl-spinner__circle-clipper {
    display: inline-block;
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
    border-color: inherit;
}

.material-class .mdl-spinner__circle-clipper.mdl-spinner__left {
    float: left;
}

.material-class .mdl-spinner__circle-clipper.mdl-spinner__right {
    float: right;
}

.material-class .mdl-spinner__circle-clipper .mdl-spinner__circle {
    width: 200%;
}

.material-class .mdl-spinner__circle {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    border-width: 3px;
    border-style: solid;
    border-color: inherit;
    border-bottom-color: transparent !important;
    border-radius: 50%;
    -webkit-animation: none;
    animation: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.material-class .mdl-spinner__left .mdl-spinner__circle {
    border-right-color: transparent !important;
    -webkit-transform: rotate(129deg);
    -ms-transform: rotate(129deg);
    transform: rotate(129deg);
}

.material-class .mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle {
    -webkit-animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.material-class .mdl-spinner__right .mdl-spinner__circle {
    left: -100%;
    border-left-color: transparent !important;
    -webkit-transform: rotate(-129deg);
    -ms-transform: rotate(-129deg);
    transform: rotate(-129deg);
}

.material-class .mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle {
    -webkit-animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

@-webkit-keyframes mdl-spinner__left-spin {
    from {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg);
    }
    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    to {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg);
    }
}

@keyframes mdl-spinner__left-spin {
    from {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg);
    }
    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    to {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg);
    }
}

@-webkit-keyframes mdl-spinner__right-spin {
    from {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }
    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    to {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }
}

@keyframes mdl-spinner__right-spin {
    from {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }
    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    to {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }
}

.material-class .mdl-switch {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 24px;
    margin: 0;
    padding: 0;
    overflow: visible;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.material-class .mdl-switch.is-upgraded {
    padding-left: 28px;
}

.material-class .mdl-switch__input {
    line-height: 24px;
}

.material-class .mdl-switch.is-upgraded .mdl-switch__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
}

.material-class .mdl-switch__track {
    background: rgba(0, 0, 0, 0.26);
    position: absolute;
    left: 0;
    top: 5px;
    height: 14px;
    width: 36px;
    border-radius: 14px;
    cursor: pointer;
}

.material-class .mdl-switch.is-checked .mdl-switch__track {
    background: rgba(63, 81, 181, 0.5);
}

.material-class .mdl-switch__track fieldset[disabled] .mdl-switch,
.material-class .mdl-switch.is-disabled .mdl-switch__track {
    background: rgba(0, 0, 0, 0.12);
    cursor: auto;
}

.material-class .mdl-switch__thumb {
    background: #fafafa;
    position: absolute;
    left: 0;
    top: 2px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    cursor: pointer;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    -webkit-transition-duration: 0.28s;
    -o-transition-duration: 0.28s;
    transition-duration: 0.28s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-property: left;
    -o-transition-property: left;
    transition-property: left;
}

.material-class .mdl-switch.is-checked .mdl-switch__thumb {
    background: #3f51b5;
    left: 16px;
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

.material-class .mdl-switch__thumb fieldset[disabled] .mdl-switch,
.material-class .mdl-switch.is-disabled .mdl-switch__thumb {
    background: #bdbdbd;
    cursor: auto;
}

.material-class .mdl-switch__focus-helper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-4px, -4px);
    -ms-transform: translate(-4px, -4px);
    transform: translate(-4px, -4px);
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: transparent;
}

.material-class .mdl-switch.is-focused .mdl-switch__focus-helper {
    -webkit-box-shadow: 0 0 0px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0px 20px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1);
}

.material-class .mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {
    -webkit-box-shadow: 0 0 0px 20px rgba(63, 81, 181, 0.26);
    box-shadow: 0 0 0px 20px rgba(63, 81, 181, 0.26);
    background-color: rgba(63, 81, 181, 0.26);
}

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

.material-class .mdl-switch__label fieldset[disabled] .mdl-switch,
.material-class .mdl-switch.is-disabled .mdl-switch__label {
    color: #bdbdbd;
    cursor: auto;
}

.material-class .mdl-switch__ripple-container {
    position: absolute;
    z-index: 2;
    top: -12px;
    left: -14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
    -webkit-transition-duration: 0.40s;
    -o-transition-duration: 0.40s;
    transition-duration: 0.40s;
    -webkit-transition-timing-function: step-end;
    -o-transition-timing-function: step-end;
    transition-timing-function: step-end;
    -webkit-transition-property: left;
    -o-transition-property: left;
    transition-property: left;
}

.material-class .mdl-switch__ripple-container .mdl-ripple {
    background: #3f51b5;
}

.material-class .mdl-switch__ripple-container fieldset[disabled] .mdl-switch,
.material-class .mdl-switch.is-disabled .mdl-switch__ripple-container {
    cursor: auto;
}

.material-class fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple,
.material-class .mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple {
    background: transparent;
}

.material-class .mdl-switch.is-checked .mdl-switch__ripple-container {
    left: 2px;
}

.material-class .mdl-tabs {
    display: block;
    width: 100%;
}

.material-class .mdl-tabs__tab-bar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
    height: 48px;
    padding: 0 0 0 0;
    margin: 0;
    border-bottom: 1px solid #e0e0e0;
}

.material-class .mdl-tabs__tab {
    margin: 0;
    border: none;
    padding: 0 24px 0 24px;
    float: left;
    position: relative;
    display: block;
    text-decoration: none;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.54);
    overflow: hidden;
}

.material-class .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
    color: rgba(0, 0, 0, 0.87);
}

.material-class .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
    height: 2px;
    width: 100%;
    display: block;
    content: " ";
    bottom: 0px;
    left: 0px;
    position: absolute;
    background: #3f51b5;
    -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
    animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
    -webkit-transition: all 1s cubic-bezier(0.4, 0, 1, 1);
    -o-transition: all 1s cubic-bezier(0.4, 0, 1, 1);
    transition: all 1s cubic-bezier(0.4, 0, 1, 1);
}

.material-class .mdl-tabs__tab .mdl-tabs__ripple-container {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: 1;
    overflow: hidden;
}

.material-class .mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple {
    background: #3f51b5;
}

.material-class .mdl-tabs__panel {
    display: block;
}

.material-class .mdl-tabs.is-upgraded .mdl-tabs__panel {
    display: none;
}

.material-class .mdl-tabs.is-upgraded .mdl-tabs__panel.is-active {
    display: block;
}

@-webkit-keyframes border-expand {
    0% {
        opacity: 0;
        width: 0;
    }
    100% {
        opacity: 1;
        width: 100%;
    }
}

@keyframes border-expand {
    0% {
        opacity: 0;
        width: 0;
    }
    100% {
        opacity: 1;
        width: 100%;
    }
}

.material-class .mdl-textfield {
    position: relative;
    font-size: 16px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 300px;
    max-width: 100%;
    margin: 0;
    padding: 20px 0;
}

.material-class .mdl-textfield .mdl-button {
    position: absolute;
    bottom: 20px;
}

.material-class .mdl-textfield--align-right {
    text-align: right;
}

.material-class .mdl-textfield--full-width {
    width: 100%;
}

.material-class .mdl-textfield--expandable {
    min-width: 32px;
    width: auto;
    min-height: 32px;
}

.material-class .mdl-textfield--expandable .mdl-button--icon {
    top: 16px;
}

.material-class .mdl-textfield__input {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    display: block;
    font-size: 16px;
    font-family: "Helvetica", "Arial", sans-serif;
    margin: 0;
    padding: 4px 0;
    width: 100%;
    background: none;
    text-align: left;
    color: inherit;
}

.material-class .mdl-textfield__input[type="number"] {
    -moz-appearance: textfield;
}

.material-class .mdl-textfield__input[type="number"]::-webkit-inner-spin-button, .material-class .mdl-textfield__input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.material-class .mdl-textfield.is-focused .mdl-textfield__input {
    outline: none;
}

.material-class .mdl-textfield.is-invalid .mdl-textfield__input {
    border-color: #d50000;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.material-class fieldset[disabled] .mdl-textfield .mdl-textfield__input,
.material-class .mdl-textfield.is-disabled .mdl-textfield__input {
    background-color: transparent;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.26);
}

.material-class .mdl-textfield textarea.mdl-textfield__input {
    display: block;
}

.material-class .mdl-textfield__label {
    bottom: 0;
    color: rgba(0, 0, 0, 0.26);
    font-size: 16px;
    left: 0;
    right: 0;
    pointer-events: none;
    position: absolute;
    display: block;
    top: 24px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
}

.material-class .mdl-textfield.is-dirty .mdl-textfield__label,
.material-class .mdl-textfield.has-placeholder .mdl-textfield__label {
    visibility: hidden;
}

.material-class .mdl-textfield--floating-label .mdl-textfield__label {
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.material-class .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.material-class fieldset[disabled] .mdl-textfield .mdl-textfield__label,
.material-class .mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {
    color: rgba(0, 0, 0, 0.26);
}

.material-class .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.material-class .mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.material-class .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    color: #3f51b5;
    font-size: 12px;
    top: 4px;
    visibility: visible;
}

.material-class .mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label,
.material-class .mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label,
.material-class .mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label {
    top: -16px;
}

.material-class .mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
    color: #d50000;
    font-size: 12px;
}

.material-class .mdl-textfield__label:after {
    background-color: #3f51b5;
    bottom: 20px;
    content: '';
    height: 2px;
    left: 45%;
    position: absolute;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    visibility: hidden;
    width: 10px;
}

.material-class .mdl-textfield.is-focused .mdl-textfield__label:after {
    left: 0;
    visibility: visible;
    width: 100%;
}

.material-class .mdl-textfield.is-invalid .mdl-textfield__label:after {
    background-color: #d50000;
}

.material-class .mdl-textfield__error {
    color: #d50000;
    position: absolute;
    font-size: 12px;
    margin-top: 3px;
    visibility: hidden;
    display: block;
}

.material-class .mdl-textfield.is-invalid .mdl-textfield__error {
    visibility: visible;
}

.material-class .mdl-textfield__expandable-holder {
    display: inline-block;
    position: relative;
    margin-left: 32px;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-block;
    max-width: 0.1px;
}

.material-class .mdl-textfield.is-focused .mdl-textfield__expandable-holder, .material-class .mdl-textfield.is-dirty .mdl-textfield__expandable-holder {
    max-width: 600px;
}

.material-class .mdl-textfield__expandable-holder .mdl-textfield__label:after {
    bottom: 0;
}

.material-class .mdl-tooltip {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    z-index: 999;
    background: rgba(97, 97, 97, 0.9);
    border-radius: 2px;
    color: white;
    display: inline-block;
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    max-width: 170px;
    position: fixed;
    top: -500px;
    left: -500px;
    padding: 8px;
    text-align: center;
}

.material-class .mdl-tooltip.is-active {
    -webkit-animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
    animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}

.material-class .mdl-tooltip--large {
    line-height: 14px;
    font-size: 14px;
    padding: 16px;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    50% {
        -webkit-transform: scale(0.99);
        transform: scale(0.99);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        visibility: visible;
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    50% {
        -webkit-transform: scale(0.99);
        transform: scale(0.99);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        visibility: visible;
    }
}

.material-class .mdl-shadow--2dp {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.material-class .mdl-shadow--3dp {
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

.material-class .mdl-shadow--4dp {
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}

.material-class .mdl-shadow--6dp {
    -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}

.material-class .mdl-shadow--8dp {
    -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

.material-class .mdl-shadow--16dp {
    -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.material-class .mdl-shadow--24dp {
    -webkit-box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
}

.material-class .mdl-grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    margin: 0 auto 0 auto;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
}

.material-class .mdl-grid.mdl-grid--no-spacing {
    padding: 0;
}

.material-class .mdl-cell {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.material-class .mdl-cell--top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.material-class .mdl-cell--middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.material-class .mdl-cell--bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.material-class .mdl-cell--stretch {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

.material-class .mdl-grid.mdl-grid--no-spacing > .mdl-cell {
    margin: 0;
}

.material-class .mdl-cell--order-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
}

.material-class .mdl-cell--order-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    order: 2;
}

.material-class .mdl-cell--order-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
    order: 3;
}

.material-class .mdl-cell--order-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
    order: 4;
}

.material-class .mdl-cell--order-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
    order: 5;
}

.material-class .mdl-cell--order-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
    order: 6;
}

.material-class .mdl-cell--order-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
    order: 7;
}

.material-class .mdl-cell--order-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
    order: 8;
}

.material-class .mdl-cell--order-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
    order: 9;
}

.material-class .mdl-cell--order-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
    order: 10;
}

.material-class .mdl-cell--order-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
    order: 11;
}

.material-class .mdl-cell--order-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
    order: 12;
}

@media (max-width: 479px) {
    .material-class .mdl-grid {
        padding: 8px;
    }

    .material-class .mdl-cell {
        margin: 8px;
        width: calc(100% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell {
        width: 100%;
    }

    .material-class .mdl-cell--hide-phone {
        display: none !important;
    }

    .material-class .mdl-cell--order-1-phone.mdl-cell--order-1-phone {
        -webkit-order: 1;
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1;
    }

    .material-class .mdl-cell--order-2-phone.mdl-cell--order-2-phone {
        -webkit-order: 2;
        -ms-flex-order: 2;
        -webkit-box-ordinal-group: 3;
        order: 2;
    }

    .material-class .mdl-cell--order-3-phone.mdl-cell--order-3-phone {
        -webkit-order: 3;
        -ms-flex-order: 3;
        -webkit-box-ordinal-group: 4;
        order: 3;
    }

    .material-class .mdl-cell--order-4-phone.mdl-cell--order-4-phone {
        -webkit-order: 4;
        -ms-flex-order: 4;
        -webkit-box-ordinal-group: 5;
        order: 4;
    }

    .material-class .mdl-cell--order-5-phone.mdl-cell--order-5-phone {
        -webkit-order: 5;
        -ms-flex-order: 5;
        -webkit-box-ordinal-group: 6;
        order: 5;
    }

    .material-class .mdl-cell--order-6-phone.mdl-cell--order-6-phone {
        -webkit-order: 6;
        -ms-flex-order: 6;
        -webkit-box-ordinal-group: 7;
        order: 6;
    }

    .material-class .mdl-cell--order-7-phone.mdl-cell--order-7-phone {
        -webkit-order: 7;
        -ms-flex-order: 7;
        -webkit-box-ordinal-group: 8;
        order: 7;
    }

    .material-class .mdl-cell--order-8-phone.mdl-cell--order-8-phone {
        -webkit-order: 8;
        -ms-flex-order: 8;
        -webkit-box-ordinal-group: 9;
        order: 8;
    }

    .material-class .mdl-cell--order-9-phone.mdl-cell--order-9-phone {
        -webkit-order: 9;
        -ms-flex-order: 9;
        -webkit-box-ordinal-group: 10;
        order: 9;
    }

    .material-class .mdl-cell--order-10-phone.mdl-cell--order-10-phone {
        -webkit-order: 10;
        -ms-flex-order: 10;
        -webkit-box-ordinal-group: 11;
        order: 10;
    }

    .material-class .mdl-cell--order-11-phone.mdl-cell--order-11-phone {
        -webkit-order: 11;
        -ms-flex-order: 11;
        -webkit-box-ordinal-group: 12;
        order: 11;
    }

    .material-class .mdl-cell--order-12-phone.mdl-cell--order-12-phone {
        -webkit-order: 12;
        -ms-flex-order: 12;
        -webkit-box-ordinal-group: 13;
        order: 12;
    }

    .material-class .mdl-cell--1-col,
    .material-class .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
        width: calc(25% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell--1-col, .material-class .mdl-grid--no-spacing >
    .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
        width: 25%;
    }

    .material-class .mdl-cell--2-col,
    .material-class .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
        width: calc(50% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell--2-col, .material-class .mdl-grid--no-spacing >
    .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
        width: 50%;
    }

    .material-class .mdl-cell--3-col,
    .material-class .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
        width: calc(75% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell--3-col, .material-class .mdl-grid--no-spacing >
    .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
        width: 75%;
    }

    .material-class .mdl-cell--4-col,
    .material-class .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
        width: calc(100% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell--4-col, .material-class .mdl-grid--no-spacing >
    .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
        width: 100%;
    }

    .material-class .mdl-cell--5-col,
    .material-class .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
        width: calc(100% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell--5-col, .material-class .mdl-grid--no-spacing >
    .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
        width: 100%;
    }

    .material-class .mdl-cell--6-col,
    .material-class .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
        width: calc(100% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell--6-col, .material-class .mdl-grid--no-spacing >
    .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
        width: 100%;
    }

    .material-class .mdl-cell--7-col,
    .material-class .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
        width: calc(100% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell--7-col, .material-class .mdl-grid--no-spacing >
    .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
        width: 100%;
    }

    .material-class .mdl-cell--8-col,
    .material-class .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
        width: calc(100% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell--8-col, .material-class .mdl-grid--no-spacing >
    .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
        width: 100%;
    }

    .material-class .mdl-cell--9-col,
    .material-class .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
        width: calc(100% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell--9-col, .material-class .mdl-grid--no-spacing >
    .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
        width: 100%;
    }

    .material-class .mdl-cell--10-col,
    .material-class .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
        width: calc(100% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell--10-col, .material-class .mdl-grid--no-spacing >
    .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
        width: 100%;
    }

    .material-class .mdl-cell--11-col,
    .material-class .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
        width: calc(100% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell--11-col, .material-class .mdl-grid--no-spacing >
    .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
        width: 100%;
    }

    .material-class .mdl-cell--12-col,
    .material-class .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
        width: calc(100% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell--12-col, .material-class .mdl-grid--no-spacing >
    .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
        width: 100%;
    }

    .material-class .mdl-cell--1-offset,
    .material-class .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
        margin-left: calc(25% + 8px);
    }

    .material-class .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .material-class .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
        margin-left: 25%;
    }

    .material-class .mdl-cell--2-offset,
    .material-class .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
        margin-left: calc(50% + 8px);
    }

    .material-class .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .material-class .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
        margin-left: 50%;
    }

    .material-class .mdl-cell--3-offset,
    .material-class .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
        margin-left: calc(75% + 8px);
    }

    .material-class .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .material-class .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
        margin-left: 75%;
    }
}

@media (min-width: 480px) and (max-width: 839px) {
    .material-class .mdl-grid {
        padding: 8px;
    }

    .material-class .mdl-cell {
        margin: 8px;
        width: calc(50% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell {
        width: 50%;
    }

    .material-class .mdl-cell--hide-tablet {
        display: none !important;
    }

    .material-class .mdl-cell--order-1-tablet.mdl-cell--order-1-tablet {
        -webkit-order: 1;
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1;
    }

    .material-class .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet {
        -webkit-order: 2;
        -ms-flex-order: 2;
        -webkit-box-ordinal-group: 3;
        order: 2;
    }

    .material-class .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet {
        -webkit-order: 3;
        -ms-flex-order: 3;
        -webkit-box-ordinal-group: 4;
        order: 3;
    }

    .material-class .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet {
        -webkit-order: 4;
        -ms-flex-order: 4;
        -webkit-box-ordinal-group: 5;
        order: 4;
    }

    .material-class .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet {
        -webkit-order: 5;
        -ms-flex-order: 5;
        -webkit-box-ordinal-group: 6;
        order: 5;
    }

    .material-class .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet {
        -webkit-order: 6;
        -ms-flex-order: 6;
        -webkit-box-ordinal-group: 7;
        order: 6;
    }

    .material-class .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet {
        -webkit-order: 7;
        -ms-flex-order: 7;
        -webkit-box-ordinal-group: 8;
        order: 7;
    }

    .material-class .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet {
        -webkit-order: 8;
        -ms-flex-order: 8;
        -webkit-box-ordinal-group: 9;
        order: 8;
    }

    .material-class .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet {
        -webkit-order: 9;
        -ms-flex-order: 9;
        -webkit-box-ordinal-group: 10;
        order: 9;
    }

    .material-class .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet {
        -webkit-order: 10;
        -ms-flex-order: 10;
        -webkit-box-ordinal-group: 11;
        order: 10;
    }

    .material-class .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet {
        -webkit-order: 11;
        -ms-flex-order: 11;
        -webkit-box-ordinal-group: 12;
        order: 11;
    }

    .material-class .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet {
        -webkit-order: 12;
        -ms-flex-order: 12;
        -webkit-box-ordinal-group: 13;
        order: 12;
    }

    .material-class .mdl-cell--1-col,
    .material-class .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
        width: calc(12.5% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell--1-col, .material-class .mdl-grid--no-spacing >
    .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
        width: 12.5%;
    }

    .material-class .mdl-cell--2-col,
    .material-class .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
        width: calc(25% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell--2-col, .material-class .mdl-grid--no-spacing >
    .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
        width: 25%;
    }

    .material-class .mdl-cell--3-col,
    .material-class .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
        width: calc(37.5% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell--3-col, .material-class .mdl-grid--no-spacing >
    .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
        width: 37.5%;
    }

    .material-class .mdl-cell--4-col,
    .material-class .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
        width: calc(50% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell--4-col, .material-class .mdl-grid--no-spacing >
    .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
        width: 50%;
    }

    .material-class .mdl-cell--5-col,
    .material-class .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
        width: calc(62.5% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell--5-col, .material-class .mdl-grid--no-spacing >
    .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
        width: 62.5%;
    }

    .material-class .mdl-cell--6-col,
    .material-class .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
        width: calc(75% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell--6-col, .material-class .mdl-grid--no-spacing >
    .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
        width: 75%;
    }

    .material-class .mdl-cell--7-col,
    .material-class .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
        width: calc(87.5% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell--7-col, .material-class .mdl-grid--no-spacing >
    .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
        width: 87.5%;
    }

    .material-class .mdl-cell--8-col,
    .material-class .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
        width: calc(100% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell--8-col, .material-class .mdl-grid--no-spacing >
    .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
        width: 100%;
    }

    .material-class .mdl-cell--9-col,
    .material-class .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
        width: calc(100% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell--9-col, .material-class .mdl-grid--no-spacing >
    .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
        width: 100%;
    }

    .material-class .mdl-cell--10-col,
    .material-class .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
        width: calc(100% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell--10-col, .material-class .mdl-grid--no-spacing >
    .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
        width: 100%;
    }

    .material-class .mdl-cell--11-col,
    .material-class .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
        width: calc(100% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell--11-col, .material-class .mdl-grid--no-spacing >
    .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
        width: 100%;
    }

    .material-class .mdl-cell--12-col,
    .material-class .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
        width: calc(100% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell--12-col, .material-class .mdl-grid--no-spacing >
    .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
        width: 100%;
    }

    .material-class .mdl-cell--1-offset,
    .material-class .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
        margin-left: calc(12.5% + 8px);
    }

    .material-class .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .material-class .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
        margin-left: 12.5%;
    }

    .material-class .mdl-cell--2-offset,
    .material-class .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
        margin-left: calc(25% + 8px);
    }

    .material-class .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .material-class .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
        margin-left: 25%;
    }

    .material-class .mdl-cell--3-offset,
    .material-class .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
        margin-left: calc(37.5% + 8px);
    }

    .material-class .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .material-class .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
        margin-left: 37.5%;
    }

    .material-class .mdl-cell--4-offset,
    .material-class .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
        margin-left: calc(50% + 8px);
    }

    .material-class .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .material-class .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
        margin-left: 50%;
    }

    .material-class .mdl-cell--5-offset,
    .material-class .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
        margin-left: calc(62.5% + 8px);
    }

    .material-class .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .material-class .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
        margin-left: 62.5%;
    }

    .material-class .mdl-cell--6-offset,
    .material-class .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
        margin-left: calc(75% + 8px);
    }

    .material-class .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .material-class .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
        margin-left: 75%;
    }

    .material-class .mdl-cell--7-offset,
    .material-class .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
        margin-left: calc(87.5% + 8px);
    }

    .material-class .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .material-class .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
        margin-left: 87.5%;
    }
}

@media (min-width: 840px) {
    .material-class .mdl-grid {
        padding: 8px;
    }

    .material-class .mdl-cell {
        margin: 8px;
        width: calc(33.3333333333% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell {
        width: 33.3333333333%;
    }

    .material-class .mdl-cell--hide-desktop {
        display: none !important;
    }

    .material-class .mdl-cell--order-1-desktop.mdl-cell--order-1-desktop {
        -webkit-order: 1;
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1;
    }

    .material-class .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop {
        -webkit-order: 2;
        -ms-flex-order: 2;
        -webkit-box-ordinal-group: 3;
        order: 2;
    }

    .material-class .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop {
        -webkit-order: 3;
        -ms-flex-order: 3;
        -webkit-box-ordinal-group: 4;
        order: 3;
    }

    .material-class .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop {
        -webkit-order: 4;
        -ms-flex-order: 4;
        -webkit-box-ordinal-group: 5;
        order: 4;
    }

    .material-class .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop {
        -webkit-order: 5;
        -ms-flex-order: 5;
        -webkit-box-ordinal-group: 6;
        order: 5;
    }

    .material-class .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop {
        -webkit-order: 6;
        -ms-flex-order: 6;
        -webkit-box-ordinal-group: 7;
        order: 6;
    }

    .material-class .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop {
        -webkit-order: 7;
        -ms-flex-order: 7;
        -webkit-box-ordinal-group: 8;
        order: 7;
    }

    .material-class .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop {
        -webkit-order: 8;
        -ms-flex-order: 8;
        -webkit-box-ordinal-group: 9;
        order: 8;
    }

    .material-class .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop {
        -webkit-order: 9;
        -ms-flex-order: 9;
        -webkit-box-ordinal-group: 10;
        order: 9;
    }

    .material-class .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop {
        -webkit-order: 10;
        -ms-flex-order: 10;
        -webkit-box-ordinal-group: 11;
        order: 10;
    }

    .material-class .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop {
        -webkit-order: 11;
        -ms-flex-order: 11;
        -webkit-box-ordinal-group: 12;
        order: 11;
    }

    .material-class .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop {
        -webkit-order: 12;
        -ms-flex-order: 12;
        -webkit-box-ordinal-group: 13;
        order: 12;
    }

    .material-class .mdl-cell--1-col,
    .material-class .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
        width: calc(8.3333333333% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell--1-col, .material-class .mdl-grid--no-spacing >
    .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
        width: 8.3333333333%;
    }

    .material-class .mdl-cell--2-col,
    .material-class .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
        width: calc(16.6666666667% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell--2-col, .material-class .mdl-grid--no-spacing >
    .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
        width: 16.6666666667%;
    }

    .material-class .mdl-cell--3-col,
    .material-class .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
        width: calc(25% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell--3-col, .material-class .mdl-grid--no-spacing >
    .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
        width: 25%;
    }

    .material-class .mdl-cell--4-col,
    .material-class .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
        width: calc(33.3333333333% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell--4-col, .material-class .mdl-grid--no-spacing >
    .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
        width: 33.3333333333%;
    }

    .material-class .mdl-cell--5-col,
    .material-class .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
        width: calc(41.6666666667% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell--5-col, .material-class .mdl-grid--no-spacing >
    .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
        width: 41.6666666667%;
    }

    .material-class .mdl-cell--6-col,
    .material-class .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
        width: calc(50% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell--6-col, .material-class .mdl-grid--no-spacing >
    .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
        width: 50%;
    }

    .material-class .mdl-cell--7-col,
    .material-class .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
        width: calc(58.3333333333% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell--7-col, .material-class .mdl-grid--no-spacing >
    .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
        width: 58.3333333333%;
    }

    .material-class .mdl-cell--8-col,
    .material-class .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
        width: calc(66.6666666667% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell--8-col, .material-class .mdl-grid--no-spacing >
    .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
        width: 66.6666666667%;
    }

    .material-class .mdl-cell--9-col,
    .material-class .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
        width: calc(75% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell--9-col, .material-class .mdl-grid--no-spacing >
    .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
        width: 75%;
    }

    .material-class .mdl-cell--10-col,
    .material-class .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
        width: calc(83.3333333333% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell--10-col, .material-class .mdl-grid--no-spacing >
    .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
        width: 83.3333333333%;
    }

    .material-class .mdl-cell--11-col,
    .material-class .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
        width: calc(91.6666666667% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell--11-col, .material-class .mdl-grid--no-spacing >
    .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
        width: 91.6666666667%;
    }

    .material-class .mdl-cell--12-col,
    .material-class .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
        width: calc(100% - 16px);
    }

    .material-class .mdl-grid--no-spacing > .mdl-cell--12-col, .material-class .mdl-grid--no-spacing >
    .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
        width: 100%;
    }

    .material-class .mdl-cell--1-offset,
    .material-class .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
        margin-left: calc(8.3333333333% + 8px);
    }

    .material-class .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .material-class .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
        margin-left: 8.3333333333%;
    }

    .material-class .mdl-cell--2-offset,
    .material-class .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
        margin-left: calc(16.6666666667% + 8px);
    }

    .material-class .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .material-class .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
        margin-left: 16.6666666667%;
    }

    .material-class .mdl-cell--3-offset,
    .material-class .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
        margin-left: calc(25% + 8px);
    }

    .material-class .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .material-class .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
        margin-left: 25%;
    }

    .material-class .mdl-cell--4-offset,
    .material-class .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
        margin-left: calc(33.3333333333% + 8px);
    }

    .material-class .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .material-class .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
        margin-left: 33.3333333333%;
    }

    .material-class .mdl-cell--5-offset,
    .material-class .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
        margin-left: calc(41.6666666667% + 8px);
    }

    .material-class .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .material-class .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
        margin-left: 41.6666666667%;
    }

    .material-class .mdl-cell--6-offset,
    .material-class .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
        margin-left: calc(50% + 8px);
    }

    .material-class .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .material-class .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
        margin-left: 50%;
    }

    .material-class .mdl-cell--7-offset,
    .material-class .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
        margin-left: calc(58.3333333333% + 8px);
    }

    .material-class .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .material-class .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
        margin-left: 58.3333333333%;
    }

    .material-class .mdl-cell--8-offset,
    .material-class .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
        margin-left: calc(66.6666666667% + 8px);
    }

    .material-class .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset, .material-class .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
        margin-left: 66.6666666667%;
    }

    .material-class .mdl-cell--9-offset,
    .material-class .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
        margin-left: calc(75% + 8px);
    }

    .material-class .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset, .material-class .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
        margin-left: 75%;
    }

    .material-class .mdl-cell--10-offset,
    .material-class .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
        margin-left: calc(83.3333333333% + 8px);
    }

    .material-class .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset, .material-class .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
        margin-left: 83.3333333333%;
    }

    .material-class .mdl-cell--11-offset,
    .material-class .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
        margin-left: calc(91.6666666667% + 8px);
    }

    .material-class .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset, .material-class .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
        margin-left: 91.6666666667%;
    }
}

.material-table th {
    white-space: nowrap;
}

.material-table__toolbar-wrap {
    position: absolute;
    top: 10px;
    right: 0;
}

.material-table__toolbar-wrap .material-table__toolbar {
    padding: 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.material-table__toolbar-wrap .material-table__toolbar span {
    text-transform: none;
}

.material-table__toolbar-wrap .material-table__toolbar-button {
    height: 36px;
    width: 36px;
    padding: 0;
}

.material-table__toolbar-selected {
    margin-right: 10px;
}

.material-table__row {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
}

.theme-light .material-table__row[aria-checked="true"] {
    background-color: #e5eafa;
}

.theme-dark .material-table__row[aria-checked="true"] {
    background-color: #38373f;
}

.material-table__row[aria-checked="true"] .material-table__checkbox span {
    color: #4ce1b6;
}

.theme-light .material-table__row:hover {
    background-color: #f2f4f7;
}

.theme-dark .material-table__row:hover {
    background-color: #2a2a31;
}

.material-table__checkbox--checked span {
    color: #4ce1b6;
}

.material-table__cell.material-table__cell--sort span {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.material-table__cell.material-table__cell--sort span:hover {
    color: #4ce1b6;
}

.theme-light .material-table__cell, .theme-light .material-table__sort-label, .theme-light .material-table__toolbar-button {
    color: #585b69;
}

.theme-dark .material-table__cell, .theme-dark .material-table__sort-label, .theme-dark .material-table__toolbar-button {
    color: #ddd;
}

.material-table__checkbox {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.theme-light .material-table__checkbox {
    color: #d0d0d0;
}

.theme-dark .material-table__checkbox {
    color: #605f7b;
}

.material-table__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.material-table__pagination .mdl-button label {
    color: #787985;
    font-weight: 400;
}

.material-table__pagination .mdl-button i {
    color: #787985;
}

.material-table__pagination button {
    height: 36px;
    width: 36px;
}

.material-table__pagination > div {
    padding: 0;
}

.theme-light .material-table__pagination span, .theme-light .material-table__pagination div, .theme-light .material-table__pagination svg {
    color: #585b69;
}

.theme-dark .material-table__pagination span, .theme-dark .material-table__pagination div, .theme-dark .material-table__pagination svg {
    color: #ddd;
}

.material-table__wrap {
    overflow-x: auto;
}

.material-table__filter-menu div:last-child {
    -webkit-box-shadow: 0 10px 30px 1px rgba(0, 0, 0, 0.06);
    box-shadow: 0 10px 30px 1px rgba(0, 0, 0, 0.06);
}

.material-table__filter-menu .material-table__filter-menu-item {
    color: #646777;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    font-size: 13px;
    padding: 7px 24px;
    height: auto;
    line-height: 20px;
}

.material-table__filter-menu .material-table__filter-menu-item:hover {
    background: #fafbfe;
}

@media screen and (max-width: 768px) {
    .material-table__pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .material-table__pagination div {
        margin-left: 8px;
        margin-right: 8px;
    }

    .material-table__pagination div:last-child {
        margin-right: 0;
    }

    .material-table__pagination div:first-child {
        margin: 0;
    }

    .material-table__pagination div > span:first-of-type {
        display: none;
    }
}

@media screen and (max-width: 420px) {
    .material-table__toolbar-selected span {
        display: none;
    }
}

.material-class .mdl-data-table th.mdl-data-table__header--sorted-ascending, .material-class .mdl-data-table th.mdl-data-table__header--sorted-descending {
    color: #787985 !important;
}

.material-class .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover, .material-class .mdl-data-table th.mdl-data-table__header--sorted-descending:hover {
    color: #4ce1b6 !important;
}

.material-class {
    color: #787985 !important;
}

.material-class .mdl-menu .mdl-menu__item {
    text-transform: none !important;
    color: #787985 !important;
}

.material-class .mdl-textfield {
    width: 100%;
}

.material-class .mdl-textfield .mdl-textfield__input:hover {
    border-bottom: 1px solid #4ce1b6;
}

.material-class .mdl-textfield .mdl-textfield__label {
    font-weight: 400;
    font-size: 12px;
    color: #787985;
}

.material-class .mdl-textfield .mdl-textfield__label:after {
    display: none;
}

.material-class .mdl-textfield.is-focused, .material-class .mdl-textfield.is-dirty, .material-class .mdl-textfield.has-placeholder {
    top: 4px;
}

.material-class .mdl-textfield.is-focused .mdl-textfield__label, .material-class .mdl-textfield.is-dirty .mdl-textfield__label, .material-class .mdl-textfield.has-placeholder .mdl-textfield__label {
    color: #646777;
}

.material-class .mdl-checkbox__box-outline {
    border: 2px solid #ddd;
}

.material-class .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border: 1px solid #4ce1b6;
}

.material-class .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background: #4ce1b6 url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K");
}

.material-class th .mdl-data-table__select {
    text-align: center;
}

.material-class th .mdl-data-table__header--sorted-ascending {
    color: #787985 !important;
}

.material-class th .mdl-data-table__header--sorted-ascending:hover {
    color: #4ce1b6 !important;
}

.material-class th:hover {
    color: #4ce1b6;
}

.material-class .mdl-data-table--selectable tr:hover {
    cursor: pointer;
}

.material-class .mdl-data-table {
    border: 0;
    width: 100%;
}

#rowsPerPage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#rowsPerPage label {
    padding: 0;
    margin: 0;
}

.panel__icon {
    margin-right: 5px;
}

.theme-light path.recharts-sector {
    stroke: white;
}

.theme-dark path.recharts-sector {
    stroke: #232329;
}

.theme-light .recharts-legend-item-text {
    color: #585b69;
}

.theme-dark .recharts-legend-item-text {
    color: #ddd;
}

.recharts-text {
    fill: #8c8c8c;
    opacity: 0.6;
}

.recharts-cartesian-axis-line {
    opacity: 0;
}

.recharts-cartesian-grid-horizontal line, .recharts-cartesian-grid-vertical line {
    fill: #8c8c8c;
    opacity: 0.2;
}

.recharts-brush-slide {
    fill: #dee3eb;
    fill-opacity: 1;
}

.recharts-brush-traveller {
    -webkit-transform: translateX(-8px);
    -ms-transform: translateX(-8px);
    transform: translateX(-8px);
}

.recharts-brush-traveller rect {
    fill: #ffffff;
    width: 12px;
    stroke: #dee3eb;
}

.recharts-brush-traveller line {
    stroke: #dee3eb;
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px);
}

.recharts-brush-traveller:first-of-type {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.recharts-tooltip-cursor {
    fill-opacity: 0.2;
}

.card .chartjs-size-monitor + .card__title:not(:first-child) {
    margin-top: 0;
}

.chart-js .chart-container {
    margin-left: -15px;
    margin-right: -15px;
}


.panel__btns {
    position: absolute;
    top: 30px;
    right: 10px;
}

.collapse__content {
    padding-bottom: 30px;
}

.panel__btn {
    width: 14px;
    height: 14px;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    margin-left: 10px;
}

.panel__btn svg {
    width: 14px;
    height: 14px;
    fill: #8c8c8c;
}

.panel__btn:focus {
    outline: none;
}

.rc-notification {
    position: fixed;
    z-index: 100;
}

.rc-notification-notice {
    display: block;
    width: auto;
    line-height: 1.5;
    vertical-align: middle;
    position: relative;
}

.rc-notification-notice-close {
    position: absolute;
    cursor: pointer;
    outline: none;
    font-weight: 700;
    line-height: 1;
    opacity: .2;
    text-decoration: none;
}

.rc-notification-fade-enter {
    opacity: 0;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
    animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

.rc-notification-fade-leave {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
    animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

.rc-notification-fade-enter.rc-notification-fade-enter-active {
    -webkit-animation-name: rcNotificationFadeIn;
    animation-name: rcNotificationFadeIn;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}

.rc-notification-fade-enter.rc-notification-fade-enter-active.right-up {
    -webkit-animation-name: rcNotificationRightFadeIn;
    animation-name: rcNotificationRightFadeIn;
}

.rc-notification-fade-enter.rc-notification-fade-enter-active.left-up {
    -webkit-animation-name: rcNotificationLeftFadeIn;
    animation-name: rcNotificationLeftFadeIn;
}

.rc-notification-fade-leave.rc-notification-fade-leave-active {
    -webkit-animation-name: rcDialogFadeOut;
    animation-name: rcDialogFadeOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}

@-webkit-keyframes rcNotificationFadeIn {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0;
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes rcNotificationFadeIn {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0;
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes rcNotificationLeftFadeIn {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes rcNotificationLeftFadeIn {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes rcNotificationRightFadeIn {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes rcNotificationRightFadeIn {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes rcDialogFadeOut {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0;
    }
}

@keyframes rcDialogFadeOut {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0;
    }
}

.rc-notification {
    left: auto !important;
    top: 60px !important;
    height: 0;
}

.rc-notification > span {
    height: 0;
    display: block;
}

.rc-notification-notice-close {
    right: 45px;
    top: 15px;
    font-size: 20px;
    line-height: 1;
    font-weight: 300;
    color: black;
    text-shadow: none;
    opacity: 0.2;
}

.rc-notification-notice-close:hover {
    opacity: 0.5;
    color: #646777;
}

.rc-notification.rc-full .rc-notification-notice-close {
    right: 15px;
}

.notification {
    max-width: 400px;
    width: calc(100% - 50px);
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.07);
    background: white;
    padding: 20px 40px 30px 25px;
    position: relative;
    margin: 10px 25px;
}

.notification.notification--image {
    height: 106px;
    overflow: hidden;
}

.notification.notification--full-wide {
    max-width: 100vw;
    width: 100vw;
    margin: 0;
    padding: 20px 40px 20px 25px;
}

.notification.notification--primary {
    background: #70bbfd;
}

.notification.notification--primary .notification__message, .notification.notification--primary .notification__title {
    color: white;
}

.notification.notification--success {
    background: #4ce1b6;
}

.notification.notification--success .notification__message, .notification.notification--success .notification__title {
    color: white;
}

.notification.notification--warning {
    background: #f6da6e;
}

.notification.notification--warning .notification__message, .notification.notification--warning .notification__title {
    color: white;
}

.notification.notification--danger {
    background: #ff4861;
}

.notification.notification--danger .notification__message, .notification.notification--danger .notification__title {
    color: white;
}

.notification__message {
    margin-top: 0;
    font-size: 12px;
    color: #8c8c8c;
}

.notification__title {
    margin-bottom: 8px;
    color: #646777;
}

.notification__image {
    position: absolute;
    height: 106px;
    width: 106px;
    top: 0;
    left: 0;
}

.notification__image ~ * {
    padding-left: 106px;
}

.sidebar.sidebar--collapse + .container__wrap .notifications-tl, .sidebar.sidebar--collapse + .container__wrap .notifications-bl {
    left: 0 !important;
}

.rc-notification-notice-close.notification--cross-success, .rc-notification-notice-close.notification--cross-danger, .rc-notification-notice-close.notification--cross-primary, .rc-notification-notice-close.notification--cross-warning {
    color: white;
    font-weight: 900;
    opacity: 1;
}

.panel__title {
    text-transform: uppercase;
    margin-bottom: 30px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    padding-left: 15px;
}

.panel__title h5 {
    font-size: 13px;
}

.panel__title .subhead {
    text-transform: none;
    font-size: 12px;
    line-height: 18px;
    opacity: 0.7;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.toggle-btn {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    padding: 4px 0;
    margin-bottom: 0;
    cursor: pointer;
}

.toggle-btn .toggle-btn__input {
    height: 0;
    width: 0;
    visibility: hidden;
}

.toggle-btn__input-label {
    cursor: pointer;
    text-indent: -9999px;
    width: 40px;
    height: 20px;
    display: block;
    border-radius: 23px;
    position: relative;
    margin-bottom: 0;
    margin-left: auto;
    border: none;
}

.theme-light .toggle-btn__input-label {
    background-color: #dfe3eb;
}

.theme-dark .toggle-btn__input-label {
    background-color: #333246;
}

.toggle-btn__input-label::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-box-shadow: 0 5px 10px rgba(153, 153, 153, 0.4);
    box-shadow: 0 5px 10px rgba(153, 153, 153, 0.4);
    background-color: #ffffff;
}

.toggle-btn__input:checked ~ .toggle-btn__input-label:after {
    background: #4ce1b6;
    left: calc(100%);
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

.progress-wrap {
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}

.progress-wrap:last-child {
    margin-bottom: 0;
}

.progress-wrap .progress {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #dddddd;
    margin-bottom: 0;
}

.progress-wrap .progress-bar {
    background-color: #4ce1b6;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 4px;
    text-align: right;
    font-size: 9px;
    line-height: 13px;
    padding-right: 10px;
}

.progress-wrap p {
    margin-bottom: 5px;
}

.progress-wrap .progress__label {
    color: #4ce1b6;
    font-size: 10px;
    bottom: 16px;
    margin: 0;
    text-align: right;
}

.progress-wrap.progress-wrap--small .progress-bar {
    height: 8px;
}

.progress-wrap.progress-wrap--middle .progress-bar {
    height: 12px;
}

.progress-wrap.progress-wrap--big .progress-bar {
    height: 16px;
}

.progress-wrap.progress-wrap--rounded .progress-bar {
    border-radius: 5px;
}

.progress-wrap.progress-wrap--yellow .progress-bar {
    background-color: #f6da6e;
}

.progress-wrap.progress-wrap--yellow .progress__label {
    color: #f6da6e;
}

.progress-wrap.progress-wrap--violet .progress-bar {
    background-color: #c88ffa;
}

.progress-wrap.progress-wrap--violet .progress__label {
    color: #c88ffa;
}

.progress-wrap.progress-wrap--pink .progress-bar {
    background-color: #ff4861;
}

.progress-wrap.progress-wrap--pink .progress__label {
    color: #ff4861;
}

.progress-wrap.progress-wrap--blue .progress-bar {
    background-color: #70bbfd;
}

.progress-wrap.progress-wrap--blue .progress__label {
    color: #70bbfd;
}

.progress-wrap.progress-wrap--red .progress-bar {
    background-color: #ff4861;
}

.progress-wrap.progress-wrap--red .progress__label {
    color: #ff4861;
}

.progress-wrap.progress-wrap--green .progress-bar {
    background-color: green;
}

.progress-wrap.progress-wrap--green .progress__label {
    color: green;
}

.progress-wrap.progress-wrap--label-top .progress__label {
    position: absolute;
    right: 0;
}

.progress-wrap.progress-wrap--pink-gradient .progress-bar {
    background-color: unset;
    background-image: -webkit-gradient(linear, right top, left top, from(#ff7e9a), to(#ff4861));
    background-image: -o-linear-gradient(right, #ff7e9a, #ff4861);
    background-image: linear-gradient(to left, #ff7e9a, #ff4861);
}

.progress-wrap.progress-wrap--pink-gradient .progress__label {
    color: #ff4861;
}

.progress-wrap.progress-wrap--lime-gradient .progress-bar {
    background-color: unset;
    background-image: -webkit-gradient(linear, right top, left top, from(#d8efc1), to(#b8e986));
    background-image: -o-linear-gradient(right, #d8efc1, #b8e986);
    background-image: linear-gradient(to left, #d8efc1, #b8e986);
}

.progress-wrap.progress-wrap--lime-gradient .progress__label {
    color: green;
}

.progress-wrap.progress-wrap--blue-gradient .progress-bar {
    background-color: unset;
    background-image: -webkit-gradient(linear, right top, left top, from(#7edbff), to(#48b5ff));
    background-image: -o-linear-gradient(right, #7edbff, #48b5ff);
    background-image: linear-gradient(to left, #7edbff, #48b5ff);
}

.progress-wrap.progress-wrap--blue-gradient .progress__label {
    color: #70bbfd;
}

.progress-wrap.progress-wrap--turquoise-gradient .progress-bar {
    background-color: unset;
    background-image: -webkit-gradient(linear, right top, left top, from(#a6efda), to(#4ce1b6));
    background-image: -o-linear-gradient(right, #a6efda, #4ce1b6);
    background-image: linear-gradient(to left, #a6efda, #4ce1b6);
}

.progress-wrap.progress-wrap--turquoise-gradient .progress__label {
    color: #4ce1b6;
}

.btn {
    border-radius: 5px;
    padding: 10px 25px;
    margin-bottom: 20px;
    margin-right: 15px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    font-size: 14px;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.btn:last-child {
    margin-right: 0;
}

.btn:before {
    position: absolute;
    height: 0;
    width: 0;
    border-radius: 50%;
    background-color: #4ce1b6;
    -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
    content: "";
    top: 0;
    left: 0;
}

.btn p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    font-weight: 500;
    color: #444444;
}

.btn svg {
    height: 14px;
    width: 14px;
    margin: -2px 5px 0 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    fill: #444444;
}

.btn:hover, .btn:focus, .btn:active, .btn:active:focus {
    outline: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.btn:hover:before, .btn:focus:before, .btn:active:before, .btn:active:focus:before {
    height: 500%;
    width: 225%;
}

.btn:focus:before, .btn:active:before, .btn:active:focus:before {
    -webkit-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}

.btn.square {
    border-radius: 0;
}

.btn.rounded {
    border-radius: 30px !important;
}

.btn.icon {
    padding: 10px 15px;
}

.btn.icon:hover p {
    color: #646777;
}

.btn.icon:hover svg {
    fill: #646777;
}

.btn.icon.icon--right svg {
    margin: 2px 0 0 5px;
}

.btn.btn-sm {
    padding: 5px 25px;
    font-size: 14px;
}

.btn.btn-lg {
    padding: 12px 25px;
    font-size: 14px;
}

.btn.btn-secondary {
    background-color: #e7e2e2;
    border-color: #e7e2e2;
    color: #646777;
}

.btn.btn-secondary:before {
    background-color: #d0c6c6;
}

.btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary:active, .btn.btn-secondary:active:focus {
    border-color: #d0c6c6;
    color: #646777;
}

.btn.btn-secondary:not([disabled]):not(.disabled):active, .btn.btn-secondary:not([disabled]):not(.disabled).active {
    background-color: #dddddd;
    border-color: #dddddd;
}

.btn.btn-outline-secondary {
    border-color: #e7e2e2;
}

.theme-light .btn.btn-outline-secondary, .theme-light .btn.btn-outline-secondary p {
    color: #585b69;
}

.theme-dark .btn.btn-outline-secondary, .theme-dark .btn.btn-outline-secondary p {
    color: #ddd;
}

.theme-light .btn.btn-outline-secondary svg {
    fill: #585b69;
}

.theme-dark .btn.btn-outline-secondary svg {
    fill: #ddd;
}

.btn.btn-outline-secondary:before {
    background-color: #e7e2e2;
}

.btn.btn-outline-secondary:hover, .btn.btn-outline-secondary:focus, .btn.btn-outline-secondary:active, .btn.btn-outline-secondary:active:focus {
    background: transparent;
    border-color: #e7e2e2;
    color: #444444;
}

.btn.btn-outline-secondary:hover p, .btn.btn-outline-secondary:focus p, .btn.btn-outline-secondary:active p, .btn.btn-outline-secondary:active:focus p {
    color: #444444;
}

.btn.btn-outline-secondary:hover svg, .btn.btn-outline-secondary:focus svg, .btn.btn-outline-secondary:active svg, .btn.btn-outline-secondary:active:focus svg {
    fill: #444444;
}

.btn.btn-primary {
    background-color: #70bbfd;
    border-color: #70bbfd;
}

.btn.btn-primary:before {
    background-color: #3ea3fc;
}

.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:active:focus {
    border-color: #3ea3fc;
}

.btn.btn-outline-primary {
    color: #70bbfd;
    border-color: #70bbfd;
}

.btn.btn-outline-primary p {
    color: #70bbfd;
}

.btn.btn-outline-primary svg {
    fill: #70bbfd;
}

.btn.btn-outline-primary:before {
    background-color: #70bbfd;
}

.btn.btn-success {
    background-color: #4ce1b6;
    border-color: #4ce1b6;
}

.btn.btn-success:before {
    background-color: #24d6a3;
}

.btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success:active, .btn.btn-success:active:focus {
    border-color: #24d6a3;
}

.btn.btn-outline-success {
    color: #4ce1b6;
    border-color: #4ce1b6;
}

.btn.btn-outline-success p {
    color: #4ce1b6;
}

.btn.btn-outline-success svg {
    fill: #4ce1b6;
}

.btn.btn-outline-success:before {
    background-color: #4ce1b6;
}

.btn.btn-warning {
    background-color: #f6da6e;
    border-color: #f6da6e;
    color: #ffffff;
}

.btn.btn-warning:before {
    background-color: #f3ce3e;
}

.btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning:active, .btn.btn-warning:active:focus {
    border-color: #f3ce3e;
}

.btn.btn-outline-warning {
    color: #f6da6e;
    border-color: #f6da6e;
}

.btn.btn-outline-warning p {
    color: #f6da6e;
}

.btn.btn-outline-warning svg {
    fill: #f6da6e;
}

.btn.btn-outline-warning:before {
    background-color: #f6da6e;
}

.btn.btn-danger {
    background-color: #ff4861;
    border-color: #ff4861;
}

.btn.btn-danger:before {
    background-color: #ff1535;
}

.btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:active, .btn.btn-danger:active:focus {
    border-color: #ff1535;
}

.btn.btn-outline-danger {
    color: #ff4861;
    border-color: #ff4861;
}

.btn.btn-outline-danger p {
    color: #ff4861;
}

.btn.btn-outline-danger svg {
    fill: #ff4861;
}

.btn.btn-outline-danger:before {
    background-color: #ff4861;
}

.btn.disabled, .btn.btn-primary.disabled, .btn.btn-danger.disabled, .btn.btn-warning.disabled, .btn.btn-success.disabled, .btn.btn-outline-secondary.disabled, .btn.btn-secondary.disabled, .btn.btn-outline-primary.disabled, .btn.btn-outline-danger.disabled, .btn.btn-outline-warning.disabled, .btn.btn-outline-success.disabled, .btn.icon.disabled, .btn.icon.btn-secondary.disabled {
    background-color: #f2f4f7;
    border-color: #f2f4f7;
    color: #dddddd;
    pointer-events: none;
}

.btn.disabled p, .btn.btn-primary.disabled p, .btn.btn-danger.disabled p, .btn.btn-warning.disabled p, .btn.btn-success.disabled p, .btn.btn-outline-secondary.disabled p, .btn.btn-secondary.disabled p, .btn.btn-outline-primary.disabled p, .btn.btn-outline-danger.disabled p, .btn.btn-outline-warning.disabled p, .btn.btn-outline-success.disabled p, .btn.icon.disabled p, .btn.icon.btn-secondary.disabled p {
    color: #dddddd;
}

.btn.disabled svg, .btn.btn-primary.disabled svg, .btn.btn-danger.disabled svg, .btn.btn-warning.disabled svg, .btn.btn-success.disabled svg, .btn.btn-outline-secondary.disabled svg, .btn.btn-secondary.disabled svg, .btn.btn-outline-primary.disabled svg, .btn.btn-outline-danger.disabled svg, .btn.btn-outline-warning.disabled svg, .btn.btn-outline-success.disabled svg, .btn.icon.disabled svg, .btn.icon.btn-secondary.disabled svg {
    fill: #dddddd;
}

.btn.btn-primary p, .btn.btn-danger p, .btn.btn-warning p, .btn.btn-success p {
    color: #ffffff;
}

.btn.btn-primary svg, .btn.btn-danger svg, .btn.btn-warning svg, .btn.btn-success svg {
    fill: #ffffff;
}

.btn.btn-outline-primary:hover, .btn.btn-outline-primary:focus, .btn.btn-outline-primary:active, .btn.btn-outline-primary:active:focus, .btn.btn-outline-danger:hover, .btn.btn-outline-danger:focus, .btn.btn-outline-danger:active, .btn.btn-outline-danger:active:focus, .btn.btn-outline-warning:hover, .btn.btn-outline-warning:focus, .btn.btn-outline-warning:active, .btn.btn-outline-warning:active:focus, .btn.btn-outline-success:hover, .btn.btn-outline-success:focus, .btn.btn-outline-success:active, .btn.btn-outline-success:active:focus {
    color: #ffffff;
    background: transparent;
}

.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:active:focus, .btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:active, .btn.btn-danger:active:focus, .btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning:active, .btn.btn-warning:active:focus, .btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success:active, .btn.btn-success:active:focus, .btn.btn-outline-primary:hover, .btn.btn-outline-primary:focus, .btn.btn-outline-primary:active, .btn.btn-outline-primary:active:focus, .btn.btn-outline-danger:hover, .btn.btn-outline-danger:focus, .btn.btn-outline-danger:active, .btn.btn-outline-danger:active:focus, .btn.btn-outline-warning:hover, .btn.btn-outline-warning:focus, .btn.btn-outline-warning:active, .btn.btn-outline-warning:active:focus, .btn.btn-outline-success:hover, .btn.btn-outline-success:focus, .btn.btn-outline-success:active, .btn.btn-outline-success:active:focus {
    color: #ffffff;
}

.btn.btn-primary:hover p, .btn.btn-primary:focus p, .btn.btn-primary:active p, .btn.btn-primary:active:focus p, .btn.btn-danger:hover p, .btn.btn-danger:focus p, .btn.btn-danger:active p, .btn.btn-danger:active:focus p, .btn.btn-warning:hover p, .btn.btn-warning:focus p, .btn.btn-warning:active p, .btn.btn-warning:active:focus p, .btn.btn-success:hover p, .btn.btn-success:focus p, .btn.btn-success:active p, .btn.btn-success:active:focus p, .btn.btn-outline-primary:hover p, .btn.btn-outline-primary:focus p, .btn.btn-outline-primary:active p, .btn.btn-outline-primary:active:focus p, .btn.btn-outline-danger:hover p, .btn.btn-outline-danger:focus p, .btn.btn-outline-danger:active p, .btn.btn-outline-danger:active:focus p, .btn.btn-outline-warning:hover p, .btn.btn-outline-warning:focus p, .btn.btn-outline-warning:active p, .btn.btn-outline-warning:active:focus p, .btn.btn-outline-success:hover p, .btn.btn-outline-success:focus p, .btn.btn-outline-success:active p, .btn.btn-outline-success:active:focus p {
    color: #ffffff;
}

.btn.btn-primary:hover svg, .btn.btn-primary:focus svg, .btn.btn-primary:active svg, .btn.btn-primary:active:focus svg, .btn.btn-danger:hover svg, .btn.btn-danger:focus svg, .btn.btn-danger:active svg, .btn.btn-danger:active:focus svg, .btn.btn-warning:hover svg, .btn.btn-warning:focus svg, .btn.btn-warning:active svg, .btn.btn-warning:active:focus svg, .btn.btn-success:hover svg, .btn.btn-success:focus svg, .btn.btn-success:active svg, .btn.btn-success:active:focus svg, .btn.btn-outline-primary:hover svg, .btn.btn-outline-primary:focus svg, .btn.btn-outline-primary:active svg, .btn.btn-outline-primary:active:focus svg, .btn.btn-outline-danger:hover svg, .btn.btn-outline-danger:focus svg, .btn.btn-outline-danger:active svg, .btn.btn-outline-danger:active:focus svg, .btn.btn-outline-warning:hover svg, .btn.btn-outline-warning:focus svg, .btn.btn-outline-warning:active svg, .btn.btn-outline-warning:active:focus svg, .btn.btn-outline-success:hover svg, .btn.btn-outline-success:focus svg, .btn.btn-outline-success:active svg, .btn.btn-outline-success:active:focus svg {
    fill: #ffffff;
}

.btn.expand svg {
    width: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.btn.expand.expand--load svg {
    width: 14px;
    -webkit-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}

button:focus, button:active {
    outline: none;
}

.theme-light .open > .dropdown-toggle.btn-default, .theme-light
.btn-default:active:focus, .theme-light .btn-default:active:focus, .theme-light
.btn-default.focus, .theme-light .btn-default:focus {
    background-color: white;
}

.theme-dark .open > .dropdown-toggle.btn-default, .theme-dark
.btn-default:active:focus, .theme-dark .btn-default:active:focus, .theme-dark
.btn-default.focus, .theme-dark .btn-default:focus {
    background-color: #232329;
}

.map .infoBox {
    width: 130px !important;
    overflow: visible !important;
}

.map .gm-style-pbt {
    color: #ffffff;
}

.map__marker-label-content {
    background-color: white;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.22);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.22);
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 12px;
    width: 130px;
    min-height: 40px;
    position: relative;
}

.map__marker-label-content::after {
    content: '';
    position: absolute;
    left: calc(50% - 4px);
    bottom: -8px;
    border: 4px solid transparent;
    border-top: 4px solid white;
}

.map__maker-label-close {
    position: absolute;
    width: 12px;
    height: 12px;
    right: 5px;
    top: 5px;
    cursor: pointer;
}

.map__maker-label-close svg {
    width: 12px;
    height: 12px;
    fill: #8c8c8c;
}

.map__marker-label {
    position: absolute;
    top: -90px;
    left: -65px;
}

.rc-slider {
    position: relative;
    height: 14px;
    padding: 5px 0;
    width: 100%;
    border-radius: 6px;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rc-slider * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rc-slider-rail {
    position: absolute;
    width: 100%;
    background-color: #e9e9e9;
    height: 4px;
    border-radius: 6px;
}

.rc-slider-track {
    position: absolute;
    left: 0;
    height: 4px;
    border-radius: 6px;
    background-color: #abe2fb;
}

.rc-slider-handle {
    position: absolute;
    margin-left: -7px;
    margin-top: -5px;
    width: 14px;
    height: 14px;
    cursor: pointer;
    cursor: -webkit-grab;
    cursor: grab;
    border-radius: 50%;
    border: solid 2px #96dbfa;
    background-color: #fff;
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

.rc-slider-handle:focus {
    border-color: #57c5f7;
    -webkit-box-shadow: 0 0 0 5px #96dbfa;
    box-shadow: 0 0 0 5px #96dbfa;
    outline: none;
}

.rc-slider-handle-click-focused:focus {
    border-color: #96dbfa;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.rc-slider-handle:hover {
    border-color: #57c5f7;
}

.rc-slider-handle:active {
    border-color: #57c5f7;
    -webkit-box-shadow: 0 0 5px #57c5f7;
    box-shadow: 0 0 5px #57c5f7;
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.rc-slider-mark {
    position: absolute;
    top: 18px;
    left: 0;
    width: 100%;
    font-size: 12px;
}

.rc-slider-mark-text {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    color: #999;
}

.rc-slider-mark-text-active {
    color: #666;
}

.rc-slider-step {
    position: absolute;
    width: 100%;
    height: 4px;
    background: transparent;
}

.rc-slider-dot {
    position: absolute;
    bottom: -2px;
    margin-left: -4px;
    width: 8px;
    height: 8px;
    border: 2px solid #e9e9e9;
    background-color: #fff;
    cursor: pointer;
    border-radius: 50%;
    vertical-align: middle;
}

.rc-slider-dot-active {
    border-color: #96dbfa;
}

.rc-slider-disabled {
    background-color: #e9e9e9;
}

.rc-slider-disabled .rc-slider-track {
    background-color: #ccc;
}

.rc-slider-disabled .rc-slider-handle, .rc-slider-disabled .rc-slider-dot {
    border-color: #ccc;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
    cursor: not-allowed;
}

.rc-slider-disabled .rc-slider-mark-text, .rc-slider-disabled .rc-slider-dot {
    cursor: not-allowed !important;
}

.rc-slider-tooltip-inner {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09);
    color: #646777;
    font-size: 12px;
    line-height: 12px;
    padding: 4px;
    height: 20px;
    min-width: 28px;
    border-radius: 0;
}

.slider {
    position: relative;
}

.slider__min, .slider__max {
    color: #8c8c8c;
    font-size: 12px;
    position: absolute;
    top: -16px;
}

.slider__max {
    right: 0;
}

.rc-slider {
    margin-top: 45px;
}

.rc-slider s
.rc-slider-dot {
    opacity: 0;
}

.rc-slider .rc-slider-rail, .rc-slider .rc-slider-track {
    height: 8px;
}

.rc-slider .rc-slider-track {
    background: #c0f4e5;
}

.rc-slider .rc-slider-handle {
    border: none;
    background: #4ce1b6;
    width: 18px;
    height: 18px;
}

.rc-slider .rc-slider-mark {
    top: 14px;
}

.rc-slider .rc-slider-mark .rc-slider-mark-text-active, .rc-slider .rc-slider-mark .rc-slider-mark-text {
    color: #bbbbbb;
    font-size: 10px;
}

.rc-slider-tooltip {
    padding-bottom: 2px;
}

.rc-slider-tooltip .rc-slider-tooltip-inner {
    background-color: white;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09);
    color: #646777;
    font-size: 12px;
    line-height: 12px;
    padding: 4px 4px;
    height: 20px;
    min-width: 28px;
    border-radius: 0;
}

.rc-slider-tooltip.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
    border-top-color: white;
}

.rc-slider-tooltip.rc-slider-tooltip-hidden {
    display: block;
}

.collapse__title {
    padding-bottom: 10px;
    padding-top: 6px;
    cursor: pointer;
    position: relative;
    background: transparent;
    display: block;
    width: 100%;
    border: none;
    text-align: left;
}

.collapse__title span {
    font-weight: 700;
    margin-top: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    margin-left: 10px;
}

.collapse__title span svg {
    right: 0;
    left: auto;
    display: none;
}

.collapse__title svg {
    position: absolute;
    left: 0;
    width: 14px;
    height: 14px;
    top: 8px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.theme-light .collapse__title svg {
    fill: #585b69;
}

.theme-dark .collapse__title svg {
    fill: #ddd;
}

.collapse__title .minus-icon {
    display: none;
}

.customizer {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 102;
}

.customizer .customizer__toggle button {
    margin-left: 0;
    margin-right: 10px;
}

.theme-light .customizer .customizer__toggle span {
    color: #585b69;
}

.theme-dark .customizer .customizer__toggle span {
    color: #ddd;
}

.customizer__btn {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 80px;
    right: 0;
    border: none;
    border-radius: 3px 0 0 3px;
    -webkit-box-shadow: 0 1px 30px 1px rgba(0, 0, 0, 0.11);
    box-shadow: 0 1px 30px 1px rgba(0, 0, 0, 0.11);
    cursor: pointer;
    z-index: 102;
}

.theme-light .customizer__btn {
    background-color: white;
}

.theme-dark .customizer__btn {
    background-color: #232329;
}

.customizer__btn-icon {
    width: 18px;
    height: 18px;
    -webkit-animation: iconOpacity linear infinite 4s;
    animation: iconOpacity linear infinite 4s;
}

@-webkit-keyframes iconOpacity {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
    to {
        opacity: 1;
    }
}

@keyframes iconOpacity {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
    to {
        opacity: 1;
    }
}

.customizer__wrap {
    height: 100vh;
    width: 240px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 20px;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 102;
}

.theme-light .customizer__wrap {
    background-color: white;
}

.theme-dark .customizer__wrap {
    background-color: #232329;
}

.customizer__wrap.customizer__wrap--open {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-box-shadow: 0 1px 30px 1px rgba(0, 0, 0, 0.11);
    box-shadow: 0 1px 30px 1px rgba(0, 0, 0, 0.11);
}

.customizer__title-wrap {
    padding-bottom: 20px;
    position: relative;
}

.theme-light .customizer__title-wrap {
    border-bottom: 1px solid #dfe3eb;
}

.theme-dark .customizer__title-wrap {
    border-bottom: 1px solid #333246;
}

.customizer__caption {
    color: #8c8c8c;
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 20px;
}

.customizer__close-btn {
    position: absolute;
    right: 0;
    top: 0;
    background: transparent;
    border: none;
    cursor: pointer;
}

.customizer__close-btn svg {
    fill: #8c8c8c;
    width: 14px;
    height: 14px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.customizer__close-btn:hover svg {
    fill: #4ce1b6;
}

.btn-group {
    border-radius: 5px;
    margin-bottom: -10px;
}

.btn-group .btn {
    margin-right: 0;
    padding: 10px 15px;
    font-weight: 500;
}

.btn-group.btn-group--justified {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.btn-group.btn-group--justified .btn {
    width: 100%;
}

.btn-group.btn-group--icons .btn {
    padding: 7px 8px;
    line-height: 14px;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
}

main {
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    line-height: 1.6;
}

* {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

ul, ol {
    padding-left: 15px;
    margin-bottom: 0;
}

a {
    color: #70bbfd;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

a:hover {
    text-decoration: none;
}

img {
    width: 100%;
}

.collapse__wrapper.opened .collapse__title span, .collapse__wrapper.opening .collapse__title span {
    color: #8c8c8c;
}

.collapse__wrapper.opened .collapse__title .minus-icon, .collapse__wrapper.opening .collapse__title .minus-icon {
    fill: #8c8c8c;
    display: inline-block;
}

.collapse__wrapper.opened .collapse__title .plus-icon, .collapse__wrapper.opening .collapse__title .plus-icon {
    display: none;
}

.collapse__wrapper.boxed {
    border: solid 1px #dddddd;
    margin-top: -1px;
}

.collapse__wrapper.boxed .collapse__title {
    background-color: #f2f4f7;
    border-bottom: solid 1px #dddddd;
    padding: 8px 15px;
}

.collapse__wrapper.boxed .collapse__title span {
    color: #444444;
}

.collapse__wrapper.boxed .collapse__title .minus-icon {
    display: none;
}

.collapse__wrapper.boxed .collapse__title .plus-icon {
    display: none;
}

.collapse__wrapper.boxed .collapse__content {
    padding: 16px 20px 20px 15px;
}

.collapse__wrapper.boxed.closed .collapse__title {
    border-bottom: none;
}

.collapse__wrapper.with-shadow {
    margin-bottom: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.collapse__wrapper.with-shadow .collapse__content {
    padding: 15px 20px 0 25px;
    max-width: 1320px;
}

.theme-light .collapse__wrapper.with-shadow .collapse__content {
    color: #585b69;
}

.theme-dark .collapse__wrapper.with-shadow .collapse__content {
    color: #ddd;
}

.collapse__wrapper.with-shadow .collapse__title {
    padding: 15px 25px;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.05);
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.theme-light .collapse__wrapper.with-shadow .collapse__title {
    color: #585b69;
}

.theme-dark .collapse__wrapper.with-shadow .collapse__title {
    color: #ddd;
}

.theme-light .collapse__wrapper.with-shadow .collapse__title:hover {
    background-color: #e5eafa;
}

.theme-dark .collapse__wrapper.with-shadow .collapse__title:hover {
    background-color: #38373f;
}

.collapse__wrapper.with-shadow .collapse__title svg {
    display: none;
}

.collapse__wrapper.with-shadow .collapse__title p svg {
    display: block;
    top: calc(50% - 7px);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.theme-light .collapse__wrapper.with-shadow .collapse__title p svg {
    fill: #585b69;
}

.theme-dark .collapse__wrapper.with-shadow .collapse__title p svg {
    fill: #ddd;
}

.collapse__wrapper.with-shadow.opened .collapse__title span,
.collapse__wrapper.with-shadow.opening .collapse__title span {
    color: inherit;
}

.collapse__wrapper.with-shadow.opened .collapse__title svg,
.collapse__wrapper.with-shadow.opening .collapse__title svg {
    fill: inherit;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.collapse__wrapper.closing .collapse__content {
    padding-top: 0;
    padding-bottom: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.checkbox-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
}

.checkbox-btn:hover .checkbox-btn__checkbox-custom {
    border-color: #4ce1b6;
}

.checkbox-btn:hover .checkbox-btn__label {
    color: #4ce1b6;
}

.checkbox-btn.disabled {
    pointer-events: none;
    cursor: default;
}

.checkbox-btn.disabled .checkbox-btn__checkbox-custom {
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}

.theme-light .checkbox-btn.disabled .checkbox-btn__checkbox-custom {
    background-color: #e5eafa;
    border-color: #f2f4f7;
}

.theme-dark .checkbox-btn.disabled .checkbox-btn__checkbox-custom {
    background-color: #38373f;
    border-color: #33333a;
}

.checkbox-btn.disabled .checkbox-btn__checkbox-custom svg {
    fill: #dddddd;
}

.checkbox-btn.disabled .checkbox-btn__label {
    color: #dddddd;
}

.checkbox-btn.checkbox-btn--colored .checkbox-btn__checkbox-custom {
    border-color: #4ce1b6;
    background-color: #4ce1b6;
}

.checkbox-btn.checkbox-btn--colored .checkbox-btn__checkbox-custom svg {
    fill: #ffffff;
}

.checkbox-btn.checkbox-btn--colored.disabled {
    opacity: 0.4;
}

.checkbox-btn.checkbox-btn--colored.disabled .checkbox-btn__checkbox-custom {
    border-color: #4ce1b6;
    background-color: #4ce1b6;
}

.checkbox-btn.checkbox-btn--colored-click .checkbox-btn__checkbox:checked + .checkbox-btn__checkbox-custom {
    border-color: #4ce1b6;
    background-color: #4ce1b6;
}

.checkbox-btn.checkbox-btn--colored-click .checkbox-btn__checkbox:checked + .checkbox-btn__checkbox-custom svg {
    fill: #ffffff;
}

.theme-light .checkbox-btn.checkbox-btn--colored-click.disabled .checkbox-btn__checkbox:checked + .checkbox-btn__checkbox-custom {
    background-color: #e5eafa;
    border-color: #f2f4f7;
}

.theme-dark .checkbox-btn.checkbox-btn--colored-click.disabled .checkbox-btn__checkbox:checked + .checkbox-btn__checkbox-custom {
    background-color: #38373f;
    border-color: #33333a;
}

.checkbox-btn.checkbox-btn--colored-click.disabled .checkbox-btn__checkbox:checked + .checkbox-btn__checkbox-custom svg {
    fill: #dddddd;
}

.checkbox-btn.checkbox-btn--button {
    background: #4ce1b6;
    min-width: 150px;
    color: #ffffff;
    height: 24px;
    border-radius: 4px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    padding: 0 6px;
    width: 100%;
}

.checkbox-btn.checkbox-btn--button .checkbox-btn__label {
    color: #ffffff;
}

.checkbox-btn.checkbox-btn--button .checkbox-btn__checkbox-custom {
    display: none;
}

.checkbox-btn.checkbox-btn--button .checkbox-btn__label-svg {
    margin: auto 4px auto auto;
    height: 16px;
    line-height: 1;
}

.checkbox-btn.checkbox-btn--button .checkbox-btn__label-svg svg {
    fill: #ffffff;
    width: 14px;
    height: 14px;
}

.checkbox-btn.checkbox-btn--button .checkbox-btn__label-svg .checkbox-btn__label-check {
    display: none;
}

.checkbox-btn.checkbox-btn--button .checkbox-btn__checkbox:checked ~ .checkbox-btn__label-svg .checkbox-btn__label-check {
    display: block;
}

.checkbox-btn.checkbox-btn--button .checkbox-btn__checkbox:checked ~ .checkbox-btn__label-svg .checkbox-btn__label-uncheck {
    display: none;
}

.checkbox-btn.checkbox-btn--button .checkbox-btn__label {
    margin: auto auto auto 0;
    padding: 0;
}

.checkbox-btn.checkbox-btn--button:hover {
    background: #24d6a3;
}

.checkbox-btn.checkbox-btn--button:hover .checkbox-btn__label {
    color: #ffffff;
}

.checkbox-btn.checkbox-btn--button.disabled {
    opacity: 0.4;
}

.checkbox-btn.checkbox-btn--button.disabled .checkbox-btn__label {
    color: #ffffff;
}

.checkbox-btn__checkbox {
    display: none;
}

.checkbox-btn__checkbox-custom {
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 3px;
}

.theme-light .checkbox-btn__checkbox-custom {
    border: 1px solid #d0d0d0;
}

.theme-dark .checkbox-btn__checkbox-custom {
    border: 1px solid #605f7b;
}

.checkbox-btn__checkbox-custom svg {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    height: 16px;
    width: 16px;
    fill: #4ce1b6;
    margin-top: -6px;
}

.checkbox-btn__label {
    line-height: 18px;
    padding-left: 28px;
    padding-top: 2px;
}

.theme-light .checkbox-btn__label {
    color: #585b69;
}

.theme-dark .checkbox-btn__label {
    color: #ddd;
}

.checkbox-btn__checkbox-custom,
.checkbox-btn__label {
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.checkbox-btn__checkbox:checked + .checkbox-btn__checkbox-custom svg {
    opacity: 1;
}

.tooltip {
    z-index: 99;
}

.tooltip .tooltip-inner {
    background-color: #adb7c5;
    font-size: 12px;
    line-height: 14px;
    padding: 5px 15px;
}

.tooltip.bs-tooltip-right .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #adb7c5;
}

.tooltip.bs-tooltip-top .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #adb7c5;
}

.tooltip.bs-tooltip-bottom .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #adb7c5;
}

.tooltip.bs-tooltip-left .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #adb7c5;
}

.popover {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
    border: solid 1px #e8ebef;
    border-radius: 4px;
    width: 220px;
    z-index: 99;
}

.theme-light .popover {
    background-color: white;
}

.theme-dark .popover {
    background-color: #232329;
}

.popover .popover-header {
    border: none;
    background-color: #f2f4f7;
    font-weight: 700;
    font-size: 11px;
    padding: 5px 10px;
    line-height: normal;
}

.popover .popover-body {
    font-size: 10px;
    padding: 10px 15px 10px 10px;
}

.products-list__img-wrap {
    width: 40px;
    height: 35px;
    text-align: center;
    padding: 2px;
}

.theme-light .products-list__img-wrap {
    border: 1px solid #f2f4f7;
}

.theme-dark .products-list__img-wrap {
    border: 1px solid #33333a;
}

.products-list__img-wrap img {
    max-height: 100%;
    width: auto;
}

.products-list__btn-toolbar-top {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
}

@media screen and (max-width: 992px) {
    .products-list__btn-toolbar-top {
        position: relative;
        margin-top: 10px;
    }
}

.products-list__btn-add {
    padding: 4px 25px;
    text-transform: none;
}

.products-list__search {
    margin: 0;
    position: relative;
}

.products-list__search svg {
    position: absolute;
    right: 5px;
    top: 9px;
    fill: #8c8c8c;
    height: 14px;
    width: 14px;
}

.products-list__search input {
    padding-right: 20px;
}

.account {
    height: 100vh;
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-y: auto;
}

.theme-light .account {
    background: #f2f4f7;
}

.theme-dark .account {
    background: #2a2a31;
}

.account.account--photo {
    background: url(img/sprite_log-in_bg_404.cd3f84e9.png) no-repeat center;
    background-size: cover;
}

.account.account--photo .account__card {
    background-color: rgba(0, 10, 16, 0.8);
    color: #ffffff;
}

.account.account--photo .form__form-group-icon, .account.account--photo .form__form-group-button {
    background: transparent;
}

.account.account--photo .form__form-group-icon, .account.account--photo input:not(:last-child) {
    border-right: none;
}

.account.account--photo .form__form-group-button, .account.account--photo input {
    border-left: none;
}

.account.account--photo .form__form-group-button.active {
    border-color: #eff1f5;
}

.account.account--photo .form__form-group-button.active svg {
    fill: #4ce1b6;
}

.account.account--photo input {
    color: #ffffff;
    border-radius: unset;
}

.account.account--photo input:focus {
    border-color: #eff1f5;
}

.account.account--photo p {
    color: #ffffff;
}

.account.account--photo .account__title {
    color: #ffffff;
}

.account__wrapper {
    margin: auto;
    padding: 10px;
}

.account__card {
    background-color: #ffffff;
    padding: 50px 60px;
    max-width: 520px;
    width: 100%;
}

.theme-light .account__card {
    background-color: white;
}

.theme-dark .account__card {
    background-color: #232329;
}

.account__profile {
    text-align: center;
}

.account__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% + 10px);
    margin: 10px 0 -20px -10px;
}

.account__btns a {
    margin: 10px 0 20px 10px;
    white-space: nowrap;
}

.account__btn {
    width: 100%;
    margin-right: 0;
}

.account__avatar {
    height: 64px;
    width: 64px;
    border-radius: 50%;
    overflow: hidden;
}

.account__name {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 15px;
    margin-top: 5px;
}

.account__sub {
    margin-top: 0;
    margin-bottom: 10px;
    color: #8c8c8c;
    font-size: 11px;
    line-height: 15px;
}

.account__forgot-password {
    position: absolute;
    font-size: 11px;
    line-height: 15px;
    bottom: -18px;
    right: 0;
}

.account__forgot-password a {
    color: #70bbfd;
}

.account__forgot-password a:hover {
    color: #3ea3fc;
    text-decoration: none;
}

.form__form-group--forgot {
    margin-bottom: 40px;
}

.account__or {
    text-align: center;
    margin-top: 35px;
    margin-bottom: 20px;
    position: relative;
}

.account__or:before, .account__or:after {
    content: "";
    height: 1px;
    width: calc(50% - 90px);
    background: #dddddd;
    position: absolute;
    top: 10px;
}

.account__or:before {
    left: 0;
}

.account__or:after {
    right: 0;
}

.account__social {
    text-align: center;
}

.account__social-btn {
    display: inline-block;
    height: 38px;
    width: 38px;
    border-radius: 5px;
    padding: 9px;
    margin-right: 10px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border: none;
}

.account__social-btn:last-child {
    margin-right: 0;
}

.account__social-btn svg {
    fill: #ffffff;
    height: 20px;
    width: 20px;
}

.account__social-btn.account__social-btn--facebook {
    background: #4766a4;
}

.account__social-btn.account__social-btn--facebook:hover {
    background: #385080;
}

.account__social-btn.account__social-btn--google {
    background: #c74d4d;
}

.account__social-btn.account__social-btn--google:hover {
    background: #ab3636;
}

.account__head {
    margin-bottom: 30px;
    padding-left: 10px;
    border-left: 4px solid #70bbfd;
}

.account__logo {
    font-weight: 700;
}

.account__logo-accent {
    color: #70bbfd;
}

.account__have-account {
    text-align: center;
    margin-top: 20px;
}

.account__have-account a {
    color: #70bbfd;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.account__have-account a:hover {
    color: #3ea3fc;
    text-decoration: none;
}

@media screen and (max-width: 520px) {
    .account__card {
        padding: 35px 30px;
    }
}

@media screen and (max-width: 425px) {
    .account__btns {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.product-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product-card .product-card__btn-toolbar {
    margin-bottom: 10px;
}

.product-card__info {
    width: calc(100% - 440px);
    padding-left: 42px;
}

@media screen and (max-width: 1199px) {
    .product-card__info {
        width: 100%;
        padding-left: 0;
        padding-top: 35px;
    }
}

.product-card__wish-btn {
    display: block;
    padding: 10px 0;
    font-size: 14px;
    color: #70bbfd;
    height: 42px;
    background: transparent;
    border: none;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.product-card__wish-btn svg {
    height: 14px;
    fill: #70bbfd;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.product-card__wish-btn:hover {
    color: #3ea3fc;
}

.product-card__wish-btn:hover svg {
    fill: #3ea3fc;
}

.product-card__title {
    font-weight: 700;
    margin-bottom: 10px;
}

.product-card__rate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
}

.product-card__rate svg {
    fill: #f6da6e;
    height: 14px;
    width: 14px;
}

.product-card__link {
    font-size: 12px;
    color: #70bbfd;
    line-height: 16px;
    display: block;
    margin-left: 5px;
}

.product-card__link:hover {
    color: #3ea3fc;
    text-decoration: none;
}

.product-card__price {
    margin-bottom: 25px;
}

.product-card__old-price {
    font-size: 24px;
    color: #8c8c8c;
    text-decoration: line-through;
}

.product-card__form {
    margin-top: 20px;
}

.product-card__form-label {
    font-weight: 500;
}

.product-gallery {
    max-width: 440px;
    width: 100%;
}

.product-gallery__current-img {
    max-width: 440px;
    height: 440px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 10px;
}

.theme-light .product-gallery__current-img {
    border: 1px solid #dfe3eb;
}

.theme-dark .product-gallery__current-img {
    border: 1px solid #333246;
}

.product-gallery__current-img img {
    height: 100%;
    width: auto;
}

.product_gallery__gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product-gallery__img-preview {
    width: 80px;
    height: 80px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    margin-right: 10px;
    padding: 0;
    background: transparent;
}

.theme-light .product-gallery__img-preview {
    border: 1px solid #dfe3eb;
}

.theme-dark .product-gallery__img-preview {
    border: 1px solid #333246;
}

.product-gallery__img-preview:last-child {
    margin-right: 0;
}

.product-gallery__img-preview img {
    height: 80px;
}

@media screen and (max-width: 1199px) {
    .product-gallery {
        margin: auto;
    }
}

.pink:after {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #f7a9c4;
    border-radius: 0.5em;
    position: absolute;
    margin-left: 5px;
    margin-top: 3px;
}

.cart .chosen-container-single {
    width: 50px !important;
    margin-left: 5px;
    margin-right: 5px;
}

.cart .chosen-container-single a.chosen-single {
    height: 10px !important;
    min-height: 20px !important;
    line-height: 15px !important;
}

.cart .chosen-container-single a.chosen-single div {
    top: 0 !important;
    margin-top: -2px;
}

.cart .chosen-container-single .chosen-drop {
    top: 25px !important;
}

.td-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.td-image .cart__preview-img {
    width: 50px;
    height: 45px;
    border: 1px solid #f0f0f0;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    padding: 5px;
    top: 8px;
}

.td-image .cart__preview-img + span {
    padding-left: 30px;
    display: block;
    min-width: 400px;
}

.td-image .cart__preview-img img {
    height: 100%;
    width: auto;
    max-width: 100%;
}

.cart__table tbody td {
    padding: 20px 10px;
    position: relative;
}

.cart__table-btn {
    background: transparent;
    border: none;
    line-height: 14px;
    padding: 0 0 0 20px;
    position: relative;
    color: #8c8c8c;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.cart__table-btn svg {
    height: 16px;
    width: 16px;
    position: absolute;
    top: -2px;
    left: 0;
    fill: #8c8c8c;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.cart__table-btn:hover {
    color: #ff1535;
}

.cart__table-btn:hover svg {
    fill: #ff1535;
}

.cart__sub-total {
    margin-top: 20px;
    font-weight: 700;
}

.cart__deliveries {
    margin-top: 20px;
}

.cart__delivery-field {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.cart__deliveries-title {
    font-weight: 500;
}

.cart__delivery {
    margin-right: 50px;
    margin-bottom: 10px;
}

.cart__delivery:last-child {
    margin-right: 0;
}

.cart__delivery > label {
    margin-bottom: 0;
}

.cart__delivery-time, .cart__delivery-price {
    font-size: 10px;
    line-height: 13px;
    margin: 0;
    padding-left: 27px;
}

.cart__delivery-time {
    color: #8c8c8c;
    margin-bottom: 8px;
}

.cart__total {
    width: 100%;
    font-weight: 700;
    margin-bottom: 5px;
}

.inbox {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative;
}

.theme-light .inbox {
    background-color: white;
}

.theme-dark .inbox {
    background-color: #232329;
}

.inbox__mailbox-list {
    width: 245px;
    min-width: 245px;
    padding: 30px;
}

.theme-light .inbox__mailbox-list {
    background-color: #e5eafa;
}

.theme-dark .inbox__mailbox-list {
    background-color: #38373f;
}

.inbox__mailbox-list-btn {
    width: 100%;
    margin-bottom: 15px;
    margin-right: 0;
}

.inbox__list-button {
    background: transparent;
    width: 100%;
    border: none;
}

.inbox-button {
    padding: 0 !important;
}

.inbox__mailbox, .inbox__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    position: relative;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
}

.theme-light .inbox__mailbox, .theme-light .inbox__label {
    color: #585b69;
}

.theme-dark .inbox__mailbox, .theme-dark .inbox__label {
    color: #ddd;
}

.inbox__mailbox svg, .inbox__label svg {
    width: 14px;
    height: 14px;
    margin-right: 10px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.theme-light .inbox__mailbox svg, .theme-light .inbox__label svg {
    fill: #d0d0d0;
}

.theme-dark .inbox__mailbox svg, .theme-dark .inbox__label svg {
    fill: #605f7b;
}

.inbox__mailbox.active, .inbox__label.active {
    cursor: default;
    font-weight: 500;
    background-color: #f0eeee;
}

.theme-light .inbox__mailbox.active svg, .theme-light .inbox__label.active svg {
    fill: #646777;
}

.theme-dark .inbox__mailbox.active svg, .theme-dark .inbox__label.active svg {
    fill: #646777;
}

.inbox__mailbox.active .inbox__mailbox-title, .inbox__label.active .inbox__mailbox-title {
    font-weight: 500;
}

.inbox__mailbox.active .inbox__mailbox-label, .inbox__label.active .inbox__mailbox-label {
    background-color: #4ce1b6;
    color: #ffffff;
}

.theme-light .inbox__mailbox:hover, .theme-light .inbox__mailbox.active:hover, .theme-light .inbox__label:hover, .theme-light .inbox__label.active:hover {
    background-color: #f0eeee;
}

.theme-dark .inbox__mailbox:hover, .theme-dark .inbox__mailbox.active:hover, .theme-dark .inbox__label:hover, .theme-dark .inbox__label.active:hover {
    background-color: #f0eeee;
}

.inbox__mailbox-title {
    line-height: 14px;
    margin: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.inbox__mailbox-label {
    position: absolute;
    right: 10px;
    top: 0;
    color: #8c8c8c;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    margin-top: 10px;
}

.theme-light .inbox__mailbox-label {
    background-color: #f2f4f7;
}

.theme-dark .inbox__mailbox-label {
    background-color: #2a2a31;
}

.inbox__label-color {
    display: block;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    margin-top: 4px;
    margin-right: 10px;
}

.inbox__label-color.inbox__label-color--green {
    background-color: #4ce1b6;
}

.inbox__label-color.inbox__label-color--red {
    background-color: #ff4861;
}

.inbox__label-color.inbox__label-color--blue {
    background-color: #70bbfd;
}

.inbox__label-color.inbox__label-color--yellow {
    background-color: #f6da6e;
}

.inbox__labels {
    font-size: 13px;
    font-weight: 700;
    padding-left: 10px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.inbox__container {
    padding: 30px;
    width: 100%;
}

.inbox__container .dropdown__menu {
    top: 75%;
}

.inbox__files-btn {
    margin: 0;
}

.inbox__compose-title {
    text-transform: uppercase;
    margin-bottom: 20px;
}

.inbox__email-list-item {
    cursor: pointer;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.theme-light .inbox__email-list-item:hover {
    background-color: #e5eafa;
}

.theme-dark .inbox__email-list-item:hover {
    background-color: #38373f;
}

.inbox__email-list-item.inbox__email-list-item--unread .inbox__email-table-name, .inbox__email-list-item.inbox__email-list-item--unread .inbox__email-table-date {
    font-weight: bold;
}

.inbox__email-list-item svg {
    width: 14px;
    height: 14px;
}

.theme-light .inbox__email-list-item svg {
    fill: #d0d0d0;
}

.theme-dark .inbox__email-list-item svg {
    fill: #605f7b;
}

.inbox__email-list-item .inbox__favorite {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.inbox__email-list-item .inbox__favorite.active {
    fill: #f6da6e;
}

.inbox__email-list-item .inbox__email-list-item-checkbox {
    position: relative;
}

.inbox__email-list-item .inbox__email-list-item-checkbox svg {
    fill: #4ce1b6;
}

.inbox__email-list-item td:first-child {
    min-width: 32px;
}

.inbox__email-table-preview {
    min-width: 200px;
}

.inbox__email-table-name, .inbox__email-table-date {
    white-space: nowrap;
}

.inbox__emails-table {
    margin-bottom: 10px;
}

.inbox__emails-table tr td:first-child {
    padding-left: 0;
}

.inbox__emails-table tr td:last-child {
    padding-right: 0;
    text-align: right;
}

.inbox__emails-controls-wrap {
    position: relative;
}

.inbox__emails-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    padding-left: 40px;
    position: relative;
}

.theme-light .inbox__emails-controls {
    border-bottom: 1px solid #dfe3eb;
}

.theme-dark .inbox__emails-controls {
    border-bottom: 1px solid #333246;
}

.inbox__emails-controls button {
    padding: 2px 20px 2px 25px;
    height: 30px;
}

.inbox__emails-controls button p {
    font-weight: 400;
}

.inbox__emails-controls .inbox__emails-control-reload {
    padding: 4px 8px;
}

.inbox__emails-controls .inbox__emails-control-reload svg {
    margin: 0;
}

.inbox__emails-control-checkbox {
    position: absolute;
    left: 0;
    top: 5px;
}

.inbox__emails-controls-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0;
    top: 0;
}

.inbox__emails-control-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 16px;
}

.inbox__emails-control-search input {
    height: 28px;
    padding-left: 10px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 14px 0 0 14px;
    border: 1px solid transparent;
    width: 120px;
    /* Firefox 19+ */
    /* Firefox 18- */
}

.theme-light .inbox__emails-control-search input {
    color: #585b69;
    background: #e5eafa;
}

.theme-dark .inbox__emails-control-search input {
    color: #ddd;
    background: #38373f;
}

.inbox__emails-control-search input:focus {
    border-color: #4ce1b6;
    outline: none;
}

.inbox__emails-control-search input:focus + .inbox__emails-control-search-icon {
    background-color: #4ce1b6;
}

.inbox__emails-control-search input:focus + .inbox__emails-control-search-icon svg {
    fill: white;
}

.theme-light .inbox__emails-control-search input::-webkit-input-placeholder {
    color: #d0d0d0;
}

.theme-dark .inbox__emails-control-search input::-webkit-input-placeholder {
    color: #605f7b;
}

.theme-light .inbox__emails-control-search input::-moz-placeholder {
    color: #d0d0d0;
}

.theme-dark .inbox__emails-control-search input::-moz-placeholder {
    color: #605f7b;
}

.theme-light .inbox__emails-control-search input:-moz-placeholder {
    color: #d0d0d0;
}

.theme-dark .inbox__emails-control-search input:-moz-placeholder {
    color: #605f7b;
}

.theme-light .inbox__emails-control-search input:-ms-input-placeholder {
    color: #d0d0d0;
}

.theme-dark .inbox__emails-control-search input:-ms-input-placeholder {
    color: #605f7b;
}

.inbox__emails-control-search-icon {
    width: 28px;
    padding: 5px;
    height: 28px;
    border-radius: 0 14px 14px 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.theme-light .inbox__emails-control-search-icon {
    background: #f2f4f7;
}

.theme-dark .inbox__emails-control-search-icon {
    background: #33333a;
}

.inbox__emails-control-search-icon svg {
    height: 16px;
    width: 16px;
    margin-top: -3px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.theme-light .inbox__emails-control-search-icon svg {
    fill: #d0d0d0;
}

.theme-dark .inbox__emails-control-search-icon svg {
    fill: #605f7b;
}

.inbox__email-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.theme-light .inbox__email-header {
    border-bottom: 1px solid #dfe3eb;
}

.theme-dark .inbox__email-header {
    border-bottom: 1px solid #333246;
}

.inbox__email-header .inbox__favorite {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.inbox__email-header .inbox__favorite.active {
    fill: #f6da6e;
}

.inbox__email-back {
    border: none;
    background: none;
    height: 35px;
    padding-top: 10px;
    width: 30px;
    padding-left: 0;
    cursor: pointer;
}

.inbox__email-back svg {
    height: 18px;
    width: 18px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.theme-light .inbox__email-back svg {
    fill: #585b69;
}

.theme-dark .inbox__email-back svg {
    fill: #ddd;
}

.inbox__email-back:hover svg {
    fill: #4ce1b6;
}

.inbox__email-ava {
    height: 35px;
    width: 35px;
    overflow: hidden;
}

.inbox__email-info {
    padding-left: 10px;
}

.inbox__email-name {
    font-weight: 500;
    line-height: 20px;
}

.inbox__email-name svg {
    height: 14px;
    width: 14px;
    margin-left: 20px;
}

.theme-light .inbox__email-name svg {
    fill: #585b69;
}

.theme-dark .inbox__email-name svg {
    fill: #ddd;
}

.inbox__email-email {
    margin: 0;
    font-size: 10px;
    line-height: 13px;
    color: #8c8c8c;
}

.inbox__email-right {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.inbox__email-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.inbox__email-time {
    margin: auto 30px auto 0 !important;
}

.inbox__email-btn {
    border: none;
    margin-right: 5px;
    height: 32px;
    width: 32px;
    cursor: pointer;
}

.theme-light .inbox__email-btn {
    background: #f2f4f7;
}

.theme-dark .inbox__email-btn {
    background: #2a2a31;
}

.inbox__email-btn:last-child {
    margin-right: 0;
}

.inbox__email-btn svg {
    height: 14px;
    width: 14px;
    fill: #8c8c8c;
}

.inbox__email-body {
    margin-top: 20px;
    margin-bottom: 15px;
}

.inbox__email-attachment {
    padding-top: 15px;
    margin-bottom: 15px;
}

.theme-light .inbox__email-attachment {
    border-top: 1px solid #dfe3eb;
}

.theme-dark .inbox__email-attachment {
    border-top: 1px solid #333246;
}

.inbox__email-attachment-title {
    font-size: 12px;
}

.inbox__email-attachment-link {
    font-size: 10px;
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.inbox__email-attachment-link svg {
    fill: #8c8c8c;
    height: 14px;
    width: 14px;
    margin-right: 5px;
}

.inbox__email-reply {
    padding-top: 15px;
    position: relative;
}

.inbox__email-reply-textarea {
    width: 100%;
    max-width: 100%;
    min-height: 100px;
    padding: 10px 35px 10px 15px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: transparent;
}

.theme-light .inbox__email-reply-textarea {
    border: 1px solid #f2f4f7;
    color: #585b69;
}

.theme-dark .inbox__email-reply-textarea {
    border: 1px solid #33333a;
    color: #ddd;
}

.inbox__email-reply-textarea:focus, .inbox__email-reply-textarea:active {
    outline: none;
    border-color: #4ce1b6;
}

.inbox__email-reply-placeholder {
    pointer-events: none;
    position: absolute;
    left: 15px;
    top: 15px;
    color: #8c8c8c;
}

.inbox__email-reply-placeholder span {
    color: #70bbfd;
}

.inbox__email-reply-btns {
    margin-top: 10px;
}

.inbox__email-reply-btns button {
    margin-bottom: 10px;
}

.inbox__email-reply-btns button:last-child {
    margin-bottom: 0;
}

.inbox__email-reply-btn-full {
    border: none;
    background: transparent;
    color: #70bbfd;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
    min-height: 32px;
}

.inbox__email-reply-btn-full:hover {
    color: #3ea3fc;
}

.inbox__email-reply-close {
    background: transparent;
    border: none;
    position: absolute;
    right: 10px;
    top: 28px;
    height: 20px;
    width: 20px;
    padding: 0;
    cursor: pointer;
}

.inbox__email-reply-close svg {
    height: 15px;
    width: 15px;
    fill: #8c8c8c;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.inbox__email-reply-close:hover svg {
    fill: #4ce1b6;
}

.inbox__topbar {
    height: 50px;
    display: none;
}

.inbox__topbar-button {
    background-color: transparent;
    border: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
    padding: 0;
    margin-left: -2px;
}

.inbox__topbar-button:hover .inbox__topbar-button-icon {
    fill: #4ce1b6;
}

.inbox__topbar-button-icon {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.theme-light .inbox__topbar-button-icon {
    fill: #d0d0d0;
}

.theme-dark .inbox__topbar-button-icon {
    fill: #605f7b;
}

@media screen and (max-width: 1200px) {
    .inbox__email-time {
        margin: auto 20px auto 0;
    }
}

@media screen and (max-width: 1024px) {
    .inbox__topbar {
        display: block;
    }

    .inbox__topbar.inbox__topbar--hide {
        display: none;
    }

    .inbox__compose-title {
        position: absolute;
        top: 40px;
        left: 70px;
    }

    .inbox__mailbox-list {
        position: absolute;
        top: 0;
        -webkit-transform: translateX(calc(-100% - 1px));
        -ms-transform: translateX(calc(-100% - 1px));
        transform: translateX(calc(-100% - 1px));
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        z-index: 99;
        height: 100%;
    }

    .theme-light .inbox__mailbox-list {
        background-color: white;
    }

    .theme-dark .inbox__mailbox-list {
        background-color: #232329;
    }

    .inbox__container {
        width: 100%;
    }

    .inbox__email-time {
        margin: auto 10px auto 0;
    }

    .inbox:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        opacity: 0;
        z-index: -1;
        -webkit-transition: opacity 0.3s, z-index 0.3s 0.3s;
        -o-transition: opacity 0.3s, z-index 0.3s 0.3s;
        transition: opacity 0.3s, z-index 0.3s 0.3s;
        background-color: #8c8c8c;
    }

    .inbox__emails-controls-right {
        position: absolute;
        top: -50px;
        right: 0;
    }

    .inbox.inbox--show-mailboxes .inbox__mailbox-list {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .inbox.inbox--show-mailboxes:before {
        opacity: 0.2;
        z-index: 1;
        -webkit-transition: opacity 0.3s, z-index 0s;
        -o-transition: opacity 0.3s, z-index 0s;
        transition: opacity 0.3s, z-index 0s;
        pointer-events: none;
    }

    .inbox.inbox--show-mailboxes .inbox__content {
        pointer-events: none;
    }
}

@media screen and (max-width: 767px) {
    .inbox__email-left, .inbox__email-right {
        width: 100%;
    }

    .inbox__email-right {
        margin-top: 15px;
    }

    .inbox__email-time {
        margin-right: auto;
    }
}

@media screen and (max-width: 620px) {
    .inbox__emails-control-search {
        margin-right: 8px;
    }

    .inbox__emails-control-search input {
        width: 90px;
    }
}

@media screen and (max-width: 480px) {
    .inbox__emails-control-reload {
        margin-right: 0;
    }
}

.checkbox-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
}

.checkbox-btn:hover .checkbox-btn__checkbox-custom {
    border-color: #4ce1b6;
}

.checkbox-btn:hover .checkbox-btn__label {
    color: #4ce1b6;
}

.checkbox-btn.disabled {
    pointer-events: none;
    cursor: default;
}

.checkbox-btn.disabled .checkbox-btn__checkbox-custom {
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}

.theme-light .checkbox-btn.disabled .checkbox-btn__checkbox-custom {
    background-color: #e5eafa;
    border-color: #f2f4f7;
}

.theme-dark .checkbox-btn.disabled .checkbox-btn__checkbox-custom {
    background-color: #38373f;
    border-color: #33333a;
}

.checkbox-btn.disabled .checkbox-btn__checkbox-custom svg {
    fill: #dddddd;
}

.checkbox-btn.disabled .checkbox-btn__label {
    color: #dddddd;
}

.checkbox-btn.checkbox-btn--colored .checkbox-btn__checkbox-custom {
    border-color: #4ce1b6;
    background-color: #4ce1b6;
}

.checkbox-btn.checkbox-btn--colored .checkbox-btn__checkbox-custom svg {
    fill: #ffffff;
}

.checkbox-btn.checkbox-btn--colored.disabled {
    opacity: 0.4;
}

.checkbox-btn.checkbox-btn--colored.disabled .checkbox-btn__checkbox-custom {
    border-color: #4ce1b6;
    background-color: #4ce1b6;
}

.checkbox-btn.checkbox-btn--colored-click .checkbox-btn__checkbox:checked + .checkbox-btn__checkbox-custom {
    border-color: #4ce1b6;
    background-color: #4ce1b6;
}

.checkbox-btn.checkbox-btn--colored-click .checkbox-btn__checkbox:checked + .checkbox-btn__checkbox-custom svg {
    fill: #ffffff;
}

.theme-light .checkbox-btn.checkbox-btn--colored-click.disabled .checkbox-btn__checkbox:checked + .checkbox-btn__checkbox-custom {
    background-color: #e5eafa;
    border-color: #f2f4f7;
}

.theme-dark .checkbox-btn.checkbox-btn--colored-click.disabled .checkbox-btn__checkbox:checked + .checkbox-btn__checkbox-custom {
    background-color: #38373f;
    border-color: #33333a;
}

.checkbox-btn.checkbox-btn--colored-click.disabled .checkbox-btn__checkbox:checked + .checkbox-btn__checkbox-custom svg {
    fill: #dddddd;
}

.checkbox-btn.checkbox-btn--button {
    background: #4ce1b6;
    min-width: 150px;
    color: #ffffff;
    height: 24px;
    border-radius: 4px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    padding: 0 6px;
    width: 100%;
}

.checkbox-btn.checkbox-btn--button .checkbox-btn__label {
    color: #ffffff;
}

.checkbox-btn.checkbox-btn--button .checkbox-btn__checkbox-custom {
    display: none;
}

.checkbox-btn.checkbox-btn--button .checkbox-btn__label-svg {
    margin: auto 4px auto auto;
    height: 16px;
    line-height: 1;
}

.checkbox-btn.checkbox-btn--button .checkbox-btn__label-svg svg {
    fill: #ffffff;
    width: 14px;
    height: 14px;
}

.checkbox-btn.checkbox-btn--button .checkbox-btn__label-svg .checkbox-btn__label-check {
    display: none;
}

.checkbox-btn.checkbox-btn--button .checkbox-btn__checkbox:checked ~ .checkbox-btn__label-svg .checkbox-btn__label-check {
    display: block;
}

.checkbox-btn.checkbox-btn--button .checkbox-btn__checkbox:checked ~ .checkbox-btn__label-svg .checkbox-btn__label-uncheck {
    display: none;
}

.checkbox-btn.checkbox-btn--button .checkbox-btn__label {
    margin: auto auto auto 0;
    padding: 0;
}

.checkbox-btn.checkbox-btn--button:hover {
    background: #24d6a3;
}

.checkbox-btn.checkbox-btn--button:hover .checkbox-btn__label {
    color: #ffffff;
}

.checkbox-btn.checkbox-btn--button.disabled {
    opacity: 0.4;
}

.checkbox-btn.checkbox-btn--button.disabled .checkbox-btn__label {
    color: #ffffff;
}

.checkbox-btn__checkbox {
    display: none;
}

.checkbox-btn__checkbox-custom {
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 3px;
}

.theme-light .checkbox-btn__checkbox-custom {
    border: 1px solid #d0d0d0;
}

.theme-dark .checkbox-btn__checkbox-custom {
    border: 1px solid #605f7b;
}

.checkbox-btn__checkbox-custom svg {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    height: 16px;
    width: 16px;
    fill: #4ce1b6;
    margin-top: -6px;
}

.checkbox-btn__label {
    line-height: 18px;
    padding-left: 28px;
    padding-top: 2px;
}

.theme-light .checkbox-btn__label {
    color: #585b69;
}

.theme-dark .checkbox-btn__label {
    color: #ddd;
}

.checkbox-btn__checkbox-custom,
.checkbox-btn__label {
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.checkbox-btn__checkbox:checked + .checkbox-btn__checkbox-custom svg {
    opacity: 1;
}

.pagination__link {
    background: transparent;
    border: none;
    color: #8c8c8c;
    height: 28px;
    font-size: 10px;
    padding: 5px;
    text-align: center;
    min-width: 28px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin-right: 2px;
}

.pagination__link:hover {
    color: #4ce1b6;
    background: transparent;
}

.pagination__link:focus, .pagination__link:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.pagination__link svg {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.pagination__link.pagination__link--arrow {
    border-radius: 50% !important;
    width: 28px;
    height: 28px;
}

.theme-light .pagination__link.pagination__link--arrow {
    background: #f2f4f7;
}

.theme-dark .pagination__link.pagination__link--arrow {
    background: #33333a;
}

.pagination__link.pagination__link--arrow:hover {
    background: #4ce1b6;
}

.pagination__link.pagination__link--arrow:hover svg {
    fill: white;
}

.pagination__item.active .pagination__link {
    background-color: transparent;
    font-weight: bold;
}

.theme-light .pagination__item.active .pagination__link {
    color: #585b69;
}

.theme-dark .pagination__item.active .pagination__link {
    color: #ddd;
}

.theme-light .pagination__item.disabled .pagination__link svg {
    fill: #d0d0d0;
}

.theme-dark .pagination__item.disabled .pagination__link svg {
    fill: #605f7b;
}

.pagination__link-icon {
    width: 13px;
    height: 13px;
    fill: #8c8c8c;
}

.pagination__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
}

.pagination__wrap.pagination__wrap--small {
    margin-top: 0;
    display: block;
}

.pagination-info {
    color: #8c8c8c;
    font-size: 12px;
    margin: auto 0 auto 10px;
}

.form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.form input, .form textarea {
    width: 100%;
    padding: 5px 10px;
    font-size: 12px;
    height: 32px;
    -webkit-transition: border 0.3s;
    -o-transition: border 0.3s;
    transition: border 0.3s;
    background: transparent;
    /* Firefox 19+ */
    /* Firefox 18- */
}

.form input::-webkit-input-placeholder, .form textarea::-webkit-input-placeholder {
    color: #8c8c8c;
}

.form input::-moz-placeholder, .form textarea::-moz-placeholder {
    color: #8c8c8c;
}

.form input:-moz-placeholder, .form textarea:-moz-placeholder {
    color: #8c8c8c;
}

.form input:-ms-input-placeholder, .form textarea:-ms-input-placeholder {
    color: #8c8c8c;
}

.theme-light .form input, .theme-light .form textarea {
    border: 1px solid #f2f4f7;
    color: #585b69;
}

.theme-dark .form input, .theme-dark .form textarea {
    border: 1px solid #33333a;
    color: #ddd;
}

.theme-light .form input[disabled], .theme-light .form textarea[disabled] {
    background: #f2f4f7;
}

.theme-dark .form input[disabled], .theme-dark .form textarea[disabled] {
    background: #2a2a31;
}

.theme-light .form input[disabled]:focus, .theme-light .form input[disabled]:active, .theme-light .form textarea[disabled]:focus, .theme-light .form textarea[disabled]:active {
    border-color: #dfe3eb;
}

.theme-dark .form input[disabled]:focus, .theme-dark .form input[disabled]:active, .theme-dark .form textarea[disabled]:focus, .theme-dark .form textarea[disabled]:active {
    border-color: #333246;
}

.form input:focus, .form input:active, .form textarea:focus, .form textarea:active {
    outline: none;
    border-color: #4ce1b6;
}

.form textarea {
    min-height: 85px;
}

.form.form--horizontal .form__form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.form.form--horizontal .form__form-group-field {
    width: calc(100% - 80px);
    padding-left: 10px;
    margin-left: 80px;
}

.form.form--horizontal .form__form-group-label {
    width: 80px;
    max-height: 32px;
    line-height: 18px;
    margin: auto 0;
}

.form.form--horizontal .form__form-group-label + .form__form-group-field {
    margin-left: 0;
}

.form.form--horizontal .form__form-group-description {
    margin-left: 90px;
}

.form.form--horizontal .form__button-toolbar {
    margin-left: 0;
}

.form.form--horizontal .form__form-group-input-wrap--error-above {
    margin-bottom: 15px;
}

.form.form--horizontal .form__form-group-input-wrap--error-above .form__form-group-error {
    top: -28px;
}

@media screen and (min-width: 480px) {
    .form.form--horizontal .form__form-group-label {
        width: 120px;
    }

    .form.form--horizontal .form__form-group-field {
        width: calc(100% - 120px);
        margin-left: 120px;
        padding-left: 20px;
    }

    .form.form--horizontal .form__form-group-description, .form.form--horizontal .form__button-toolbar {
        margin-left: 140px;
    }
}

.form.form--preview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.form.form--preview > div:nth-child(2) {
    margin-right: 50px;
}

.form.form--preview .form__form-group {
    margin-bottom: 10px;
    width: auto;
    min-height: 18px;
}

.form.form--preview p {
    margin-bottom: 10px;
}

.form.form--justify {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.form.form--justify .form__form-group {
    width: 33.3333%;
}

.form.form--justify .form__button-toolbar {
    width: 100%;
}

.form__half {
    width: calc(50% - 15px);
    height: 100%;
}

.form__half:first-child {
    margin-right: 30px;
}

.form__half .form__button-toolbar {
    float: right;
}

@media screen and (max-width: 1200px) {
    .form__half {
        width: 100%;
        margin-right: 0;
    }
}

.form__form-group {
    margin-bottom: 20px;
    width: 100%;
    position: relative;
}

.form__form-group--address input:last-child {
    margin-left: 15px;
    width: 70%;
}

.form__form-group-field {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
}

.form__form-group-label {
    margin-bottom: 4px;
    display: inline-block;
}

.theme-light .form__form-group-label {
    color: #585b69;
}

.theme-dark .form__form-group-label {
    color: #ddd;
}

.form__form-group-label span {
    color: #dddddd;
}

.form__form-group-button {
    padding: 6px;
    height: 32px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.theme-light .form__form-group-button {
    background: #f2f4f7;
    border: 1px solid #f2f4f7;
}

.theme-dark .form__form-group-button {
    background: #33333a;
    border: 1px solid #33333a;
}

.form__form-group-button svg {
    fill: #8c8c8c;
    width: 18px;
    height: 18px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.form__form-group-button.active {
    background: #4ce1b6;
    border: 1px solid #4ce1b6;
}

.form__form-group-button.active svg {
    fill: #ffffff;
}

.form__form-group-file label {
    border-radius: 2px;
    line-height: 18px;
    font-size: 12px;
    padding: 4px 20px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
}

.theme-light .form__form-group-file label {
    border: 1px solid #f2f4f7;
    color: #585b69;
}

.theme-dark .form__form-group-file label {
    border: 1px solid #33333a;
    color: #ddd;
}

.theme-light .form__form-group-file label:hover {
    background: #f2f4f7;
}

.theme-dark .form__form-group-file label:hover {
    background: #33333a;
}

.form__form-group-file span {
    padding-left: 10px;
}

.form__form-group-file input {
    display: none;
}

.form__form-group-icon {
    padding: 6px;
    height: 32px;
}

.theme-light .form__form-group-icon {
    background: #f2f4f7;
    border: 1px solid #f2f4f7;
}

.theme-dark .form__form-group-icon {
    background: #33333a;
    border: 1px solid #33333a;
}

.form__form-group-icon svg {
    fill: #8c8c8c;
    width: 18px;
    height: 18px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.form__form-group-description {
    font-size: 10px;
    color: #8c8c8c;
    line-height: 13px;
    margin-top: 2px;
}

.form__button-toolbar {
    margin-top: 10px;
}

.form__form-group-input-wrap {
    width: 100%;
}

.form__form-group-error {
    font-size: 10px;
    line-height: 13px;
    color: #ad4444;
    margin-bottom: -5px;
    display: block;
    margin-top: 5px;
}

.form__form-group-input-wrap--error-above .form__form-group-error {
    position: absolute;
    margin: 0;
    right: 0;
    top: 0;
    padding: 5px 10px;
    background: #ffbcbc;
    border-radius: 3px;
}

.form__form-group-input-wrap--error-above .form__form-group-error:after {
    content: '';
    position: absolute;
    right: 10px;
    bottom: -8px;
    border: 4px solid transparent;
    border-top: 4px solid #ffbcbc;
}

.form__form-group-date-cvc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.form__form-group-date-cvc .form__form-group-date {
    width: 100%;
    margin-right: 20px;
}

.form__form-group-date-cvc .form__form-group-cvc {
    max-width: 280px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .form__form-group-date-cvc {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .form__form-group-date-cvc .form__form-group-date {
        margin-right: 0;
    }

    .form__form-group-date-cvc .form__form-group-cvc {
        max-width: 100%;
    }
}

.form__form-group-id-category {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.form__form-group-id-category .form__form-group-id {
    min-width: 100px;
    width: 40%;
    margin-right: 20px;
}

@media screen and (max-width: 767px) {
    .form__form-group-id-category {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .form__form-group-id-category .form__form-group-id {
        margin-right: 0;
        width: 100%;
    }
}

.form__form-group-price-discount {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}

.form__form-group-price-discount > div {
    margin-bottom: 0;
}

.form__form-group-price-discount .form__form-group-price {
    margin-right: 20px;
}

@media screen and (max-width: 767px) {
    .form__form-group-price-discount {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .form__form-group-price-discount .form__form-group-price {
        margin-right: 0;
    }
}

.text-editor {
    position: relative;
}

.text-editor .rdw-editor-toolbar {
    margin: 0;
    background: transparent;
    border-radius: 0;
}

.theme-light .text-editor .rdw-editor-toolbar {
    border: solid 1px #f2f4f7;
}

.theme-dark .text-editor .rdw-editor-toolbar {
    border: solid 1px #33333a;
}

.text-editor .rdw-editor-toolbar {
    padding: 0;
}

.text-editor .rdw-editor-toolbar > div {
    height: 40px;
    border: none;
    background: transparent;
    cursor: pointer;
    margin: 0;
}

.text-editor .rdw-editor-toolbar > div img {
    height: 13px;
}

.theme-light .text-editor .rdw-editor-toolbar > div img {
    fill: #585b69;
}

.theme-dark .text-editor .rdw-editor-toolbar > div img {
    fill: #ddd;
}

.text-editor .rdw-editor-toolbar .rdw-option-active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.theme-light .text-editor .rdw-editor-toolbar .rdw-option-active {
    background-color: #dfe3eb;
}

.theme-dark .text-editor .rdw-editor-toolbar .rdw-option-active {
    background-color: #333246;
}

.text-editor .DraftEditor-root {
    width: 100%;
    min-height: 180px;
    border-top: none;
}

.theme-light .text-editor .DraftEditor-root {
    border: solid 1px #f2f4f7;
}

.theme-dark .text-editor .DraftEditor-root {
    border: solid 1px #33333a;
}

.text-editor .public-DraftEditor-content {
    padding: 6px 10px;
}

.theme-light .text-editor .public-DraftEditor-content {
    color: #585b69;
}

.theme-dark .text-editor .public-DraftEditor-content {
    color: #ddd;
}

.text-editor .draftJsMentionPlugin__input__1Wxng {
    width: 100%;
    padding: 10px;
}

.text-editor .public-DraftEditorPlaceholder-root {
    position: absolute;
    color: #8c8c8c;
}

.text-editor .rdw-option-wrapper, .text-editor .rdw-dropdown-wrapper {
    border: none;
    border-radius: 0;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
    background: transparent;
}

.text-editor .rdw-option-wrapper:hover, .text-editor .rdw-dropdown-wrapper:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.theme-light .text-editor .rdw-option-wrapper:hover, .theme-light .text-editor .rdw-dropdown-wrapper:hover {
    background: #e5eafa;
}

.theme-dark .text-editor .rdw-option-wrapper:hover, .theme-dark .text-editor .rdw-dropdown-wrapper:hover {
    background: #38373f;
}

.theme-light .text-editor .rdw-option-wrapper img, .theme-light .text-editor .rdw-dropdown-wrapper img {
    -webkit-filter: invert(0%);
    filter: invert(0%);
}

.theme-dark .text-editor .rdw-option-wrapper img, .theme-dark .text-editor .rdw-dropdown-wrapper img {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

.text-editor .rdw-option-wrapper {
    min-width: 0 !important;
    width: auto !important;
}

.theme-light .text-editor .rdw-dropdown-wrapper {
    color: #585b69;
}

.theme-dark .text-editor .rdw-dropdown-wrapper {
    color: #ddd;
}

.theme-light .text-editor .rdw-dropdown-wrapper .rdw-dropdown-carettoclose {
    border-bottom-color: #585b69;
}

.theme-dark .text-editor .rdw-dropdown-wrapper .rdw-dropdown-carettoclose {
    border-bottom-color: #ddd;
}

.theme-light .text-editor .rdw-dropdown-wrapper .rdw-dropdown-carettoopen {
    border-top-color: #585b69;
}

.theme-dark .text-editor .rdw-dropdown-wrapper .rdw-dropdown-carettoopen {
    border-top-color: #ddd;
}

.text-editor .rdw-dropdown-optionwrapper {
    overflow: auto;
}

.theme-light .text-editor .rdw-dropdown-optionwrapper {
    background-color: white;
    border-color: #dfe3eb;
}

.theme-dark .text-editor .rdw-dropdown-optionwrapper {
    background-color: #232329;
    border-color: #333246;
}

.text-editor .rdw-dropdown-optionwrapper:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.text-editor .rdw-dropdownoption-default {
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.theme-light .text-editor .rdw-dropdownoption-default:hover {
    background-color: #e5eafa;
}

.theme-dark .text-editor .rdw-dropdownoption-default:hover {
    background-color: #38373f;
}

.theme-light .text-editor .rdw-dropdownoption-default.rdw-dropdownoption-active {
    background-color: #e5eafa;
}

.theme-dark .text-editor .rdw-dropdownoption-default.rdw-dropdownoption-active {
    background-color: #38373f;
}

.text-editor button:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.theme-light .text-editor button:hover {
    background-color: #e5eafa;
}

.theme-dark .text-editor button:hover {
    background-color: #38373f;
}

.text-editor button[disabled] {
    pointer-events: none;
}

.tox-tinymce {
    border: 1px solid #f2f4f7 !important;
}

.tox:not([dir="rtl"]) .tox-toolbar__group:not(:last-of-type) {
    border-right: 1px solid #f2f4f7 !important;
}

.tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary {
    border-top: 1px solid #f2f4f7 !important;
    border-bottom: 1px solid #f2f4f7 !important;
}

.tox .tox-tbtn svg {
    fill: #646777 !important;
}

.invoice {
    padding: 35px;
}

.theme-light .invoice {
    background-color: white;
}

.theme-dark .invoice {
    background-color: #232329;
}

.invoice__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 60px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.invoice__head p {
    color: #8c8c8c;
    margin: 0;
}

.invoice__logo {
    width: 120px;
    height: 16px;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: left;
    background-size: contain;
    background-image: url("img/sprite_invoice_logo_light.ca8c90e0.svg");
}

.invoice__head-right {
    width: 100%;
    margin-top: 30px;
}

.invoice__head-right .invoice__date {
    margin-bottom: 10px;
}

.invoice__total {
    text-align: right;
    margin-top: 15px;
}

.invoice__grand-total {
    font-weight: 500;
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 30px;
}

.invoice__toolbar {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.invoice__toolbar button {
    margin-left: 15px;
    margin-right: 0;
}

@media screen and (min-width: 768px) {
    .invoice {
        padding: 50px;
    }

    .invoice__head-right {
        width: auto;
        text-align: right;
        margin-top: 0;
    }
}

.dashboards .dashboard__visitors-chart-title span {
    color: #8c8c8c;
    font-size: 11px;
}

.dashboards .dashboard__visitors-chart-number {
    font-size: 48px;
    line-height: 34px;
    margin-bottom: 10px;
}

.dashboards .dashboard__audience-table .progress {
    margin-top: 10px;
}

.dashboards .dashboard__audience-table .progress-bar {
    height: 10px;
}

.dashboards .dashboard__table-flag {
    width: 42px;
    height: 30px;
    margin-right: 25px;
}

.dashboards .dashboard__bounce-percent {
    color: #4ce1b6;
    font-size: 48px;
    line-height: 48px;
    margin-top: 20px;
    margin-bottom: 45px;
}

.dashboards .dashboard__commerce_todo {
    display: grid;
}

.dashboards .dashboard__commerce_todo input:checked ~ .checkbox-btn__label {
    color: #999;
    text-decoration: line-through;
}

.dashboards .dashboard__product-img {
    max-height: 270px;
    height: 100%;
    padding: 10px 0 20px 0;
    margin-bottom: 15px;
    text-align: center;
}

.theme-light .dashboards .dashboard__product-img {
    border-bottom: 1px solid #dfe3eb;
}

.theme-dark .dashboards .dashboard__product-img {
    border-bottom: 1px solid #333246;
}

.dashboards .dashboard__product-img img {
    width: auto;
    max-width: 100%;
    max-height: 240px;
}

.dashboards .dashboard__product-title {
    margin-bottom: 5px;
    text-transform: uppercase;
}

.dashboards .dashboard__product-subhead {
    font-size: 13px;
    line-height: normal;
}

.dashboards .dashboard__table-orders {
    overflow: hidden;
    min-width: 430px;
}

.dashboards .dashboard__table-orders tbody td {
    padding: 16px 10px;
}

.dashboards .dashboard__table-orders .dashboard__table-orders-title {
    position: relative;
    padding-left: 52px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dashboards .dashboard__table-orders-total {
    white-space: nowrap;
}

.dashboards .dashboard__table-orders-img-wrap {
    position: absolute;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    left: 10px;
}

.dashboards .dashboard__table-orders-img {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.dashboards .dashboard__table-orders-amount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dashboards .dashboard__table-orders-amount div {
    width: 3px;
    height: 14px;
    display: inline-block;
    background-color: #4ce1b6;
    border-radius: 3px;
    margin: auto 3px auto 0;
}

.dashboards .dashboard__table-orders-amount span {
    color: #8c8c8c;
    margin: auto 0 auto 5px;
}

.dashboards .dashboard__table-orders-amount.dashboard__table-orders-amount--medium div {
    background-color: #f6da6e;
}

.dashboards .dashboard__table-orders-amount.dashboard__table-orders-amount--low div {
    background-color: #ff4861;
}

.dashboards .dashboard__table-orders-link {
    font-size: 12px;
    margin-top: 20px;
    display: block;
}

.dashboards .dashboard__table-orders-link svg {
    height: 12px;
    width: 12px;
}

.dashboards .dashboard__table-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dashboards .dashboard__table-more > button {
    margin: 0;
    padding: 0 5px;
    border: none;
    background-color: transparent;
    margin-left: auto;
}

.dashboards .dashboard__table-more > button:before {
    display: none;
}

.dashboards .dashboard__table-more > button svg {
    margin: 0;
    height: 20px;
    width: 20px;
    fill: #8c8c8c;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.dashboards .dashboard__table-more > button:hover, .dashboards .dashboard__table-more > button:not([disabled]):not(.disabled):active, .dashboards .dashboard__table-more > button:focus {
    background: transparent;
}

.dashboards .dashboard__table-more > button:hover svg, .dashboards .dashboard__table-more > button:not([disabled]):not(.disabled):active svg, .dashboards .dashboard__table-more > button:focus svg {
    fill: #4ce1b6;
}

.dashboards .dashboard__table-more > div {
    min-width: 90px;
    width: 100%;
}

.dashboards .dashboard__table-more button {
    font-size: 13px;
}

.dashboards .dashboard__sales-toggle label {
    margin: 0;
}

.dashboards .dashboard__sales-toggle label:after {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #ff4861;
}

.dashboards .dashboard__sales-toggle-left {
    margin-left: auto;
    margin-right: 12px;
    color: #8c8c8c;
    pointer-events: none;
}

.dashboards .dashboard__sales-toggle-right {
    margin-right: auto;
    margin-left: 12px;
    color: #8c8c8c;
    pointer-events: none;
}

.dashboards .dashboard__sales-report {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -5px;
}

@media screen and (min-width: 400px) {
    .dashboards .dashboard__sales-report {
        margin: -2px;
    }
}

@media screen and (min-width: 391px) and (max-width: 425px) {
    .dashboards .dashboard__sales-report {
        margin: -6px;
    }
}

@media screen and (max-width: 360px) {
    .dashboards .dashboard__sales-report {
        margin: 3px;
    }
}

@media screen and (min-width: 361px) and (max-width: 386px) {
    .dashboards .dashboard__sales-report {
        margin: -16px;
    }
}

@media screen and (min-width: 616px) and (max-width: 650px) {
    .dashboards .dashboard__sales-report {
        margin: -16px;
    }
}

.dashboards .dashboard__sales-report > div {
    width: 100%;
    margin-right: 25px;
    margin-bottom: 0;
}

.dashboards .dashboard__sales-report > div:last-child {
    margin-right: 0;
}

.dashboards .dashboard__sales-report p {
    margin-top: 0;
}

.dashboards .dashboard__sales-report-title {
    color: #8c8c8c;
    font-size: 12px;
    line-height: 13px;
    margin-bottom: 10px;
}

.dashboards .dashboard__sales-report-now {
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 4px;
}

.dashboards .dashboard__sales-report-plan {
    font-size: 11px;
    line-height: 15px;
    color: #8c8c8c;
    opacity: 0.5;
    margin-bottom: 10px;
}

.dashboards .dashboard__sales-report-value {
    margin-bottom: 0;
}

.dashboards .dashboard__weight-stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}

.dashboards .dashboard__weight-stat {
    margin-right: 40px;
}

@media screen and (min-width: 768px) {
    .dashboards .dashboard__weight-stat {
        margin-right: 80px;
    }
}

.dashboards .dashboard__weight-stat:last-child {
    margin-right: 0;
}

.dashboards .dashboard__weight-stat-title {
    margin-top: 0;
    margin-bottom: 3px;
}

.dashboards .dashboard__weight-stat-value {
    font-size: 36px;
    line-height: 48px;
}

@media screen and (min-width: 768px) {
    .dashboards .dashboard__weight-stat-value {
        font-size: 48px;
        line-height: 62px;
    }
}

.dashboards .dashboard__weight-stat-value.dashboard__weight-stat-value--control {
    color: #f6da6e;
}

.dashboards .dashboard__weight-stat-value.dashboard__weight-stat-value--total {
    color: #ff4861;
}

.dashboards .dashboard__health-chart-card {
    text-align: center;
}

.dashboards .dashboard__goal {
    font-size: 12px;
    color: #8c8c8c;
}

.dashboards .dashboard__health-chart {
    position: relative;
}

.dashboards .dashboard__health-chart-info {
    position: absolute;
    width: 100%;
    top: calc(50% - 55px);
    -webkit-animation: label 1.5s ease-in;
    animation: label 1.5s ease-in;
}

.dashboards .dashboard__health-chart-info p {
    margin: 0;
}

.dashboards .dashboard__health-chart-number {
    font-size: 56px;
    line-height: 60px;
}

.theme-light .dashboards .dashboard__health-chart-number {
    color: #646777;
}

.theme-dark .dashboards .dashboard__health-chart-number {
    color: #ffffff;
}

.dashboards .dashboard__health-chart-units {
    color: #8c8c8c;
    margin-top: 5px;
}

.dashboards .dashboard__competitor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0;
    position: relative;
}

.dashboards .dashboard__competitor:before {
    content: "";
    position: absolute;
    height: 100%;
    width: calc(100% + 65px);
    top: 0;
    left: -30px;
    z-index: 0;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.theme-light .dashboards .dashboard__competitor:before {
    background: #e5eafa;
}

.theme-dark .dashboards .dashboard__competitor:before {
    background: #38373f;
}

.dashboards .dashboard__competitor:hover:before {
    opacity: 1;
}

.dashboards .dashboard__competitor-img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
    min-width: 40px;
    z-index: 1;
}

.dashboards .dashboard__competitor-img img {
    height: 100%;
    min-width: 100%;
}

.dashboards .dashboard__competitor-info {
    z-index: 1;
}

.dashboards .dashboard__competitor-name {
    font-weight: 500;
}

.dashboards .dashboard__competitor-result {
    color: #ff4861;
    margin-top: 0;
    font-size: 14px;
}

.dashboards .dashboard__area {
    font-size: 11px;
}

.dashboards .dashboard__area .recharts-legend-wrapper {
    bottom: 0 !important;
}

.dashboards .dashboard__total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -15px;
}

.dashboards .dashboard__total.dashboard__total--area {
    margin-top: -55px;
}

.dashboards .dashboard__chart-container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
}

@media (min-width: 1200px) {
    .dashboards .dashboard__chart-container {
        max-width: 180px;
    }
}

.dashboards .dashboard__total-stat {
    font-size: 18px;
    height: 24px;
    margin-right: auto;
    margin-top: auto;
    padding-right: 10px;
    line-height: 24px;
}

.dashboards .dashboard__trend-icon {
    fill: #4ce1b6;
    height: 24px;
    width: 24px;
    margin-right: 3px;
    min-width: 24px;
    margin-top: auto;
}

.dashboards .dashboard__stat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
    margin-bottom: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dashboards .dashboard__stat:first-child {
    margin-top: 0;
}

.dashboards .dashboard__stat:last-child {
    margin-bottom: 0;
}

.dashboards .dashboard__stat .dashboard__stat-info p {
    color: #8c8c8c;
}

.dashboards .dashboard__stat .dashboard__stat-number {
    margin-top: 10px;
}

.dashboards .dashboard__stat .dashboard__stat-chart {
    width: 100%;
    position: relative;
    text-align: center;
}

.dashboards .dashboard__stat .dashboard__stat-label {
    position: absolute;
    font-size: 18px;
    line-height: 20px;
    top: calc(50% - 10px);
    width: 100%;
    margin: 0;
    -webkit-animation: label 1.5s ease-in;
    animation: label 1.5s ease-in;
    color: #dddddd;
}

.dashboards .dashboard__stat.dashboard__stat--budget {
    text-align: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.dashboards .dashboard__stat.dashboard__stat--budget .dashboard__stat-chart {
    margin: auto;
}

.dashboards .dashboard__stat.dashboard__stat--budget .dashboard__stat-label {
    font-size: 36px;
}

.dashboards .dashboard__stat.dashboard__stat--budget .dashboard__stat-main {
    width: 100%;
}

.dashboards .dashboard__stat.dashboard__stat--budget .dashboard__stat-main hr {
    margin-bottom: 30px;
    margin-top: 40px;
}

.dashboards .dashboard__stat.dashboard__stat--budget .dashboard__stat-main-title {
    color: #8c8c8c;
}

.dashboards .dashboard__stat.dashboard__stat--budget .dashboard__stat-main-number {
    color: #ff4861;
    font-size: 48px;
    line-height: 34px;
    margin-top: 15px;
}

.dashboards .dashboard__stat.dashboard__stat--budget .dashboard__stat-data {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-top: 10px;
}

.dashboards .dashboard__stat.dashboard__stat--budget .dashboard__stat-data p {
    margin: 0;
}

.dashboards .dashboard__stat.dashboard__stat--budget .dashboard__stat-data-number {
    font-size: 18px;
    line-height: 34px;
    font-weight: 500;
}

@media screen and (min-width: 1200px) and (max-width: 1439px) {
    .dashboards .dashboard__stat {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 20px;
    }

    .dashboards .dashboard__stat .dashboard__stat-info {
        margin: 0;
    }
}

@media screen and (min-width: 1445px) and (max-width: 1700px) {
    .dashboards .dashboard__stat .dashboard__stat-info {
        width: 150px;
        margin-right: -25px;
    }

    .dashboards .dashboard__stat .dashboard__stat-label {
        margin-left: 40%;
        width: auto;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1539px) {
    .dashboards .dashboard__stat .dashboard__stat-chart svg, .dashboards .dashboard__stat .dashboard__stat-chart div {
        width: 100% !important;
    }
}

@-webkit-keyframes label {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes label {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.dashboards .dashboard__chart-pie {
    height: 320px !important;
}

.dashboards .dashboard__chart-pie .recharts-surface {
    width: 100%;
    height: 100%;
}

@media screen and (min-width: 768px) {
    .dashboards .dashboard__chart-pie.dashboard__chart-pie--finance {
        height: 300px !important;
    }

    .dashboards .dashboard__chart-pie.dashboard__chart-pie--finance .dashboard__chart-pie-container {
        height: 300px !important;
    }

    .dashboards .dashboard__chart-pie.dashboard__chart-pie--commerce {
        height: 360px !important;
    }

    .dashboards .dashboard__chart-pie.dashboard__chart-pie--commerce .dashboard__chart-pie-container {
        height: 360px !important;
    }

    .dashboards .dashboard__chart-pie.dashboard__chart-pie--fitness {
        height: 360px !important;
    }

    .dashboards .dashboard__chart-pie.dashboard__chart-pie--fitness .dashboard__chart-pie-container {
        height: 360px !important;
    }
}

@media screen and (max-width: 768px) {
    .dashboards .dashboard__chart-pie .recharts-legend-wrapper {
        position: relative !important;
    }
}

@media screen and (max-width: 480px) {
    .dashboards .dashboard__chart-pie.dashboard__chart-pie--finance {
        height: 240px !important;
    }

    .dashboards .dashboard__chart-pie.dashboard__chart-pie--finance .dashboard__chart-pie-container {
        height: 180px !important;
    }

    .dashboards .dashboard__chart-pie.dashboard__chart-pie--finance .dashboard__chart-legend {
        margin-left: -10px;
    }

    .dashboards .dashboard__chart-pie.dashboard__chart-pie--finance .dashboard__chart-legend li {
        margin-top: 0;
    }
}

.dashboards .dashboard__chart-pie-container {
    padding-left: 0;
    height: 200px !important;
}

.dashboards .dashboard__chart-legend {
    padding: 0;
    list-style: none;
}

.dashboards .dashboard__chart-legend span {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
}

.dashboards .dashboard__chart-legend li {
    margin-top: 5px;
}

.theme-light .dashboards .dashboard__chart-legend li {
    color: #585b69;
}

.theme-dark .dashboards .dashboard__chart-legend li {
    color: #ddd;
}

.dashboards .dashboard__card-widget {
    padding-top: 25px;
    padding-bottom: 25px;
}

.dashboards .dashboard__btc {
    color: #f6a81e;
}

.dashboards .dashboard__eth {
    color: #5e62e6;
}

.dashboards .dashboard__neo {
    color: #3ddb42;
}

.dashboards .dashboard__ste {
    color: #21cbe6;
}

.dashboards .dashboard__eos {
    color: #6d6a6a;
}

.dashboards .dashboard__lit {
    color: #b7b3b3;
}

.dashboards .dashboard__table-finance tbody td {
    padding: 17px 10px;
    white-space: nowrap;
}

.dashboards .dashboard__table-finance .dashboard__table-finance-chart {
    padding: 10px;
    width: 180px;
}

.dashboards .dashboard__place-order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (min-width: 900px) {
    .dashboards .dashboard__place-order {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

@media screen and (min-width: 1200px) {
    .dashboards .dashboard__place-order {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media screen and (min-width: 1360px) {
    .dashboards .dashboard__place-order {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

.dashboards .dashboard__booking-card {
    padding-top: 20px;
    padding-bottom: 25px;
    padding-right: 30px;
    padding-left: 30px;
}

.dashboards .dashboard__booking-card .dashboard__booking-card-progress-label {
    text-align: right;
    font-size: 14px;
    font-weight: 500;
}

.dashboards .dashboard__booking-card .dashboard__trend-icon {
    fill: #d8dfe9;
    margin-right: 0;
    margin-top: auto;
}

.dashboards .dashboard__booking-total-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.dashboards .dashboard__booking-total-title {
    font-size: 28px;
    font-weight: 500;
    line-height: normal;
    color: #4ce1b6;
}

.dashboards .dashboard__booking-total-title--red {
    color: #ff4861;
}

.dashboards .dashboard__booking-total-title--green {
    color: #b8e986;
}

.dashboards .dashboard__booking-total-title--blue {
    color: #70bbfd;
}

.dashboards .dashboard__booking-total-description {
    opacity: 0.7;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    color: #555555;
    margin-top: 3px;
    text-transform: uppercase;
}

.theme-dark .dashboards .dashboard__booking-total-description {
    color: #dddddd;
}

.dashboards .dashboard__booking-reservations-panel:not(.panel--collapse) {
    height: calc(100% - 138px);
}

.dashboards .dashboard__booking-reservations {
    margin-top: -10px;
}

.dashboards .dashboard__booking-reservations-title {
    font-size: 13px;
    color: #555555;
}

.theme-dark .dashboards .dashboard__booking-reservations-title {
    color: #dddddd;
}

.dashboards .dashboard__booking-reservations-number {
    font-size: 48px;
    line-height: 34px;
    margin-top: 15px;
    margin-bottom: 10px;
    color: #555555;
}

.theme-dark .dashboards .dashboard__booking-reservations-number {
    color: #dddddd;
}

.dashboards .dashboard__booking-reservations-chart {
    position: relative;
}

.dashboards .dashboard__booking-reservations-chart .recharts-surface {
    width: 100%;
    height: 100%;
}

.dashboards .dashboard__booking-reservations-chart .recharts-legend-wrapper {
    width: 90px !important;
    display: block;
    position: static !important;
}

@media screen and (min-width: 370px) {
    .dashboards .dashboard__booking-reservations-chart .recharts-legend-wrapper {
        width: 115px !important;
    }
}

@media screen and (min-width: 992px) {
    .dashboards .dashboard__booking-reservations-chart .recharts-legend-wrapper {
        width: 105px !important;
    }
}

@media screen and (min-width: 1020px) {
    .dashboards .dashboard__booking-reservations-chart .recharts-legend-wrapper {
        width: 115px !important;
    }
}

@media screen and (min-width: 1400px) {
    .dashboards .dashboard__booking-reservations-chart .recharts-legend-wrapper {
        width: 125px !important;
    }
}

@media screen and (min-width: 1800px) {
    .dashboards .dashboard__booking-reservations-chart .recharts-legend-wrapper {
        width: 115px !important;
    }
}

.dashboards .dashboard__booking-reservations-chart .recharts-responsive-container {
    width: 100% !important;
    height: 100% !important;
}

@media screen and (min-width: 1400px) and (max-width: 1599px) {
    .dashboards .dashboard__booking-reservations-chart .recharts-responsive-container {
        height: calc(100% - 18px) !important;
    }
}

.dashboards .dashboard__booking-reservations-chart-container {
    width: 100% !important;
    height: 100% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (min-width: 992px) {
    .dashboards .dashboard__booking-reservations-chart-container {
        width: 100% !important;
        height: 100% !important;
    }
}

@media screen and (min-width: 1400px) and (max-width: 1599px) {
    .dashboards .dashboard__booking-reservations-chart-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
}

.dashboards .dashboard__booking-reservations-chart-legend li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.dashboards .dashboard__booking-reservations-chart-legend p {
    display: inline-block;
    margin: 0;
}

.dashboards .dashboard__booking-reservations-link {
    color: #48b5ff;
    font-size: 12px;
    line-height: 1.5;
    position: absolute;
    bottom: 0;
    left: 0;
}

.dashboards .dashboard__booking-reservations-link-icon {
    width: 12px;
    height: 12px;
}

@media screen and (min-width: 1400px) {
    .dashboards .dashboard__booking-reservations-link {
        margin-top: 10px;
        display: inline-block;
        position: static;
    }
}

.dashboards .dashboard__booking-our-mission {
    height: 108px;
    background: #b8e986;
    border-radius: 5px;
    padding: 15px 13px;
    position: relative;
    overflow: hidden;
}

.dashboards .dashboard__booking-our-mission svg {
    position: absolute;
    height: 80px;
    width: 80px;
    top: calc(50% - 40px);
    opacity: 0.3;
    right: -23px;
    color: #ffffff;
}

.dashboards .dashboard__booking-our-mission p {
    margin: 0;
    font-size: 16px;
    line-height: 1.25;
    color: #ffffff;
    max-width: 100%;
}

@media screen and (min-width: 376px) and (max-width: 991px) {
    .dashboards .dashboard__booking-our-mission p {
        max-width: calc(100% - 60px);
    }
}

@media screen and (min-width: 1200px) and (max-width: 1550px) {
    .dashboards .dashboard__booking-our-mission p {
        font-size: 14px;
    }
}

@media screen and (max-width: 420px) {
    .dashboards .dashboard__booking-our-mission p {
        font-size: 14px;
    }
}

.dashboards .dashboard__booking-our-mission .dashboard__booking-our-mission-title {
    font-size: 24px;
    font-weight: 500;
    color: #ffffff;
    margin-bottom: 4px;
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .dashboards .dashboard__booking-our-mission .dashboard__booking-our-mission-title {
        font-size: 20px;
    }
}

.dashboards .dashboard__weekly-stat hr {
    margin-bottom: 20px;
}

.dashboards .dashboard__weekly-stat-chart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 31px 0;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.dashboards .dashboard__weekly-stat-chart .recharts-surface {
    width: 100%;
    height: 100%;
}

.dashboards .dashboard__weekly-stat-chart-item {
    width: 110px;
}

@media screen and (max-width: 370px) {
    .dashboards .dashboard__weekly-stat-chart-item {
        margin-left: 10px;
    }
}

@media screen and (min-width: 1200px) {
    .dashboards .dashboard__weekly-stat-chart-item {
        margin-left: 10px;
    }
}

@media screen and (min-width: 1400px) {
    .dashboards .dashboard__weekly-stat-chart-item {
        margin-left: 0;
    }
}

.dashboards .dashboard__weekly-stat-chart-item:first-child {
    margin-left: 0;
}

.dashboards .dashboard__weekly-stat-chart-pie {
    display: block;
    position: relative;
    text-align: center;
    height: 110px;
}

.dashboards .dashboard__weekly-stat-chart-pie .recharts-responsive-container {
    width: 100% !important;
}

.dashboards .dashboard__weekly-stat-chart-pie-wrapper {
    width: 100% !important;
    height: 100% !important;
}

.dashboards .dashboard__weekly-stat-label {
    position: absolute;
    top: calc(50% - 10px);
    width: 100%;
    margin: 0;
    -webkit-animation: label 1.5s ease-in;
    animation: label 1.5s ease-in;
    font-size: 24px;
    line-height: 24px;
}

.dashboards .dashboard__weekly-stat-info {
    margin-top: 40px;
    font-size: 13px;
    line-height: 1.38;
    text-align: center;
}

.dashboards .dashboard__weekly-stat-info p {
    color: #8c8c8c;
}

.dashboards .dashboard__social-stat-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
    margin-top: 10px;
}

.dashboards .dashboard__social-stat-item:first-child {
    margin-top: 0;
}

.dashboards .dashboard__social-stat-title {
    width: 40%;
    font-size: 13px;
    line-height: 1.38;
    color: #8c8c8c;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.dashboards .dashboard__social-stat-progress {
    width: 60%;
    margin-bottom: 5px;
}

.dashboards .dashboard__social-stat-progress.progress--wide {
    width: 80%;
}

.dashboards .dashboard__social-stat-progress .progress__label {
    text-align: right;
}

.dashboards .dashboard__occupancy-table td {
    font-size: 13px;
    padding: 5px;
}

.dashboards .dashboard__occupancy-table td.td-head {
    color: #555555;
}

.theme-dark .dashboards .dashboard__occupancy-table td.td-head {
    color: #dddddd;
}

.dashboards .dashboard__occupancy-table td.td-blue {
    font-weight: 500;
    color: #48b5ff;
}

.dashboards .dashboard__occupancy-table td.td-green {
    font-weight: 500;
    color: #b8e986;
}

.dashboards .dashboard__occupancy-table td.td-gray {
    color: #999999;
}

.dashboards .dashboard__place-order-form {
    position: relative;
    width: 100%;
    margin-top: 20px;
}

.dashboards .dashboard__place-order-form:first-child {
    margin-top: 0;
}

.dashboards .dashboard__place-order-form form {
    padding: 20px 20px 30px 20px;
    border-radius: 5px;
    margin-top: 10px;
}

.theme-light .dashboards .dashboard__place-order-form form {
    background-color: #dfe3eb;
}

.theme-dark .dashboards .dashboard__place-order-form form {
    background-color: #333246;
}

.dashboards .dashboard__place-order-form .form__form-group-label {
    width: 50px;
}

.dashboards .dashboard__place-order-form .form__form-group-field {
    width: calc(100% - 50px);
}

.dashboards .dashboard__place-order-form .form__button-toolbar {
    margin-left: 0;
    width: 100%;
}

.dashboards .dashboard__place-order-form .form__button-toolbar button {
    width: 100%;
}

.theme-light .dashboards .dashboard__place-order-form input {
    background-color: white;
}

.theme-dark .dashboards .dashboard__place-order-form input {
    background-color: #232329;
}

@media screen and (min-width: 900px) {
    .dashboards .dashboard__place-order-form {
        width: calc(50% - 15px);
        margin-top: 0;
    }
}

@media screen and (min-width: 1200px) {
    .dashboards .dashboard__place-order-form {
        width: 100%;
        margin-top: 20px;
    }

    .dashboards .dashboard__place-order-form:first-child {
        margin-top: 0;
    }
}

@media screen and (min-width: 1360px) {
    .dashboards .dashboard__place-order-form {
        width: calc(50% - 15px);
        margin-top: 0;
    }
}

.dashboards .dashboard__place-order-form-subhead {
    position: absolute;
    font-size: 12px;
    top: 4px;
    right: 0;
}

@media screen and (min-width: 1200px) {
    .dashboards .dashboard__chart-pie.dashboard__chart-pie--finance .dashboard__chart-pie-container {
        padding-left: 0;
    }

    .dashboards .dashboard__chart-pie.dashboard__chart-pie--finance .recharts-legend-wrapper {
        bottom: -110px !important;
    }
}

@media screen and (min-width: 1360px) {
    .dashboards .dashboard__chart-pie.dashboard__chart-pie--finance .recharts-legend-wrapper {
        bottom: 5px !important;
    }
}

.dashboards .mobile-app-widget .mobile-app-widget__top-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dashboards .mobile-app-widget .mobile-app-widget__top-line .mobile-app-widget__total-stat {
    padding: 0;
    font-size: 28px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    margin-right: auto;
    line-height: normal;
}

.dashboards .mobile-app-widget .mobile-app-widget__top-line--pink .mobile-app-widget__total-stat {
    color: #ff4861;
}

.dashboards .mobile-app-widget .mobile-app-widget__top-line--lime .mobile-app-widget__total-stat {
    color: #b8e986;
}

.dashboards .mobile-app-widget .mobile-app-widget__top-line--blue .mobile-app-widget__total-stat {
    color: #48b5ff;
}

.dashboards .mobile-app-widget .mobile-app-widget__top-line--turquoise .mobile-app-widget__total-stat {
    color: #4ce1b6;
}

.dashboards .mobile-app-widget .mobile-app-widget__title {
    text-transform: uppercase;
    position: relative;
    margin: 0 0 20px;
}

.dashboards .mobile-app-widget .mobile-app-widget__title h5 {
    font-size: 12px;
    color: #555555;
    font-weight: 500;
}

.dashboards .mobile-app-widget .dashboard__trend-icon {
    margin: 0;
    height: 29px;
    min-width: 28px;
    fill: #d8dfe9;
}

.dashboards .mobile-app-widget .progress__label {
    font-size: 14px;
    font-weight: 500;
}

.dashboards .mobile-app-widget .progress__label {
    right: -7px;
}

.dashboards .mobile-app-widget .progress__label--red {
    color: #ff4861;
}

.dashboards .mobile-app-widget .progress-bar {
    border-radius: 5px;
}

.dashboards .dashboard__users-stat .dashboard__trend-icon {
    fill: #d8dfe9;
    height: 24px;
    width: 24px;
    margin-right: 3px;
    min-width: 24px;
    margin-top: auto;
}

.dashboards .dashboard__current-users {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.dashboards .dashboard__current-users .dashboard__current-users-chart {
    position: relative;
    width: 100%;
}

.dashboards .dashboard__current-users .dashboard__current-users-chart div, .dashboards .dashboard__current-users .dashboard__current-users-chart svg {
    width: 100% !important;
    margin: 0 auto;
}

.dashboards .dashboard__current-users .dashboard__current-users-chart .dashboard__current-users-label {
    margin: 0;
    position: absolute;
    top: calc(50% + 10px);
    text-align: center;
    left: calc(50% - 30px);
    font-size: 38px;
}

.dashboards .dashboard__current-users .dashboard__current-users-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 13px;
    line-height: 1.54;
    color: #555555;
}

.dashboards .dashboard__current-users .dashboard__current-users-info p {
    margin: 0;
}

.dashboards .dashboard__current-users .dashboard__current-users-info .dashboard__current-users-day {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dashboards .dashboard__current-users .dashboard__current-users-info .dashboard__current-users-day span:last-child {
    font-size: 16px;
    line-height: 1.25;
    font-weight: 500;
    color: #555555;
}

@media screen and (min-width: 1539px) {
    .dashboards .dashboard__current-users .dashboard__current-users-info {
        padding: 0 20px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .dashboards .dashboard__current-users .dashboard__current-users-info {
        padding: 0 75px;
    }
}

.dashboards .dashboard__active-users-chart {
    overflow: hidden;
}

.dashboards .dashboard__carousel {
    margin-bottom: -25px;
}

.dashboards .dashboard__carousel .slick-dots {
    bottom: -35px;
}

.dashboards .dashboard__carousel .slick-arrow.slick-prev, .dashboards .dashboard__carousel .slick-arrow.slick-next {
    background: none;
    opacity: 0;
    pointer-events: none;
}

.dashboards .dashboard__carousel .dashboard__carousel-slide {
    border-radius: 5px;
    padding: 15px 13px;
    position: relative;
    overflow: hidden;
}

.dashboards .dashboard__carousel .dashboard__carousel-slide svg {
    position: absolute;
    height: 80px;
    width: 80px;
    top: calc(50% - 40px);
    opacity: 0.3;
    right: -20px;
}

.theme-light .dashboards .dashboard__carousel .dashboard__carousel-slide svg {
    fill: #d0d0d0;
}

.theme-dark .dashboards .dashboard__carousel .dashboard__carousel-slide svg {
    fill: #605f7b;
}

.dashboards .dashboard__carousel .dashboard__carousel-slide p {
    color: #8c8c8c;
    margin: 0;
}

.dashboards .dashboard__carousel .dashboard__carousel-slide .dashboard__carousel-title {
    color: #ff4861;
    font-size: 24px;
    font-weight: 500;
}

.theme-light .dashboards .dashboard__carousel .dashboard__carousel-slide {
    background: #f2f4f7;
}

.theme-dark .dashboards .dashboard__carousel .dashboard__carousel-slide {
    background: #2a2a31;
}

.dashboards .dashboard__carousel .dashboard__carousel-slide.dashboard__carousel-slide--red {
    background: #ff4861;
}

.dashboards .dashboard__carousel .dashboard__carousel-slide.dashboard__carousel-slide--red p {
    color: white;
    opacity: 0.45;
}

.dashboards .dashboard__carousel .dashboard__carousel-slide.dashboard__carousel-slide--red svg {
    fill: #ffffff;
}

.dashboards .dashboard__carousel .dashboard__carousel-slide.dashboard__carousel-slide--red .dashboard__carousel-title {
    opacity: 1;
}

.form__button-toolbar.btn-toolbar.buy_finance_button {
    margin-left: 0 !important;
}

.project-member {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 10px 0;
}

.theme-light .project-member {
    border-bottom: 1px solid #dfe3eb;
}

.theme-dark .project-member {
    border-bottom: 1px solid #333246;
}

.project-member:last-child {
    border-bottom: none;
}

.project-member .project-member__btn {
    margin-top: 3px;
    position: absolute;
    right: 0;
    padding: 5px 10px;
    line-height: 16px;
}

.project-member .project-member__btn svg {
    margin-right: 0;
    margin-top: 2px;
    height: 16px;
    width: 16px;
}

.project-member__avatar-wrap {
    width: 40px;
    min-width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 10px;
}

.project-member__avatar-wrap img {
    height: 100%;
    min-width: 100%;
}

.project-member__name {
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 0;
    margin-top: 3px;
}

.project-member__post {
    color: #8c8c8c;
    line-height: 15px;
    font-size: 11px;
    margin: 0;
}

.chat {
    height: calc(100vh - 185px);
    min-height: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
}

.theme-light .chat {
    background-color: white;
}

.theme-dark .chat {
    background-color: #232329;
}

@media screen and (max-width: 1023px) {
    .chat:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        opacity: 0;
        z-index: 0;
        -webkit-transition: opacity 0.3s, z-index 0.3s 0.3s;
        -o-transition: opacity 0.3s, z-index 0.3s 0.3s;
        transition: opacity 0.3s, z-index 0.3s 0.3s;
        background-color: #8c8c8c;
    }

    .chat.chat--open:before {
        opacity: 0.2;
        z-index: 1;
        -webkit-transition: opacity 0.3s, z-index 0s;
        -o-transition: opacity 0.3s, z-index 0s;
        transition: opacity 0.3s, z-index 0s;
        pointer-events: none;
    }

    .chat.chat--open .chat__scroll, .chat.chat--open .chat__text-field {
        pointer-events: none;
    }
}

.chat__contact-list {
    width: 335px;
    height: 100%;
    overflow: hidden;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.theme-light .chat__contact-list {
    border-right: 1px solid #f2f4f7;
    background-color: white;
}

.theme-dark .chat__contact-list {
    border-right: 1px solid #33333a;
    background-color: #232329;
}

@media screen and (max-width: 1023px) {
    .chat__contact-list {
        max-width: 335px;
        width: 100%;
        -webkit-transform: translateX(calc(-100% - 1px));
        -ms-transform: translateX(calc(-100% - 1px));
        transform: translateX(calc(-100% - 1px));
        position: absolute;
        z-index: 1;
    }

    .chat__contact-list.chat__contact-list--open {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        border-right: none;
    }
}

.chat__contacts {
    overflow: auto;
    height: calc(100% - 55px);
}

.chat__contacts button {
    width: 100%;
    padding: 0;
    border: none;
    text-align: left;
    background: transparent;
}

.chat__contact {
    height: 72px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.theme-light .chat__contact {
    border-bottom: 1px solid #f2f4f7;
}

.theme-dark .chat__contact {
    border-bottom: 1px solid #33333a;
}

.theme-light .chat__contact:hover {
    background-color: #e5eafa;
}

.theme-dark .chat__contact:hover {
    background-color: #38373f;
}

.theme-light .chat__contact.chat__contact--active {
    background-color: #e5eafa;
}

.theme-dark .chat__contact.chat__contact--active {
    background-color: #38373f;
}

.theme-light .chat__contact.chat__contact--active:hover {
    background-color: #e5eafa;
}

.theme-dark .chat__contact.chat__contact--active:hover {
    background-color: #38373f;
}

.chat__contact-avatar {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    overflow: hidden;
    margin: auto 10px auto 15px;
    min-width: 40px;
}

.chat__contact-avatar img {
    height: 100%;
}

.chat__contact-preview {
    margin: auto 20px auto 0;
    width: calc(100% - 80px);
}

.chat__contact-name {
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    color: #4ce1b6;
}

.chat__contact-post {
    margin-top: 0;
    margin-bottom: 3px;
    font-size: 10px;
    line-height: 1.2;
    color: #8c8c8c;
}

.chat__contact-last-message {
    margin: 4px 0 0 0;
    font-size: 12px;
    line-height: 1.33;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.chat__dialog {
    width: calc(100% - 335px);
    overflow: hidden;
    position: relative;
}

@media screen and (max-width: 1023px) {
    .chat__dialog {
        width: 100%;
    }
}

.chat__contacts-scroll {
    height: 100%;
}

.chat__contacts-scroll .scroll-content, .chat__contacts-scroll .scroll-content > div {
    height: 100%;
}

.chat__contacts-scroll .scrollbar-track.scrollbar-track-y {
    width: 2px;
    margin-right: 3px;
}

.chat__contacts-scroll .scrollbar-thumb {
    opacity: 0.3;
    width: 5px;
}

.chat__scroll {
    height: calc(100% - 114px);
}

.chat__scroll .scroll-content, .chat__scroll .scroll-content > div {
    height: 100%;
}

.chat__scroll .scrollbar-track.scrollbar-track-y {
    width: 2px;
    margin-right: 3px;
}

.chat__scroll .scrollbar-thumb {
    opacity: 0.3;
    width: 5px;
}

.chat__dialog-messages-wrap {
    min-height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.chat__dialog-messages {
    padding: 20px;
    margin-top: auto;
    width: 100%;
}

.chat__bubble-message-wrap {
    max-width: 570px;
    padding: 10px 40px 10px 20px;
    border-radius: 0 40px 40px 20px;
    position: relative;
}

.theme-light .chat__bubble-message-wrap {
    background-color: rgba(242, 244, 247, 0.65);
}

.theme-dark .chat__bubble-message-wrap {
    background-color: rgba(68, 79, 97, 0.65);
}

@media screen and (min-width: 1366px) {
    .chat__bubble-message-wrap {
        position: static;
    }
}

.chat__bubble-message-wrap.chat__bubble-message-wrap--file {
    padding: 10px 20px 20px 20px;
}

.chat__bubble-message-wrap img {
    max-width: 215px;
}

.chat__bubble-download-wrap {
    max-width: 215px;
    margin-top: 10px;
    font-size: 10px;
}

@media screen and (min-width: 1366px) {
    .chat__bubble-download-wrap {
        position: absolute;
        top: 0;
        left: 315px;
        max-width: calc(100% - 375px);
        width: 300px;
        margin-top: 0;
    }
}

.chat__bubble-file-name {
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.chat__bubble-file-name span:first-child {
    display: block;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.chat__bubble-file-name span:last-child {
    color: #8c8c8c;
    margin-left: 5px;
}

.chat__bubble-download {
    color: #4ce1b6;
    font-weight: 500;
}

.chat__bubble-download:hover {
    color: #24d6a3;
}

.chat__bubble-avatar {
    width: 40px;
    height: 40px;
    min-width: 40px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 10px;
    display: none;
}

.chat__bubble-avatar img {
    height: 100%;
    width: 100%;
}

@media screen and (min-width: 425px) {
    .chat__bubble-avatar {
        display: block;
    }
}

.chat__bubble-contact-name {
    margin-top: 0;
    margin-bottom: 2px;
    font-size: 13px;
    font-weight: 500;
    color: #4ce1b6;
    padding-right: 50px;
}

.chat__bubble-message {
    margin: 0;
    font-size: 12px;
}

.theme-light .chat__bubble-message {
    color: #585b69;
}

.theme-dark .chat__bubble-message {
    color: #ddd;
}

.chat__bubble-date {
    position: absolute;
    right: 36px;
    color: #8c8c8c;
    font-size: 10px;
    margin: 0;
    top: 10px;
}

@media screen and (min-width: 1366px) {
    .chat__bubble-date {
        right: 0;
    }
}

.chat__bubble {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    position: relative;
}

.theme-light .chat__bubble.chat__bubble--active .chat__bubble-message-wrap {
    background-color: rgba(234, 238, 255, 0.6);
}

.theme-dark .chat__bubble.chat__bubble--active .chat__bubble-message-wrap {
    background-color: rgba(92, 104, 156, 0.6);
}

.chat__bubble:last-child {
    margin-bottom: 0;
}

.chat__dialog-select-message, .chat__dialog-messages-empty {
    text-align: center;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.chat__dialog-select-message p, .chat__dialog-messages-empty p {
    margin: auto;
    border-radius: 15px;
    padding: 5px 20px;
    color: #8c8c8c;
}

.theme-light .chat__dialog-select-message p, .theme-light .chat__dialog-messages-empty p {
    background-color: #f2f4f7;
}

.theme-dark .chat__dialog-select-message p, .theme-dark .chat__dialog-messages-empty p {
    background-color: #2a2a31;
}

.chat__search {
    height: 50px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.theme-light .chat__search {
    border-bottom: 1px solid #f2f4f7;
}

.theme-dark .chat__search {
    border-bottom: 1px solid #33333a;
}

.chat__search svg {
    fill: #8c8c8c;
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 18px;
    width: 18px;
    pointer-events: none;
}

.chat__search-input {
    width: 100%;
    height: 100%;
    padding-left: 38px;
    padding-right: 10px;
    font-size: 12px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: transparent;
    border: none;
}

.chat__search-input:focus, .chat__search-input:active {
    outline: none;
    border-color: #70bbfd;
}

.chat__search-input::-webkit-input-placeholder {
    color: #8c8c8c;
}

.chat__search-input::-moz-placeholder {
    color: #8c8c8c;
}

.chat__search-input:-moz-placeholder {
    color: #8c8c8c;
}

.chat__search-input:-ms-input-placeholder {
    color: #8c8c8c;
}

.chat__text-field {
    height: 64px;
    width: 100%;
}

.theme-light .chat__text-field {
    border-top: 1px solid #f2f4f7;
}

.theme-dark .chat__text-field {
    border-top: 1px solid #33333a;
}

.chat__form {
    width: 100%;
    position: relative;
    padding: 12px 20px;
}

.chat__field-input {
    width: 100%;
    height: 36px;
    border-radius: 18px;
    border: none;
    font-size: 12px;
    line-height: 1.33;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    padding-left: 15px;
    padding-right: 65px;
}

.theme-light .chat__field-input {
    background-color: #f2f4f7;
    border: 1px solid #f2f4f7;
}

.theme-dark .chat__field-input {
    background-color: #2a2a31;
    border: 1px solid #2a2a31;
}

.chat__field-input:focus, .chat__field-input:hover, .chat__field-input:active {
    border-color: #4ce1b6;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.chat__text-button {
    width: 100px;
    height: 38px;
    padding-top: 8px;
    margin-bottom: auto;
}

.chat__field-controls {
    position: absolute;
    right: 35px;
    top: 12px;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.chat__icon-button {
    background: transparent;
    border: none;
    height: 36px;
    cursor: pointer;
    padding: 0 5px;
    margin-left: 5px;
}

.chat__icon-button svg {
    height: 16px;
    width: 16px;
    fill: #8c8c8c;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.chat__icon-button:hover svg {
    fill: #4ce1b6;
}

.chat__topbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.theme-light .chat__topbar {
    border-bottom: 1px solid #f2f4f7;
    background-color: white;
}

.theme-dark .chat__topbar {
    border-bottom: 1px solid #33333a;
    background-color: #232329;
}

.chat__topbar-button {
    background-color: transparent;
    border: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
    width: 50px;
    height: 50px;
}

.chat__topbar-button.chat__topbar-button--menu {
    margin-right: -20px;
}

.chat__topbar-button:hover .chat__topbar-button-icon {
    fill: #4ce1b6;
}

@media screen and (min-width: 1024px) {
    .chat__topbar-button.chat__topbar-button--menu {
        display: none;
    }
}

.chat__topbar-button-icon {
    height: 18px;
    width: 18px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.theme-light .chat__topbar-button-icon {
    fill: #d0d0d0;
}

.theme-dark .chat__topbar-button-icon {
    fill: #605f7b;
}

.chat__topbar-contact {
    margin-left: 20px;
}

.chat__topbar-contact-name {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.33;
}

.chat__topbar-contact-post {
    margin: 0;
    color: #8c8c8c;
    font-size: 11px;
    line-height: 1.45;
}

.chat__topbar-right {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.chat__topbar-controls {
    display: none;
}

@media screen and (min-width: 698px) {
    .chat__topbar-controls {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.documentation {
    min-height: calc(100vh - 90px);
    position: relative;
    padding-bottom: 75px;
}

.documentation code[class*=language-],
.documentation pre[class*=language-] {
    text-shadow: none;
    color: #fff;
}

.documentation .token.operator {
    background: transparent;
}

.documentation .token.property {
    color: #ec168d;
}

.documentation .table-responsive {
    margin-top: 10px;
    margin-bottom: 30px;
}

.documentation .table-responsive:last-child {
    margin-bottom: 0;
}

.documentation pre {
    background-color: #2a2a31 !important;
    margin: 10px 0 30px 0 !important;
    font-size: 14px;
}

.documentation pre:last-child {
    margin-bottom: 0 !important;
}

.documentation .card__title:not(:first-child) {
    margin-top: 30px;
}

.documentation ol {
    margin-top: 5px;
    margin-bottom: 20px;
    padding-left: 30px;
    color: #646777;
}

.documentation ul {
    color: #646777;
}

.documentation__nav-wrap {
    width: 100%;
}

.documentation__main {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.documentation__nav-link {
    display: block;
    padding: 5px 0;
    font-weight: 400;
    width: 100%;
    font-size: 14px;
    color: #646777;
}

.documentation__nav-link:hover {
    color: #4ce1b6;
}

.documentation__nav-link.documentation__nav--active {
    color: #4ce1b6;
}

.documentation__structure {
    color: #a9b7c6;
    padding: 10px 15px;
}

.documentation__nav-bottom {
    width: calc(100% - 30px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 15px;
    background-color: #fff;
}

.documentation__nav-bottom-left, .documentation__nav-bottom-right {
    width: 50%;
}

.documentation__nav-bottom-left p, .documentation__nav-bottom-right p {
    font-weight: 500;
    padding: 0 5px;
    line-height: 20px;
}

.documentation__nav-bottom-left svg, .documentation__nav-bottom-right svg {
    height: 20px;
    width: 20px;
    fill: #646777;
}

.documentation__nav-bottom-left p, .documentation__nav-bottom-left svg, .documentation__nav-bottom-right p, .documentation__nav-bottom-right svg {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    margin: auto 0;
}

.documentation__nav-bottom-left a, .documentation__nav-bottom-right a {
    padding: 20px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-transform: uppercase;
}

.documentation__nav-bottom-left a:hover, .documentation__nav-bottom-right a:hover {
    background-color: #70bbfd;
}

.documentation__nav-bottom-left a:hover p, .documentation__nav-bottom-right a:hover p {
    color: #ffffff;
}

.documentation__nav-bottom-left a:hover svg, .documentation__nav-bottom-right a:hover svg {
    fill: #ffffff;
}

.documentation__nav-bottom-right p {
    margin-left: auto;
}

.documentation__nav-bottom-right svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.documentation__changelog h5 {
    text-transform: none;
}

.documentation__changelog ul {
    margin-top: -15px;
    margin-bottom: 40px;
}

.documentation__changelog ul:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 991px) {
    .documentation__nav > div > div:first-child {
        display: none;
    }

    .documentation__nav-wrap {
        position: relative !important;
        top: 0 !important;
        margin-top: 0 !important;
        width: 100% !important;
    }

    .documentation__main {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media screen and (max-width: 480px) {
    .documentation {
        padding-bottom: 30px;
    }

    .documentation__nav-bottom {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
        width: 100%;
        bottom: 0;
    }

    .documentation__nav-bottom-left, .documentation__nav-bottom-right {
        width: 100%;
    }
}

.pricing-card {
    text-align: center;
}

.pricing-card.pricing-card--primary {
    border-top: 5px solid #70bbfd;
}

.pricing-card.pricing-card--info {
    border-top: 5px solid #4ce1b6;
}

.pricing-card.pricing-card--warning {
    border-top: 5px solid #f6da6e;
}

.pricing-card.pricing-card--danger {
    border-top: 5px solid #ff4861;
}

.pricing-card hr {
    margin: 0;
}

.theme-light .pricing-card hr {
    border-top-color: #f2f4f7;
}

.theme-dark .pricing-card hr {
    border-top-color: #33333a;
}

.pricing-card__body {
    padding: 45px 40px;
}

.pricing-card__img {
    height: 70px;
    margin-bottom: 20px;
}

.pricing-card__plan {
    margin-bottom: 20px;
    font-weight: 300;
}

.pricing-card__price {
    margin-top: 20px;
    font-weight: 300;
    font-size: 48px;
    line-height: 48px;
}

.pricing-card__price span {
    font-size: 18px;
}

.pricing-card__feature--inactive {
    color: #bbbbbb;
}

.pricing-card__button {
    margin-top: 25px;
    margin-bottom: 0;
    max-width: 160px;
    width: 100%;
}

.email-confirmation {
    min-height: calc(100vh - 185px);
    text-align: center;
}

.email-confirmation .email-confirmation__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 50px;
    padding-bottom: 65px;
}

.email-confirmation .email-confirmation__buttons a {
    margin: 0 15px 20px 15px;
}

.email-confirmation__icon {
    margin: 0 auto;
    padding-top: 75px;
    position: relative;
    width: 120px;
}

.email-confirmation__mail {
    fill: #787985;
    opacity: 0.16;
    width: 120px;
    height: 120px;
}

.email-confirmation__check {
    fill: #4ce1b6;
    height: 40px;
    width: 40px;
    position: absolute;
    right: 0;
    top: 160px;
}

.email-confirmation__title {
    margin-bottom: 15px;
    color: #787985;
}

.email-confirmation__sub {
    color: #787985;
    font-size: 18px;
    line-height: 24px;
}

@media screen and (min-width: 576px) {
    .email-confirmation__icon {
        padding-top: 155px;
    }

    .email-confirmation__buttons {
        padding-bottom: 135px;
    }
}

.todo {
    margin-bottom: 15px;
}

.todo__checkbox input:checked ~ .todo__checkbox-label {
    color: #8c8c8c;
    text-decoration: line-through;
}

.todo-app .card {
    padding-bottom: 20px;
}

.todo-app .todo-app__divider {
    padding-bottom: 20px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.todo-app .todo-app__divider-title {
    text-transform: uppercase;
    color: rgba(92, 104, 156, 0.6);
    margin: 0 10px;
}

.todo-app .todo-app__divider-line {
    height: 1px;
    background-color: rgba(92, 104, 156, 0.6);
    opacity: 0.15;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.todo-app .todo__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.todo-app .todo__item .todo__info {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.todo-app .todo__item .todo__info .todo__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
}

.todo-app .todo__item .todo__info .todo__header h3 {
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
}

.todo-app .todo__item .todo__info .todo__header .todo__additional {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.todo-app .todo__item .todo__info .todo__header .todo__priority-indicator {
    background-color: #4ce1b6;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    -ms-flex-item-align: center;
    align-self: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.todo-app .todo__item .todo__info .todo__header .todo__priority-indicator.low {
    background-color: #4ce1b6;
}

.todo-app .todo__item .todo__info .todo__header .todo__priority-indicator.medium {
    background-color: #f6da6e;
}

.todo-app .todo__item .todo__info .todo__header .todo__priority-indicator.high {
    background-color: #ff4861;
}

.todo-app .todo__item .todo__info .todo__header .todo__due-date, .todo-app .todo__item .todo__info .todo__header .todo__priority {
    padding: 0 5px;
}

.theme-light .todo-app .todo__item .todo__info .todo__header .todo__due-date, .theme-light .todo-app .todo__item .todo__info .todo__header .todo__priority {
    background-color: #e5eafa;
}

.theme-dark .todo-app .todo__item .todo__info .todo__header .todo__due-date, .theme-dark .todo-app .todo__item .todo__info .todo__header .todo__priority {
    background-color: #38373f;
}

.todo-app .todo__item .todo__info .todo__header .todo__due-date {
    margin-right: 15px;
}

.todo-app .todo__item .todo__info .todo__header .todo__priority {
    margin-right: 5px;
}

.theme-light .todo-app .todo__item .todo__info .todo__header .todo__priority {
    color: #585b69;
}

.theme-dark .todo-app .todo__item .todo__info .todo__header .todo__priority {
    color: #ddd;
}

.todo-app .todo__item .todo__info .todo__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.todo-app .todo__item .todo__info .todo__content .todo__description {
    max-width: 65%;
}

.theme-light .todo-app .todo__item .todo__info .todo__content .todo__description {
    color: #585b69;
}

.theme-dark .todo-app .todo__item .todo__info .todo__content .todo__description {
    color: #ddd;
}

.todo-app .todo__item .todo__info .todo__content .todo__delete-btn {
    border: none;
    position: relative;
    color: #999999;
    cursor: pointer;
    -ms-flex-item-align: end;
    align-self: flex-end;
    padding: 5px;
}

.theme-light .todo-app .todo__item .todo__info .todo__content .todo__delete-btn {
    background-color: #e5eafa;
}

.theme-dark .todo-app .todo__item .todo__info .todo__content .todo__delete-btn {
    background-color: #38373f;
}

.todo-app .todo__item .todo__info .todo__content .todo__delete-btn svg {
    height: 16px;
    width: 16px;
    fill: #8c8c8c;
}

.todo-app .todo__item .todo__info .todo__content .todo__delete-btn:hover {
    color: #ff1535;
}

.todo-app .todo__item .todo__info .todo__content .todo__delete-btn:hover svg {
    fill: #ff1535;
}

.todo-app .todo__item-comleted h3 {
    text-decoration: line-through;
}

.todo-app .todo__item-comleted h3, .todo-app .todo__item-comleted .todo__content {
    color: #999999;
}

.todo-app .todo__input-new {
    text-align: center;
}

.todo-app .todo__sidebar {
    background-color: #70bbfd;
    min-height: 710px;
    padding: 30px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
}

.todo-app .todo__sidebar .todo_sidebar-image {
    width: 130px;
    margin-bottom: 20px;
}

.todo-app .todo__sidebar .todo__date-filter,
.todo-app .todo__sidebar .todo__priority-filter {
    -ms-flex-item-align: start;
    align-self: flex-start;
    text-align: left;
    margin-bottom: 20px;
}

.todo-app .todo__sidebar .todo__date-filter .title,
.todo-app .todo__sidebar .todo__priority-filter .title {
    font-size: 12px;
    margin-bottom: 15px;
    color: white;
    opacity: 0.6;
}

.todo-app .todo__sidebar .todo__date-filter-list,
.todo-app .todo__sidebar .todo__priority-filter-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.todo-app .todo__sidebar .todo__date-filter-list li:not(:last-child),
.todo-app .todo__sidebar .todo__priority-filter-list li:not(:last-child) {
    margin-bottom: 10px;
}

.todo-app .todo__sidebar .todo__date-filter-list label,
.todo-app .todo__sidebar .todo__priority-filter-list label {
    margin: 0;
    color: white;
    font-size: 12px;
}

.todo-app .todo__sidebar .todo__filter-radio {
    display: none;
}

.todo-app .todo__sidebar .todo__filter-radio + label {
    position: relative;
    padding: 0 0 0 25px;
    cursor: pointer;
}

.todo-app .todo__sidebar .todo__filter-radio + label:before {
    content: "";
    position: absolute;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #fafbfe;
    border-radius: 50%;
}

.todo-app .todo__sidebar .todo__filter-radio + label:after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #fafbfe;
    opacity: 0;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.todo-app .todo__sidebar .todo__filter-radio:checked + label:after {
    opacity: 1;
}

.todo-app .todo__btn-add-new {
    color: white;
    cursor: pointer;
    padding: 5px 10px;
    min-width: 130px;
    background-color: #70bbfd;
    margin: 0;
    border: 2px solid white;
    border-radius: 100px;
    margin-bottom: 20px;
}

.todo-app .todo__btn-add-new:before {
    background-color: #a2d3fe;
}

.todo-app .todo__btn-add-new:hover {
    color: white;
}

.todo-app .todo__btn-add-new svg {
    height: 16px;
    width: 16px;
    margin: 0;
    fill: white;
}

.todo-app .todo__label-checkbox {
    position: relative;
    margin-right: 10px;
    width: 25px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.todo-app .todo__label-checkbox .todo__complete-toggle {
    display: none;
}

.todo-app .todo__label-checkbox .todo__complete-toggle + .checkbox-indicator {
    position: absolute;
    top: 0;
    left: 0;
    width: 19px;
    height: 18px;
    border: 1px solid;
    border-color: #dddddd;
    border-radius: 3px;
    display: block;
    cursor: pointer;
}

.todo-app .todo__label-checkbox .todo__complete-toggle:checked + .checkbox-indicator {
    border-color: #4ce1b6;
    background-color: #4ce1b6;
}

.todo-app .todo__label-checkbox .todo__complete-toggle + .checkbox-indicator::before,
.todo-app .todo__label-checkbox .todo__complete-toggle + .checkbox-indicator::after {
    content: "";
    position: absolute;
    opacity: 0;
}

.todo-app .todo__label-checkbox .todo__complete-toggle:checked + .checkbox-indicator::before,
.todo-app .todo__label-checkbox .todo__complete-toggle:checked + .checkbox-indicator::after {
    content: "";
    position: absolute;
    top: 8px;
    left: 1px;
    width: 15px;
    height: 2px;
    background-color: white;
    opacity: 1;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.todo-app .todo__label-checkbox .todo__complete-toggle:checked + .checkbox-indicator::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 2px;
    top: 9px;
    height: 1px;
    width: 6px;
}

.todo-app .todo__label-checkbox .todo__complete-toggle:checked + .checkbox-indicator::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 6px;
    top: 7px;
    height: 1px;
    width: 10px;
}

.todo__add-modal {
    max-width: 500px;
}

.theme-light .todo__add-modal .modal-content {
    background-color: white;
}

.theme-dark .todo__add-modal .modal-content {
    background-color: #232329;
}

.todo__add-modal .modal__footer {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.todo__add-modal .form__form-group {
    text-align: left;
}

.theme-light .todo__add-modal .form__form-group .form__form-group-field input, .theme-light
.todo__add-modal .form__form-group .form__form-group-field textarea {
    border: 1px solid #f2f4f7;
    color: #585b69;
}

.theme-dark .todo__add-modal .form__form-group .form__form-group-field input, .theme-dark
.todo__add-modal .form__form-group .form__form-group-field textarea {
    border: 1px solid #33333a;
    color: #ddd;
}

.todo__add-modal .form__form-group .form__form-group-field.priority {
    display: block;
}

.chosen-container {
    width: 100% !important;
    margin-top: 2px;
}

.chosen-results {
    margin-right: 0 !important;
    padding-left: 0 !important;
}

.highlighted:hover {
    background: #2684ff !important;
}

.chosen-single {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    background-color: white !important;
    background-image: none !important;
    border-radius: 4px !important;
    border-style: solid !important;
    border-width: 1px !important;
    cursor: default !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -moz-box-pack: justify !important;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    min-height: 38px !important;
    outline: currentcolor none 0px !important;
    position: relative !important;
    -webkit-transition: all 100ms ease 0s !important;
    -o-transition: all 100ms ease 0s !important;
    transition: all 100ms ease 0s !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    width: 100% !important;
    border-color: #cccccc !important;
}

.chosen-single div {
    top: 8px !important;
}

.chosen-drop {
    top: 50px !important;
    border: 1px solid #aaa !important;
    border-radius: 5px 5px 5px 5px !important;
    border-color: #cccccc !important;
}

.not-found {
    text-align: center;
    height: 100vh;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: url(img/sprite_not-found_bg_404.cd3f84e9.png) no-repeat center;
    background-size: cover;
}

.not-found button {
    margin: 0;
}

.not-found__content {
    margin: auto;
    padding: 10px;
}

.not-found .not-found__info {
    color: #ffffff;
    margin-bottom: 20px;
    margin-top: 90px;
}

.not-found__image {
    max-width: 500px;
    width: 100%;
}

.burget__icon {
    width: 16px;
    height: 16px;
}

.topbar {
    width: 100%;
    position: fixed;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 60px;
    z-index: 101;
    -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.05);
}

.theme-light .topbar {
    background: white;
}

.theme-dark .topbar {
    background: #232329;
}

.topbar__wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
}

.topbar__button {
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: transparent;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.topbar__button:focus {
    outline: none;
}

.theme-light .topbar__button:hover {
    background: #e5eafa;
}

.theme-dark .topbar__button:hover {
    background: #38373f;
}

.topbar__button.topbar__button--desktop {
    display: none;
}

.topbar__button-icon {
    margin: auto;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 16px;
}

.topbar__logo {
    width: 150px;
    height: 32px;
    margin: auto 0;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: left;
    background-size: contain;
    display: none;
}

@media screen and (min-width: 768px) {
    .topbar__logo {
        display: block;
    }
}

.topbar__right {
    position: absolute;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin-right: 15px;
}

.topbar__left {
    position: absolute;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 50%;
}

.topbar__avatar {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    position: relative;
    border-radius: 0;
    border: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 15px;
    background-color: transparent;
}

.theme-light .topbar__avatar:hover, .theme-light .topbar__avatar:focus, .theme-light .topbar__avatar:active, .theme-light .topbar__avatar:focus:active {
    background-color: #e5eafa;
}

.theme-dark .topbar__avatar:hover, .theme-dark .topbar__avatar:focus, .theme-dark .topbar__avatar:active, .theme-dark .topbar__avatar:focus:active {
    background-color: #38373f;
}

.topbar__avatar:focus {
    outline: none;
}

.topbar__avatar:before {
    display: none;
}

.topbar__avatar-img, .topbar__avatar-name, .topbar__icon {
    margin: auto 0;
}

.topbar__avatar-img {
    border-radius: 50%;
    height: 36px;
    width: 36px;
}

.topbar__avatar-name {
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    width: 108px;
    display: none;
    margin-left: 10px;
}

.theme-light .topbar__avatar-name {
    color: #585b69;
}

.theme-dark .topbar__avatar-name {
    color: #ddd;
}

.topbar__icon {
    margin-left: 8px;
    font-size: 10px;
    width: 14px;
    margin-top: auto;
    fill: #b1c3c8;
}

.topbar__menu {
    width: 200px;
    border-radius: 0;
    border: none;
    padding: 15px 0;
    -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.05);
    margin-top: 0;
}

.theme-light .topbar__menu {
    background: white;
}

.theme-dark .topbar__menu {
    background: #232329;
}

.topbar__menu button {
    padding: 0;
}

.theme-light .topbar__menu button:hover {
    background-color: #e5eafa;
}

.theme-dark .topbar__menu button:hover {
    background-color: #38373f;
}

.topbar__menu *:focus {
    outline: none;
}

.topbar__menu-wrap {
    z-index: 101;
    position: absolute;
    width: 100%;
}

.topbar__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 9px 20px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    height: 32px;
    width: 100%;
    position: relative;
    cursor: pointer;
}

.theme-light .topbar__link {
    color: #585b69;
}

.theme-dark .topbar__link {
    color: #ddd;
}

.topbar__link:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 2px;
    background: #4ce1b6;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.theme-light .topbar__link:hover {
    background-color: #e5eafa;
}

.theme-dark .topbar__link:hover {
    background-color: #38373f;
}

.topbar__link:hover:before {
    opacity: 1;
}

.topbar__link-title {
    margin: 0;
    font-size: 14px;
    line-height: 16px;
}

.topbar__link-icon {
    margin-right: 10px;
    font-size: 13px;
    line-height: 13px;
}

.theme-light .topbar__link-icon {
    color: #d0d0d0;
}

.theme-dark .topbar__link-icon {
    color: #605f7b;
}

.topbar__menu-divider {
    margin: 15px 0;
}

.theme-light .topbar__menu-divider {
    border-top: 1px solid #dfe3eb;
}

.theme-dark .topbar__menu-divider {
    border-top: 1px solid #333246;
}

.topbar__profile {
    margin-bottom: 0;
    margin-left: 20px;
    position: relative;
}

.topbar__collapse {
    position: relative;
    display: block;
}

.topbar__collapse.topbar__collapse--language {
    min-width: 70px;
    display: block;
}

.topbar__collapse.topbar__collapse--language > button {
    padding: 0 4px;
    width: 100%;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.topbar__collapse-content {
    width: 270px;
    position: absolute;
    right: 0;
    bottom: 20px;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-box-shadow: 0 10px 25px 0 rgba(33, 36, 50, 0.13);
    box-shadow: 0 10px 25px 0 rgba(33, 36, 50, 0.13);
    z-index: 101;
}

.theme-light .topbar__collapse-content {
    background: white;
}

.theme-dark .topbar__collapse-content {
    background: #232329;
}

.topbar__collapse-content.topbar__collapse-content--language {
    max-width: 70px;
    padding: 10px 0;
    width: 100%;
}

@media screen and (max-width: 768px) {
    .topbar__collapse-content {
        left: 50%;
        -webkit-transform: translate(-50%, 100%);
        -ms-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%);
    }
}

@media screen and (min-width: 520px) {
    .topbar__collapse-content {
        width: 330px;
    }
}

@media screen and (max-width: 520px) {
    .topbar__collapse-content {
        -webkit-transform: translate(-20%, 100%);
        -ms-transform: translate(-20%, 100%);
        transform: translate(-20%, 100%);
    }
}

.topbar__language-btn {
    padding: 4px 15px;
    width: 100%;
    border: none;
    background: transparent;
    cursor: pointer;
    text-align: left;
    font-size: 13px;
    line-height: 16px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.topbar__language-btn:hover {
    color: #4ce1b6;
}

.topbar__language-btn-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 11px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto 0;
}

.theme-light .topbar__language-btn-title {
    color: #585b69;
}

.theme-dark .topbar__language-btn-title {
    color: #ddd;
}

.topbar__language-btn-title:not(:last-child) {
    margin-right: 5px;
}

.topbar__language-btn-title img {
    height: 11px;
    width: 16px;
    margin-right: 4px;
}

.collapsed.topbar__back {
    display: none !important;
}

.topbar__back:not(.collapsed) {
    position: fixed;
    width: 140vw !important;
    height: 100vh !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background: transparent;
    border: none;
}

.topbar__collapse-title-wrap {
    padding: 20px 15px 15px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 101;
}

.theme-light .topbar__collapse-title-wrap {
    border-bottom: 1px solid #dfe3eb;
}

.theme-dark .topbar__collapse-title-wrap {
    border-bottom: 1px solid #333246;
}

.topbar__collapse-item {
    padding: 12px 55px 12px 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 62px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.theme-light .topbar__collapse-item {
    border-bottom: 1px solid #dfe3eb;
}

.theme-dark .topbar__collapse-item {
    border-bottom: 1px solid #333246;
}

.topbar__collapse-img-wrap {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 15px;
}

.topbar__collapse-message {
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    color: #787985;
}

.topbar__collapse-message.topbar__collapse-message--mail {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.topbar__collapse-name {
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    color: #4ce1b6;
}

.topbar__collapse-date {
    position: absolute;
    top: 12px;
    right: 15px;
    font-size: 10px;
    color: #787985;
    margin-top: 2px;
}

.topbar__collapse-link {
    display: block;
    padding: 10px;
    text-transform: uppercase;
    color: #4ce1b6;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    text-align: center;
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
}

.topbar__collapse-link:hover {
    color: #24d6a3;
}

.topbar__collapse-title {
    font-size: 14px;
    line-height: 16px;
}

.topbar__collapse-button {
    color: #c5d2d6;
    border: none;
    padding: 0;
    text-align: right;
    font-size: 12px;
    line-height: 16px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    background: transparent;
}

.topbar__collapse-button:hover {
    color: #4ce1b6;
}

.topbar__btn {
    font-size: 18px;
    height: 60px;
    padding: 0 10px;
    cursor: pointer;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: none;
    background: transparent;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

@media screen and (max-width: 305px) {
    .topbar__btn {
        padding: 0 5px;
    }
}

.theme-light .topbar__btn {
    color: #585b69;
}

.theme-dark .topbar__btn {
    color: #ddd;
}

.theme-light .topbar__btn:hover {
    background-color: #e5eafa;
}

.theme-dark .topbar__btn:hover {
    background-color: #38373f;
}

.topbar__btn i {
    margin: auto;
    color: #b1c3c8;
}

@media screen and (min-width: 480px) {
    .topbar__btn i {
        height: 26px;
    }
}

.topbar__btn.topbar__btn--new .topbar__btn-new-label {
    position: absolute;
    right: 9px;
    top: 20px;
}

.topbar__btn.topbar__btn--new .topbar__btn-new-label > div {
    position: relative;
}

.topbar__btn.topbar__btn--new .topbar__btn-new-label > div:before {
    background-color: rgba(224, 83, 111, 0.2);
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: beforePulse 1.5s infinite;
    animation: beforePulse 1.5s infinite;
}

.topbar__btn.topbar__btn--new .topbar__btn-new-label > div:after {
    height: 7px;
    width: 7px;
    background-color: #e0536f;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@-webkit-keyframes beforePulse {
    from {
        width: 7px;
        height: 7px;
    }
    25% {
        width: 13px;
        height: 13px;
    }
    to {
        width: 7px;
        height: 7px;
    }
}

@keyframes beforePulse {
    from {
        width: 7px;
        height: 7px;
    }
    25% {
        width: 13px;
        height: 13px;
    }
    to {
        width: 7px;
        height: 7px;
    }
}

.topbar__nav {
    width: 100%;
    display: none;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.topbar .topbar__nav-dropdown-toggle {
    height: 60px;
    background: transparent;
    border-radius: 0;
    border: none;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
}

.theme-light .topbar .topbar__nav-dropdown-toggle {
    color: #585b69;
}

.theme-dark .topbar .topbar__nav-dropdown-toggle {
    color: #ddd;
}

.topbar .topbar__nav-dropdown-toggle:before {
    display: none;
}

.theme-light .topbar .topbar__nav-dropdown-toggle:hover, .theme-light .topbar .topbar__nav-dropdown-toggle:focus, .theme-light .topbar .topbar__nav-dropdown-toggle:active, .theme-light .topbar .topbar__nav-dropdown-toggle:focus:active {
    background-color: #e5eafa;
}

.theme-dark .topbar .topbar__nav-dropdown-toggle:hover, .theme-dark .topbar .topbar__nav-dropdown-toggle:focus, .theme-dark .topbar .topbar__nav-dropdown-toggle:active, .theme-dark .topbar .topbar__nav-dropdown-toggle:focus:active {
    background-color: #38373f;
}

.topbar .topbar__nav-dropdown-toggle svg {
    fill: #8c8c8c;
    margin-left: 3px;
    height: 16px;
    width: 16px;
    margin-right: 0;
}

.topbar__nav-dropdown-menu {
    width: 240px;
    border-top: 2px solid #4ce1b6;
}

.topbar__nav-dropdown-menu button {
    padding: 0;
}

.topbar__link-badge {
    width: 26px;
    height: 14px;
    background-color: #ff4861;
    font-size: 8px;
    font-weight: 400;
    padding: 2px;
    margin-left: 5px;
    line-height: 9px;
    position: relative;
    text-transform: uppercase;
    border-radius: 7px;
}

.topbar__link-badge span {
    position: absolute;
    left: 0;
    top: 3px;
    width: 26px;
    text-align: center;
}

.topbar__nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 60px;
    padding: 10px 25px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    font-size: 14px;
}

.theme-light .topbar__nav-link {
    color: #585b69;
}

.theme-dark .topbar__nav-link {
    color: #ddd;
}

.theme-light .topbar__nav-link:hover {
    background-color: #e5eafa;
}

.theme-dark .topbar__nav-link:hover {
    background-color: #38373f;
}

.topbar__category-wrap {
    position: relative;
}

.topbar__category-wrap:hover .topbar__submenu {
    opacity: 1;
    width: auto;
    height: auto;
}

.topbar__category-icon {
    position: absolute;
    right: 20px;
    font-size: 10px;
    line-height: 14px;
}

.theme-light .topbar__category-icon {
    color: #d0d0d0;
}

.theme-dark .topbar__category-icon {
    color: #605f7b;
}

.topbar__submenu {
    position: absolute;
    right: 1px;
    top: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
    width: 0;
    height: 0;
    overflow: hidden;
}

.theme-light .topbar__submenu {
    background-color: #e5eafa;
}

.theme-dark .topbar__submenu {
    background-color: #38373f;
}

.theme-light .topbar__submenu .topbar__link:hover {
    background-color: white;
}

.theme-dark .topbar__submenu .topbar__link:hover {
    background-color: #232329;
}

.topbar__search {
    display: none;
    margin: auto 0;
    padding: 0;
    padding-right: 5px;
    position: relative;
}

@media screen and (max-width: 768px) {
    .topbar__search__mobile {
        display: block;
    }

    .topbar__search__mobile .topbar__search-field.topbar__search-field--open {
        width: 200px;
        opacity: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: auto;
        margin-right: auto;
        margin-top: 15px;
    }

    .topbar__search__mobile .topbar__search-field.topbar__search-field--open + button {
        right: 10px;
    }
}

.topbar__search-field {
    width: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    margin: auto auto auto 0;
    border: none;
    border-radius: 13px;
    height: 26px;
    padding-left: 10px;
    padding-right: 46px;
}

.theme-light .topbar__search-field {
    background-color: #f2f4f7;
}

.theme-dark .topbar__search-field {
    background-color: #2a2a31;
}

.topbar__search-field.topbar__search-field--open {
    width: 200px;
    opacity: 1;
    margin-left: 10px;
    margin-right: -25px;
}

.topbar__search-field.topbar__search-field--open + button {
    right: 10px;
}

.topbar__search-field:focus {
    outline: none;
}

.topbar__search-btn {
    width: 26px;
    height: 26px;
    border-radius: 13px;
    border: none;
    padding: 0;
    background: transparent;
    right: 0;
}

.theme-light .topbar__search-btn:hover {
    background-color: #f2f4f7;
}

.theme-dark .topbar__search-btn:hover {
    background-color: #2a2a31;
}

@media screen and (min-width: 480px) {
    .topbar__avatar-name {
        display: block;
    }

    .topbar__menu {
        width: 100%;
        left: 0 !important;
    }

    .topbar__button.topbar__button--desktop {
        display: none;
    }

    .topbar__button.topbar__button--mobile {
        display: block;
    }
}

@media screen and (min-width: 576px) {
    .topbar__button.topbar__button--desktop {
        display: none;
    }

    .topbar__button.topbar__button--mobile {
        display: block;
    }

    .topbar.topbar--navigation .topbar__button.topbar__button--mobile {
        display: block;
    }
}

@media screen and (min-width: 768px) {
    .topbar__search {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media screen and (min-width: 992px) {
    .topbar__nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .topbar.topbar--navigation .topbar__logo {
        margin-left: 15px;
        display: block;
    }

    .topbar.topbar--navigation .topbar__button.topbar__button--mobile {
        display: none;
    }

    .topbar.topbar--navigation .topbar__avatar-name {
        display: none;
    }

    .topbar.topbar--navigation .topbar__profile {
        margin-left: 0;
    }
}

@media screen and (min-width: 1200px) {
    .topbar.topbar--navigation .topbar__avatar-name {
        display: block;
    }
}

@media screen and (min-width: 1580px) {
    .topbar__nav-dropdown-toggle, .topbar__nav-link {
        width: 240px;
    }
}

.buy-now {
    position: fixed;
    bottom: 0;
    right: 4px;
    z-index: 1;
    background-color: transparent;
}

.buy-now a {
    background-color: #4ce1b6;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.07);
    color: white;
}

.buy-now a:hover {
    background-color: white;
    border-color: #4ce1b6;
}

.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    height: 100vh;
    width: 240px;
    -webkit-box-shadow: 0 1px 30px 1px rgba(0, 0, 0, 0.11);
    box-shadow: 0 1px 30px 1px rgba(0, 0, 0, 0.11);
    padding-top: 60px;
    -webkit-transition: width 0.3s, -webkit-transform 0.3s;
    transition: width 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, width 0.3s;
    transition: transform 0.3s, width 0.3s;
    transition: transform 0.3s, width 0.3s, -webkit-transform 0.3s;
    -webkit-transform: translateX(calc(-100% - 20px));
    -ms-transform: translateX(calc(-100% - 20px));
    transform: translateX(calc(-100% - 20px));
}

.theme-light .sidebar {
    background: white;
}

.theme-dark .sidebar {
    background: #232329;
}

.sidebar a {
    display: block;
}

.sidebar.sidebar--show {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.sidebar.sidebar--show .sidebar__back {
    display: block;
}

.sidebar__back {
    height: 100%;
    width: 100vw;
    position: absolute;
    display: none;
    background: transparent;
    border: none;
}

.sidebar__link-active .sidebar__link:before {
    opacity: 1;
}

.sidebar__scroll {
    width: 240px;
}

.sidebar__scroll > div {
    height: calc(100vh - 60px);
}

.sidebar__scroll .scrollbar-track.scrollbar-track-y {
    width: 2px;
}

.sidebar__scroll .scrollbar-track.scrollbar-track-x {
    display: none !important;
}

.sidebar__scroll .scrollbar-thumb {
    opacity: 0.3;
    width: 5px;
}

.sidebar__content {
    height: 100%;
    overflow: auto;
}

.sidebar__content > div:last-child {
    width: 4px !important;
}

.sidebar__content > div:last-child div {
    -webkit-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
    opacity: 0.52;
}

.sidebar__block {
    padding: 15px 0;
}

.theme-light .sidebar__block {
    border-bottom: 1px solid #dfe3eb;
}

.theme-dark .sidebar__block {
    border-bottom: 1px solid #333246;
}

.sidebar__block:last-child {
    border: none;
}

@media screen and (max-width: 576px) {
    .sidebar__block:last-child {
        padding-bottom: 100px;
    }
}

.sidebar__link {
    height: 36px;
    width: 240px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 11px 20px;
    overflow: hidden;
    background: transparent;
    border: none;
}

.theme-light .sidebar__link {
    color: #585b69;
}

.theme-dark .sidebar__link {
    color: #ddd;
}

.sidebar__link:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 2px;
    background: #4ce1b6;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sidebar__link p {
    position: absolute;
    left: 43px;
    width: 180px;
    -webkit-transition: left 0.3s;
    -o-transition: left 0.3s;
    transition: left 0.3s;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sidebar__link:hover {
    text-decoration: none;
}

.theme-light .sidebar__link:hover {
    background-color: #e5eafa;
}

.theme-dark .sidebar__link:hover {
    background-color: #38373f;
}

.sidebar__link:hover:before {
    opacity: 1;
}

.sidebar__link-title {
    margin: 0;
    font-size: 14px;
    line-height: 16px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.sidebar__link-icon {
    margin-right: 10px;
    font-size: 13px;
    line-height: 13px;
    color: #b1c3c8;
}

.sidebar__submenu {
    -webkit-transition: height 0.5s 0s, padding 0.5s 0s, opacity 0.4s 0.1s;
    -o-transition: height 0.5s 0s, padding 0.5s 0s, opacity 0.4s 0.1s;
    transition: height 0.5s 0s, padding 0.5s 0s, opacity 0.4s 0.1s;
    padding: 15px 0;
}

.sidebar__submenu .sidebar__submenu {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
}

.sidebar__submenu .sidebar__submenu .sidebar__link {
    padding-left: 53px;
}

.sidebar__submenu .sidebar__submenu .sidebar__link p {
    left: 53px;
}

.theme-light .sidebar__submenu {
    background-color: #e5eafa;
}

.theme-dark .sidebar__submenu {
    background-color: #38373f;
}

.sidebar__submenu .sidebar__link {
    padding-left: 43px;
}

.theme-light .sidebar__submenu .sidebar__link:hover {
    background-color: white;
}

.theme-dark .sidebar__submenu .sidebar__link:hover {
    background-color: #232329;
}

.sidebar__submenu .sidebar__link {
    display: block;
}

.sidebar__category-icon {
    margin-left: 5px;
    font-size: 10px;
    position: absolute;
    right: 15px;
    line-height: 14px;
    opacity: 1;
    -webkit-transition: opacity 0.5s 0.2s, -webkit-transform 0.3s;
    transition: opacity 0.5s 0.2s, -webkit-transform 0.3s;
    -o-transition: opacity 0.5s 0.2s, transform 0.3s;
    transition: opacity 0.5s 0.2s, transform 0.3s;
    transition: opacity 0.5s 0.2s, transform 0.3s, -webkit-transform 0.3s;
    color: #787985;
}

.sidebar__link-badge {
    width: 26px;
    height: 14px;
    background-color: #ff4861;
    font-size: 8px;
    font-weight: 400;
    padding: 2px;
    margin-left: 5px;
    line-height: 9px;
    position: relative;
    text-transform: uppercase;
    border-radius: 7px;
}

.sidebar__link-badge span {
    position: absolute;
    left: 0;
    top: 3px;
    width: 26px;
    text-align: center;
}

.sidebar__wrapper--desktop {
    display: none;
}

.sidebar__category-wrap.sidebar__category-wrap--open > a .sidebar__category-icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sidebar__category-wrap.sidebar__category-wrap--open .collapse {
    display: block;
}

.sidebar__category-wrap .collapse {
    display: none;
}

.sidebar__category-new {
    height: 6px;
    width: 6px;
    border-radius: 50%;
    top: -3px;
    display: block;
    margin-left: 5px;
    background: #ff4861;
}

@media screen and (min-width: 576px) {
    .sidebar {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .sidebar.sidebar--no-desktop {
        -webkit-transform: translateX(calc(-100% - 20px));
        -ms-transform: translateX(calc(-100% - 20px));
        transform: translateX(calc(-100% - 20px));
    }

    .sidebar.sidebar--no-desktop.sidebar--show {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .sidebar.sidebar--no-desktop .sidebar__wrapper--mobile {
        display: block;
    }

    .sidebar.sidebar--collapse {
        width: 55px;
        overflow: visible;
    }

    .sidebar.sidebar--collapse .sidebar__scroll, .sidebar.sidebar--collapse .sidebar__content {
        width: 55px;
        overflow: visible !important;
        -webkit-transition: width 0.3s;
        -o-transition: width 0.3s;
        transition: width 0.3s;
    }

    .sidebar.sidebar--collapse .sidebar__submenu {
        padding: 0 0 15px 0;
        -webkit-transition: 0s;
        -o-transition: 0s;
        transition: 0s;
    }

    .sidebar.sidebar--collapse .sidebar__category-wrap:hover .sidebar__category {
        width: 240px;
    }

    .theme-light .sidebar.sidebar--collapse .sidebar__category-wrap:hover .sidebar__category {
        background: #e5eafa;
    }

    .theme-dark .sidebar.sidebar--collapse .sidebar__category-wrap:hover .sidebar__category {
        background: #38373f;
    }

    .sidebar.sidebar--collapse .sidebar__category-wrap:hover .sidebar__category:before {
        opacity: 1;
    }

    .sidebar.sidebar--collapse .sidebar__category-wrap:hover .sidebar__submenu-wrap {
        width: 185px;
    }

    .sidebar.sidebar--collapse .sidebar__submenu-wrap {
        position: absolute;
        left: 55px;
        width: 0;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        overflow: hidden;
    }

    .sidebar.sidebar--collapse .sidebar__submenu-wrap .sidebar__link {
        width: 185px;
        padding-left: 15px;
    }

    .sidebar.sidebar--collapse .sidebar__submenu-wrap .sidebar__link p {
        position: relative;
        left: 0;
        -webkit-animation: none;
        animation: none;
    }

    .sidebar.sidebar--collapse .sidebar__submenu-wrap .sidebar__submenu-wrap {
        position: relative;
        left: 0;
    }

    .sidebar.sidebar--collapse .sidebar__submenu-wrap .sidebar__submenu-wrap .sidebar__link {
        padding-left: 30px;
    }

    .sidebar.sidebar--collapse .sidebar__link {
        overflow: hidden;
        width: 55px;
        background-color: transparent;
    }

    .sidebar.sidebar--collapse .sidebar__link p {
        position: absolute;
        left: 70px;
        width: 160px;
    }

    .sidebar.sidebar--collapse .sidebar__link:hover {
        width: 240px;
    }

    .theme-light .sidebar.sidebar--collapse .sidebar__link:hover {
        background: #e5eafa;
    }

    .theme-dark .sidebar.sidebar--collapse .sidebar__link:hover {
        background: #38373f;
    }

    .sidebar.sidebar--collapse .sidebar__category-icon {
        opacity: 0;
        -webkit-transition: opacity 0s;
        -o-transition: opacity 0s;
        transition: opacity 0s;
    }

    .sidebar.sidebar--collapse .scrollbar-track.scrollbar-track-y {
        margin-right: 188px;
    }

    .sidebar__wrapper--desktop {
        display: block;
    }

    .sidebar__wrapper--mobile {
        display: none;
    }
}

@media screen and (min-width: 992px) {
    .sidebar.sidebar--no-desktop {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        display: none;
    }
}

.theme-light .scroll .scrollbar-track {
    background: transparent;
}

.theme-dark .scroll .scrollbar-track {
    background: transparent;
}

.scroll .scrollbar-track.scrollbar-track-y {
    width: 4px;
}

.scroll .scrollbar-thumb {
    opacity: 0.5;
    -webkit-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
    cursor: pointer;
}

.theme-light .scroll .scrollbar-thumb {
    background: #B4BFD0;
}

.theme-dark .scroll .scrollbar-thumb {
    background: #606071;
}

.gallery {
    width: 100%;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.gallery img {
    width: 100%;
}

.gallery__btns {
    width: 100%;
    margin-bottom: 20px;
}

.gallery__tabs .nav-tabs {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.gallery__btn {
    background: transparent;
    padding: 0;
    margin-right: 20px;
    text-transform: uppercase;
    color: #8c8c8c;
    font-size: 12px;
    border: none;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.gallery__btn:focus, .gallery__btn:active {
    outline: none;
}

.gallery__btn:hover {
    color: #737373;
}

.gallery__btn.gallery__btn--active {
    color: #4ce1b6;
}

.gallery__img-wrap {
    width: 100%;
    overflow: hidden;
    cursor: pointer;
}

@media screen and (min-width: 768px) {
    .gallery__img-wrap {
        width: 50%;
    }
}

@media screen and (min-width: 992px) {
    .gallery__img-wrap {
        width: 25%;
    }
}

.payment {
    max-width: 740px;
}

.payment__total {
    width: 100%;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 20px;
}

.payment__credit-name {
    font-size: 10px;
    line-height: 13px;
    margin-top: 3px;
    color: #8c8c8c;
    text-align: center;
    height: 0;
    display: block;
}

.payment__credit-card {
    margin-right: 80px;
}

@media screen and (max-width: 748px) {
    .payment__credit-card {
        margin-right: 40px;
    }
}

@media screen and (max-width: 574px) {
    .payment__credit-card {
        margin-right: 20px;
    }
}

.payment__credit-card:last-child {
    margin-right: 0;
}

.payment__credit-card img {
    width: 50px;
}

@media screen and (max-width: 380px) {
    .payment__credit-card img {
        width: 30px;
    }
}

.payment .radio-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.profile__card {
    height: 100%;
    padding: 0;
}

.theme-light .profile__card {
    background-color: white;
}

.theme-dark .profile__card {
    background-color: #232329;
}

.profile__card .nav-item {
    text-transform: uppercase;
    font-weight: 500;
}

.profile__card .tab-content {
    padding: 0 30px 40px 30px;
}

.theme-light .profile__card .timeline__content {
    background: #f2f4f7;
}

.theme-dark .profile__card .timeline__content {
    background: #2a2a31;
}

.theme-light .profile__card .timeline__content:after {
    border-left-color: #f2f4f7;
}

.theme-dark .profile__card .timeline__content:after {
    border-left-color: #2a2a31;
}

.theme-light .profile__card .timeline .timeline__item:nth-child(even) .timeline__content:after {
    border-right-color: #f2f4f7;
}

.theme-dark .profile__card .timeline .timeline__item:nth-child(even) .timeline__content:after {
    border-right-color: #2a2a31;
}

.profile__card--calendar .rbc-toolbar {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.profile__card--calendar {
    padding: 10px;
}

.profile__information {
    padding: 30px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.theme-light .profile__information {
    border-bottom: 1px solid #dfe3eb;
}

.theme-dark .profile__information {
    border-bottom: 1px solid #333246;
}

@media screen and (max-width: 320px) {
    .profile__information {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media screen and (max-width: 320px) {
    .profile__information .profile__data {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        padding: 0;
    }
}

.profile__avatar {
    height: 130px;
    width: 130px;
    overflow: hidden;
    border-radius: 50%;
}

.profile__avatar img {
    height: 100%;
}

.profile__stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.profile__stat {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 15px;
}

.profile__stat-number {
    color: #646777;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    margin: 0;
}

.profile__stat-title {
    margin: 0;
    color: #8c8c8c;
    font-size: 12px;
    line-height: 14px;
}

.profile__data {
    padding-left: 25px;
    width: calc(100% - 140px);
}

.profile__name {
    font-weight: 900;
    text-transform: uppercase;
    margin: 0;
    line-height: 18px;
}

.profile__work {
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 0;
    opacity: 0.6;
    line-height: 18px;
}

.profile__contact {
    margin-top: 0;
    margin-bottom: 5px;
    line-height: 18px;
}

.profile__btn {
    margin-top: 10px;
    margin-bottom: 0;
    padding: 8px 15px;
}

.profile__activity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: solid 1px #e7e7e7;
    padding: 20px 0;
}

.profile__activity:last-child {
    border: none;
}

.profile__activity img {
    display: inline-block;
    margin-right: 20px;
    vertical-align: top;
    margin-top: 10px;
    width: auto;
}

.profile__activity img:last-child {
    margin-right: 0;
}

@media screen and (max-width: 576px) {
    .profile__activity img {
        width: 100%;
    }
}

.profile__activity-avatar {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    overflow: hidden;
    min-width: 64px;
    margin-right: 20px;
}

.profile__activity-avatar img {
    height: 64px;
    width: 64px;
    margin: 0;
}

.profile__activity-name {
    font-weight: 700;
    color: #70bbfd;
}

.profile__activity-date {
    font-weight: 400;
    color: #8c8c8c;
    font-size: 10px;
}

.profile__current-tasks-title {
    padding: 20px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    margin: 0;
}

.theme-light .profile__current-tasks-title {
    border-bottom: 1px solid #dfe3eb;
}

.theme-dark .profile__current-tasks-title {
    border-bottom: 1px solid #333246;
}

.profile__current-tasks-title span {
    color: #8c8c8c;
    font-size: 13px;
}

.profile__current-tasks {
    position: relative;
    padding-bottom: 40px;
}

.profile__current-task {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 20px;
    padding: 10px 0 10px 28px;
    position: relative;
}

.theme-light .profile__current-task {
    border-bottom: 1px solid #dfe3eb;
}

.theme-dark .profile__current-task {
    border-bottom: 1px solid #333246;
}

.profile__current-task:last-of-type {
    border-bottom: none;
}

.profile__current-task .badge {
    text-transform: uppercase;
    font-size: 9px;
    padding: 6px 10px;
    display: inline-table;
    height: 20px;
    color: #ffffff;
    margin-left: 5px;
}

.profile__current-task .badge.badge-info {
    background-color: #4ce1b6;
}

.profile__current-task .badge.badge-error {
    background-color: #ff4861;
}

.profile__current-task-checkbox {
    position: absolute;
    left: 0;
}

.profile__see-all-tasks {
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.search-result {
    padding: 10px 0;
    border-bottom: solid 1px #e7e7e7;
}

.search-result:last-child {
    margin-bottom: 25px;
}

.search-result:first-child {
    margin-top: 10px;
}

.search-result__title {
    font-size: 16px;
    font-weight: 500;
    color: #70bbfd;
}

.search-result__link {
    margin: 0;
}

.search-result__link a {
    color: #4ce1b6;
}

.search-result__link a:hover {
    color: #24d6a3;
}

.search-result__preview {
    max-width: 980px;
    margin-top: 5px;
    color: #8c8c8c;
}

.project-summary {
    position: relative;
}

.project-summary hr {
    margin: 30px 0;
}

.project-summary__info {
    margin-bottom: 5px;
}

.project-summary__info td {
    padding-left: 10px;
}

.project-summary__info th {
    color: #8c8c8c;
    font-weight: 500;
}

.project-summary__info td, .project-summary__info th {
    padding-bottom: 5px;
}

.project-summary__stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.project-summary__stat {
    margin-right: auto;
    padding-right: 20px;
}

.project-summary__stat p {
    font-size: 24px;
    line-height: 32px;
    margin: 0;
}

.project-summary__stat span {
    color: #8c8c8c;
    font-size: 13px;
}

.project-summary__progress {
    max-width: 460px;
    width: 100%;
    margin: auto 0;
}

.project-summary__progress:last-child {
    margin: auto 0;
}

.project-summary__statistic-title {
    text-transform: uppercase;
    font-weight: 500;
}

.project-summary__statistic {
    width: 50%;
}

.project-summary__statistics {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}

.project-summary__statistics-refresh {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.project-summary__statistics-refresh:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
    top: 0;
    left: 0;
    border-radius: 5px;
}

.theme-light .project-summary__statistics-refresh:before {
    background-color: white;
    opacity: 0.8;
}

.theme-dark .project-summary__statistics-refresh:before {
    background-color: #232329;
    opacity: 0.8;
}

.project-summary__statistics-refresh svg {
    fill: #4ce1b6;
    position: absolute;
    -webkit-animation: refresh 1s infinite linear;
    animation: refresh 1s infinite linear;
    z-index: 10;
    width: 48px;
    height: 48px;
    top: calc(50% - 24px);
    left: calc(50% - 24px);
}

@keyframes refresh {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.project-summary__btn {
    position: absolute;
    top: 0;
    right: 0;
}

@media screen and (min-width: 349px) and (max-width: 400px) {
    .project-summary__btn {
        padding: 5px 7px !important;
        margin-right: -25px !important;
    }
}

@media screen and (min-width: 401px) and (max-width: 500px) {
    .project-summary__btn {
        margin-right: -25px !important;
        padding: 5px 20px !important;
    }
}

@media screen and (max-width: 348px) {
    .project-summary__btn {
        margin-right: -25px !important;
    }
}

@media screen and (max-width: 1200px) {
    .project-summary__statistic {
        width: 100%;
    }
}

.project-summary__chart {
    margin-left: -60px;
}

/*# sourceMappingURL=app.css.map */