/**
 * Framework7 1.6.5
 * Full featured mobile HTML framework for building iOS & Android apps
 * 
 * http://framework7.io/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: September 7, 2017
 */
.theme-gray .button:not(.button-fill) {
    border-color: #8e8e93
}

.theme-gray .button:not(.button-fill).active-state, html:not(.watch-active-state) .theme-gray .button:not(.button-fill):active {
    background-color: rgba(142, 142, 147, .15)
}

.theme-gray .button:not(.button-fill).active {
    background-color: #8e8e93;
    color: #fff
}

.theme-gray .button.button-fill {
    background: #8e8e93;
    color: #fff
}

.progressbar.theme-gray span, .theme-gray .progressbar span {
    background-color: #8e8e93
}

.progressbar-infinite.theme-gray:before, .theme-gray .progressbar-infinite:before {
    background-color: #8e8e93
}

.theme-gray i.icon, i.icon.theme-gray {
    color: #8e8e93
}

.theme-gray i.icon-next, i.icon-next.color-gray, i.icon-next.theme-gray {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%238e8e93'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.theme-gray i.icon-prev, i.icon-prev.color-gray, i.icon-prev.theme-gray {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%238e8e93'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.theme-gray i.icon-back, i.icon-back.color-gray, i.icon-back.theme-gray {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%238e8e93'%2F%3E%3C%2Fsvg%3E")
}

.theme-gray i.icon-forward, i.icon-forward.color-gray, i.icon-forward.theme-gray {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%238e8e93'%2F%3E%3C%2Fsvg%3E")
}

.theme-gray i.icon-bars, i.icon-bars.color-gray, i.icon-bars.theme-gray {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%238e8e93'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E")
}

@media (-webkit-min-device-pixel-ratio:2) {
    .theme-gray i.icon-bars, i.icon-bars.color-gray, i.icon-bars.theme-gray {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%238e8e93'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E")
    }
}

.theme-gray .item-link.list-button, .theme-gray .list-button, .theme-gray a {
    color: #8e8e93
}

.tabbar.theme-gray a, .tabbar.theme-gray a i, .theme-gray .tabbar a,
.theme-gray .tabbar a i {
    color: inherit
}

.tabbar.theme-gray a.active, .tabbar.theme-gray a.active i, .theme-gray .tabbar a.active,
.theme-gray .tabbar a.active i {
    color: #8e8e93
}

.theme-gray .messagebar .messagebar-send-link {
    background-color: #8e8e93
}

.form-checkbox.theme-gray input[type=checkbox]:checked ~ i, .theme-gray .form-checkbox input[type=checkbox]:checked ~ i,
.theme-gray label.label-checkbox input[type=checkbox]:checked + .item-media i.icon-form-checkbox,
.theme-gray label.label-checkbox input[type=radio]:checked + .item-media i.icon-form-checkbox,
label.label-checkbox.theme-gray input[type=checkbox]:checked + .item-media i.icon-form-checkbox,
label.label-checkbox.theme-gray input[type=radio]:checked + .item-media i.icon-form-checkbox {
    background-color: #8e8e93
}

.form-radio.theme-gray input[type=radio]:checked ~ i, .theme-gray .form-radio input[type=radio]:checked ~ i,
.theme-gray label.label-radio input[type=checkbox]:checked ~ .item-inner,
.theme-gray label.label-radio input[type=radio]:checked ~ .item-inner,
label.label-radio.theme-gray input[type=checkbox]:checked ~ .item-inner,
label.label-radio.theme-gray input[type=radio]:checked ~ .item-inner {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%238e8e93'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E")
}

.theme-gray .picker-calendar-day.picker-calendar-day-selected span {
    background-color: #8e8e93 !important
}

.data-table.theme-gray .data-table-header-selected, .theme-gray .data-table .data-table-header-selected {
    background: rgba(142, 142, 147, .1)
}

.data-table.theme-gray .data-table-title-selected, .theme-gray .data-table .data-table-title-selected {
    color: #8e8e93
}

.swiper-pagination.color-gray .swiper-pagination-bullet-active,
.theme-gray .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #8e8e93
}

.swiper-pagination.color-gray .swiper-pagination-progressbar,
.theme-gray .swiper-pagination .swiper-pagination-progressbar {
    background-color: #8e8e93
}

.swiper-pagination.swiper-pagination-progress.bg-gray {
    background-color: rgba(142, 142, 147, .25)
}

.swiper-button-next.color-gray, .swiper-container-rtl .swiper-button-prev.color-gray,
.theme-gray .swiper-button-next, .theme-gray .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%238e8e93'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-gray, .swiper-container-rtl .swiper-button-next.color-gray,
.theme-gray .swiper-button-prev, .theme-gray .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%238e8e93'%2F%3E%3C%2Fsvg%3E")
}

.floating-button.theme-gray, .speed-dial-buttons a.theme-gray,
.theme-gray .floating-button, .theme-gray .speed-dial-buttons a {
    color: #fff;
    background: #8e8e93
}

.floating-button.theme-gray.active-state, .speed-dial-buttons a.theme-gray.active-state,
.theme-gray .floating-button.active-state, .theme-gray .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-gray:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-gray:active,
html:not(.watch-active-state) .theme-gray .floating-button:active,
html:not(.watch-active-state) .theme-gray .speed-dial-buttons a:active {
    background: #79797f
}

.floating-button.theme-gray i, .speed-dial-buttons a.theme-gray i,
.theme-gray .floating-button i, .theme-gray .speed-dial-buttons a i {
    color: inherit
}

.range-slider.theme-gray input[type=range]::-webkit-slider-thumb:before,
.theme-gray .range-slider input[type=range]::-webkit-slider-thumb:before {
    background-color: #8e8e93
}

.range-slider.theme-gray input[type=range]::-ms-fill-lower, .theme-gray .range-slider input[type=range]::-ms-fill-lower {
    background-color: #8e8e93
}

.badge.theme-gray {
    background-color: #8e8e93;
    color: #fff
}

.theme-white .button:not(.button-fill) {
    border-color: #fff
}

.theme-white .button:not(.button-fill).active-state, html:not(.watch-active-state) .theme-white .button:not(.button-fill):active {
    background-color: rgba(255, 255, 255, .15)
}

.theme-white .button:not(.button-fill).active {
    background-color: #fff;
    color: #fff
}

.theme-white .button.button-fill {
    background: #fff;
    color: #fff
}

.progressbar.theme-white span, .theme-white .progressbar span {
    background-color: #fff
}

.progressbar-infinite.theme-white:before, .theme-white .progressbar-infinite:before {
    background-color: #fff
}

.theme-white i.icon, i.icon.theme-white {
    color: #fff
}

.theme-white i.icon-next, i.icon-next.color-white, i.icon-next.theme-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.theme-white i.icon-prev, i.icon-prev.color-white, i.icon-prev.theme-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.theme-white i.icon-back, i.icon-back.color-white, i.icon-back.theme-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.theme-white i.icon-forward, i.icon-forward.color-white, i.icon-forward.theme-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.theme-white i.icon-bars, i.icon-bars.color-white, i.icon-bars.theme-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E")
}

@media (-webkit-min-device-pixel-ratio:2) {
    .theme-white i.icon-bars, i.icon-bars.color-white, i.icon-bars.theme-white {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E")
    }
}

.theme-white .item-link.list-button, .theme-white .list-button,
.theme-white a {
    color: #fff
}

.tabbar.theme-white a, .tabbar.theme-white a i, .theme-white .tabbar a,
.theme-white .tabbar a i {
    color: inherit
}

.tabbar.theme-white a.active, .tabbar.theme-white a.active i, .theme-white .tabbar a.active,
.theme-white .tabbar a.active i {
    color: #fff
}

.theme-white .messagebar .messagebar-send-link {
    background-color: #fff
}

.form-checkbox.theme-white input[type=checkbox]:checked ~ i, .theme-white .form-checkbox input[type=checkbox]:checked ~ i,
.theme-white label.label-checkbox input[type=checkbox]:checked + .item-media i.icon-form-checkbox,
.theme-white label.label-checkbox input[type=radio]:checked + .item-media i.icon-form-checkbox,
label.label-checkbox.theme-white input[type=checkbox]:checked + .item-media i.icon-form-checkbox,
label.label-checkbox.theme-white input[type=radio]:checked + .item-media i.icon-form-checkbox {
    background-color: #fff
}

.form-radio.theme-white input[type=radio]:checked ~ i, .theme-white .form-radio input[type=radio]:checked ~ i,
.theme-white label.label-radio input[type=checkbox]:checked ~ .item-inner,
.theme-white label.label-radio input[type=radio]:checked ~ .item-inner,
label.label-radio.theme-white input[type=checkbox]:checked ~ .item-inner,
label.label-radio.theme-white input[type=radio]:checked ~ .item-inner {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ffffff'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E")
}

.theme-white .picker-calendar-day.picker-calendar-day-selected span {
    background-color: #fff !important
}

.data-table.theme-white .data-table-header-selected, .theme-white .data-table .data-table-header-selected {
    background: rgba(255, 255, 255, .1)
}

.data-table.theme-white .data-table-title-selected, .theme-white .data-table .data-table-title-selected {
    color: #fff
}

.swiper-pagination.color-white .swiper-pagination-bullet-active,
.theme-white .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #fff
}

.swiper-pagination.color-white .swiper-pagination-progressbar,
.theme-white .swiper-pagination .swiper-pagination-progressbar {
    background-color: #fff
}

.swiper-pagination.swiper-pagination-progress.bg-white {
    background-color: rgba(255, 255, 255, .25)
}

.swiper-button-next.color-white, .swiper-container-rtl .swiper-button-prev.color-white,
.theme-white .swiper-button-next, .theme-white .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-white, .swiper-container-rtl .swiper-button-next.color-white,
.theme-white .swiper-button-prev, .theme-white .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.floating-button.theme-white, .speed-dial-buttons a.theme-white,
.theme-white .floating-button, .theme-white .speed-dial-buttons a {
    color: #fff;
    background: #fff
}

.floating-button.theme-white.active-state, .speed-dial-buttons a.theme-white.active-state,
.theme-white .floating-button.active-state, .theme-white .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-white:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-white:active,
html:not(.watch-active-state) .theme-white .floating-button:active,
html:not(.watch-active-state) .theme-white .speed-dial-buttons a:active {
    background: #ebebeb
}

.floating-button.theme-white i, .speed-dial-buttons a.theme-white i,
.theme-white .floating-button i, .theme-white .speed-dial-buttons a i {
    color: inherit
}

.range-slider.theme-white input[type=range]::-webkit-slider-thumb:before,
.theme-white .range-slider input[type=range]::-webkit-slider-thumb:before {
    background-color: #fff
}

.range-slider.theme-white input[type=range]::-ms-fill-lower, .theme-white .range-slider input[type=range]::-ms-fill-lower {
    background-color: #fff
}

.badge.theme-white {
    background-color: #fff;
    color: #fff
}

.theme-black .button:not(.button-fill) {
    border-color: #000
}

.theme-black .button:not(.button-fill).active-state, html:not(.watch-active-state) .theme-black .button:not(.button-fill):active {
    background-color: rgba(0, 0, 0, .15)
}

.theme-black .button:not(.button-fill).active {
    background-color: #000;
    color: #fff
}



.theme-black .button.button-fill {
    background: #000;
    color: #fff
}

.progressbar.theme-black span, .theme-black .progressbar span {
    background-color: #000
}

.progressbar-infinite.theme-black:before, .theme-black .progressbar-infinite:before {
    background-color: #000
}

.theme-black i.icon, i.icon.theme-black {
    color: #000
}

.theme-black i.icon-next, i.icon-next.color-black, i.icon-next.theme-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23000000'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.theme-black i.icon-prev, i.icon-prev.color-black, i.icon-prev.theme-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23000000'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.theme-black i.icon-back, i.icon-back.color-black, i.icon-back.theme-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.theme-black i.icon-forward, i.icon-forward.color-black, i.icon-forward.theme-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.theme-black i.icon-bars, i.icon-bars.color-black, i.icon-bars.theme-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23000000'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E")
}

@media (-webkit-min-device-pixel-ratio:2) {
    .theme-black i.icon-bars, i.icon-bars.color-black, i.icon-bars.theme-black {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23000000'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E")
    }
}

.theme-black .item-link.list-button, .theme-black .list-button,
.theme-black a {
    color: #000
}

.tabbar.theme-black a, .tabbar.theme-black a i, .theme-black .tabbar a,
.theme-black .tabbar a i {
    color: inherit
}

.tabbar.theme-black a.active, .tabbar.theme-black a.active i, .theme-black .tabbar a.active,
.theme-black .tabbar a.active i {
    color: #000
}

.theme-black .messagebar .messagebar-send-link {
    background-color: #000
}

.form-checkbox.theme-black input[type=checkbox]:checked ~ i, .theme-black .form-checkbox input[type=checkbox]:checked ~ i,
.theme-black label.label-checkbox input[type=checkbox]:checked + .item-media i.icon-form-checkbox,
.theme-black label.label-checkbox input[type=radio]:checked + .item-media i.icon-form-checkbox,
label.label-checkbox.theme-black input[type=checkbox]:checked + .item-media i.icon-form-checkbox,
label.label-checkbox.theme-black input[type=radio]:checked + .item-media i.icon-form-checkbox {
    background-color: #000
}

.form-radio.theme-black input[type=radio]:checked ~ i, .theme-black .form-radio input[type=radio]:checked ~ i,
.theme-black label.label-radio input[type=checkbox]:checked ~ .item-inner,
.theme-black label.label-radio input[type=radio]:checked ~ .item-inner,
label.label-radio.theme-black input[type=checkbox]:checked ~ .item-inner,
label.label-radio.theme-black input[type=radio]:checked ~ .item-inner {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23000000'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E")
}

.theme-black .picker-calendar-day.picker-calendar-day-selected span {
    background-color: #000 !important
}

.data-table.theme-black .data-table-header-selected, .theme-black .data-table .data-table-header-selected {
    background: rgba(0, 0, 0, .1)
}

.data-table.theme-black .data-table-title-selected, .theme-black .data-table .data-table-title-selected {
    color: #000
}

.swiper-pagination.color-black .swiper-pagination-bullet-active,
.theme-black .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #000
}

.swiper-pagination.color-black .swiper-pagination-progressbar,
.theme-black .swiper-pagination .swiper-pagination-progressbar {
    background-color: #000
}

.swiper-pagination.swiper-pagination-progress.bg-black {
    background-color: rgba(0, 0, 0, .25)
}

.swiper-button-next.color-black, .swiper-container-rtl .swiper-button-prev.color-black,
.theme-black .swiper-button-next, .theme-black .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-black, .swiper-container-rtl .swiper-button-next.color-black,
.theme-black .swiper-button-prev, .theme-black .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.floating-button.theme-black, .speed-dial-buttons a.theme-black,
.theme-black .floating-button, .theme-black .speed-dial-buttons a {
    color: #fff;
    background: #000
}

.floating-button.theme-black.active-state, .speed-dial-buttons a.theme-black.active-state,
.theme-black .floating-button.active-state, .theme-black .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-black:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-black:active,
html:not(.watch-active-state) .theme-black .floating-button:active,
html:not(.watch-active-state) .theme-black .speed-dial-buttons a:active {
    background: #000
}

.floating-button.theme-black i, .speed-dial-buttons a.theme-black i,
.theme-black .floating-button i, .theme-black .speed-dial-buttons a i {
    color: inherit
}

.range-slider.theme-black input[type=range]::-webkit-slider-thumb:before,
.theme-black .range-slider input[type=range]::-webkit-slider-thumb:before {
    background-color: #000
}

.range-slider.theme-black input[type=range]::-ms-fill-lower, .theme-black .range-slider input[type=range]::-ms-fill-lower {
    background-color: #000
}

.badge.theme-black {
    background-color: #000;
    color: #fff
}

.theme-lightblue .button:not(.button-fill) {
    border-color: #5ac8fa
}

.theme-lightblue .button:not(.button-fill).active-state, html:not(.watch-active-state) .theme-lightblue .button:not(.button-fill):active {
    background-color: rgba(90, 200, 250, .15)
}

.theme-lightblue .button:not(.button-fill).active {
    background-color: #5ac8fa;
    color: #fff
}

.theme-lightblue .button.button-fill {
    background: #5ac8fa;
    color: #fff
}

.progressbar.theme-lightblue span, .theme-lightblue .progressbar span {
    background-color: #5ac8fa
}

.progressbar-infinite.theme-lightblue:before, .theme-lightblue .progressbar-infinite:before {
    background-color: #5ac8fa
}

.theme-lightblue i.icon, i.icon.theme-lightblue {
    color: #5ac8fa
}

.theme-lightblue i.icon-next, i.icon-next.color-lightblue, i.icon-next.theme-lightblue {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%235ac8fa'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.theme-lightblue i.icon-prev, i.icon-prev.color-lightblue, i.icon-prev.theme-lightblue {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%235ac8fa'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.theme-lightblue i.icon-back, i.icon-back.color-lightblue, i.icon-back.theme-lightblue {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%235ac8fa'%2F%3E%3C%2Fsvg%3E")
}

.theme-lightblue i.icon-forward, i.icon-forward.color-lightblue,
i.icon-forward.theme-lightblue {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%235ac8fa'%2F%3E%3C%2Fsvg%3E")
}

.theme-lightblue i.icon-bars, i.icon-bars.color-lightblue, i.icon-bars.theme-lightblue {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%235ac8fa'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E")
}

@media (-webkit-min-device-pixel-ratio:2) {
    .theme-lightblue i.icon-bars, i.icon-bars.color-lightblue, i.icon-bars.theme-lightblue {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%235ac8fa'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E")
    }
}

.theme-lightblue .item-link.list-button, .theme-lightblue .list-button,
.theme-lightblue a {
    color: #5ac8fa
}

.tabbar.theme-lightblue a, .tabbar.theme-lightblue a i, .theme-lightblue .tabbar a,
.theme-lightblue .tabbar a i {
    color: inherit
}

.tabbar.theme-lightblue a.active, .tabbar.theme-lightblue a.active i,
.theme-lightblue .tabbar a.active, .theme-lightblue .tabbar a.active i {
    color: #5ac8fa
}

.theme-lightblue .messagebar .messagebar-send-link {
    background-color: #5ac8fa
}

.form-checkbox.theme-lightblue input[type=checkbox]:checked ~ i,
.theme-lightblue .form-checkbox input[type=checkbox]:checked ~ i,
.theme-lightblue label.label-checkbox input[type=checkbox]:checked + .item-media i.icon-form-checkbox,
.theme-lightblue label.label-checkbox input[type=radio]:checked + .item-media i.icon-form-checkbox,
label.label-checkbox.theme-lightblue input[type=checkbox]:checked + .item-media i.icon-form-checkbox,
label.label-checkbox.theme-lightblue input[type=radio]:checked + .item-media i.icon-form-checkbox {
    background-color: #5ac8fa
}

.form-radio.theme-lightblue input[type=radio]:checked ~ i, .theme-lightblue .form-radio input[type=radio]:checked ~ i,
.theme-lightblue label.label-radio input[type=checkbox]:checked ~ .item-inner,
.theme-lightblue label.label-radio input[type=radio]:checked ~ .item-inner,
label.label-radio.theme-lightblue input[type=checkbox]:checked ~ .item-inner,
label.label-radio.theme-lightblue input[type=radio]:checked ~ .item-inner {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%235ac8fa'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E")
}

.theme-lightblue .picker-calendar-day.picker-calendar-day-selected span {
    background-color: #5ac8fa !important
}

.data-table.theme-lightblue .data-table-header-selected, .theme-lightblue .data-table .data-table-header-selected {
    background: rgba(90, 200, 250, .1)
}

.data-table.theme-lightblue .data-table-title-selected, .theme-lightblue .data-table .data-table-title-selected {
    color: #5ac8fa
}

.swiper-pagination.color-lightblue .swiper-pagination-bullet-active,
.theme-lightblue .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #5ac8fa
}

.swiper-pagination.color-lightblue .swiper-pagination-progressbar,
.theme-lightblue .swiper-pagination .swiper-pagination-progressbar {
    background-color: #5ac8fa
}

.swiper-pagination.swiper-pagination-progress.bg-lightblue {
    background-color: rgba(90, 200, 250, .25)
}

.swiper-button-next.color-lightblue, .swiper-container-rtl .swiper-button-prev.color-lightblue,
.theme-lightblue .swiper-button-next, .theme-lightblue .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%235ac8fa'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-lightblue, .swiper-container-rtl .swiper-button-next.color-lightblue,
.theme-lightblue .swiper-button-prev, .theme-lightblue .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%235ac8fa'%2F%3E%3C%2Fsvg%3E")
}

.floating-button.theme-lightblue, .speed-dial-buttons a.theme-lightblue,
.theme-lightblue .floating-button, .theme-lightblue .speed-dial-buttons a {
    color: #fff;
    background: #5ac8fa
}

.floating-button.theme-lightblue.active-state, .speed-dial-buttons a.theme-lightblue.active-state,
.theme-lightblue .floating-button.active-state, .theme-lightblue .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-lightblue:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-lightblue:active,
html:not(.watch-active-state) .theme-lightblue .floating-button:active,
html:not(.watch-active-state) .theme-lightblue .speed-dial-buttons a:active {
    background: #32bbf9
}

.floating-button.theme-lightblue i, .speed-dial-buttons a.theme-lightblue i,
.theme-lightblue .floating-button i, .theme-lightblue .speed-dial-buttons a i {
    color: inherit
}

.range-slider.theme-lightblue input[type=range]::-webkit-slider-thumb:before,
.theme-lightblue .range-slider input[type=range]::-webkit-slider-thumb:before {
    background-color: #5ac8fa
}

.range-slider.theme-lightblue input[type=range]::-ms-fill-lower,
.theme-lightblue .range-slider input[type=range]::-ms-fill-lower {
    background-color: #5ac8fa
}

.badge.theme-lightblue {
    background-color: #5ac8fa;
    color: #fff
}

.theme-yellow .button:not(.button-fill) {
    border-color: #fc0
}

.theme-yellow .button:not(.button-fill).active-state, html:not(.watch-active-state) .theme-yellow .button:not(.button-fill):active {
    background-color: rgba(255, 204, 0, .15)
}

.theme-yellow .button:not(.button-fill).active {
    background-color: #fc0;
    color: #fff
}

.theme-yellow .button.button-fill {
    background: #fc0;
    color: #fff
}

.progressbar.theme-yellow span, .theme-yellow .progressbar span {
    background-color: #fc0
}

.progressbar-infinite.theme-yellow:before, .theme-yellow .progressbar-infinite:before {
    background-color: #fc0
}

.theme-yellow i.icon, i.icon.theme-yellow {
    color: #fc0
}

.theme-yellow i.icon-next, i.icon-next.color-yellow, i.icon-next.theme-yellow {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ffcc00'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.theme-yellow i.icon-prev, i.icon-prev.color-yellow, i.icon-prev.theme-yellow {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ffcc00'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.theme-yellow i.icon-back, i.icon-back.color-yellow, i.icon-back.theme-yellow {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ffcc00'%2F%3E%3C%2Fsvg%3E")
}

.theme-yellow i.icon-forward, i.icon-forward.color-yellow, i.icon-forward.theme-yellow {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ffcc00'%2F%3E%3C%2Fsvg%3E")
}

.theme-yellow i.icon-bars, i.icon-bars.color-yellow, i.icon-bars.theme-yellow {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23ffcc00'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E")
}

@media (-webkit-min-device-pixel-ratio:2) {
    .theme-yellow i.icon-bars, i.icon-bars.color-yellow, i.icon-bars.theme-yellow {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23ffcc00'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E")
    }
}

.theme-yellow .item-link.list-button, .theme-yellow .list-button,
.theme-yellow a {
    color: #fc0
}

.tabbar.theme-yellow a, .tabbar.theme-yellow a i, .theme-yellow .tabbar a,
.theme-yellow .tabbar a i {
    color: inherit
}

.tabbar.theme-yellow a.active, .tabbar.theme-yellow a.active i, .theme-yellow .tabbar a.active,
.theme-yellow .tabbar a.active i {
    color: #fc0
}

.theme-yellow .messagebar .messagebar-send-link {
    background-color: #fc0
}

.form-checkbox.theme-yellow input[type=checkbox]:checked ~ i, .theme-yellow .form-checkbox input[type=checkbox]:checked ~ i,
.theme-yellow label.label-checkbox input[type=checkbox]:checked + .item-media i.icon-form-checkbox,
.theme-yellow label.label-checkbox input[type=radio]:checked + .item-media i.icon-form-checkbox,
label.label-checkbox.theme-yellow input[type=checkbox]:checked + .item-media i.icon-form-checkbox,
label.label-checkbox.theme-yellow input[type=radio]:checked + .item-media i.icon-form-checkbox {
    background-color: #fc0
}

.form-radio.theme-yellow input[type=radio]:checked ~ i, .theme-yellow .form-radio input[type=radio]:checked ~ i,
.theme-yellow label.label-radio input[type=checkbox]:checked ~ .item-inner,
.theme-yellow label.label-radio input[type=radio]:checked ~ .item-inner,
label.label-radio.theme-yellow input[type=checkbox]:checked ~ .item-inner,
label.label-radio.theme-yellow input[type=radio]:checked ~ .item-inner {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ffcc00'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E")
}

.theme-yellow .picker-calendar-day.picker-calendar-day-selected span {
    background-color: #fc0 !important
}

.data-table.theme-yellow .data-table-header-selected, .theme-yellow .data-table .data-table-header-selected {
    background: rgba(255, 204, 0, .1)
}

.data-table.theme-yellow .data-table-title-selected, .theme-yellow .data-table .data-table-title-selected {
    color: #fc0
}

.swiper-pagination.color-yellow .swiper-pagination-bullet-active,
.theme-yellow .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #fc0
}

.swiper-pagination.color-yellow .swiper-pagination-progressbar,
.theme-yellow .swiper-pagination .swiper-pagination-progressbar {
    background-color: #fc0
}

.swiper-pagination.swiper-pagination-progress.bg-yellow {
    background-color: rgba(255, 204, 0, .25)
}

.swiper-button-next.color-yellow, .swiper-container-rtl .swiper-button-prev.color-yellow,
.theme-yellow .swiper-button-next, .theme-yellow .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffcc00'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-yellow, .swiper-container-rtl .swiper-button-next.color-yellow,
.theme-yellow .swiper-button-prev, .theme-yellow .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffcc00'%2F%3E%3C%2Fsvg%3E")
}

.floating-button.theme-yellow, .speed-dial-buttons a.theme-yellow,
.theme-yellow .floating-button, .theme-yellow .speed-dial-buttons a {
    color: #fff;
    background: #fc0
}

.floating-button.theme-yellow.active-state, .speed-dial-buttons a.theme-yellow.active-state,
.theme-yellow .floating-button.active-state, .theme-yellow .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-yellow:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-yellow:active,
html:not(.watch-active-state) .theme-yellow .floating-button:active,
html:not(.watch-active-state) .theme-yellow .speed-dial-buttons a:active {
    background: #d6ab00
}

.floating-button.theme-yellow i, .speed-dial-buttons a.theme-yellow i,
.theme-yellow .floating-button i, .theme-yellow .speed-dial-buttons a i {
    color: inherit
}

.range-slider.theme-yellow input[type=range]::-webkit-slider-thumb:before,
.theme-yellow .range-slider input[type=range]::-webkit-slider-thumb:before {
    background-color: #fc0
}

.range-slider.theme-yellow input[type=range]::-ms-fill-lower,
.theme-yellow .range-slider input[type=range]::-ms-fill-lower {
    background-color: #fc0
}

.badge.theme-yellow {
    background-color: #fc0;
    color: #fff
}

.theme-orange .button:not(.button-fill) {
    border-color: #ff9500
}

.theme-orange .button:not(.button-fill).active-state, html:not(.watch-active-state) .theme-orange .button:not(.button-fill):active {
    background-color: rgba(255, 149, 0, .15)
}

.theme-orange .button:not(.button-fill).active {
    background-color: #ff9500;
    color: #fff
}

.theme-orange .button.button-fill {
    background: #ff9500;
    color: #fff
}

.progressbar.theme-orange span, .theme-orange .progressbar span {
    background-color: #ff9500
}

.progressbar-infinite.theme-orange:before, .theme-orange .progressbar-infinite:before {
    background-color: #ff9500
}

.theme-orange i.icon, i.icon.theme-orange {
    color: #ff9500
}

.theme-orange i.icon-next, i.icon-next.color-orange, i.icon-next.theme-orange {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff9500'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.theme-orange i.icon-prev, i.icon-prev.color-orange, i.icon-prev.theme-orange {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff9500'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.theme-orange i.icon-back, i.icon-back.color-orange, i.icon-back.theme-orange {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ff9500'%2F%3E%3C%2Fsvg%3E")
}

.theme-orange i.icon-forward, i.icon-forward.color-orange, i.icon-forward.theme-orange {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ff9500'%2F%3E%3C%2Fsvg%3E")
}

.theme-orange i.icon-bars, i.icon-bars.color-orange, i.icon-bars.theme-orange {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23ff9500'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E")
}

@media (-webkit-min-device-pixel-ratio:2) {
    .theme-orange i.icon-bars, i.icon-bars.color-orange, i.icon-bars.theme-orange {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23ff9500'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E")
    }
}

.theme-orange .item-link.list-button, .theme-orange .list-button,
.theme-orange a {
    color: #ff9500
}

.tabbar.theme-orange a, .tabbar.theme-orange a i, .theme-orange .tabbar a,
.theme-orange .tabbar a i {
    color: inherit
}

.tabbar.theme-orange a.active, .tabbar.theme-orange a.active i, .theme-orange .tabbar a.active,
.theme-orange .tabbar a.active i {
    color: #ff9500
}

.theme-orange .messagebar .messagebar-send-link {
    background-color: #ff9500
}

.form-checkbox.theme-orange input[type=checkbox]:checked ~ i, .theme-orange .form-checkbox input[type=checkbox]:checked ~ i,
.theme-orange label.label-checkbox input[type=checkbox]:checked + .item-media i.icon-form-checkbox,
.theme-orange label.label-checkbox input[type=radio]:checked + .item-media i.icon-form-checkbox,
label.label-checkbox.theme-orange input[type=checkbox]:checked + .item-media i.icon-form-checkbox,
label.label-checkbox.theme-orange input[type=radio]:checked + .item-media i.icon-form-checkbox {
    background-color: #ff9500
}

.form-radio.theme-orange input[type=radio]:checked ~ i, .theme-orange .form-radio input[type=radio]:checked ~ i,
.theme-orange label.label-radio input[type=checkbox]:checked ~ .item-inner,
.theme-orange label.label-radio input[type=radio]:checked ~ .item-inner,
label.label-radio.theme-orange input[type=checkbox]:checked ~ .item-inner,
label.label-radio.theme-orange input[type=radio]:checked ~ .item-inner {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ff9500'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E")
}

.theme-orange .picker-calendar-day.picker-calendar-day-selected span {
    background-color: #ff9500 !important
}

.data-table.theme-orange .data-table-header-selected, .theme-orange .data-table .data-table-header-selected {
    background: rgba(255, 149, 0, .1)
}

.data-table.theme-orange .data-table-title-selected, .theme-orange .data-table .data-table-title-selected {
    color: #ff9500
}

.swiper-pagination.color-orange .swiper-pagination-bullet-active,
.theme-orange .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #ff9500
}

.swiper-pagination.color-orange .swiper-pagination-progressbar,
.theme-orange .swiper-pagination .swiper-pagination-progressbar {
    background-color: #ff9500
}

.swiper-pagination.swiper-pagination-progress.bg-orange {
    background-color: rgba(255, 149, 0, .25)
}

.swiper-button-next.color-orange, .swiper-container-rtl .swiper-button-prev.color-orange,
.theme-orange .swiper-button-next, .theme-orange .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ff9500'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-orange, .swiper-container-rtl .swiper-button-next.color-orange,
.theme-orange .swiper-button-prev, .theme-orange .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ff9500'%2F%3E%3C%2Fsvg%3E")
}

.floating-button.theme-orange, .speed-dial-buttons a.theme-orange,
.theme-orange .floating-button, .theme-orange .speed-dial-buttons a {
    color: #fff;
    background: #ff9500
}

.floating-button.theme-orange.active-state, .speed-dial-buttons a.theme-orange.active-state,
.theme-orange .floating-button.active-state, .theme-orange .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-orange:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-orange:active,
html:not(.watch-active-state) .theme-orange .floating-button:active,
html:not(.watch-active-state) .theme-orange .speed-dial-buttons a:active {
    background: #d67d00
}

.floating-button.theme-orange i, .speed-dial-buttons a.theme-orange i,
.theme-orange .floating-button i, .theme-orange .speed-dial-buttons a i {
    color: inherit
}

.range-slider.theme-orange input[type=range]::-webkit-slider-thumb:before,
.theme-orange .range-slider input[type=range]::-webkit-slider-thumb:before {
    background-color: #ff9500
}

.range-slider.theme-orange input[type=range]::-ms-fill-lower,
.theme-orange .range-slider input[type=range]::-ms-fill-lower {
    background-color: #ff9500
}

.badge.theme-orange {
    background-color: #ff9500;
    color: #fff
}

.theme-pink .button:not(.button-fill) {
    border-color: #ff2d55
}

.theme-pink .button:not(.button-fill).active-state, html:not(.watch-active-state) .theme-pink .button:not(.button-fill):active {
    background-color: rgba(255, 45, 85, .15)
}

.theme-pink .button:not(.button-fill).active {
    background-color: #ff2d55;
    color: #fff
}

.theme-pink .button.button-fill {
    background: #ff2d55;
    color: #fff
}

.progressbar.theme-pink span, .theme-pink .progressbar span {
    background-color: #ff2d55
}

.progressbar-infinite.theme-pink:before, .theme-pink .progressbar-infinite:before {
    background-color: #ff2d55
}

.theme-pink i.icon, i.icon.theme-pink {
    color: #ff2d55
}

.theme-pink i.icon-next, i.icon-next.color-pink, i.icon-next.theme-pink {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff2d55'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.theme-pink i.icon-prev, i.icon-prev.color-pink, i.icon-prev.theme-pink {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff2d55'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.theme-pink i.icon-back, i.icon-back.color-pink, i.icon-back.theme-pink {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ff2d55'%2F%3E%3C%2Fsvg%3E")
}

.theme-pink i.icon-forward, i.icon-forward.color-pink, i.icon-forward.theme-pink {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ff2d55'%2F%3E%3C%2Fsvg%3E")
}

.theme-pink i.icon-bars, i.icon-bars.color-pink, i.icon-bars.theme-pink {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23ff2d55'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E")
}

@media (-webkit-min-device-pixel-ratio:2) {
    .theme-pink i.icon-bars, i.icon-bars.color-pink, i.icon-bars.theme-pink {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23ff2d55'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E")
    }
}

.theme-pink .item-link.list-button, .theme-pink .list-button, .theme-pink a {
    color: #ff2d55
}

.tabbar.theme-pink a, .tabbar.theme-pink a i, .theme-pink .tabbar a,
.theme-pink .tabbar a i {
    color: inherit
}

.tabbar.theme-pink a.active, .tabbar.theme-pink a.active i, .theme-pink .tabbar a.active,
.theme-pink .tabbar a.active i {
    color: #ff2d55
}

.theme-pink .messagebar .messagebar-send-link {
    background-color: #ff2d55
}

.form-checkbox.theme-pink input[type=checkbox]:checked ~ i, .theme-pink .form-checkbox input[type=checkbox]:checked ~ i,
.theme-pink label.label-checkbox input[type=checkbox]:checked + .item-media i.icon-form-checkbox,
.theme-pink label.label-checkbox input[type=radio]:checked + .item-media i.icon-form-checkbox,
label.label-checkbox.theme-pink input[type=checkbox]:checked + .item-media i.icon-form-checkbox,
label.label-checkbox.theme-pink input[type=radio]:checked + .item-media i.icon-form-checkbox {
    background-color: #ff2d55
}

.form-radio.theme-pink input[type=radio]:checked ~ i, .theme-pink .form-radio input[type=radio]:checked ~ i,
.theme-pink label.label-radio input[type=checkbox]:checked ~ .item-inner,
.theme-pink label.label-radio input[type=radio]:checked ~ .item-inner,
label.label-radio.theme-pink input[type=checkbox]:checked ~ .item-inner,
label.label-radio.theme-pink input[type=radio]:checked ~ .item-inner {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ff2d55'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E")
}

.theme-pink .picker-calendar-day.picker-calendar-day-selected span {
    background-color: #ff2d55 !important
}

.data-table.theme-pink .data-table-header-selected, .theme-pink .data-table .data-table-header-selected {
    background: rgba(255, 45, 85, .1)
}

.data-table.theme-pink .data-table-title-selected, .theme-pink .data-table .data-table-title-selected {
    color: #ff2d55
}

.swiper-pagination.color-pink .swiper-pagination-bullet-active,
.theme-pink .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #ff2d55
}

.swiper-pagination.color-pink .swiper-pagination-progressbar,
.theme-pink .swiper-pagination .swiper-pagination-progressbar {
    background-color: #ff2d55
}

.swiper-pagination.swiper-pagination-progress.bg-pink {
    background-color: rgba(255, 45, 85, .25)
}

.swiper-button-next.color-pink, .swiper-container-rtl .swiper-button-prev.color-pink,
.theme-pink .swiper-button-next, .theme-pink .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ff2d55'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-pink, .swiper-container-rtl .swiper-button-next.color-pink,
.theme-pink .swiper-button-prev, .theme-pink .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ff2d55'%2F%3E%3C%2Fsvg%3E")
}

.floating-button.theme-pink, .speed-dial-buttons a.theme-pink,
.theme-pink .floating-button, .theme-pink .speed-dial-buttons a {
    color: #fff;
    background: #ff2d55
}

.floating-button.theme-pink.active-state, .speed-dial-buttons a.theme-pink.active-state,
.theme-pink .floating-button.active-state, .theme-pink .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-pink:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-pink:active,
html:not(.watch-active-state) .theme-pink .floating-button:active,
html:not(.watch-active-state) .theme-pink .speed-dial-buttons a:active {
    background: #ff0434
}

.floating-button.theme-pink i, .speed-dial-buttons a.theme-pink i,
.theme-pink .floating-button i, .theme-pink .speed-dial-buttons a i {
    color: inherit
}

.range-slider.theme-pink input[type=range]::-webkit-slider-thumb:before,
.theme-pink .range-slider input[type=range]::-webkit-slider-thumb:before {
    background-color: #ff2d55
}

.range-slider.theme-pink input[type=range]::-ms-fill-lower, .theme-pink .range-slider input[type=range]::-ms-fill-lower {
    background-color: #ff2d55
}

.badge.theme-pink {
    background-color: #ff2d55;
    color: #fff
}

.theme-blue .button:not(.button-fill) {
    border-color: #007aff
}

.theme-blue .button:not(.button-fill).active-state, html:not(.watch-active-state) .theme-blue .button:not(.button-fill):active {
    background-color: rgba(0, 122, 255, .15)
}

.theme-blue .button:not(.button-fill).active {
    background-color: #007aff;
    color: #fff
}

.theme-blue .button.button-fill {
    background: #007aff;
    color: #fff
}

.progressbar.theme-blue span, .theme-blue .progressbar span {
    background-color: #007aff
}

.progressbar-infinite.theme-blue:before, .theme-blue .progressbar-infinite:before {
    background-color: #007aff
}

.theme-blue i.icon, i.icon.theme-blue {
    color: #007aff
}

.theme-blue i.icon-next, i.icon-next.color-blue, i.icon-next.theme-blue {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.theme-blue i.icon-prev, i.icon-prev.color-blue, i.icon-prev.theme-blue {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.theme-blue i.icon-back, i.icon-back.color-blue, i.icon-back.theme-blue {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E")
}

.theme-blue i.icon-forward, i.icon-forward.color-blue, i.icon-forward.theme-blue {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E")
}

.theme-blue i.icon-bars, i.icon-bars.color-blue, i.icon-bars.theme-blue {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E")
}

@media (-webkit-min-device-pixel-ratio:2) {
    .theme-blue i.icon-bars, i.icon-bars.color-blue, i.icon-bars.theme-blue {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E")
    }
}

.theme-blue .item-link.list-button, .theme-blue .list-button, .theme-blue a {
    color: #007aff
}

.tabbar.theme-blue a, .tabbar.theme-blue a i, .theme-blue .tabbar a,
.theme-blue .tabbar a i {
    color: inherit
}

.tabbar.theme-blue a.active, .tabbar.theme-blue a.active i, .theme-blue .tabbar a.active,
.theme-blue .tabbar a.active i {
    color: #007aff
}

.theme-blue .messagebar .messagebar-send-link {
    background-color: #007aff
}

.form-checkbox.theme-blue input[type=checkbox]:checked ~ i, .theme-blue .form-checkbox input[type=checkbox]:checked ~ i,
.theme-blue label.label-checkbox input[type=checkbox]:checked + .item-media i.icon-form-checkbox,
.theme-blue label.label-checkbox input[type=radio]:checked + .item-media i.icon-form-checkbox,
label.label-checkbox.theme-blue input[type=checkbox]:checked + .item-media i.icon-form-checkbox,
label.label-checkbox.theme-blue input[type=radio]:checked + .item-media i.icon-form-checkbox {
    background-color: #007aff
}

.form-radio.theme-blue input[type=radio]:checked ~ i, .theme-blue .form-radio input[type=radio]:checked ~ i,
.theme-blue label.label-radio input[type=checkbox]:checked ~ .item-inner,
.theme-blue label.label-radio input[type=radio]:checked ~ .item-inner,
label.label-radio.theme-blue input[type=checkbox]:checked ~ .item-inner,
label.label-radio.theme-blue input[type=radio]:checked ~ .item-inner {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23007aff'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E")
}

.theme-blue .picker-calendar-day.picker-calendar-day-selected span {
    background-color: #007aff !important
}

.data-table.theme-blue .data-table-header-selected, .theme-blue .data-table .data-table-header-selected {
    background: rgba(0, 122, 255, .1)
}

.data-table.theme-blue .data-table-title-selected, .theme-blue .data-table .data-table-title-selected {
    color: #007aff
}

.swiper-pagination.color-blue .swiper-pagination-bullet-active,
.theme-blue .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #007aff
}

.swiper-pagination.color-blue .swiper-pagination-progressbar,
.theme-blue .swiper-pagination .swiper-pagination-progressbar {
    background-color: #007aff
}

.swiper-pagination.swiper-pagination-progress.bg-blue {
    background-color: rgba(0, 122, 255, .25)
}

.swiper-button-next.color-blue, .swiper-container-rtl .swiper-button-prev.color-blue,
.theme-blue .swiper-button-next, .theme-blue .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-blue, .swiper-container-rtl .swiper-button-next.color-blue,
.theme-blue .swiper-button-prev, .theme-blue .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E")
}

.floating-button.theme-blue, .speed-dial-buttons a.theme-blue,
.theme-blue .floating-button, .theme-blue .speed-dial-buttons a {
    color: #fff;
    background: #007aff
}

.floating-button.theme-blue.active-state, .speed-dial-buttons a.theme-blue.active-state,
.theme-blue .floating-button.active-state, .theme-blue .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-blue:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-blue:active,
html:not(.watch-active-state) .theme-blue .floating-button:active,
html:not(.watch-active-state) .theme-blue .speed-dial-buttons a:active {
    background: #0066d6
}

.floating-button.theme-blue i, .speed-dial-buttons a.theme-blue i,
.theme-blue .floating-button i, .theme-blue .speed-dial-buttons a i {
    color: inherit
}

.range-slider.theme-blue input[type=range]::-webkit-slider-thumb:before,
.theme-blue .range-slider input[type=range]::-webkit-slider-thumb:before {
    background-color: #007aff
}

.range-slider.theme-blue input[type=range]::-ms-fill-lower, .theme-blue .range-slider input[type=range]::-ms-fill-lower {
    background-color: #007aff
}

.badge.theme-blue {
    background-color: #007aff;
    color: #fff
}

.theme-green .button:not(.button-fill) {
    border-color: #4cd964
}

.theme-green .button:not(.button-fill).active-state, html:not(.watch-active-state) .theme-green .button:not(.button-fill):active {
    background-color: rgba(76, 217, 100, .15)
}

.theme-green .button:not(.button-fill).active {
    background-color: #4cd964;
    color: #fff
}

.theme-green .button.button-fill {
    background: #4cd964;
    color: #fff
}

.progressbar.theme-green span, .theme-green .progressbar span {
    background-color: #4cd964
}

.progressbar-infinite.theme-green:before, .theme-green .progressbar-infinite:before {
    background-color: #4cd964
}

.theme-green i.icon, i.icon.theme-green {
    color: #4cd964
}

.theme-green i.icon-next, i.icon-next.color-green, i.icon-next.theme-green {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%234cd964'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.theme-green i.icon-prev, i.icon-prev.color-green, i.icon-prev.theme-green {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%234cd964'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.theme-green i.icon-back, i.icon-back.color-green, i.icon-back.theme-green {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%234cd964'%2F%3E%3C%2Fsvg%3E")
}

.theme-green i.icon-forward, i.icon-forward.color-green, i.icon-forward.theme-green {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%234cd964'%2F%3E%3C%2Fsvg%3E")
}

.theme-green i.icon-bars, i.icon-bars.color-green, i.icon-bars.theme-green {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%234cd964'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E")
}

@media (-webkit-min-device-pixel-ratio:2) {
    .theme-green i.icon-bars, i.icon-bars.color-green, i.icon-bars.theme-green {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%234cd964'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E")
    }
}

.theme-green .item-link.list-button, .theme-green .list-button,
.theme-green a {
    color: #4cd964
}

.tabbar.theme-green a, .tabbar.theme-green a i, .theme-green .tabbar a,
.theme-green .tabbar a i {
    color: inherit
}

.tabbar.theme-green a.active, .tabbar.theme-green a.active i, .theme-green .tabbar a.active,
.theme-green .tabbar a.active i {
    color: #4cd964
}

.theme-green .messagebar .messagebar-send-link {
    background-color: #4cd964
}

.form-checkbox.theme-green input[type=checkbox]:checked ~ i, .theme-green .form-checkbox input[type=checkbox]:checked ~ i,
.theme-green label.label-checkbox input[type=checkbox]:checked + .item-media i.icon-form-checkbox,
.theme-green label.label-checkbox input[type=radio]:checked + .item-media i.icon-form-checkbox,
label.label-checkbox.theme-green input[type=checkbox]:checked + .item-media i.icon-form-checkbox,
label.label-checkbox.theme-green input[type=radio]:checked + .item-media i.icon-form-checkbox {
    background-color: #4cd964
}

.form-radio.theme-green input[type=radio]:checked ~ i, .theme-green .form-radio input[type=radio]:checked ~ i,
.theme-green label.label-radio input[type=checkbox]:checked ~ .item-inner,
.theme-green label.label-radio input[type=radio]:checked ~ .item-inner,
label.label-radio.theme-green input[type=checkbox]:checked ~ .item-inner,
label.label-radio.theme-green input[type=radio]:checked ~ .item-inner {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%234cd964'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E")
}

.theme-green .picker-calendar-day.picker-calendar-day-selected span {
    background-color: #4cd964 !important
}

.data-table.theme-green .data-table-header-selected, .theme-green .data-table .data-table-header-selected {
    background: rgba(76, 217, 100, .1)
}

.data-table.theme-green .data-table-title-selected, .theme-green .data-table .data-table-title-selected {
    color: #4cd964
}

.swiper-pagination.color-green .swiper-pagination-bullet-active,
.theme-green .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #4cd964
}

.swiper-pagination.color-green .swiper-pagination-progressbar,
.theme-green .swiper-pagination .swiper-pagination-progressbar {
    background-color: #4cd964
}

.swiper-pagination.swiper-pagination-progress.bg-green {
    background-color: rgba(76, 217, 100, .25)
}

.swiper-button-next.color-green, .swiper-container-rtl .swiper-button-prev.color-green,
.theme-green .swiper-button-next, .theme-green .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%234cd964'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-green, .swiper-container-rtl .swiper-button-next.color-green,
.theme-green .swiper-button-prev, .theme-green .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%234cd964'%2F%3E%3C%2Fsvg%3E")
}

.floating-button.theme-green, .speed-dial-buttons a.theme-green,
.theme-green .floating-button, .theme-green .speed-dial-buttons a {
    color: #fff;
    background: #4cd964
}

.floating-button.theme-green.active-state, .speed-dial-buttons a.theme-green.active-state,
.theme-green .floating-button.active-state, .theme-green .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-green:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-green:active,
html:not(.watch-active-state) .theme-green .floating-button:active,
html:not(.watch-active-state) .theme-green .speed-dial-buttons a:active {
    background: #2cd048
}

.floating-button.theme-green i, .speed-dial-buttons a.theme-green i,
.theme-green .floating-button i, .theme-green .speed-dial-buttons a i {
    color: inherit
}

.range-slider.theme-green input[type=range]::-webkit-slider-thumb:before,
.theme-green .range-slider input[type=range]::-webkit-slider-thumb:before {
    background-color: #4cd964
}

.range-slider.theme-green input[type=range]::-ms-fill-lower, .theme-green .range-slider input[type=range]::-ms-fill-lower {
    background-color: #4cd964
}

.badge.theme-green {
    background-color: #4cd964;
    color: #fff
}

.theme-red .button:not(.button-fill) {
    border-color: #ff3b30
}

.theme-red .button:not(.button-fill).active-state, html:not(.watch-active-state) .theme-red .button:not(.button-fill):active {
    background-color: rgba(255, 59, 48, .15)
}

.theme-red .button:not(.button-fill).active {
    background-color: #ff3b30;
    color: #fff
}

.theme-red .button.button-fill {
    background: #ff3b30;
    color: #fff
}

.progressbar.theme-red span, .theme-red .progressbar span {
    background-color: #ff3b30
}

.progressbar-infinite.theme-red:before, .theme-red .progressbar-infinite:before {
    background-color: #ff3b30
}

.theme-red i.icon, i.icon.theme-red {
    color: #ff3b30
}

.theme-red i.icon-next, i.icon-next.color-red, i.icon-next.theme-red {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff3b30'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.theme-red i.icon-prev, i.icon-prev.color-red, i.icon-prev.theme-red {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff3b30'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.theme-red i.icon-back, i.icon-back.color-red, i.icon-back.theme-red {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ff3b30'%2F%3E%3C%2Fsvg%3E")
}

.theme-red i.icon-forward, i.icon-forward.color-red, i.icon-forward.theme-red {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ff3b30'%2F%3E%3C%2Fsvg%3E")
}

.theme-red i.icon-bars, i.icon-bars.color-red, i.icon-bars.theme-red {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23ff3b30'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E")
}

@media (-webkit-min-device-pixel-ratio:2) {
    .theme-red i.icon-bars, i.icon-bars.color-red, i.icon-bars.theme-red {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23ff3b30'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E")
    }
}

.theme-red .item-link.list-button, .theme-red .list-button, .theme-red a {
    color: #ff3b30
}

.tabbar.theme-red a, .tabbar.theme-red a i, .theme-red .tabbar a, .theme-red .tabbar a i {
    color: inherit
}

.tabbar.theme-red a.active, .tabbar.theme-red a.active i, .theme-red .tabbar a.active,
.theme-red .tabbar a.active i {
    color: #ff3b30
}

.theme-red .messagebar .messagebar-send-link {
    background-color: #ff3b30
}

.form-checkbox.theme-red input[type=checkbox]:checked ~ i, .theme-red .form-checkbox input[type=checkbox]:checked ~ i,
.theme-red label.label-checkbox input[type=checkbox]:checked + .item-media i.icon-form-checkbox,
.theme-red label.label-checkbox input[type=radio]:checked + .item-media i.icon-form-checkbox,
label.label-checkbox.theme-red input[type=checkbox]:checked + .item-media i.icon-form-checkbox,
label.label-checkbox.theme-red input[type=radio]:checked + .item-media i.icon-form-checkbox {
    background-color: #ff3b30
}

.form-radio.theme-red input[type=radio]:checked ~ i, .theme-red .form-radio input[type=radio]:checked ~ i,
.theme-red label.label-radio input[type=checkbox]:checked ~ .item-inner,
.theme-red label.label-radio input[type=radio]:checked ~ .item-inner,
label.label-radio.theme-red input[type=checkbox]:checked ~ .item-inner,
label.label-radio.theme-red input[type=radio]:checked ~ .item-inner {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ff3b30'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E")
}

.theme-red .picker-calendar-day.picker-calendar-day-selected span {
    background-color: #ff3b30 !important
}

.data-table.theme-red .data-table-header-selected, .theme-red .data-table .data-table-header-selected {
    background: rgba(255, 59, 48, .1)
}

.data-table.theme-red .data-table-title-selected, .theme-red .data-table .data-table-title-selected {
    color: #ff3b30
}

.swiper-pagination.color-red .swiper-pagination-bullet-active,
.theme-red .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #ff3b30
}

.swiper-pagination.color-red .swiper-pagination-progressbar, .theme-red .swiper-pagination .swiper-pagination-progressbar {
    background-color: #ff3b30
}

.swiper-pagination.swiper-pagination-progress.bg-red {
    background-color: rgba(255, 59, 48, .25)
}

.swiper-button-next.color-red, .swiper-container-rtl .swiper-button-prev.color-red,
.theme-red .swiper-button-next, .theme-red .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ff3b30'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-red, .swiper-container-rtl .swiper-button-next.color-red,
.theme-red .swiper-button-prev, .theme-red .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ff3b30'%2F%3E%3C%2Fsvg%3E")
}

.floating-button.theme-red, .speed-dial-buttons a.theme-red, .theme-red .floating-button,
.theme-red .speed-dial-buttons a {
    color: #fff;
    background: #ff3b30
}

.floating-button.theme-red.active-state, .speed-dial-buttons a.theme-red.active-state,
.theme-red .floating-button.active-state, .theme-red .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-red:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-red:active,
html:not(.watch-active-state) .theme-red .floating-button:active,
html:not(.watch-active-state) .theme-red .speed-dial-buttons a:active {
    background: #ff1407
}

.floating-button.theme-red i, .speed-dial-buttons a.theme-red i,
.theme-red .floating-button i, .theme-red .speed-dial-buttons a i {
    color: inherit
}

.range-slider.theme-red input[type=range]::-webkit-slider-thumb:before,
.theme-red .range-slider input[type=range]::-webkit-slider-thumb:before {
    background-color: #ff3b30
}

.range-slider.theme-red input[type=range]::-ms-fill-lower, .theme-red .range-slider input[type=range]::-ms-fill-lower {
    background-color: #ff3b30
}

.badge.theme-red {
    background-color: #ff3b30;
    color: #fff
}

.color-gray {
    color: #8e8e93
}

.list-block .item-link.list-button.color-gray, .list-button.color-gray,
.tabbar a.active.color-gray, a.color-gray {
    color: #8e8e93
}

.label-switch input[type=checkbox]:checked + .checkbox.color-gray,
.label-switch.color-gray input[type=checkbox]:checked + .checkbox {
    background-color: #8e8e93
}

.color-gray.button:not(.button-fill), .color-gray.buttons-row .button {
    border-color: #8e8e93
}

.color-gray.button:not(.button-fill).active-state, .color-gray.buttons-row .button.active-state,
html:not(.watch-active-state) .color-gray.button:not(.button-fill):active,
html:not(.watch-active-state) .color-gray.buttons-row .button:active {
    background-color: rgba(142, 142, 147, .15)
}

.color-gray.button:not(.button-fill).active, .color-gray.buttons-row .button.active {
    background-color: #8e8e93;
    color: #fff
}

.button.button-fill.color-gray {
    background: #8e8e93;
    color: #fff
}

.progressbar.bg-gray span, .progressbar.color-gray span {
    background-color: #8e8e93
}

.progressbar-infinite.bg-gray:before, .progressbar-infinite.color-gray:before {
    background-color: #8e8e93
}

.color-gray i.icon, i.icon.color-gray {
    color: #8e8e93
}

.preloader.color-gray, .preloader.preloader-gray {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%238e8e93'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.bg-gray, .button.button-fill.bg-gray, .list-block .swipeout-actions-left a.bg-gray,
.list-block .swipeout-actions-right a.bg-gray, a.bg-gray {
    background-color: #8e8e93
}

.border-gray {
    border-color: #8e8e93
}

.border-gray:after, .border-gray:before, .list-block .border-gray.item-inner:after,
.list-block .border-gray.item-inner:before, .list-block ul.border-gray:after,
.list-block ul.border-gray:before {
    background-color: #8e8e93
}

.floating-button.bg-gray, .floating-button.color-gray, .speed-dial-buttons a.bg-gray,
.speed-dial-buttons a.color-gray {
    color: #fff;
    background: #8e8e93
}

.floating-button.bg-gray.active-state, .floating-button.color-gray.active-state,
.speed-dial-buttons a.bg-gray.active-state, .speed-dial-buttons a.color-gray.active-state,
html:not(.watch-active-state) .floating-button.bg-gray:active,
html:not(.watch-active-state) .floating-button.color-gray:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-gray:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-gray:active {
    background: #79797f
}

.floating-button.bg-gray i, .floating-button.color-gray i, .speed-dial-buttons a.bg-gray i,
.speed-dial-buttons a.color-gray i {
    color: inherit
}

.range-slider.color-gray input[type=range]::-webkit-slider-thumb:before {
    background-color: #8e8e93
}

.range-slider.color-gray input[type=range]::-ms-fill-lower {
    background-color: #8e8e93
}

.badge.color-gray {
    background-color: #8e8e93;
    color: #fff
}

.color-white {
    color: #fff
}

.list-block .item-link.list-button.color-white, .list-button.color-white,
.tabbar a.active.color-white, a.color-white {
    color: #fff
}

.label-switch input[type=checkbox]:checked + .checkbox.color-white,
.label-switch.color-white input[type=checkbox]:checked + .checkbox {
    background-color: #fff
}

.color-white.button:not(.button-fill), .color-white.buttons-row .button {
    border-color: #fff
}

.color-white.button:not(.button-fill).active-state, .color-white.buttons-row .button.active-state,
html:not(.watch-active-state) .color-white.button:not(.button-fill):active,
html:not(.watch-active-state) .color-white.buttons-row .button:active {
    background-color: rgba(255, 255, 255, .15)
}

.color-white.button:not(.button-fill).active, .color-white.buttons-row .button.active {
    background-color: #fff;
    color: #fff
}

.button.button-fill.color-white {
    background: #fff;
    color: #fff
}

.progressbar.bg-white span, .progressbar.color-white span {
    background-color: #fff
}

.progressbar-infinite.bg-white:before, .progressbar-infinite.color-white:before {
    background-color: #fff
}

.color-white i.icon, i.icon.color-white {
    color: #fff
}

.preloader.color-white, .preloader.preloader-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ffffff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.bg-white, .button.button-fill.bg-white, .list-block .swipeout-actions-left a.bg-white,
.list-block .swipeout-actions-right a.bg-white, a.bg-white {
    background-color: #fff
}

.border-white {
    border-color: #fff
}

.border-white:after, .border-white:before, .list-block .border-white.item-inner:after,
.list-block .border-white.item-inner:before, .list-block ul.border-white:after,
.list-block ul.border-white:before {
    background-color: #fff
}

.floating-button.bg-white, .floating-button.color-white, .speed-dial-buttons a.bg-white,
.speed-dial-buttons a.color-white {
    color: #fff;
    background: #fff
}

.floating-button.bg-white.active-state, .floating-button.color-white.active-state,
.speed-dial-buttons a.bg-white.active-state, .speed-dial-buttons a.color-white.active-state,
html:not(.watch-active-state) .floating-button.bg-white:active,
html:not(.watch-active-state) .floating-button.color-white:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-white:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-white:active {
    background: #ebebeb
}

.floating-button.bg-white i, .floating-button.color-white i, .speed-dial-buttons a.bg-white i,
.speed-dial-buttons a.color-white i {
    color: inherit
}

.range-slider.color-white input[type=range]::-webkit-slider-thumb:before {
    background-color: #fff
}

.range-slider.color-white input[type=range]::-ms-fill-lower {
    background-color: #fff
}

.badge.color-white {
    background-color: #fff;
    color: #fff
}

.color-black {
    color: #000
}

.list-block .item-link.list-button.color-black, .list-button.color-black,
.tabbar a.active.color-black, a.color-black {
    color: #000
}

.label-switch input[type=checkbox]:checked + .checkbox.color-black,
.label-switch.color-black input[type=checkbox]:checked + .checkbox {
    background-color: #000
}

.color-black.button:not(.button-fill), .color-black.buttons-row .button {
    border-color: #000
}

.color-black.button:not(.button-fill).active-state, .color-black.buttons-row .button.active-state,
html:not(.watch-active-state) .color-black.button:not(.button-fill):active,
html:not(.watch-active-state) .color-black.buttons-row .button:active {
    background-color: rgba(0, 0, 0, .15)
}

.color-black.button:not(.button-fill).active, .color-black.buttons-row .button.active {
    background-color: #000;
    color: #fff
}

.button.button-fill.color-black {
    background: #000;
    color: #fff
}

.progressbar.bg-black span, .progressbar.color-black span {
    background-color: #000
}

.progressbar-infinite.bg-black:before, .progressbar-infinite.color-black:before {
    background-color: #000
}

.color-black i.icon, i.icon.color-black {
    color: #000
}

.preloader.color-black, .preloader.preloader-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23000000'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.bg-black, .button.button-fill.bg-black, .list-block .swipeout-actions-left a.bg-black,
.list-block .swipeout-actions-right a.bg-black, a.bg-black {
    background-color: #000
}

.border-black {
    border-color: #000
}

.border-black:after, .border-black:before, .list-block .border-black.item-inner:after,
.list-block .border-black.item-inner:before, .list-block ul.border-black:after,
.list-block ul.border-black:before {
    background-color: #000
}

.floating-button.bg-black, .floating-button.color-black, .speed-dial-buttons a.bg-black,
.speed-dial-buttons a.color-black {
    color: #fff;
    background: #000
}

.floating-button.bg-black.active-state, .floating-button.color-black.active-state,
.speed-dial-buttons a.bg-black.active-state, .speed-dial-buttons a.color-black.active-state,
html:not(.watch-active-state) .floating-button.bg-black:active,
html:not(.watch-active-state) .floating-button.color-black:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-black:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-black:active {
    background: #000
}

.floating-button.bg-black i, .floating-button.color-black i, .speed-dial-buttons a.bg-black i,
.speed-dial-buttons a.color-black i {
    color: inherit
}

.range-slider.color-black input[type=range]::-webkit-slider-thumb:before {
    background-color: #000
}

.range-slider.color-black input[type=range]::-ms-fill-lower {
    background-color: #000
}

.badge.color-black {
    background-color: #000;
    color: #fff
}

.color-lightblue {
    color: #5ac8fa
}

.list-block .item-link.list-button.color-lightblue, .list-button.color-lightblue,
.tabbar a.active.color-lightblue, a.color-lightblue {
    color: #5ac8fa
}

.label-switch input[type=checkbox]:checked + .checkbox.color-lightblue,
.label-switch.color-lightblue input[type=checkbox]:checked + .checkbox {
    background-color: #5ac8fa
}

.color-lightblue.button:not(.button-fill), .color-lightblue.buttons-row .button {
    border-color: #5ac8fa
}

.color-lightblue.button:not(.button-fill).active-state, .color-lightblue.buttons-row .button.active-state,
html:not(.watch-active-state) .color-lightblue.button:not(.button-fill):active,
html:not(.watch-active-state) .color-lightblue.buttons-row .button:active {
    background-color: rgba(90, 200, 250, .15)
}

.color-lightblue.button:not(.button-fill).active, .color-lightblue.buttons-row .button.active {
    background-color: #5ac8fa;
    color: #fff
}

.button.button-fill.color-lightblue {
    background: #5ac8fa;
    color: #fff
}

.progressbar.bg-lightblue span, .progressbar.color-lightblue span {
    background-color: #5ac8fa
}

.progressbar-infinite.bg-lightblue:before, .progressbar-infinite.color-lightblue:before {
    background-color: #5ac8fa
}

.color-lightblue i.icon, i.icon.color-lightblue {
    color: #5ac8fa
}

.preloader.color-lightblue, .preloader.preloader-lightblue {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%235ac8fa'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.bg-lightblue, .button.button-fill.bg-lightblue, .list-block .swipeout-actions-left a.bg-lightblue,
.list-block .swipeout-actions-right a.bg-lightblue, a.bg-lightblue {
    background-color: #5ac8fa
}

.border-lightblue {
    border-color: #5ac8fa
}

.border-lightblue:after, .border-lightblue:before, .list-block .border-lightblue.item-inner:after,
.list-block .border-lightblue.item-inner:before, .list-block ul.border-lightblue:after,
.list-block ul.border-lightblue:before {
    background-color: #5ac8fa
}

.floating-button.bg-lightblue, .floating-button.color-lightblue,
.speed-dial-buttons a.bg-lightblue, .speed-dial-buttons a.color-lightblue {
    color: #fff;
    background: #5ac8fa
}

.floating-button.bg-lightblue.active-state, .floating-button.color-lightblue.active-state,
.speed-dial-buttons a.bg-lightblue.active-state, .speed-dial-buttons a.color-lightblue.active-state,
html:not(.watch-active-state) .floating-button.bg-lightblue:active,
html:not(.watch-active-state) .floating-button.color-lightblue:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-lightblue:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-lightblue:active {
    background: #32bbf9
}

.floating-button.bg-lightblue i, .floating-button.color-lightblue i,
.speed-dial-buttons a.bg-lightblue i, .speed-dial-buttons a.color-lightblue i {
    color: inherit
}

.range-slider.color-lightblue input[type=range]::-webkit-slider-thumb:before {
    background-color: #5ac8fa
}

.range-slider.color-lightblue input[type=range]::-ms-fill-lower {
    background-color: #5ac8fa
}

.badge.color-lightblue {
    background-color: #5ac8fa;
    color: #fff
}

.color-yellow {
    color: #fc0
}

.list-block .item-link.list-button.color-yellow, .list-button.color-yellow,
.tabbar a.active.color-yellow, a.color-yellow {
    color: #fc0
}

.label-switch input[type=checkbox]:checked + .checkbox.color-yellow,
.label-switch.color-yellow input[type=checkbox]:checked + .checkbox {
    background-color: #fc0
}

.color-yellow.button:not(.button-fill), .color-yellow.buttons-row .button {
    border-color: #fc0
}

.color-yellow.button:not(.button-fill).active-state, .color-yellow.buttons-row .button.active-state,
html:not(.watch-active-state) .color-yellow.button:not(.button-fill):active,
html:not(.watch-active-state) .color-yellow.buttons-row .button:active {
    background-color: rgba(255, 204, 0, .15)
}

.color-yellow.button:not(.button-fill).active, .color-yellow.buttons-row .button.active {
    background-color: #fc0;
    color: #fff
}

.button.button-fill.color-yellow {
    background: #fc0;
    color: #fff
}

.progressbar.bg-yellow span, .progressbar.color-yellow span {
    background-color: #fc0
}

.progressbar-infinite.bg-yellow:before, .progressbar-infinite.color-yellow:before {
    background-color: #fc0
}

.color-yellow i.icon, i.icon.color-yellow {
    color: #fc0
}

.preloader.color-yellow, .preloader.preloader-yellow {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ffcc00'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.bg-yellow, .button.button-fill.bg-yellow, .list-block .swipeout-actions-left a.bg-yellow,
.list-block .swipeout-actions-right a.bg-yellow, a.bg-yellow {
    background-color: #fc0
}

.border-yellow {
    border-color: #fc0
}

.border-yellow:after, .border-yellow:before, .list-block .border-yellow.item-inner:after,
.list-block .border-yellow.item-inner:before, .list-block ul.border-yellow:after,
.list-block ul.border-yellow:before {
    background-color: #fc0
}

.floating-button.bg-yellow, .floating-button.color-yellow, .speed-dial-buttons a.bg-yellow,
.speed-dial-buttons a.color-yellow {
    color: #fff;
    background: #fc0
}

.floating-button.bg-yellow.active-state, .floating-button.color-yellow.active-state,
.speed-dial-buttons a.bg-yellow.active-state, .speed-dial-buttons a.color-yellow.active-state,
html:not(.watch-active-state) .floating-button.bg-yellow:active,
html:not(.watch-active-state) .floating-button.color-yellow:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-yellow:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-yellow:active {
    background: #d6ab00
}

.floating-button.bg-yellow i, .floating-button.color-yellow i, .speed-dial-buttons a.bg-yellow i,
.speed-dial-buttons a.color-yellow i {
    color: inherit
}

.range-slider.color-yellow input[type=range]::-webkit-slider-thumb:before {
    background-color: #fc0
}

.range-slider.color-yellow input[type=range]::-ms-fill-lower {
    background-color: #fc0
}

.badge.color-yellow {
    background-color: #fc0;
    color: #fff
}

.color-orange {
    color: #ff9500
}

.list-block .item-link.list-button.color-orange, .list-button.color-orange,
.tabbar a.active.color-orange, a.color-orange {
    color: #ff9500
}

.label-switch input[type=checkbox]:checked + .checkbox.color-orange,
.label-switch.color-orange input[type=checkbox]:checked + .checkbox {
    background-color: #ff9500
}

.color-orange.button:not(.button-fill), .color-orange.buttons-row .button {
    border-color: #ff9500
}

.color-orange.button:not(.button-fill).active-state, .color-orange.buttons-row .button.active-state,
html:not(.watch-active-state) .color-orange.button:not(.button-fill):active,
html:not(.watch-active-state) .color-orange.buttons-row .button:active {
    background-color: rgba(255, 149, 0, .15)
}

.color-orange.button:not(.button-fill).active, .color-orange.buttons-row .button.active {
    background-color: #ff9500;
    color: #fff
}

.button.button-fill.color-orange {
    background: #ff9500;
    color: #fff
}

.progressbar.bg-orange span, .progressbar.color-orange span {
    background-color: #ff9500
}

.progressbar-infinite.bg-orange:before, .progressbar-infinite.color-orange:before {
    background-color: #ff9500
}

.color-orange i.icon, i.icon.color-orange {
    color: #ff9500
}

.preloader.color-orange, .preloader.preloader-orange {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ff9500'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.bg-orange, .button.button-fill.bg-orange, .list-block .swipeout-actions-left a.bg-orange,
.list-block .swipeout-actions-right a.bg-orange, a.bg-orange {
    background-color: #ff9500
}

.border-orange {
    border-color: #ff9500
}

.border-orange:after, .border-orange:before, .list-block .border-orange.item-inner:after,
.list-block .border-orange.item-inner:before, .list-block ul.border-orange:after,
.list-block ul.border-orange:before {
    background-color: #ff9500
}

.floating-button.bg-orange, .floating-button.color-orange, .speed-dial-buttons a.bg-orange,
.speed-dial-buttons a.color-orange {
    color: #fff;
    background: #ff9500
}

.floating-button.bg-orange.active-state, .floating-button.color-orange.active-state,
.speed-dial-buttons a.bg-orange.active-state, .speed-dial-buttons a.color-orange.active-state,
html:not(.watch-active-state) .floating-button.bg-orange:active,
html:not(.watch-active-state) .floating-button.color-orange:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-orange:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-orange:active {
    background: #d67d00
}

.floating-button.bg-orange i, .floating-button.color-orange i, .speed-dial-buttons a.bg-orange i,
.speed-dial-buttons a.color-orange i {
    color: inherit
}

.range-slider.color-orange input[type=range]::-webkit-slider-thumb:before {
    background-color: #ff9500
}

.range-slider.color-orange input[type=range]::-ms-fill-lower {
    background-color: #ff9500
}

.badge.color-orange {
    background-color: #ff9500;
    color: #fff
}

.color-pink {
    color: #ff2d55
}

.list-block .item-link.list-button.color-pink, .list-button.color-pink,
.tabbar a.active.color-pink, a.color-pink {
    color: #ff2d55
}

.label-switch input[type=checkbox]:checked + .checkbox.color-pink,
.label-switch.color-pink input[type=checkbox]:checked + .checkbox {
    background-color: #ff2d55
}

.color-pink.button:not(.button-fill), .color-pink.buttons-row .button {
    border-color: #ff2d55
}

.color-pink.button:not(.button-fill).active-state, .color-pink.buttons-row .button.active-state,
html:not(.watch-active-state) .color-pink.button:not(.button-fill):active,
html:not(.watch-active-state) .color-pink.buttons-row .button:active {
    background-color: rgba(255, 45, 85, .15)
}

.color-pink.button:not(.button-fill).active, .color-pink.buttons-row .button.active {
    background-color: #ff2d55;
    color: #fff
}

.button.button-fill.color-pink {
    background: #ff2d55;
    color: #fff
}

.progressbar.bg-pink span, .progressbar.color-pink span {
    background-color: #ff2d55
}

.progressbar-infinite.bg-pink:before, .progressbar-infinite.color-pink:before {
    background-color: #ff2d55
}

.color-pink i.icon, i.icon.color-pink {
    color: #ff2d55
}

.preloader.color-pink, .preloader.preloader-pink {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ff2d55'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.bg-pink, .button.button-fill.bg-pink, .list-block .swipeout-actions-left a.bg-pink,
.list-block .swipeout-actions-right a.bg-pink, a.bg-pink {
    background-color: #ff2d55
}

.border-pink {
    border-color: #ff2d55
}

.border-pink:after, .border-pink:before, .list-block .border-pink.item-inner:after,
.list-block .border-pink.item-inner:before, .list-block ul.border-pink:after,
.list-block ul.border-pink:before {
    background-color: #ff2d55
}

.floating-button.bg-pink, .floating-button.color-pink, .speed-dial-buttons a.bg-pink,
.speed-dial-buttons a.color-pink {
    color: #fff;
    background: #ff2d55
}

.floating-button.bg-pink.active-state, .floating-button.color-pink.active-state,
.speed-dial-buttons a.bg-pink.active-state, .speed-dial-buttons a.color-pink.active-state,
html:not(.watch-active-state) .floating-button.bg-pink:active,
html:not(.watch-active-state) .floating-button.color-pink:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-pink:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-pink:active {
    background: #ff0434
}

.floating-button.bg-pink i, .floating-button.color-pink i, .speed-dial-buttons a.bg-pink i,
.speed-dial-buttons a.color-pink i {
    color: inherit
}

.range-slider.color-pink input[type=range]::-webkit-slider-thumb:before {
    background-color: #ff2d55
}

.range-slider.color-pink input[type=range]::-ms-fill-lower {
    background-color: #ff2d55
}

.badge.color-pink {
    background-color: #ff2d55;
    color: #fff
}

.color-blue {
    color: #007aff
}

.list-block .item-link.list-button.color-blue, .list-button.color-blue,
.tabbar a.active.color-blue, a.color-blue {
    color: #007aff
}

.label-switch input[type=checkbox]:checked + .checkbox.color-blue,
.label-switch.color-blue input[type=checkbox]:checked + .checkbox {
    background-color: #007aff
}

.color-blue.button:not(.button-fill), .color-blue.buttons-row .button {
    border-color: #007aff
}

.color-blue.button:not(.button-fill).active-state, .color-blue.buttons-row .button.active-state,
html:not(.watch-active-state) .color-blue.button:not(.button-fill):active,
html:not(.watch-active-state) .color-blue.buttons-row .button:active {
    background-color: rgba(0, 122, 255, .15)
}

.color-blue.button:not(.button-fill).active, .color-blue.buttons-row .button.active {
    background-color: #007aff;
    color: #fff
}

.button.button-fill.color-blue {
    background: #007aff;
    color: #fff
}

.progressbar.bg-blue span, .progressbar.color-blue span {
    background-color: #007aff
}

.progressbar-infinite.bg-blue:before, .progressbar-infinite.color-blue:before {
    background-color: #007aff
}

.color-blue i.icon, i.icon.color-blue {
    color: #007aff
}

.preloader.color-blue, .preloader.preloader-blue {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23007aff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.bg-blue, .button.button-fill.bg-blue, .list-block .swipeout-actions-left a.bg-blue,
.list-block .swipeout-actions-right a.bg-blue, a.bg-blue {
    background-color: #007aff
}

.border-blue {
    border-color: #007aff
}

.border-blue:after, .border-blue:before, .list-block .border-blue.item-inner:after,
.list-block .border-blue.item-inner:before, .list-block ul.border-blue:after,
.list-block ul.border-blue:before {
    background-color: #007aff
}

.floating-button.bg-blue, .floating-button.color-blue, .speed-dial-buttons a.bg-blue,
.speed-dial-buttons a.color-blue {
    color: #fff;
    background: #007aff
}

.floating-button.bg-blue.active-state, .floating-button.color-blue.active-state,
.speed-dial-buttons a.bg-blue.active-state, .speed-dial-buttons a.color-blue.active-state,
html:not(.watch-active-state) .floating-button.bg-blue:active,
html:not(.watch-active-state) .floating-button.color-blue:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-blue:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-blue:active {
    background: #0066d6
}

.floating-button.bg-blue i, .floating-button.color-blue i, .speed-dial-buttons a.bg-blue i,
.speed-dial-buttons a.color-blue i {
    color: inherit
}

.range-slider.color-blue input[type=range]::-webkit-slider-thumb:before {
    background-color: #007aff
}

.range-slider.color-blue input[type=range]::-ms-fill-lower {
    background-color: #007aff
}

.badge.color-blue {
    background-color: #007aff;
    color: #fff
}

.color-green {
    color: #4cd964
}

.list-block .item-link.list-button.color-green, .list-button.color-green,
.tabbar a.active.color-green, a.color-green {
    color: #4cd964
}

.label-switch input[type=checkbox]:checked + .checkbox.color-green,
.label-switch.color-green input[type=checkbox]:checked + .checkbox {
    background-color: #4cd964
}

.color-green.button:not(.button-fill), .color-green.buttons-row .button {
    border-color: #4cd964
}

.color-green.button:not(.button-fill).active-state, .color-green.buttons-row .button.active-state,
html:not(.watch-active-state) .color-green.button:not(.button-fill):active,
html:not(.watch-active-state) .color-green.buttons-row .button:active {
    background-color: rgba(76, 217, 100, .15)
}

.color-green.button:not(.button-fill).active, .color-green.buttons-row .button.active {
    background-color: #4cd964;
    color: #fff
}

.button.button-fill.color-green {
    background: #4cd964;
    color: #fff
}

.progressbar.bg-green span, .progressbar.color-green span {
    background-color: #4cd964
}

.progressbar-infinite.bg-green:before, .progressbar-infinite.color-green:before {
    background-color: #4cd964
}

.color-green i.icon, i.icon.color-green {
    color: #4cd964
}

.preloader.color-green, .preloader.preloader-green {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%234cd964'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.bg-green, .button.button-fill.bg-green, .list-block .swipeout-actions-left a.bg-green,
.list-block .swipeout-actions-right a.bg-green, a.bg-green {
    background-color: #4cd964
}

.border-green {
    border-color: #4cd964
}

.border-green:after, .border-green:before, .list-block .border-green.item-inner:after,
.list-block .border-green.item-inner:before, .list-block ul.border-green:after,
.list-block ul.border-green:before {
    background-color: #4cd964
}

.floating-button.bg-green, .floating-button.color-green, .speed-dial-buttons a.bg-green,
.speed-dial-buttons a.color-green {
    color: #fff;
    background: #4cd964
}

.floating-button.bg-green.active-state, .floating-button.color-green.active-state,
.speed-dial-buttons a.bg-green.active-state, .speed-dial-buttons a.color-green.active-state,
html:not(.watch-active-state) .floating-button.bg-green:active,
html:not(.watch-active-state) .floating-button.color-green:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-green:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-green:active {
    background: #2cd048
}

.floating-button.bg-green i, .floating-button.color-green i, .speed-dial-buttons a.bg-green i,
.speed-dial-buttons a.color-green i {
    color: inherit
}

.range-slider.color-green input[type=range]::-webkit-slider-thumb:before {
    background-color: #4cd964
}

.range-slider.color-green input[type=range]::-ms-fill-lower {
    background-color: #4cd964
}

.badge.color-green {
    background-color: #4cd964;
    color: #fff
}

.color-red {
    color: #ff3b30
}

.list-block .item-link.list-button.color-red, .list-button.color-red,
.tabbar a.active.color-red, a.color-red {
    color: #ff3b30
}

.label-switch input[type=checkbox]:checked + .checkbox.color-red,
.label-switch.color-red input[type=checkbox]:checked + .checkbox {
    background-color: #ff3b30
}

.color-red.button:not(.button-fill), .color-red.buttons-row .button {
    border-color: #ff3b30
}

.color-red.button:not(.button-fill).active-state, .color-red.buttons-row .button.active-state,
html:not(.watch-active-state) .color-red.button:not(.button-fill):active,
html:not(.watch-active-state) .color-red.buttons-row .button:active {
    background-color: rgba(255, 59, 48, .15)
}

.color-red.button:not(.button-fill).active, .color-red.buttons-row .button.active {
    background-color: #ff3b30;
    color: #fff
}

.button.button-fill.color-red {
    background: #ff3b30;
    color: #fff
}

.progressbar.bg-red span, .progressbar.color-red span {
    background-color: #ff3b30
}

.progressbar-infinite.bg-red:before, .progressbar-infinite.color-red:before {
    background-color: #ff3b30
}

.color-red i.icon, i.icon.color-red {
    color: #ff3b30
}

.preloader.color-red, .preloader.preloader-red {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23ff3b30'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.bg-red, .button.button-fill.bg-red, .list-block .swipeout-actions-left a.bg-red,
.list-block .swipeout-actions-right a.bg-red, a.bg-red {
    background-color: #ff3b30
}

.border-red {
    border-color: #ff3b30
}

.border-red:after, .border-red:before, .list-block .border-red.item-inner:after,
.list-block .border-red.item-inner:before, .list-block ul.border-red:after,
.list-block ul.border-red:before {
    background-color: #ff3b30
}

.floating-button.bg-red, .floating-button.color-red, .speed-dial-buttons a.bg-red,
.speed-dial-buttons a.color-red {
    color: #fff;
    background: #ff3b30
}

.floating-button.bg-red.active-state, .floating-button.color-red.active-state,
.speed-dial-buttons a.bg-red.active-state, .speed-dial-buttons a.color-red.active-state,
html:not(.watch-active-state) .floating-button.bg-red:active, html:not(.watch-active-state) .floating-button.color-red:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-red:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-red:active {
    background: #ff1407
}

.floating-button.bg-red i, .floating-button.color-red i, .speed-dial-buttons a.bg-red i,
.speed-dial-buttons a.color-red i {
    color: inherit
}

.range-slider.color-red input[type=range]::-webkit-slider-thumb:before {
    background-color: #ff3b30
}

.range-slider.color-red input[type=range]::-ms-fill-lower {
    background-color: #ff3b30
}

.badge.color-red {
    background-color: #fff5dd;
    color: #fff
}

.layout-dark .navbar, .layout-dark .subnavbar, .navbar.layout-dark,
.subnavbar.layout-dark {
    background-color: #282d3e;
    color: #fff
}

.layout-dark .navbar:after, .layout-dark .subnavbar:after, .navbar.layout-dark:after,
.subnavbar.layout-dark:after {
    background-color: #333
}

.layout-dark .toolbar, .toolbar.layout-dark {
    background-color: #141c26;
    color: #fff
}

.layout-dark .toolbar:before, .toolbar.layout-dark:before {
    background-color: #141c26
}

.layout-dark .picker-modal .toolbar {
    background-color: #131313
}

.layout-dark .popover .picker-modal .toolbar {
    background: 0 0
}

.layout-dark .picker-calendar-week-days {
    color: #fff;
    background-color: #131313
}

.layout-dark .picker-modal.picker-modal-inline .picker-center-highlight:before,
.layout-dark .popover .picker-modal .picker-center-highlight:before {
    background-color: #333
}

.layout-dark .picker-modal.picker-modal-inline .picker-center-highlight:after,
.layout-dark .popover .picker-modal .picker-center-highlight:after {
    background-color: #333
}

.layout-dark .picker-modal.picker-modal-inline .picker-item.picker-selected,
.layout-dark .popover .picker-modal .picker-item.picker-selected {
    color: #fff
}

.layout-dark .picker-modal.picker-modal-inline .picker-calendar-week-days,
.layout-dark .popover .picker-modal .picker-calendar-week-days {
    color: #fff
}

.layout-dark .picker-modal.picker-modal-inline .picker-calendar-day,
.layout-dark .popover .picker-modal .picker-calendar-day {
    color: #fff
}

.layout-dark .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-next,
.layout-dark .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-prev,
.layout-dark .popover .picker-modal .picker-calendar-day.picker-calendar-day-next,
.layout-dark .popover .picker-modal .picker-calendar-day.picker-calendar-day-prev {
    color: #777
}

.layout-dark .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-disabled,
.layout-dark .popover .picker-modal .picker-calendar-day.picker-calendar-day-disabled {
    color: #555
}

.layout-dark .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-today span,
.layout-dark .popover .picker-modal .picker-calendar-day.picker-calendar-day-today span {
    background: #333
}

.layout-dark .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-has-events span:after,
.layout-dark .popover .picker-modal .picker-calendar-day.picker-calendar-day-has-events span:after {
    background: #555
}

.layout-dark .picker-modal.picker-modal-inline .picker-calendar-row:after,
.layout-dark .picker-modal.picker-modal-inline .picker-calendar-week-days:after,
.layout-dark .popover .picker-modal .picker-calendar-row:after, .layout-dark .popover .picker-modal .picker-calendar-week-days:after {
    background-color: #333
}

.layout-dark .picker-modal.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before,
.layout-dark .picker-modal.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
.layout-dark .popover .picker-modal .picker-calendar-week-days ~ .picker-calendar-months:before,
.layout-dark .popover .picker-modal .toolbar ~ .picker-modal-inner .picker-calendar-months:before {
    background-color: #333
}

.layout-dark .popover .picker-modal .toolbar:after {
    background-color: #333
}

.layout-dark .photo-browser .navbar, .layout-dark .photo-browser .toolbar,
.layout-dark .views .view[data-page=photo-browser-slides] .navbar,
.layout-dark .views .view[data-page=photo-browser-slides] .toolbar {
    color: #000;
    background: rgba(247, 247, 247, .95)
}

.layout-dark .photo-browser-dark .navbar, .layout-dark .photo-browser-dark .toolbar {
    background: rgba(30, 30, 30, .8);
    color: #fff
}

.layout-dark .tabbar a:not(.active) {
    color: #fff
}

.layout-dark .login-screen-content, .layout-dark .page, .layout-dark .panel,
.page.layout-dark, .panel.layout-dark {
    background-color: #141c26;
    
    color: #ddd
        
        
}

///background ^

.layout-dark .content-block-title {
    color: #fff
}

.content-block.layout-dark, .layout-dark .content-block {
    color: #c5c9d9
}

.layout-dark .content-block-inner {
    background: #d1c4c4;
    color: #d3d9dd
        
}

.layout-dark .content-block-inner:before {
    background-color: #8b8589
}

.layout-dark .content-block-inner:after {
    background-color: #d7cccc
        
}

.layout-dark .list-block ul, .list-block.layout-dark ul {
    background: #282d3e
        
}

.layout-dark .list-block ul:before, .list-block.layout-dark ul:before {
    background-color: #c0b5a7
        
}

.layout-dark .list-block ul:after, .list-block.layout-dark ul:after {
    background-color: #c6ccca
        
        
}

.layout-dark .list-block.inset ul, .list-block.layout-dark.inset ul {
    background: #282d3e
}

///li color ^

.layout-dark .list-block.notifications > ul, .list-block.layout-dark.notifications > ul {
    background: 0 0
}

.layout-dark .autocomplete-dropdown {
    background: #1c1d1f
}

.layout-dark .autocomplete-dropdown .list-block b {
    color: #fff
}

.layout-dark .card {
    background: #1c1d1f
}

.layout-dark .card-header:after {
    background-color: #393939
}

.layout-dark .card-footer {
    color: #bbb
}

.layout-dark .card-footer:before {
    background-color: #484848
}

.layout-dark .popover, .popover.layout-dark {
    background: rgba(0, 0, 0, .8)
}

.layout-dark .popover .popover-angle:after, .popover.layout-dark .popover-angle:after {
    background: rgba(0, 0, 0, .8)
}

.layout-dark .popover .list-block ul, .popover.layout-dark .list-block ul {
    background: rgba(180, 185, 210, 0.8)
        
}

.layout-dark .actions-popover .list-block ul:before {
    background-color: #4d4d4b
}

.layout-dark .actions-popover .list-block ul:after {
    background-color: #393939
}

.layout-dark .actions-popover .actions-popover-label:after {
    background-color: #393939
}

.layout-dark li.sorting {
    background-color: #454546
}

.layout-dark .swipeout-actions-left a, .layout-dark .swipeout-actions-right a {
    background-color: #444
}

.layout-dark .item-inner:after, .layout-dark .list-block ul ul li:last-child .item-inner:after {
    background-color: #383938
}

.layout-dark .item-after {
    color: #bbb
}

.layout-dark .item-link.active-state, .layout-dark label.label-checkbox.active-state,
.layout-dark label.label-radio.active-state, html:not(.watch-active-state) .layout-dark .item-link:active,
html:not(.watch-active-state) .layout-dark label.label-checkbox:active,
html:not(.watch-active-state) .layout-dark label.label-radio:active {
    background-color: #585867
        
}

.layout-dark .item-link.list-button:after, .layout-dark .list-button:after {
    background-color: #393939
}

.layout-dark .list-block-label {
    color: #bbb
}

.layout-dark .item-divider, .layout-dark .list-group-title {
    background: #1a1a1a;
    color: #bbb
}

.layout-dark .item-divider:before, .layout-dark .list-group-title:before {
    background-color: #393939
}

.layout-dark .searchbar {
    background: #333
}

.layout-dark .searchbar:after {
    background-color: #333
}

.layout-dark .list-block input[type=date], .layout-dark .list-block input[type=datetime-local],
.layout-dark .list-block input[type=email], .layout-dark .list-block input[type=number],
.layout-dark .list-block input[type=password], .layout-dark .list-block input[type=tel],
.layout-dark .list-block input[type=text], .layout-dark .list-block input[type=url],
.layout-dark .list-block select, .layout-dark .list-block textarea,
.list-block.layout-dark input[type=date], .list-block.layout-dark input[type=datetime-local],
.list-block.layout-dark input[type=email], .list-block.layout-dark input[type=number],
.list-block.layout-dark input[type=password], .list-block.layout-dark input[type=tel],
.list-block.layout-dark input[type=text], .list-block.layout-dark input[type=url],
.list-block.layout-dark select, .list-block.layout-dark textarea {
    color: #fff
}

.layout-dark .label-switch .checkbox {
    background-color: #393939
}

.layout-dark .label-switch .checkbox:before {
    background-color: #1c1d1f
}

.layout-dark .range-slider input[type=range]:after {
    background: #1c1d1f
}

.layout-dark .range-slider input[type=range]::-ms-thumb {
    border: none
}

.layout-dark .timeline-item-inner {
    background: #1c1d1f
}

.layout-dark .timeline-item-divider {
    background: rgba(255, 255, 255, .3)
}

.layout-dark .content-block-inner .timeline-item-inner {
    border-color: #393939
}

.layout-dark .timeline-item-time {
    color: #8e8e93
}

.layout-dark .timeline-horizontal .timeline-item-date {
    background-color: #131313
}

.layout-dark .timeline-horizontal .timeline-item-date:after {
    background-color: #333
}

.layout-dark .timeline-horizontal .timeline-item:after {
    background-color: #333
}

.layout-dark .timeline-month-title, .layout-dark .timeline-year-title {
    background-color: #131313
}

.layout-dark .timeline-month .timeline-item:before {
    background-color: #333
}

.layout-dark .timeline-year:after {
    background-color: #333
}

.layout-dark .data-table tbody tr.data-table-row-selected {
    background: rgba(255, 255, 255, .05)
}

.layout-dark .data-table tbody td:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
    height: 1px;
    width: 100%;
    background-color: #393939;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

html.pixel-ratio-2 .layout-dark .data-table tbody td:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .layout-dark .data-table tbody td:before {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
}

html:not(.ios):not(.android) .layout-dark .data-table tbody tr:hover {
    background: rgba(255, 255, 255, .05)
}

.layout-dark .data-table .sortable-cell.numeric-cell:before, .layout-dark .data-table .sortable-cell:not(.numeric-cell):after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0V0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M20%2012l-1.41-1.41L13%2016.17V4h-2v12.17l-5.58-5.59L4%2012l8%208%208-8z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

@media (max-width:480px) and (orientation:portrait) {
    .layout-dark .data-table.data-table-collapsible tr:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: auto;
        right: auto;
        height: 1px;
        width: 100%;
        background-color: #393939;
        display: block;
        z-index: 15;
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }

    html.pixel-ratio-2 .layout-dark .data-table.data-table-collapsible tr:before {
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }

    html.pixel-ratio-3 .layout-dark .data-table.data-table-collapsible tr:before {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }

    .layout-dark .data-table.data-table-collapsible tr:hover {
        background-color: inherit
    }
}

.layout-white .navbar, .layout-white .subnavbar, .navbar.layout-white,
.subnavbar.layout-white {
    background-color: #fff;
    color: #000
}

.layout-white .navbar:after, .layout-white .subnavbar:after, .navbar.layout-white:after,
.subnavbar.layout-white:after {
    background-color: #ddd
}

.layout-white .toolbar, .toolbar.layout-white {
    background-color: #fff;
    color: #000
}

.layout-white .toolbar:before, .toolbar.layout-white:before {
    background-color: #ddd
}

.layout-white .picker-modal .toolbar {
    background-color: #fff
}

.layout-white .popover .picker-modal .toolbar {
    background: 0 0
}

.layout-white .picker-modal.picker-modal-inline .picker-center-highlight:before,
.layout-white .popover .picker-modal .picker-center-highlight:before {
    background-color: #ddd
}

.layout-white .picker-modal.picker-modal-inline .picker-center-highlight:after,
.layout-white .popover .picker-modal .picker-center-highlight:after {
    background-color: #ddd
}

.layout-white .picker-modal.picker-modal-inline .picker-calendar-row:after,
.layout-white .picker-modal.picker-modal-inline .picker-calendar-week-days:after,
.layout-white .popover .picker-modal .picker-calendar-row:after,
.layout-white .popover .picker-modal .picker-calendar-week-days:after {
    background-color: #ddd
}

.layout-white .picker-modal.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before,
.layout-white .picker-modal.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
.layout-white .popover .picker-modal .picker-calendar-week-days ~ .picker-calendar-months:before,
.layout-white .popover .picker-modal .toolbar ~ .picker-modal-inner .picker-calendar-months:before {
    background-color: #ddd
}

.layout-white .popover .picker-modal .toolbar:after {
    background-color: #ddd
}

.layout-white .photo-browser .navbar, .layout-white .photo-browser .toolbar,
.layout-white .views .view[data-page=photo-browser-slides] .navbar,
.layout-white .views .view[data-page=photo-browser-slides] .toolbar {
    color: #000;
    background: rgba(247, 247, 247, .95)
}

.layout-white .photo-browser-dark .navbar, .layout-white .photo-browser-dark .toolbar {
    background: rgba(30, 30, 30, .8);
    color: #fff
}

.layout-white .tabbar a:not(.active) {
    color: #777
}

.layout-white .login-screen-content, .layout-white .page, .layout-white .panel,
.page.layout-white, .panel.layout-white {
    background-color: #fff;
    color: #000
}

.layout-white .content-block-title {
    color: #777
}

.content-block.layout-white, .layout-white .content-block {
    color: #777
}

.layout-white .content-block-inner {
    background: #fafafa;
    color: #000
}

.layout-white .content-block-inner:after {
    background-color: #ddd
}

.layout-white .content-block-inner:before {
    background-color: #ddd
}

.layout-white .list-block ul, .list-block.layout-white ul {
    background: #fff
}

.layout-white .list-block ul:after, .list-block.layout-white ul:after {
    background-color: #ddd
}

.layout-white .list-block ul:before, .list-block.layout-white ul:before {
    background-color: #ddd
}

.layout-white .list-block.inset ul, .list-block.layout-white.inset ul {
    background: #fafafa
}

.layout-white .list-block.notifications > ul, .list-block.layout-white.notifications > ul {
    background: 0 0
}

.layout-white .popover-inner > .list-block ul {
    background: 0 0
}

.layout-white li.sorting {
    background-color: #eee
}

.layout-white .swipeout-actions-left a, .layout-white .swipeout-actions-right a {
    background-color: #c7c7cc
}

.layout-white .item-inner, .layout-white .list-block ul ul li:last-child .item-inner {
    border-color: #ddd
}

.layout-white .item-inner:after, .layout-white .list-block ul ul li:last-child .item-inner:after {
    background-color: #ddd
}

.layout-white .item-after {
    color: #8e8e93
}

.layout-white .item-link.active-state, .layout-white label.label-checkbox.active-state,
.layout-white label.label-radio.active-state, html:not(.watch-active-state) .layout-white .item-link:active,
html:not(.watch-active-state) .layout-white label.label-checkbox:active,
html:not(.watch-active-state) .layout-white label.label-radio:active {
    background-color: #eee
}

.layout-white .item-link.list-button:after, .layout-white .list-button:after {
    background-color: #ddd
}

.layout-white .list-block-label {
    color: #777
}

.layout-white .item-divider, .layout-white .list-group-title {
    background: #f7f7f7;
    color: #777
}

.layout-white .item-divider:before, .layout-white .list-group-title:before {
    background-color: #ddd
}

.layout-white .searchbar {
    background: #c9c9ce
}

.layout-white .searchbar:after {
    background-color: #b4b4b4
}

.layout-white .list-block input[type=date], .layout-white .list-block input[type=datetime-local],
.layout-white .list-block input[type=email], .layout-white .list-block input[type=number],
.layout-white .list-block input[type=password], .layout-white .list-block input[type=tel],
.layout-white .list-block input[type=text], .layout-white .list-block input[type=url],
.layout-white .list-block select, .layout-white .list-block textarea,
.list-block.layout-white input[type=date], .list-block.layout-white input[type=datetime-local],
.list-block.layout-white input[type=email], .list-block.layout-white input[type=number],
.list-block.layout-white input[type=password], .list-block.layout-white input[type=tel],
.list-block.layout-white input[type=text], .list-block.layout-white input[type=url],
.list-block.layout-white select, .list-block.layout-white textarea {
    color: #777
}

.layout-white .label-switch .checkbox {
    background-color: #e5e5e5
}

.layout-white .label-switch .checkbox:before {
    background-color: #fff
}

.layout-white .range-slider input[type=range]:after {
    background: #fff
}

.layout-white .timeline-item-inner {
    background: #fafafa
}

.layout-white .content-block-inner .timeline-item-inner {
    border-color: #ddd
}

.layout-white .timeline-item-time {
    color: #8e8e93
}

.layout-white .timeline-horizontal .timeline-item-date {
    background-color: #fff
}

.layout-white .timeline-horizontal .timeline-item-date:after {
    background-color: #ddd
}

.layout-white .timeline-horizontal .timeline-item:after {
    background-color: #ddd
}

.layout-white .timeline-month-title, .layout-white .timeline-year-title {
    background-color: #fff
}

.layout-white .timeline-month .timeline-item:before {
    background-color: #ddd
}

.layout-white .timeline-year:after {
    background-color: #ddd
}