/**
 * Framework7 1.4.2
 * Full Featured Mobile HTML Framework For Building iOS & Android Apps
 * 
 * http://www.idangero.us/framework7
 * 
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: February 27, 2016
 */
.layout-dark .login-screen-content, .layout-dark .page, .layout-dark .panel, .page.layout-dark, .panel.layout-dark {
    background-color: #222;
    color: rgba(255,255,255,.87)
}

.layout-dark .content-block-title {
    color: rgba(255,255,255,.87)
}

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

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

.layout-dark .popover .list-block ul {
    background: 0 0
}

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

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

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

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

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

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

.layout-dark .list-block.inset ul, .list-block.layout-dark.inset ul {
    background: #1c1c1c
}

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

.layout-dark li.sorting {
    background-color: rgba(34,34,34,.8)
}

.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: #393939
}

.layout-dark .item-after, .layout-dark .item-text {
    color: rgba(255,255,255,.7)
}

.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 .contacts-block .list-group-title {
    background: 0 0
}

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

    .layout-dark .autocomplete-dropdown .list-block {
        color: rgba(255,255,255,.54)
    }

        .layout-dark .autocomplete-dropdown .list-block b {
            color: rgba(255,255,255,.87)
        }

.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: rgba(255,255,255,.05)
}

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

    .layout-dark .list-block input[type=text]::-webkit-input-placeholder, .layout-dark .list-block input[type=password]::-webkit-input-placeholder, .layout-dark .list-block input[type=search]::-webkit-input-placeholder, .layout-dark .list-block input[type=email]::-webkit-input-placeholder, .layout-dark .list-block input[type=tel]::-webkit-input-placeholder, .layout-dark .list-block input[type=url]::-webkit-input-placeholder, .layout-dark .list-block input[type=date]::-webkit-input-placeholder, .layout-dark .list-block input[type=datetime-local]::-webkit-input-placeholder, .layout-dark .list-block input[type=time]::-webkit-input-placeholder, .layout-dark .list-block input[type=number]::-webkit-input-placeholder, .layout-dark .list-block select::-webkit-input-placeholder, .layout-dark .list-block textarea::-webkit-input-placeholder {
        color: rgba(255,255,255,.35)
    }

.layout-dark .label-switch .checkbox {
    background: rgba(255,255,255,.3)
}

.layout-dark .item-inner:not(.focus-state) .floating-label, .layout-dark .item-inner:not(.focus-state) .label {
    color: rgba(255,255,255,.7)
}

.layout-dark .item-inner:not(.focus-state):not(.not-empty-state) .input-field:after, .layout-dark .item-inner:not(.focus-state):not(.not-empty-state) .item-input-field:after {
    background-color: rgba(255,255,255,.12)
}

.layout-dark label.label-checkbox i.icon-form-checkbox {
    border-color: rgba(255,255,255,.7)
}

.layout-dark label.label-radio i.icon-form-radio {
    border-color: rgba(255,255,255,.7)
}

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

.layout-dark .page-content .ripple-wave {
    background: rgba(255,255,255,.3)
}

.layout-dark .button:not(.button-fill).active-state, html:not(.watch-active-state) .layout-dark .button:not(.button-fill):active {
    background: rgba(255,255,255,.1)
}

.layout-dark .chip {
    background: rgba(255,255,255,.87)
}

.color-red {
    color: #f44336
}

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

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

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

.theme-red .navbar .button:not(.button-fill), .theme-red .subnavbar .button:not(.button-fill), .theme-red .toolbar .button:not(.button-fill), .theme-red.navbar .button:not(.button-fill), .theme-red.subnavbar .button:not(.button-fill), .theme-red.toolbar .button:not(.button-fill) {
    color: #fff
}

.button.color-red:not(.button-fill), .color-red.buttons-row .button:not(.button-fill) {
    color: #f44336 !important
}

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

    .theme-red .button.button-fill.active-state, html:not(.watch-active-state) .theme-red .button.button-fill:active {
        background: #D32F2F
    }

.button.button-fill.bg-red, .button.button-fill.color-red {
    background: #f44336 !important;
    color: #fff
}

    .button.button-fill.bg-red.active-state, .button.button-fill.color-red.active-state, html:not(.watch-active-state) .button.button-fill.bg-red:active, html:not(.watch-active-state) .button.button-fill.color-red:active {
        background: #D32F2F !important
    }

.progressbar.bg-red, .progressbar.color-red, .progressbar.theme-red, .theme-red .progressbar {
    background-color: rgba(244,67,54,.5)
}

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

.progressbar-infinite.bg-red, .progressbar-infinite.color-red, .progressbar-infinite.theme-red, .theme-red .progressbar-infinite {
    background-color: rgba(244,67,54,.5)
}

    .progressbar-infinite.bg-red:after, .progressbar-infinite.bg-red:before, .progressbar-infinite.color-red:after, .progressbar-infinite.color-red:before, .progressbar-infinite.theme-red:after, .progressbar-infinite.theme-red:before, .theme-red .progressbar-infinite:after, .theme-red .progressbar-infinite:before {
        background-color: #f44336
    }

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

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'%20fill%3D'%23f44336'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

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'%20fill%3D'%23f44336'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E")
}

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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E")
}

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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E")
}

.preloader.color-red svg circle, .preloader.preloader-red svg circle {
    stroke: #f44336
}

.preloader.color-red .preloader-inner-gap, .preloader.color-red .preloader-inner-half-circle, .preloader.preloader-red .preloader-inner-gap, .preloader.preloader-red .preloader-inner-half-circle {
    border-color: #f44336
}

.theme-red a {
    color: #f44336
}

.navbar.theme-red, .searchbar.theme-red, .subnavbar.theme-red, .theme-red .navbar, .theme-red .searchbar, .theme-red .subnavbar, .theme-red .toolbar, .toolbar.theme-red {
    background-color: #f44336
}

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

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

.range-slider.theme-red input[type=range]::-ms-thumb, .theme-red .range-slider input[type=range]::-ms-thumb {
    background-color: #f44336
}

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

.range-slider.theme-red input[type=range]::-moz-range-thumb, .theme-red .range-slider input[type=range]::-moz-range-thumb {
    background-color: #f44336
}

.label-switch.theme-red input[type=checkbox]:checked + .checkbox, .theme-red .label-switch input[type=checkbox]:checked + .checkbox {
    background-color: rgba(244,67,54,.5)
}

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

.theme-red label.label-checkbox, label.label-checkbox.theme-red {
    cursor: pointer
}

    .theme-red label.label-checkbox i.icon-form-checkbox:after, label.label-checkbox.theme-red i.icon-form-checkbox:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
    }

    .theme-red label.label-checkbox input[type=checkbox]:checked + .item-media i.icon-form-checkbox, .theme-red label.label-checkbox input[type=checkbox]:checked ~ .item-after i.icon-form-checkbox, .theme-red label.label-checkbox input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, .theme-red label.label-checkbox input[type=radio]:checked + .item-media i.icon-form-checkbox, .theme-red label.label-checkbox input[type=radio]:checked ~ .item-after i.icon-form-checkbox, .theme-red label.label-checkbox input[type=radio]:checked ~ .item-inner 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=checkbox]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-red input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, label.label-checkbox.theme-red input[type=radio]:checked + .item-media i.icon-form-checkbox, label.label-checkbox.theme-red input[type=radio]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-red input[type=radio]:checked ~ .item-inner i.icon-form-checkbox {
        border-color: #f44336;
        background-color: #f44336
    }

.theme-red label.label-radio i.icon-form-radio:after, label.label-radio.theme-red i.icon-form-radio:after {
    background-color: #f44336
}

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

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

.theme-red .focus-state .floating-label, .theme-red .focus-state .label {
    color: #f44336
}

.theme-red .input-field.focus-state:after, .theme-red .input-field.not-empty-state:after, .theme-red .item-input-field.focus-state:after, .theme-red .item-input-field.not-empty-state:after {
    background: #f44336
}

.theme-red .picker-calendar-day.picker-calendar-day-today span {
    color: #f44336
}

.theme-red .picker-calendar-day.picker-calendar-day-selected span {
    background-color: #f44336;
    color: #fff
}

.theme-red .picker-calendar-day.picker-calendar-day-has-events span:after {
    background-color: #f44336
}

.theme-red .picker-header {
    background-color: #f44336
}

.theme-red .modal-button {
    color: #f44336
}

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

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

.swiper-pagination.swiper-pagination-progress.bg-red {
    background-color: rgba(244,67,54,.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'%23f44336'%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'%23f44336'%2F%3E%3C%2Fsvg%3E")
}

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

.list-block .bg-red .item-link.active-state, .list-block .item-link.bg-red.active-state, .list-block .item-link.list-block .swipeout-actions-left a.bg-red.active-state, .list-block .item-link.list-block .swipeout-actions-right a.bg-red.active-state, .list-block .item-linka.bg-red.active-state, .list-block .list-block .swipeout-actions-left a.bg-red .item-link.active-state, .list-block .list-block .swipeout-actions-right a.bg-red .item-link.active-state, .list-block a.bg-red .item-link.active-state, .list-block.bg-red .item-link.active-state, .list-block.list-block .swipeout-actions-left a.bg-red .item-link.active-state, .list-block.list-block .swipeout-actions-right a.bg-red .item-link.active-state, .list-blocka.bg-red .item-link.active-state, html:not(.watch-active-state) .list-block .bg-red .item-link:active, html:not(.watch-active-state) .list-block .item-link.bg-red:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-red:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-red:active, html:not(.watch-active-state) .list-block .item-linka.bg-red:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-red .item-link:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-red .item-link:active, html:not(.watch-active-state) .list-block a.bg-red .item-link:active, html:not(.watch-active-state) .list-block.bg-red .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-red .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-red .item-link:active, html:not(.watch-active-state) .list-blocka.bg-red .item-link:active {
    background: #D32F2F
}

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

    .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: #f44336
    }

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

    .floating-button.bg-red.active-state, .floating-button.color-red.active-state, .floating-button.theme-red.active-state, .speed-dial-buttons a.bg-red.active-state, .speed-dial-buttons a.color-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.bg-red:active, html:not(.watch-active-state) .floating-button.color-red:active, html:not(.watch-active-state) .floating-button.theme-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, 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: #D32F2F
    }

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

.ripple-red .ripple-wave {
    background-color: rgba(244,67,54,.3)
}

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

.color-pink {
    color: #e91e63
}

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

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

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

.theme-pink .navbar .button:not(.button-fill), .theme-pink .subnavbar .button:not(.button-fill), .theme-pink .toolbar .button:not(.button-fill), .theme-pink.navbar .button:not(.button-fill), .theme-pink.subnavbar .button:not(.button-fill), .theme-pink.toolbar .button:not(.button-fill) {
    color: #fff
}

.button.color-pink:not(.button-fill), .color-pink.buttons-row .button:not(.button-fill) {
    color: #e91e63 !important
}

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

    .theme-pink .button.button-fill.active-state, html:not(.watch-active-state) .theme-pink .button.button-fill:active {
        background: #C2185B
    }

.button.button-fill.bg-pink, .button.button-fill.color-pink {
    background: #e91e63 !important;
    color: #fff
}

    .button.button-fill.bg-pink.active-state, .button.button-fill.color-pink.active-state, html:not(.watch-active-state) .button.button-fill.bg-pink:active, html:not(.watch-active-state) .button.button-fill.color-pink:active {
        background: #C2185B !important
    }

.progressbar.bg-pink, .progressbar.color-pink, .progressbar.theme-pink, .theme-pink .progressbar {
    background-color: rgba(233,30,99,.5)
}

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

.progressbar-infinite.bg-pink, .progressbar-infinite.color-pink, .progressbar-infinite.theme-pink, .theme-pink .progressbar-infinite {
    background-color: rgba(233,30,99,.5)
}

    .progressbar-infinite.bg-pink:after, .progressbar-infinite.bg-pink:before, .progressbar-infinite.color-pink:after, .progressbar-infinite.color-pink:before, .progressbar-infinite.theme-pink:after, .progressbar-infinite.theme-pink:before, .theme-pink .progressbar-infinite:after, .theme-pink .progressbar-infinite:before {
        background-color: #e91e63
    }

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

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'%20fill%3D'%23e91e63'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

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'%20fill%3D'%23e91e63'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E")
}

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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E")
}

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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E")
}

.preloader.color-pink svg circle, .preloader.preloader-pink svg circle {
    stroke: #e91e63
}

.preloader.color-pink .preloader-inner-gap, .preloader.color-pink .preloader-inner-half-circle, .preloader.preloader-pink .preloader-inner-gap, .preloader.preloader-pink .preloader-inner-half-circle {
    border-color: #e91e63
}

.theme-pink a {
    color: #e91e63
}

.navbar.theme-pink, .searchbar.theme-pink, .subnavbar.theme-pink, .theme-pink .navbar, .theme-pink .searchbar, .theme-pink .subnavbar, .theme-pink .toolbar, .toolbar.theme-pink {
    background-color: #e91e63
}

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

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

.range-slider.theme-pink input[type=range]::-ms-thumb, .theme-pink .range-slider input[type=range]::-ms-thumb {
    background-color: #e91e63
}

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

.range-slider.theme-pink input[type=range]::-moz-range-thumb, .theme-pink .range-slider input[type=range]::-moz-range-thumb {
    background-color: #e91e63
}

.label-switch.theme-pink input[type=checkbox]:checked + .checkbox, .theme-pink .label-switch input[type=checkbox]:checked + .checkbox {
    background-color: rgba(233,30,99,.5)
}

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

.theme-pink label.label-checkbox, label.label-checkbox.theme-pink {
    cursor: pointer
}

    .theme-pink label.label-checkbox i.icon-form-checkbox:after, label.label-checkbox.theme-pink i.icon-form-checkbox:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
    }

    .theme-pink label.label-checkbox input[type=checkbox]:checked + .item-media i.icon-form-checkbox, .theme-pink label.label-checkbox input[type=checkbox]:checked ~ .item-after i.icon-form-checkbox, .theme-pink label.label-checkbox input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, .theme-pink label.label-checkbox input[type=radio]:checked + .item-media i.icon-form-checkbox, .theme-pink label.label-checkbox input[type=radio]:checked ~ .item-after i.icon-form-checkbox, .theme-pink label.label-checkbox input[type=radio]:checked ~ .item-inner 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=checkbox]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-pink input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, label.label-checkbox.theme-pink input[type=radio]:checked + .item-media i.icon-form-checkbox, label.label-checkbox.theme-pink input[type=radio]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-pink input[type=radio]:checked ~ .item-inner i.icon-form-checkbox {
        border-color: #e91e63;
        background-color: #e91e63
    }

.theme-pink label.label-radio i.icon-form-radio:after, label.label-radio.theme-pink i.icon-form-radio:after {
    background-color: #e91e63
}

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

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

.theme-pink .focus-state .floating-label, .theme-pink .focus-state .label {
    color: #e91e63
}

.theme-pink .input-field.focus-state:after, .theme-pink .input-field.not-empty-state:after, .theme-pink .item-input-field.focus-state:after, .theme-pink .item-input-field.not-empty-state:after {
    background: #e91e63
}

.theme-pink .picker-calendar-day.picker-calendar-day-today span {
    color: #e91e63
}

.theme-pink .picker-calendar-day.picker-calendar-day-selected span {
    background-color: #e91e63;
    color: #fff
}

.theme-pink .picker-calendar-day.picker-calendar-day-has-events span:after {
    background-color: #e91e63
}

.theme-pink .picker-header {
    background-color: #e91e63
}

.theme-pink .modal-button {
    color: #e91e63
}

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

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

.swiper-pagination.swiper-pagination-progress.bg-pink {
    background-color: rgba(233,30,99,.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'%23e91e63'%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'%23e91e63'%2F%3E%3C%2Fsvg%3E")
}

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

.list-block .bg-pink .item-link.active-state, .list-block .item-link.bg-pink.active-state, .list-block .item-link.list-block .swipeout-actions-left a.bg-pink.active-state, .list-block .item-link.list-block .swipeout-actions-right a.bg-pink.active-state, .list-block .item-linka.bg-pink.active-state, .list-block .list-block .swipeout-actions-left a.bg-pink .item-link.active-state, .list-block .list-block .swipeout-actions-right a.bg-pink .item-link.active-state, .list-block a.bg-pink .item-link.active-state, .list-block.bg-pink .item-link.active-state, .list-block.list-block .swipeout-actions-left a.bg-pink .item-link.active-state, .list-block.list-block .swipeout-actions-right a.bg-pink .item-link.active-state, .list-blocka.bg-pink .item-link.active-state, html:not(.watch-active-state) .list-block .bg-pink .item-link:active, html:not(.watch-active-state) .list-block .item-link.bg-pink:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-pink:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-pink:active, html:not(.watch-active-state) .list-block .item-linka.bg-pink:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-pink .item-link:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-pink .item-link:active, html:not(.watch-active-state) .list-block a.bg-pink .item-link:active, html:not(.watch-active-state) .list-block.bg-pink .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-pink .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-pink .item-link:active, html:not(.watch-active-state) .list-blocka.bg-pink .item-link:active {
    background: #C2185B
}

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

    .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: #e91e63
    }

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

    .floating-button.bg-pink.active-state, .floating-button.color-pink.active-state, .floating-button.theme-pink.active-state, .speed-dial-buttons a.bg-pink.active-state, .speed-dial-buttons a.color-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.bg-pink:active, html:not(.watch-active-state) .floating-button.color-pink:active, html:not(.watch-active-state) .floating-button.theme-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, 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: #C2185B
    }

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

.ripple-pink .ripple-wave {
    background-color: rgba(233,30,99,.3)
}

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

.color-purple {
    color: #9c27b0
}

.list-block .item-link.color-purple, .list-block .item-link.list-button.color-purple, .tabbar a.active.color-purple, a.color-purple {
    color: #9c27b0
}

.label-switch input[type=checkbox]:checked + .checkbox.color-purple, .label-switch.color-purple input[type=checkbox]:checked + .checkbox {
    background-color: #9c27b0
}

.theme-purple .button:not(.button-fill) {
    color: #9c27b0
}

.theme-purple .navbar .button:not(.button-fill), .theme-purple .subnavbar .button:not(.button-fill), .theme-purple .toolbar .button:not(.button-fill), .theme-purple.navbar .button:not(.button-fill), .theme-purple.subnavbar .button:not(.button-fill), .theme-purple.toolbar .button:not(.button-fill) {
    color: #fff
}

.button.color-purple:not(.button-fill), .color-purple.buttons-row .button:not(.button-fill) {
    color: #9c27b0 !important
}

.theme-purple .button.button-fill {
    background: #9c27b0;
    color: #fff
}

    .theme-purple .button.button-fill.active-state, html:not(.watch-active-state) .theme-purple .button.button-fill:active {
        background: #7B1FA2
    }

.button.button-fill.bg-purple, .button.button-fill.color-purple {
    background: #9c27b0 !important;
    color: #fff
}

    .button.button-fill.bg-purple.active-state, .button.button-fill.color-purple.active-state, html:not(.watch-active-state) .button.button-fill.bg-purple:active, html:not(.watch-active-state) .button.button-fill.color-purple:active {
        background: #7B1FA2 !important
    }

.progressbar.bg-purple, .progressbar.color-purple, .progressbar.theme-purple, .theme-purple .progressbar {
    background-color: rgba(156,39,176,.5)
}

    .progressbar.bg-purple span, .progressbar.color-purple span, .progressbar.theme-purple span, .theme-purple .progressbar span {
        background-color: #9c27b0
    }

.progressbar-infinite.bg-purple, .progressbar-infinite.color-purple, .progressbar-infinite.theme-purple, .theme-purple .progressbar-infinite {
    background-color: rgba(156,39,176,.5)
}

    .progressbar-infinite.bg-purple:after, .progressbar-infinite.bg-purple:before, .progressbar-infinite.color-purple:after, .progressbar-infinite.color-purple:before, .progressbar-infinite.theme-purple:after, .progressbar-infinite.theme-purple:before, .theme-purple .progressbar-infinite:after, .theme-purple .progressbar-infinite:before {
        background-color: #9c27b0
    }

.color-purple i.icon, i.icon.color-purple {
    color: #9c27b0
}

i.icon-next.color-purple, i.icon-next.theme-purple {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%239c27b0'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-prev.color-purple, i.icon-prev.theme-purple {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%239c27b0'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-back.color-purple, i.icon-back.theme-purple {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%239c27b0'%2F%3E%3C%2Fsvg%3E")
}

i.icon-forward.color-purple, i.icon-forward.theme-purple {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%239c27b0'%2F%3E%3C%2Fsvg%3E")
}

i.icon-bars.color-purple, i.icon-bars.theme-purple {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%239c27b0'%2F%3E%3C%2Fsvg%3E")
}

.preloader.color-purple svg circle, .preloader.preloader-purple svg circle {
    stroke: #9c27b0
}

.preloader.color-purple .preloader-inner-gap, .preloader.color-purple .preloader-inner-half-circle, .preloader.preloader-purple .preloader-inner-gap, .preloader.preloader-purple .preloader-inner-half-circle {
    border-color: #9c27b0
}

.theme-purple a {
    color: #9c27b0
}

.navbar.theme-purple, .searchbar.theme-purple, .subnavbar.theme-purple, .theme-purple .navbar, .theme-purple .searchbar, .theme-purple .subnavbar, .theme-purple .toolbar, .toolbar.theme-purple {
    background-color: #9c27b0
}

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

.range-slider.theme-purple input[type=range]::-webkit-slider-thumb, .theme-purple .range-slider input[type=range]::-webkit-slider-thumb {
    background-color: #9c27b0
}

.range-slider.theme-purple input[type=range]::-ms-thumb, .theme-purple .range-slider input[type=range]::-ms-thumb {
    background-color: #9c27b0
}

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

.range-slider.theme-purple input[type=range]::-moz-range-thumb, .theme-purple .range-slider input[type=range]::-moz-range-thumb {
    background-color: #9c27b0
}

.label-switch.theme-purple input[type=checkbox]:checked + .checkbox, .theme-purple .label-switch input[type=checkbox]:checked + .checkbox {
    background-color: rgba(156,39,176,.5)
}

    .label-switch.theme-purple input[type=checkbox]:checked + .checkbox:after, .theme-purple .label-switch input[type=checkbox]:checked + .checkbox:after {
        background-color: #9c27b0
    }

.theme-purple label.label-checkbox, label.label-checkbox.theme-purple {
    cursor: pointer
}

    .theme-purple label.label-checkbox i.icon-form-checkbox:after, label.label-checkbox.theme-purple i.icon-form-checkbox:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
    }

    .theme-purple label.label-checkbox input[type=checkbox]:checked + .item-media i.icon-form-checkbox, .theme-purple label.label-checkbox input[type=checkbox]:checked ~ .item-after i.icon-form-checkbox, .theme-purple label.label-checkbox input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, .theme-purple label.label-checkbox input[type=radio]:checked + .item-media i.icon-form-checkbox, .theme-purple label.label-checkbox input[type=radio]:checked ~ .item-after i.icon-form-checkbox, .theme-purple label.label-checkbox input[type=radio]:checked ~ .item-inner i.icon-form-checkbox, label.label-checkbox.theme-purple input[type=checkbox]:checked + .item-media i.icon-form-checkbox, label.label-checkbox.theme-purple input[type=checkbox]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-purple input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, label.label-checkbox.theme-purple input[type=radio]:checked + .item-media i.icon-form-checkbox, label.label-checkbox.theme-purple input[type=radio]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-purple input[type=radio]:checked ~ .item-inner i.icon-form-checkbox {
        border-color: #9c27b0;
        background-color: #9c27b0
    }

.theme-purple label.label-radio i.icon-form-radio:after, label.label-radio.theme-purple i.icon-form-radio:after {
    background-color: #9c27b0
}

.theme-purple label.label-radio input[type=checkbox]:checked + .item-media i.icon-form-radio, .theme-purple label.label-radio input[type=checkbox]:checked ~ .item-after i.icon-form-radio, .theme-purple label.label-radio input[type=checkbox]:checked ~ .item-inner i.icon-form-radio, .theme-purple label.label-radio input[type=radio]:checked + .item-media i.icon-form-radio, .theme-purple label.label-radio input[type=radio]:checked ~ .item-after i.icon-form-radio, .theme-purple label.label-radio input[type=radio]:checked ~ .item-inner i.icon-form-radio, label.label-radio.theme-purple input[type=checkbox]:checked + .item-media i.icon-form-radio, label.label-radio.theme-purple input[type=checkbox]:checked ~ .item-after i.icon-form-radio, label.label-radio.theme-purple input[type=checkbox]:checked ~ .item-inner i.icon-form-radio, label.label-radio.theme-purple input[type=radio]:checked + .item-media i.icon-form-radio, label.label-radio.theme-purple input[type=radio]:checked ~ .item-after i.icon-form-radio, label.label-radio.theme-purple input[type=radio]:checked ~ .item-inner i.icon-form-radio {
    border-color: #9c27b0
}

    .theme-purple label.label-radio input[type=checkbox]:checked + .item-media i.icon-form-radio:after, .theme-purple label.label-radio input[type=checkbox]:checked ~ .item-after i.icon-form-radio:after, .theme-purple label.label-radio input[type=checkbox]:checked ~ .item-inner i.icon-form-radio:after, .theme-purple label.label-radio input[type=radio]:checked + .item-media i.icon-form-radio:after, .theme-purple label.label-radio input[type=radio]:checked ~ .item-after i.icon-form-radio:after, .theme-purple label.label-radio input[type=radio]:checked ~ .item-inner i.icon-form-radio:after, label.label-radio.theme-purple input[type=checkbox]:checked + .item-media i.icon-form-radio:after, label.label-radio.theme-purple input[type=checkbox]:checked ~ .item-after i.icon-form-radio:after, label.label-radio.theme-purple input[type=checkbox]:checked ~ .item-inner i.icon-form-radio:after, label.label-radio.theme-purple input[type=radio]:checked + .item-media i.icon-form-radio:after, label.label-radio.theme-purple input[type=radio]:checked ~ .item-after i.icon-form-radio:after, label.label-radio.theme-purple input[type=radio]:checked ~ .item-inner i.icon-form-radio:after {
        background-color: #9c27b0
    }

.theme-purple .focus-state .floating-label, .theme-purple .focus-state .label {
    color: #9c27b0
}

.theme-purple .input-field.focus-state:after, .theme-purple .input-field.not-empty-state:after, .theme-purple .item-input-field.focus-state:after, .theme-purple .item-input-field.not-empty-state:after {
    background: #9c27b0
}

.theme-purple .picker-calendar-day.picker-calendar-day-today span {
    color: #9c27b0
}

.theme-purple .picker-calendar-day.picker-calendar-day-selected span {
    background-color: #9c27b0;
    color: #fff
}

.theme-purple .picker-calendar-day.picker-calendar-day-has-events span:after {
    background-color: #9c27b0
}

.theme-purple .picker-header {
    background-color: #9c27b0
}

.theme-purple .modal-button {
    color: #9c27b0
}

.swiper-pagination.color-purple .swiper-pagination-bullet-active, .theme-purple .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #9c27b0
}

.swiper-pagination.color-purple .swiper-pagination-progressbar, .theme-purple .swiper-pagination .swiper-pagination-progressbar {
    background-color: #9c27b0
}

.swiper-pagination.swiper-pagination-progress.bg-purple {
    background-color: rgba(156,39,176,.25)
}

.swiper-button-next.color-purple, .swiper-container-rtl .swiper-button-prev.color-purple, .theme-purple .swiper-button-next, .theme-purple .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'%239c27b0'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-purple, .swiper-container-rtl .swiper-button-next.color-purple, .theme-purple .swiper-button-prev, .theme-purple .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'%239c27b0'%2F%3E%3C%2Fsvg%3E")
}

.bg-purple, .list-block .swipeout-actions-left a.bg-purple, .list-block .swipeout-actions-right a.bg-purple, a.bg-purple {
    background-color: #9c27b0
}

.list-block .bg-purple .item-link.active-state, .list-block .item-link.bg-purple.active-state, .list-block .item-link.list-block .swipeout-actions-left a.bg-purple.active-state, .list-block .item-link.list-block .swipeout-actions-right a.bg-purple.active-state, .list-block .item-linka.bg-purple.active-state, .list-block .list-block .swipeout-actions-left a.bg-purple .item-link.active-state, .list-block .list-block .swipeout-actions-right a.bg-purple .item-link.active-state, .list-block a.bg-purple .item-link.active-state, .list-block.bg-purple .item-link.active-state, .list-block.list-block .swipeout-actions-left a.bg-purple .item-link.active-state, .list-block.list-block .swipeout-actions-right a.bg-purple .item-link.active-state, .list-blocka.bg-purple .item-link.active-state, html:not(.watch-active-state) .list-block .bg-purple .item-link:active, html:not(.watch-active-state) .list-block .item-link.bg-purple:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-purple:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-purple:active, html:not(.watch-active-state) .list-block .item-linka.bg-purple:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-purple .item-link:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-purple .item-link:active, html:not(.watch-active-state) .list-block a.bg-purple .item-link:active, html:not(.watch-active-state) .list-block.bg-purple .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-purple .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-purple .item-link:active, html:not(.watch-active-state) .list-blocka.bg-purple .item-link:active {
    background: #7B1FA2
}

.border-purple {
    border-color: #9c27b0
}

    .border-purple:after, .border-purple:before, .list-block .border-purple.item-inner:after, .list-block .border-purple.item-inner:before, .list-block ul.border-purple:after, .list-block ul.border-purple:before {
        background-color: #9c27b0
    }

.floating-button.bg-purple, .floating-button.color-purple, .floating-button.theme-purple, .speed-dial-buttons a.bg-purple, .speed-dial-buttons a.color-purple, .speed-dial-buttons a.theme-purple, .theme-purple .floating-button, .theme-purple .speed-dial-buttons a {
    color: #fff;
    background: #9c27b0
}

    .floating-button.bg-purple.active-state, .floating-button.color-purple.active-state, .floating-button.theme-purple.active-state, .speed-dial-buttons a.bg-purple.active-state, .speed-dial-buttons a.color-purple.active-state, .speed-dial-buttons a.theme-purple.active-state, .theme-purple .floating-button.active-state, .theme-purple .speed-dial-buttons a.active-state, html:not(.watch-active-state) .floating-button.bg-purple:active, html:not(.watch-active-state) .floating-button.color-purple:active, html:not(.watch-active-state) .floating-button.theme-purple:active, html:not(.watch-active-state) .speed-dial-buttons a.bg-purple:active, html:not(.watch-active-state) .speed-dial-buttons a.color-purple:active, html:not(.watch-active-state) .speed-dial-buttons a.theme-purple:active, html:not(.watch-active-state) .theme-purple .floating-button:active, html:not(.watch-active-state) .theme-purple .speed-dial-buttons a:active {
        background: #7B1FA2
    }

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

.ripple-purple .ripple-wave {
    background-color: rgba(156,39,176,.3)
}

.badge.color-purple, .badge.theme-purple {
    background-color: #9c27b0;
    color: #fff
}

.color-deeppurple {
    color: #673ab7
}

.list-block .item-link.color-deeppurple, .list-block .item-link.list-button.color-deeppurple, .tabbar a.active.color-deeppurple, a.color-deeppurple {
    color: #673ab7
}

.label-switch input[type=checkbox]:checked + .checkbox.color-deeppurple, .label-switch.color-deeppurple input[type=checkbox]:checked + .checkbox {
    background-color: #673ab7
}

.theme-deeppurple .button:not(.button-fill) {
    color: #673ab7
}

.theme-deeppurple .navbar .button:not(.button-fill), .theme-deeppurple .subnavbar .button:not(.button-fill), .theme-deeppurple .toolbar .button:not(.button-fill), .theme-deeppurple.navbar .button:not(.button-fill), .theme-deeppurple.subnavbar .button:not(.button-fill), .theme-deeppurple.toolbar .button:not(.button-fill) {
    color: #fff
}

.button.color-deeppurple:not(.button-fill), .color-deeppurple.buttons-row .button:not(.button-fill) {
    color: #673ab7 !important
}

.theme-deeppurple .button.button-fill {
    background: #673ab7;
    color: #fff
}

    .theme-deeppurple .button.button-fill.active-state, html:not(.watch-active-state) .theme-deeppurple .button.button-fill:active {
        background: #512DA8
    }

.button.button-fill.bg-deeppurple, .button.button-fill.color-deeppurple {
    background: #673ab7 !important;
    color: #fff
}

    .button.button-fill.bg-deeppurple.active-state, .button.button-fill.color-deeppurple.active-state, html:not(.watch-active-state) .button.button-fill.bg-deeppurple:active, html:not(.watch-active-state) .button.button-fill.color-deeppurple:active {
        background: #512DA8 !important
    }

.progressbar.bg-deeppurple, .progressbar.color-deeppurple, .progressbar.theme-deeppurple, .theme-deeppurple .progressbar {
    background-color: rgba(103,58,183,.5)
}

    .progressbar.bg-deeppurple span, .progressbar.color-deeppurple span, .progressbar.theme-deeppurple span, .theme-deeppurple .progressbar span {
        background-color: #673ab7
    }

.progressbar-infinite.bg-deeppurple, .progressbar-infinite.color-deeppurple, .progressbar-infinite.theme-deeppurple, .theme-deeppurple .progressbar-infinite {
    background-color: rgba(103,58,183,.5)
}

    .progressbar-infinite.bg-deeppurple:after, .progressbar-infinite.bg-deeppurple:before, .progressbar-infinite.color-deeppurple:after, .progressbar-infinite.color-deeppurple:before, .progressbar-infinite.theme-deeppurple:after, .progressbar-infinite.theme-deeppurple:before, .theme-deeppurple .progressbar-infinite:after, .theme-deeppurple .progressbar-infinite:before {
        background-color: #673ab7
    }

.color-deeppurple i.icon, i.icon.color-deeppurple {
    color: #673ab7
}

i.icon-next.color-deeppurple, i.icon-next.theme-deeppurple {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23673ab7'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-prev.color-deeppurple, i.icon-prev.theme-deeppurple {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23673ab7'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-back.color-deeppurple, i.icon-back.theme-deeppurple {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23673ab7'%2F%3E%3C%2Fsvg%3E")
}

i.icon-forward.color-deeppurple, i.icon-forward.theme-deeppurple {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23673ab7'%2F%3E%3C%2Fsvg%3E")
}

i.icon-bars.color-deeppurple, i.icon-bars.theme-deeppurple {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23673ab7'%2F%3E%3C%2Fsvg%3E")
}

.preloader.color-deeppurple svg circle, .preloader.preloader-deeppurple svg circle {
    stroke: #673ab7
}

.preloader.color-deeppurple .preloader-inner-gap, .preloader.color-deeppurple .preloader-inner-half-circle, .preloader.preloader-deeppurple .preloader-inner-gap, .preloader.preloader-deeppurple .preloader-inner-half-circle {
    border-color: #673ab7
}

.theme-deeppurple a {
    color: #673ab7
}

.navbar.theme-deeppurple, .searchbar.theme-deeppurple, .subnavbar.theme-deeppurple, .theme-deeppurple .navbar, .theme-deeppurple .searchbar, .theme-deeppurple .subnavbar, .theme-deeppurple .toolbar, .toolbar.theme-deeppurple {
    background-color: #673ab7
}

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

.range-slider.theme-deeppurple input[type=range]::-webkit-slider-thumb, .theme-deeppurple .range-slider input[type=range]::-webkit-slider-thumb {
    background-color: #673ab7
}

.range-slider.theme-deeppurple input[type=range]::-ms-thumb, .theme-deeppurple .range-slider input[type=range]::-ms-thumb {
    background-color: #673ab7
}

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

.range-slider.theme-deeppurple input[type=range]::-moz-range-thumb, .theme-deeppurple .range-slider input[type=range]::-moz-range-thumb {
    background-color: #673ab7
}

.label-switch.theme-deeppurple input[type=checkbox]:checked + .checkbox, .theme-deeppurple .label-switch input[type=checkbox]:checked + .checkbox {
    background-color: rgba(103,58,183,.5)
}

    .label-switch.theme-deeppurple input[type=checkbox]:checked + .checkbox:after, .theme-deeppurple .label-switch input[type=checkbox]:checked + .checkbox:after {
        background-color: #673ab7
    }

.theme-deeppurple label.label-checkbox, label.label-checkbox.theme-deeppurple {
    cursor: pointer
}

    .theme-deeppurple label.label-checkbox i.icon-form-checkbox:after, label.label-checkbox.theme-deeppurple i.icon-form-checkbox:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
    }

    .theme-deeppurple label.label-checkbox input[type=checkbox]:checked + .item-media i.icon-form-checkbox, .theme-deeppurple label.label-checkbox input[type=checkbox]:checked ~ .item-after i.icon-form-checkbox, .theme-deeppurple label.label-checkbox input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, .theme-deeppurple label.label-checkbox input[type=radio]:checked + .item-media i.icon-form-checkbox, .theme-deeppurple label.label-checkbox input[type=radio]:checked ~ .item-after i.icon-form-checkbox, .theme-deeppurple label.label-checkbox input[type=radio]:checked ~ .item-inner i.icon-form-checkbox, label.label-checkbox.theme-deeppurple input[type=checkbox]:checked + .item-media i.icon-form-checkbox, label.label-checkbox.theme-deeppurple input[type=checkbox]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-deeppurple input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, label.label-checkbox.theme-deeppurple input[type=radio]:checked + .item-media i.icon-form-checkbox, label.label-checkbox.theme-deeppurple input[type=radio]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-deeppurple input[type=radio]:checked ~ .item-inner i.icon-form-checkbox {
        border-color: #673ab7;
        background-color: #673ab7
    }

.theme-deeppurple label.label-radio i.icon-form-radio:after, label.label-radio.theme-deeppurple i.icon-form-radio:after {
    background-color: #673ab7
}

.theme-deeppurple label.label-radio input[type=checkbox]:checked + .item-media i.icon-form-radio, .theme-deeppurple label.label-radio input[type=checkbox]:checked ~ .item-after i.icon-form-radio, .theme-deeppurple label.label-radio input[type=checkbox]:checked ~ .item-inner i.icon-form-radio, .theme-deeppurple label.label-radio input[type=radio]:checked + .item-media i.icon-form-radio, .theme-deeppurple label.label-radio input[type=radio]:checked ~ .item-after i.icon-form-radio, .theme-deeppurple label.label-radio input[type=radio]:checked ~ .item-inner i.icon-form-radio, label.label-radio.theme-deeppurple input[type=checkbox]:checked + .item-media i.icon-form-radio, label.label-radio.theme-deeppurple input[type=checkbox]:checked ~ .item-after i.icon-form-radio, label.label-radio.theme-deeppurple input[type=checkbox]:checked ~ .item-inner i.icon-form-radio, label.label-radio.theme-deeppurple input[type=radio]:checked + .item-media i.icon-form-radio, label.label-radio.theme-deeppurple input[type=radio]:checked ~ .item-after i.icon-form-radio, label.label-radio.theme-deeppurple input[type=radio]:checked ~ .item-inner i.icon-form-radio {
    border-color: #673ab7
}

    .theme-deeppurple label.label-radio input[type=checkbox]:checked + .item-media i.icon-form-radio:after, .theme-deeppurple label.label-radio input[type=checkbox]:checked ~ .item-after i.icon-form-radio:after, .theme-deeppurple label.label-radio input[type=checkbox]:checked ~ .item-inner i.icon-form-radio:after, .theme-deeppurple label.label-radio input[type=radio]:checked + .item-media i.icon-form-radio:after, .theme-deeppurple label.label-radio input[type=radio]:checked ~ .item-after i.icon-form-radio:after, .theme-deeppurple label.label-radio input[type=radio]:checked ~ .item-inner i.icon-form-radio:after, label.label-radio.theme-deeppurple input[type=checkbox]:checked + .item-media i.icon-form-radio:after, label.label-radio.theme-deeppurple input[type=checkbox]:checked ~ .item-after i.icon-form-radio:after, label.label-radio.theme-deeppurple input[type=checkbox]:checked ~ .item-inner i.icon-form-radio:after, label.label-radio.theme-deeppurple input[type=radio]:checked + .item-media i.icon-form-radio:after, label.label-radio.theme-deeppurple input[type=radio]:checked ~ .item-after i.icon-form-radio:after, label.label-radio.theme-deeppurple input[type=radio]:checked ~ .item-inner i.icon-form-radio:after {
        background-color: #673ab7
    }

.theme-deeppurple .focus-state .floating-label, .theme-deeppurple .focus-state .label {
    color: #673ab7
}

.theme-deeppurple .input-field.focus-state:after, .theme-deeppurple .input-field.not-empty-state:after, .theme-deeppurple .item-input-field.focus-state:after, .theme-deeppurple .item-input-field.not-empty-state:after {
    background: #673ab7
}

.theme-deeppurple .picker-calendar-day.picker-calendar-day-today span {
    color: #673ab7
}

.theme-deeppurple .picker-calendar-day.picker-calendar-day-selected span {
    background-color: #673ab7;
    color: #fff
}

.theme-deeppurple .picker-calendar-day.picker-calendar-day-has-events span:after {
    background-color: #673ab7
}

.theme-deeppurple .picker-header {
    background-color: #673ab7
}

.theme-deeppurple .modal-button {
    color: #673ab7
}

.swiper-pagination.color-deeppurple .swiper-pagination-bullet-active, .theme-deeppurple .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #673ab7
}

.swiper-pagination.color-deeppurple .swiper-pagination-progressbar, .theme-deeppurple .swiper-pagination .swiper-pagination-progressbar {
    background-color: #673ab7
}

.swiper-pagination.swiper-pagination-progress.bg-deeppurple {
    background-color: rgba(103,58,183,.25)
}

.swiper-button-next.color-deeppurple, .swiper-container-rtl .swiper-button-prev.color-deeppurple, .theme-deeppurple .swiper-button-next, .theme-deeppurple .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'%23673ab7'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-deeppurple, .swiper-container-rtl .swiper-button-next.color-deeppurple, .theme-deeppurple .swiper-button-prev, .theme-deeppurple .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'%23673ab7'%2F%3E%3C%2Fsvg%3E")
}

.bg-deeppurple, .list-block .swipeout-actions-left a.bg-deeppurple, .list-block .swipeout-actions-right a.bg-deeppurple, a.bg-deeppurple {
    background-color: #673ab7
}

.list-block .bg-deeppurple .item-link.active-state, .list-block .item-link.bg-deeppurple.active-state, .list-block .item-link.list-block .swipeout-actions-left a.bg-deeppurple.active-state, .list-block .item-link.list-block .swipeout-actions-right a.bg-deeppurple.active-state, .list-block .item-linka.bg-deeppurple.active-state, .list-block .list-block .swipeout-actions-left a.bg-deeppurple .item-link.active-state, .list-block .list-block .swipeout-actions-right a.bg-deeppurple .item-link.active-state, .list-block a.bg-deeppurple .item-link.active-state, .list-block.bg-deeppurple .item-link.active-state, .list-block.list-block .swipeout-actions-left a.bg-deeppurple .item-link.active-state, .list-block.list-block .swipeout-actions-right a.bg-deeppurple .item-link.active-state, .list-blocka.bg-deeppurple .item-link.active-state, html:not(.watch-active-state) .list-block .bg-deeppurple .item-link:active, html:not(.watch-active-state) .list-block .item-link.bg-deeppurple:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-deeppurple:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-deeppurple:active, html:not(.watch-active-state) .list-block .item-linka.bg-deeppurple:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-deeppurple .item-link:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-deeppurple .item-link:active, html:not(.watch-active-state) .list-block a.bg-deeppurple .item-link:active, html:not(.watch-active-state) .list-block.bg-deeppurple .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-deeppurple .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-deeppurple .item-link:active, html:not(.watch-active-state) .list-blocka.bg-deeppurple .item-link:active {
    background: #512DA8
}

.border-deeppurple {
    border-color: #673ab7
}

    .border-deeppurple:after, .border-deeppurple:before, .list-block .border-deeppurple.item-inner:after, .list-block .border-deeppurple.item-inner:before, .list-block ul.border-deeppurple:after, .list-block ul.border-deeppurple:before {
        background-color: #673ab7
    }

.floating-button.bg-deeppurple, .floating-button.color-deeppurple, .floating-button.theme-deeppurple, .speed-dial-buttons a.bg-deeppurple, .speed-dial-buttons a.color-deeppurple, .speed-dial-buttons a.theme-deeppurple, .theme-deeppurple .floating-button, .theme-deeppurple .speed-dial-buttons a {
    color: #fff;
    background: #673ab7
}

    .floating-button.bg-deeppurple.active-state, .floating-button.color-deeppurple.active-state, .floating-button.theme-deeppurple.active-state, .speed-dial-buttons a.bg-deeppurple.active-state, .speed-dial-buttons a.color-deeppurple.active-state, .speed-dial-buttons a.theme-deeppurple.active-state, .theme-deeppurple .floating-button.active-state, .theme-deeppurple .speed-dial-buttons a.active-state, html:not(.watch-active-state) .floating-button.bg-deeppurple:active, html:not(.watch-active-state) .floating-button.color-deeppurple:active, html:not(.watch-active-state) .floating-button.theme-deeppurple:active, html:not(.watch-active-state) .speed-dial-buttons a.bg-deeppurple:active, html:not(.watch-active-state) .speed-dial-buttons a.color-deeppurple:active, html:not(.watch-active-state) .speed-dial-buttons a.theme-deeppurple:active, html:not(.watch-active-state) .theme-deeppurple .floating-button:active, html:not(.watch-active-state) .theme-deeppurple .speed-dial-buttons a:active {
        background: #512DA8
    }

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

.ripple-deeppurple .ripple-wave {
    background-color: rgba(103,58,183,.3)
}

.badge.color-deeppurple, .badge.theme-deeppurple {
    background-color: #673ab7;
    color: #fff
}

.color-indigo {
    color: #3f51b5
}

.list-block .item-link.color-indigo, .list-block .item-link.list-button.color-indigo, .tabbar a.active.color-indigo, a.color-indigo {
    color: #3f51b5
}

.label-switch input[type=checkbox]:checked + .checkbox.color-indigo, .label-switch.color-indigo input[type=checkbox]:checked + .checkbox {
    background-color: #3f51b5
}

.theme-indigo .button:not(.button-fill) {
    color: #3f51b5
}

.theme-indigo .navbar .button:not(.button-fill), .theme-indigo .subnavbar .button:not(.button-fill), .theme-indigo .toolbar .button:not(.button-fill), .theme-indigo.navbar .button:not(.button-fill), .theme-indigo.subnavbar .button:not(.button-fill), .theme-indigo.toolbar .button:not(.button-fill) {
    color: #fff
}

.button.color-indigo:not(.button-fill), .color-indigo.buttons-row .button:not(.button-fill) {
    color: #3f51b5 !important
}

.theme-indigo .button.button-fill {
    background: #3f51b5;
    color: #fff
}

    .theme-indigo .button.button-fill.active-state, html:not(.watch-active-state) .theme-indigo .button.button-fill:active {
        background: #303F9F
    }

.button.button-fill.bg-indigo, .button.button-fill.color-indigo {
    background: #3f51b5 !important;
    color: #fff
}

    .button.button-fill.bg-indigo.active-state, .button.button-fill.color-indigo.active-state, html:not(.watch-active-state) .button.button-fill.bg-indigo:active, html:not(.watch-active-state) .button.button-fill.color-indigo:active {
        background: #303F9F !important
    }

.progressbar.bg-indigo, .progressbar.color-indigo, .progressbar.theme-indigo, .theme-indigo .progressbar {
    background-color: rgba(63,81,181,.5)
}

    .progressbar.bg-indigo span, .progressbar.color-indigo span, .progressbar.theme-indigo span, .theme-indigo .progressbar span {
        background-color: #3f51b5
    }

.progressbar-infinite.bg-indigo, .progressbar-infinite.color-indigo, .progressbar-infinite.theme-indigo, .theme-indigo .progressbar-infinite {
    background-color: rgba(63,81,181,.5)
}

    .progressbar-infinite.bg-indigo:after, .progressbar-infinite.bg-indigo:before, .progressbar-infinite.color-indigo:after, .progressbar-infinite.color-indigo:before, .progressbar-infinite.theme-indigo:after, .progressbar-infinite.theme-indigo:before, .theme-indigo .progressbar-infinite:after, .theme-indigo .progressbar-infinite:before {
        background-color: #3f51b5
    }

.color-indigo i.icon, i.icon.color-indigo {
    color: #3f51b5
}

i.icon-next.color-indigo, i.icon-next.theme-indigo {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%233f51b5'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-prev.color-indigo, i.icon-prev.theme-indigo {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%233f51b5'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-back.color-indigo, i.icon-back.theme-indigo {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%233f51b5'%2F%3E%3C%2Fsvg%3E")
}

i.icon-forward.color-indigo, i.icon-forward.theme-indigo {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%233f51b5'%2F%3E%3C%2Fsvg%3E")
}

i.icon-bars.color-indigo, i.icon-bars.theme-indigo {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%233f51b5'%2F%3E%3C%2Fsvg%3E")
}

.preloader.color-indigo svg circle, .preloader.preloader-indigo svg circle {
    stroke: #3f51b5
}

.preloader.color-indigo .preloader-inner-gap, .preloader.color-indigo .preloader-inner-half-circle, .preloader.preloader-indigo .preloader-inner-gap, .preloader.preloader-indigo .preloader-inner-half-circle {
    border-color: #3f51b5
}

.theme-indigo a {
    color: #3f51b5
}

.navbar.theme-indigo, .searchbar.theme-indigo, .subnavbar.theme-indigo, .theme-indigo .navbar, .theme-indigo .searchbar, .theme-indigo .subnavbar, .theme-indigo .toolbar, .toolbar.theme-indigo {
    background-color: #3f51b5
}

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

.range-slider.theme-indigo input[type=range]::-webkit-slider-thumb, .theme-indigo .range-slider input[type=range]::-webkit-slider-thumb {
    background-color: #3f51b5
}

.range-slider.theme-indigo input[type=range]::-ms-thumb, .theme-indigo .range-slider input[type=range]::-ms-thumb {
    background-color: #3f51b5
}

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

.range-slider.theme-indigo input[type=range]::-moz-range-thumb, .theme-indigo .range-slider input[type=range]::-moz-range-thumb {
    background-color: #3f51b5
}

.label-switch.theme-indigo input[type=checkbox]:checked + .checkbox, .theme-indigo .label-switch input[type=checkbox]:checked + .checkbox {
    background-color: rgba(63,81,181,.5)
}

    .label-switch.theme-indigo input[type=checkbox]:checked + .checkbox:after, .theme-indigo .label-switch input[type=checkbox]:checked + .checkbox:after {
        background-color: #3f51b5
    }

.theme-indigo label.label-checkbox, label.label-checkbox.theme-indigo {
    cursor: pointer
}

    .theme-indigo label.label-checkbox i.icon-form-checkbox:after, label.label-checkbox.theme-indigo i.icon-form-checkbox:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
    }

    .theme-indigo label.label-checkbox input[type=checkbox]:checked + .item-media i.icon-form-checkbox, .theme-indigo label.label-checkbox input[type=checkbox]:checked ~ .item-after i.icon-form-checkbox, .theme-indigo label.label-checkbox input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, .theme-indigo label.label-checkbox input[type=radio]:checked + .item-media i.icon-form-checkbox, .theme-indigo label.label-checkbox input[type=radio]:checked ~ .item-after i.icon-form-checkbox, .theme-indigo label.label-checkbox input[type=radio]:checked ~ .item-inner i.icon-form-checkbox, label.label-checkbox.theme-indigo input[type=checkbox]:checked + .item-media i.icon-form-checkbox, label.label-checkbox.theme-indigo input[type=checkbox]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-indigo input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, label.label-checkbox.theme-indigo input[type=radio]:checked + .item-media i.icon-form-checkbox, label.label-checkbox.theme-indigo input[type=radio]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-indigo input[type=radio]:checked ~ .item-inner i.icon-form-checkbox {
        border-color: #3f51b5;
        background-color: #3f51b5
    }

.theme-indigo label.label-radio i.icon-form-radio:after, label.label-radio.theme-indigo i.icon-form-radio:after {
    background-color: #3f51b5
}

.theme-indigo label.label-radio input[type=checkbox]:checked + .item-media i.icon-form-radio, .theme-indigo label.label-radio input[type=checkbox]:checked ~ .item-after i.icon-form-radio, .theme-indigo label.label-radio input[type=checkbox]:checked ~ .item-inner i.icon-form-radio, .theme-indigo label.label-radio input[type=radio]:checked + .item-media i.icon-form-radio, .theme-indigo label.label-radio input[type=radio]:checked ~ .item-after i.icon-form-radio, .theme-indigo label.label-radio input[type=radio]:checked ~ .item-inner i.icon-form-radio, label.label-radio.theme-indigo input[type=checkbox]:checked + .item-media i.icon-form-radio, label.label-radio.theme-indigo input[type=checkbox]:checked ~ .item-after i.icon-form-radio, label.label-radio.theme-indigo input[type=checkbox]:checked ~ .item-inner i.icon-form-radio, label.label-radio.theme-indigo input[type=radio]:checked + .item-media i.icon-form-radio, label.label-radio.theme-indigo input[type=radio]:checked ~ .item-after i.icon-form-radio, label.label-radio.theme-indigo input[type=radio]:checked ~ .item-inner i.icon-form-radio {
    border-color: #3f51b5
}

    .theme-indigo label.label-radio input[type=checkbox]:checked + .item-media i.icon-form-radio:after, .theme-indigo label.label-radio input[type=checkbox]:checked ~ .item-after i.icon-form-radio:after, .theme-indigo label.label-radio input[type=checkbox]:checked ~ .item-inner i.icon-form-radio:after, .theme-indigo label.label-radio input[type=radio]:checked + .item-media i.icon-form-radio:after, .theme-indigo label.label-radio input[type=radio]:checked ~ .item-after i.icon-form-radio:after, .theme-indigo label.label-radio input[type=radio]:checked ~ .item-inner i.icon-form-radio:after, label.label-radio.theme-indigo input[type=checkbox]:checked + .item-media i.icon-form-radio:after, label.label-radio.theme-indigo input[type=checkbox]:checked ~ .item-after i.icon-form-radio:after, label.label-radio.theme-indigo input[type=checkbox]:checked ~ .item-inner i.icon-form-radio:after, label.label-radio.theme-indigo input[type=radio]:checked + .item-media i.icon-form-radio:after, label.label-radio.theme-indigo input[type=radio]:checked ~ .item-after i.icon-form-radio:after, label.label-radio.theme-indigo input[type=radio]:checked ~ .item-inner i.icon-form-radio:after {
        background-color: #3f51b5
    }

.theme-indigo .focus-state .floating-label, .theme-indigo .focus-state .label {
    color: #3f51b5
}

.theme-indigo .input-field.focus-state:after, .theme-indigo .input-field.not-empty-state:after, .theme-indigo .item-input-field.focus-state:after, .theme-indigo .item-input-field.not-empty-state:after {
    background: #3f51b5
}

.theme-indigo .picker-calendar-day.picker-calendar-day-today span {
    color: #3f51b5
}

.theme-indigo .picker-calendar-day.picker-calendar-day-selected span {
    background-color: #3f51b5;
    color: #fff
}

.theme-indigo .picker-calendar-day.picker-calendar-day-has-events span:after {
    background-color: #3f51b5
}

.theme-indigo .picker-header {
    background-color: #3f51b5
}

.theme-indigo .modal-button {
    color: #3f51b5
}

.swiper-pagination.color-indigo .swiper-pagination-bullet-active, .theme-indigo .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #3f51b5
}

.swiper-pagination.color-indigo .swiper-pagination-progressbar, .theme-indigo .swiper-pagination .swiper-pagination-progressbar {
    background-color: #3f51b5
}

.swiper-pagination.swiper-pagination-progress.bg-indigo {
    background-color: rgba(63,81,181,.25)
}

.swiper-button-next.color-indigo, .swiper-container-rtl .swiper-button-prev.color-indigo, .theme-indigo .swiper-button-next, .theme-indigo .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'%233f51b5'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-indigo, .swiper-container-rtl .swiper-button-next.color-indigo, .theme-indigo .swiper-button-prev, .theme-indigo .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'%233f51b5'%2F%3E%3C%2Fsvg%3E")
}

.bg-indigo, .list-block .swipeout-actions-left a.bg-indigo, .list-block .swipeout-actions-right a.bg-indigo, a.bg-indigo {
    background-color: #3f51b5
}

.list-block .bg-indigo .item-link.active-state, .list-block .item-link.bg-indigo.active-state, .list-block .item-link.list-block .swipeout-actions-left a.bg-indigo.active-state, .list-block .item-link.list-block .swipeout-actions-right a.bg-indigo.active-state, .list-block .item-linka.bg-indigo.active-state, .list-block .list-block .swipeout-actions-left a.bg-indigo .item-link.active-state, .list-block .list-block .swipeout-actions-right a.bg-indigo .item-link.active-state, .list-block a.bg-indigo .item-link.active-state, .list-block.bg-indigo .item-link.active-state, .list-block.list-block .swipeout-actions-left a.bg-indigo .item-link.active-state, .list-block.list-block .swipeout-actions-right a.bg-indigo .item-link.active-state, .list-blocka.bg-indigo .item-link.active-state, html:not(.watch-active-state) .list-block .bg-indigo .item-link:active, html:not(.watch-active-state) .list-block .item-link.bg-indigo:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-indigo:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-indigo:active, html:not(.watch-active-state) .list-block .item-linka.bg-indigo:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-indigo .item-link:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-indigo .item-link:active, html:not(.watch-active-state) .list-block a.bg-indigo .item-link:active, html:not(.watch-active-state) .list-block.bg-indigo .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-indigo .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-indigo .item-link:active, html:not(.watch-active-state) .list-blocka.bg-indigo .item-link:active {
    background: #303F9F
}

.border-indigo {
    border-color: #3f51b5
}

    .border-indigo:after, .border-indigo:before, .list-block .border-indigo.item-inner:after, .list-block .border-indigo.item-inner:before, .list-block ul.border-indigo:after, .list-block ul.border-indigo:before {
        background-color: #3f51b5
    }

.floating-button.bg-indigo, .floating-button.color-indigo, .floating-button.theme-indigo, .speed-dial-buttons a.bg-indigo, .speed-dial-buttons a.color-indigo, .speed-dial-buttons a.theme-indigo, .theme-indigo .floating-button, .theme-indigo .speed-dial-buttons a {
    color: #fff;
    background: #3f51b5
}

    .floating-button.bg-indigo.active-state, .floating-button.color-indigo.active-state, .floating-button.theme-indigo.active-state, .speed-dial-buttons a.bg-indigo.active-state, .speed-dial-buttons a.color-indigo.active-state, .speed-dial-buttons a.theme-indigo.active-state, .theme-indigo .floating-button.active-state, .theme-indigo .speed-dial-buttons a.active-state, html:not(.watch-active-state) .floating-button.bg-indigo:active, html:not(.watch-active-state) .floating-button.color-indigo:active, html:not(.watch-active-state) .floating-button.theme-indigo:active, html:not(.watch-active-state) .speed-dial-buttons a.bg-indigo:active, html:not(.watch-active-state) .speed-dial-buttons a.color-indigo:active, html:not(.watch-active-state) .speed-dial-buttons a.theme-indigo:active, html:not(.watch-active-state) .theme-indigo .floating-button:active, html:not(.watch-active-state) .theme-indigo .speed-dial-buttons a:active {
        background: #303F9F
    }

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

.ripple-indigo .ripple-wave {
    background-color: rgba(63,81,181,.3)
}

.badge.color-indigo, .badge.theme-indigo {
    background-color: #3f51b5;
    color: #fff
}

.color-blue {
    color: #2196f3
}

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

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

.theme-blue .button:not(.button-fill) {
    color: #2196f3
}

.theme-blue .navbar .button:not(.button-fill), .theme-blue .subnavbar .button:not(.button-fill), .theme-blue .toolbar .button:not(.button-fill), .theme-blue.navbar .button:not(.button-fill), .theme-blue.subnavbar .button:not(.button-fill), .theme-blue.toolbar .button:not(.button-fill) {
    color: #fff
}

.button.color-blue:not(.button-fill), .color-blue.buttons-row .button:not(.button-fill) {
    color: #2196f3 !important
}

.theme-blue .button.button-fill {
    background: #2196f3;
    color: #fff
}

    .theme-blue .button.button-fill.active-state, html:not(.watch-active-state) .theme-blue .button.button-fill:active {
        background: #1976D2
    }

.button.button-fill.bg-blue, .button.button-fill.color-blue {
    background: #2196f3 !important;
    color: #fff
}

    .button.button-fill.bg-blue.active-state, .button.button-fill.color-blue.active-state, html:not(.watch-active-state) .button.button-fill.bg-blue:active, html:not(.watch-active-state) .button.button-fill.color-blue:active {
        background: #1976D2 !important
    }

.progressbar.bg-blue, .progressbar.color-blue, .progressbar.theme-blue, .theme-blue .progressbar {
    background-color: rgba(33,150,243,.5)
}

    .progressbar.bg-blue span, .progressbar.color-blue span, .progressbar.theme-blue span, .theme-blue .progressbar span {
        background-color: #2196f3
    }

.progressbar-infinite.bg-blue, .progressbar-infinite.color-blue, .progressbar-infinite.theme-blue, .theme-blue .progressbar-infinite {
    background-color: rgba(33,150,243,.5)
}

    .progressbar-infinite.bg-blue:after, .progressbar-infinite.bg-blue:before, .progressbar-infinite.color-blue:after, .progressbar-infinite.color-blue:before, .progressbar-infinite.theme-blue:after, .progressbar-infinite.theme-blue:before, .theme-blue .progressbar-infinite:after, .theme-blue .progressbar-infinite:before {
        background-color: #2196f3
    }

.color-blue i.icon, i.icon.color-blue {
    color: #2196f3
}

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'%20fill%3D'%232196f3'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

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'%20fill%3D'%232196f3'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E")
}

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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E")
}

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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E")
}

.preloader.color-blue svg circle, .preloader.preloader-blue svg circle {
    stroke: #2196f3
}

.preloader.color-blue .preloader-inner-gap, .preloader.color-blue .preloader-inner-half-circle, .preloader.preloader-blue .preloader-inner-gap, .preloader.preloader-blue .preloader-inner-half-circle {
    border-color: #2196f3
}

.theme-blue a {
    color: #2196f3
}

.navbar.theme-blue, .searchbar.theme-blue, .subnavbar.theme-blue, .theme-blue .navbar, .theme-blue .searchbar, .theme-blue .subnavbar, .theme-blue .toolbar, .toolbar.theme-blue {
    background-color: #2196f3
}

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

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

.range-slider.theme-blue input[type=range]::-ms-thumb, .theme-blue .range-slider input[type=range]::-ms-thumb {
    background-color: #2196f3
}

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

.range-slider.theme-blue input[type=range]::-moz-range-thumb, .theme-blue .range-slider input[type=range]::-moz-range-thumb {
    background-color: #2196f3
}

.label-switch.theme-blue input[type=checkbox]:checked + .checkbox, .theme-blue .label-switch input[type=checkbox]:checked + .checkbox {
    background-color: rgba(33,150,243,.5)
}

    .label-switch.theme-blue input[type=checkbox]:checked + .checkbox:after, .theme-blue .label-switch input[type=checkbox]:checked + .checkbox:after {
        background-color: #2196f3
    }

.theme-blue label.label-checkbox, label.label-checkbox.theme-blue {
    cursor: pointer
}

    .theme-blue label.label-checkbox i.icon-form-checkbox:after, label.label-checkbox.theme-blue i.icon-form-checkbox:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
    }

    .theme-blue label.label-checkbox input[type=checkbox]:checked + .item-media i.icon-form-checkbox, .theme-blue label.label-checkbox input[type=checkbox]:checked ~ .item-after i.icon-form-checkbox, .theme-blue label.label-checkbox input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, .theme-blue label.label-checkbox input[type=radio]:checked + .item-media i.icon-form-checkbox, .theme-blue label.label-checkbox input[type=radio]:checked ~ .item-after i.icon-form-checkbox, .theme-blue label.label-checkbox input[type=radio]:checked ~ .item-inner 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=checkbox]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-blue input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, label.label-checkbox.theme-blue input[type=radio]:checked + .item-media i.icon-form-checkbox, label.label-checkbox.theme-blue input[type=radio]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-blue input[type=radio]:checked ~ .item-inner i.icon-form-checkbox {
        border-color: #2196f3;
        background-color: #2196f3
    }

.theme-blue label.label-radio i.icon-form-radio:after, label.label-radio.theme-blue i.icon-form-radio:after {
    background-color: #2196f3
}

.theme-blue label.label-radio input[type=checkbox]:checked + .item-media i.icon-form-radio, .theme-blue label.label-radio input[type=checkbox]:checked ~ .item-after i.icon-form-radio, .theme-blue label.label-radio input[type=checkbox]:checked ~ .item-inner i.icon-form-radio, .theme-blue label.label-radio input[type=radio]:checked + .item-media i.icon-form-radio, .theme-blue label.label-radio input[type=radio]:checked ~ .item-after i.icon-form-radio, .theme-blue label.label-radio input[type=radio]:checked ~ .item-inner i.icon-form-radio, label.label-radio.theme-blue input[type=checkbox]:checked + .item-media i.icon-form-radio, label.label-radio.theme-blue input[type=checkbox]:checked ~ .item-after i.icon-form-radio, label.label-radio.theme-blue input[type=checkbox]:checked ~ .item-inner i.icon-form-radio, label.label-radio.theme-blue input[type=radio]:checked + .item-media i.icon-form-radio, label.label-radio.theme-blue input[type=radio]:checked ~ .item-after i.icon-form-radio, label.label-radio.theme-blue input[type=radio]:checked ~ .item-inner i.icon-form-radio {
    border-color: #2196f3
}

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

.theme-blue .focus-state .floating-label, .theme-blue .focus-state .label {
    color: #2196f3
}

.theme-blue .input-field.focus-state:after, .theme-blue .input-field.not-empty-state:after, .theme-blue .item-input-field.focus-state:after, .theme-blue .item-input-field.not-empty-state:after {
    background: #2196f3
}

.theme-blue .picker-calendar-day.picker-calendar-day-today span {
    color: #2196f3
}

.theme-blue .picker-calendar-day.picker-calendar-day-selected span {
    background-color: #2196f3;
    color: #fff
}

.theme-blue .picker-calendar-day.picker-calendar-day-has-events span:after {
    background-color: #2196f3
}

.theme-blue .picker-header {
    background-color: #2196f3
}

.theme-blue .modal-button {
    color: #2196f3
}

.swiper-pagination.color-blue .swiper-pagination-bullet-active, .theme-blue .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #2196f3
}

.swiper-pagination.color-blue .swiper-pagination-progressbar, .theme-blue .swiper-pagination .swiper-pagination-progressbar {
    background-color: #2196f3
}

.swiper-pagination.swiper-pagination-progress.bg-blue {
    background-color: rgba(33,150,243,.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'%232196f3'%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'%232196f3'%2F%3E%3C%2Fsvg%3E")
}

.bg-blue, .list-block .swipeout-actions-left a.bg-blue, .list-block .swipeout-actions-right a.bg-blue, a.bg-blue {
    background-color: #2196f3
}

.list-block .bg-blue .item-link.active-state, .list-block .item-link.bg-blue.active-state, .list-block .item-link.list-block .swipeout-actions-left a.bg-blue.active-state, .list-block .item-link.list-block .swipeout-actions-right a.bg-blue.active-state, .list-block .item-linka.bg-blue.active-state, .list-block .list-block .swipeout-actions-left a.bg-blue .item-link.active-state, .list-block .list-block .swipeout-actions-right a.bg-blue .item-link.active-state, .list-block a.bg-blue .item-link.active-state, .list-block.bg-blue .item-link.active-state, .list-block.list-block .swipeout-actions-left a.bg-blue .item-link.active-state, .list-block.list-block .swipeout-actions-right a.bg-blue .item-link.active-state, .list-blocka.bg-blue .item-link.active-state, html:not(.watch-active-state) .list-block .bg-blue .item-link:active, html:not(.watch-active-state) .list-block .item-link.bg-blue:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-blue:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-blue:active, html:not(.watch-active-state) .list-block .item-linka.bg-blue:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-blue .item-link:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-blue .item-link:active, html:not(.watch-active-state) .list-block a.bg-blue .item-link:active, html:not(.watch-active-state) .list-block.bg-blue .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-blue .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-blue .item-link:active, html:not(.watch-active-state) .list-blocka.bg-blue .item-link:active {
    background: #1976D2
}

.border-blue {
    border-color: #2196f3
}

    .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: #2196f3
    }

.floating-button.bg-blue, .floating-button.color-blue, .floating-button.theme-blue, .speed-dial-buttons a.bg-blue, .speed-dial-buttons a.color-blue, .speed-dial-buttons a.theme-blue, .theme-blue .floating-button, .theme-blue .speed-dial-buttons a {
    color: #fff;
    background: #2196f3
}

    .floating-button.bg-blue.active-state, .floating-button.color-blue.active-state, .floating-button.theme-blue.active-state, .speed-dial-buttons a.bg-blue.active-state, .speed-dial-buttons a.color-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.bg-blue:active, html:not(.watch-active-state) .floating-button.color-blue:active, html:not(.watch-active-state) .floating-button.theme-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, 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: #1976D2
    }

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

.ripple-blue .ripple-wave {
    background-color: rgba(33,150,243,.3)
}

.badge.color-blue, .badge.theme-blue {
    background-color: #2196f3;
    color: #fff
}

.color-lightblue {
    color: #03a9f4
}

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

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

.theme-lightblue .button:not(.button-fill) {
    color: #03a9f4
}

.theme-lightblue .navbar .button:not(.button-fill), .theme-lightblue .subnavbar .button:not(.button-fill), .theme-lightblue .toolbar .button:not(.button-fill), .theme-lightblue.navbar .button:not(.button-fill), .theme-lightblue.subnavbar .button:not(.button-fill), .theme-lightblue.toolbar .button:not(.button-fill) {
    color: #fff
}

.button.color-lightblue:not(.button-fill), .color-lightblue.buttons-row .button:not(.button-fill) {
    color: #03a9f4 !important
}

.theme-lightblue .button.button-fill {
    background: #03a9f4;
    color: #fff
}

    .theme-lightblue .button.button-fill.active-state, html:not(.watch-active-state) .theme-lightblue .button.button-fill:active {
        background: #0288D1
    }

.button.button-fill.bg-lightblue, .button.button-fill.color-lightblue {
    background: #03a9f4 !important;
    color: #fff
}

    .button.button-fill.bg-lightblue.active-state, .button.button-fill.color-lightblue.active-state, html:not(.watch-active-state) .button.button-fill.bg-lightblue:active, html:not(.watch-active-state) .button.button-fill.color-lightblue:active {
        background: #0288D1 !important
    }

.progressbar.bg-lightblue, .progressbar.color-lightblue, .progressbar.theme-lightblue, .theme-lightblue .progressbar {
    background-color: rgba(3,169,244,.5)
}

    .progressbar.bg-lightblue span, .progressbar.color-lightblue span, .progressbar.theme-lightblue span, .theme-lightblue .progressbar span {
        background-color: #03a9f4
    }

.progressbar-infinite.bg-lightblue, .progressbar-infinite.color-lightblue, .progressbar-infinite.theme-lightblue, .theme-lightblue .progressbar-infinite {
    background-color: rgba(3,169,244,.5)
}

    .progressbar-infinite.bg-lightblue:after, .progressbar-infinite.bg-lightblue:before, .progressbar-infinite.color-lightblue:after, .progressbar-infinite.color-lightblue:before, .progressbar-infinite.theme-lightblue:after, .progressbar-infinite.theme-lightblue:before, .theme-lightblue .progressbar-infinite:after, .theme-lightblue .progressbar-infinite:before {
        background-color: #03a9f4
    }

.color-lightblue i.icon, i.icon.color-lightblue {
    color: #03a9f4
}

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'%20fill%3D'%2303a9f4'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

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'%20fill%3D'%2303a9f4'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%2303a9f4'%2F%3E%3C%2Fsvg%3E")
}

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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%2303a9f4'%2F%3E%3C%2Fsvg%3E")
}

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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%2303a9f4'%2F%3E%3C%2Fsvg%3E")
}

.preloader.color-lightblue svg circle, .preloader.preloader-lightblue svg circle {
    stroke: #03a9f4
}

.preloader.color-lightblue .preloader-inner-gap, .preloader.color-lightblue .preloader-inner-half-circle, .preloader.preloader-lightblue .preloader-inner-gap, .preloader.preloader-lightblue .preloader-inner-half-circle {
    border-color: #03a9f4
}

.theme-lightblue a {
    color: #03a9f4
}

.navbar.theme-lightblue, .searchbar.theme-lightblue, .subnavbar.theme-lightblue, .theme-lightblue .navbar, .theme-lightblue .searchbar, .theme-lightblue .subnavbar, .theme-lightblue .toolbar, .toolbar.theme-lightblue {
    background-color: #03a9f4
}

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

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

.range-slider.theme-lightblue input[type=range]::-ms-thumb, .theme-lightblue .range-slider input[type=range]::-ms-thumb {
    background-color: #03a9f4
}

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

.range-slider.theme-lightblue input[type=range]::-moz-range-thumb, .theme-lightblue .range-slider input[type=range]::-moz-range-thumb {
    background-color: #03a9f4
}

.label-switch.theme-lightblue input[type=checkbox]:checked + .checkbox, .theme-lightblue .label-switch input[type=checkbox]:checked + .checkbox {
    background-color: rgba(3,169,244,.5)
}

    .label-switch.theme-lightblue input[type=checkbox]:checked + .checkbox:after, .theme-lightblue .label-switch input[type=checkbox]:checked + .checkbox:after {
        background-color: #03a9f4
    }

.theme-lightblue label.label-checkbox, label.label-checkbox.theme-lightblue {
    cursor: pointer
}

    .theme-lightblue label.label-checkbox i.icon-form-checkbox:after, label.label-checkbox.theme-lightblue i.icon-form-checkbox:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
    }

    .theme-lightblue label.label-checkbox input[type=checkbox]:checked + .item-media i.icon-form-checkbox, .theme-lightblue label.label-checkbox input[type=checkbox]:checked ~ .item-after i.icon-form-checkbox, .theme-lightblue label.label-checkbox input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, .theme-lightblue label.label-checkbox input[type=radio]:checked + .item-media i.icon-form-checkbox, .theme-lightblue label.label-checkbox input[type=radio]:checked ~ .item-after i.icon-form-checkbox, .theme-lightblue label.label-checkbox input[type=radio]:checked ~ .item-inner 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=checkbox]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-lightblue input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, label.label-checkbox.theme-lightblue input[type=radio]:checked + .item-media i.icon-form-checkbox, label.label-checkbox.theme-lightblue input[type=radio]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-lightblue input[type=radio]:checked ~ .item-inner i.icon-form-checkbox {
        border-color: #03a9f4;
        background-color: #03a9f4
    }

.theme-lightblue label.label-radio i.icon-form-radio:after, label.label-radio.theme-lightblue i.icon-form-radio:after {
    background-color: #03a9f4
}

.theme-lightblue label.label-radio input[type=checkbox]:checked + .item-media i.icon-form-radio, .theme-lightblue label.label-radio input[type=checkbox]:checked ~ .item-after i.icon-form-radio, .theme-lightblue label.label-radio input[type=checkbox]:checked ~ .item-inner i.icon-form-radio, .theme-lightblue label.label-radio input[type=radio]:checked + .item-media i.icon-form-radio, .theme-lightblue label.label-radio input[type=radio]:checked ~ .item-after i.icon-form-radio, .theme-lightblue label.label-radio input[type=radio]:checked ~ .item-inner i.icon-form-radio, label.label-radio.theme-lightblue input[type=checkbox]:checked + .item-media i.icon-form-radio, label.label-radio.theme-lightblue input[type=checkbox]:checked ~ .item-after i.icon-form-radio, label.label-radio.theme-lightblue input[type=checkbox]:checked ~ .item-inner i.icon-form-radio, label.label-radio.theme-lightblue input[type=radio]:checked + .item-media i.icon-form-radio, label.label-radio.theme-lightblue input[type=radio]:checked ~ .item-after i.icon-form-radio, label.label-radio.theme-lightblue input[type=radio]:checked ~ .item-inner i.icon-form-radio {
    border-color: #03a9f4
}

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

.theme-lightblue .focus-state .floating-label, .theme-lightblue .focus-state .label {
    color: #03a9f4
}

.theme-lightblue .input-field.focus-state:after, .theme-lightblue .input-field.not-empty-state:after, .theme-lightblue .item-input-field.focus-state:after, .theme-lightblue .item-input-field.not-empty-state:after {
    background: #03a9f4
}

.theme-lightblue .picker-calendar-day.picker-calendar-day-today span {
    color: #03a9f4
}

.theme-lightblue .picker-calendar-day.picker-calendar-day-selected span {
    background-color: #03a9f4;
    color: #fff
}

.theme-lightblue .picker-calendar-day.picker-calendar-day-has-events span:after {
    background-color: #03a9f4
}

.theme-lightblue .picker-header {
    background-color: #03a9f4
}

.theme-lightblue .modal-button {
    color: #03a9f4
}

.swiper-pagination.color-lightblue .swiper-pagination-bullet-active, .theme-lightblue .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #03a9f4
}

.swiper-pagination.color-lightblue .swiper-pagination-progressbar, .theme-lightblue .swiper-pagination .swiper-pagination-progressbar {
    background-color: #03a9f4
}

.swiper-pagination.swiper-pagination-progress.bg-lightblue {
    background-color: rgba(3,169,244,.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'%2303a9f4'%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'%2303a9f4'%2F%3E%3C%2Fsvg%3E")
}

.bg-lightblue, .list-block .swipeout-actions-left a.bg-lightblue, .list-block .swipeout-actions-right a.bg-lightblue, a.bg-lightblue {
    background-color: #03a9f4
}

.list-block .bg-lightblue .item-link.active-state, .list-block .item-link.bg-lightblue.active-state, .list-block .item-link.list-block .swipeout-actions-left a.bg-lightblue.active-state, .list-block .item-link.list-block .swipeout-actions-right a.bg-lightblue.active-state, .list-block .item-linka.bg-lightblue.active-state, .list-block .list-block .swipeout-actions-left a.bg-lightblue .item-link.active-state, .list-block .list-block .swipeout-actions-right a.bg-lightblue .item-link.active-state, .list-block a.bg-lightblue .item-link.active-state, .list-block.bg-lightblue .item-link.active-state, .list-block.list-block .swipeout-actions-left a.bg-lightblue .item-link.active-state, .list-block.list-block .swipeout-actions-right a.bg-lightblue .item-link.active-state, .list-blocka.bg-lightblue .item-link.active-state, html:not(.watch-active-state) .list-block .bg-lightblue .item-link:active, html:not(.watch-active-state) .list-block .item-link.bg-lightblue:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-lightblue:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-lightblue:active, html:not(.watch-active-state) .list-block .item-linka.bg-lightblue:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-lightblue .item-link:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-lightblue .item-link:active, html:not(.watch-active-state) .list-block a.bg-lightblue .item-link:active, html:not(.watch-active-state) .list-block.bg-lightblue .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-lightblue .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-lightblue .item-link:active, html:not(.watch-active-state) .list-blocka.bg-lightblue .item-link:active {
    background: #0288D1
}

.border-lightblue {
    border-color: #03a9f4
}

    .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: #03a9f4
    }

.floating-button.bg-lightblue, .floating-button.color-lightblue, .floating-button.theme-lightblue, .speed-dial-buttons a.bg-lightblue, .speed-dial-buttons a.color-lightblue, .speed-dial-buttons a.theme-lightblue, .theme-lightblue .floating-button, .theme-lightblue .speed-dial-buttons a {
    color: #fff;
    background: #03a9f4
}

    .floating-button.bg-lightblue.active-state, .floating-button.color-lightblue.active-state, .floating-button.theme-lightblue.active-state, .speed-dial-buttons a.bg-lightblue.active-state, .speed-dial-buttons a.color-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.bg-lightblue:active, html:not(.watch-active-state) .floating-button.color-lightblue:active, html:not(.watch-active-state) .floating-button.theme-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, 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: #0288D1
    }

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

.ripple-lightblue .ripple-wave {
    background-color: rgba(3,169,244,.3)
}

.badge.color-lightblue, .badge.theme-lightblue {
    background-color: #03a9f4;
    color: #fff
}

.color-cyan {
    color: #00bcd4
}

.list-block .item-link.color-cyan, .list-block .item-link.list-button.color-cyan, .tabbar a.active.color-cyan, a.color-cyan {
    color: #00bcd4
}

.label-switch input[type=checkbox]:checked + .checkbox.color-cyan, .label-switch.color-cyan input[type=checkbox]:checked + .checkbox {
    background-color: #00bcd4
}

.theme-cyan .button:not(.button-fill) {
    color: #00bcd4
}

.theme-cyan .navbar .button:not(.button-fill), .theme-cyan .subnavbar .button:not(.button-fill), .theme-cyan .toolbar .button:not(.button-fill), .theme-cyan.navbar .button:not(.button-fill), .theme-cyan.subnavbar .button:not(.button-fill), .theme-cyan.toolbar .button:not(.button-fill) {
    color: #fff
}

.button.color-cyan:not(.button-fill), .color-cyan.buttons-row .button:not(.button-fill) {
    color: #00bcd4 !important
}

.theme-cyan .button.button-fill {
    background: #00bcd4;
    color: #fff
}

    .theme-cyan .button.button-fill.active-state, html:not(.watch-active-state) .theme-cyan .button.button-fill:active {
        background: #0097A7
    }

.button.button-fill.bg-cyan, .button.button-fill.color-cyan {
    background: #00bcd4 !important;
    color: #fff
}

    .button.button-fill.bg-cyan.active-state, .button.button-fill.color-cyan.active-state, html:not(.watch-active-state) .button.button-fill.bg-cyan:active, html:not(.watch-active-state) .button.button-fill.color-cyan:active {
        background: #0097A7 !important
    }

.progressbar.bg-cyan, .progressbar.color-cyan, .progressbar.theme-cyan, .theme-cyan .progressbar {
    background-color: rgba(0,188,212,.5)
}

    .progressbar.bg-cyan span, .progressbar.color-cyan span, .progressbar.theme-cyan span, .theme-cyan .progressbar span {
        background-color: #00bcd4
    }

.progressbar-infinite.bg-cyan, .progressbar-infinite.color-cyan, .progressbar-infinite.theme-cyan, .theme-cyan .progressbar-infinite {
    background-color: rgba(0,188,212,.5)
}

    .progressbar-infinite.bg-cyan:after, .progressbar-infinite.bg-cyan:before, .progressbar-infinite.color-cyan:after, .progressbar-infinite.color-cyan:before, .progressbar-infinite.theme-cyan:after, .progressbar-infinite.theme-cyan:before, .theme-cyan .progressbar-infinite:after, .theme-cyan .progressbar-infinite:before {
        background-color: #00bcd4
    }

.color-cyan i.icon, i.icon.color-cyan {
    color: #00bcd4
}

i.icon-next.color-cyan, i.icon-next.theme-cyan {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%2300bcd4'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-prev.color-cyan, i.icon-prev.theme-cyan {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%2300bcd4'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-back.color-cyan, i.icon-back.theme-cyan {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%2300bcd4'%2F%3E%3C%2Fsvg%3E")
}

i.icon-forward.color-cyan, i.icon-forward.theme-cyan {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%2300bcd4'%2F%3E%3C%2Fsvg%3E")
}

i.icon-bars.color-cyan, i.icon-bars.theme-cyan {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%2300bcd4'%2F%3E%3C%2Fsvg%3E")
}

.preloader.color-cyan svg circle, .preloader.preloader-cyan svg circle {
    stroke: #00bcd4
}

.preloader.color-cyan .preloader-inner-gap, .preloader.color-cyan .preloader-inner-half-circle, .preloader.preloader-cyan .preloader-inner-gap, .preloader.preloader-cyan .preloader-inner-half-circle {
    border-color: #00bcd4
}

.theme-cyan a {
    color: #00bcd4
}

.navbar.theme-cyan, .searchbar.theme-cyan, .subnavbar.theme-cyan, .theme-cyan .navbar, .theme-cyan .searchbar, .theme-cyan .subnavbar, .theme-cyan .toolbar, .toolbar.theme-cyan {
    background-color: #00bcd4
}

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

.range-slider.theme-cyan input[type=range]::-webkit-slider-thumb, .theme-cyan .range-slider input[type=range]::-webkit-slider-thumb {
    background-color: #00bcd4
}

.range-slider.theme-cyan input[type=range]::-ms-thumb, .theme-cyan .range-slider input[type=range]::-ms-thumb {
    background-color: #00bcd4
}

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

.range-slider.theme-cyan input[type=range]::-moz-range-thumb, .theme-cyan .range-slider input[type=range]::-moz-range-thumb {
    background-color: #00bcd4
}

.label-switch.theme-cyan input[type=checkbox]:checked + .checkbox, .theme-cyan .label-switch input[type=checkbox]:checked + .checkbox {
    background-color: rgba(0,188,212,.5)
}

    .label-switch.theme-cyan input[type=checkbox]:checked + .checkbox:after, .theme-cyan .label-switch input[type=checkbox]:checked + .checkbox:after {
        background-color: #00bcd4
    }

.theme-cyan label.label-checkbox, label.label-checkbox.theme-cyan {
    cursor: pointer
}

    .theme-cyan label.label-checkbox i.icon-form-checkbox:after, label.label-checkbox.theme-cyan i.icon-form-checkbox:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
    }

    .theme-cyan label.label-checkbox input[type=checkbox]:checked + .item-media i.icon-form-checkbox, .theme-cyan label.label-checkbox input[type=checkbox]:checked ~ .item-after i.icon-form-checkbox, .theme-cyan label.label-checkbox input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, .theme-cyan label.label-checkbox input[type=radio]:checked + .item-media i.icon-form-checkbox, .theme-cyan label.label-checkbox input[type=radio]:checked ~ .item-after i.icon-form-checkbox, .theme-cyan label.label-checkbox input[type=radio]:checked ~ .item-inner i.icon-form-checkbox, label.label-checkbox.theme-cyan input[type=checkbox]:checked + .item-media i.icon-form-checkbox, label.label-checkbox.theme-cyan input[type=checkbox]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-cyan input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, label.label-checkbox.theme-cyan input[type=radio]:checked + .item-media i.icon-form-checkbox, label.label-checkbox.theme-cyan input[type=radio]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-cyan input[type=radio]:checked ~ .item-inner i.icon-form-checkbox {
        border-color: #00bcd4;
        background-color: #00bcd4
    }

.theme-cyan label.label-radio i.icon-form-radio:after, label.label-radio.theme-cyan i.icon-form-radio:after {
    background-color: #00bcd4
}

.theme-cyan label.label-radio input[type=checkbox]:checked + .item-media i.icon-form-radio, .theme-cyan label.label-radio input[type=checkbox]:checked ~ .item-after i.icon-form-radio, .theme-cyan label.label-radio input[type=checkbox]:checked ~ .item-inner i.icon-form-radio, .theme-cyan label.label-radio input[type=radio]:checked + .item-media i.icon-form-radio, .theme-cyan label.label-radio input[type=radio]:checked ~ .item-after i.icon-form-radio, .theme-cyan label.label-radio input[type=radio]:checked ~ .item-inner i.icon-form-radio, label.label-radio.theme-cyan input[type=checkbox]:checked + .item-media i.icon-form-radio, label.label-radio.theme-cyan input[type=checkbox]:checked ~ .item-after i.icon-form-radio, label.label-radio.theme-cyan input[type=checkbox]:checked ~ .item-inner i.icon-form-radio, label.label-radio.theme-cyan input[type=radio]:checked + .item-media i.icon-form-radio, label.label-radio.theme-cyan input[type=radio]:checked ~ .item-after i.icon-form-radio, label.label-radio.theme-cyan input[type=radio]:checked ~ .item-inner i.icon-form-radio {
    border-color: #00bcd4
}

    .theme-cyan label.label-radio input[type=checkbox]:checked + .item-media i.icon-form-radio:after, .theme-cyan label.label-radio input[type=checkbox]:checked ~ .item-after i.icon-form-radio:after, .theme-cyan label.label-radio input[type=checkbox]:checked ~ .item-inner i.icon-form-radio:after, .theme-cyan label.label-radio input[type=radio]:checked + .item-media i.icon-form-radio:after, .theme-cyan label.label-radio input[type=radio]:checked ~ .item-after i.icon-form-radio:after, .theme-cyan label.label-radio input[type=radio]:checked ~ .item-inner i.icon-form-radio:after, label.label-radio.theme-cyan input[type=checkbox]:checked + .item-media i.icon-form-radio:after, label.label-radio.theme-cyan input[type=checkbox]:checked ~ .item-after i.icon-form-radio:after, label.label-radio.theme-cyan input[type=checkbox]:checked ~ .item-inner i.icon-form-radio:after, label.label-radio.theme-cyan input[type=radio]:checked + .item-media i.icon-form-radio:after, label.label-radio.theme-cyan input[type=radio]:checked ~ .item-after i.icon-form-radio:after, label.label-radio.theme-cyan input[type=radio]:checked ~ .item-inner i.icon-form-radio:after {
        background-color: #00bcd4
    }

.theme-cyan .focus-state .floating-label, .theme-cyan .focus-state .label {
    color: #00bcd4
}

.theme-cyan .input-field.focus-state:after, .theme-cyan .input-field.not-empty-state:after, .theme-cyan .item-input-field.focus-state:after, .theme-cyan .item-input-field.not-empty-state:after {
    background: #00bcd4
}

.theme-cyan .picker-calendar-day.picker-calendar-day-today span {
    color: #00bcd4
}

.theme-cyan .picker-calendar-day.picker-calendar-day-selected span {
    background-color: #00bcd4;
    color: #fff
}

.theme-cyan .picker-calendar-day.picker-calendar-day-has-events span:after {
    background-color: #00bcd4
}

.theme-cyan .picker-header {
    background-color: #00bcd4
}

.theme-cyan .modal-button {
    color: #00bcd4
}

.swiper-pagination.color-cyan .swiper-pagination-bullet-active, .theme-cyan .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #00bcd4
}

.swiper-pagination.color-cyan .swiper-pagination-progressbar, .theme-cyan .swiper-pagination .swiper-pagination-progressbar {
    background-color: #00bcd4
}

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

.swiper-button-next.color-cyan, .swiper-container-rtl .swiper-button-prev.color-cyan, .theme-cyan .swiper-button-next, .theme-cyan .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'%2300bcd4'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-cyan, .swiper-container-rtl .swiper-button-next.color-cyan, .theme-cyan .swiper-button-prev, .theme-cyan .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'%2300bcd4'%2F%3E%3C%2Fsvg%3E")
}

.bg-cyan, .list-block .swipeout-actions-left a.bg-cyan, .list-block .swipeout-actions-right a.bg-cyan, a.bg-cyan {
    background-color: #00bcd4
}

.list-block .bg-cyan .item-link.active-state, .list-block .item-link.bg-cyan.active-state, .list-block .item-link.list-block .swipeout-actions-left a.bg-cyan.active-state, .list-block .item-link.list-block .swipeout-actions-right a.bg-cyan.active-state, .list-block .item-linka.bg-cyan.active-state, .list-block .list-block .swipeout-actions-left a.bg-cyan .item-link.active-state, .list-block .list-block .swipeout-actions-right a.bg-cyan .item-link.active-state, .list-block a.bg-cyan .item-link.active-state, .list-block.bg-cyan .item-link.active-state, .list-block.list-block .swipeout-actions-left a.bg-cyan .item-link.active-state, .list-block.list-block .swipeout-actions-right a.bg-cyan .item-link.active-state, .list-blocka.bg-cyan .item-link.active-state, html:not(.watch-active-state) .list-block .bg-cyan .item-link:active, html:not(.watch-active-state) .list-block .item-link.bg-cyan:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-cyan:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-cyan:active, html:not(.watch-active-state) .list-block .item-linka.bg-cyan:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-cyan .item-link:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-cyan .item-link:active, html:not(.watch-active-state) .list-block a.bg-cyan .item-link:active, html:not(.watch-active-state) .list-block.bg-cyan .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-cyan .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-cyan .item-link:active, html:not(.watch-active-state) .list-blocka.bg-cyan .item-link:active {
    background: #0097A7
}

.border-cyan {
    border-color: #00bcd4
}

    .border-cyan:after, .border-cyan:before, .list-block .border-cyan.item-inner:after, .list-block .border-cyan.item-inner:before, .list-block ul.border-cyan:after, .list-block ul.border-cyan:before {
        background-color: #00bcd4
    }

.floating-button.bg-cyan, .floating-button.color-cyan, .floating-button.theme-cyan, .speed-dial-buttons a.bg-cyan, .speed-dial-buttons a.color-cyan, .speed-dial-buttons a.theme-cyan, .theme-cyan .floating-button, .theme-cyan .speed-dial-buttons a {
    color: #fff;
    background: #00bcd4
}

    .floating-button.bg-cyan.active-state, .floating-button.color-cyan.active-state, .floating-button.theme-cyan.active-state, .speed-dial-buttons a.bg-cyan.active-state, .speed-dial-buttons a.color-cyan.active-state, .speed-dial-buttons a.theme-cyan.active-state, .theme-cyan .floating-button.active-state, .theme-cyan .speed-dial-buttons a.active-state, html:not(.watch-active-state) .floating-button.bg-cyan:active, html:not(.watch-active-state) .floating-button.color-cyan:active, html:not(.watch-active-state) .floating-button.theme-cyan:active, html:not(.watch-active-state) .speed-dial-buttons a.bg-cyan:active, html:not(.watch-active-state) .speed-dial-buttons a.color-cyan:active, html:not(.watch-active-state) .speed-dial-buttons a.theme-cyan:active, html:not(.watch-active-state) .theme-cyan .floating-button:active, html:not(.watch-active-state) .theme-cyan .speed-dial-buttons a:active {
        background: #0097A7
    }

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

.ripple-cyan .ripple-wave {
    background-color: rgba(0,188,212,.3)
}

.badge.color-cyan, .badge.theme-cyan {
    background-color: #00bcd4;
    color: #fff
}

.color-teal {
    color: #009688
}

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

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

.theme-teal .button:not(.button-fill) {
    color: #009688
}

.theme-teal .navbar .button:not(.button-fill), .theme-teal .subnavbar .button:not(.button-fill), .theme-teal .toolbar .button:not(.button-fill), .theme-teal.navbar .button:not(.button-fill), .theme-teal.subnavbar .button:not(.button-fill), .theme-teal.toolbar .button:not(.button-fill) {
    color: #fff
}

.button.color-teal:not(.button-fill), .color-teal.buttons-row .button:not(.button-fill) {
    color: #009688 !important
}

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

    .theme-teal .button.button-fill.active-state, html:not(.watch-active-state) .theme-teal .button.button-fill:active {
        background: #00897B
    }

.button.button-fill.bg-teal, .button.button-fill.color-teal {
    background: #009688 !important;
    color: #fff
}

    .button.button-fill.bg-teal.active-state, .button.button-fill.color-teal.active-state, html:not(.watch-active-state) .button.button-fill.bg-teal:active, html:not(.watch-active-state) .button.button-fill.color-teal:active {
        background: #00897B !important
    }

.progressbar.bg-teal, .progressbar.color-teal, .progressbar.theme-teal, .theme-teal .progressbar {
    background-color: rgba(0,150,136,.5)
}

    .progressbar.bg-teal span, .progressbar.color-teal span, .progressbar.theme-teal span, .theme-teal .progressbar span {
        background-color: #009688
    }

.progressbar-infinite.bg-teal, .progressbar-infinite.color-teal, .progressbar-infinite.theme-teal, .theme-teal .progressbar-infinite {
    background-color: rgba(0,150,136,.5)
}

    .progressbar-infinite.bg-teal:after, .progressbar-infinite.bg-teal:before, .progressbar-infinite.color-teal:after, .progressbar-infinite.color-teal:before, .progressbar-infinite.theme-teal:after, .progressbar-infinite.theme-teal:before, .theme-teal .progressbar-infinite:after, .theme-teal .progressbar-infinite:before {
        background-color: #009688
    }

.color-teal i.icon, i.icon.color-teal {
    color: #009688
}

i.icon-next.color-teal, i.icon-next.theme-teal {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23009688'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-prev.color-teal, i.icon-prev.theme-teal {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23009688'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-back.color-teal, i.icon-back.theme-teal {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23009688'%2F%3E%3C%2Fsvg%3E")
}

i.icon-forward.color-teal, i.icon-forward.theme-teal {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23009688'%2F%3E%3C%2Fsvg%3E")
}

i.icon-bars.color-teal, i.icon-bars.theme-teal {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23009688'%2F%3E%3C%2Fsvg%3E")
}

.preloader.color-teal svg circle, .preloader.preloader-teal svg circle {
    stroke: #009688
}

.preloader.color-teal .preloader-inner-gap, .preloader.color-teal .preloader-inner-half-circle, .preloader.preloader-teal .preloader-inner-gap, .preloader.preloader-teal .preloader-inner-half-circle {
    border-color: #009688
}

.theme-teal a {
    color: #009688
}

.navbar.theme-teal, .searchbar.theme-teal, .subnavbar.theme-teal, .theme-teal .navbar, .theme-teal .searchbar, .theme-teal .subnavbar, .theme-teal .toolbar, .toolbar.theme-teal {
    background-color: #009688
}

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

.range-slider.theme-teal input[type=range]::-webkit-slider-thumb, .theme-teal .range-slider input[type=range]::-webkit-slider-thumb {
    background-color: #009688
}

.range-slider.theme-teal input[type=range]::-ms-thumb, .theme-teal .range-slider input[type=range]::-ms-thumb {
    background-color: #009688
}

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

.range-slider.theme-teal input[type=range]::-moz-range-thumb, .theme-teal .range-slider input[type=range]::-moz-range-thumb {
    background-color: #009688
}

.label-switch.theme-teal input[type=checkbox]:checked + .checkbox, .theme-teal .label-switch input[type=checkbox]:checked + .checkbox {
    background-color: rgba(0,150,136,.5)
}

    .label-switch.theme-teal input[type=checkbox]:checked + .checkbox:after, .theme-teal .label-switch input[type=checkbox]:checked + .checkbox:after {
        background-color: #009688
    }

.theme-teal label.label-checkbox, label.label-checkbox.theme-teal {
    cursor: pointer
}

    .theme-teal label.label-checkbox i.icon-form-checkbox:after, label.label-checkbox.theme-teal i.icon-form-checkbox:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
    }

    .theme-teal label.label-checkbox input[type=checkbox]:checked + .item-media i.icon-form-checkbox, .theme-teal label.label-checkbox input[type=checkbox]:checked ~ .item-after i.icon-form-checkbox, .theme-teal label.label-checkbox input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, .theme-teal label.label-checkbox input[type=radio]:checked + .item-media i.icon-form-checkbox, .theme-teal label.label-checkbox input[type=radio]:checked ~ .item-after i.icon-form-checkbox, .theme-teal label.label-checkbox input[type=radio]:checked ~ .item-inner i.icon-form-checkbox, label.label-checkbox.theme-teal input[type=checkbox]:checked + .item-media i.icon-form-checkbox, label.label-checkbox.theme-teal input[type=checkbox]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-teal input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, label.label-checkbox.theme-teal input[type=radio]:checked + .item-media i.icon-form-checkbox, label.label-checkbox.theme-teal input[type=radio]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-teal input[type=radio]:checked ~ .item-inner i.icon-form-checkbox {
        border-color: #009688;
        background-color: #009688
    }

.theme-teal label.label-radio i.icon-form-radio:after, label.label-radio.theme-teal i.icon-form-radio:after {
    background-color: #009688
}

.theme-teal label.label-radio input[type=checkbox]:checked + .item-media i.icon-form-radio, .theme-teal label.label-radio input[type=checkbox]:checked ~ .item-after i.icon-form-radio, .theme-teal label.label-radio input[type=checkbox]:checked ~ .item-inner i.icon-form-radio, .theme-teal label.label-radio input[type=radio]:checked + .item-media i.icon-form-radio, .theme-teal label.label-radio input[type=radio]:checked ~ .item-after i.icon-form-radio, .theme-teal label.label-radio input[type=radio]:checked ~ .item-inner i.icon-form-radio, label.label-radio.theme-teal input[type=checkbox]:checked + .item-media i.icon-form-radio, label.label-radio.theme-teal input[type=checkbox]:checked ~ .item-after i.icon-form-radio, label.label-radio.theme-teal input[type=checkbox]:checked ~ .item-inner i.icon-form-radio, label.label-radio.theme-teal input[type=radio]:checked + .item-media i.icon-form-radio, label.label-radio.theme-teal input[type=radio]:checked ~ .item-after i.icon-form-radio, label.label-radio.theme-teal input[type=radio]:checked ~ .item-inner i.icon-form-radio {
    border-color: #009688
}

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

.theme-teal .focus-state .floating-label, .theme-teal .focus-state .label {
    color: #009688
}

.theme-teal .input-field.focus-state:after, .theme-teal .input-field.not-empty-state:after, .theme-teal .item-input-field.focus-state:after, .theme-teal .item-input-field.not-empty-state:after {
    background: #009688
}

.theme-teal .picker-calendar-day.picker-calendar-day-today span {
    color: #009688
}

.theme-teal .picker-calendar-day.picker-calendar-day-selected span {
    background-color: #009688;
    color: #fff
}

.theme-teal .picker-calendar-day.picker-calendar-day-has-events span:after {
    background-color: #009688
}

.theme-teal .picker-header {
    background-color: #009688
}

.theme-teal .modal-button {
    color: #009688
}

.swiper-pagination.color-teal .swiper-pagination-bullet-active, .theme-teal .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #009688
}

.swiper-pagination.color-teal .swiper-pagination-progressbar, .theme-teal .swiper-pagination .swiper-pagination-progressbar {
    background-color: #009688
}

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

.swiper-button-next.color-teal, .swiper-container-rtl .swiper-button-prev.color-teal, .theme-teal .swiper-button-next, .theme-teal .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'%23009688'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-teal, .swiper-container-rtl .swiper-button-next.color-teal, .theme-teal .swiper-button-prev, .theme-teal .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'%23009688'%2F%3E%3C%2Fsvg%3E")
}

.bg-teal, .list-block .swipeout-actions-left a.bg-teal, .list-block .swipeout-actions-right a.bg-teal, a.bg-teal {
    background-color: #009688
}

.list-block .bg-teal .item-link.active-state, .list-block .item-link.bg-teal.active-state, .list-block .item-link.list-block .swipeout-actions-left a.bg-teal.active-state, .list-block .item-link.list-block .swipeout-actions-right a.bg-teal.active-state, .list-block .item-linka.bg-teal.active-state, .list-block .list-block .swipeout-actions-left a.bg-teal .item-link.active-state, .list-block .list-block .swipeout-actions-right a.bg-teal .item-link.active-state, .list-block a.bg-teal .item-link.active-state, .list-block.bg-teal .item-link.active-state, .list-block.list-block .swipeout-actions-left a.bg-teal .item-link.active-state, .list-block.list-block .swipeout-actions-right a.bg-teal .item-link.active-state, .list-blocka.bg-teal .item-link.active-state, html:not(.watch-active-state) .list-block .bg-teal .item-link:active, html:not(.watch-active-state) .list-block .item-link.bg-teal:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-teal:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-teal:active, html:not(.watch-active-state) .list-block .item-linka.bg-teal:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-teal .item-link:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-teal .item-link:active, html:not(.watch-active-state) .list-block a.bg-teal .item-link:active, html:not(.watch-active-state) .list-block.bg-teal .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-teal .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-teal .item-link:active, html:not(.watch-active-state) .list-blocka.bg-teal .item-link:active {
    background: #00897B
}

.border-teal {
    border-color: #009688
}

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

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

    .floating-button.bg-teal.active-state, .floating-button.color-teal.active-state, .floating-button.theme-teal.active-state, .speed-dial-buttons a.bg-teal.active-state, .speed-dial-buttons a.color-teal.active-state, .speed-dial-buttons a.theme-teal.active-state, .theme-teal .floating-button.active-state, .theme-teal .speed-dial-buttons a.active-state, html:not(.watch-active-state) .floating-button.bg-teal:active, html:not(.watch-active-state) .floating-button.color-teal:active, html:not(.watch-active-state) .floating-button.theme-teal:active, html:not(.watch-active-state) .speed-dial-buttons a.bg-teal:active, html:not(.watch-active-state) .speed-dial-buttons a.color-teal:active, html:not(.watch-active-state) .speed-dial-buttons a.theme-teal:active, html:not(.watch-active-state) .theme-teal .floating-button:active, html:not(.watch-active-state) .theme-teal .speed-dial-buttons a:active {
        background: #00897B
    }

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

.ripple-teal .ripple-wave {
    background-color: rgba(0,150,136,.3)
}

.badge.color-teal, .badge.theme-teal {
    background-color: #009688;
    color: #fff
}

.color-green {
    color: #4caf50
}

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

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

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

.theme-green .navbar .button:not(.button-fill), .theme-green .subnavbar .button:not(.button-fill), .theme-green .toolbar .button:not(.button-fill), .theme-green.navbar .button:not(.button-fill), .theme-green.subnavbar .button:not(.button-fill), .theme-green.toolbar .button:not(.button-fill) {
    color: #fff
}

.button.color-green:not(.button-fill), .color-green.buttons-row .button:not(.button-fill) {
    color: #4caf50 !important
}

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

    .theme-green .button.button-fill.active-state, html:not(.watch-active-state) .theme-green .button.button-fill:active {
        background: #388E3C
    }

.button.button-fill.bg-green, .button.button-fill.color-green {
    background: #4caf50 !important;
    color: #fff
}

    .button.button-fill.bg-green.active-state, .button.button-fill.color-green.active-state, html:not(.watch-active-state) .button.button-fill.bg-green:active, html:not(.watch-active-state) .button.button-fill.color-green:active {
        background: #388E3C !important
    }

.progressbar.bg-green, .progressbar.color-green, .progressbar.theme-green, .theme-green .progressbar {
    background-color: rgba(76,175,80,.5)
}

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

.progressbar-infinite.bg-green, .progressbar-infinite.color-green, .progressbar-infinite.theme-green, .theme-green .progressbar-infinite {
    background-color: rgba(76,175,80,.5)
}

    .progressbar-infinite.bg-green:after, .progressbar-infinite.bg-green:before, .progressbar-infinite.color-green:after, .progressbar-infinite.color-green:before, .progressbar-infinite.theme-green:after, .progressbar-infinite.theme-green:before, .theme-green .progressbar-infinite:after, .theme-green .progressbar-infinite:before {
        background-color: #4caf50
    }

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

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'%20fill%3D'%234caf50'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

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'%20fill%3D'%234caf50'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E")
}

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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E")
}

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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E")
}

.preloader.color-green svg circle, .preloader.preloader-green svg circle {
    stroke: #4caf50
}

.preloader.color-green .preloader-inner-gap, .preloader.color-green .preloader-inner-half-circle, .preloader.preloader-green .preloader-inner-gap, .preloader.preloader-green .preloader-inner-half-circle {
    border-color: #4caf50
}

.theme-green a {
    color: #4caf50
}

.navbar.theme-green, .searchbar.theme-green, .subnavbar.theme-green, .theme-green .navbar, .theme-green .searchbar, .theme-green .subnavbar, .theme-green .toolbar, .toolbar.theme-green {
    background-color: #4caf50
}

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

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

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

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

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

.label-switch.theme-green input[type=checkbox]:checked + .checkbox, .theme-green .label-switch input[type=checkbox]:checked + .checkbox {
    background-color: rgba(76,175,80,.5)
}

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

.theme-green label.label-checkbox, label.label-checkbox.theme-green {
    cursor: pointer
}

    .theme-green label.label-checkbox i.icon-form-checkbox:after, label.label-checkbox.theme-green i.icon-form-checkbox:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
    }

    .theme-green label.label-checkbox input[type=checkbox]:checked + .item-media i.icon-form-checkbox, .theme-green label.label-checkbox input[type=checkbox]:checked ~ .item-after i.icon-form-checkbox, .theme-green label.label-checkbox input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, .theme-green label.label-checkbox input[type=radio]:checked + .item-media i.icon-form-checkbox, .theme-green label.label-checkbox input[type=radio]:checked ~ .item-after i.icon-form-checkbox, .theme-green label.label-checkbox input[type=radio]:checked ~ .item-inner 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=checkbox]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-green input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, label.label-checkbox.theme-green input[type=radio]:checked + .item-media i.icon-form-checkbox, label.label-checkbox.theme-green input[type=radio]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-green input[type=radio]:checked ~ .item-inner i.icon-form-checkbox {
        border-color: #4caf50;
        background-color: #4caf50
    }

.theme-green label.label-radio i.icon-form-radio:after, label.label-radio.theme-green i.icon-form-radio:after {
    background-color: #4caf50
}

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

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

.theme-green .focus-state .floating-label, .theme-green .focus-state .label {
    color: #4caf50
}

.theme-green .input-field.focus-state:after, .theme-green .input-field.not-empty-state:after, .theme-green .item-input-field.focus-state:after, .theme-green .item-input-field.not-empty-state:after {
    background: #4caf50
}

.theme-green .picker-calendar-day.picker-calendar-day-today span {
    color: #4caf50
}

.theme-green .picker-calendar-day.picker-calendar-day-selected span {
    background-color: #4caf50;
    color: #fff
}

.theme-green .picker-calendar-day.picker-calendar-day-has-events span:after {
    background-color: #4caf50
}

.theme-green .picker-header {
    background-color: #4caf50
}

.theme-green .modal-button {
    color: #4caf50
}

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

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

.swiper-pagination.swiper-pagination-progress.bg-green {
    background-color: rgba(76,175,80,.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'%234caf50'%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'%234caf50'%2F%3E%3C%2Fsvg%3E")
}

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

.list-block .bg-green .item-link.active-state, .list-block .item-link.bg-green.active-state, .list-block .item-link.list-block .swipeout-actions-left a.bg-green.active-state, .list-block .item-link.list-block .swipeout-actions-right a.bg-green.active-state, .list-block .item-linka.bg-green.active-state, .list-block .list-block .swipeout-actions-left a.bg-green .item-link.active-state, .list-block .list-block .swipeout-actions-right a.bg-green .item-link.active-state, .list-block a.bg-green .item-link.active-state, .list-block.bg-green .item-link.active-state, .list-block.list-block .swipeout-actions-left a.bg-green .item-link.active-state, .list-block.list-block .swipeout-actions-right a.bg-green .item-link.active-state, .list-blocka.bg-green .item-link.active-state, html:not(.watch-active-state) .list-block .bg-green .item-link:active, html:not(.watch-active-state) .list-block .item-link.bg-green:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-green:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-green:active, html:not(.watch-active-state) .list-block .item-linka.bg-green:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-green .item-link:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-green .item-link:active, html:not(.watch-active-state) .list-block a.bg-green .item-link:active, html:not(.watch-active-state) .list-block.bg-green .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-green .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-green .item-link:active, html:not(.watch-active-state) .list-blocka.bg-green .item-link:active {
    background: #388E3C
}

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

    .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: #4caf50
    }

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

    .floating-button.bg-green.active-state, .floating-button.color-green.active-state, .floating-button.theme-green.active-state, .speed-dial-buttons a.bg-green.active-state, .speed-dial-buttons a.color-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.bg-green:active, html:not(.watch-active-state) .floating-button.color-green:active, html:not(.watch-active-state) .floating-button.theme-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, 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: #388E3C
    }

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

.ripple-green .ripple-wave {
    background-color: rgba(76,175,80,.3)
}

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

.color-lightgreen {
    color: #8bc34a
}

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

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

.theme-lightgreen .button:not(.button-fill) {
    color: #8bc34a
}

.theme-lightgreen .navbar .button:not(.button-fill), .theme-lightgreen .subnavbar .button:not(.button-fill), .theme-lightgreen .toolbar .button:not(.button-fill), .theme-lightgreen.navbar .button:not(.button-fill), .theme-lightgreen.subnavbar .button:not(.button-fill), .theme-lightgreen.toolbar .button:not(.button-fill) {
    color: #fff
}

.button.color-lightgreen:not(.button-fill), .color-lightgreen.buttons-row .button:not(.button-fill) {
    color: #8bc34a !important
}

.theme-lightgreen .button.button-fill {
    background: #8bc34a;
    color: #fff
}

    .theme-lightgreen .button.button-fill.active-state, html:not(.watch-active-state) .theme-lightgreen .button.button-fill:active {
        background: #689F38
    }

.button.button-fill.bg-lightgreen, .button.button-fill.color-lightgreen {
    background: #8bc34a !important;
    color: #fff
}

    .button.button-fill.bg-lightgreen.active-state, .button.button-fill.color-lightgreen.active-state, html:not(.watch-active-state) .button.button-fill.bg-lightgreen:active, html:not(.watch-active-state) .button.button-fill.color-lightgreen:active {
        background: #689F38 !important
    }

.progressbar.bg-lightgreen, .progressbar.color-lightgreen, .progressbar.theme-lightgreen, .theme-lightgreen .progressbar {
    background-color: rgba(139,195,74,.5)
}

    .progressbar.bg-lightgreen span, .progressbar.color-lightgreen span, .progressbar.theme-lightgreen span, .theme-lightgreen .progressbar span {
        background-color: #8bc34a
    }

.progressbar-infinite.bg-lightgreen, .progressbar-infinite.color-lightgreen, .progressbar-infinite.theme-lightgreen, .theme-lightgreen .progressbar-infinite {
    background-color: rgba(139,195,74,.5)
}

    .progressbar-infinite.bg-lightgreen:after, .progressbar-infinite.bg-lightgreen:before, .progressbar-infinite.color-lightgreen:after, .progressbar-infinite.color-lightgreen:before, .progressbar-infinite.theme-lightgreen:after, .progressbar-infinite.theme-lightgreen:before, .theme-lightgreen .progressbar-infinite:after, .theme-lightgreen .progressbar-infinite:before {
        background-color: #8bc34a
    }

.color-lightgreen i.icon, i.icon.color-lightgreen {
    color: #8bc34a
}

i.icon-next.color-lightgreen, i.icon-next.theme-lightgreen {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%238bc34a'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-prev.color-lightgreen, i.icon-prev.theme-lightgreen {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%238bc34a'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-back.color-lightgreen, i.icon-back.theme-lightgreen {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%238bc34a'%2F%3E%3C%2Fsvg%3E")
}

i.icon-forward.color-lightgreen, i.icon-forward.theme-lightgreen {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%238bc34a'%2F%3E%3C%2Fsvg%3E")
}

i.icon-bars.color-lightgreen, i.icon-bars.theme-lightgreen {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%238bc34a'%2F%3E%3C%2Fsvg%3E")
}

.preloader.color-lightgreen svg circle, .preloader.preloader-lightgreen svg circle {
    stroke: #8bc34a
}

.preloader.color-lightgreen .preloader-inner-gap, .preloader.color-lightgreen .preloader-inner-half-circle, .preloader.preloader-lightgreen .preloader-inner-gap, .preloader.preloader-lightgreen .preloader-inner-half-circle {
    border-color: #8bc34a
}

.theme-lightgreen a {
    color: #8bc34a
}

.navbar.theme-lightgreen, .searchbar.theme-lightgreen, .subnavbar.theme-lightgreen, .theme-lightgreen .navbar, .theme-lightgreen .searchbar, .theme-lightgreen .subnavbar, .theme-lightgreen .toolbar, .toolbar.theme-lightgreen {
    background-color: #8bc34a
}

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

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

.range-slider.theme-lightgreen input[type=range]::-ms-thumb, .theme-lightgreen .range-slider input[type=range]::-ms-thumb {
    background-color: #8bc34a
}

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

.range-slider.theme-lightgreen input[type=range]::-moz-range-thumb, .theme-lightgreen .range-slider input[type=range]::-moz-range-thumb {
    background-color: #8bc34a
}

.label-switch.theme-lightgreen input[type=checkbox]:checked + .checkbox, .theme-lightgreen .label-switch input[type=checkbox]:checked + .checkbox {
    background-color: rgba(139,195,74,.5)
}

    .label-switch.theme-lightgreen input[type=checkbox]:checked + .checkbox:after, .theme-lightgreen .label-switch input[type=checkbox]:checked + .checkbox:after {
        background-color: #8bc34a
    }

.theme-lightgreen label.label-checkbox, label.label-checkbox.theme-lightgreen {
    cursor: pointer
}

    .theme-lightgreen label.label-checkbox i.icon-form-checkbox:after, label.label-checkbox.theme-lightgreen i.icon-form-checkbox:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
    }

    .theme-lightgreen label.label-checkbox input[type=checkbox]:checked + .item-media i.icon-form-checkbox, .theme-lightgreen label.label-checkbox input[type=checkbox]:checked ~ .item-after i.icon-form-checkbox, .theme-lightgreen label.label-checkbox input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, .theme-lightgreen label.label-checkbox input[type=radio]:checked + .item-media i.icon-form-checkbox, .theme-lightgreen label.label-checkbox input[type=radio]:checked ~ .item-after i.icon-form-checkbox, .theme-lightgreen label.label-checkbox input[type=radio]:checked ~ .item-inner i.icon-form-checkbox, label.label-checkbox.theme-lightgreen input[type=checkbox]:checked + .item-media i.icon-form-checkbox, label.label-checkbox.theme-lightgreen input[type=checkbox]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-lightgreen input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, label.label-checkbox.theme-lightgreen input[type=radio]:checked + .item-media i.icon-form-checkbox, label.label-checkbox.theme-lightgreen input[type=radio]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-lightgreen input[type=radio]:checked ~ .item-inner i.icon-form-checkbox {
        border-color: #8bc34a;
        background-color: #8bc34a
    }

.theme-lightgreen label.label-radio i.icon-form-radio:after, label.label-radio.theme-lightgreen i.icon-form-radio:after {
    background-color: #8bc34a
}

.theme-lightgreen label.label-radio input[type=checkbox]:checked + .item-media i.icon-form-radio, .theme-lightgreen label.label-radio input[type=checkbox]:checked ~ .item-after i.icon-form-radio, .theme-lightgreen label.label-radio input[type=checkbox]:checked ~ .item-inner i.icon-form-radio, .theme-lightgreen label.label-radio input[type=radio]:checked + .item-media i.icon-form-radio, .theme-lightgreen label.label-radio input[type=radio]:checked ~ .item-after i.icon-form-radio, .theme-lightgreen label.label-radio input[type=radio]:checked ~ .item-inner i.icon-form-radio, label.label-radio.theme-lightgreen input[type=checkbox]:checked + .item-media i.icon-form-radio, label.label-radio.theme-lightgreen input[type=checkbox]:checked ~ .item-after i.icon-form-radio, label.label-radio.theme-lightgreen input[type=checkbox]:checked ~ .item-inner i.icon-form-radio, label.label-radio.theme-lightgreen input[type=radio]:checked + .item-media i.icon-form-radio, label.label-radio.theme-lightgreen input[type=radio]:checked ~ .item-after i.icon-form-radio, label.label-radio.theme-lightgreen input[type=radio]:checked ~ .item-inner i.icon-form-radio {
    border-color: #8bc34a
}

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

.theme-lightgreen .focus-state .floating-label, .theme-lightgreen .focus-state .label {
    color: #8bc34a
}

.theme-lightgreen .input-field.focus-state:after, .theme-lightgreen .input-field.not-empty-state:after, .theme-lightgreen .item-input-field.focus-state:after, .theme-lightgreen .item-input-field.not-empty-state:after {
    background: #8bc34a
}

.theme-lightgreen .picker-calendar-day.picker-calendar-day-today span {
    color: #8bc34a
}

.theme-lightgreen .picker-calendar-day.picker-calendar-day-selected span {
    background-color: #8bc34a;
    color: #fff
}

.theme-lightgreen .picker-calendar-day.picker-calendar-day-has-events span:after {
    background-color: #8bc34a
}

.theme-lightgreen .picker-header {
    background-color: #8bc34a
}

.theme-lightgreen .modal-button {
    color: #8bc34a
}

.swiper-pagination.color-lightgreen .swiper-pagination-bullet-active, .theme-lightgreen .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #8bc34a
}

.swiper-pagination.color-lightgreen .swiper-pagination-progressbar, .theme-lightgreen .swiper-pagination .swiper-pagination-progressbar {
    background-color: #8bc34a
}

.swiper-pagination.swiper-pagination-progress.bg-lightgreen {
    background-color: rgba(139,195,74,.25)
}

.swiper-button-next.color-lightgreen, .swiper-container-rtl .swiper-button-prev.color-lightgreen, .theme-lightgreen .swiper-button-next, .theme-lightgreen .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'%238bc34a'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-lightgreen, .swiper-container-rtl .swiper-button-next.color-lightgreen, .theme-lightgreen .swiper-button-prev, .theme-lightgreen .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'%238bc34a'%2F%3E%3C%2Fsvg%3E")
}

.bg-lightgreen, .list-block .swipeout-actions-left a.bg-lightgreen, .list-block .swipeout-actions-right a.bg-lightgreen, a.bg-lightgreen {
    background-color: #8bc34a
}

.list-block .bg-lightgreen .item-link.active-state, .list-block .item-link.bg-lightgreen.active-state, .list-block .item-link.list-block .swipeout-actions-left a.bg-lightgreen.active-state, .list-block .item-link.list-block .swipeout-actions-right a.bg-lightgreen.active-state, .list-block .item-linka.bg-lightgreen.active-state, .list-block .list-block .swipeout-actions-left a.bg-lightgreen .item-link.active-state, .list-block .list-block .swipeout-actions-right a.bg-lightgreen .item-link.active-state, .list-block a.bg-lightgreen .item-link.active-state, .list-block.bg-lightgreen .item-link.active-state, .list-block.list-block .swipeout-actions-left a.bg-lightgreen .item-link.active-state, .list-block.list-block .swipeout-actions-right a.bg-lightgreen .item-link.active-state, .list-blocka.bg-lightgreen .item-link.active-state, html:not(.watch-active-state) .list-block .bg-lightgreen .item-link:active, html:not(.watch-active-state) .list-block .item-link.bg-lightgreen:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-lightgreen:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-lightgreen:active, html:not(.watch-active-state) .list-block .item-linka.bg-lightgreen:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-lightgreen .item-link:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-lightgreen .item-link:active, html:not(.watch-active-state) .list-block a.bg-lightgreen .item-link:active, html:not(.watch-active-state) .list-block.bg-lightgreen .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-lightgreen .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-lightgreen .item-link:active, html:not(.watch-active-state) .list-blocka.bg-lightgreen .item-link:active {
    background: #689F38
}

.border-lightgreen {
    border-color: #8bc34a
}

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

.floating-button.bg-lightgreen, .floating-button.color-lightgreen, .floating-button.theme-lightgreen, .speed-dial-buttons a.bg-lightgreen, .speed-dial-buttons a.color-lightgreen, .speed-dial-buttons a.theme-lightgreen, .theme-lightgreen .floating-button, .theme-lightgreen .speed-dial-buttons a {
    color: #fff;
    background: #8bc34a
}

    .floating-button.bg-lightgreen.active-state, .floating-button.color-lightgreen.active-state, .floating-button.theme-lightgreen.active-state, .speed-dial-buttons a.bg-lightgreen.active-state, .speed-dial-buttons a.color-lightgreen.active-state, .speed-dial-buttons a.theme-lightgreen.active-state, .theme-lightgreen .floating-button.active-state, .theme-lightgreen .speed-dial-buttons a.active-state, html:not(.watch-active-state) .floating-button.bg-lightgreen:active, html:not(.watch-active-state) .floating-button.color-lightgreen:active, html:not(.watch-active-state) .floating-button.theme-lightgreen:active, html:not(.watch-active-state) .speed-dial-buttons a.bg-lightgreen:active, html:not(.watch-active-state) .speed-dial-buttons a.color-lightgreen:active, html:not(.watch-active-state) .speed-dial-buttons a.theme-lightgreen:active, html:not(.watch-active-state) .theme-lightgreen .floating-button:active, html:not(.watch-active-state) .theme-lightgreen .speed-dial-buttons a:active {
        background: #689F38
    }

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

.ripple-lightgreen .ripple-wave {
    background-color: rgba(139,195,74,.3)
}

.badge.color-lightgreen, .badge.theme-lightgreen {
    background-color: #8bc34a;
    color: #fff
}

.color-lime {
    color: #cddc39
}

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

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

.theme-lime .button:not(.button-fill) {
    color: #cddc39
}

.theme-lime .navbar .button:not(.button-fill), .theme-lime .subnavbar .button:not(.button-fill), .theme-lime .toolbar .button:not(.button-fill), .theme-lime.navbar .button:not(.button-fill), .theme-lime.subnavbar .button:not(.button-fill), .theme-lime.toolbar .button:not(.button-fill) {
    color: #fff
}

.button.color-lime:not(.button-fill), .color-lime.buttons-row .button:not(.button-fill) {
    color: #cddc39 !important
}

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

    .theme-lime .button.button-fill.active-state, html:not(.watch-active-state) .theme-lime .button.button-fill:active {
        background: #AFB42B
    }

.button.button-fill.bg-lime, .button.button-fill.color-lime {
    background: #cddc39 !important;
    color: #fff
}

    .button.button-fill.bg-lime.active-state, .button.button-fill.color-lime.active-state, html:not(.watch-active-state) .button.button-fill.bg-lime:active, html:not(.watch-active-state) .button.button-fill.color-lime:active {
        background: #AFB42B !important
    }

.progressbar.bg-lime, .progressbar.color-lime, .progressbar.theme-lime, .theme-lime .progressbar {
    background-color: rgba(205,220,57,.5)
}

    .progressbar.bg-lime span, .progressbar.color-lime span, .progressbar.theme-lime span, .theme-lime .progressbar span {
        background-color: #cddc39
    }

.progressbar-infinite.bg-lime, .progressbar-infinite.color-lime, .progressbar-infinite.theme-lime, .theme-lime .progressbar-infinite {
    background-color: rgba(205,220,57,.5)
}

    .progressbar-infinite.bg-lime:after, .progressbar-infinite.bg-lime:before, .progressbar-infinite.color-lime:after, .progressbar-infinite.color-lime:before, .progressbar-infinite.theme-lime:after, .progressbar-infinite.theme-lime:before, .theme-lime .progressbar-infinite:after, .theme-lime .progressbar-infinite:before {
        background-color: #cddc39
    }

.color-lime i.icon, i.icon.color-lime {
    color: #cddc39
}

i.icon-next.color-lime, i.icon-next.theme-lime {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23cddc39'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-prev.color-lime, i.icon-prev.theme-lime {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23cddc39'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-back.color-lime, i.icon-back.theme-lime {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23cddc39'%2F%3E%3C%2Fsvg%3E")
}

i.icon-forward.color-lime, i.icon-forward.theme-lime {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23cddc39'%2F%3E%3C%2Fsvg%3E")
}

i.icon-bars.color-lime, i.icon-bars.theme-lime {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23cddc39'%2F%3E%3C%2Fsvg%3E")
}

.preloader.color-lime svg circle, .preloader.preloader-lime svg circle {
    stroke: #cddc39
}

.preloader.color-lime .preloader-inner-gap, .preloader.color-lime .preloader-inner-half-circle, .preloader.preloader-lime .preloader-inner-gap, .preloader.preloader-lime .preloader-inner-half-circle {
    border-color: #cddc39
}

.theme-lime a {
    color: #cddc39
}

.navbar.theme-lime, .searchbar.theme-lime, .subnavbar.theme-lime, .theme-lime .navbar, .theme-lime .searchbar, .theme-lime .subnavbar, .theme-lime .toolbar, .toolbar.theme-lime {
    background-color: #cddc39
}

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

.range-slider.theme-lime input[type=range]::-webkit-slider-thumb, .theme-lime .range-slider input[type=range]::-webkit-slider-thumb {
    background-color: #cddc39
}

.range-slider.theme-lime input[type=range]::-ms-thumb, .theme-lime .range-slider input[type=range]::-ms-thumb {
    background-color: #cddc39
}

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

.range-slider.theme-lime input[type=range]::-moz-range-thumb, .theme-lime .range-slider input[type=range]::-moz-range-thumb {
    background-color: #cddc39
}

.label-switch.theme-lime input[type=checkbox]:checked + .checkbox, .theme-lime .label-switch input[type=checkbox]:checked + .checkbox {
    background-color: rgba(205,220,57,.5)
}

    .label-switch.theme-lime input[type=checkbox]:checked + .checkbox:after, .theme-lime .label-switch input[type=checkbox]:checked + .checkbox:after {
        background-color: #cddc39
    }

.theme-lime label.label-checkbox, label.label-checkbox.theme-lime {
    cursor: pointer
}

    .theme-lime label.label-checkbox i.icon-form-checkbox:after, label.label-checkbox.theme-lime i.icon-form-checkbox:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
    }

    .theme-lime label.label-checkbox input[type=checkbox]:checked + .item-media i.icon-form-checkbox, .theme-lime label.label-checkbox input[type=checkbox]:checked ~ .item-after i.icon-form-checkbox, .theme-lime label.label-checkbox input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, .theme-lime label.label-checkbox input[type=radio]:checked + .item-media i.icon-form-checkbox, .theme-lime label.label-checkbox input[type=radio]:checked ~ .item-after i.icon-form-checkbox, .theme-lime label.label-checkbox input[type=radio]:checked ~ .item-inner i.icon-form-checkbox, label.label-checkbox.theme-lime input[type=checkbox]:checked + .item-media i.icon-form-checkbox, label.label-checkbox.theme-lime input[type=checkbox]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-lime input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, label.label-checkbox.theme-lime input[type=radio]:checked + .item-media i.icon-form-checkbox, label.label-checkbox.theme-lime input[type=radio]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-lime input[type=radio]:checked ~ .item-inner i.icon-form-checkbox {
        border-color: #cddc39;
        background-color: #cddc39
    }

.theme-lime label.label-radio i.icon-form-radio:after, label.label-radio.theme-lime i.icon-form-radio:after {
    background-color: #cddc39
}

.theme-lime label.label-radio input[type=checkbox]:checked + .item-media i.icon-form-radio, .theme-lime label.label-radio input[type=checkbox]:checked ~ .item-after i.icon-form-radio, .theme-lime label.label-radio input[type=checkbox]:checked ~ .item-inner i.icon-form-radio, .theme-lime label.label-radio input[type=radio]:checked + .item-media i.icon-form-radio, .theme-lime label.label-radio input[type=radio]:checked ~ .item-after i.icon-form-radio, .theme-lime label.label-radio input[type=radio]:checked ~ .item-inner i.icon-form-radio, label.label-radio.theme-lime input[type=checkbox]:checked + .item-media i.icon-form-radio, label.label-radio.theme-lime input[type=checkbox]:checked ~ .item-after i.icon-form-radio, label.label-radio.theme-lime input[type=checkbox]:checked ~ .item-inner i.icon-form-radio, label.label-radio.theme-lime input[type=radio]:checked + .item-media i.icon-form-radio, label.label-radio.theme-lime input[type=radio]:checked ~ .item-after i.icon-form-radio, label.label-radio.theme-lime input[type=radio]:checked ~ .item-inner i.icon-form-radio {
    border-color: #cddc39
}

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

.theme-lime .focus-state .floating-label, .theme-lime .focus-state .label {
    color: #cddc39
}

.theme-lime .input-field.focus-state:after, .theme-lime .input-field.not-empty-state:after, .theme-lime .item-input-field.focus-state:after, .theme-lime .item-input-field.not-empty-state:after {
    background: #cddc39
}

.theme-lime .picker-calendar-day.picker-calendar-day-today span {
    color: #cddc39
}

.theme-lime .picker-calendar-day.picker-calendar-day-selected span {
    background-color: #cddc39;
    color: #fff
}

.theme-lime .picker-calendar-day.picker-calendar-day-has-events span:after {
    background-color: #cddc39
}

.theme-lime .picker-header {
    background-color: #cddc39
}

.theme-lime .modal-button {
    color: #cddc39
}

.swiper-pagination.color-lime .swiper-pagination-bullet-active, .theme-lime .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #cddc39
}

.swiper-pagination.color-lime .swiper-pagination-progressbar, .theme-lime .swiper-pagination .swiper-pagination-progressbar {
    background-color: #cddc39
}

.swiper-pagination.swiper-pagination-progress.bg-lime {
    background-color: rgba(205,220,57,.25)
}

.swiper-button-next.color-lime, .swiper-container-rtl .swiper-button-prev.color-lime, .theme-lime .swiper-button-next, .theme-lime .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'%23cddc39'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-lime, .swiper-container-rtl .swiper-button-next.color-lime, .theme-lime .swiper-button-prev, .theme-lime .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'%23cddc39'%2F%3E%3C%2Fsvg%3E")
}

.bg-lime, .list-block .swipeout-actions-left a.bg-lime, .list-block .swipeout-actions-right a.bg-lime, a.bg-lime {
    background-color: #cddc39
}

.list-block .bg-lime .item-link.active-state, .list-block .item-link.bg-lime.active-state, .list-block .item-link.list-block .swipeout-actions-left a.bg-lime.active-state, .list-block .item-link.list-block .swipeout-actions-right a.bg-lime.active-state, .list-block .item-linka.bg-lime.active-state, .list-block .list-block .swipeout-actions-left a.bg-lime .item-link.active-state, .list-block .list-block .swipeout-actions-right a.bg-lime .item-link.active-state, .list-block a.bg-lime .item-link.active-state, .list-block.bg-lime .item-link.active-state, .list-block.list-block .swipeout-actions-left a.bg-lime .item-link.active-state, .list-block.list-block .swipeout-actions-right a.bg-lime .item-link.active-state, .list-blocka.bg-lime .item-link.active-state, html:not(.watch-active-state) .list-block .bg-lime .item-link:active, html:not(.watch-active-state) .list-block .item-link.bg-lime:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-lime:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-lime:active, html:not(.watch-active-state) .list-block .item-linka.bg-lime:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-lime .item-link:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-lime .item-link:active, html:not(.watch-active-state) .list-block a.bg-lime .item-link:active, html:not(.watch-active-state) .list-block.bg-lime .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-lime .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-lime .item-link:active, html:not(.watch-active-state) .list-blocka.bg-lime .item-link:active {
    background: #AFB42B
}

.border-lime {
    border-color: #cddc39
}

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

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

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

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

.ripple-lime .ripple-wave {
    background-color: rgba(205,220,57,.3)
}

.badge.color-lime, .badge.theme-lime {
    background-color: #cddc39;
    color: #fff
}

.color-yellow {
    color: #ffeb3b
}

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

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

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

.theme-yellow .navbar .button:not(.button-fill), .theme-yellow .subnavbar .button:not(.button-fill), .theme-yellow .toolbar .button:not(.button-fill), .theme-yellow.navbar .button:not(.button-fill), .theme-yellow.subnavbar .button:not(.button-fill), .theme-yellow.toolbar .button:not(.button-fill) {
    color: #fff
}

.button.color-yellow:not(.button-fill), .color-yellow.buttons-row .button:not(.button-fill) {
    color: #ffeb3b !important
}

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

    .theme-yellow .button.button-fill.active-state, html:not(.watch-active-state) .theme-yellow .button.button-fill:active {
        background: #FBC02D
    }

.button.button-fill.bg-yellow, .button.button-fill.color-yellow {
    background: #ffeb3b !important;
    color: #fff
}

    .button.button-fill.bg-yellow.active-state, .button.button-fill.color-yellow.active-state, html:not(.watch-active-state) .button.button-fill.bg-yellow:active, html:not(.watch-active-state) .button.button-fill.color-yellow:active {
        background: #FBC02D !important
    }

.progressbar.bg-yellow, .progressbar.color-yellow, .progressbar.theme-yellow, .theme-yellow .progressbar {
    background-color: rgba(255,235,59,.5)
}

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

.progressbar-infinite.bg-yellow, .progressbar-infinite.color-yellow, .progressbar-infinite.theme-yellow, .theme-yellow .progressbar-infinite {
    background-color: rgba(255,235,59,.5)
}

    .progressbar-infinite.bg-yellow:after, .progressbar-infinite.bg-yellow:before, .progressbar-infinite.color-yellow:after, .progressbar-infinite.color-yellow:before, .progressbar-infinite.theme-yellow:after, .progressbar-infinite.theme-yellow:before, .theme-yellow .progressbar-infinite:after, .theme-yellow .progressbar-infinite:before {
        background-color: #ffeb3b
    }

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

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'%20fill%3D'%23ffeb3b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

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'%20fill%3D'%23ffeb3b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E")
}

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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E")
}

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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E")
}

.preloader.color-yellow svg circle, .preloader.preloader-yellow svg circle {
    stroke: #ffeb3b
}

.preloader.color-yellow .preloader-inner-gap, .preloader.color-yellow .preloader-inner-half-circle, .preloader.preloader-yellow .preloader-inner-gap, .preloader.preloader-yellow .preloader-inner-half-circle {
    border-color: #ffeb3b
}

.theme-yellow a {
    color: #ffeb3b
}

.navbar.theme-yellow, .searchbar.theme-yellow, .subnavbar.theme-yellow, .theme-yellow .navbar, .theme-yellow .searchbar, .theme-yellow .subnavbar, .theme-yellow .toolbar, .toolbar.theme-yellow {
    background-color: #ffeb3b
}

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

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

.range-slider.theme-yellow input[type=range]::-ms-thumb, .theme-yellow .range-slider input[type=range]::-ms-thumb {
    background-color: #ffeb3b
}

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

.range-slider.theme-yellow input[type=range]::-moz-range-thumb, .theme-yellow .range-slider input[type=range]::-moz-range-thumb {
    background-color: #ffeb3b
}

.label-switch.theme-yellow input[type=checkbox]:checked + .checkbox, .theme-yellow .label-switch input[type=checkbox]:checked + .checkbox {
    background-color: rgba(255,235,59,.5)
}

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

.theme-yellow label.label-checkbox, label.label-checkbox.theme-yellow {
    cursor: pointer
}

    .theme-yellow label.label-checkbox i.icon-form-checkbox:after, label.label-checkbox.theme-yellow i.icon-form-checkbox:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
    }

    .theme-yellow label.label-checkbox input[type=checkbox]:checked + .item-media i.icon-form-checkbox, .theme-yellow label.label-checkbox input[type=checkbox]:checked ~ .item-after i.icon-form-checkbox, .theme-yellow label.label-checkbox input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, .theme-yellow label.label-checkbox input[type=radio]:checked + .item-media i.icon-form-checkbox, .theme-yellow label.label-checkbox input[type=radio]:checked ~ .item-after i.icon-form-checkbox, .theme-yellow label.label-checkbox input[type=radio]:checked ~ .item-inner 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=checkbox]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-yellow input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, label.label-checkbox.theme-yellow input[type=radio]:checked + .item-media i.icon-form-checkbox, label.label-checkbox.theme-yellow input[type=radio]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-yellow input[type=radio]:checked ~ .item-inner i.icon-form-checkbox {
        border-color: #ffeb3b;
        background-color: #ffeb3b
    }

.theme-yellow label.label-radio i.icon-form-radio:after, label.label-radio.theme-yellow i.icon-form-radio:after {
    background-color: #ffeb3b
}

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

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

.theme-yellow .focus-state .floating-label, .theme-yellow .focus-state .label {
    color: #ffeb3b
}

.theme-yellow .input-field.focus-state:after, .theme-yellow .input-field.not-empty-state:after, .theme-yellow .item-input-field.focus-state:after, .theme-yellow .item-input-field.not-empty-state:after {
    background: #ffeb3b
}

.theme-yellow .picker-calendar-day.picker-calendar-day-today span {
    color: #ffeb3b
}

.theme-yellow .picker-calendar-day.picker-calendar-day-selected span {
    background-color: #ffeb3b;
    color: #fff
}

.theme-yellow .picker-calendar-day.picker-calendar-day-has-events span:after {
    background-color: #ffeb3b
}

.theme-yellow .picker-header {
    background-color: #ffeb3b
}

.theme-yellow .modal-button {
    color: #ffeb3b
}

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

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

.swiper-pagination.swiper-pagination-progress.bg-yellow {
    background-color: rgba(255,235,59,.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'%23ffeb3b'%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'%23ffeb3b'%2F%3E%3C%2Fsvg%3E")
}

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

.list-block .bg-yellow .item-link.active-state, .list-block .item-link.bg-yellow.active-state, .list-block .item-link.list-block .swipeout-actions-left a.bg-yellow.active-state, .list-block .item-link.list-block .swipeout-actions-right a.bg-yellow.active-state, .list-block .item-linka.bg-yellow.active-state, .list-block .list-block .swipeout-actions-left a.bg-yellow .item-link.active-state, .list-block .list-block .swipeout-actions-right a.bg-yellow .item-link.active-state, .list-block a.bg-yellow .item-link.active-state, .list-block.bg-yellow .item-link.active-state, .list-block.list-block .swipeout-actions-left a.bg-yellow .item-link.active-state, .list-block.list-block .swipeout-actions-right a.bg-yellow .item-link.active-state, .list-blocka.bg-yellow .item-link.active-state, html:not(.watch-active-state) .list-block .bg-yellow .item-link:active, html:not(.watch-active-state) .list-block .item-link.bg-yellow:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-yellow:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-yellow:active, html:not(.watch-active-state) .list-block .item-linka.bg-yellow:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-yellow .item-link:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-yellow .item-link:active, html:not(.watch-active-state) .list-block a.bg-yellow .item-link:active, html:not(.watch-active-state) .list-block.bg-yellow .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-yellow .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-yellow .item-link:active, html:not(.watch-active-state) .list-blocka.bg-yellow .item-link:active {
    background: #FBC02D
}

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

    .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: #ffeb3b
    }

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

    .floating-button.bg-yellow.active-state, .floating-button.color-yellow.active-state, .floating-button.theme-yellow.active-state, .speed-dial-buttons a.bg-yellow.active-state, .speed-dial-buttons a.color-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.bg-yellow:active, html:not(.watch-active-state) .floating-button.color-yellow:active, html:not(.watch-active-state) .floating-button.theme-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, 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: #FBC02D
    }

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

.ripple-yellow .ripple-wave {
    background-color: rgba(255,235,59,.3)
}

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

.color-amber {
    color: #ffc107
}

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

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

.theme-amber .button:not(.button-fill) {
    color: #ffc107
}

.theme-amber .navbar .button:not(.button-fill), .theme-amber .subnavbar .button:not(.button-fill), .theme-amber .toolbar .button:not(.button-fill), .theme-amber.navbar .button:not(.button-fill), .theme-amber.subnavbar .button:not(.button-fill), .theme-amber.toolbar .button:not(.button-fill) {
    color: #fff
}

.button.color-amber:not(.button-fill), .color-amber.buttons-row .button:not(.button-fill) {
    color: #ffc107 !important
}

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

    .theme-amber .button.button-fill.active-state, html:not(.watch-active-state) .theme-amber .button.button-fill:active {
        background: #FFA000
    }

.button.button-fill.bg-amber, .button.button-fill.color-amber {
    background: #ffc107 !important;
    color: #fff
}

    .button.button-fill.bg-amber.active-state, .button.button-fill.color-amber.active-state, html:not(.watch-active-state) .button.button-fill.bg-amber:active, html:not(.watch-active-state) .button.button-fill.color-amber:active {
        background: #FFA000 !important
    }

.progressbar.bg-amber, .progressbar.color-amber, .progressbar.theme-amber, .theme-amber .progressbar {
    background-color: rgba(255,193,7,.5)
}

    .progressbar.bg-amber span, .progressbar.color-amber span, .progressbar.theme-amber span, .theme-amber .progressbar span {
        background-color: #ffc107
    }

.progressbar-infinite.bg-amber, .progressbar-infinite.color-amber, .progressbar-infinite.theme-amber, .theme-amber .progressbar-infinite {
    background-color: rgba(255,193,7,.5)
}

    .progressbar-infinite.bg-amber:after, .progressbar-infinite.bg-amber:before, .progressbar-infinite.color-amber:after, .progressbar-infinite.color-amber:before, .progressbar-infinite.theme-amber:after, .progressbar-infinite.theme-amber:before, .theme-amber .progressbar-infinite:after, .theme-amber .progressbar-infinite:before {
        background-color: #ffc107
    }

.color-amber i.icon, i.icon.color-amber {
    color: #ffc107
}

i.icon-next.color-amber, i.icon-next.theme-amber {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffc107'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-prev.color-amber, i.icon-prev.theme-amber {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffc107'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-back.color-amber, i.icon-back.theme-amber {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffc107'%2F%3E%3C%2Fsvg%3E")
}

i.icon-forward.color-amber, i.icon-forward.theme-amber {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffc107'%2F%3E%3C%2Fsvg%3E")
}

i.icon-bars.color-amber, i.icon-bars.theme-amber {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23ffc107'%2F%3E%3C%2Fsvg%3E")
}

.preloader.color-amber svg circle, .preloader.preloader-amber svg circle {
    stroke: #ffc107
}

.preloader.color-amber .preloader-inner-gap, .preloader.color-amber .preloader-inner-half-circle, .preloader.preloader-amber .preloader-inner-gap, .preloader.preloader-amber .preloader-inner-half-circle {
    border-color: #ffc107
}

.theme-amber a {
    color: #ffc107
}

.navbar.theme-amber, .searchbar.theme-amber, .subnavbar.theme-amber, .theme-amber .navbar, .theme-amber .searchbar, .theme-amber .subnavbar, .theme-amber .toolbar, .toolbar.theme-amber {
    background-color: #ffc107
}

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

.range-slider.theme-amber input[type=range]::-webkit-slider-thumb, .theme-amber .range-slider input[type=range]::-webkit-slider-thumb {
    background-color: #ffc107
}

.range-slider.theme-amber input[type=range]::-ms-thumb, .theme-amber .range-slider input[type=range]::-ms-thumb {
    background-color: #ffc107
}

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

.range-slider.theme-amber input[type=range]::-moz-range-thumb, .theme-amber .range-slider input[type=range]::-moz-range-thumb {
    background-color: #ffc107
}

.label-switch.theme-amber input[type=checkbox]:checked + .checkbox, .theme-amber .label-switch input[type=checkbox]:checked + .checkbox {
    background-color: rgba(255,193,7,.5)
}

    .label-switch.theme-amber input[type=checkbox]:checked + .checkbox:after, .theme-amber .label-switch input[type=checkbox]:checked + .checkbox:after {
        background-color: #ffc107
    }

.theme-amber label.label-checkbox, label.label-checkbox.theme-amber {
    cursor: pointer
}

    .theme-amber label.label-checkbox i.icon-form-checkbox:after, label.label-checkbox.theme-amber i.icon-form-checkbox:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
    }

    .theme-amber label.label-checkbox input[type=checkbox]:checked + .item-media i.icon-form-checkbox, .theme-amber label.label-checkbox input[type=checkbox]:checked ~ .item-after i.icon-form-checkbox, .theme-amber label.label-checkbox input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, .theme-amber label.label-checkbox input[type=radio]:checked + .item-media i.icon-form-checkbox, .theme-amber label.label-checkbox input[type=radio]:checked ~ .item-after i.icon-form-checkbox, .theme-amber label.label-checkbox input[type=radio]:checked ~ .item-inner i.icon-form-checkbox, label.label-checkbox.theme-amber input[type=checkbox]:checked + .item-media i.icon-form-checkbox, label.label-checkbox.theme-amber input[type=checkbox]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-amber input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, label.label-checkbox.theme-amber input[type=radio]:checked + .item-media i.icon-form-checkbox, label.label-checkbox.theme-amber input[type=radio]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-amber input[type=radio]:checked ~ .item-inner i.icon-form-checkbox {
        border-color: #ffc107;
        background-color: #ffc107
    }

.theme-amber label.label-radio i.icon-form-radio:after, label.label-radio.theme-amber i.icon-form-radio:after {
    background-color: #ffc107
}

.theme-amber label.label-radio input[type=checkbox]:checked + .item-media i.icon-form-radio, .theme-amber label.label-radio input[type=checkbox]:checked ~ .item-after i.icon-form-radio, .theme-amber label.label-radio input[type=checkbox]:checked ~ .item-inner i.icon-form-radio, .theme-amber label.label-radio input[type=radio]:checked + .item-media i.icon-form-radio, .theme-amber label.label-radio input[type=radio]:checked ~ .item-after i.icon-form-radio, .theme-amber label.label-radio input[type=radio]:checked ~ .item-inner i.icon-form-radio, label.label-radio.theme-amber input[type=checkbox]:checked + .item-media i.icon-form-radio, label.label-radio.theme-amber input[type=checkbox]:checked ~ .item-after i.icon-form-radio, label.label-radio.theme-amber input[type=checkbox]:checked ~ .item-inner i.icon-form-radio, label.label-radio.theme-amber input[type=radio]:checked + .item-media i.icon-form-radio, label.label-radio.theme-amber input[type=radio]:checked ~ .item-after i.icon-form-radio, label.label-radio.theme-amber input[type=radio]:checked ~ .item-inner i.icon-form-radio {
    border-color: #ffc107
}

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

.theme-amber .focus-state .floating-label, .theme-amber .focus-state .label {
    color: #ffc107
}

.theme-amber .input-field.focus-state:after, .theme-amber .input-field.not-empty-state:after, .theme-amber .item-input-field.focus-state:after, .theme-amber .item-input-field.not-empty-state:after {
    background: #ffc107
}

.theme-amber .picker-calendar-day.picker-calendar-day-today span {
    color: #ffc107
}

.theme-amber .picker-calendar-day.picker-calendar-day-selected span {
    background-color: #ffc107;
    color: #fff
}

.theme-amber .picker-calendar-day.picker-calendar-day-has-events span:after {
    background-color: #ffc107
}

.theme-amber .picker-header {
    background-color: #ffc107
}

.theme-amber .modal-button {
    color: #ffc107
}

.swiper-pagination.color-amber .swiper-pagination-bullet-active, .theme-amber .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #ffc107
}

.swiper-pagination.color-amber .swiper-pagination-progressbar, .theme-amber .swiper-pagination .swiper-pagination-progressbar {
    background-color: #ffc107
}

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

.swiper-button-next.color-amber, .swiper-container-rtl .swiper-button-prev.color-amber, .theme-amber .swiper-button-next, .theme-amber .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'%23ffc107'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-amber, .swiper-container-rtl .swiper-button-next.color-amber, .theme-amber .swiper-button-prev, .theme-amber .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'%23ffc107'%2F%3E%3C%2Fsvg%3E")
}

.bg-amber, .list-block .swipeout-actions-left a.bg-amber, .list-block .swipeout-actions-right a.bg-amber, a.bg-amber {
    background-color: #ffc107
}

.list-block .bg-amber .item-link.active-state, .list-block .item-link.bg-amber.active-state, .list-block .item-link.list-block .swipeout-actions-left a.bg-amber.active-state, .list-block .item-link.list-block .swipeout-actions-right a.bg-amber.active-state, .list-block .item-linka.bg-amber.active-state, .list-block .list-block .swipeout-actions-left a.bg-amber .item-link.active-state, .list-block .list-block .swipeout-actions-right a.bg-amber .item-link.active-state, .list-block a.bg-amber .item-link.active-state, .list-block.bg-amber .item-link.active-state, .list-block.list-block .swipeout-actions-left a.bg-amber .item-link.active-state, .list-block.list-block .swipeout-actions-right a.bg-amber .item-link.active-state, .list-blocka.bg-amber .item-link.active-state, html:not(.watch-active-state) .list-block .bg-amber .item-link:active, html:not(.watch-active-state) .list-block .item-link.bg-amber:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-amber:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-amber:active, html:not(.watch-active-state) .list-block .item-linka.bg-amber:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-amber .item-link:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-amber .item-link:active, html:not(.watch-active-state) .list-block a.bg-amber .item-link:active, html:not(.watch-active-state) .list-block.bg-amber .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-amber .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-amber .item-link:active, html:not(.watch-active-state) .list-blocka.bg-amber .item-link:active {
    background: #FFA000
}

.border-amber {
    border-color: #ffc107
}

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

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

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

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

.ripple-amber .ripple-wave {
    background-color: rgba(255,193,7,.3)
}

.badge.color-amber, .badge.theme-amber {
    background-color: #ffc107;
    color: #fff
}

.color-orange {
    color: #ff9800
}

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

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

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

.theme-orange .navbar .button:not(.button-fill), .theme-orange .subnavbar .button:not(.button-fill), .theme-orange .toolbar .button:not(.button-fill), .theme-orange.navbar .button:not(.button-fill), .theme-orange.subnavbar .button:not(.button-fill), .theme-orange.toolbar .button:not(.button-fill) {
    color: #fff
}

.button.color-orange:not(.button-fill), .color-orange.buttons-row .button:not(.button-fill) {
    color: #ff9800 !important
}

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

    .theme-orange .button.button-fill.active-state, html:not(.watch-active-state) .theme-orange .button.button-fill:active {
        background: #F57C00
    }

.button.button-fill.bg-orange, .button.button-fill.color-orange {
    background: #ff9800 !important;
    color: #fff
}

    .button.button-fill.bg-orange.active-state, .button.button-fill.color-orange.active-state, html:not(.watch-active-state) .button.button-fill.bg-orange:active, html:not(.watch-active-state) .button.button-fill.color-orange:active {
        background: #F57C00 !important
    }

.progressbar.bg-orange, .progressbar.color-orange, .progressbar.theme-orange, .theme-orange .progressbar {
    background-color: rgba(255,152,0,.5)
}

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

.progressbar-infinite.bg-orange, .progressbar-infinite.color-orange, .progressbar-infinite.theme-orange, .theme-orange .progressbar-infinite {
    background-color: rgba(255,152,0,.5)
}

    .progressbar-infinite.bg-orange:after, .progressbar-infinite.bg-orange:before, .progressbar-infinite.color-orange:after, .progressbar-infinite.color-orange:before, .progressbar-infinite.theme-orange:after, .progressbar-infinite.theme-orange:before, .theme-orange .progressbar-infinite:after, .theme-orange .progressbar-infinite:before {
        background-color: #ff9800
    }

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

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'%20fill%3D'%23ff9800'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

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'%20fill%3D'%23ff9800'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E")
}

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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E")
}

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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E")
}

.preloader.color-orange svg circle, .preloader.preloader-orange svg circle {
    stroke: #ff9800
}

.preloader.color-orange .preloader-inner-gap, .preloader.color-orange .preloader-inner-half-circle, .preloader.preloader-orange .preloader-inner-gap, .preloader.preloader-orange .preloader-inner-half-circle {
    border-color: #ff9800
}

.theme-orange a {
    color: #ff9800
}

.navbar.theme-orange, .searchbar.theme-orange, .subnavbar.theme-orange, .theme-orange .navbar, .theme-orange .searchbar, .theme-orange .subnavbar, .theme-orange .toolbar, .toolbar.theme-orange {
    background-color: #ff9800
}

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

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

.range-slider.theme-orange input[type=range]::-ms-thumb, .theme-orange .range-slider input[type=range]::-ms-thumb {
    background-color: #ff9800
}

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

.range-slider.theme-orange input[type=range]::-moz-range-thumb, .theme-orange .range-slider input[type=range]::-moz-range-thumb {
    background-color: #ff9800
}

.label-switch.theme-orange input[type=checkbox]:checked + .checkbox, .theme-orange .label-switch input[type=checkbox]:checked + .checkbox {
    background-color: rgba(255,152,0,.5)
}

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

.theme-orange label.label-checkbox, label.label-checkbox.theme-orange {
    cursor: pointer
}

    .theme-orange label.label-checkbox i.icon-form-checkbox:after, label.label-checkbox.theme-orange i.icon-form-checkbox:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
    }

    .theme-orange label.label-checkbox input[type=checkbox]:checked + .item-media i.icon-form-checkbox, .theme-orange label.label-checkbox input[type=checkbox]:checked ~ .item-after i.icon-form-checkbox, .theme-orange label.label-checkbox input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, .theme-orange label.label-checkbox input[type=radio]:checked + .item-media i.icon-form-checkbox, .theme-orange label.label-checkbox input[type=radio]:checked ~ .item-after i.icon-form-checkbox, .theme-orange label.label-checkbox input[type=radio]:checked ~ .item-inner 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=checkbox]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-orange input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, label.label-checkbox.theme-orange input[type=radio]:checked + .item-media i.icon-form-checkbox, label.label-checkbox.theme-orange input[type=radio]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-orange input[type=radio]:checked ~ .item-inner i.icon-form-checkbox {
        border-color: #ff9800;
        background-color: #ff9800
    }

.theme-orange label.label-radio i.icon-form-radio:after, label.label-radio.theme-orange i.icon-form-radio:after {
    background-color: #ff9800
}

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

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

.theme-orange .focus-state .floating-label, .theme-orange .focus-state .label {
    color: #ff9800
}

.theme-orange .input-field.focus-state:after, .theme-orange .input-field.not-empty-state:after, .theme-orange .item-input-field.focus-state:after, .theme-orange .item-input-field.not-empty-state:after {
    background: #ff9800
}

.theme-orange .picker-calendar-day.picker-calendar-day-today span {
    color: #ff9800
}

.theme-orange .picker-calendar-day.picker-calendar-day-selected span {
    background-color: #ff9800;
    color: #fff
}

.theme-orange .picker-calendar-day.picker-calendar-day-has-events span:after {
    background-color: #ff9800
}

.theme-orange .picker-header {
    background-color: #ff9800
}

.theme-orange .modal-button {
    color: #ff9800
}

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

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

.swiper-pagination.swiper-pagination-progress.bg-orange {
    background-color: rgba(255,152,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'%23ff9800'%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'%23ff9800'%2F%3E%3C%2Fsvg%3E")
}

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

.list-block .bg-orange .item-link.active-state, .list-block .item-link.bg-orange.active-state, .list-block .item-link.list-block .swipeout-actions-left a.bg-orange.active-state, .list-block .item-link.list-block .swipeout-actions-right a.bg-orange.active-state, .list-block .item-linka.bg-orange.active-state, .list-block .list-block .swipeout-actions-left a.bg-orange .item-link.active-state, .list-block .list-block .swipeout-actions-right a.bg-orange .item-link.active-state, .list-block a.bg-orange .item-link.active-state, .list-block.bg-orange .item-link.active-state, .list-block.list-block .swipeout-actions-left a.bg-orange .item-link.active-state, .list-block.list-block .swipeout-actions-right a.bg-orange .item-link.active-state, .list-blocka.bg-orange .item-link.active-state, html:not(.watch-active-state) .list-block .bg-orange .item-link:active, html:not(.watch-active-state) .list-block .item-link.bg-orange:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-orange:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-orange:active, html:not(.watch-active-state) .list-block .item-linka.bg-orange:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-orange .item-link:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-orange .item-link:active, html:not(.watch-active-state) .list-block a.bg-orange .item-link:active, html:not(.watch-active-state) .list-block.bg-orange .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-orange .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-orange .item-link:active, html:not(.watch-active-state) .list-blocka.bg-orange .item-link:active {
    background: #F57C00
}

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

    .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: #ff9800
    }

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

    .floating-button.bg-orange.active-state, .floating-button.color-orange.active-state, .floating-button.theme-orange.active-state, .speed-dial-buttons a.bg-orange.active-state, .speed-dial-buttons a.color-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.bg-orange:active, html:not(.watch-active-state) .floating-button.color-orange:active, html:not(.watch-active-state) .floating-button.theme-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, 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: #F57C00
    }

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

.ripple-orange .ripple-wave {
    background-color: rgba(255,152,0,.3)
}

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

.color-deeporange {
    color: #ff5722
}

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

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

.theme-deeporange .button:not(.button-fill) {
    color: #ff5722
}

.theme-deeporange .navbar .button:not(.button-fill), .theme-deeporange .subnavbar .button:not(.button-fill), .theme-deeporange .toolbar .button:not(.button-fill), .theme-deeporange.navbar .button:not(.button-fill), .theme-deeporange.subnavbar .button:not(.button-fill), .theme-deeporange.toolbar .button:not(.button-fill) {
    color: #fff
}

.button.color-deeporange:not(.button-fill), .color-deeporange.buttons-row .button:not(.button-fill) {
    color: #ff5722 !important
}

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

    .theme-deeporange .button.button-fill.active-state, html:not(.watch-active-state) .theme-deeporange .button.button-fill:active {
        background: #E64A19
    }

.button.button-fill.bg-deeporange, .button.button-fill.color-deeporange {
    background: #4c4c4c !important;
    color: #fff !important;
}

    .button.button-fill.bg-deeporange.active-state, .button.button-fill.color-deeporange.active-state, html:not(.watch-active-state) .button.button-fill.bg-deeporange:active, html:not(.watch-active-state) .button.button-fill.color-deeporange:active {
        background: #E64A19 !important
    }

.progressbar.bg-deeporange, .progressbar.color-deeporange, .progressbar.theme-deeporange, .theme-deeporange .progressbar {
    background-color: rgba(255,87,34,.5)
}

    .progressbar.bg-deeporange span, .progressbar.color-deeporange span, .progressbar.theme-deeporange span, .theme-deeporange .progressbar span {
        background-color: #ff5722
    }

.progressbar-infinite.bg-deeporange, .progressbar-infinite.color-deeporange, .progressbar-infinite.theme-deeporange, .theme-deeporange .progressbar-infinite {
    background-color: rgba(255,87,34,.5)
}

    .progressbar-infinite.bg-deeporange:after, .progressbar-infinite.bg-deeporange:before, .progressbar-infinite.color-deeporange:after, .progressbar-infinite.color-deeporange:before, .progressbar-infinite.theme-deeporange:after, .progressbar-infinite.theme-deeporange:before, .theme-deeporange .progressbar-infinite:after, .theme-deeporange .progressbar-infinite:before {
        background-color: #ff5722
    }

.color-deeporange i.icon, i.icon.color-deeporange {
    color: #ff5722
}

i.icon-next.color-deeporange, i.icon-next.theme-deeporange {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ff5722'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-prev.color-deeporange, i.icon-prev.theme-deeporange {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ff5722'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-back.color-deeporange, i.icon-back.theme-deeporange {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ff5722'%2F%3E%3C%2Fsvg%3E")
}

i.icon-forward.color-deeporange, i.icon-forward.theme-deeporange {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ff5722'%2F%3E%3C%2Fsvg%3E")
}

i.icon-bars.color-deeporange, i.icon-bars.theme-deeporange {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23ff5722'%2F%3E%3C%2Fsvg%3E")
}

.preloader.color-deeporange svg circle, .preloader.preloader-deeporange svg circle {
    stroke: #ff5722
}

.preloader.color-deeporange .preloader-inner-gap, .preloader.color-deeporange .preloader-inner-half-circle, .preloader.preloader-deeporange .preloader-inner-gap, .preloader.preloader-deeporange .preloader-inner-half-circle {
    border-color: #ff5722
}

.theme-deeporange a {
    color: #ff5722
}

.navbar.theme-deeporange, .searchbar.theme-deeporange, .subnavbar.theme-deeporange, .theme-deeporange .navbar, .theme-deeporange .searchbar, .theme-deeporange .subnavbar, .theme-deeporange .toolbar, .toolbar.theme-deeporange {
    background-color: #ff5722
}

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

.range-slider.theme-deeporange input[type=range]::-webkit-slider-thumb, .theme-deeporange .range-slider input[type=range]::-webkit-slider-thumb {
    background-color: #ff5722
}

.range-slider.theme-deeporange input[type=range]::-ms-thumb, .theme-deeporange .range-slider input[type=range]::-ms-thumb {
    background-color: #ff5722
}

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

.range-slider.theme-deeporange input[type=range]::-moz-range-thumb, .theme-deeporange .range-slider input[type=range]::-moz-range-thumb {
    background-color: #ff5722
}

.label-switch.theme-deeporange input[type=checkbox]:checked + .checkbox, .theme-deeporange .label-switch input[type=checkbox]:checked + .checkbox {
    background-color: rgba(255,87,34,.5)
}

    .label-switch.theme-deeporange input[type=checkbox]:checked + .checkbox:after, .theme-deeporange .label-switch input[type=checkbox]:checked + .checkbox:after {
        background-color: #ff5722
    }

.theme-deeporange label.label-checkbox, label.label-checkbox.theme-deeporange {
    cursor: pointer
}

    .theme-deeporange label.label-checkbox i.icon-form-checkbox:after, label.label-checkbox.theme-deeporange i.icon-form-checkbox:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
    }

    .theme-deeporange label.label-checkbox input[type=checkbox]:checked + .item-media i.icon-form-checkbox, .theme-deeporange label.label-checkbox input[type=checkbox]:checked ~ .item-after i.icon-form-checkbox, .theme-deeporange label.label-checkbox input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, .theme-deeporange label.label-checkbox input[type=radio]:checked + .item-media i.icon-form-checkbox, .theme-deeporange label.label-checkbox input[type=radio]:checked ~ .item-after i.icon-form-checkbox, .theme-deeporange label.label-checkbox input[type=radio]:checked ~ .item-inner i.icon-form-checkbox, label.label-checkbox.theme-deeporange input[type=checkbox]:checked + .item-media i.icon-form-checkbox, label.label-checkbox.theme-deeporange input[type=checkbox]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-deeporange input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, label.label-checkbox.theme-deeporange input[type=radio]:checked + .item-media i.icon-form-checkbox, label.label-checkbox.theme-deeporange input[type=radio]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-deeporange input[type=radio]:checked ~ .item-inner i.icon-form-checkbox {
        border-color: #ff5722;
        background-color: #ff5722
    }

.theme-deeporange label.label-radio i.icon-form-radio:after, label.label-radio.theme-deeporange i.icon-form-radio:after {
    background-color: #ff5722
}

.theme-deeporange label.label-radio input[type=checkbox]:checked + .item-media i.icon-form-radio, .theme-deeporange label.label-radio input[type=checkbox]:checked ~ .item-after i.icon-form-radio, .theme-deeporange label.label-radio input[type=checkbox]:checked ~ .item-inner i.icon-form-radio, .theme-deeporange label.label-radio input[type=radio]:checked + .item-media i.icon-form-radio, .theme-deeporange label.label-radio input[type=radio]:checked ~ .item-after i.icon-form-radio, .theme-deeporange label.label-radio input[type=radio]:checked ~ .item-inner i.icon-form-radio, label.label-radio.theme-deeporange input[type=checkbox]:checked + .item-media i.icon-form-radio, label.label-radio.theme-deeporange input[type=checkbox]:checked ~ .item-after i.icon-form-radio, label.label-radio.theme-deeporange input[type=checkbox]:checked ~ .item-inner i.icon-form-radio, label.label-radio.theme-deeporange input[type=radio]:checked + .item-media i.icon-form-radio, label.label-radio.theme-deeporange input[type=radio]:checked ~ .item-after i.icon-form-radio, label.label-radio.theme-deeporange input[type=radio]:checked ~ .item-inner i.icon-form-radio {
    border-color: #ff5722
}

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

.theme-deeporange .focus-state .floating-label, .theme-deeporange .focus-state .label {
    color: #ff5722
}

.theme-deeporange .input-field.focus-state:after, .theme-deeporange .input-field.not-empty-state:after, .theme-deeporange .item-input-field.focus-state:after, .theme-deeporange .item-input-field.not-empty-state:after {
    background: #ff5722
}

.theme-deeporange .picker-calendar-day.picker-calendar-day-today span {
    color: #ff5722
}

.theme-deeporange .picker-calendar-day.picker-calendar-day-selected span {
    background-color: #ff5722;
    color: #fff
}

.theme-deeporange .picker-calendar-day.picker-calendar-day-has-events span:after {
    background-color: #ff5722
}

.theme-deeporange .picker-header {
    background-color: #ff5722
}

.theme-deeporange .modal-button {
    color: #ff5722
}

.swiper-pagination.color-deeporange .swiper-pagination-bullet-active, .theme-deeporange .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #ff5722
}

.swiper-pagination.color-deeporange .swiper-pagination-progressbar, .theme-deeporange .swiper-pagination .swiper-pagination-progressbar {
    background-color: #ff5722
}

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

.swiper-button-next.color-deeporange, .swiper-container-rtl .swiper-button-prev.color-deeporange, .theme-deeporange .swiper-button-next, .theme-deeporange .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'%23ff5722'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-deeporange, .swiper-container-rtl .swiper-button-next.color-deeporange, .theme-deeporange .swiper-button-prev, .theme-deeporange .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'%23ff5722'%2F%3E%3C%2Fsvg%3E")
}

.bg-deeporange, .list-block .swipeout-actions-left a.bg-deeporange, .list-block .swipeout-actions-right a.bg-deeporange, a.bg-deeporange {
    background-color: #ff5722
}

.list-block .bg-deeporange .item-link.active-state, .list-block .item-link.bg-deeporange.active-state, .list-block .item-link.list-block .swipeout-actions-left a.bg-deeporange.active-state, .list-block .item-link.list-block .swipeout-actions-right a.bg-deeporange.active-state, .list-block .item-linka.bg-deeporange.active-state, .list-block .list-block .swipeout-actions-left a.bg-deeporange .item-link.active-state, .list-block .list-block .swipeout-actions-right a.bg-deeporange .item-link.active-state, .list-block a.bg-deeporange .item-link.active-state, .list-block.bg-deeporange .item-link.active-state, .list-block.list-block .swipeout-actions-left a.bg-deeporange .item-link.active-state, .list-block.list-block .swipeout-actions-right a.bg-deeporange .item-link.active-state, .list-blocka.bg-deeporange .item-link.active-state, html:not(.watch-active-state) .list-block .bg-deeporange .item-link:active, html:not(.watch-active-state) .list-block .item-link.bg-deeporange:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-deeporange:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-deeporange:active, html:not(.watch-active-state) .list-block .item-linka.bg-deeporange:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-deeporange .item-link:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-deeporange .item-link:active, html:not(.watch-active-state) .list-block a.bg-deeporange .item-link:active, html:not(.watch-active-state) .list-block.bg-deeporange .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-deeporange .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-deeporange .item-link:active, html:not(.watch-active-state) .list-blocka.bg-deeporange .item-link:active {
    background: #E64A19
}

.border-deeporange {
    border-color: #ff5722
}

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

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

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

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

.ripple-deeporange .ripple-wave {
    background-color: rgba(255,87,34,.3)
}

.badge.color-deeporange, .badge.theme-deeporange {
    background-color: #ff5722;
    color: #fff
}

.color-brown {
    color: #795548
}

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

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

.theme-brown .button:not(.button-fill) {
    color: #795548
}

.theme-brown .navbar .button:not(.button-fill), .theme-brown .subnavbar .button:not(.button-fill), .theme-brown .toolbar .button:not(.button-fill), .theme-brown.navbar .button:not(.button-fill), .theme-brown.subnavbar .button:not(.button-fill), .theme-brown.toolbar .button:not(.button-fill) {
    color: #fff
}

.button.color-brown:not(.button-fill), .color-brown.buttons-row .button:not(.button-fill) {
    color: #795548 !important
}

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

    .theme-brown .button.button-fill.active-state, html:not(.watch-active-state) .theme-brown .button.button-fill:active {
        background: #5D4037
    }

.button.button-fill.bg-brown, .button.button-fill.color-brown {
    background: #795548 !important;
    color: #fff
}

    .button.button-fill.bg-brown.active-state, .button.button-fill.color-brown.active-state, html:not(.watch-active-state) .button.button-fill.bg-brown:active, html:not(.watch-active-state) .button.button-fill.color-brown:active {
        background: #5D4037 !important
    }

.progressbar.bg-brown, .progressbar.color-brown, .progressbar.theme-brown, .theme-brown .progressbar {
    background-color: rgba(121,85,72,.5)
}

    .progressbar.bg-brown span, .progressbar.color-brown span, .progressbar.theme-brown span, .theme-brown .progressbar span {
        background-color: #795548
    }

.progressbar-infinite.bg-brown, .progressbar-infinite.color-brown, .progressbar-infinite.theme-brown, .theme-brown .progressbar-infinite {
    background-color: rgba(121,85,72,.5)
}

    .progressbar-infinite.bg-brown:after, .progressbar-infinite.bg-brown:before, .progressbar-infinite.color-brown:after, .progressbar-infinite.color-brown:before, .progressbar-infinite.theme-brown:after, .progressbar-infinite.theme-brown:before, .theme-brown .progressbar-infinite:after, .theme-brown .progressbar-infinite:before {
        background-color: #795548
    }

.color-brown i.icon, i.icon.color-brown {
    color: #795548
}

i.icon-next.color-brown, i.icon-next.theme-brown {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23795548'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-prev.color-brown, i.icon-prev.theme-brown {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23795548'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-back.color-brown, i.icon-back.theme-brown {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23795548'%2F%3E%3C%2Fsvg%3E")
}

i.icon-forward.color-brown, i.icon-forward.theme-brown {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23795548'%2F%3E%3C%2Fsvg%3E")
}

i.icon-bars.color-brown, i.icon-bars.theme-brown {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23795548'%2F%3E%3C%2Fsvg%3E")
}

.preloader.color-brown svg circle, .preloader.preloader-brown svg circle {
    stroke: #795548
}

.preloader.color-brown .preloader-inner-gap, .preloader.color-brown .preloader-inner-half-circle, .preloader.preloader-brown .preloader-inner-gap, .preloader.preloader-brown .preloader-inner-half-circle {
    border-color: #795548
}

.theme-brown a {
    color: #795548
}

.navbar.theme-brown, .searchbar.theme-brown, .subnavbar.theme-brown, .theme-brown .navbar, .theme-brown .searchbar, .theme-brown .subnavbar, .theme-brown .toolbar, .toolbar.theme-brown {
    background-color: #795548
}

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

.range-slider.theme-brown input[type=range]::-webkit-slider-thumb, .theme-brown .range-slider input[type=range]::-webkit-slider-thumb {
    background-color: #795548
}

.range-slider.theme-brown input[type=range]::-ms-thumb, .theme-brown .range-slider input[type=range]::-ms-thumb {
    background-color: #795548
}

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

.range-slider.theme-brown input[type=range]::-moz-range-thumb, .theme-brown .range-slider input[type=range]::-moz-range-thumb {
    background-color: #795548
}

.label-switch.theme-brown input[type=checkbox]:checked + .checkbox, .theme-brown .label-switch input[type=checkbox]:checked + .checkbox {
    background-color: rgba(121,85,72,.5)
}

    .label-switch.theme-brown input[type=checkbox]:checked + .checkbox:after, .theme-brown .label-switch input[type=checkbox]:checked + .checkbox:after {
        background-color: #795548
    }

.theme-brown label.label-checkbox, label.label-checkbox.theme-brown {
    cursor: pointer
}

    .theme-brown label.label-checkbox i.icon-form-checkbox:after, label.label-checkbox.theme-brown i.icon-form-checkbox:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
    }

    .theme-brown label.label-checkbox input[type=checkbox]:checked + .item-media i.icon-form-checkbox, .theme-brown label.label-checkbox input[type=checkbox]:checked ~ .item-after i.icon-form-checkbox, .theme-brown label.label-checkbox input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, .theme-brown label.label-checkbox input[type=radio]:checked + .item-media i.icon-form-checkbox, .theme-brown label.label-checkbox input[type=radio]:checked ~ .item-after i.icon-form-checkbox, .theme-brown label.label-checkbox input[type=radio]:checked ~ .item-inner i.icon-form-checkbox, label.label-checkbox.theme-brown input[type=checkbox]:checked + .item-media i.icon-form-checkbox, label.label-checkbox.theme-brown input[type=checkbox]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-brown input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, label.label-checkbox.theme-brown input[type=radio]:checked + .item-media i.icon-form-checkbox, label.label-checkbox.theme-brown input[type=radio]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-brown input[type=radio]:checked ~ .item-inner i.icon-form-checkbox {
        border-color: #795548;
        background-color: #795548
    }

.theme-brown label.label-radio i.icon-form-radio:after, label.label-radio.theme-brown i.icon-form-radio:after {
    background-color: #795548
}

.theme-brown label.label-radio input[type=checkbox]:checked + .item-media i.icon-form-radio, .theme-brown label.label-radio input[type=checkbox]:checked ~ .item-after i.icon-form-radio, .theme-brown label.label-radio input[type=checkbox]:checked ~ .item-inner i.icon-form-radio, .theme-brown label.label-radio input[type=radio]:checked + .item-media i.icon-form-radio, .theme-brown label.label-radio input[type=radio]:checked ~ .item-after i.icon-form-radio, .theme-brown label.label-radio input[type=radio]:checked ~ .item-inner i.icon-form-radio, label.label-radio.theme-brown input[type=checkbox]:checked + .item-media i.icon-form-radio, label.label-radio.theme-brown input[type=checkbox]:checked ~ .item-after i.icon-form-radio, label.label-radio.theme-brown input[type=checkbox]:checked ~ .item-inner i.icon-form-radio, label.label-radio.theme-brown input[type=radio]:checked + .item-media i.icon-form-radio, label.label-radio.theme-brown input[type=radio]:checked ~ .item-after i.icon-form-radio, label.label-radio.theme-brown input[type=radio]:checked ~ .item-inner i.icon-form-radio {
    border-color: #795548
}

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

.theme-brown .focus-state .floating-label, .theme-brown .focus-state .label {
    color: #795548
}

.theme-brown .input-field.focus-state:after, .theme-brown .input-field.not-empty-state:after, .theme-brown .item-input-field.focus-state:after, .theme-brown .item-input-field.not-empty-state:after {
    background: #795548
}

.theme-brown .picker-calendar-day.picker-calendar-day-today span {
    color: #795548
}

.theme-brown .picker-calendar-day.picker-calendar-day-selected span {
    background-color: #795548;
    color: #fff
}

.theme-brown .picker-calendar-day.picker-calendar-day-has-events span:after {
    background-color: #795548
}

.theme-brown .picker-header {
    background-color: #795548
}

.theme-brown .modal-button {
    color: #795548
}

.swiper-pagination.color-brown .swiper-pagination-bullet-active, .theme-brown .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #795548
}

.swiper-pagination.color-brown .swiper-pagination-progressbar, .theme-brown .swiper-pagination .swiper-pagination-progressbar {
    background-color: #795548
}

.swiper-pagination.swiper-pagination-progress.bg-brown {
    background-color: rgba(121,85,72,.25)
}

.swiper-button-next.color-brown, .swiper-container-rtl .swiper-button-prev.color-brown, .theme-brown .swiper-button-next, .theme-brown .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'%23795548'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-brown, .swiper-container-rtl .swiper-button-next.color-brown, .theme-brown .swiper-button-prev, .theme-brown .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'%23795548'%2F%3E%3C%2Fsvg%3E")
}

.bg-brown, .list-block .swipeout-actions-left a.bg-brown, .list-block .swipeout-actions-right a.bg-brown, a.bg-brown {
    background-color: #795548
}

.list-block .bg-brown .item-link.active-state, .list-block .item-link.bg-brown.active-state, .list-block .item-link.list-block .swipeout-actions-left a.bg-brown.active-state, .list-block .item-link.list-block .swipeout-actions-right a.bg-brown.active-state, .list-block .item-linka.bg-brown.active-state, .list-block .list-block .swipeout-actions-left a.bg-brown .item-link.active-state, .list-block .list-block .swipeout-actions-right a.bg-brown .item-link.active-state, .list-block a.bg-brown .item-link.active-state, .list-block.bg-brown .item-link.active-state, .list-block.list-block .swipeout-actions-left a.bg-brown .item-link.active-state, .list-block.list-block .swipeout-actions-right a.bg-brown .item-link.active-state, .list-blocka.bg-brown .item-link.active-state, html:not(.watch-active-state) .list-block .bg-brown .item-link:active, html:not(.watch-active-state) .list-block .item-link.bg-brown:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-brown:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-brown:active, html:not(.watch-active-state) .list-block .item-linka.bg-brown:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-brown .item-link:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-brown .item-link:active, html:not(.watch-active-state) .list-block a.bg-brown .item-link:active, html:not(.watch-active-state) .list-block.bg-brown .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-brown .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-brown .item-link:active, html:not(.watch-active-state) .list-blocka.bg-brown .item-link:active {
    background: #5D4037
}

.border-brown {
    border-color: #795548
}

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

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

    .floating-button.bg-brown.active-state, .floating-button.color-brown.active-state, .floating-button.theme-brown.active-state, .speed-dial-buttons a.bg-brown.active-state, .speed-dial-buttons a.color-brown.active-state, .speed-dial-buttons a.theme-brown.active-state, .theme-brown .floating-button.active-state, .theme-brown .speed-dial-buttons a.active-state, html:not(.watch-active-state) .floating-button.bg-brown:active, html:not(.watch-active-state) .floating-button.color-brown:active, html:not(.watch-active-state) .floating-button.theme-brown:active, html:not(.watch-active-state) .speed-dial-buttons a.bg-brown:active, html:not(.watch-active-state) .speed-dial-buttons a.color-brown:active, html:not(.watch-active-state) .speed-dial-buttons a.theme-brown:active, html:not(.watch-active-state) .theme-brown .floating-button:active, html:not(.watch-active-state) .theme-brown .speed-dial-buttons a:active {
        background: #5D4037
    }

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

.ripple-brown .ripple-wave {
    background-color: rgba(121,85,72,.3)
}

.badge.color-brown, .badge.theme-brown {
    background-color: #795548;
    color: #fff
}

.color-gray {
    color: #9e9e9e
}

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

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

.theme-gray .button:not(.button-fill) {
    color: #9e9e9e
}

.theme-gray .navbar .button:not(.button-fill), .theme-gray .subnavbar .button:not(.button-fill), .theme-gray .toolbar .button:not(.button-fill), .theme-gray.navbar .button:not(.button-fill), .theme-gray.subnavbar .button:not(.button-fill), .theme-gray.toolbar .button:not(.button-fill) {
    color: #fff
}

.button.color-gray:not(.button-fill), .color-gray.buttons-row .button:not(.button-fill) {
    color: #9e9e9e !important
}

.theme-gray .button.button-fill {
    background: #9e9e9e;
    color: #fff
}

    .theme-gray .button.button-fill.active-state, html:not(.watch-active-state) .theme-gray .button.button-fill:active {
        background: #616161
    }

.button.button-fill.bg-gray, .button.button-fill.color-gray {
    background: #9e9e9e !important;
    color: #fff
}

    .button.button-fill.bg-gray.active-state, .button.button-fill.color-gray.active-state, html:not(.watch-active-state) .button.button-fill.bg-gray:active, html:not(.watch-active-state) .button.button-fill.color-gray:active {
        background: #616161 !important
    }

.progressbar.bg-gray, .progressbar.color-gray, .progressbar.theme-gray, .theme-gray .progressbar {
    background-color: rgba(158,158,158,.5)
}

    .progressbar.bg-gray span, .progressbar.color-gray span, .progressbar.theme-gray span, .theme-gray .progressbar span {
        background-color: #9e9e9e
    }

.progressbar-infinite.bg-gray, .progressbar-infinite.color-gray, .progressbar-infinite.theme-gray, .theme-gray .progressbar-infinite {
    background-color: rgba(158,158,158,.5)
}

    .progressbar-infinite.bg-gray:after, .progressbar-infinite.bg-gray:before, .progressbar-infinite.color-gray:after, .progressbar-infinite.color-gray:before, .progressbar-infinite.theme-gray:after, .progressbar-infinite.theme-gray:before, .theme-gray .progressbar-infinite:after, .theme-gray .progressbar-infinite:before {
        background-color: #9e9e9e
    }

.color-gray i.icon, i.icon.color-gray {
    color: #9e9e9e
}

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'%20fill%3D'%239e9e9e'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

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'%20fill%3D'%239e9e9e'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E")
}

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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E")
}

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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E")
}

.preloader.color-gray svg circle, .preloader.preloader-gray svg circle {
    stroke: #9e9e9e
}

.preloader.color-gray .preloader-inner-gap, .preloader.color-gray .preloader-inner-half-circle, .preloader.preloader-gray .preloader-inner-gap, .preloader.preloader-gray .preloader-inner-half-circle {
    border-color: #9e9e9e
}

.theme-gray a {
    color: #9e9e9e
}

.navbar.theme-gray, .searchbar.theme-gray, .subnavbar.theme-gray, .theme-gray .navbar, .theme-gray .searchbar, .theme-gray .subnavbar, .theme-gray .toolbar, .toolbar.theme-gray {
    background-color: #9e9e9e
}

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

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

.range-slider.theme-gray input[type=range]::-ms-thumb, .theme-gray .range-slider input[type=range]::-ms-thumb {
    background-color: #9e9e9e
}

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

.range-slider.theme-gray input[type=range]::-moz-range-thumb, .theme-gray .range-slider input[type=range]::-moz-range-thumb {
    background-color: #9e9e9e
}

.label-switch.theme-gray input[type=checkbox]:checked + .checkbox, .theme-gray .label-switch input[type=checkbox]:checked + .checkbox {
    background-color: rgba(158,158,158,.5)
}

    .label-switch.theme-gray input[type=checkbox]:checked + .checkbox:after, .theme-gray .label-switch input[type=checkbox]:checked + .checkbox:after {
        background-color: #9e9e9e
    }

.theme-gray label.label-checkbox, label.label-checkbox.theme-gray {
    cursor: pointer
}

    .theme-gray label.label-checkbox i.icon-form-checkbox:after, label.label-checkbox.theme-gray i.icon-form-checkbox:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
    }

    .theme-gray label.label-checkbox input[type=checkbox]:checked + .item-media i.icon-form-checkbox, .theme-gray label.label-checkbox input[type=checkbox]:checked ~ .item-after i.icon-form-checkbox, .theme-gray label.label-checkbox input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, .theme-gray label.label-checkbox input[type=radio]:checked + .item-media i.icon-form-checkbox, .theme-gray label.label-checkbox input[type=radio]:checked ~ .item-after i.icon-form-checkbox, .theme-gray label.label-checkbox input[type=radio]:checked ~ .item-inner 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=checkbox]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-gray input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, label.label-checkbox.theme-gray input[type=radio]:checked + .item-media i.icon-form-checkbox, label.label-checkbox.theme-gray input[type=radio]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-gray input[type=radio]:checked ~ .item-inner i.icon-form-checkbox {
        border-color: #9e9e9e;
        background-color: #9e9e9e
    }

.theme-gray label.label-radio i.icon-form-radio:after, label.label-radio.theme-gray i.icon-form-radio:after {
    background-color: #9e9e9e
}

.theme-gray label.label-radio input[type=checkbox]:checked + .item-media i.icon-form-radio, .theme-gray label.label-radio input[type=checkbox]:checked ~ .item-after i.icon-form-radio, .theme-gray label.label-radio input[type=checkbox]:checked ~ .item-inner i.icon-form-radio, .theme-gray label.label-radio input[type=radio]:checked + .item-media i.icon-form-radio, .theme-gray label.label-radio input[type=radio]:checked ~ .item-after i.icon-form-radio, .theme-gray label.label-radio input[type=radio]:checked ~ .item-inner i.icon-form-radio, label.label-radio.theme-gray input[type=checkbox]:checked + .item-media i.icon-form-radio, label.label-radio.theme-gray input[type=checkbox]:checked ~ .item-after i.icon-form-radio, label.label-radio.theme-gray input[type=checkbox]:checked ~ .item-inner i.icon-form-radio, label.label-radio.theme-gray input[type=radio]:checked + .item-media i.icon-form-radio, label.label-radio.theme-gray input[type=radio]:checked ~ .item-after i.icon-form-radio, label.label-radio.theme-gray input[type=radio]:checked ~ .item-inner i.icon-form-radio {
    border-color: #9e9e9e
}

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

.theme-gray .focus-state .floating-label, .theme-gray .focus-state .label {
    color: #9e9e9e
}

.theme-gray .input-field.focus-state:after, .theme-gray .input-field.not-empty-state:after, .theme-gray .item-input-field.focus-state:after, .theme-gray .item-input-field.not-empty-state:after {
    background: #9e9e9e
}

.theme-gray .picker-calendar-day.picker-calendar-day-today span {
    color: #9e9e9e
}

.theme-gray .picker-calendar-day.picker-calendar-day-selected span {
    background-color: #9e9e9e;
    color: #fff
}

.theme-gray .picker-calendar-day.picker-calendar-day-has-events span:after {
    background-color: #9e9e9e
}

.theme-gray .picker-header {
    background-color: #9e9e9e
}

.theme-gray .modal-button {
    color: #9e9e9e
}

.swiper-pagination.color-gray .swiper-pagination-bullet-active, .theme-gray .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #9e9e9e
}

.swiper-pagination.color-gray .swiper-pagination-progressbar, .theme-gray .swiper-pagination .swiper-pagination-progressbar {
    background-color: #9e9e9e
}

.swiper-pagination.swiper-pagination-progress.bg-gray {
    background-color: rgba(158,158,158,.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'%239e9e9e'%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'%239e9e9e'%2F%3E%3C%2Fsvg%3E")
}

.bg-gray, .list-block .swipeout-actions-left a.bg-gray, .list-block .swipeout-actions-right a.bg-gray, a.bg-gray {
    background-color: #9e9e9e
}

.list-block .bg-gray .item-link.active-state, .list-block .item-link.bg-gray.active-state, .list-block .item-link.list-block .swipeout-actions-left a.bg-gray.active-state, .list-block .item-link.list-block .swipeout-actions-right a.bg-gray.active-state, .list-block .item-linka.bg-gray.active-state, .list-block .list-block .swipeout-actions-left a.bg-gray .item-link.active-state, .list-block .list-block .swipeout-actions-right a.bg-gray .item-link.active-state, .list-block a.bg-gray .item-link.active-state, .list-block.bg-gray .item-link.active-state, .list-block.list-block .swipeout-actions-left a.bg-gray .item-link.active-state, .list-block.list-block .swipeout-actions-right a.bg-gray .item-link.active-state, .list-blocka.bg-gray .item-link.active-state, html:not(.watch-active-state) .list-block .bg-gray .item-link:active, html:not(.watch-active-state) .list-block .item-link.bg-gray:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-gray:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-gray:active, html:not(.watch-active-state) .list-block .item-linka.bg-gray:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-gray .item-link:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-gray .item-link:active, html:not(.watch-active-state) .list-block a.bg-gray .item-link:active, html:not(.watch-active-state) .list-block.bg-gray .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-gray .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-gray .item-link:active, html:not(.watch-active-state) .list-blocka.bg-gray .item-link:active {
    background: #616161
}

.border-gray {
    border-color: #9e9e9e
}

    .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: #9e9e9e
    }

.floating-button.bg-gray, .floating-button.color-gray, .floating-button.theme-gray, .speed-dial-buttons a.bg-gray, .speed-dial-buttons a.color-gray, .speed-dial-buttons a.theme-gray, .theme-gray .floating-button, .theme-gray .speed-dial-buttons a {
    color: #fff;
    background: #9e9e9e
}

    .floating-button.bg-gray.active-state, .floating-button.color-gray.active-state, .floating-button.theme-gray.active-state, .speed-dial-buttons a.bg-gray.active-state, .speed-dial-buttons a.color-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.bg-gray:active, html:not(.watch-active-state) .floating-button.color-gray:active, html:not(.watch-active-state) .floating-button.theme-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, 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: #616161
    }

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

.ripple-gray .ripple-wave {
    background-color: rgba(158,158,158,.3)
}

.badge.color-gray, .badge.theme-gray {
    background-color: #9e9e9e;
    color: #fff
}

.color-bluegray {
    color: #607d8b
}

.list-block .item-link.color-bluegray, .list-block .item-link.list-button.color-bluegray, .tabbar a.active.color-bluegray, a.color-bluegray {
    color: #607d8b
}

.label-switch input[type=checkbox]:checked + .checkbox.color-bluegray, .label-switch.color-bluegray input[type=checkbox]:checked + .checkbox {
    background-color: #607d8b
}

.theme-bluegray .button:not(.button-fill) {
    color: #607d8b
}

.theme-bluegray .navbar .button:not(.button-fill), .theme-bluegray .subnavbar .button:not(.button-fill), .theme-bluegray .toolbar .button:not(.button-fill), .theme-bluegray.navbar .button:not(.button-fill), .theme-bluegray.subnavbar .button:not(.button-fill), .theme-bluegray.toolbar .button:not(.button-fill) {
    color: #fff
}

.button.color-bluegray:not(.button-fill), .color-bluegray.buttons-row .button:not(.button-fill) {
    color: #607d8b !important
}

.theme-bluegray .button.button-fill {
    background: #607d8b;
    color: #fff
}

    .theme-bluegray .button.button-fill.active-state, html:not(.watch-active-state) .theme-bluegray .button.button-fill:active {
        background: #455A64
    }

.button.button-fill.bg-bluegray, .button.button-fill.color-bluegray {
    background: #607d8b !important;
    color: #fff
}

    .button.button-fill.bg-bluegray.active-state, .button.button-fill.color-bluegray.active-state, html:not(.watch-active-state) .button.button-fill.bg-bluegray:active, html:not(.watch-active-state) .button.button-fill.color-bluegray:active {
        background: #455A64 !important
    }

.progressbar.bg-bluegray, .progressbar.color-bluegray, .progressbar.theme-bluegray, .theme-bluegray .progressbar {
    background-color: rgba(96,125,139,.5)
}

    .progressbar.bg-bluegray span, .progressbar.color-bluegray span, .progressbar.theme-bluegray span, .theme-bluegray .progressbar span {
        background-color: #607d8b
    }

.progressbar-infinite.bg-bluegray, .progressbar-infinite.color-bluegray, .progressbar-infinite.theme-bluegray, .theme-bluegray .progressbar-infinite {
    background-color: rgba(96,125,139,.5)
}

    .progressbar-infinite.bg-bluegray:after, .progressbar-infinite.bg-bluegray:before, .progressbar-infinite.color-bluegray:after, .progressbar-infinite.color-bluegray:before, .progressbar-infinite.theme-bluegray:after, .progressbar-infinite.theme-bluegray:before, .theme-bluegray .progressbar-infinite:after, .theme-bluegray .progressbar-infinite:before {
        background-color: #607d8b
    }

.color-bluegray i.icon, i.icon.color-bluegray {
    color: #607d8b
}

i.icon-next.color-bluegray, i.icon-next.theme-bluegray {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23607d8b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-prev.color-bluegray, i.icon-prev.theme-bluegray {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23607d8b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

i.icon-back.color-bluegray, i.icon-back.theme-bluegray {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23607d8b'%2F%3E%3C%2Fsvg%3E")
}

i.icon-forward.color-bluegray, i.icon-forward.theme-bluegray {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23607d8b'%2F%3E%3C%2Fsvg%3E")
}

i.icon-bars.color-bluegray, i.icon-bars.theme-bluegray {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23607d8b'%2F%3E%3C%2Fsvg%3E")
}

.preloader.color-bluegray svg circle, .preloader.preloader-bluegray svg circle {
    stroke: #607d8b
}

.preloader.color-bluegray .preloader-inner-gap, .preloader.color-bluegray .preloader-inner-half-circle, .preloader.preloader-bluegray .preloader-inner-gap, .preloader.preloader-bluegray .preloader-inner-half-circle {
    border-color: #607d8b
}

.theme-bluegray a {
    color: #607d8b
}

.navbar.theme-bluegray, .searchbar.theme-bluegray, .subnavbar.theme-bluegray, .theme-bluegray .navbar, .theme-bluegray .searchbar, .theme-bluegray .subnavbar, .theme-bluegray .toolbar, .toolbar.theme-bluegray {
    background-color: #607d8b
}

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

.range-slider.theme-bluegray input[type=range]::-webkit-slider-thumb, .theme-bluegray .range-slider input[type=range]::-webkit-slider-thumb {
    background-color: #607d8b
}

.range-slider.theme-bluegray input[type=range]::-ms-thumb, .theme-bluegray .range-slider input[type=range]::-ms-thumb {
    background-color: #607d8b
}

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

.range-slider.theme-bluegray input[type=range]::-moz-range-thumb, .theme-bluegray .range-slider input[type=range]::-moz-range-thumb {
    background-color: #607d8b
}

.label-switch.theme-bluegray input[type=checkbox]:checked + .checkbox, .theme-bluegray .label-switch input[type=checkbox]:checked + .checkbox {
    background-color: rgba(96,125,139,.5)
}

    .label-switch.theme-bluegray input[type=checkbox]:checked + .checkbox:after, .theme-bluegray .label-switch input[type=checkbox]:checked + .checkbox:after {
        background-color: #607d8b
    }

.theme-bluegray label.label-checkbox, label.label-checkbox.theme-bluegray {
    cursor: pointer
}

    .theme-bluegray label.label-checkbox i.icon-form-checkbox:after, label.label-checkbox.theme-bluegray i.icon-form-checkbox:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
    }

    .theme-bluegray label.label-checkbox input[type=checkbox]:checked + .item-media i.icon-form-checkbox, .theme-bluegray label.label-checkbox input[type=checkbox]:checked ~ .item-after i.icon-form-checkbox, .theme-bluegray label.label-checkbox input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, .theme-bluegray label.label-checkbox input[type=radio]:checked + .item-media i.icon-form-checkbox, .theme-bluegray label.label-checkbox input[type=radio]:checked ~ .item-after i.icon-form-checkbox, .theme-bluegray label.label-checkbox input[type=radio]:checked ~ .item-inner i.icon-form-checkbox, label.label-checkbox.theme-bluegray input[type=checkbox]:checked + .item-media i.icon-form-checkbox, label.label-checkbox.theme-bluegray input[type=checkbox]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-bluegray input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, label.label-checkbox.theme-bluegray input[type=radio]:checked + .item-media i.icon-form-checkbox, label.label-checkbox.theme-bluegray input[type=radio]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-bluegray input[type=radio]:checked ~ .item-inner i.icon-form-checkbox {
        border-color: #607d8b;
        background-color: #607d8b
    }

.theme-bluegray label.label-radio i.icon-form-radio:after, label.label-radio.theme-bluegray i.icon-form-radio:after {
    background-color: #607d8b
}

.theme-bluegray label.label-radio input[type=checkbox]:checked + .item-media i.icon-form-radio, .theme-bluegray label.label-radio input[type=checkbox]:checked ~ .item-after i.icon-form-radio, .theme-bluegray label.label-radio input[type=checkbox]:checked ~ .item-inner i.icon-form-radio, .theme-bluegray label.label-radio input[type=radio]:checked + .item-media i.icon-form-radio, .theme-bluegray label.label-radio input[type=radio]:checked ~ .item-after i.icon-form-radio, .theme-bluegray label.label-radio input[type=radio]:checked ~ .item-inner i.icon-form-radio, label.label-radio.theme-bluegray input[type=checkbox]:checked + .item-media i.icon-form-radio, label.label-radio.theme-bluegray input[type=checkbox]:checked ~ .item-after i.icon-form-radio, label.label-radio.theme-bluegray input[type=checkbox]:checked ~ .item-inner i.icon-form-radio, label.label-radio.theme-bluegray input[type=radio]:checked + .item-media i.icon-form-radio, label.label-radio.theme-bluegray input[type=radio]:checked ~ .item-after i.icon-form-radio, label.label-radio.theme-bluegray input[type=radio]:checked ~ .item-inner i.icon-form-radio {
    border-color: #607d8b
}

    .theme-bluegray label.label-radio input[type=checkbox]:checked + .item-media i.icon-form-radio:after, .theme-bluegray label.label-radio input[type=checkbox]:checked ~ .item-after i.icon-form-radio:after, .theme-bluegray label.label-radio input[type=checkbox]:checked ~ .item-inner i.icon-form-radio:after, .theme-bluegray label.label-radio input[type=radio]:checked + .item-media i.icon-form-radio:after, .theme-bluegray label.label-radio input[type=radio]:checked ~ .item-after i.icon-form-radio:after, .theme-bluegray label.label-radio input[type=radio]:checked ~ .item-inner i.icon-form-radio:after, label.label-radio.theme-bluegray input[type=checkbox]:checked + .item-media i.icon-form-radio:after, label.label-radio.theme-bluegray input[type=checkbox]:checked ~ .item-after i.icon-form-radio:after, label.label-radio.theme-bluegray input[type=checkbox]:checked ~ .item-inner i.icon-form-radio:after, label.label-radio.theme-bluegray input[type=radio]:checked + .item-media i.icon-form-radio:after, label.label-radio.theme-bluegray input[type=radio]:checked ~ .item-after i.icon-form-radio:after, label.label-radio.theme-bluegray input[type=radio]:checked ~ .item-inner i.icon-form-radio:after {
        background-color: #607d8b
    }

.theme-bluegray .focus-state .floating-label, .theme-bluegray .focus-state .label {
    color: #607d8b
}

.theme-bluegray .input-field.focus-state:after, .theme-bluegray .input-field.not-empty-state:after, .theme-bluegray .item-input-field.focus-state:after, .theme-bluegray .item-input-field.not-empty-state:after {
    background: #607d8b
}

.theme-bluegray .picker-calendar-day.picker-calendar-day-today span {
    color: #607d8b
}

.theme-bluegray .picker-calendar-day.picker-calendar-day-selected span {
    background-color: #607d8b;
    color: #fff
}

.theme-bluegray .picker-calendar-day.picker-calendar-day-has-events span:after {
    background-color: #607d8b
}

.theme-bluegray .picker-header {
    background-color: #607d8b
}

.theme-bluegray .modal-button {
    color: #607d8b
}

.swiper-pagination.color-bluegray .swiper-pagination-bullet-active, .theme-bluegray .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #607d8b
}

.swiper-pagination.color-bluegray .swiper-pagination-progressbar, .theme-bluegray .swiper-pagination .swiper-pagination-progressbar {
    background-color: #607d8b
}

.swiper-pagination.swiper-pagination-progress.bg-bluegray {
    background-color: rgba(96,125,139,.25)
}

.swiper-button-next.color-bluegray, .swiper-container-rtl .swiper-button-prev.color-bluegray, .theme-bluegray .swiper-button-next, .theme-bluegray .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'%23607d8b'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.color-bluegray, .swiper-container-rtl .swiper-button-next.color-bluegray, .theme-bluegray .swiper-button-prev, .theme-bluegray .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'%23607d8b'%2F%3E%3C%2Fsvg%3E")
}

.bg-bluegray, .list-block .swipeout-actions-left a.bg-bluegray, .list-block .swipeout-actions-right a.bg-bluegray, a.bg-bluegray {
    background-color: #607d8b
}

.list-block .bg-bluegray .item-link.active-state, .list-block .item-link.bg-bluegray.active-state, .list-block .item-link.list-block .swipeout-actions-left a.bg-bluegray.active-state, .list-block .item-link.list-block .swipeout-actions-right a.bg-bluegray.active-state, .list-block .item-linka.bg-bluegray.active-state, .list-block .list-block .swipeout-actions-left a.bg-bluegray .item-link.active-state, .list-block .list-block .swipeout-actions-right a.bg-bluegray .item-link.active-state, .list-block a.bg-bluegray .item-link.active-state, .list-block.bg-bluegray .item-link.active-state, .list-block.list-block .swipeout-actions-left a.bg-bluegray .item-link.active-state, .list-block.list-block .swipeout-actions-right a.bg-bluegray .item-link.active-state, .list-blocka.bg-bluegray .item-link.active-state, html:not(.watch-active-state) .list-block .bg-bluegray .item-link:active, html:not(.watch-active-state) .list-block .item-link.bg-bluegray:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-bluegray:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-bluegray:active, html:not(.watch-active-state) .list-block .item-linka.bg-bluegray:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-bluegray .item-link:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-bluegray .item-link:active, html:not(.watch-active-state) .list-block a.bg-bluegray .item-link:active, html:not(.watch-active-state) .list-block.bg-bluegray .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-bluegray .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-bluegray .item-link:active, html:not(.watch-active-state) .list-blocka.bg-bluegray .item-link:active {
    background: #455A64
}

.border-bluegray {
    border-color: #607d8b
}

    .border-bluegray:after, .border-bluegray:before, .list-block .border-bluegray.item-inner:after, .list-block .border-bluegray.item-inner:before, .list-block ul.border-bluegray:after, .list-block ul.border-bluegray:before {
        background-color: #607d8b
    }

.floating-button.bg-bluegray, .floating-button.color-bluegray, .floating-button.theme-bluegray, .speed-dial-buttons a.bg-bluegray, .speed-dial-buttons a.color-bluegray, .speed-dial-buttons a.theme-bluegray, .theme-bluegray .floating-button, .theme-bluegray .speed-dial-buttons a {
    color: #fff;
    background: #607d8b
}

    .floating-button.bg-bluegray.active-state, .floating-button.color-bluegray.active-state, .floating-button.theme-bluegray.active-state, .speed-dial-buttons a.bg-bluegray.active-state, .speed-dial-buttons a.color-bluegray.active-state, .speed-dial-buttons a.theme-bluegray.active-state, .theme-bluegray .floating-button.active-state, .theme-bluegray .speed-dial-buttons a.active-state, html:not(.watch-active-state) .floating-button.bg-bluegray:active, html:not(.watch-active-state) .floating-button.color-bluegray:active, html:not(.watch-active-state) .floating-button.theme-bluegray:active, html:not(.watch-active-state) .speed-dial-buttons a.bg-bluegray:active, html:not(.watch-active-state) .speed-dial-buttons a.color-bluegray:active, html:not(.watch-active-state) .speed-dial-buttons a.theme-bluegray:active, html:not(.watch-active-state) .theme-bluegray .floating-button:active, html:not(.watch-active-state) .theme-bluegray .speed-dial-buttons a:active {
        background: #455A64
    }

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

.ripple-bluegray .ripple-wave {
    background-color: rgba(96,125,139,.3)
}

.badge.color-bluegray, .badge.theme-bluegray {
    background-color: #607d8b;
    color: #fff
}

.color-white {
    color: #fff
}

.list-block .item-link.color-white, .list-block .item-link.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
}

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

.theme-white .navbar .button:not(.button-fill), .theme-white .subnavbar .button:not(.button-fill), .theme-white .toolbar .button:not(.button-fill), .theme-white.navbar .button:not(.button-fill), .theme-white.subnavbar .button:not(.button-fill), .theme-white.toolbar .button:not(.button-fill) {
    color: #fff
}

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

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

    .theme-white .button.button-fill.active-state, html:not(.watch-active-state) .theme-white .button.button-fill:active {
        background: rgba(0,0,0,.1)
    }

.button.button-fill.bg-white, .button.button-fill.color-white {
    background: #ffd700 !important; color: #fff
}

    .button.button-fill.bg-white.active-state, .button.button-fill.color-white.active-state, html:not(.watch-active-state) .button.button-fill.bg-white:active, html:not(.watch-active-state) .button.button-fill.color-white:active {
        background: rgba(0,0,0,.1) !important
    }

.progressbar.bg-white, .progressbar.color-white, .progressbar.theme-white, .theme-white .progressbar {
    background-color: rgba(255,255,255,.5)
}

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

.progressbar-infinite.bg-white, .progressbar-infinite.color-white, .progressbar-infinite.theme-white, .theme-white .progressbar-infinite {
    background-color: rgba(255,255,255,.5)
}

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

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

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'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

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'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.preloader.color-white svg circle, .preloader.preloader-white svg circle {
    stroke: #fff
}

.preloader.color-white .preloader-inner-gap, .preloader.color-white .preloader-inner-half-circle, .preloader.preloader-white .preloader-inner-gap, .preloader.preloader-white .preloader-inner-half-circle {
    border-color: #fff
}

.theme-white a {
    color: #fff
}

.navbar.theme-white, .searchbar.theme-white, .subnavbar.theme-white, .theme-white .navbar, .theme-white .searchbar, .theme-white .subnavbar, .theme-white .toolbar, .toolbar.theme-white {
    background-color: #fff
}

.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]::-webkit-slider-thumb, .theme-white .range-slider input[type=range]::-webkit-slider-thumb {
    background-color: #fff
}

.range-slider.theme-white input[type=range]::-ms-thumb, .theme-white .range-slider input[type=range]::-ms-thumb {
    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
}

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

.label-switch.theme-white input[type=checkbox]:checked + .checkbox, .theme-white .label-switch input[type=checkbox]:checked + .checkbox {
    background-color: rgba(255,255,255,.5)
}

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

.theme-white label.label-checkbox, label.label-checkbox.theme-white {
    cursor: pointer
}

    .theme-white label.label-checkbox i.icon-form-checkbox:after, label.label-checkbox.theme-white i.icon-form-checkbox:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
    }

    .theme-white label.label-checkbox input[type=checkbox]:checked + .item-media i.icon-form-checkbox, .theme-white label.label-checkbox input[type=checkbox]:checked ~ .item-after i.icon-form-checkbox, .theme-white label.label-checkbox input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, .theme-white label.label-checkbox input[type=radio]:checked + .item-media i.icon-form-checkbox, .theme-white label.label-checkbox input[type=radio]:checked ~ .item-after i.icon-form-checkbox, .theme-white label.label-checkbox input[type=radio]:checked ~ .item-inner 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=checkbox]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-white input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, label.label-checkbox.theme-white input[type=radio]:checked + .item-media i.icon-form-checkbox, label.label-checkbox.theme-white input[type=radio]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-white input[type=radio]:checked ~ .item-inner i.icon-form-checkbox {
        border-color: #fff;
        background-color: #fff
    }

.theme-white label.label-radio i.icon-form-radio:after, label.label-radio.theme-white i.icon-form-radio:after {
    background-color: #fff
}

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

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

.theme-white .focus-state .floating-label, .theme-white .focus-state .label {
    color: #fff
}

.theme-white .input-field.focus-state:after, .theme-white .input-field.not-empty-state:after, .theme-white .item-input-field.focus-state:after, .theme-white .item-input-field.not-empty-state:after {
    background: #fff
}

.theme-white .picker-calendar-day.picker-calendar-day-today span {
    color: #fff
}

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

.theme-white .picker-calendar-day.picker-calendar-day-has-events span:after {
    background-color: #fff
}

.theme-white .picker-header {
    background-color: #fff
}

.theme-white .modal-button {
    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")
}

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

.list-block .bg-white .item-link.active-state, .list-block .item-link.bg-white.active-state, .list-block .item-link.list-block .swipeout-actions-left a.bg-white.active-state, .list-block .item-link.list-block .swipeout-actions-right a.bg-white.active-state, .list-block .item-linka.bg-white.active-state, .list-block .list-block .swipeout-actions-left a.bg-white .item-link.active-state, .list-block .list-block .swipeout-actions-right a.bg-white .item-link.active-state, .list-block a.bg-white .item-link.active-state, .list-block.bg-white .item-link.active-state, .list-block.list-block .swipeout-actions-left a.bg-white .item-link.active-state, .list-block.list-block .swipeout-actions-right a.bg-white .item-link.active-state, .list-blocka.bg-white .item-link.active-state, html:not(.watch-active-state) .list-block .bg-white .item-link:active, html:not(.watch-active-state) .list-block .item-link.bg-white:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-white:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-white:active, html:not(.watch-active-state) .list-block .item-linka.bg-white:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-white .item-link:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-white .item-link:active, html:not(.watch-active-state) .list-block a.bg-white .item-link:active, html:not(.watch-active-state) .list-block.bg-white .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-white .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-white .item-link:active, html:not(.watch-active-state) .list-blocka.bg-white .item-link:active {
    background: rgba(0,0,0,.1)
}

.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, .floating-button.theme-white, .speed-dial-buttons a.bg-white, .speed-dial-buttons a.color-white, .speed-dial-buttons a.theme-white, .theme-white .floating-button, .theme-white .speed-dial-buttons a {
    color: #fff;
    background: #fff
}

    .floating-button.bg-white.active-state, .floating-button.color-white.active-state, .floating-button.theme-white.active-state, .speed-dial-buttons a.bg-white.active-state, .speed-dial-buttons a.color-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.bg-white:active, html:not(.watch-active-state) .floating-button.color-white:active, html:not(.watch-active-state) .floating-button.theme-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, 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: rgba(0,0,0,.1)
    }

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

.ripple-white .ripple-wave {
    background-color: rgba(255,255,255,.3)
}

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

.color-black {
    color: #000
}

.list-block .item-link.color-black, .list-block .item-link.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
}

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

.theme-black .navbar .button:not(.button-fill), .theme-black .subnavbar .button:not(.button-fill), .theme-black .toolbar .button:not(.button-fill), .theme-black.navbar .button:not(.button-fill), .theme-black.subnavbar .button:not(.button-fill), .theme-black.toolbar .button:not(.button-fill) {
    color: #fff
}

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

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

    .theme-black .button.button-fill.active-state, html:not(.watch-active-state) .theme-black .button.button-fill:active {
        background: #333
    }

.button.button-fill.bg-black, .button.button-fill.color-black {
    background: #000 !important;
    color: #fff
}

    .button.button-fill.bg-black.active-state, .button.button-fill.color-black.active-state, html:not(.watch-active-state) .button.button-fill.bg-black:active, html:not(.watch-active-state) .button.button-fill.color-black:active {
        background: #333 !important
    }

.progressbar.bg-black, .progressbar.color-black, .progressbar.theme-black, .theme-black .progressbar {
    background-color: rgba(0,0,0,.5)
}

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

.progressbar-infinite.bg-black, .progressbar-infinite.color-black, .progressbar-infinite.theme-black, .theme-black .progressbar-infinite {
    background-color: rgba(0,0,0,.5)
}

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

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

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'%20fill%3D'%23000000'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

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'%20fill%3D'%23000000'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.preloader.color-black svg circle, .preloader.preloader-black svg circle {
    stroke: #000
}

.preloader.color-black .preloader-inner-gap, .preloader.color-black .preloader-inner-half-circle, .preloader.preloader-black .preloader-inner-gap, .preloader.preloader-black .preloader-inner-half-circle {
    border-color: #000
}

.theme-black a {
    color: #fff
}

.navbar.theme-black, .searchbar.theme-black, .subnavbar.theme-black, .theme-black .navbar, .theme-black .searchbar, .theme-black .subnavbar, .theme-black .toolbar, .toolbar.theme-black {
    /*   background-color: #000;*/
    /*    background: linear-gradient(90deg,rgb(76 76 76) 0,rgb(94 94 94) 50%,rgb(238 235 0) 100%);*/
    background: linear-gradient(90deg,rgb(0 0 0) 0,rgb(79 79 79) 50%,rgb(81 81 81) 100%);
}

.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]::-webkit-slider-thumb, .theme-black .range-slider input[type=range]::-webkit-slider-thumb {
    background-color: #000
}

.range-slider.theme-black input[type=range]::-ms-thumb, .theme-black .range-slider input[type=range]::-ms-thumb {
    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
}

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

.label-switch.theme-black input[type=checkbox]:checked + .checkbox, .theme-black .label-switch input[type=checkbox]:checked + .checkbox {
    background-color: rgba(0,0,0,.5)
}

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

.theme-black label.label-checkbox, label.label-checkbox.theme-black {
    cursor: pointer
}

    .theme-black label.label-checkbox i.icon-form-checkbox:after, label.label-checkbox.theme-black i.icon-form-checkbox:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")
    }

    .theme-black label.label-checkbox input[type=checkbox]:checked + .item-media i.icon-form-checkbox, .theme-black label.label-checkbox input[type=checkbox]:checked ~ .item-after i.icon-form-checkbox, .theme-black label.label-checkbox input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, .theme-black label.label-checkbox input[type=radio]:checked + .item-media i.icon-form-checkbox, .theme-black label.label-checkbox input[type=radio]:checked ~ .item-after i.icon-form-checkbox, .theme-black label.label-checkbox input[type=radio]:checked ~ .item-inner 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=checkbox]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-black input[type=checkbox]:checked ~ .item-inner i.icon-form-checkbox, label.label-checkbox.theme-black input[type=radio]:checked + .item-media i.icon-form-checkbox, label.label-checkbox.theme-black input[type=radio]:checked ~ .item-after i.icon-form-checkbox, label.label-checkbox.theme-black input[type=radio]:checked ~ .item-inner i.icon-form-checkbox {
        border-color: #000;
        background-color: #000
    }

.theme-black label.label-radio i.icon-form-radio:after, label.label-radio.theme-black i.icon-form-radio:after {
    background-color: #000
}

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

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

.theme-black .focus-state .floating-label, .theme-black .focus-state .label {
    color: #000
}

.theme-black .input-field.focus-state:after, .theme-black .input-field.not-empty-state:after, .theme-black .item-input-field.focus-state:after, .theme-black .item-input-field.not-empty-state:after {
    background: #000
}

.theme-black .picker-calendar-day.picker-calendar-day-today span {
    color: #000
}

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

.theme-black .picker-calendar-day.picker-calendar-day-has-events span:after {
    background-color: #000
}

.theme-black .picker-header {
    background-color: #000
}

.theme-black .modal-button {
    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")
}

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

.list-block .bg-black .item-link.active-state, .list-block .item-link.bg-black.active-state, .list-block .item-link.list-block .swipeout-actions-left a.bg-black.active-state, .list-block .item-link.list-block .swipeout-actions-right a.bg-black.active-state, .list-block .item-linka.bg-black.active-state, .list-block .list-block .swipeout-actions-left a.bg-black .item-link.active-state, .list-block .list-block .swipeout-actions-right a.bg-black .item-link.active-state, .list-block a.bg-black .item-link.active-state, .list-block.bg-black .item-link.active-state, .list-block.list-block .swipeout-actions-left a.bg-black .item-link.active-state, .list-block.list-block .swipeout-actions-right a.bg-black .item-link.active-state, .list-blocka.bg-black .item-link.active-state, html:not(.watch-active-state) .list-block .bg-black .item-link:active, html:not(.watch-active-state) .list-block .item-link.bg-black:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-black:active, html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-black:active, html:not(.watch-active-state) .list-block .item-linka.bg-black:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-black .item-link:active, html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-black .item-link:active, html:not(.watch-active-state) .list-block a.bg-black .item-link:active, html:not(.watch-active-state) .list-block.bg-black .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-black .item-link:active, html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-black .item-link:active, html:not(.watch-active-state) .list-blocka.bg-black .item-link:active {
    background: #333
}

.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, .floating-button.theme-black, .speed-dial-buttons a.bg-black, .speed-dial-buttons a.color-black, .speed-dial-buttons a.theme-black, .theme-black .floating-button, .theme-black .speed-dial-buttons a {
    color: #fff;
    background: #000
}

    .floating-button.bg-black.active-state, .floating-button.color-black.active-state, .floating-button.theme-black.active-state, .speed-dial-buttons a.bg-black.active-state, .speed-dial-buttons a.color-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.bg-black:active, html:not(.watch-active-state) .floating-button.color-black:active, html:not(.watch-active-state) .floating-button.theme-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, 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: #333
    }

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

.ripple-black .ripple-wave {
    background-color: rgba(0,0,0,.3)
}

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