/**

 * Framework7 1.4.2

 * Full Featured Mobile HTML Framework For Building iOS & Android Apps

 * 

 * Google Material Theme

 *

 * http://www.idangero.us/framework7

 * 

 * Copyright 2016, Vladimir Kharlampidi

 * The iDangero.us

 * http://www.idangero.us/

 * 

 * Licensed under MIT

 * 

 * Released on: February 27, 2016

 */

/*==========================

Framework7 Layouts Themes

==========================*/

/* === Dark layout === */

.layout-dark .page,

.layout-dark .login-screen-content,

.page.layout-dark,

.layout-dark .panel,

.panel.layout-dark {

  background-color: #222;

  color: rgba(255, 255, 255, 0.87);

}

.layout-dark .content-block-title {

  color: rgba(255, 255, 255, 0.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: none;

}

.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: none;

}

.layout-dark li.sorting {

  background-color: rgba(34, 34, 34, 0.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, 0.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: none;

}

.layout-dark .autocomplete-dropdown {

  background: #1c1c1c;

}

.layout-dark .autocomplete-dropdown .list-block {

  color: rgba(255, 255, 255, 0.54);

}

.layout-dark .autocomplete-dropdown .list-block b {

  color: rgba(255, 255, 255, 0.87);

}

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,

.layout-dark .item-link.active-state,

.layout-dark label.label-checkbox.active-state,

.layout-dark label.label-radio.active-state {

  background-color: rgba(255, 255, 255, 0.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, 0.35);

}

.layout-dark .label-switch .checkbox {

  background: rgba(255, 255, 255, 0.3);

}

.layout-dark .item-inner:not(.focus-state) .label,

.layout-dark .item-inner:not(.focus-state) .floating-label {

  color: rgba(255, 255, 255, 0.7);

}

.layout-dark .item-inner:not(.focus-state):not(.not-empty-state) .item-input-field:after,

.layout-dark .item-inner:not(.focus-state):not(.not-empty-state) .input-field:after {

  background-color: rgba(255, 255, 255, 0.12);

}

.layout-dark label.label-checkbox i.icon-form-checkbox {

  border-color: rgba(255, 255, 255, 0.7);

}

.layout-dark label.label-radio i.icon-form-radio {

  border-color: rgba(255, 255, 255, 0.7);

}

.layout-dark .item-link.list-button:after {

  background-color: #393939;

}

.layout-dark .page-content .ripple-wave {

  background: rgba(255, 255, 255, 0.3);

}

html:not(.watch-active-state) .layout-dark .button:not(.button-fill):active,

.layout-dark .button:not(.button-fill).active-state {

  background: rgba(255, 255, 255, 0.1);

}

.layout-dark .chip {

  background: rgba(255, 255, 255, 0.87);

}

/*==========================

Framework7 Color Themes

==========================*/

.color-red {

  color: #f44336;

}

.list-block .item-link.list-button.color-red,

.list-block .item-link.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.navbar .button:not(.button-fill),

.theme-red .toolbar .button:not(.button-fill),

.theme-red.toolbar .button:not(.button-fill),

.theme-red .subnavbar .button:not(.button-fill),

.theme-red.subnavbar .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;

}

html:not(.watch-active-state) .theme-red .button.button-fill:active,

.theme-red .button.button-fill.active-state {

  background: #D32F2F;

}

.button.button-fill.bg-red,

.button.button-fill.color-red {

  background: #f44336 !important;

  color: #fff;

}

html:not(.watch-active-state) .button.button-fill.bg-red:active,

html:not(.watch-active-state) .button.button-fill.color-red:active,

.button.button-fill.bg-red.active-state,

.button.button-fill.color-red.active-state {

  background: #D32F2F !important;

}

.progressbar.color-red,

.progressbar.theme-red,

.theme-red .progressbar,

.progressbar.bg-red {

  background-color: rgba(244, 67, 54, 0.5);

}

.progressbar.color-red span,

.progressbar.theme-red span,

.theme-red .progressbar span,

.progressbar.bg-red span {

  background-color: #f44336;

}

.progressbar-infinite.color-red,

.progressbar-infinite.theme-red,

.theme-red .progressbar-infinite,

.progressbar-infinite.bg-red {

  background-color: rgba(244, 67, 54, 0.5);

}

.progressbar-infinite.color-red:after,

.progressbar-infinite.theme-red:after,

.theme-red .progressbar-infinite:after,

.progressbar-infinite.bg-red:after,

.progressbar-infinite.color-red:before,

.progressbar-infinite.theme-red:before,

.theme-red .progressbar-infinite:before,

.progressbar-infinite.bg-red: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.preloader-red .preloader-inner-gap,

.preloader.color-red .preloader-inner-half-circle,

.preloader.preloader-red .preloader-inner-half-circle {

  border-color: #f44336;

}

.theme-red a {

  color: #f44336;

}

.theme-red .navbar,

.navbar.theme-red,

.theme-red .toolbar,

.toolbar.theme-red,

.theme-red .subnavbar,

.subnavbar.theme-red,

.theme-red .searchbar,

.searchbar.theme-red {

  background-color: #f44336;

}

.theme-red .range-slider input[type="range"]::-webkit-slider-thumb:before,

.range-slider.theme-red input[type="range"]::-webkit-slider-thumb:before {

  background-color: #f44336;

}

.theme-red .range-slider input[type="range"]::-webkit-slider-thumb,

.range-slider.theme-red input[type="range"]::-webkit-slider-thumb {

  background-color: #f44336;

}

.theme-red .range-slider input[type="range"]::-ms-thumb,

.range-slider.theme-red input[type="range"]::-ms-thumb {

  background-color: #f44336;

}

.theme-red .range-slider input[type="range"]::-ms-fill-lower,

.range-slider.theme-red input[type="range"]::-ms-fill-lower {

  background-color: #f44336;

}

.theme-red .range-slider input[type="range"]::-moz-range-thumb,

.range-slider.theme-red input[type="range"]::-moz-range-thumb {

  background-color: #f44336;

}

.theme-red .label-switch input[type="checkbox"]:checked + .checkbox,

.label-switch.theme-red input[type="checkbox"]:checked + .checkbox {

  background-color: rgba(244, 67, 54, 0.5);

}

.theme-red .label-switch input[type="checkbox"]:checked + .checkbox:after,

.label-switch.theme-red 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,

label.label-checkbox.theme-red input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,

.theme-red label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,

label.label-checkbox.theme-red input[type="radio"]:checked + .item-media i.icon-form-checkbox,

.theme-red label.label-checkbox input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-red input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

.theme-red label.label-checkbox input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-red input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

.theme-red label.label-checkbox input[type="checkbox"]:checked ~ .item-inner i.icon-form-checkbox,

label.label-checkbox.theme-red input[type="checkbox"]:checked ~ .item-inner 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="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,

label.label-radio.theme-red input[type="checkbox"]:checked + .item-media i.icon-form-radio,

.theme-red label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio,

label.label-radio.theme-red input[type="radio"]:checked + .item-media i.icon-form-radio,

.theme-red label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-red input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

.theme-red label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-red input[type="radio"]:checked ~ .item-after i.icon-form-radio,

.theme-red label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio,

label.label-radio.theme-red input[type="checkbox"]:checked ~ .item-inner 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="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,

label.label-radio.theme-red input[type="checkbox"]:checked + .item-media i.icon-form-radio:after,

.theme-red label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio:after,

label.label-radio.theme-red input[type="radio"]:checked + .item-media i.icon-form-radio:after,

.theme-red label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-red input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

.theme-red label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-red input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

.theme-red label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio:after,

label.label-radio.theme-red input[type="checkbox"]:checked ~ .item-inner 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="radio"]:checked ~ .item-inner i.icon-form-radio:after {

  background-color: #f44336;

}

.theme-red .focus-state .label,

.theme-red .focus-state .floating-label {

  color: #f44336;

}

.theme-red .item-input-field.focus-state:after,

.theme-red .input-field.focus-state:after,

.theme-red .item-input-field.not-empty-state:after,

.theme-red .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, 0.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,

a.bg-red,

.list-block .swipeout-actions-left a.bg-red,

.list-block .swipeout-actions-right a.bg-red {

  background-color: #f44336;

}

html:not(.watch-active-state) .list-block .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 .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.bg-red .item-link:active,

html:not(.watch-active-state) .list-blocka.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-block .item-link.bg-red:active,

html:not(.watch-active-state) .list-block .item-linka.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,

.list-block .bg-red .item-link.active-state,

.list-block a.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-block.bg-red .item-link.active-state,

.list-blocka.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-block .item-link.bg-red.active-state,

.list-block .item-linka.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 {

  background: #D32F2F;

}

.border-red {

  border-color: #f44336;

}

.list-block .border-red.item-inner:after,

.list-block ul.border-red:after,

.border-red:after,

.list-block .border-red.item-inner:before,

.list-block ul.border-red:before,

.border-red:before {

  background-color: #f44336;

}

.theme-red .floating-button,

.theme-red .speed-dial-buttons a,

.floating-button.theme-red,

.speed-dial-buttons a.theme-red,

.floating-button.color-red,

.speed-dial-buttons a.color-red,

.floating-button.bg-red,

.speed-dial-buttons a.bg-red {

  color: #fff;

  background: #f44336;

}

html:not(.watch-active-state) .theme-red .floating-button:active,

html:not(.watch-active-state) .theme-red .speed-dial-buttons a:active,

html:not(.watch-active-state) .floating-button.theme-red:active,

html:not(.watch-active-state) .speed-dial-buttons a.theme-red:active,

html:not(.watch-active-state) .floating-button.color-red:active,

html:not(.watch-active-state) .speed-dial-buttons a.color-red:active,

html:not(.watch-active-state) .floating-button.bg-red:active,

html:not(.watch-active-state) .speed-dial-buttons a.bg-red:active,

.theme-red .floating-button.active-state,

.theme-red .speed-dial-buttons a.active-state,

.floating-button.theme-red.active-state,

.speed-dial-buttons a.theme-red.active-state,

.floating-button.color-red.active-state,

.speed-dial-buttons a.color-red.active-state,

.floating-button.bg-red.active-state,

.speed-dial-buttons a.bg-red.active-state {

  background: #D32F2F;

}

.theme-red .floating-button i,

.theme-red .speed-dial-buttons a i,

.floating-button.theme-red i,

.speed-dial-buttons a.theme-red i,

.floating-button.color-red i,

.speed-dial-buttons a.color-red i,

.floating-button.bg-red i,

.speed-dial-buttons a.bg-red i {

  color: inherit;

}

.ripple-red .ripple-wave {

  background-color: rgba(244, 67, 54, 0.3);

}

.badge.color-red,

.badge.theme-red {

  background-color: #f44336;

  color: #fff;

}

.color-pink {

  color: #e91e63;

}

.list-block .item-link.list-button.color-pink,

.list-block .item-link.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.navbar .button:not(.button-fill),

.theme-pink .toolbar .button:not(.button-fill),

.theme-pink.toolbar .button:not(.button-fill),

.theme-pink .subnavbar .button:not(.button-fill),

.theme-pink.subnavbar .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;

}

html:not(.watch-active-state) .theme-pink .button.button-fill:active,

.theme-pink .button.button-fill.active-state {

  background: #C2185B;

}

.button.button-fill.bg-pink,

.button.button-fill.color-pink {

  background: #e91e63 !important;

  color: #fff;

}

html:not(.watch-active-state) .button.button-fill.bg-pink:active,

html:not(.watch-active-state) .button.button-fill.color-pink:active,

.button.button-fill.bg-pink.active-state,

.button.button-fill.color-pink.active-state {

  background: #C2185B !important;

}

.progressbar.color-pink,

.progressbar.theme-pink,

.theme-pink .progressbar,

.progressbar.bg-pink {

  background-color: rgba(233, 30, 99, 0.5);

}

.progressbar.color-pink span,

.progressbar.theme-pink span,

.theme-pink .progressbar span,

.progressbar.bg-pink span {

  background-color: #e91e63;

}

.progressbar-infinite.color-pink,

.progressbar-infinite.theme-pink,

.theme-pink .progressbar-infinite,

.progressbar-infinite.bg-pink {

  background-color: rgba(233, 30, 99, 0.5);

}

.progressbar-infinite.color-pink:after,

.progressbar-infinite.theme-pink:after,

.theme-pink .progressbar-infinite:after,

.progressbar-infinite.bg-pink:after,

.progressbar-infinite.color-pink:before,

.progressbar-infinite.theme-pink:before,

.theme-pink .progressbar-infinite:before,

.progressbar-infinite.bg-pink: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.preloader-pink .preloader-inner-gap,

.preloader.color-pink .preloader-inner-half-circle,

.preloader.preloader-pink .preloader-inner-half-circle {

  border-color: #e91e63;

}

.theme-pink a {

  color: #e91e63;

}

.theme-pink .navbar,

.navbar.theme-pink,

.theme-pink .toolbar,

.toolbar.theme-pink,

.theme-pink .subnavbar,

.subnavbar.theme-pink,

.theme-pink .searchbar,

.searchbar.theme-pink {

  background-color: #000000;

}

.theme-pink .range-slider input[type="range"]::-webkit-slider-thumb:before,

.range-slider.theme-pink input[type="range"]::-webkit-slider-thumb:before {

  background-color: #e91e63;

}

.theme-pink .range-slider input[type="range"]::-webkit-slider-thumb,

.range-slider.theme-pink input[type="range"]::-webkit-slider-thumb {

  background-color: #e91e63;

}

.theme-pink .range-slider input[type="range"]::-ms-thumb,

.range-slider.theme-pink input[type="range"]::-ms-thumb {

  background-color: #e91e63;

}

.theme-pink .range-slider input[type="range"]::-ms-fill-lower,

.range-slider.theme-pink input[type="range"]::-ms-fill-lower {

  background-color: #e91e63;

}

.theme-pink .range-slider input[type="range"]::-moz-range-thumb,

.range-slider.theme-pink input[type="range"]::-moz-range-thumb {

  background-color: #e91e63;

}

.theme-pink .label-switch input[type="checkbox"]:checked + .checkbox,

.label-switch.theme-pink input[type="checkbox"]:checked + .checkbox {

  background-color: rgba(233, 30, 99, 0.5);

}

.theme-pink .label-switch input[type="checkbox"]:checked + .checkbox:after,

.label-switch.theme-pink 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,

label.label-checkbox.theme-pink input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,

.theme-pink label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,

label.label-checkbox.theme-pink input[type="radio"]:checked + .item-media i.icon-form-checkbox,

.theme-pink label.label-checkbox input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-pink input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

.theme-pink label.label-checkbox input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-pink input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

.theme-pink label.label-checkbox input[type="checkbox"]:checked ~ .item-inner i.icon-form-checkbox,

label.label-checkbox.theme-pink input[type="checkbox"]:checked ~ .item-inner 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="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,

label.label-radio.theme-pink input[type="checkbox"]:checked + .item-media i.icon-form-radio,

.theme-pink label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio,

label.label-radio.theme-pink input[type="radio"]:checked + .item-media i.icon-form-radio,

.theme-pink label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-pink input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

.theme-pink label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-pink input[type="radio"]:checked ~ .item-after i.icon-form-radio,

.theme-pink label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio,

label.label-radio.theme-pink input[type="checkbox"]:checked ~ .item-inner 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="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,

label.label-radio.theme-pink input[type="checkbox"]:checked + .item-media i.icon-form-radio:after,

.theme-pink label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio:after,

label.label-radio.theme-pink input[type="radio"]:checked + .item-media i.icon-form-radio:after,

.theme-pink label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-pink input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

.theme-pink label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-pink input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

.theme-pink label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio:after,

label.label-radio.theme-pink input[type="checkbox"]:checked ~ .item-inner 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="radio"]:checked ~ .item-inner i.icon-form-radio:after {

  background-color: #e91e63;

}

.theme-pink .focus-state .label,

.theme-pink .focus-state .floating-label {

  color: #e91e63;

}

.theme-pink .item-input-field.focus-state:after,

.theme-pink .input-field.focus-state:after,

.theme-pink .item-input-field.not-empty-state:after,

.theme-pink .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, 0.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,

a.bg-pink,

.list-block .swipeout-actions-left a.bg-pink,

.list-block .swipeout-actions-right a.bg-pink {

  background-color: #e91e63;

}

html:not(.watch-active-state) .list-block .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 .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.bg-pink .item-link:active,

html:not(.watch-active-state) .list-blocka.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-block .item-link.bg-pink:active,

html:not(.watch-active-state) .list-block .item-linka.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,

.list-block .bg-pink .item-link.active-state,

.list-block a.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-block.bg-pink .item-link.active-state,

.list-blocka.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-block .item-link.bg-pink.active-state,

.list-block .item-linka.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 {

  background: #C2185B;

}

.border-pink {

  border-color: #e91e63;

}

.list-block .border-pink.item-inner:after,

.list-block ul.border-pink:after,

.border-pink:after,

.list-block .border-pink.item-inner:before,

.list-block ul.border-pink:before,

.border-pink:before {

  background-color: #e91e63;

}

.theme-pink .floating-button,

.theme-pink .speed-dial-buttons a,

.floating-button.theme-pink,

.speed-dial-buttons a.theme-pink,

.floating-button.color-pink,

.speed-dial-buttons a.color-pink,

.floating-button.bg-pink,

.speed-dial-buttons a.bg-pink {

  color: #fff;

  background: #e91e63;

}

html:not(.watch-active-state) .theme-pink .floating-button:active,

html:not(.watch-active-state) .theme-pink .speed-dial-buttons a:active,

html:not(.watch-active-state) .floating-button.theme-pink:active,

html:not(.watch-active-state) .speed-dial-buttons a.theme-pink:active,

html:not(.watch-active-state) .floating-button.color-pink:active,

html:not(.watch-active-state) .speed-dial-buttons a.color-pink:active,

html:not(.watch-active-state) .floating-button.bg-pink:active,

html:not(.watch-active-state) .speed-dial-buttons a.bg-pink:active,

.theme-pink .floating-button.active-state,

.theme-pink .speed-dial-buttons a.active-state,

.floating-button.theme-pink.active-state,

.speed-dial-buttons a.theme-pink.active-state,

.floating-button.color-pink.active-state,

.speed-dial-buttons a.color-pink.active-state,

.floating-button.bg-pink.active-state,

.speed-dial-buttons a.bg-pink.active-state {

  background: #C2185B;

}

.theme-pink .floating-button i,

.theme-pink .speed-dial-buttons a i,

.floating-button.theme-pink i,

.speed-dial-buttons a.theme-pink i,

.floating-button.color-pink i,

.speed-dial-buttons a.color-pink i,

.floating-button.bg-pink i,

.speed-dial-buttons a.bg-pink i {

  color: inherit;

}

.ripple-pink .ripple-wave {

  background-color: rgba(233, 30, 99, 0.3);

}

.badge.color-pink,

.badge.theme-pink {

  background-color: #e91e63;

  color: #fff;

}

.color-purple {

  color: #9c27b0;

}

.list-block .item-link.list-button.color-purple,

.list-block .item-link.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.navbar .button:not(.button-fill),

.theme-purple .toolbar .button:not(.button-fill),

.theme-purple.toolbar .button:not(.button-fill),

.theme-purple .subnavbar .button:not(.button-fill),

.theme-purple.subnavbar .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;

}

html:not(.watch-active-state) .theme-purple .button.button-fill:active,

.theme-purple .button.button-fill.active-state {

  background: #7B1FA2;

}

.button.button-fill.bg-purple,

.button.button-fill.color-purple {

  background: #9c27b0 !important;

  color: #fff;

}

html:not(.watch-active-state) .button.button-fill.bg-purple:active,

html:not(.watch-active-state) .button.button-fill.color-purple:active,

.button.button-fill.bg-purple.active-state,

.button.button-fill.color-purple.active-state {

  background: #7B1FA2 !important;

}

.progressbar.color-purple,

.progressbar.theme-purple,

.theme-purple .progressbar,

.progressbar.bg-purple {

  background-color: rgba(156, 39, 176, 0.5);

}

.progressbar.color-purple span,

.progressbar.theme-purple span,

.theme-purple .progressbar span,

.progressbar.bg-purple span {

  background-color: #9c27b0;

}

.progressbar-infinite.color-purple,

.progressbar-infinite.theme-purple,

.theme-purple .progressbar-infinite,

.progressbar-infinite.bg-purple {

  background-color: rgba(156, 39, 176, 0.5);

}

.progressbar-infinite.color-purple:after,

.progressbar-infinite.theme-purple:after,

.theme-purple .progressbar-infinite:after,

.progressbar-infinite.bg-purple:after,

.progressbar-infinite.color-purple:before,

.progressbar-infinite.theme-purple:before,

.theme-purple .progressbar-infinite:before,

.progressbar-infinite.bg-purple: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.preloader-purple .preloader-inner-gap,

.preloader.color-purple .preloader-inner-half-circle,

.preloader.preloader-purple .preloader-inner-half-circle {

  border-color: #9c27b0;

}

.theme-purple a {

  color: #9c27b0;

}

.theme-purple .navbar,

.navbar.theme-purple,

.theme-purple .toolbar,

.toolbar.theme-purple,

.theme-purple .subnavbar,

.subnavbar.theme-purple,

.theme-purple .searchbar,

.searchbar.theme-purple {

  background-color: #9c27b0;

}

.theme-purple .range-slider input[type="range"]::-webkit-slider-thumb:before,

.range-slider.theme-purple input[type="range"]::-webkit-slider-thumb:before {

  background-color: #9c27b0;

}

.theme-purple .range-slider input[type="range"]::-webkit-slider-thumb,

.range-slider.theme-purple input[type="range"]::-webkit-slider-thumb {

  background-color: #9c27b0;

}

.theme-purple .range-slider input[type="range"]::-ms-thumb,

.range-slider.theme-purple input[type="range"]::-ms-thumb {

  background-color: #9c27b0;

}

.theme-purple .range-slider input[type="range"]::-ms-fill-lower,

.range-slider.theme-purple input[type="range"]::-ms-fill-lower {

  background-color: #9c27b0;

}

.theme-purple .range-slider input[type="range"]::-moz-range-thumb,

.range-slider.theme-purple input[type="range"]::-moz-range-thumb {

  background-color: #9c27b0;

}

.theme-purple .label-switch input[type="checkbox"]:checked + .checkbox,

.label-switch.theme-purple input[type="checkbox"]:checked + .checkbox {

  background-color: rgba(156, 39, 176, 0.5);

}

.theme-purple .label-switch input[type="checkbox"]:checked + .checkbox:after,

.label-switch.theme-purple 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,

label.label-checkbox.theme-purple input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,

.theme-purple label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,

label.label-checkbox.theme-purple input[type="radio"]:checked + .item-media i.icon-form-checkbox,

.theme-purple label.label-checkbox input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-purple input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

.theme-purple label.label-checkbox input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-purple input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

.theme-purple label.label-checkbox input[type="checkbox"]:checked ~ .item-inner i.icon-form-checkbox,

label.label-checkbox.theme-purple input[type="checkbox"]:checked ~ .item-inner 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="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,

label.label-radio.theme-purple input[type="checkbox"]:checked + .item-media i.icon-form-radio,

.theme-purple label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio,

label.label-radio.theme-purple input[type="radio"]:checked + .item-media i.icon-form-radio,

.theme-purple label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-purple input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

.theme-purple label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-purple input[type="radio"]:checked ~ .item-after i.icon-form-radio,

.theme-purple label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio,

label.label-radio.theme-purple input[type="checkbox"]:checked ~ .item-inner 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="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,

label.label-radio.theme-purple input[type="checkbox"]:checked + .item-media i.icon-form-radio:after,

.theme-purple label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio:after,

label.label-radio.theme-purple input[type="radio"]:checked + .item-media i.icon-form-radio:after,

.theme-purple label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-purple input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

.theme-purple label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-purple input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

.theme-purple label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio:after,

label.label-radio.theme-purple input[type="checkbox"]:checked ~ .item-inner 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="radio"]:checked ~ .item-inner i.icon-form-radio:after {

  background-color: #9c27b0;

}

.theme-purple .focus-state .label,

.theme-purple .focus-state .floating-label {

  color: #9c27b0;

}

.theme-purple .item-input-field.focus-state:after,

.theme-purple .input-field.focus-state:after,

.theme-purple .item-input-field.not-empty-state:after,

.theme-purple .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, 0.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,

a.bg-purple,

.list-block .swipeout-actions-left a.bg-purple,

.list-block .swipeout-actions-right a.bg-purple {

  background-color: #9c27b0;

}

html:not(.watch-active-state) .list-block .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 .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.bg-purple .item-link:active,

html:not(.watch-active-state) .list-blocka.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-block .item-link.bg-purple:active,

html:not(.watch-active-state) .list-block .item-linka.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,

.list-block .bg-purple .item-link.active-state,

.list-block a.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-block.bg-purple .item-link.active-state,

.list-blocka.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-block .item-link.bg-purple.active-state,

.list-block .item-linka.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 {

  background: #7B1FA2;

}

.border-purple {

  border-color: #9c27b0;

}

.list-block .border-purple.item-inner:after,

.list-block ul.border-purple:after,

.border-purple:after,

.list-block .border-purple.item-inner:before,

.list-block ul.border-purple:before,

.border-purple:before {

  background-color: #9c27b0;

}

.theme-purple .floating-button,

.theme-purple .speed-dial-buttons a,

.floating-button.theme-purple,

.speed-dial-buttons a.theme-purple,

.floating-button.color-purple,

.speed-dial-buttons a.color-purple,

.floating-button.bg-purple,

.speed-dial-buttons a.bg-purple {

  color: #fff;

  background: #9c27b0;

}

html:not(.watch-active-state) .theme-purple .floating-button:active,

html:not(.watch-active-state) .theme-purple .speed-dial-buttons a:active,

html:not(.watch-active-state) .floating-button.theme-purple:active,

html:not(.watch-active-state) .speed-dial-buttons a.theme-purple:active,

html:not(.watch-active-state) .floating-button.color-purple:active,

html:not(.watch-active-state) .speed-dial-buttons a.color-purple:active,

html:not(.watch-active-state) .floating-button.bg-purple:active,

html:not(.watch-active-state) .speed-dial-buttons a.bg-purple:active,

.theme-purple .floating-button.active-state,

.theme-purple .speed-dial-buttons a.active-state,

.floating-button.theme-purple.active-state,

.speed-dial-buttons a.theme-purple.active-state,

.floating-button.color-purple.active-state,

.speed-dial-buttons a.color-purple.active-state,

.floating-button.bg-purple.active-state,

.speed-dial-buttons a.bg-purple.active-state {

  background: #7B1FA2;

}

.theme-purple .floating-button i,

.theme-purple .speed-dial-buttons a i,

.floating-button.theme-purple i,

.speed-dial-buttons a.theme-purple i,

.floating-button.color-purple i,

.speed-dial-buttons a.color-purple i,

.floating-button.bg-purple i,

.speed-dial-buttons a.bg-purple i {

  color: inherit;

}

.ripple-purple .ripple-wave {

  background-color: rgba(156, 39, 176, 0.3);

}

.badge.color-purple,

.badge.theme-purple {

  background-color: #9c27b0;

  color: #fff;

}

.color-deeppurple {

  color: #673ab7;

}

.list-block .item-link.list-button.color-deeppurple,

.list-block .item-link.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.navbar .button:not(.button-fill),

.theme-deeppurple .toolbar .button:not(.button-fill),

.theme-deeppurple.toolbar .button:not(.button-fill),

.theme-deeppurple .subnavbar .button:not(.button-fill),

.theme-deeppurple.subnavbar .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;

}

html:not(.watch-active-state) .theme-deeppurple .button.button-fill:active,

.theme-deeppurple .button.button-fill.active-state {

  background: #512DA8;

}

.button.button-fill.bg-deeppurple,

.button.button-fill.color-deeppurple {

  background: #673ab7 !important;

  color: #fff;

}

html:not(.watch-active-state) .button.button-fill.bg-deeppurple:active,

html:not(.watch-active-state) .button.button-fill.color-deeppurple:active,

.button.button-fill.bg-deeppurple.active-state,

.button.button-fill.color-deeppurple.active-state {

  background: #512DA8 !important;

}

.progressbar.color-deeppurple,

.progressbar.theme-deeppurple,

.theme-deeppurple .progressbar,

.progressbar.bg-deeppurple {

  background-color: rgba(103, 58, 183, 0.5);

}

.progressbar.color-deeppurple span,

.progressbar.theme-deeppurple span,

.theme-deeppurple .progressbar span,

.progressbar.bg-deeppurple span {

  background-color: #673ab7;

}

.progressbar-infinite.color-deeppurple,

.progressbar-infinite.theme-deeppurple,

.theme-deeppurple .progressbar-infinite,

.progressbar-infinite.bg-deeppurple {

  background-color: rgba(103, 58, 183, 0.5);

}

.progressbar-infinite.color-deeppurple:after,

.progressbar-infinite.theme-deeppurple:after,

.theme-deeppurple .progressbar-infinite:after,

.progressbar-infinite.bg-deeppurple:after,

.progressbar-infinite.color-deeppurple:before,

.progressbar-infinite.theme-deeppurple:before,

.theme-deeppurple .progressbar-infinite:before,

.progressbar-infinite.bg-deeppurple: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.preloader-deeppurple .preloader-inner-gap,

.preloader.color-deeppurple .preloader-inner-half-circle,

.preloader.preloader-deeppurple .preloader-inner-half-circle {

  border-color: #673ab7;

}

.theme-deeppurple a {

  color: #673ab7;

}

.theme-deeppurple .navbar,

.navbar.theme-deeppurple,

.theme-deeppurple .toolbar,

.toolbar.theme-deeppurple,

.theme-deeppurple .subnavbar,

.subnavbar.theme-deeppurple,

.theme-deeppurple .searchbar,

.searchbar.theme-deeppurple {

  background-color: #673ab7;

}

.theme-deeppurple .range-slider input[type="range"]::-webkit-slider-thumb:before,

.range-slider.theme-deeppurple input[type="range"]::-webkit-slider-thumb:before {

  background-color: #673ab7;

}

.theme-deeppurple .range-slider input[type="range"]::-webkit-slider-thumb,

.range-slider.theme-deeppurple input[type="range"]::-webkit-slider-thumb {

  background-color: #673ab7;

}

.theme-deeppurple .range-slider input[type="range"]::-ms-thumb,

.range-slider.theme-deeppurple input[type="range"]::-ms-thumb {

  background-color: #673ab7;

}

.theme-deeppurple .range-slider input[type="range"]::-ms-fill-lower,

.range-slider.theme-deeppurple input[type="range"]::-ms-fill-lower {

  background-color: #673ab7;

}

.theme-deeppurple .range-slider input[type="range"]::-moz-range-thumb,

.range-slider.theme-deeppurple input[type="range"]::-moz-range-thumb {

  background-color: #673ab7;

}

.theme-deeppurple .label-switch input[type="checkbox"]:checked + .checkbox,

.label-switch.theme-deeppurple input[type="checkbox"]:checked + .checkbox {

  background-color: rgba(103, 58, 183, 0.5);

}

.theme-deeppurple .label-switch input[type="checkbox"]:checked + .checkbox:after,

.label-switch.theme-deeppurple 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,

label.label-checkbox.theme-deeppurple input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,

.theme-deeppurple label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,

label.label-checkbox.theme-deeppurple input[type="radio"]:checked + .item-media i.icon-form-checkbox,

.theme-deeppurple label.label-checkbox input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-deeppurple input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

.theme-deeppurple label.label-checkbox input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-deeppurple input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

.theme-deeppurple label.label-checkbox input[type="checkbox"]:checked ~ .item-inner i.icon-form-checkbox,

label.label-checkbox.theme-deeppurple input[type="checkbox"]:checked ~ .item-inner 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="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,

label.label-radio.theme-deeppurple input[type="checkbox"]:checked + .item-media i.icon-form-radio,

.theme-deeppurple label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio,

label.label-radio.theme-deeppurple input[type="radio"]:checked + .item-media i.icon-form-radio,

.theme-deeppurple label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-deeppurple input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

.theme-deeppurple label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-deeppurple input[type="radio"]:checked ~ .item-after i.icon-form-radio,

.theme-deeppurple label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio,

label.label-radio.theme-deeppurple input[type="checkbox"]:checked ~ .item-inner 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="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,

label.label-radio.theme-deeppurple input[type="checkbox"]:checked + .item-media i.icon-form-radio:after,

.theme-deeppurple label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio:after,

label.label-radio.theme-deeppurple input[type="radio"]:checked + .item-media i.icon-form-radio:after,

.theme-deeppurple label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-deeppurple input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

.theme-deeppurple label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-deeppurple input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

.theme-deeppurple label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio:after,

label.label-radio.theme-deeppurple input[type="checkbox"]:checked ~ .item-inner 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="radio"]:checked ~ .item-inner i.icon-form-radio:after {

  background-color: #673ab7;

}

.theme-deeppurple .focus-state .label,

.theme-deeppurple .focus-state .floating-label {

  color: #673ab7;

}

.theme-deeppurple .item-input-field.focus-state:after,

.theme-deeppurple .input-field.focus-state:after,

.theme-deeppurple .item-input-field.not-empty-state:after,

.theme-deeppurple .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, 0.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,

a.bg-deeppurple,

.list-block .swipeout-actions-left a.bg-deeppurple,

.list-block .swipeout-actions-right a.bg-deeppurple {

  background-color: #673ab7;

}

html:not(.watch-active-state) .list-block .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 .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.bg-deeppurple .item-link:active,

html:not(.watch-active-state) .list-blocka.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-block .item-link.bg-deeppurple:active,

html:not(.watch-active-state) .list-block .item-linka.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,

.list-block .bg-deeppurple .item-link.active-state,

.list-block a.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-block.bg-deeppurple .item-link.active-state,

.list-blocka.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-block .item-link.bg-deeppurple.active-state,

.list-block .item-linka.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 {

  background: #512DA8;

}

.border-deeppurple {

  border-color: #673ab7;

}

.list-block .border-deeppurple.item-inner:after,

.list-block ul.border-deeppurple:after,

.border-deeppurple:after,

.list-block .border-deeppurple.item-inner:before,

.list-block ul.border-deeppurple:before,

.border-deeppurple:before {

  background-color: #673ab7;

}

.theme-deeppurple .floating-button,

.theme-deeppurple .speed-dial-buttons a,

.floating-button.theme-deeppurple,

.speed-dial-buttons a.theme-deeppurple,

.floating-button.color-deeppurple,

.speed-dial-buttons a.color-deeppurple,

.floating-button.bg-deeppurple,

.speed-dial-buttons a.bg-deeppurple {

  color: #fff;

  background: #673ab7;

}

html:not(.watch-active-state) .theme-deeppurple .floating-button:active,

html:not(.watch-active-state) .theme-deeppurple .speed-dial-buttons a:active,

html:not(.watch-active-state) .floating-button.theme-deeppurple:active,

html:not(.watch-active-state) .speed-dial-buttons a.theme-deeppurple:active,

html:not(.watch-active-state) .floating-button.color-deeppurple:active,

html:not(.watch-active-state) .speed-dial-buttons a.color-deeppurple:active,

html:not(.watch-active-state) .floating-button.bg-deeppurple:active,

html:not(.watch-active-state) .speed-dial-buttons a.bg-deeppurple:active,

.theme-deeppurple .floating-button.active-state,

.theme-deeppurple .speed-dial-buttons a.active-state,

.floating-button.theme-deeppurple.active-state,

.speed-dial-buttons a.theme-deeppurple.active-state,

.floating-button.color-deeppurple.active-state,

.speed-dial-buttons a.color-deeppurple.active-state,

.floating-button.bg-deeppurple.active-state,

.speed-dial-buttons a.bg-deeppurple.active-state {

  background: #512DA8;

}

.theme-deeppurple .floating-button i,

.theme-deeppurple .speed-dial-buttons a i,

.floating-button.theme-deeppurple i,

.speed-dial-buttons a.theme-deeppurple i,

.floating-button.color-deeppurple i,

.speed-dial-buttons a.color-deeppurple i,

.floating-button.bg-deeppurple i,

.speed-dial-buttons a.bg-deeppurple i {

  color: inherit;

}

.ripple-deeppurple .ripple-wave {

  background-color: rgba(103, 58, 183, 0.3);

}

.badge.color-deeppurple,

.badge.theme-deeppurple {

  background-color: #673ab7;

  color: #fff;

}

.color-indigo {

  color: #3f51b5;

}

.list-block .item-link.list-button.color-indigo,

.list-block .item-link.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.navbar .button:not(.button-fill),

.theme-indigo .toolbar .button:not(.button-fill),

.theme-indigo.toolbar .button:not(.button-fill),

.theme-indigo .subnavbar .button:not(.button-fill),

.theme-indigo.subnavbar .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;

}

html:not(.watch-active-state) .theme-indigo .button.button-fill:active,

.theme-indigo .button.button-fill.active-state {

  background: #303F9F;

}

.button.button-fill.bg-indigo,

.button.button-fill.color-indigo {

  background: #3f51b5 !important;

  color: #fff;

}

html:not(.watch-active-state) .button.button-fill.bg-indigo:active,

html:not(.watch-active-state) .button.button-fill.color-indigo:active,

.button.button-fill.bg-indigo.active-state,

.button.button-fill.color-indigo.active-state {

  background: #303F9F !important;

}

.progressbar.color-indigo,

.progressbar.theme-indigo,

.theme-indigo .progressbar,

.progressbar.bg-indigo {

  background-color: rgba(63, 81, 181, 0.5);

}

.progressbar.color-indigo span,

.progressbar.theme-indigo span,

.theme-indigo .progressbar span,

.progressbar.bg-indigo span {

  background-color: #3f51b5;

}

.progressbar-infinite.color-indigo,

.progressbar-infinite.theme-indigo,

.theme-indigo .progressbar-infinite,

.progressbar-infinite.bg-indigo {

  background-color: rgba(63, 81, 181, 0.5);

}

.progressbar-infinite.color-indigo:after,

.progressbar-infinite.theme-indigo:after,

.theme-indigo .progressbar-infinite:after,

.progressbar-infinite.bg-indigo:after,

.progressbar-infinite.color-indigo:before,

.progressbar-infinite.theme-indigo:before,

.theme-indigo .progressbar-infinite:before,

.progressbar-infinite.bg-indigo: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.preloader-indigo .preloader-inner-gap,

.preloader.color-indigo .preloader-inner-half-circle,

.preloader.preloader-indigo .preloader-inner-half-circle {

  border-color: #3f51b5;

}

.theme-indigo a {

  color: #3f51b5;

}

.theme-indigo .navbar,

.navbar.theme-indigo,

.theme-indigo .toolbar,

.toolbar.theme-indigo,

.theme-indigo .subnavbar,

.subnavbar.theme-indigo,

.theme-indigo .searchbar,

.searchbar.theme-indigo {

  background-color: #3f51b5;

}

.theme-indigo .range-slider input[type="range"]::-webkit-slider-thumb:before,

.range-slider.theme-indigo input[type="range"]::-webkit-slider-thumb:before {

  background-color: #3f51b5;

}

.theme-indigo .range-slider input[type="range"]::-webkit-slider-thumb,

.range-slider.theme-indigo input[type="range"]::-webkit-slider-thumb {

  background-color: #3f51b5;

}

.theme-indigo .range-slider input[type="range"]::-ms-thumb,

.range-slider.theme-indigo input[type="range"]::-ms-thumb {

  background-color: #3f51b5;

}

.theme-indigo .range-slider input[type="range"]::-ms-fill-lower,

.range-slider.theme-indigo input[type="range"]::-ms-fill-lower {

  background-color: #3f51b5;

}

.theme-indigo .range-slider input[type="range"]::-moz-range-thumb,

.range-slider.theme-indigo input[type="range"]::-moz-range-thumb {

  background-color: #3f51b5;

}

.theme-indigo .label-switch input[type="checkbox"]:checked + .checkbox,

.label-switch.theme-indigo input[type="checkbox"]:checked + .checkbox {

  background-color: rgba(63, 81, 181, 0.5);

}

.theme-indigo .label-switch input[type="checkbox"]:checked + .checkbox:after,

.label-switch.theme-indigo 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,

label.label-checkbox.theme-indigo input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,

.theme-indigo label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,

label.label-checkbox.theme-indigo input[type="radio"]:checked + .item-media i.icon-form-checkbox,

.theme-indigo label.label-checkbox input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-indigo input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

.theme-indigo label.label-checkbox input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-indigo input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

.theme-indigo label.label-checkbox input[type="checkbox"]:checked ~ .item-inner i.icon-form-checkbox,

label.label-checkbox.theme-indigo input[type="checkbox"]:checked ~ .item-inner 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="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,

label.label-radio.theme-indigo input[type="checkbox"]:checked + .item-media i.icon-form-radio,

.theme-indigo label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio,

label.label-radio.theme-indigo input[type="radio"]:checked + .item-media i.icon-form-radio,

.theme-indigo label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-indigo input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

.theme-indigo label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-indigo input[type="radio"]:checked ~ .item-after i.icon-form-radio,

.theme-indigo label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio,

label.label-radio.theme-indigo input[type="checkbox"]:checked ~ .item-inner 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="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,

label.label-radio.theme-indigo input[type="checkbox"]:checked + .item-media i.icon-form-radio:after,

.theme-indigo label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio:after,

label.label-radio.theme-indigo input[type="radio"]:checked + .item-media i.icon-form-radio:after,

.theme-indigo label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-indigo input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

.theme-indigo label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-indigo input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

.theme-indigo label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio:after,

label.label-radio.theme-indigo input[type="checkbox"]:checked ~ .item-inner 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="radio"]:checked ~ .item-inner i.icon-form-radio:after {

  background-color: #3f51b5;

}

.theme-indigo .focus-state .label,

.theme-indigo .focus-state .floating-label {

  color: #3f51b5;

}

.theme-indigo .item-input-field.focus-state:after,

.theme-indigo .input-field.focus-state:after,

.theme-indigo .item-input-field.not-empty-state:after,

.theme-indigo .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, 0.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,

a.bg-indigo,

.list-block .swipeout-actions-left a.bg-indigo,

.list-block .swipeout-actions-right a.bg-indigo {

  background-color: #3f51b5;

}

html:not(.watch-active-state) .list-block .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 .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.bg-indigo .item-link:active,

html:not(.watch-active-state) .list-blocka.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-block .item-link.bg-indigo:active,

html:not(.watch-active-state) .list-block .item-linka.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,

.list-block .bg-indigo .item-link.active-state,

.list-block a.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-block.bg-indigo .item-link.active-state,

.list-blocka.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-block .item-link.bg-indigo.active-state,

.list-block .item-linka.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 {

  background: #303F9F;

}

.border-indigo {

  border-color: #3f51b5;

}

.list-block .border-indigo.item-inner:after,

.list-block ul.border-indigo:after,

.border-indigo:after,

.list-block .border-indigo.item-inner:before,

.list-block ul.border-indigo:before,

.border-indigo:before {

  background-color: #3f51b5;

}

.theme-indigo .floating-button,

.theme-indigo .speed-dial-buttons a,

.floating-button.theme-indigo,

.speed-dial-buttons a.theme-indigo,

.floating-button.color-indigo,

.speed-dial-buttons a.color-indigo,

.floating-button.bg-indigo,

.speed-dial-buttons a.bg-indigo {

  color: #fff;

  background: #3f51b5;

}

html:not(.watch-active-state) .theme-indigo .floating-button:active,

html:not(.watch-active-state) .theme-indigo .speed-dial-buttons a:active,

html:not(.watch-active-state) .floating-button.theme-indigo:active,

html:not(.watch-active-state) .speed-dial-buttons a.theme-indigo:active,

html:not(.watch-active-state) .floating-button.color-indigo:active,

html:not(.watch-active-state) .speed-dial-buttons a.color-indigo:active,

html:not(.watch-active-state) .floating-button.bg-indigo:active,

html:not(.watch-active-state) .speed-dial-buttons a.bg-indigo:active,

.theme-indigo .floating-button.active-state,

.theme-indigo .speed-dial-buttons a.active-state,

.floating-button.theme-indigo.active-state,

.speed-dial-buttons a.theme-indigo.active-state,

.floating-button.color-indigo.active-state,

.speed-dial-buttons a.color-indigo.active-state,

.floating-button.bg-indigo.active-state,

.speed-dial-buttons a.bg-indigo.active-state {

  background: #303F9F;

}

.theme-indigo .floating-button i,

.theme-indigo .speed-dial-buttons a i,

.floating-button.theme-indigo i,

.speed-dial-buttons a.theme-indigo i,

.floating-button.color-indigo i,

.speed-dial-buttons a.color-indigo i,

.floating-button.bg-indigo i,

.speed-dial-buttons a.bg-indigo i {

  color: inherit;

}

.ripple-indigo .ripple-wave {

  background-color: rgba(63, 81, 181, 0.3);

}

.badge.color-indigo,

.badge.theme-indigo {

  background-color: #3f51b5;

  color: #fff;

}

.color-blue {

  color: #2196f3;

}

.list-block .item-link.list-button.color-blue,

.list-block .item-link.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.navbar .button:not(.button-fill),

.theme-blue .toolbar .button:not(.button-fill),

.theme-blue.toolbar .button:not(.button-fill),

.theme-blue .subnavbar .button:not(.button-fill),

.theme-blue.subnavbar .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;

}

html:not(.watch-active-state) .theme-blue .button.button-fill:active,

.theme-blue .button.button-fill.active-state {

  background: #1976D2;

}

.button.button-fill.bg-blue,

.button.button-fill.color-blue {

  background: #2196f3 !important;

  color: #fff;

}

html:not(.watch-active-state) .button.button-fill.bg-blue:active,

html:not(.watch-active-state) .button.button-fill.color-blue:active,

.button.button-fill.bg-blue.active-state,

.button.button-fill.color-blue.active-state {

  background: #1976D2 !important;

}

.progressbar.color-blue,

.progressbar.theme-blue,

.theme-blue .progressbar,

.progressbar.bg-blue {

  background-color: rgba(33, 150, 243, 0.5);

}

.progressbar.color-blue span,

.progressbar.theme-blue span,

.theme-blue .progressbar span,

.progressbar.bg-blue span {

  background-color: #2196f3;

}

.progressbar-infinite.color-blue,

.progressbar-infinite.theme-blue,

.theme-blue .progressbar-infinite,

.progressbar-infinite.bg-blue {

  background-color: rgba(33, 150, 243, 0.5);

}

.progressbar-infinite.color-blue:after,

.progressbar-infinite.theme-blue:after,

.theme-blue .progressbar-infinite:after,

.progressbar-infinite.bg-blue:after,

.progressbar-infinite.color-blue:before,

.progressbar-infinite.theme-blue:before,

.theme-blue .progressbar-infinite:before,

.progressbar-infinite.bg-blue: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.preloader-blue .preloader-inner-gap,

.preloader.color-blue .preloader-inner-half-circle,

.preloader.preloader-blue .preloader-inner-half-circle {

  border-color: #2196f3;

}

.theme-blue a {

  color: #2196f3;

}

.theme-blue .navbar,

.navbar.theme-blue,

.theme-blue .toolbar,

.toolbar.theme-blue,

.theme-blue .subnavbar,

.subnavbar.theme-blue,

.theme-blue .searchbar,

.searchbar.theme-blue {

  background-color: #2196f3;

}

.theme-blue .range-slider input[type="range"]::-webkit-slider-thumb:before,

.range-slider.theme-blue input[type="range"]::-webkit-slider-thumb:before {

  background-color: #2196f3;

}

.theme-blue .range-slider input[type="range"]::-webkit-slider-thumb,

.range-slider.theme-blue input[type="range"]::-webkit-slider-thumb {

  background-color: #2196f3;

}

.theme-blue .range-slider input[type="range"]::-ms-thumb,

.range-slider.theme-blue input[type="range"]::-ms-thumb {

  background-color: #2196f3;

}

.theme-blue .range-slider input[type="range"]::-ms-fill-lower,

.range-slider.theme-blue input[type="range"]::-ms-fill-lower {

  background-color: #2196f3;

}

.theme-blue .range-slider input[type="range"]::-moz-range-thumb,

.range-slider.theme-blue input[type="range"]::-moz-range-thumb {

  background-color: #2196f3;

}

.theme-blue .label-switch input[type="checkbox"]:checked + .checkbox,

.label-switch.theme-blue input[type="checkbox"]:checked + .checkbox {

  background-color: rgba(33, 150, 243, 0.5);

}

.theme-blue .label-switch input[type="checkbox"]:checked + .checkbox:after,

.label-switch.theme-blue 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,

label.label-checkbox.theme-blue input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,

.theme-blue label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,

label.label-checkbox.theme-blue input[type="radio"]:checked + .item-media i.icon-form-checkbox,

.theme-blue label.label-checkbox input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-blue input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

.theme-blue label.label-checkbox input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-blue input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

.theme-blue label.label-checkbox input[type="checkbox"]:checked ~ .item-inner i.icon-form-checkbox,

label.label-checkbox.theme-blue input[type="checkbox"]:checked ~ .item-inner 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="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,

label.label-radio.theme-blue input[type="checkbox"]:checked + .item-media i.icon-form-radio,

.theme-blue label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio,

label.label-radio.theme-blue input[type="radio"]:checked + .item-media i.icon-form-radio,

.theme-blue label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-blue input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

.theme-blue label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-blue input[type="radio"]:checked ~ .item-after i.icon-form-radio,

.theme-blue label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio,

label.label-radio.theme-blue input[type="checkbox"]:checked ~ .item-inner 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="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,

label.label-radio.theme-blue input[type="checkbox"]:checked + .item-media i.icon-form-radio:after,

.theme-blue label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio:after,

label.label-radio.theme-blue input[type="radio"]:checked + .item-media i.icon-form-radio:after,

.theme-blue label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-blue input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

.theme-blue label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-blue input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

.theme-blue label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio:after,

label.label-radio.theme-blue input[type="checkbox"]:checked ~ .item-inner 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="radio"]:checked ~ .item-inner i.icon-form-radio:after {

  background-color: #2196f3;

}

.theme-blue .focus-state .label,

.theme-blue .focus-state .floating-label {

  color: #2196f3;

}

.theme-blue .item-input-field.focus-state:after,

.theme-blue .input-field.focus-state:after,

.theme-blue .item-input-field.not-empty-state:after,

.theme-blue .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, 0.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,

a.bg-blue,

.list-block .swipeout-actions-left a.bg-blue,

.list-block .swipeout-actions-right a.bg-blue {

  background-color: #2196f3;

}

html:not(.watch-active-state) .list-block .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 .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.bg-blue .item-link:active,

html:not(.watch-active-state) .list-blocka.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-block .item-link.bg-blue:active,

html:not(.watch-active-state) .list-block .item-linka.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,

.list-block .bg-blue .item-link.active-state,

.list-block a.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-block.bg-blue .item-link.active-state,

.list-blocka.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-block .item-link.bg-blue.active-state,

.list-block .item-linka.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 {

  background: #1976D2;

}

.border-blue {

  border-color: #2196f3;

}

.list-block .border-blue.item-inner:after,

.list-block ul.border-blue:after,

.border-blue:after,

.list-block .border-blue.item-inner:before,

.list-block ul.border-blue:before,

.border-blue:before {

  background-color: #2196f3;

}

.theme-blue .floating-button,

.theme-blue .speed-dial-buttons a,

.floating-button.theme-blue,

.speed-dial-buttons a.theme-blue,

.floating-button.color-blue,

.speed-dial-buttons a.color-blue,

.floating-button.bg-blue,

.speed-dial-buttons a.bg-blue {

  color: #fff;

  background: #2196f3;

}

html:not(.watch-active-state) .theme-blue .floating-button:active,

html:not(.watch-active-state) .theme-blue .speed-dial-buttons a:active,

html:not(.watch-active-state) .floating-button.theme-blue:active,

html:not(.watch-active-state) .speed-dial-buttons a.theme-blue:active,

html:not(.watch-active-state) .floating-button.color-blue:active,

html:not(.watch-active-state) .speed-dial-buttons a.color-blue:active,

html:not(.watch-active-state) .floating-button.bg-blue:active,

html:not(.watch-active-state) .speed-dial-buttons a.bg-blue:active,

.theme-blue .floating-button.active-state,

.theme-blue .speed-dial-buttons a.active-state,

.floating-button.theme-blue.active-state,

.speed-dial-buttons a.theme-blue.active-state,

.floating-button.color-blue.active-state,

.speed-dial-buttons a.color-blue.active-state,

.floating-button.bg-blue.active-state,

.speed-dial-buttons a.bg-blue.active-state {

  background: #1976D2;

}

.theme-blue .floating-button i,

.theme-blue .speed-dial-buttons a i,

.floating-button.theme-blue i,

.speed-dial-buttons a.theme-blue i,

.floating-button.color-blue i,

.speed-dial-buttons a.color-blue i,

.floating-button.bg-blue i,

.speed-dial-buttons a.bg-blue i {

  color: inherit;

}

.ripple-blue .ripple-wave {

  background-color: rgba(33, 150, 243, 0.3);

}

.badge.color-blue,

.badge.theme-blue {

  background-color: #2196f3;

  color: #fff;

}

.color-lightblue {

  color: #03a9f4;

}

.list-block .item-link.list-button.color-lightblue,

.list-block .item-link.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.navbar .button:not(.button-fill),

.theme-lightblue .toolbar .button:not(.button-fill),

.theme-lightblue.toolbar .button:not(.button-fill),

.theme-lightblue .subnavbar .button:not(.button-fill),

.theme-lightblue.subnavbar .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;

}

html:not(.watch-active-state) .theme-lightblue .button.button-fill:active,

.theme-lightblue .button.button-fill.active-state {

  background: #0288D1;

}

.button.button-fill.bg-lightblue,

.button.button-fill.color-lightblue {

  background: #03a9f4 !important;

  color: #fff;

}

html:not(.watch-active-state) .button.button-fill.bg-lightblue:active,

html:not(.watch-active-state) .button.button-fill.color-lightblue:active,

.button.button-fill.bg-lightblue.active-state,

.button.button-fill.color-lightblue.active-state {

  background: #0288D1 !important;

}

.progressbar.color-lightblue,

.progressbar.theme-lightblue,

.theme-lightblue .progressbar,

.progressbar.bg-lightblue {

  background-color: rgba(3, 169, 244, 0.5);

}

.progressbar.color-lightblue span,

.progressbar.theme-lightblue span,

.theme-lightblue .progressbar span,

.progressbar.bg-lightblue span {

  background-color: #03a9f4;

}

.progressbar-infinite.color-lightblue,

.progressbar-infinite.theme-lightblue,

.theme-lightblue .progressbar-infinite,

.progressbar-infinite.bg-lightblue {

  background-color: rgba(3, 169, 244, 0.5);

}

.progressbar-infinite.color-lightblue:after,

.progressbar-infinite.theme-lightblue:after,

.theme-lightblue .progressbar-infinite:after,

.progressbar-infinite.bg-lightblue:after,

.progressbar-infinite.color-lightblue:before,

.progressbar-infinite.theme-lightblue:before,

.theme-lightblue .progressbar-infinite:before,

.progressbar-infinite.bg-lightblue: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.preloader-lightblue .preloader-inner-gap,

.preloader.color-lightblue .preloader-inner-half-circle,

.preloader.preloader-lightblue .preloader-inner-half-circle {

  border-color: #03a9f4;

}

.theme-lightblue a {

  color: #03a9f4;

}

.theme-lightblue .navbar,

.navbar.theme-lightblue,

.theme-lightblue .toolbar,

.toolbar.theme-lightblue,

.theme-lightblue .subnavbar,

.subnavbar.theme-lightblue,

.theme-lightblue .searchbar,

.searchbar.theme-lightblue {

  background-color: #03a9f4;

}

.theme-lightblue .range-slider input[type="range"]::-webkit-slider-thumb:before,

.range-slider.theme-lightblue input[type="range"]::-webkit-slider-thumb:before {

  background-color: #03a9f4;

}

.theme-lightblue .range-slider input[type="range"]::-webkit-slider-thumb,

.range-slider.theme-lightblue input[type="range"]::-webkit-slider-thumb {

  background-color: #03a9f4;

}

.theme-lightblue .range-slider input[type="range"]::-ms-thumb,

.range-slider.theme-lightblue input[type="range"]::-ms-thumb {

  background-color: #03a9f4;

}

.theme-lightblue .range-slider input[type="range"]::-ms-fill-lower,

.range-slider.theme-lightblue input[type="range"]::-ms-fill-lower {

  background-color: #03a9f4;

}

.theme-lightblue .range-slider input[type="range"]::-moz-range-thumb,

.range-slider.theme-lightblue input[type="range"]::-moz-range-thumb {

  background-color: #03a9f4;

}

.theme-lightblue .label-switch input[type="checkbox"]:checked + .checkbox,

.label-switch.theme-lightblue input[type="checkbox"]:checked + .checkbox {

  background-color: rgba(3, 169, 244, 0.5);

}

.theme-lightblue .label-switch input[type="checkbox"]:checked + .checkbox:after,

.label-switch.theme-lightblue 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,

label.label-checkbox.theme-lightblue input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,

.theme-lightblue label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,

label.label-checkbox.theme-lightblue input[type="radio"]:checked + .item-media i.icon-form-checkbox,

.theme-lightblue label.label-checkbox input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-lightblue input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

.theme-lightblue label.label-checkbox input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-lightblue input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

.theme-lightblue label.label-checkbox input[type="checkbox"]:checked ~ .item-inner i.icon-form-checkbox,

label.label-checkbox.theme-lightblue input[type="checkbox"]:checked ~ .item-inner 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="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,

label.label-radio.theme-lightblue input[type="checkbox"]:checked + .item-media i.icon-form-radio,

.theme-lightblue label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio,

label.label-radio.theme-lightblue input[type="radio"]:checked + .item-media i.icon-form-radio,

.theme-lightblue label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-lightblue input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

.theme-lightblue label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-lightblue input[type="radio"]:checked ~ .item-after i.icon-form-radio,

.theme-lightblue label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio,

label.label-radio.theme-lightblue input[type="checkbox"]:checked ~ .item-inner 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="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,

label.label-radio.theme-lightblue input[type="checkbox"]:checked + .item-media i.icon-form-radio:after,

.theme-lightblue label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio:after,

label.label-radio.theme-lightblue input[type="radio"]:checked + .item-media i.icon-form-radio:after,

.theme-lightblue label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-lightblue input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

.theme-lightblue label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-lightblue input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

.theme-lightblue label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio:after,

label.label-radio.theme-lightblue input[type="checkbox"]:checked ~ .item-inner 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="radio"]:checked ~ .item-inner i.icon-form-radio:after {

  background-color: #03a9f4;

}

.theme-lightblue .focus-state .label,

.theme-lightblue .focus-state .floating-label {

  color: #03a9f4;

}

.theme-lightblue .item-input-field.focus-state:after,

.theme-lightblue .input-field.focus-state:after,

.theme-lightblue .item-input-field.not-empty-state:after,

.theme-lightblue .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, 0.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,

a.bg-lightblue,

.list-block .swipeout-actions-left a.bg-lightblue,

.list-block .swipeout-actions-right a.bg-lightblue {

  background-color: #03a9f4;

}

html:not(.watch-active-state) .list-block .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 .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.bg-lightblue .item-link:active,

html:not(.watch-active-state) .list-blocka.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-block .item-link.bg-lightblue:active,

html:not(.watch-active-state) .list-block .item-linka.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,

.list-block .bg-lightblue .item-link.active-state,

.list-block a.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-block.bg-lightblue .item-link.active-state,

.list-blocka.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-block .item-link.bg-lightblue.active-state,

.list-block .item-linka.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 {

  background: #0288D1;

}

.border-lightblue {

  border-color: #03a9f4;

}

.list-block .border-lightblue.item-inner:after,

.list-block ul.border-lightblue:after,

.border-lightblue:after,

.list-block .border-lightblue.item-inner:before,

.list-block ul.border-lightblue:before,

.border-lightblue:before {

  background-color: #03a9f4;

}

.theme-lightblue .floating-button,

.theme-lightblue .speed-dial-buttons a,

.floating-button.theme-lightblue,

.speed-dial-buttons a.theme-lightblue,

.floating-button.color-lightblue,

.speed-dial-buttons a.color-lightblue,

.floating-button.bg-lightblue,

.speed-dial-buttons a.bg-lightblue {

  color: #fff;

  background: #03a9f4;

}

html:not(.watch-active-state) .theme-lightblue .floating-button:active,

html:not(.watch-active-state) .theme-lightblue .speed-dial-buttons a:active,

html:not(.watch-active-state) .floating-button.theme-lightblue:active,

html:not(.watch-active-state) .speed-dial-buttons a.theme-lightblue:active,

html:not(.watch-active-state) .floating-button.color-lightblue:active,

html:not(.watch-active-state) .speed-dial-buttons a.color-lightblue:active,

html:not(.watch-active-state) .floating-button.bg-lightblue:active,

html:not(.watch-active-state) .speed-dial-buttons a.bg-lightblue:active,

.theme-lightblue .floating-button.active-state,

.theme-lightblue .speed-dial-buttons a.active-state,

.floating-button.theme-lightblue.active-state,

.speed-dial-buttons a.theme-lightblue.active-state,

.floating-button.color-lightblue.active-state,

.speed-dial-buttons a.color-lightblue.active-state,

.floating-button.bg-lightblue.active-state,

.speed-dial-buttons a.bg-lightblue.active-state {

  background: #0288D1;

}

.theme-lightblue .floating-button i,

.theme-lightblue .speed-dial-buttons a i,

.floating-button.theme-lightblue i,

.speed-dial-buttons a.theme-lightblue i,

.floating-button.color-lightblue i,

.speed-dial-buttons a.color-lightblue i,

.floating-button.bg-lightblue i,

.speed-dial-buttons a.bg-lightblue i {

  color: inherit;

}

.ripple-lightblue .ripple-wave {

  background-color: rgba(3, 169, 244, 0.3);

}

.badge.color-lightblue,

.badge.theme-lightblue {

  background-color: #03a9f4;

  color: #fff;

}

.color-cyan {

  color: #00bcd4;

}

.list-block .item-link.list-button.color-cyan,

.list-block .item-link.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.navbar .button:not(.button-fill),

.theme-cyan .toolbar .button:not(.button-fill),

.theme-cyan.toolbar .button:not(.button-fill),

.theme-cyan .subnavbar .button:not(.button-fill),

.theme-cyan.subnavbar .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;

}

html:not(.watch-active-state) .theme-cyan .button.button-fill:active,

.theme-cyan .button.button-fill.active-state {

  background: #0097A7;

}

.button.button-fill.bg-cyan,

.button.button-fill.color-cyan {

  background: #00bcd4 !important;

  color: #fff;

}

html:not(.watch-active-state) .button.button-fill.bg-cyan:active,

html:not(.watch-active-state) .button.button-fill.color-cyan:active,

.button.button-fill.bg-cyan.active-state,

.button.button-fill.color-cyan.active-state {

  background: #0097A7 !important;

}

.progressbar.color-cyan,

.progressbar.theme-cyan,

.theme-cyan .progressbar,

.progressbar.bg-cyan {

  background-color: rgba(0, 188, 212, 0.5);

}

.progressbar.color-cyan span,

.progressbar.theme-cyan span,

.theme-cyan .progressbar span,

.progressbar.bg-cyan span {

  background-color: #00bcd4;

}

.progressbar-infinite.color-cyan,

.progressbar-infinite.theme-cyan,

.theme-cyan .progressbar-infinite,

.progressbar-infinite.bg-cyan {

  background-color: rgba(0, 188, 212, 0.5);

}

.progressbar-infinite.color-cyan:after,

.progressbar-infinite.theme-cyan:after,

.theme-cyan .progressbar-infinite:after,

.progressbar-infinite.bg-cyan:after,

.progressbar-infinite.color-cyan:before,

.progressbar-infinite.theme-cyan:before,

.theme-cyan .progressbar-infinite:before,

.progressbar-infinite.bg-cyan: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.preloader-cyan .preloader-inner-gap,

.preloader.color-cyan .preloader-inner-half-circle,

.preloader.preloader-cyan .preloader-inner-half-circle {

  border-color: #00bcd4;

}

.theme-cyan a {

  color: #00bcd4;

}

.theme-cyan .navbar,

.navbar.theme-cyan,

.theme-cyan .toolbar,

.toolbar.theme-cyan,

.theme-cyan .subnavbar,

.subnavbar.theme-cyan,

.theme-cyan .searchbar,

.searchbar.theme-cyan {

  background-color: #00bcd4;

}

.theme-cyan .range-slider input[type="range"]::-webkit-slider-thumb:before,

.range-slider.theme-cyan input[type="range"]::-webkit-slider-thumb:before {

  background-color: #00bcd4;

}

.theme-cyan .range-slider input[type="range"]::-webkit-slider-thumb,

.range-slider.theme-cyan input[type="range"]::-webkit-slider-thumb {

  background-color: #00bcd4;

}

.theme-cyan .range-slider input[type="range"]::-ms-thumb,

.range-slider.theme-cyan input[type="range"]::-ms-thumb {

  background-color: #00bcd4;

}

.theme-cyan .range-slider input[type="range"]::-ms-fill-lower,

.range-slider.theme-cyan input[type="range"]::-ms-fill-lower {

  background-color: #00bcd4;

}

.theme-cyan .range-slider input[type="range"]::-moz-range-thumb,

.range-slider.theme-cyan input[type="range"]::-moz-range-thumb {

  background-color: #00bcd4;

}

.theme-cyan .label-switch input[type="checkbox"]:checked + .checkbox,

.label-switch.theme-cyan input[type="checkbox"]:checked + .checkbox {

  background-color: rgba(0, 188, 212, 0.5);

}

.theme-cyan .label-switch input[type="checkbox"]:checked + .checkbox:after,

.label-switch.theme-cyan 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,

label.label-checkbox.theme-cyan input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,

.theme-cyan label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,

label.label-checkbox.theme-cyan input[type="radio"]:checked + .item-media i.icon-form-checkbox,

.theme-cyan label.label-checkbox input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-cyan input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

.theme-cyan label.label-checkbox input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-cyan input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

.theme-cyan label.label-checkbox input[type="checkbox"]:checked ~ .item-inner i.icon-form-checkbox,

label.label-checkbox.theme-cyan input[type="checkbox"]:checked ~ .item-inner 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="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,

label.label-radio.theme-cyan input[type="checkbox"]:checked + .item-media i.icon-form-radio,

.theme-cyan label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio,

label.label-radio.theme-cyan input[type="radio"]:checked + .item-media i.icon-form-radio,

.theme-cyan label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-cyan input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

.theme-cyan label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-cyan input[type="radio"]:checked ~ .item-after i.icon-form-radio,

.theme-cyan label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio,

label.label-radio.theme-cyan input[type="checkbox"]:checked ~ .item-inner 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="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,

label.label-radio.theme-cyan input[type="checkbox"]:checked + .item-media i.icon-form-radio:after,

.theme-cyan label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio:after,

label.label-radio.theme-cyan input[type="radio"]:checked + .item-media i.icon-form-radio:after,

.theme-cyan label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-cyan input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

.theme-cyan label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-cyan input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

.theme-cyan label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio:after,

label.label-radio.theme-cyan input[type="checkbox"]:checked ~ .item-inner 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="radio"]:checked ~ .item-inner i.icon-form-radio:after {

  background-color: #00bcd4;

}

.theme-cyan .focus-state .label,

.theme-cyan .focus-state .floating-label {

  color: #00bcd4;

}

.theme-cyan .item-input-field.focus-state:after,

.theme-cyan .input-field.focus-state:after,

.theme-cyan .item-input-field.not-empty-state:after,

.theme-cyan .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, 0.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,

a.bg-cyan,

.list-block .swipeout-actions-left a.bg-cyan,

.list-block .swipeout-actions-right a.bg-cyan {

  background-color: #00bcd4;

}

html:not(.watch-active-state) .list-block .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 .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.bg-cyan .item-link:active,

html:not(.watch-active-state) .list-blocka.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-block .item-link.bg-cyan:active,

html:not(.watch-active-state) .list-block .item-linka.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,

.list-block .bg-cyan .item-link.active-state,

.list-block a.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-block.bg-cyan .item-link.active-state,

.list-blocka.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-block .item-link.bg-cyan.active-state,

.list-block .item-linka.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 {

  background: #0097A7;

}

.border-cyan {

  border-color: #00bcd4;

}

.list-block .border-cyan.item-inner:after,

.list-block ul.border-cyan:after,

.border-cyan:after,

.list-block .border-cyan.item-inner:before,

.list-block ul.border-cyan:before,

.border-cyan:before {

  background-color: #00bcd4;

}

.theme-cyan .floating-button,

.theme-cyan .speed-dial-buttons a,

.floating-button.theme-cyan,

.speed-dial-buttons a.theme-cyan,

.floating-button.color-cyan,

.speed-dial-buttons a.color-cyan,

.floating-button.bg-cyan,

.speed-dial-buttons a.bg-cyan {

  color: #fff;

  background: #00bcd4;

}

html:not(.watch-active-state) .theme-cyan .floating-button:active,

html:not(.watch-active-state) .theme-cyan .speed-dial-buttons a:active,

html:not(.watch-active-state) .floating-button.theme-cyan:active,

html:not(.watch-active-state) .speed-dial-buttons a.theme-cyan:active,

html:not(.watch-active-state) .floating-button.color-cyan:active,

html:not(.watch-active-state) .speed-dial-buttons a.color-cyan:active,

html:not(.watch-active-state) .floating-button.bg-cyan:active,

html:not(.watch-active-state) .speed-dial-buttons a.bg-cyan:active,

.theme-cyan .floating-button.active-state,

.theme-cyan .speed-dial-buttons a.active-state,

.floating-button.theme-cyan.active-state,

.speed-dial-buttons a.theme-cyan.active-state,

.floating-button.color-cyan.active-state,

.speed-dial-buttons a.color-cyan.active-state,

.floating-button.bg-cyan.active-state,

.speed-dial-buttons a.bg-cyan.active-state {

  background: #0097A7;

}

.theme-cyan .floating-button i,

.theme-cyan .speed-dial-buttons a i,

.floating-button.theme-cyan i,

.speed-dial-buttons a.theme-cyan i,

.floating-button.color-cyan i,

.speed-dial-buttons a.color-cyan i,

.floating-button.bg-cyan i,

.speed-dial-buttons a.bg-cyan i {

  color: inherit;

}

.ripple-cyan .ripple-wave {

  background-color: rgba(0, 188, 212, 0.3);

}

.badge.color-cyan,

.badge.theme-cyan {

  background-color: #00bcd4;

  color: #fff;

}

.color-teal {

  color: #009688;

}

.list-block .item-link.list-button.color-teal,

.list-block .item-link.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.navbar .button:not(.button-fill),

.theme-teal .toolbar .button:not(.button-fill),

.theme-teal.toolbar .button:not(.button-fill),

.theme-teal .subnavbar .button:not(.button-fill),

.theme-teal.subnavbar .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;

}

html:not(.watch-active-state) .theme-teal .button.button-fill:active,

.theme-teal .button.button-fill.active-state {

  background: #00897B;

}

.button.button-fill.bg-teal,

.button.button-fill.color-teal {

  background: #009688 !important;

  color: #fff;

}

html:not(.watch-active-state) .button.button-fill.bg-teal:active,

html:not(.watch-active-state) .button.button-fill.color-teal:active,

.button.button-fill.bg-teal.active-state,

.button.button-fill.color-teal.active-state {

  background: #00897B !important;

}

.progressbar.color-teal,

.progressbar.theme-teal,

.theme-teal .progressbar,

.progressbar.bg-teal {

  background-color: rgba(0, 150, 136, 0.5);

}

.progressbar.color-teal span,

.progressbar.theme-teal span,

.theme-teal .progressbar span,

.progressbar.bg-teal span {

  background-color: #009688;

}

.progressbar-infinite.color-teal,

.progressbar-infinite.theme-teal,

.theme-teal .progressbar-infinite,

.progressbar-infinite.bg-teal {

  background-color: rgba(0, 150, 136, 0.5);

}

.progressbar-infinite.color-teal:after,

.progressbar-infinite.theme-teal:after,

.theme-teal .progressbar-infinite:after,

.progressbar-infinite.bg-teal:after,

.progressbar-infinite.color-teal:before,

.progressbar-infinite.theme-teal:before,

.theme-teal .progressbar-infinite:before,

.progressbar-infinite.bg-teal: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.preloader-teal .preloader-inner-gap,

.preloader.color-teal .preloader-inner-half-circle,

.preloader.preloader-teal .preloader-inner-half-circle {

  border-color: #009688;

}

.theme-teal a {

  color: #009688;

}

.theme-teal .navbar,

.navbar.theme-teal,

.theme-teal .toolbar,

.toolbar.theme-teal,

.theme-teal .subnavbar,

.subnavbar.theme-teal,

.theme-teal .searchbar,

.searchbar.theme-teal {

  background-color: #009688;

}

.theme-teal .range-slider input[type="range"]::-webkit-slider-thumb:before,

.range-slider.theme-teal input[type="range"]::-webkit-slider-thumb:before {

  background-color: #009688;

}

.theme-teal .range-slider input[type="range"]::-webkit-slider-thumb,

.range-slider.theme-teal input[type="range"]::-webkit-slider-thumb {

  background-color: #009688;

}

.theme-teal .range-slider input[type="range"]::-ms-thumb,

.range-slider.theme-teal input[type="range"]::-ms-thumb {

  background-color: #009688;

}

.theme-teal .range-slider input[type="range"]::-ms-fill-lower,

.range-slider.theme-teal input[type="range"]::-ms-fill-lower {

  background-color: #009688;

}

.theme-teal .range-slider input[type="range"]::-moz-range-thumb,

.range-slider.theme-teal input[type="range"]::-moz-range-thumb {

  background-color: #009688;

}

.theme-teal .label-switch input[type="checkbox"]:checked + .checkbox,

.label-switch.theme-teal input[type="checkbox"]:checked + .checkbox {

  background-color: rgba(0, 150, 136, 0.5);

}

.theme-teal .label-switch input[type="checkbox"]:checked + .checkbox:after,

.label-switch.theme-teal 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,

label.label-checkbox.theme-teal input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,

.theme-teal label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,

label.label-checkbox.theme-teal input[type="radio"]:checked + .item-media i.icon-form-checkbox,

.theme-teal label.label-checkbox input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-teal input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

.theme-teal label.label-checkbox input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-teal input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

.theme-teal label.label-checkbox input[type="checkbox"]:checked ~ .item-inner i.icon-form-checkbox,

label.label-checkbox.theme-teal input[type="checkbox"]:checked ~ .item-inner 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="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,

label.label-radio.theme-teal input[type="checkbox"]:checked + .item-media i.icon-form-radio,

.theme-teal label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio,

label.label-radio.theme-teal input[type="radio"]:checked + .item-media i.icon-form-radio,

.theme-teal label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-teal input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

.theme-teal label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-teal input[type="radio"]:checked ~ .item-after i.icon-form-radio,

.theme-teal label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio,

label.label-radio.theme-teal input[type="checkbox"]:checked ~ .item-inner 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="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,

label.label-radio.theme-teal input[type="checkbox"]:checked + .item-media i.icon-form-radio:after,

.theme-teal label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio:after,

label.label-radio.theme-teal input[type="radio"]:checked + .item-media i.icon-form-radio:after,

.theme-teal label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-teal input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

.theme-teal label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-teal input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

.theme-teal label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio:after,

label.label-radio.theme-teal input[type="checkbox"]:checked ~ .item-inner 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="radio"]:checked ~ .item-inner i.icon-form-radio:after {

  background-color: #009688;

}

.theme-teal .focus-state .label,

.theme-teal .focus-state .floating-label {

  color: #009688;

}

.theme-teal .item-input-field.focus-state:after,

.theme-teal .input-field.focus-state:after,

.theme-teal .item-input-field.not-empty-state:after,

.theme-teal .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, 0.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,

a.bg-teal,

.list-block .swipeout-actions-left a.bg-teal,

.list-block .swipeout-actions-right a.bg-teal {

  background-color: #009688;

}

html:not(.watch-active-state) .list-block .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 .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.bg-teal .item-link:active,

html:not(.watch-active-state) .list-blocka.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-block .item-link.bg-teal:active,

html:not(.watch-active-state) .list-block .item-linka.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,

.list-block .bg-teal .item-link.active-state,

.list-block a.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-block.bg-teal .item-link.active-state,

.list-blocka.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-block .item-link.bg-teal.active-state,

.list-block .item-linka.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 {

  background: #00897B;

}

.border-teal {

  border-color: #009688;

}

.list-block .border-teal.item-inner:after,

.list-block ul.border-teal:after,

.border-teal:after,

.list-block .border-teal.item-inner:before,

.list-block ul.border-teal:before,

.border-teal:before {

  background-color: #009688;

}

.theme-teal .floating-button,

.theme-teal .speed-dial-buttons a,

.floating-button.theme-teal,

.speed-dial-buttons a.theme-teal,

.floating-button.color-teal,

.speed-dial-buttons a.color-teal,

.floating-button.bg-teal,

.speed-dial-buttons a.bg-teal {

  color: #fff;

  background: #009688;

}

html:not(.watch-active-state) .theme-teal .floating-button:active,

html:not(.watch-active-state) .theme-teal .speed-dial-buttons a:active,

html:not(.watch-active-state) .floating-button.theme-teal:active,

html:not(.watch-active-state) .speed-dial-buttons a.theme-teal:active,

html:not(.watch-active-state) .floating-button.color-teal:active,

html:not(.watch-active-state) .speed-dial-buttons a.color-teal:active,

html:not(.watch-active-state) .floating-button.bg-teal:active,

html:not(.watch-active-state) .speed-dial-buttons a.bg-teal:active,

.theme-teal .floating-button.active-state,

.theme-teal .speed-dial-buttons a.active-state,

.floating-button.theme-teal.active-state,

.speed-dial-buttons a.theme-teal.active-state,

.floating-button.color-teal.active-state,

.speed-dial-buttons a.color-teal.active-state,

.floating-button.bg-teal.active-state,

.speed-dial-buttons a.bg-teal.active-state {

  background: #00897B;

}

.theme-teal .floating-button i,

.theme-teal .speed-dial-buttons a i,

.floating-button.theme-teal i,

.speed-dial-buttons a.theme-teal i,

.floating-button.color-teal i,

.speed-dial-buttons a.color-teal i,

.floating-button.bg-teal i,

.speed-dial-buttons a.bg-teal i {

  color: inherit;

}

.ripple-teal .ripple-wave {

  background-color: rgba(0, 150, 136, 0.3);

}

.badge.color-teal,

.badge.theme-teal {

  background-color: #009688;

  color: #fff;

}

.color-green {

  color: #4caf50;

}

.list-block .item-link.list-button.color-green,

.list-block .item-link.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.navbar .button:not(.button-fill),

.theme-green .toolbar .button:not(.button-fill),

.theme-green.toolbar .button:not(.button-fill),

.theme-green .subnavbar .button:not(.button-fill),

.theme-green.subnavbar .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;

}

html:not(.watch-active-state) .theme-green .button.button-fill:active,

.theme-green .button.button-fill.active-state {

  background: #388E3C;

}

.button.button-fill.bg-green,

.button.button-fill.color-green {

  background: #4caf50 !important;

  color: #fff;

}

html:not(.watch-active-state) .button.button-fill.bg-green:active,

html:not(.watch-active-state) .button.button-fill.color-green:active,

.button.button-fill.bg-green.active-state,

.button.button-fill.color-green.active-state {

  background: #388E3C !important;

}

.progressbar.color-green,

.progressbar.theme-green,

.theme-green .progressbar,

.progressbar.bg-green {

  background-color: rgba(76, 175, 80, 0.5);

}

.progressbar.color-green span,

.progressbar.theme-green span,

.theme-green .progressbar span,

.progressbar.bg-green span {

  background-color: #4caf50;

}

.progressbar-infinite.color-green,

.progressbar-infinite.theme-green,

.theme-green .progressbar-infinite,

.progressbar-infinite.bg-green {

  background-color: rgba(76, 175, 80, 0.5);

}

.progressbar-infinite.color-green:after,

.progressbar-infinite.theme-green:after,

.theme-green .progressbar-infinite:after,

.progressbar-infinite.bg-green:after,

.progressbar-infinite.color-green:before,

.progressbar-infinite.theme-green:before,

.theme-green .progressbar-infinite:before,

.progressbar-infinite.bg-green: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.preloader-green .preloader-inner-gap,

.preloader.color-green .preloader-inner-half-circle,

.preloader.preloader-green .preloader-inner-half-circle {

  border-color: #4caf50;

}

.theme-green a {

  color: #4caf50;

}

.theme-green .navbar,

.navbar.theme-green,

.theme-green .toolbar,

.toolbar.theme-green,

.theme-green .subnavbar,

.subnavbar.theme-green,

.theme-green .searchbar,

.searchbar.theme-green {

  background-color: #4caf50;

}

.theme-green .range-slider input[type="range"]::-webkit-slider-thumb:before,

.range-slider.theme-green input[type="range"]::-webkit-slider-thumb:before {

  background-color: #4caf50;

}

.theme-green .range-slider input[type="range"]::-webkit-slider-thumb,

.range-slider.theme-green input[type="range"]::-webkit-slider-thumb {

  background-color: #4caf50;

}

.theme-green .range-slider input[type="range"]::-ms-thumb,

.range-slider.theme-green input[type="range"]::-ms-thumb {

  background-color: #4caf50;

}

.theme-green .range-slider input[type="range"]::-ms-fill-lower,

.range-slider.theme-green input[type="range"]::-ms-fill-lower {

  background-color: #4caf50;

}

.theme-green .range-slider input[type="range"]::-moz-range-thumb,

.range-slider.theme-green input[type="range"]::-moz-range-thumb {

  background-color: #4caf50;

}

.theme-green .label-switch input[type="checkbox"]:checked + .checkbox,

.label-switch.theme-green input[type="checkbox"]:checked + .checkbox {

  background-color: rgba(76, 175, 80, 0.5);

}

.theme-green .label-switch input[type="checkbox"]:checked + .checkbox:after,

.label-switch.theme-green 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,

label.label-checkbox.theme-green input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,

.theme-green label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,

label.label-checkbox.theme-green input[type="radio"]:checked + .item-media i.icon-form-checkbox,

.theme-green label.label-checkbox input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-green input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

.theme-green label.label-checkbox input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-green input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

.theme-green label.label-checkbox input[type="checkbox"]:checked ~ .item-inner i.icon-form-checkbox,

label.label-checkbox.theme-green input[type="checkbox"]:checked ~ .item-inner 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="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,

label.label-radio.theme-green input[type="checkbox"]:checked + .item-media i.icon-form-radio,

.theme-green label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio,

label.label-radio.theme-green input[type="radio"]:checked + .item-media i.icon-form-radio,

.theme-green label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-green input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

.theme-green label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-green input[type="radio"]:checked ~ .item-after i.icon-form-radio,

.theme-green label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio,

label.label-radio.theme-green input[type="checkbox"]:checked ~ .item-inner 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="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,

label.label-radio.theme-green input[type="checkbox"]:checked + .item-media i.icon-form-radio:after,

.theme-green label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio:after,

label.label-radio.theme-green input[type="radio"]:checked + .item-media i.icon-form-radio:after,

.theme-green label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-green input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

.theme-green label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-green input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

.theme-green label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio:after,

label.label-radio.theme-green input[type="checkbox"]:checked ~ .item-inner 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="radio"]:checked ~ .item-inner i.icon-form-radio:after {

  background-color: #4caf50;

}

.theme-green .focus-state .label,

.theme-green .focus-state .floating-label {

  color: #4caf50;

}

.theme-green .item-input-field.focus-state:after,

.theme-green .input-field.focus-state:after,

.theme-green .item-input-field.not-empty-state:after,

.theme-green .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, 0.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,

a.bg-green,

.list-block .swipeout-actions-left a.bg-green,

.list-block .swipeout-actions-right a.bg-green {

  background-color: #4caf50;

}

html:not(.watch-active-state) .list-block .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 .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.bg-green .item-link:active,

html:not(.watch-active-state) .list-blocka.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-block .item-link.bg-green:active,

html:not(.watch-active-state) .list-block .item-linka.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,

.list-block .bg-green .item-link.active-state,

.list-block a.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-block.bg-green .item-link.active-state,

.list-blocka.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-block .item-link.bg-green.active-state,

.list-block .item-linka.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 {

  background: #388E3C;

}

.border-green {

  border-color: #4caf50;

}

.list-block .border-green.item-inner:after,

.list-block ul.border-green:after,

.border-green:after,

.list-block .border-green.item-inner:before,

.list-block ul.border-green:before,

.border-green:before {

  background-color: #4caf50;

}

.theme-green .floating-button,

.theme-green .speed-dial-buttons a,

.floating-button.theme-green,

.speed-dial-buttons a.theme-green,

.floating-button.color-green,

.speed-dial-buttons a.color-green,

.floating-button.bg-green,

.speed-dial-buttons a.bg-green {

  color: #fff;

  background: #4caf50;

}

html:not(.watch-active-state) .theme-green .floating-button:active,

html:not(.watch-active-state) .theme-green .speed-dial-buttons a:active,

html:not(.watch-active-state) .floating-button.theme-green:active,

html:not(.watch-active-state) .speed-dial-buttons a.theme-green:active,

html:not(.watch-active-state) .floating-button.color-green:active,

html:not(.watch-active-state) .speed-dial-buttons a.color-green:active,

html:not(.watch-active-state) .floating-button.bg-green:active,

html:not(.watch-active-state) .speed-dial-buttons a.bg-green:active,

.theme-green .floating-button.active-state,

.theme-green .speed-dial-buttons a.active-state,

.floating-button.theme-green.active-state,

.speed-dial-buttons a.theme-green.active-state,

.floating-button.color-green.active-state,

.speed-dial-buttons a.color-green.active-state,

.floating-button.bg-green.active-state,

.speed-dial-buttons a.bg-green.active-state {

  background: #388E3C;

}

.theme-green .floating-button i,

.theme-green .speed-dial-buttons a i,

.floating-button.theme-green i,

.speed-dial-buttons a.theme-green i,

.floating-button.color-green i,

.speed-dial-buttons a.color-green i,

.floating-button.bg-green i,

.speed-dial-buttons a.bg-green i {

  color: inherit;

}

.ripple-green .ripple-wave {

  background-color: rgba(76, 175, 80, 0.3);

}

.badge.color-green,

.badge.theme-green {

  background-color: #4caf50;

  color: #fff;

}

.color-lightgreen {

  color: #8bc34a;

}

.list-block .item-link.list-button.color-lightgreen,

.list-block .item-link.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.navbar .button:not(.button-fill),

.theme-lightgreen .toolbar .button:not(.button-fill),

.theme-lightgreen.toolbar .button:not(.button-fill),

.theme-lightgreen .subnavbar .button:not(.button-fill),

.theme-lightgreen.subnavbar .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;

}

html:not(.watch-active-state) .theme-lightgreen .button.button-fill:active,

.theme-lightgreen .button.button-fill.active-state {

  background: #689F38;

}

.button.button-fill.bg-lightgreen,

.button.button-fill.color-lightgreen {

  background: #8bc34a !important;

  color: #fff;

}

html:not(.watch-active-state) .button.button-fill.bg-lightgreen:active,

html:not(.watch-active-state) .button.button-fill.color-lightgreen:active,

.button.button-fill.bg-lightgreen.active-state,

.button.button-fill.color-lightgreen.active-state {

  background: #689F38 !important;

}

.progressbar.color-lightgreen,

.progressbar.theme-lightgreen,

.theme-lightgreen .progressbar,

.progressbar.bg-lightgreen {

  background-color: rgba(139, 195, 74, 0.5);

}

.progressbar.color-lightgreen span,

.progressbar.theme-lightgreen span,

.theme-lightgreen .progressbar span,

.progressbar.bg-lightgreen span {

  background-color: #8bc34a;

}

.progressbar-infinite.color-lightgreen,

.progressbar-infinite.theme-lightgreen,

.theme-lightgreen .progressbar-infinite,

.progressbar-infinite.bg-lightgreen {

  background-color: rgba(139, 195, 74, 0.5);

}

.progressbar-infinite.color-lightgreen:after,

.progressbar-infinite.theme-lightgreen:after,

.theme-lightgreen .progressbar-infinite:after,

.progressbar-infinite.bg-lightgreen:after,

.progressbar-infinite.color-lightgreen:before,

.progressbar-infinite.theme-lightgreen:before,

.theme-lightgreen .progressbar-infinite:before,

.progressbar-infinite.bg-lightgreen: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.preloader-lightgreen .preloader-inner-gap,

.preloader.color-lightgreen .preloader-inner-half-circle,

.preloader.preloader-lightgreen .preloader-inner-half-circle {

  border-color: #8bc34a;

}

.theme-lightgreen a {

  color: #8bc34a;

}

.theme-lightgreen .navbar,

.navbar.theme-lightgreen,

.theme-lightgreen .toolbar,

.toolbar.theme-lightgreen,

.theme-lightgreen .subnavbar,

.subnavbar.theme-lightgreen,

.theme-lightgreen .searchbar,

.searchbar.theme-lightgreen {

  background-color: #8bc34a;

}

.theme-lightgreen .range-slider input[type="range"]::-webkit-slider-thumb:before,

.range-slider.theme-lightgreen input[type="range"]::-webkit-slider-thumb:before {

  background-color: #8bc34a;

}

.theme-lightgreen .range-slider input[type="range"]::-webkit-slider-thumb,

.range-slider.theme-lightgreen input[type="range"]::-webkit-slider-thumb {

  background-color: #8bc34a;

}

.theme-lightgreen .range-slider input[type="range"]::-ms-thumb,

.range-slider.theme-lightgreen input[type="range"]::-ms-thumb {

  background-color: #8bc34a;

}

.theme-lightgreen .range-slider input[type="range"]::-ms-fill-lower,

.range-slider.theme-lightgreen input[type="range"]::-ms-fill-lower {

  background-color: #8bc34a;

}

.theme-lightgreen .range-slider input[type="range"]::-moz-range-thumb,

.range-slider.theme-lightgreen input[type="range"]::-moz-range-thumb {

  background-color: #8bc34a;

}

.theme-lightgreen .label-switch input[type="checkbox"]:checked + .checkbox,

.label-switch.theme-lightgreen input[type="checkbox"]:checked + .checkbox {

  background-color: rgba(139, 195, 74, 0.5);

}

.theme-lightgreen .label-switch input[type="checkbox"]:checked + .checkbox:after,

.label-switch.theme-lightgreen 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,

label.label-checkbox.theme-lightgreen input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,

.theme-lightgreen label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,

label.label-checkbox.theme-lightgreen input[type="radio"]:checked + .item-media i.icon-form-checkbox,

.theme-lightgreen label.label-checkbox input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-lightgreen input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

.theme-lightgreen label.label-checkbox input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-lightgreen input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

.theme-lightgreen label.label-checkbox input[type="checkbox"]:checked ~ .item-inner i.icon-form-checkbox,

label.label-checkbox.theme-lightgreen input[type="checkbox"]:checked ~ .item-inner 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="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,

label.label-radio.theme-lightgreen input[type="checkbox"]:checked + .item-media i.icon-form-radio,

.theme-lightgreen label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio,

label.label-radio.theme-lightgreen input[type="radio"]:checked + .item-media i.icon-form-radio,

.theme-lightgreen label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-lightgreen input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

.theme-lightgreen label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-lightgreen input[type="radio"]:checked ~ .item-after i.icon-form-radio,

.theme-lightgreen label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio,

label.label-radio.theme-lightgreen input[type="checkbox"]:checked ~ .item-inner 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="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,

label.label-radio.theme-lightgreen input[type="checkbox"]:checked + .item-media i.icon-form-radio:after,

.theme-lightgreen label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio:after,

label.label-radio.theme-lightgreen input[type="radio"]:checked + .item-media i.icon-form-radio:after,

.theme-lightgreen label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-lightgreen input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

.theme-lightgreen label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-lightgreen input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

.theme-lightgreen label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio:after,

label.label-radio.theme-lightgreen input[type="checkbox"]:checked ~ .item-inner 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="radio"]:checked ~ .item-inner i.icon-form-radio:after {

  background-color: #8bc34a;

}

.theme-lightgreen .focus-state .label,

.theme-lightgreen .focus-state .floating-label {

  color: #8bc34a;

}

.theme-lightgreen .item-input-field.focus-state:after,

.theme-lightgreen .input-field.focus-state:after,

.theme-lightgreen .item-input-field.not-empty-state:after,

.theme-lightgreen .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, 0.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,

a.bg-lightgreen,

.list-block .swipeout-actions-left a.bg-lightgreen,

.list-block .swipeout-actions-right a.bg-lightgreen {

  background-color: #8bc34a;

}

html:not(.watch-active-state) .list-block .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 .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.bg-lightgreen .item-link:active,

html:not(.watch-active-state) .list-blocka.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-block .item-link.bg-lightgreen:active,

html:not(.watch-active-state) .list-block .item-linka.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,

.list-block .bg-lightgreen .item-link.active-state,

.list-block a.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-block.bg-lightgreen .item-link.active-state,

.list-blocka.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-block .item-link.bg-lightgreen.active-state,

.list-block .item-linka.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 {

  background: #689F38;

}

.border-lightgreen {

  border-color: #8bc34a;

}

.list-block .border-lightgreen.item-inner:after,

.list-block ul.border-lightgreen:after,

.border-lightgreen:after,

.list-block .border-lightgreen.item-inner:before,

.list-block ul.border-lightgreen:before,

.border-lightgreen:before {

  background-color: #8bc34a;

}

.theme-lightgreen .floating-button,

.theme-lightgreen .speed-dial-buttons a,

.floating-button.theme-lightgreen,

.speed-dial-buttons a.theme-lightgreen,

.floating-button.color-lightgreen,

.speed-dial-buttons a.color-lightgreen,

.floating-button.bg-lightgreen,

.speed-dial-buttons a.bg-lightgreen {

  color: #fff;

  background: #8bc34a;

}

html:not(.watch-active-state) .theme-lightgreen .floating-button:active,

html:not(.watch-active-state) .theme-lightgreen .speed-dial-buttons a:active,

html:not(.watch-active-state) .floating-button.theme-lightgreen:active,

html:not(.watch-active-state) .speed-dial-buttons a.theme-lightgreen:active,

html:not(.watch-active-state) .floating-button.color-lightgreen:active,

html:not(.watch-active-state) .speed-dial-buttons a.color-lightgreen:active,

html:not(.watch-active-state) .floating-button.bg-lightgreen:active,

html:not(.watch-active-state) .speed-dial-buttons a.bg-lightgreen:active,

.theme-lightgreen .floating-button.active-state,

.theme-lightgreen .speed-dial-buttons a.active-state,

.floating-button.theme-lightgreen.active-state,

.speed-dial-buttons a.theme-lightgreen.active-state,

.floating-button.color-lightgreen.active-state,

.speed-dial-buttons a.color-lightgreen.active-state,

.floating-button.bg-lightgreen.active-state,

.speed-dial-buttons a.bg-lightgreen.active-state {

  background: #689F38;

}

.theme-lightgreen .floating-button i,

.theme-lightgreen .speed-dial-buttons a i,

.floating-button.theme-lightgreen i,

.speed-dial-buttons a.theme-lightgreen i,

.floating-button.color-lightgreen i,

.speed-dial-buttons a.color-lightgreen i,

.floating-button.bg-lightgreen i,

.speed-dial-buttons a.bg-lightgreen i {

  color: inherit;

}

.ripple-lightgreen .ripple-wave {

  background-color: rgba(139, 195, 74, 0.3);

}

.badge.color-lightgreen,

.badge.theme-lightgreen {

  background-color: #8bc34a;

  color: #fff;

}

.color-lime {

  color: #cddc39;

}

.list-block .item-link.list-button.color-lime,

.list-block .item-link.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.navbar .button:not(.button-fill),

.theme-lime .toolbar .button:not(.button-fill),

.theme-lime.toolbar .button:not(.button-fill),

.theme-lime .subnavbar .button:not(.button-fill),

.theme-lime.subnavbar .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;

}

html:not(.watch-active-state) .theme-lime .button.button-fill:active,

.theme-lime .button.button-fill.active-state {

  background: #AFB42B;

}

.button.button-fill.bg-lime,

.button.button-fill.color-lime {

  background: #cddc39 !important;

  color: #fff;

}

html:not(.watch-active-state) .button.button-fill.bg-lime:active,

html:not(.watch-active-state) .button.button-fill.color-lime:active,

.button.button-fill.bg-lime.active-state,

.button.button-fill.color-lime.active-state {

  background: #AFB42B !important;

}

.progressbar.color-lime,

.progressbar.theme-lime,

.theme-lime .progressbar,

.progressbar.bg-lime {

  background-color: rgba(205, 220, 57, 0.5);

}

.progressbar.color-lime span,

.progressbar.theme-lime span,

.theme-lime .progressbar span,

.progressbar.bg-lime span {

  background-color: #cddc39;

}

.progressbar-infinite.color-lime,

.progressbar-infinite.theme-lime,

.theme-lime .progressbar-infinite,

.progressbar-infinite.bg-lime {

  background-color: rgba(205, 220, 57, 0.5);

}

.progressbar-infinite.color-lime:after,

.progressbar-infinite.theme-lime:after,

.theme-lime .progressbar-infinite:after,

.progressbar-infinite.bg-lime:after,

.progressbar-infinite.color-lime:before,

.progressbar-infinite.theme-lime:before,

.theme-lime .progressbar-infinite:before,

.progressbar-infinite.bg-lime: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.preloader-lime .preloader-inner-gap,

.preloader.color-lime .preloader-inner-half-circle,

.preloader.preloader-lime .preloader-inner-half-circle {

  border-color: #cddc39;

}

.theme-lime a {

  color: #cddc39;

}

.theme-lime .navbar,

.navbar.theme-lime,

.theme-lime .toolbar,

.toolbar.theme-lime,

.theme-lime .subnavbar,

.subnavbar.theme-lime,

.theme-lime .searchbar,

.searchbar.theme-lime {

  background-color: #cddc39;

}

.theme-lime .range-slider input[type="range"]::-webkit-slider-thumb:before,

.range-slider.theme-lime input[type="range"]::-webkit-slider-thumb:before {

  background-color: #cddc39;

}

.theme-lime .range-slider input[type="range"]::-webkit-slider-thumb,

.range-slider.theme-lime input[type="range"]::-webkit-slider-thumb {

  background-color: #cddc39;

}

.theme-lime .range-slider input[type="range"]::-ms-thumb,

.range-slider.theme-lime input[type="range"]::-ms-thumb {

  background-color: #cddc39;

}

.theme-lime .range-slider input[type="range"]::-ms-fill-lower,

.range-slider.theme-lime input[type="range"]::-ms-fill-lower {

  background-color: #cddc39;

}

.theme-lime .range-slider input[type="range"]::-moz-range-thumb,

.range-slider.theme-lime input[type="range"]::-moz-range-thumb {

  background-color: #cddc39;

}

.theme-lime .label-switch input[type="checkbox"]:checked + .checkbox,

.label-switch.theme-lime input[type="checkbox"]:checked + .checkbox {

  background-color: rgba(205, 220, 57, 0.5);

}

.theme-lime .label-switch input[type="checkbox"]:checked + .checkbox:after,

.label-switch.theme-lime 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,

label.label-checkbox.theme-lime input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,

.theme-lime label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,

label.label-checkbox.theme-lime input[type="radio"]:checked + .item-media i.icon-form-checkbox,

.theme-lime label.label-checkbox input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-lime input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

.theme-lime label.label-checkbox input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-lime input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

.theme-lime label.label-checkbox input[type="checkbox"]:checked ~ .item-inner i.icon-form-checkbox,

label.label-checkbox.theme-lime input[type="checkbox"]:checked ~ .item-inner 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="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,

label.label-radio.theme-lime input[type="checkbox"]:checked + .item-media i.icon-form-radio,

.theme-lime label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio,

label.label-radio.theme-lime input[type="radio"]:checked + .item-media i.icon-form-radio,

.theme-lime label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-lime input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

.theme-lime label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-lime input[type="radio"]:checked ~ .item-after i.icon-form-radio,

.theme-lime label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio,

label.label-radio.theme-lime input[type="checkbox"]:checked ~ .item-inner 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="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,

label.label-radio.theme-lime input[type="checkbox"]:checked + .item-media i.icon-form-radio:after,

.theme-lime label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio:after,

label.label-radio.theme-lime input[type="radio"]:checked + .item-media i.icon-form-radio:after,

.theme-lime label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-lime input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

.theme-lime label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-lime input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

.theme-lime label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio:after,

label.label-radio.theme-lime input[type="checkbox"]:checked ~ .item-inner 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="radio"]:checked ~ .item-inner i.icon-form-radio:after {

  background-color: #cddc39;

}

.theme-lime .focus-state .label,

.theme-lime .focus-state .floating-label {

  color: #cddc39;

}

.theme-lime .item-input-field.focus-state:after,

.theme-lime .input-field.focus-state:after,

.theme-lime .item-input-field.not-empty-state:after,

.theme-lime .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, 0.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,

a.bg-lime,

.list-block .swipeout-actions-left a.bg-lime,

.list-block .swipeout-actions-right a.bg-lime {

  background-color: #cddc39;

}

html:not(.watch-active-state) .list-block .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 .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.bg-lime .item-link:active,

html:not(.watch-active-state) .list-blocka.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-block .item-link.bg-lime:active,

html:not(.watch-active-state) .list-block .item-linka.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,

.list-block .bg-lime .item-link.active-state,

.list-block a.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-block.bg-lime .item-link.active-state,

.list-blocka.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-block .item-link.bg-lime.active-state,

.list-block .item-linka.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 {

  background: #AFB42B;

}

.border-lime {

  border-color: #cddc39;

}

.list-block .border-lime.item-inner:after,

.list-block ul.border-lime:after,

.border-lime:after,

.list-block .border-lime.item-inner:before,

.list-block ul.border-lime:before,

.border-lime:before {

  background-color: #cddc39;

}

.theme-lime .floating-button,

.theme-lime .speed-dial-buttons a,

.floating-button.theme-lime,

.speed-dial-buttons a.theme-lime,

.floating-button.color-lime,

.speed-dial-buttons a.color-lime,

.floating-button.bg-lime,

.speed-dial-buttons a.bg-lime {

  color: #fff;

  background: #cddc39;

}

html:not(.watch-active-state) .theme-lime .floating-button:active,

html:not(.watch-active-state) .theme-lime .speed-dial-buttons a:active,

html:not(.watch-active-state) .floating-button.theme-lime:active,

html:not(.watch-active-state) .speed-dial-buttons a.theme-lime:active,

html:not(.watch-active-state) .floating-button.color-lime:active,

html:not(.watch-active-state) .speed-dial-buttons a.color-lime:active,

html:not(.watch-active-state) .floating-button.bg-lime:active,

html:not(.watch-active-state) .speed-dial-buttons a.bg-lime:active,

.theme-lime .floating-button.active-state,

.theme-lime .speed-dial-buttons a.active-state,

.floating-button.theme-lime.active-state,

.speed-dial-buttons a.theme-lime.active-state,

.floating-button.color-lime.active-state,

.speed-dial-buttons a.color-lime.active-state,

.floating-button.bg-lime.active-state,

.speed-dial-buttons a.bg-lime.active-state {

  background: #AFB42B;

}

.theme-lime .floating-button i,

.theme-lime .speed-dial-buttons a i,

.floating-button.theme-lime i,

.speed-dial-buttons a.theme-lime i,

.floating-button.color-lime i,

.speed-dial-buttons a.color-lime i,

.floating-button.bg-lime i,

.speed-dial-buttons a.bg-lime i {

  color: inherit;

}

.ripple-lime .ripple-wave {

  background-color: rgba(205, 220, 57, 0.3);

}

.badge.color-lime,

.badge.theme-lime {

  background-color: #cddc39;

  color: #fff;

}

.color-yellow {

  color: #ffeb3b;

}

.list-block .item-link.list-button.color-yellow,

.list-block .item-link.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.navbar .button:not(.button-fill),

.theme-yellow .toolbar .button:not(.button-fill),

.theme-yellow.toolbar .button:not(.button-fill),

.theme-yellow .subnavbar .button:not(.button-fill),

.theme-yellow.subnavbar .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;

}

html:not(.watch-active-state) .theme-yellow .button.button-fill:active,

.theme-yellow .button.button-fill.active-state {

  background: #FBC02D;

}

.button.button-fill.bg-yellow,

.button.button-fill.color-yellow {

  background: #ffeb3b !important;

  color: #fff;

}

html:not(.watch-active-state) .button.button-fill.bg-yellow:active,

html:not(.watch-active-state) .button.button-fill.color-yellow:active,

.button.button-fill.bg-yellow.active-state,

.button.button-fill.color-yellow.active-state {

  background: #FBC02D !important;

}

.progressbar.color-yellow,

.progressbar.theme-yellow,

.theme-yellow .progressbar,

.progressbar.bg-yellow {

  background-color: rgba(255, 235, 59, 0.5);

}

.progressbar.color-yellow span,

.progressbar.theme-yellow span,

.theme-yellow .progressbar span,

.progressbar.bg-yellow span {

  background-color: #ffeb3b;

}

.progressbar-infinite.color-yellow,

.progressbar-infinite.theme-yellow,

.theme-yellow .progressbar-infinite,

.progressbar-infinite.bg-yellow {

  background-color: rgba(255, 235, 59, 0.5);

}

.progressbar-infinite.color-yellow:after,

.progressbar-infinite.theme-yellow:after,

.theme-yellow .progressbar-infinite:after,

.progressbar-infinite.bg-yellow:after,

.progressbar-infinite.color-yellow:before,

.progressbar-infinite.theme-yellow:before,

.theme-yellow .progressbar-infinite:before,

.progressbar-infinite.bg-yellow: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.preloader-yellow .preloader-inner-gap,

.preloader.color-yellow .preloader-inner-half-circle,

.preloader.preloader-yellow .preloader-inner-half-circle {

  border-color: #ffeb3b;

}

.theme-yellow a {

  color: #ffeb3b;

}

.theme-yellow .navbar,

.navbar.theme-yellow,

.theme-yellow .toolbar,

.toolbar.theme-yellow,

.theme-yellow .subnavbar,

.subnavbar.theme-yellow,

.theme-yellow .searchbar,

.searchbar.theme-yellow {

  background-color: #ffeb3b;

}

.theme-yellow .range-slider input[type="range"]::-webkit-slider-thumb:before,

.range-slider.theme-yellow input[type="range"]::-webkit-slider-thumb:before {

  background-color: #ffeb3b;

}

.theme-yellow .range-slider input[type="range"]::-webkit-slider-thumb,

.range-slider.theme-yellow input[type="range"]::-webkit-slider-thumb {

  background-color: #ffeb3b;

}

.theme-yellow .range-slider input[type="range"]::-ms-thumb,

.range-slider.theme-yellow input[type="range"]::-ms-thumb {

  background-color: #ffeb3b;

}

.theme-yellow .range-slider input[type="range"]::-ms-fill-lower,

.range-slider.theme-yellow input[type="range"]::-ms-fill-lower {

  background-color: #ffeb3b;

}

.theme-yellow .range-slider input[type="range"]::-moz-range-thumb,

.range-slider.theme-yellow input[type="range"]::-moz-range-thumb {

  background-color: #ffeb3b;

}

.theme-yellow .label-switch input[type="checkbox"]:checked + .checkbox,

.label-switch.theme-yellow input[type="checkbox"]:checked + .checkbox {

  background-color: rgba(255, 235, 59, 0.5);

}

.theme-yellow .label-switch input[type="checkbox"]:checked + .checkbox:after,

.label-switch.theme-yellow 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,

label.label-checkbox.theme-yellow input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,

.theme-yellow label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,

label.label-checkbox.theme-yellow input[type="radio"]:checked + .item-media i.icon-form-checkbox,

.theme-yellow label.label-checkbox input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-yellow input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

.theme-yellow label.label-checkbox input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-yellow input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

.theme-yellow label.label-checkbox input[type="checkbox"]:checked ~ .item-inner i.icon-form-checkbox,

label.label-checkbox.theme-yellow input[type="checkbox"]:checked ~ .item-inner 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="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,

label.label-radio.theme-yellow input[type="checkbox"]:checked + .item-media i.icon-form-radio,

.theme-yellow label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio,

label.label-radio.theme-yellow input[type="radio"]:checked + .item-media i.icon-form-radio,

.theme-yellow label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-yellow input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

.theme-yellow label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-yellow input[type="radio"]:checked ~ .item-after i.icon-form-radio,

.theme-yellow label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio,

label.label-radio.theme-yellow input[type="checkbox"]:checked ~ .item-inner 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="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,

label.label-radio.theme-yellow input[type="checkbox"]:checked + .item-media i.icon-form-radio:after,

.theme-yellow label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio:after,

label.label-radio.theme-yellow input[type="radio"]:checked + .item-media i.icon-form-radio:after,

.theme-yellow label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-yellow input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

.theme-yellow label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-yellow input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

.theme-yellow label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio:after,

label.label-radio.theme-yellow input[type="checkbox"]:checked ~ .item-inner 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="radio"]:checked ~ .item-inner i.icon-form-radio:after {

  background-color: #ffeb3b;

}

.theme-yellow .focus-state .label,

.theme-yellow .focus-state .floating-label {

  color: #ffeb3b;

}

.theme-yellow .item-input-field.focus-state:after,

.theme-yellow .input-field.focus-state:after,

.theme-yellow .item-input-field.not-empty-state:after,

.theme-yellow .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, 0.25);

}

.swiper-button-next.color-yellow,

.swiper-container-rtl .swiper-button-prev.color-yellow,

.theme-yellow .swiper-button-next,

.theme-yellow .swiper-container-rtl .swiper-button-prev {

  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%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,

a.bg-yellow,

.list-block .swipeout-actions-left a.bg-yellow,

.list-block .swipeout-actions-right a.bg-yellow {

  background-color: #ffeb3b;

}

html:not(.watch-active-state) .list-block .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 .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.bg-yellow .item-link:active,

html:not(.watch-active-state) .list-blocka.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-block .item-link.bg-yellow:active,

html:not(.watch-active-state) .list-block .item-linka.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,

.list-block .bg-yellow .item-link.active-state,

.list-block a.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-block.bg-yellow .item-link.active-state,

.list-blocka.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-block .item-link.bg-yellow.active-state,

.list-block .item-linka.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 {

  background: #FBC02D;

}

.border-yellow {

  border-color: #ffeb3b;

}

.list-block .border-yellow.item-inner:after,

.list-block ul.border-yellow:after,

.border-yellow:after,

.list-block .border-yellow.item-inner:before,

.list-block ul.border-yellow:before,

.border-yellow:before {

  background-color: #ffeb3b;

}

.theme-yellow .floating-button,

.theme-yellow .speed-dial-buttons a,

.floating-button.theme-yellow,

.speed-dial-buttons a.theme-yellow,

.floating-button.color-yellow,

.speed-dial-buttons a.color-yellow,

.floating-button.bg-yellow,

.speed-dial-buttons a.bg-yellow {

  color: #fff;

  background: #ffeb3b;

}

html:not(.watch-active-state) .theme-yellow .floating-button:active,

html:not(.watch-active-state) .theme-yellow .speed-dial-buttons a:active,

html:not(.watch-active-state) .floating-button.theme-yellow:active,

html:not(.watch-active-state) .speed-dial-buttons a.theme-yellow:active,

html:not(.watch-active-state) .floating-button.color-yellow:active,

html:not(.watch-active-state) .speed-dial-buttons a.color-yellow:active,

html:not(.watch-active-state) .floating-button.bg-yellow:active,

html:not(.watch-active-state) .speed-dial-buttons a.bg-yellow:active,

.theme-yellow .floating-button.active-state,

.theme-yellow .speed-dial-buttons a.active-state,

.floating-button.theme-yellow.active-state,

.speed-dial-buttons a.theme-yellow.active-state,

.floating-button.color-yellow.active-state,

.speed-dial-buttons a.color-yellow.active-state,

.floating-button.bg-yellow.active-state,

.speed-dial-buttons a.bg-yellow.active-state {

  background: #FBC02D;

}

.theme-yellow .floating-button i,

.theme-yellow .speed-dial-buttons a i,

.floating-button.theme-yellow i,

.speed-dial-buttons a.theme-yellow i,

.floating-button.color-yellow i,

.speed-dial-buttons a.color-yellow i,

.floating-button.bg-yellow i,

.speed-dial-buttons a.bg-yellow i {

  color: inherit;

}

.ripple-yellow .ripple-wave {

  background-color: rgba(255, 235, 59, 0.3);

}

.badge.color-yellow,

.badge.theme-yellow {

  background-color: #ffeb3b;

  color: #fff;

}

.color-amber {

  color: #ffc107;

}

.list-block .item-link.list-button.color-amber,

.list-block .item-link.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.navbar .button:not(.button-fill),

.theme-amber .toolbar .button:not(.button-fill),

.theme-amber.toolbar .button:not(.button-fill),

.theme-amber .subnavbar .button:not(.button-fill),

.theme-amber.subnavbar .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;

}

html:not(.watch-active-state) .theme-amber .button.button-fill:active,

.theme-amber .button.button-fill.active-state {

  background: #FFA000;

}

.button.button-fill.bg-amber,

.button.button-fill.color-amber {

  background: #ffc107 !important;

  color: #fff;

}

html:not(.watch-active-state) .button.button-fill.bg-amber:active,

html:not(.watch-active-state) .button.button-fill.color-amber:active,

.button.button-fill.bg-amber.active-state,

.button.button-fill.color-amber.active-state {

  background: #FFA000 !important;

}

.progressbar.color-amber,

.progressbar.theme-amber,

.theme-amber .progressbar,

.progressbar.bg-amber {

  background-color: rgba(255, 193, 7, 0.5);

}

.progressbar.color-amber span,

.progressbar.theme-amber span,

.theme-amber .progressbar span,

.progressbar.bg-amber span {

  background-color: #ffc107;

}

.progressbar-infinite.color-amber,

.progressbar-infinite.theme-amber,

.theme-amber .progressbar-infinite,

.progressbar-infinite.bg-amber {

  background-color: rgba(255, 193, 7, 0.5);

}

.progressbar-infinite.color-amber:after,

.progressbar-infinite.theme-amber:after,

.theme-amber .progressbar-infinite:after,

.progressbar-infinite.bg-amber:after,

.progressbar-infinite.color-amber:before,

.progressbar-infinite.theme-amber:before,

.theme-amber .progressbar-infinite:before,

.progressbar-infinite.bg-amber: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.preloader-amber .preloader-inner-gap,

.preloader.color-amber .preloader-inner-half-circle,

.preloader.preloader-amber .preloader-inner-half-circle {

  border-color: #ffc107;

}

.theme-amber a {

  color: #ffc107;

}

.theme-amber .navbar,

.navbar.theme-amber,

.theme-amber .toolbar,

.toolbar.theme-amber,

.theme-amber .subnavbar,

.subnavbar.theme-amber,

.theme-amber .searchbar,

.searchbar.theme-amber {

  background-color: #ffc107;

}

.theme-amber .range-slider input[type="range"]::-webkit-slider-thumb:before,

.range-slider.theme-amber input[type="range"]::-webkit-slider-thumb:before {

  background-color: #ffc107;

}

.theme-amber .range-slider input[type="range"]::-webkit-slider-thumb,

.range-slider.theme-amber input[type="range"]::-webkit-slider-thumb {

  background-color: #ffc107;

}

.theme-amber .range-slider input[type="range"]::-ms-thumb,

.range-slider.theme-amber input[type="range"]::-ms-thumb {

  background-color: #ffc107;

}

.theme-amber .range-slider input[type="range"]::-ms-fill-lower,

.range-slider.theme-amber input[type="range"]::-ms-fill-lower {

  background-color: #ffc107;

}

.theme-amber .range-slider input[type="range"]::-moz-range-thumb,

.range-slider.theme-amber input[type="range"]::-moz-range-thumb {

  background-color: #ffc107;

}

.theme-amber .label-switch input[type="checkbox"]:checked + .checkbox,

.label-switch.theme-amber input[type="checkbox"]:checked + .checkbox {

  background-color: rgba(255, 193, 7, 0.5);

}

.theme-amber .label-switch input[type="checkbox"]:checked + .checkbox:after,

.label-switch.theme-amber 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,

label.label-checkbox.theme-amber input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,

.theme-amber label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,

label.label-checkbox.theme-amber input[type="radio"]:checked + .item-media i.icon-form-checkbox,

.theme-amber label.label-checkbox input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-amber input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

.theme-amber label.label-checkbox input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-amber input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

.theme-amber label.label-checkbox input[type="checkbox"]:checked ~ .item-inner i.icon-form-checkbox,

label.label-checkbox.theme-amber input[type="checkbox"]:checked ~ .item-inner 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="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,

label.label-radio.theme-amber input[type="checkbox"]:checked + .item-media i.icon-form-radio,

.theme-amber label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio,

label.label-radio.theme-amber input[type="radio"]:checked + .item-media i.icon-form-radio,

.theme-amber label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-amber input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

.theme-amber label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-amber input[type="radio"]:checked ~ .item-after i.icon-form-radio,

.theme-amber label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio,

label.label-radio.theme-amber input[type="checkbox"]:checked ~ .item-inner 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="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,

label.label-radio.theme-amber input[type="checkbox"]:checked + .item-media i.icon-form-radio:after,

.theme-amber label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio:after,

label.label-radio.theme-amber input[type="radio"]:checked + .item-media i.icon-form-radio:after,

.theme-amber label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-amber input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

.theme-amber label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-amber input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

.theme-amber label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio:after,

label.label-radio.theme-amber input[type="checkbox"]:checked ~ .item-inner 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="radio"]:checked ~ .item-inner i.icon-form-radio:after {

  background-color: #ffc107;

}

.theme-amber .focus-state .label,

.theme-amber .focus-state .floating-label {

  color: #ffc107;

}

.theme-amber .item-input-field.focus-state:after,

.theme-amber .input-field.focus-state:after,

.theme-amber .item-input-field.not-empty-state:after,

.theme-amber .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, 0.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,

a.bg-amber,

.list-block .swipeout-actions-left a.bg-amber,

.list-block .swipeout-actions-right a.bg-amber {

  background-color: #ffc107;

}

html:not(.watch-active-state) .list-block .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 .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.bg-amber .item-link:active,

html:not(.watch-active-state) .list-blocka.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-block .item-link.bg-amber:active,

html:not(.watch-active-state) .list-block .item-linka.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,

.list-block .bg-amber .item-link.active-state,

.list-block a.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-block.bg-amber .item-link.active-state,

.list-blocka.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-block .item-link.bg-amber.active-state,

.list-block .item-linka.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 {

  background: #FFA000;

}

.border-amber {

  border-color: #ffc107;

}

.list-block .border-amber.item-inner:after,

.list-block ul.border-amber:after,

.border-amber:after,

.list-block .border-amber.item-inner:before,

.list-block ul.border-amber:before,

.border-amber:before {

  background-color: #ffc107;

}

.theme-amber .floating-button,

.theme-amber .speed-dial-buttons a,

.floating-button.theme-amber,

.speed-dial-buttons a.theme-amber,

.floating-button.color-amber,

.speed-dial-buttons a.color-amber,

.floating-button.bg-amber,

.speed-dial-buttons a.bg-amber {

  color: #fff;

  background: #ffc107;

}

html:not(.watch-active-state) .theme-amber .floating-button:active,

html:not(.watch-active-state) .theme-amber .speed-dial-buttons a:active,

html:not(.watch-active-state) .floating-button.theme-amber:active,

html:not(.watch-active-state) .speed-dial-buttons a.theme-amber:active,

html:not(.watch-active-state) .floating-button.color-amber:active,

html:not(.watch-active-state) .speed-dial-buttons a.color-amber:active,

html:not(.watch-active-state) .floating-button.bg-amber:active,

html:not(.watch-active-state) .speed-dial-buttons a.bg-amber:active,

.theme-amber .floating-button.active-state,

.theme-amber .speed-dial-buttons a.active-state,

.floating-button.theme-amber.active-state,

.speed-dial-buttons a.theme-amber.active-state,

.floating-button.color-amber.active-state,

.speed-dial-buttons a.color-amber.active-state,

.floating-button.bg-amber.active-state,

.speed-dial-buttons a.bg-amber.active-state {

  background: #FFA000;

}

.theme-amber .floating-button i,

.theme-amber .speed-dial-buttons a i,

.floating-button.theme-amber i,

.speed-dial-buttons a.theme-amber i,

.floating-button.color-amber i,

.speed-dial-buttons a.color-amber i,

.floating-button.bg-amber i,

.speed-dial-buttons a.bg-amber i {

  color: inherit;

}

.ripple-amber .ripple-wave {

  background-color: rgba(255, 193, 7, 0.3);

}

.badge.color-amber,

.badge.theme-amber {

  background-color: #ffc107;

  color: #fff;

}

.color-orange {

  color: #ff9800;

}

.list-block .item-link.list-button.color-orange,

.list-block .item-link.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.navbar .button:not(.button-fill),

.theme-orange .toolbar .button:not(.button-fill),

.theme-orange.toolbar .button:not(.button-fill),

.theme-orange .subnavbar .button:not(.button-fill),

.theme-orange.subnavbar .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;

}

html:not(.watch-active-state) .theme-orange .button.button-fill:active,

.theme-orange .button.button-fill.active-state {

  background: #F57C00;

}

.button.button-fill.bg-orange,

.button.button-fill.color-orange {

   background: linear-gradient(to left, #ff1201, #c70044) !important;
    border-radius: 40px;

  color: #fff;

}

html:not(.watch-active-state) .button.button-fill.bg-orange:active,

html:not(.watch-active-state) .button.button-fill.color-orange:active,

.button.button-fill.bg-orange.active-state,

.button.button-fill.color-orange.active-state {

  background: #F57C00 !important;

}

.progressbar.color-orange,

.progressbar.theme-orange,

.theme-orange .progressbar,

.progressbar.bg-orange {

  background-color: rgba(255, 152, 0, 0.5);

}

.progressbar.color-orange span,

.progressbar.theme-orange span,

.theme-orange .progressbar span,

.progressbar.bg-orange span {

  background-color: #ff9800;

}

.progressbar-infinite.color-orange,

.progressbar-infinite.theme-orange,

.theme-orange .progressbar-infinite,

.progressbar-infinite.bg-orange {

  background-color: rgba(255, 152, 0, 0.5);

}

.progressbar-infinite.color-orange:after,

.progressbar-infinite.theme-orange:after,

.theme-orange .progressbar-infinite:after,

.progressbar-infinite.bg-orange:after,

.progressbar-infinite.color-orange:before,

.progressbar-infinite.theme-orange:before,

.theme-orange .progressbar-infinite:before,

.progressbar-infinite.bg-orange: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.preloader-orange .preloader-inner-gap,

.preloader.color-orange .preloader-inner-half-circle,

.preloader.preloader-orange .preloader-inner-half-circle {

  border-color: #ff9800;

}

.theme-orange a {

  color: #ff9800;

}

.theme-orange .navbar,

.navbar.theme-orange,

.theme-orange .toolbar,

.toolbar.theme-orange,

.theme-orange .subnavbar,

.subnavbar.theme-orange,

.theme-orange .searchbar,

.searchbar.theme-orange {

  background-color: #ff9800;

}

.theme-orange .range-slider input[type="range"]::-webkit-slider-thumb:before,

.range-slider.theme-orange input[type="range"]::-webkit-slider-thumb:before {

  background-color: #ff9800;

}

.theme-orange .range-slider input[type="range"]::-webkit-slider-thumb,

.range-slider.theme-orange input[type="range"]::-webkit-slider-thumb {

  background-color: #ff9800;

}

.theme-orange .range-slider input[type="range"]::-ms-thumb,

.range-slider.theme-orange input[type="range"]::-ms-thumb {

  background-color: #ff9800;

}

.theme-orange .range-slider input[type="range"]::-ms-fill-lower,

.range-slider.theme-orange input[type="range"]::-ms-fill-lower {

  background-color: #ff9800;

}

.theme-orange .range-slider input[type="range"]::-moz-range-thumb,

.range-slider.theme-orange input[type="range"]::-moz-range-thumb {

  background-color: #ff9800;

}

.theme-orange .label-switch input[type="checkbox"]:checked + .checkbox,

.label-switch.theme-orange input[type="checkbox"]:checked + .checkbox {

  background-color: rgba(255, 152, 0, 0.5);

}

.theme-orange .label-switch input[type="checkbox"]:checked + .checkbox:after,

.label-switch.theme-orange 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,

label.label-checkbox.theme-orange input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,

.theme-orange label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,

label.label-checkbox.theme-orange input[type="radio"]:checked + .item-media i.icon-form-checkbox,

.theme-orange label.label-checkbox input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-orange input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

.theme-orange label.label-checkbox input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-orange input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

.theme-orange label.label-checkbox input[type="checkbox"]:checked ~ .item-inner i.icon-form-checkbox,

label.label-checkbox.theme-orange input[type="checkbox"]:checked ~ .item-inner 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="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,

label.label-radio.theme-orange input[type="checkbox"]:checked + .item-media i.icon-form-radio,

.theme-orange label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio,

label.label-radio.theme-orange input[type="radio"]:checked + .item-media i.icon-form-radio,

.theme-orange label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-orange input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

.theme-orange label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-orange input[type="radio"]:checked ~ .item-after i.icon-form-radio,

.theme-orange label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio,

label.label-radio.theme-orange input[type="checkbox"]:checked ~ .item-inner 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="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,

label.label-radio.theme-orange input[type="checkbox"]:checked + .item-media i.icon-form-radio:after,

.theme-orange label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio:after,

label.label-radio.theme-orange input[type="radio"]:checked + .item-media i.icon-form-radio:after,

.theme-orange label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-orange input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

.theme-orange label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-orange input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

.theme-orange label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio:after,

label.label-radio.theme-orange input[type="checkbox"]:checked ~ .item-inner 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="radio"]:checked ~ .item-inner i.icon-form-radio:after {

  background-color: #ff9800;

}

.theme-orange .focus-state .label,

.theme-orange .focus-state .floating-label {

  color: #ff9800;

}

.theme-orange .item-input-field.focus-state:after,

.theme-orange .input-field.focus-state:after,

.theme-orange .item-input-field.not-empty-state:after,

.theme-orange .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, 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,

a.bg-orange,

.list-block .swipeout-actions-left a.bg-orange,

.list-block .swipeout-actions-right a.bg-orange {

  background-color: #ff9800;

}

html:not(.watch-active-state) .list-block .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 .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.bg-orange .item-link:active,

html:not(.watch-active-state) .list-blocka.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-block .item-link.bg-orange:active,

html:not(.watch-active-state) .list-block .item-linka.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,

.list-block .bg-orange .item-link.active-state,

.list-block a.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-block.bg-orange .item-link.active-state,

.list-blocka.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-block .item-link.bg-orange.active-state,

.list-block .item-linka.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 {

  background: #F57C00;

}

.border-orange {

  border-color: #ff9800;

}

.list-block .border-orange.item-inner:after,

.list-block ul.border-orange:after,

.border-orange:after,

.list-block .border-orange.item-inner:before,

.list-block ul.border-orange:before,

.border-orange:before {

  background-color: #ff9800;

}

.theme-orange .floating-button,

.theme-orange .speed-dial-buttons a,

.floating-button.theme-orange,

.speed-dial-buttons a.theme-orange,

.floating-button.color-orange,

.speed-dial-buttons a.color-orange,

.floating-button.bg-orange,

.speed-dial-buttons a.bg-orange {

  color: #fff;

  background: #ff9800;

}

html:not(.watch-active-state) .theme-orange .floating-button:active,

html:not(.watch-active-state) .theme-orange .speed-dial-buttons a:active,

html:not(.watch-active-state) .floating-button.theme-orange:active,

html:not(.watch-active-state) .speed-dial-buttons a.theme-orange:active,

html:not(.watch-active-state) .floating-button.color-orange:active,

html:not(.watch-active-state) .speed-dial-buttons a.color-orange:active,

html:not(.watch-active-state) .floating-button.bg-orange:active,

html:not(.watch-active-state) .speed-dial-buttons a.bg-orange:active,

.theme-orange .floating-button.active-state,

.theme-orange .speed-dial-buttons a.active-state,

.floating-button.theme-orange.active-state,

.speed-dial-buttons a.theme-orange.active-state,

.floating-button.color-orange.active-state,

.speed-dial-buttons a.color-orange.active-state,

.floating-button.bg-orange.active-state,

.speed-dial-buttons a.bg-orange.active-state {

  background: #F57C00;

}

.theme-orange .floating-button i,

.theme-orange .speed-dial-buttons a i,

.floating-button.theme-orange i,

.speed-dial-buttons a.theme-orange i,

.floating-button.color-orange i,

.speed-dial-buttons a.color-orange i,

.floating-button.bg-orange i,

.speed-dial-buttons a.bg-orange i {

  color: inherit;

}

.ripple-orange .ripple-wave {

  background-color: rgba(255, 152, 0, 0.3);

}

.badge.color-orange,

.badge.theme-orange {

  background-color: #ff9800;

  color: #fff;

}

.color-deeporange {

  color: #ff5722;

}

.list-block .item-link.list-button.color-deeporange,

.list-block .item-link.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.navbar .button:not(.button-fill),

.theme-deeporange .toolbar .button:not(.button-fill),

.theme-deeporange.toolbar .button:not(.button-fill),

.theme-deeporange .subnavbar .button:not(.button-fill),

.theme-deeporange.subnavbar .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;

}

html:not(.watch-active-state) .theme-deeporange .button.button-fill:active,

.theme-deeporange .button.button-fill.active-state {

  background: #E64A19;

}

.button.button-fill.bg-deeporange,

.button.button-fill.color-deeporange {

  background: #ff5722 !important;

  color: #fff;

}

html:not(.watch-active-state) .button.button-fill.bg-deeporange:active,

html:not(.watch-active-state) .button.button-fill.color-deeporange:active,

.button.button-fill.bg-deeporange.active-state,

.button.button-fill.color-deeporange.active-state {

  background: #E64A19 !important;

}

.progressbar.color-deeporange,

.progressbar.theme-deeporange,

.theme-deeporange .progressbar,

.progressbar.bg-deeporange {

  background-color: rgba(255, 87, 34, 0.5);

}

.progressbar.color-deeporange span,

.progressbar.theme-deeporange span,

.theme-deeporange .progressbar span,

.progressbar.bg-deeporange span {

  background-color: #ff5722;

}

.progressbar-infinite.color-deeporange,

.progressbar-infinite.theme-deeporange,

.theme-deeporange .progressbar-infinite,

.progressbar-infinite.bg-deeporange {

  background-color: rgba(255, 87, 34, 0.5);

}

.progressbar-infinite.color-deeporange:after,

.progressbar-infinite.theme-deeporange:after,

.theme-deeporange .progressbar-infinite:after,

.progressbar-infinite.bg-deeporange:after,

.progressbar-infinite.color-deeporange:before,

.progressbar-infinite.theme-deeporange:before,

.theme-deeporange .progressbar-infinite:before,

.progressbar-infinite.bg-deeporange: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.preloader-deeporange .preloader-inner-gap,

.preloader.color-deeporange .preloader-inner-half-circle,

.preloader.preloader-deeporange .preloader-inner-half-circle {

  border-color: #ff5722;

}

.theme-deeporange a {

  color: #ff5722;

}

.theme-deeporange .navbar,

.navbar.theme-deeporange,

.theme-deeporange .toolbar,

.toolbar.theme-deeporange,

.theme-deeporange .subnavbar,

.subnavbar.theme-deeporange,

.theme-deeporange .searchbar,

.searchbar.theme-deeporange {

  background-color: #ff5722;

}

.theme-deeporange .range-slider input[type="range"]::-webkit-slider-thumb:before,

.range-slider.theme-deeporange input[type="range"]::-webkit-slider-thumb:before {

  background-color: #ff5722;

}

.theme-deeporange .range-slider input[type="range"]::-webkit-slider-thumb,

.range-slider.theme-deeporange input[type="range"]::-webkit-slider-thumb {

  background-color: #ff5722;

}

.theme-deeporange .range-slider input[type="range"]::-ms-thumb,

.range-slider.theme-deeporange input[type="range"]::-ms-thumb {

  background-color: #ff5722;

}

.theme-deeporange .range-slider input[type="range"]::-ms-fill-lower,

.range-slider.theme-deeporange input[type="range"]::-ms-fill-lower {

  background-color: #ff5722;

}

.theme-deeporange .range-slider input[type="range"]::-moz-range-thumb,

.range-slider.theme-deeporange input[type="range"]::-moz-range-thumb {

  background-color: #ff5722;

}

.theme-deeporange .label-switch input[type="checkbox"]:checked + .checkbox,

.label-switch.theme-deeporange input[type="checkbox"]:checked + .checkbox {

  background-color: rgba(255, 87, 34, 0.5);

}

.theme-deeporange .label-switch input[type="checkbox"]:checked + .checkbox:after,

.label-switch.theme-deeporange 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,

label.label-checkbox.theme-deeporange input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,

.theme-deeporange label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,

label.label-checkbox.theme-deeporange input[type="radio"]:checked + .item-media i.icon-form-checkbox,

.theme-deeporange label.label-checkbox input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-deeporange input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

.theme-deeporange label.label-checkbox input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-deeporange input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

.theme-deeporange label.label-checkbox input[type="checkbox"]:checked ~ .item-inner i.icon-form-checkbox,

label.label-checkbox.theme-deeporange input[type="checkbox"]:checked ~ .item-inner 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="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,

label.label-radio.theme-deeporange input[type="checkbox"]:checked + .item-media i.icon-form-radio,

.theme-deeporange label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio,

label.label-radio.theme-deeporange input[type="radio"]:checked + .item-media i.icon-form-radio,

.theme-deeporange label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-deeporange input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

.theme-deeporange label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-deeporange input[type="radio"]:checked ~ .item-after i.icon-form-radio,

.theme-deeporange label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio,

label.label-radio.theme-deeporange input[type="checkbox"]:checked ~ .item-inner 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="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,

label.label-radio.theme-deeporange input[type="checkbox"]:checked + .item-media i.icon-form-radio:after,

.theme-deeporange label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio:after,

label.label-radio.theme-deeporange input[type="radio"]:checked + .item-media i.icon-form-radio:after,

.theme-deeporange label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-deeporange input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

.theme-deeporange label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-deeporange input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

.theme-deeporange label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio:after,

label.label-radio.theme-deeporange input[type="checkbox"]:checked ~ .item-inner 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="radio"]:checked ~ .item-inner i.icon-form-radio:after {

  background-color: #ff5722;

}

.theme-deeporange .focus-state .label,

.theme-deeporange .focus-state .floating-label {

  color: #ff5722;

}

.theme-deeporange .item-input-field.focus-state:after,

.theme-deeporange .input-field.focus-state:after,

.theme-deeporange .item-input-field.not-empty-state:after,

.theme-deeporange .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, 0.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,

a.bg-deeporange,

.list-block .swipeout-actions-left a.bg-deeporange,

.list-block .swipeout-actions-right a.bg-deeporange {

  background-color: #ff5722;

}

html:not(.watch-active-state) .list-block .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 .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.bg-deeporange .item-link:active,

html:not(.watch-active-state) .list-blocka.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-block .item-link.bg-deeporange:active,

html:not(.watch-active-state) .list-block .item-linka.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,

.list-block .bg-deeporange .item-link.active-state,

.list-block a.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-block.bg-deeporange .item-link.active-state,

.list-blocka.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-block .item-link.bg-deeporange.active-state,

.list-block .item-linka.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 {

  background: #E64A19;

}

.border-deeporange {

  border-color: #ff5722;

}

.list-block .border-deeporange.item-inner:after,

.list-block ul.border-deeporange:after,

.border-deeporange:after,

.list-block .border-deeporange.item-inner:before,

.list-block ul.border-deeporange:before,

.border-deeporange:before {

  background-color: #ff5722;

}

.theme-deeporange .floating-button,

.theme-deeporange .speed-dial-buttons a,

.floating-button.theme-deeporange,

.speed-dial-buttons a.theme-deeporange,

.floating-button.color-deeporange,

.speed-dial-buttons a.color-deeporange,

.floating-button.bg-deeporange,

.speed-dial-buttons a.bg-deeporange {

  color: #fff;

  background: #ff5722;

}

html:not(.watch-active-state) .theme-deeporange .floating-button:active,

html:not(.watch-active-state) .theme-deeporange .speed-dial-buttons a:active,

html:not(.watch-active-state) .floating-button.theme-deeporange:active,

html:not(.watch-active-state) .speed-dial-buttons a.theme-deeporange:active,

html:not(.watch-active-state) .floating-button.color-deeporange:active,

html:not(.watch-active-state) .speed-dial-buttons a.color-deeporange:active,

html:not(.watch-active-state) .floating-button.bg-deeporange:active,

html:not(.watch-active-state) .speed-dial-buttons a.bg-deeporange:active,

.theme-deeporange .floating-button.active-state,

.theme-deeporange .speed-dial-buttons a.active-state,

.floating-button.theme-deeporange.active-state,

.speed-dial-buttons a.theme-deeporange.active-state,

.floating-button.color-deeporange.active-state,

.speed-dial-buttons a.color-deeporange.active-state,

.floating-button.bg-deeporange.active-state,

.speed-dial-buttons a.bg-deeporange.active-state {

  background: #E64A19;

}

.theme-deeporange .floating-button i,

.theme-deeporange .speed-dial-buttons a i,

.floating-button.theme-deeporange i,

.speed-dial-buttons a.theme-deeporange i,

.floating-button.color-deeporange i,

.speed-dial-buttons a.color-deeporange i,

.floating-button.bg-deeporange i,

.speed-dial-buttons a.bg-deeporange i {

  color: inherit;

}

.ripple-deeporange .ripple-wave {

  background-color: rgba(255, 87, 34, 0.3);

}

.badge.color-deeporange,

.badge.theme-deeporange {

  background-color: #ff5722;

  color: #fff;

}

.color-brown {

  color: #795548;

}

.list-block .item-link.list-button.color-brown,

.list-block .item-link.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.navbar .button:not(.button-fill),

.theme-brown .toolbar .button:not(.button-fill),

.theme-brown.toolbar .button:not(.button-fill),

.theme-brown .subnavbar .button:not(.button-fill),

.theme-brown.subnavbar .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;

}

html:not(.watch-active-state) .theme-brown .button.button-fill:active,

.theme-brown .button.button-fill.active-state {

  background: #5D4037;

}

.button.button-fill.bg-brown,

.button.button-fill.color-brown {

  background: #795548 !important;

  color: #fff;

}

html:not(.watch-active-state) .button.button-fill.bg-brown:active,

html:not(.watch-active-state) .button.button-fill.color-brown:active,

.button.button-fill.bg-brown.active-state,

.button.button-fill.color-brown.active-state {

  background: #5D4037 !important;

}

.progressbar.color-brown,

.progressbar.theme-brown,

.theme-brown .progressbar,

.progressbar.bg-brown {

  background-color: rgba(121, 85, 72, 0.5);

}

.progressbar.color-brown span,

.progressbar.theme-brown span,

.theme-brown .progressbar span,

.progressbar.bg-brown span {

  background-color: #795548;

}

.progressbar-infinite.color-brown,

.progressbar-infinite.theme-brown,

.theme-brown .progressbar-infinite,

.progressbar-infinite.bg-brown {

  background-color: rgba(121, 85, 72, 0.5);

}

.progressbar-infinite.color-brown:after,

.progressbar-infinite.theme-brown:after,

.theme-brown .progressbar-infinite:after,

.progressbar-infinite.bg-brown:after,

.progressbar-infinite.color-brown:before,

.progressbar-infinite.theme-brown:before,

.theme-brown .progressbar-infinite:before,

.progressbar-infinite.bg-brown: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.preloader-brown .preloader-inner-gap,

.preloader.color-brown .preloader-inner-half-circle,

.preloader.preloader-brown .preloader-inner-half-circle {

  border-color: #795548;

}

.theme-brown a {

  color: #795548;

}

.theme-brown .navbar,

.navbar.theme-brown,

.theme-brown .toolbar,

.toolbar.theme-brown,

.theme-brown .subnavbar,

.subnavbar.theme-brown,

.theme-brown .searchbar,

.searchbar.theme-brown {

  background-color: #795548;

}

.theme-brown .range-slider input[type="range"]::-webkit-slider-thumb:before,

.range-slider.theme-brown input[type="range"]::-webkit-slider-thumb:before {

  background-color: #795548;

}

.theme-brown .range-slider input[type="range"]::-webkit-slider-thumb,

.range-slider.theme-brown input[type="range"]::-webkit-slider-thumb {

  background-color: #795548;

}

.theme-brown .range-slider input[type="range"]::-ms-thumb,

.range-slider.theme-brown input[type="range"]::-ms-thumb {

  background-color: #795548;

}

.theme-brown .range-slider input[type="range"]::-ms-fill-lower,

.range-slider.theme-brown input[type="range"]::-ms-fill-lower {

  background-color: #795548;

}

.theme-brown .range-slider input[type="range"]::-moz-range-thumb,

.range-slider.theme-brown input[type="range"]::-moz-range-thumb {

  background-color: #795548;

}

.theme-brown .label-switch input[type="checkbox"]:checked + .checkbox,

.label-switch.theme-brown input[type="checkbox"]:checked + .checkbox {

  background-color: rgba(121, 85, 72, 0.5);

}

.theme-brown .label-switch input[type="checkbox"]:checked + .checkbox:after,

.label-switch.theme-brown 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,

label.label-checkbox.theme-brown input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,

.theme-brown label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,

label.label-checkbox.theme-brown input[type="radio"]:checked + .item-media i.icon-form-checkbox,

.theme-brown label.label-checkbox input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-brown input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

.theme-brown label.label-checkbox input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-brown input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

.theme-brown label.label-checkbox input[type="checkbox"]:checked ~ .item-inner i.icon-form-checkbox,

label.label-checkbox.theme-brown input[type="checkbox"]:checked ~ .item-inner 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="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,

label.label-radio.theme-brown input[type="checkbox"]:checked + .item-media i.icon-form-radio,

.theme-brown label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio,

label.label-radio.theme-brown input[type="radio"]:checked + .item-media i.icon-form-radio,

.theme-brown label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-brown input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

.theme-brown label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-brown input[type="radio"]:checked ~ .item-after i.icon-form-radio,

.theme-brown label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio,

label.label-radio.theme-brown input[type="checkbox"]:checked ~ .item-inner 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="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,

label.label-radio.theme-brown input[type="checkbox"]:checked + .item-media i.icon-form-radio:after,

.theme-brown label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio:after,

label.label-radio.theme-brown input[type="radio"]:checked + .item-media i.icon-form-radio:after,

.theme-brown label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-brown input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

.theme-brown label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-brown input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

.theme-brown label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio:after,

label.label-radio.theme-brown input[type="checkbox"]:checked ~ .item-inner 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="radio"]:checked ~ .item-inner i.icon-form-radio:after {

  background-color: #795548;

}

.theme-brown .focus-state .label,

.theme-brown .focus-state .floating-label {

  color: #795548;

}

.theme-brown .item-input-field.focus-state:after,

.theme-brown .input-field.focus-state:after,

.theme-brown .item-input-field.not-empty-state:after,

.theme-brown .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, 0.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,

a.bg-brown,

.list-block .swipeout-actions-left a.bg-brown,

.list-block .swipeout-actions-right a.bg-brown {

  background-color: #795548;

}

html:not(.watch-active-state) .list-block .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 .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.bg-brown .item-link:active,

html:not(.watch-active-state) .list-blocka.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-block .item-link.bg-brown:active,

html:not(.watch-active-state) .list-block .item-linka.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,

.list-block .bg-brown .item-link.active-state,

.list-block a.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-block.bg-brown .item-link.active-state,

.list-blocka.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-block .item-link.bg-brown.active-state,

.list-block .item-linka.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 {

  background: #5D4037;

}

.border-brown {

  border-color: #795548;

}

.list-block .border-brown.item-inner:after,

.list-block ul.border-brown:after,

.border-brown:after,

.list-block .border-brown.item-inner:before,

.list-block ul.border-brown:before,

.border-brown:before {

  background-color: #795548;

}

.theme-brown .floating-button,

.theme-brown .speed-dial-buttons a,

.floating-button.theme-brown,

.speed-dial-buttons a.theme-brown,

.floating-button.color-brown,

.speed-dial-buttons a.color-brown,

.floating-button.bg-brown,

.speed-dial-buttons a.bg-brown {

  color: #fff;

  background: #795548;

}

html:not(.watch-active-state) .theme-brown .floating-button:active,

html:not(.watch-active-state) .theme-brown .speed-dial-buttons a:active,

html:not(.watch-active-state) .floating-button.theme-brown:active,

html:not(.watch-active-state) .speed-dial-buttons a.theme-brown:active,

html:not(.watch-active-state) .floating-button.color-brown:active,

html:not(.watch-active-state) .speed-dial-buttons a.color-brown:active,

html:not(.watch-active-state) .floating-button.bg-brown:active,

html:not(.watch-active-state) .speed-dial-buttons a.bg-brown:active,

.theme-brown .floating-button.active-state,

.theme-brown .speed-dial-buttons a.active-state,

.floating-button.theme-brown.active-state,

.speed-dial-buttons a.theme-brown.active-state,

.floating-button.color-brown.active-state,

.speed-dial-buttons a.color-brown.active-state,

.floating-button.bg-brown.active-state,

.speed-dial-buttons a.bg-brown.active-state {

  background: #5D4037;

}

.theme-brown .floating-button i,

.theme-brown .speed-dial-buttons a i,

.floating-button.theme-brown i,

.speed-dial-buttons a.theme-brown i,

.floating-button.color-brown i,

.speed-dial-buttons a.color-brown i,

.floating-button.bg-brown i,

.speed-dial-buttons a.bg-brown i {

  color: inherit;

}

.ripple-brown .ripple-wave {

  background-color: rgba(121, 85, 72, 0.3);

}

.badge.color-brown,

.badge.theme-brown {

  background-color: #795548;

  color: #fff;

}

.color-gray {

  color: #9e9e9e;

}

.list-block .item-link.list-button.color-gray,

.list-block .item-link.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.navbar .button:not(.button-fill),

.theme-gray .toolbar .button:not(.button-fill),

.theme-gray.toolbar .button:not(.button-fill),

.theme-gray .subnavbar .button:not(.button-fill),

.theme-gray.subnavbar .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;

}

html:not(.watch-active-state) .theme-gray .button.button-fill:active,

.theme-gray .button.button-fill.active-state {

  background: #616161;

}

.button.button-fill.bg-gray,

.button.button-fill.color-gray {

  background: #9e9e9e !important;

  color: #fff;

}

html:not(.watch-active-state) .button.button-fill.bg-gray:active,

html:not(.watch-active-state) .button.button-fill.color-gray:active,

.button.button-fill.bg-gray.active-state,

.button.button-fill.color-gray.active-state {

  background: #616161 !important;

}

.progressbar.color-gray,

.progressbar.theme-gray,

.theme-gray .progressbar,

.progressbar.bg-gray {

  background-color: rgba(158, 158, 158, 0.5);

}

.progressbar.color-gray span,

.progressbar.theme-gray span,

.theme-gray .progressbar span,

.progressbar.bg-gray span {

  background-color: #9e9e9e;

}

.progressbar-infinite.color-gray,

.progressbar-infinite.theme-gray,

.theme-gray .progressbar-infinite,

.progressbar-infinite.bg-gray {

  background-color: rgba(158, 158, 158, 0.5);

}

.progressbar-infinite.color-gray:after,

.progressbar-infinite.theme-gray:after,

.theme-gray .progressbar-infinite:after,

.progressbar-infinite.bg-gray:after,

.progressbar-infinite.color-gray:before,

.progressbar-infinite.theme-gray:before,

.theme-gray .progressbar-infinite:before,

.progressbar-infinite.bg-gray: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.preloader-gray .preloader-inner-gap,

.preloader.color-gray .preloader-inner-half-circle,

.preloader.preloader-gray .preloader-inner-half-circle {

  border-color: #9e9e9e;

}

.theme-gray a {

  color: #9e9e9e;

}

.theme-gray .navbar,

.navbar.theme-gray,

.theme-gray .toolbar,

.toolbar.theme-gray,

.theme-gray .subnavbar,

.subnavbar.theme-gray,

.theme-gray .searchbar,

.searchbar.theme-gray {

  background-color: #9e9e9e;

}

.theme-gray .range-slider input[type="range"]::-webkit-slider-thumb:before,

.range-slider.theme-gray input[type="range"]::-webkit-slider-thumb:before {

  background-color: #9e9e9e;

}

.theme-gray .range-slider input[type="range"]::-webkit-slider-thumb,

.range-slider.theme-gray input[type="range"]::-webkit-slider-thumb {

  background-color: #9e9e9e;

}

.theme-gray .range-slider input[type="range"]::-ms-thumb,

.range-slider.theme-gray input[type="range"]::-ms-thumb {

  background-color: #9e9e9e;

}

.theme-gray .range-slider input[type="range"]::-ms-fill-lower,

.range-slider.theme-gray input[type="range"]::-ms-fill-lower {

  background-color: #9e9e9e;

}

.theme-gray .range-slider input[type="range"]::-moz-range-thumb,

.range-slider.theme-gray input[type="range"]::-moz-range-thumb {

  background-color: #9e9e9e;

}

.theme-gray .label-switch input[type="checkbox"]:checked + .checkbox,

.label-switch.theme-gray input[type="checkbox"]:checked + .checkbox {

  background-color: rgba(158, 158, 158, 0.5);

}

.theme-gray .label-switch input[type="checkbox"]:checked + .checkbox:after,

.label-switch.theme-gray 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,

label.label-checkbox.theme-gray input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,

.theme-gray label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,

label.label-checkbox.theme-gray input[type="radio"]:checked + .item-media i.icon-form-checkbox,

.theme-gray label.label-checkbox input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-gray input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

.theme-gray label.label-checkbox input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-gray input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

.theme-gray label.label-checkbox input[type="checkbox"]:checked ~ .item-inner i.icon-form-checkbox,

label.label-checkbox.theme-gray input[type="checkbox"]:checked ~ .item-inner 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="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,

label.label-radio.theme-gray input[type="checkbox"]:checked + .item-media i.icon-form-radio,

.theme-gray label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio,

label.label-radio.theme-gray input[type="radio"]:checked + .item-media i.icon-form-radio,

.theme-gray label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-gray input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

.theme-gray label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-gray input[type="radio"]:checked ~ .item-after i.icon-form-radio,

.theme-gray label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio,

label.label-radio.theme-gray input[type="checkbox"]:checked ~ .item-inner 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="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,

label.label-radio.theme-gray input[type="checkbox"]:checked + .item-media i.icon-form-radio:after,

.theme-gray label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio:after,

label.label-radio.theme-gray input[type="radio"]:checked + .item-media i.icon-form-radio:after,

.theme-gray label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-gray input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

.theme-gray label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-gray input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

.theme-gray label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio:after,

label.label-radio.theme-gray input[type="checkbox"]:checked ~ .item-inner 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="radio"]:checked ~ .item-inner i.icon-form-radio:after {

  background-color: #9e9e9e;

}

.theme-gray .focus-state .label,

.theme-gray .focus-state .floating-label {

  color: #9e9e9e;

}

.theme-gray .item-input-field.focus-state:after,

.theme-gray .input-field.focus-state:after,

.theme-gray .item-input-field.not-empty-state:after,

.theme-gray .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, 0.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,

a.bg-gray,

.list-block .swipeout-actions-left a.bg-gray,

.list-block .swipeout-actions-right a.bg-gray {

  background-color: #9e9e9e;

}

html:not(.watch-active-state) .list-block .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 .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.bg-gray .item-link:active,

html:not(.watch-active-state) .list-blocka.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-block .item-link.bg-gray:active,

html:not(.watch-active-state) .list-block .item-linka.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,

.list-block .bg-gray .item-link.active-state,

.list-block a.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-block.bg-gray .item-link.active-state,

.list-blocka.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-block .item-link.bg-gray.active-state,

.list-block .item-linka.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 {

  background: #616161;

}

.border-gray {

  border-color: #9e9e9e;

}

.list-block .border-gray.item-inner:after,

.list-block ul.border-gray:after,

.border-gray:after,

.list-block .border-gray.item-inner:before,

.list-block ul.border-gray:before,

.border-gray:before {

  background-color: #9e9e9e;

}

.theme-gray .floating-button,

.theme-gray .speed-dial-buttons a,

.floating-button.theme-gray,

.speed-dial-buttons a.theme-gray,

.floating-button.color-gray,

.speed-dial-buttons a.color-gray,

.floating-button.bg-gray,

.speed-dial-buttons a.bg-gray {

  color: #fff;

  background: #9e9e9e;

}

html:not(.watch-active-state) .theme-gray .floating-button:active,

html:not(.watch-active-state) .theme-gray .speed-dial-buttons a:active,

html:not(.watch-active-state) .floating-button.theme-gray:active,

html:not(.watch-active-state) .speed-dial-buttons a.theme-gray:active,

html:not(.watch-active-state) .floating-button.color-gray:active,

html:not(.watch-active-state) .speed-dial-buttons a.color-gray:active,

html:not(.watch-active-state) .floating-button.bg-gray:active,

html:not(.watch-active-state) .speed-dial-buttons a.bg-gray:active,

.theme-gray .floating-button.active-state,

.theme-gray .speed-dial-buttons a.active-state,

.floating-button.theme-gray.active-state,

.speed-dial-buttons a.theme-gray.active-state,

.floating-button.color-gray.active-state,

.speed-dial-buttons a.color-gray.active-state,

.floating-button.bg-gray.active-state,

.speed-dial-buttons a.bg-gray.active-state {

  background: #616161;

}

.theme-gray .floating-button i,

.theme-gray .speed-dial-buttons a i,

.floating-button.theme-gray i,

.speed-dial-buttons a.theme-gray i,

.floating-button.color-gray i,

.speed-dial-buttons a.color-gray i,

.floating-button.bg-gray i,

.speed-dial-buttons a.bg-gray i {

  color: inherit;

}

.ripple-gray .ripple-wave {

  background-color: rgba(158, 158, 158, 0.3);

}

.badge.color-gray,

.badge.theme-gray {

  background-color: #9e9e9e;

  color: #fff;

}

.color-bluegray {

  color: #607d8b;

}

.list-block .item-link.list-button.color-bluegray,

.list-block .item-link.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.navbar .button:not(.button-fill),

.theme-bluegray .toolbar .button:not(.button-fill),

.theme-bluegray.toolbar .button:not(.button-fill),

.theme-bluegray .subnavbar .button:not(.button-fill),

.theme-bluegray.subnavbar .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;

}

html:not(.watch-active-state) .theme-bluegray .button.button-fill:active,

.theme-bluegray .button.button-fill.active-state {

  background: #455A64;

}

.button.button-fill.bg-bluegray,

.button.button-fill.color-bluegray {

  background: #607d8b !important;

  color: #fff;

}

html:not(.watch-active-state) .button.button-fill.bg-bluegray:active,

html:not(.watch-active-state) .button.button-fill.color-bluegray:active,

.button.button-fill.bg-bluegray.active-state,

.button.button-fill.color-bluegray.active-state {

  background: #455A64 !important;

}

.progressbar.color-bluegray,

.progressbar.theme-bluegray,

.theme-bluegray .progressbar,

.progressbar.bg-bluegray {

  background-color: rgba(96, 125, 139, 0.5);

}

.progressbar.color-bluegray span,

.progressbar.theme-bluegray span,

.theme-bluegray .progressbar span,

.progressbar.bg-bluegray span {

  background-color: #607d8b;

}

.progressbar-infinite.color-bluegray,

.progressbar-infinite.theme-bluegray,

.theme-bluegray .progressbar-infinite,

.progressbar-infinite.bg-bluegray {

  background-color: rgba(96, 125, 139, 0.5);

}

.progressbar-infinite.color-bluegray:after,

.progressbar-infinite.theme-bluegray:after,

.theme-bluegray .progressbar-infinite:after,

.progressbar-infinite.bg-bluegray:after,

.progressbar-infinite.color-bluegray:before,

.progressbar-infinite.theme-bluegray:before,

.theme-bluegray .progressbar-infinite:before,

.progressbar-infinite.bg-bluegray: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.preloader-bluegray .preloader-inner-gap,

.preloader.color-bluegray .preloader-inner-half-circle,

.preloader.preloader-bluegray .preloader-inner-half-circle {

  border-color: #607d8b;

}

.theme-bluegray a {

  color: #607d8b;

}

.theme-bluegray .navbar,

.navbar.theme-bluegray,

.theme-bluegray .toolbar,

.toolbar.theme-bluegray,

.theme-bluegray .subnavbar,

.subnavbar.theme-bluegray,

.theme-bluegray .searchbar,

.searchbar.theme-bluegray {

  background-color: #607d8b;

}

.theme-bluegray .range-slider input[type="range"]::-webkit-slider-thumb:before,

.range-slider.theme-bluegray input[type="range"]::-webkit-slider-thumb:before {

  background-color: #607d8b;

}

.theme-bluegray .range-slider input[type="range"]::-webkit-slider-thumb,

.range-slider.theme-bluegray input[type="range"]::-webkit-slider-thumb {

  background-color: #607d8b;

}

.theme-bluegray .range-slider input[type="range"]::-ms-thumb,

.range-slider.theme-bluegray input[type="range"]::-ms-thumb {

  background-color: #607d8b;

}

.theme-bluegray .range-slider input[type="range"]::-ms-fill-lower,

.range-slider.theme-bluegray input[type="range"]::-ms-fill-lower {

  background-color: #607d8b;

}

.theme-bluegray .range-slider input[type="range"]::-moz-range-thumb,

.range-slider.theme-bluegray input[type="range"]::-moz-range-thumb {

  background-color: #607d8b;

}

.theme-bluegray .label-switch input[type="checkbox"]:checked + .checkbox,

.label-switch.theme-bluegray input[type="checkbox"]:checked + .checkbox {

  background-color: rgba(96, 125, 139, 0.5);

}

.theme-bluegray .label-switch input[type="checkbox"]:checked + .checkbox:after,

.label-switch.theme-bluegray 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,

label.label-checkbox.theme-bluegray input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,

.theme-bluegray label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,

label.label-checkbox.theme-bluegray input[type="radio"]:checked + .item-media i.icon-form-checkbox,

.theme-bluegray label.label-checkbox input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-bluegray input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

.theme-bluegray label.label-checkbox input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-bluegray input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

.theme-bluegray label.label-checkbox input[type="checkbox"]:checked ~ .item-inner i.icon-form-checkbox,

label.label-checkbox.theme-bluegray input[type="checkbox"]:checked ~ .item-inner 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="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,

label.label-radio.theme-bluegray input[type="checkbox"]:checked + .item-media i.icon-form-radio,

.theme-bluegray label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio,

label.label-radio.theme-bluegray input[type="radio"]:checked + .item-media i.icon-form-radio,

.theme-bluegray label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-bluegray input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

.theme-bluegray label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-bluegray input[type="radio"]:checked ~ .item-after i.icon-form-radio,

.theme-bluegray label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio,

label.label-radio.theme-bluegray input[type="checkbox"]:checked ~ .item-inner 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="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,

label.label-radio.theme-bluegray input[type="checkbox"]:checked + .item-media i.icon-form-radio:after,

.theme-bluegray label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio:after,

label.label-radio.theme-bluegray input[type="radio"]:checked + .item-media i.icon-form-radio:after,

.theme-bluegray label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-bluegray input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

.theme-bluegray label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-bluegray input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

.theme-bluegray label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio:after,

label.label-radio.theme-bluegray input[type="checkbox"]:checked ~ .item-inner 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="radio"]:checked ~ .item-inner i.icon-form-radio:after {

  background-color: #607d8b;

}

.theme-bluegray .focus-state .label,

.theme-bluegray .focus-state .floating-label {

  color: #607d8b;

}

.theme-bluegray .item-input-field.focus-state:after,

.theme-bluegray .input-field.focus-state:after,

.theme-bluegray .item-input-field.not-empty-state:after,

.theme-bluegray .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, 0.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,

a.bg-bluegray,

.list-block .swipeout-actions-left a.bg-bluegray,

.list-block .swipeout-actions-right a.bg-bluegray {

  background-color: #607d8b;

}

html:not(.watch-active-state) .list-block .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 .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.bg-bluegray .item-link:active,

html:not(.watch-active-state) .list-blocka.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-block .item-link.bg-bluegray:active,

html:not(.watch-active-state) .list-block .item-linka.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,

.list-block .bg-bluegray .item-link.active-state,

.list-block a.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-block.bg-bluegray .item-link.active-state,

.list-blocka.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-block .item-link.bg-bluegray.active-state,

.list-block .item-linka.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 {

  background: #455A64;

}

.border-bluegray {

  border-color: #607d8b;

}

.list-block .border-bluegray.item-inner:after,

.list-block ul.border-bluegray:after,

.border-bluegray:after,

.list-block .border-bluegray.item-inner:before,

.list-block ul.border-bluegray:before,

.border-bluegray:before {

  background-color: #607d8b;

}

.theme-bluegray .floating-button,

.theme-bluegray .speed-dial-buttons a,

.floating-button.theme-bluegray,

.speed-dial-buttons a.theme-bluegray,

.floating-button.color-bluegray,

.speed-dial-buttons a.color-bluegray,

.floating-button.bg-bluegray,

.speed-dial-buttons a.bg-bluegray {

  color: #fff;

  background: #607d8b;

}

html:not(.watch-active-state) .theme-bluegray .floating-button:active,

html:not(.watch-active-state) .theme-bluegray .speed-dial-buttons a:active,

html:not(.watch-active-state) .floating-button.theme-bluegray:active,

html:not(.watch-active-state) .speed-dial-buttons a.theme-bluegray:active,

html:not(.watch-active-state) .floating-button.color-bluegray:active,

html:not(.watch-active-state) .speed-dial-buttons a.color-bluegray:active,

html:not(.watch-active-state) .floating-button.bg-bluegray:active,

html:not(.watch-active-state) .speed-dial-buttons a.bg-bluegray:active,

.theme-bluegray .floating-button.active-state,

.theme-bluegray .speed-dial-buttons a.active-state,

.floating-button.theme-bluegray.active-state,

.speed-dial-buttons a.theme-bluegray.active-state,

.floating-button.color-bluegray.active-state,

.speed-dial-buttons a.color-bluegray.active-state,

.floating-button.bg-bluegray.active-state,

.speed-dial-buttons a.bg-bluegray.active-state {

  background: #455A64;

}

.theme-bluegray .floating-button i,

.theme-bluegray .speed-dial-buttons a i,

.floating-button.theme-bluegray i,

.speed-dial-buttons a.theme-bluegray i,

.floating-button.color-bluegray i,

.speed-dial-buttons a.color-bluegray i,

.floating-button.bg-bluegray i,

.speed-dial-buttons a.bg-bluegray i {

  color: inherit;

}

.ripple-bluegray .ripple-wave {

  background-color: rgba(96, 125, 139, 0.3);

}

.badge.color-bluegray,

.badge.theme-bluegray {

  background-color: #607d8b;

  color: #fff;

}

.color-white {

  color: #ffffff;

}

.list-block .item-link.list-button.color-white,

.list-block .item-link.color-white,

.tabbar a.active.color-white,

a.color-white {

  color: #ffffff;

}

.label-switch input[type="checkbox"]:checked + .checkbox.color-white,

.label-switch.color-white input[type="checkbox"]:checked + .checkbox {

  background-color: #ffffff;

}

.theme-white .button:not(.button-fill) {

  color: #ffffff;

}

.theme-white .navbar .button:not(.button-fill),

.theme-white.navbar .button:not(.button-fill),

.theme-white .toolbar .button:not(.button-fill),

.theme-white.toolbar .button:not(.button-fill),

.theme-white .subnavbar .button:not(.button-fill),

.theme-white.subnavbar .button:not(.button-fill) {

  color: #fff;

}

.button.color-white:not(.button-fill),

.color-white.buttons-row .button:not(.button-fill) {

  color: #ffffff !important;

}

.theme-white .button.button-fill {

  background: #ffffff;

  color: #fff;

}

html:not(.watch-active-state) .theme-white .button.button-fill:active,

.theme-white .button.button-fill.active-state {

  background: rgba(0, 0, 0, 0.1);

}

.button.button-fill.bg-white,

.button.button-fill.color-white {

  background: #ffffff !important;

  color: #fff;

}

html:not(.watch-active-state) .button.button-fill.bg-white:active,

html:not(.watch-active-state) .button.button-fill.color-white:active,

.button.button-fill.bg-white.active-state,

.button.button-fill.color-white.active-state {

  background: rgba(0, 0, 0, 0.1) !important;

}

.progressbar.color-white,

.progressbar.theme-white,

.theme-white .progressbar,

.progressbar.bg-white {

  background-color: rgba(255, 255, 255, 0.5);

}

.progressbar.color-white span,

.progressbar.theme-white span,

.theme-white .progressbar span,

.progressbar.bg-white span {

  background-color: #ffffff;

}

.progressbar-infinite.color-white,

.progressbar-infinite.theme-white,

.theme-white .progressbar-infinite,

.progressbar-infinite.bg-white {

  background-color: rgba(255, 255, 255, 0.5);

}

.progressbar-infinite.color-white:after,

.progressbar-infinite.theme-white:after,

.theme-white .progressbar-infinite:after,

.progressbar-infinite.bg-white:after,

.progressbar-infinite.color-white:before,

.progressbar-infinite.theme-white:before,

.theme-white .progressbar-infinite:before,

.progressbar-infinite.bg-white:before {

  background-color: #ffffff;

}

.color-white i.icon,

i.icon.color-white {

  color: #ffffff;

}

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: #ffffff;

}

.preloader.color-white .preloader-inner-gap,

.preloader.preloader-white .preloader-inner-gap,

.preloader.color-white .preloader-inner-half-circle,

.preloader.preloader-white .preloader-inner-half-circle {

  border-color: #ffffff;

}

.theme-white a {

  color: #ffffff;

}

.theme-white .navbar,

.navbar.theme-white,

.theme-white .toolbar,

.toolbar.theme-white,

.theme-white .subnavbar,

.subnavbar.theme-white,

.theme-white .searchbar,

.searchbar.theme-white {

  background-color: #ffffff;

}

.theme-white .range-slider input[type="range"]::-webkit-slider-thumb:before,

.range-slider.theme-white input[type="range"]::-webkit-slider-thumb:before {

  background-color: #ffffff;

}

.theme-white .range-slider input[type="range"]::-webkit-slider-thumb,

.range-slider.theme-white input[type="range"]::-webkit-slider-thumb {

  background-color: #ffffff;

}

.theme-white .range-slider input[type="range"]::-ms-thumb,

.range-slider.theme-white input[type="range"]::-ms-thumb {

  background-color: #ffffff;

}

.theme-white .range-slider input[type="range"]::-ms-fill-lower,

.range-slider.theme-white input[type="range"]::-ms-fill-lower {

  background-color: #ffffff;

}

.theme-white .range-slider input[type="range"]::-moz-range-thumb,

.range-slider.theme-white input[type="range"]::-moz-range-thumb {

  background-color: #ffffff;

}

.theme-white .label-switch input[type="checkbox"]:checked + .checkbox,

.label-switch.theme-white input[type="checkbox"]:checked + .checkbox {

  background-color: rgba(255, 255, 255, 0.5);

}

.theme-white .label-switch input[type="checkbox"]:checked + .checkbox:after,

.label-switch.theme-white input[type="checkbox"]:checked + .checkbox:after {

  background-color: #ffffff;

}

.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,

label.label-checkbox.theme-white input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,

.theme-white label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,

label.label-checkbox.theme-white input[type="radio"]:checked + .item-media i.icon-form-checkbox,

.theme-white label.label-checkbox input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-white input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

.theme-white label.label-checkbox input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-white input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

.theme-white label.label-checkbox input[type="checkbox"]:checked ~ .item-inner i.icon-form-checkbox,

label.label-checkbox.theme-white input[type="checkbox"]:checked ~ .item-inner 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="radio"]:checked ~ .item-inner i.icon-form-checkbox {

  border-color: #ffffff;

  background-color: #ffffff;

}

.theme-white label.label-radio i.icon-form-radio:after,

label.label-radio.theme-white i.icon-form-radio:after {

  background-color: #ffffff;

}

.theme-white label.label-radio input[type="checkbox"]:checked + .item-media i.icon-form-radio,

label.label-radio.theme-white input[type="checkbox"]:checked + .item-media i.icon-form-radio,

.theme-white label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio,

label.label-radio.theme-white input[type="radio"]:checked + .item-media i.icon-form-radio,

.theme-white label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-white input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

.theme-white label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-white input[type="radio"]:checked ~ .item-after i.icon-form-radio,

.theme-white label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio,

label.label-radio.theme-white input[type="checkbox"]:checked ~ .item-inner 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="radio"]:checked ~ .item-inner i.icon-form-radio {

  border-color: #ffffff;

}

.theme-white label.label-radio input[type="checkbox"]:checked + .item-media i.icon-form-radio:after,

label.label-radio.theme-white input[type="checkbox"]:checked + .item-media i.icon-form-radio:after,

.theme-white label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio:after,

label.label-radio.theme-white input[type="radio"]:checked + .item-media i.icon-form-radio:after,

.theme-white label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-white input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

.theme-white label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-white input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

.theme-white label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio:after,

label.label-radio.theme-white input[type="checkbox"]:checked ~ .item-inner 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="radio"]:checked ~ .item-inner i.icon-form-radio:after {

  background-color: #ffffff;

}

.theme-white .focus-state .label,

.theme-white .focus-state .floating-label {

  color: #ffffff;

}

.theme-white .item-input-field.focus-state:after,

.theme-white .input-field.focus-state:after,

.theme-white .item-input-field.not-empty-state:after,

.theme-white .input-field.not-empty-state:after {

  background: #ffffff;

}

.theme-white .picker-calendar-day.picker-calendar-day-today span {

  color: #ffffff;

}

.theme-white .picker-calendar-day.picker-calendar-day-selected span {

  background-color: #ffffff;

  color: #fff;

}

.theme-white .picker-calendar-day.picker-calendar-day-has-events span:after {

  background-color: #ffffff;

}

.theme-white .picker-header {

  background-color: #ffffff;

}

.theme-white .modal-button {

  color: #ffffff;

}

.swiper-pagination.color-white .swiper-pagination-bullet-active,

.theme-white .swiper-pagination .swiper-pagination-bullet-active {

  background-color: #ffffff;

}

.swiper-pagination.color-white .swiper-pagination-progressbar,

.theme-white .swiper-pagination .swiper-pagination-progressbar {

  background-color: #ffffff;

}

.swiper-pagination.swiper-pagination-progress.bg-white {

  background-color: rgba(255, 255, 255, 0.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,

a.bg-white,

.list-block .swipeout-actions-left a.bg-white,

.list-block .swipeout-actions-right a.bg-white {

  background-color: #ffffff;

}

html:not(.watch-active-state) .list-block .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 .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.bg-white .item-link:active,

html:not(.watch-active-state) .list-blocka.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-block .item-link.bg-white:active,

html:not(.watch-active-state) .list-block .item-linka.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,

.list-block .bg-white .item-link.active-state,

.list-block a.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-block.bg-white .item-link.active-state,

.list-blocka.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-block .item-link.bg-white.active-state,

.list-block .item-linka.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 {

  background: rgba(0, 0, 0, 0.1);

}

.border-white {

  border-color: #ffffff;

}

.list-block .border-white.item-inner:after,

.list-block ul.border-white:after,

.border-white:after,

.list-block .border-white.item-inner:before,

.list-block ul.border-white:before,

.border-white:before {

  background-color: #ffffff;

}

.theme-white .floating-button,

.theme-white .speed-dial-buttons a,

.floating-button.theme-white,

.speed-dial-buttons a.theme-white,

.floating-button.color-white,

.speed-dial-buttons a.color-white,

.floating-button.bg-white,

.speed-dial-buttons a.bg-white {

  color: #fff;

  background: #ffffff;

}

html:not(.watch-active-state) .theme-white .floating-button:active,

html:not(.watch-active-state) .theme-white .speed-dial-buttons a:active,

html:not(.watch-active-state) .floating-button.theme-white:active,

html:not(.watch-active-state) .speed-dial-buttons a.theme-white:active,

html:not(.watch-active-state) .floating-button.color-white:active,

html:not(.watch-active-state) .speed-dial-buttons a.color-white:active,

html:not(.watch-active-state) .floating-button.bg-white:active,

html:not(.watch-active-state) .speed-dial-buttons a.bg-white:active,

.theme-white .floating-button.active-state,

.theme-white .speed-dial-buttons a.active-state,

.floating-button.theme-white.active-state,

.speed-dial-buttons a.theme-white.active-state,

.floating-button.color-white.active-state,

.speed-dial-buttons a.color-white.active-state,

.floating-button.bg-white.active-state,

.speed-dial-buttons a.bg-white.active-state {

  background: rgba(0, 0, 0, 0.1);

}

.theme-white .floating-button i,

.theme-white .speed-dial-buttons a i,

.floating-button.theme-white i,

.speed-dial-buttons a.theme-white i,

.floating-button.color-white i,

.speed-dial-buttons a.color-white i,

.floating-button.bg-white i,

.speed-dial-buttons a.bg-white i {

  color: inherit;

}

.ripple-white .ripple-wave {

  background-color: rgba(255, 255, 255, 0.3);

}

.badge.color-white,

.badge.theme-white {

  background-color: #ffffff;

  color: #fff;

}

.color-black {

  color: #000000;

}

.list-block .item-link.list-button.color-black,

.list-block .item-link.color-black,

.tabbar a.active.color-black,

a.color-black {

  color: #000000;

}

.label-switch input[type="checkbox"]:checked + .checkbox.color-black,

.label-switch.color-black input[type="checkbox"]:checked + .checkbox {

  background-color: #000000;

}

.theme-black .button:not(.button-fill) {

  color: #000000;

}

.theme-black .navbar .button:not(.button-fill),

.theme-black.navbar .button:not(.button-fill),

.theme-black .toolbar .button:not(.button-fill),

.theme-black.toolbar .button:not(.button-fill),

.theme-black .subnavbar .button:not(.button-fill),

.theme-black.subnavbar .button:not(.button-fill) {

  color: #fff;

}

.button.color-black:not(.button-fill),

.color-black.buttons-row .button:not(.button-fill) {

  color: #000000 !important;

}

.theme-black .button.button-fill {

  background: #000000;

  color: #fff;

}

html:not(.watch-active-state) .theme-black .button.button-fill:active,

.theme-black .button.button-fill.active-state {

  background: #333;

}

.button.button-fill.bg-black,

.button.button-fill.color-black {

  background: #000000 !important;

  color: #fff;

}

html:not(.watch-active-state) .button.button-fill.bg-black:active,

html:not(.watch-active-state) .button.button-fill.color-black:active,

.button.button-fill.bg-black.active-state,

.button.button-fill.color-black.active-state {

  background: #333 !important;

}

.progressbar.color-black,

.progressbar.theme-black,

.theme-black .progressbar,

.progressbar.bg-black {

  background-color: rgba(0, 0, 0, 0.5);

}

.progressbar.color-black span,

.progressbar.theme-black span,

.theme-black .progressbar span,

.progressbar.bg-black span {

  background-color: #000000;

}

.progressbar-infinite.color-black,

.progressbar-infinite.theme-black,

.theme-black .progressbar-infinite,

.progressbar-infinite.bg-black {

  background-color: rgba(0, 0, 0, 0.5);

}

.progressbar-infinite.color-black:after,

.progressbar-infinite.theme-black:after,

.theme-black .progressbar-infinite:after,

.progressbar-infinite.bg-black:after,

.progressbar-infinite.color-black:before,

.progressbar-infinite.theme-black:before,

.theme-black .progressbar-infinite:before,

.progressbar-infinite.bg-black:before {

  background-color: #000000;

}

.color-black i.icon,

i.icon.color-black {

  color: #000000;

}

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: #000000;

}

.preloader.color-black .preloader-inner-gap,

.preloader.preloader-black .preloader-inner-gap,

.preloader.color-black .preloader-inner-half-circle,

.preloader.preloader-black .preloader-inner-half-circle {

  border-color: #000000;

}

.theme-black a {

  color: #000000;

}

.theme-black .navbar,

.navbar.theme-black,

.theme-black .toolbar,

.toolbar.theme-black,

.theme-black .subnavbar,

.subnavbar.theme-black,

.theme-black .searchbar,

.searchbar.theme-black {

  background-color: #000000;

}

.theme-black .range-slider input[type="range"]::-webkit-slider-thumb:before,

.range-slider.theme-black input[type="range"]::-webkit-slider-thumb:before {

  background-color: #000000;

}

.theme-black .range-slider input[type="range"]::-webkit-slider-thumb,

.range-slider.theme-black input[type="range"]::-webkit-slider-thumb {

  background-color: #000000;

}

.theme-black .range-slider input[type="range"]::-ms-thumb,

.range-slider.theme-black input[type="range"]::-ms-thumb {

  background-color: #000000;

}

.theme-black .range-slider input[type="range"]::-ms-fill-lower,

.range-slider.theme-black input[type="range"]::-ms-fill-lower {

  background-color: #000000;

}

.theme-black .range-slider input[type="range"]::-moz-range-thumb,

.range-slider.theme-black input[type="range"]::-moz-range-thumb {

  background-color: #000000;

}

.theme-black .label-switch input[type="checkbox"]:checked + .checkbox,

.label-switch.theme-black input[type="checkbox"]:checked + .checkbox {

  background-color: rgba(0, 0, 0, 0.5);

}

.theme-black .label-switch input[type="checkbox"]:checked + .checkbox:after,

.label-switch.theme-black input[type="checkbox"]:checked + .checkbox:after {

  background-color: #000000;

}

.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,

label.label-checkbox.theme-black input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,

.theme-black label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,

label.label-checkbox.theme-black input[type="radio"]:checked + .item-media i.icon-form-checkbox,

.theme-black label.label-checkbox input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-black input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,

.theme-black label.label-checkbox input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

label.label-checkbox.theme-black input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,

.theme-black label.label-checkbox input[type="checkbox"]:checked ~ .item-inner i.icon-form-checkbox,

label.label-checkbox.theme-black input[type="checkbox"]:checked ~ .item-inner 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="radio"]:checked ~ .item-inner i.icon-form-checkbox {

  border-color: #000000;

  background-color: #000000;

}

.theme-black label.label-radio i.icon-form-radio:after,

label.label-radio.theme-black i.icon-form-radio:after {

  background-color: #000000;

}

.theme-black label.label-radio input[type="checkbox"]:checked + .item-media i.icon-form-radio,

label.label-radio.theme-black input[type="checkbox"]:checked + .item-media i.icon-form-radio,

.theme-black label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio,

label.label-radio.theme-black input[type="radio"]:checked + .item-media i.icon-form-radio,

.theme-black label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-black input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,

.theme-black label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio,

label.label-radio.theme-black input[type="radio"]:checked ~ .item-after i.icon-form-radio,

.theme-black label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio,

label.label-radio.theme-black input[type="checkbox"]:checked ~ .item-inner 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="radio"]:checked ~ .item-inner i.icon-form-radio {

  border-color: #000000;

}

.theme-black label.label-radio input[type="checkbox"]:checked + .item-media i.icon-form-radio:after,

label.label-radio.theme-black input[type="checkbox"]:checked + .item-media i.icon-form-radio:after,

.theme-black label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio:after,

label.label-radio.theme-black input[type="radio"]:checked + .item-media i.icon-form-radio:after,

.theme-black label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-black input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,

.theme-black label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

label.label-radio.theme-black input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,

.theme-black label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio:after,

label.label-radio.theme-black input[type="checkbox"]:checked ~ .item-inner 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="radio"]:checked ~ .item-inner i.icon-form-radio:after {

  background-color: #000000;

}

.theme-black .focus-state .label,

.theme-black .focus-state .floating-label {

  color: #000000;

}

.theme-black .item-input-field.focus-state:after,

.theme-black .input-field.focus-state:after,

.theme-black .item-input-field.not-empty-state:after,

.theme-black .input-field.not-empty-state:after {

  background: #000000;

}

.theme-black .picker-calendar-day.picker-calendar-day-today span {

  color: #000000;

}

.theme-black .picker-calendar-day.picker-calendar-day-selected span {

  background-color: #000000;

  color: #fff;

}

.theme-black .picker-calendar-day.picker-calendar-day-has-events span:after {

  background-color: #000000;

}

.theme-black .picker-header {

  background-color: #000000;

}

.theme-black .modal-button {

  color: #000000;

}

.swiper-pagination.color-black .swiper-pagination-bullet-active,

.theme-black .swiper-pagination .swiper-pagination-bullet-active {

  background-color: #000000;

}

.swiper-pagination.color-black .swiper-pagination-progressbar,

.theme-black .swiper-pagination .swiper-pagination-progressbar {

  background-color: #000000;

}

.swiper-pagination.swiper-pagination-progress.bg-black {

  background-color: rgba(0, 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,

a.bg-black,

.list-block .swipeout-actions-left a.bg-black,

.list-block .swipeout-actions-right a.bg-black {

  background-color: #000000;

}

html:not(.watch-active-state) .list-block .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 .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.bg-black .item-link:active,

html:not(.watch-active-state) .list-blocka.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-block .item-link.bg-black:active,

html:not(.watch-active-state) .list-block .item-linka.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,

.list-block .bg-black .item-link.active-state,

.list-block a.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-block.bg-black .item-link.active-state,

.list-blocka.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-block .item-link.bg-black.active-state,

.list-block .item-linka.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 {

  background: #333;

}

.border-black {

  border-color: #000000;

}

.list-block .border-black.item-inner:after,

.list-block ul.border-black:after,

.border-black:after,

.list-block .border-black.item-inner:before,

.list-block ul.border-black:before,

.border-black:before {

  background-color: #000000;

}

.theme-black .floating-button,

.theme-black .speed-dial-buttons a,

.floating-button.theme-black,

.speed-dial-buttons a.theme-black,

.floating-button.color-black,

.speed-dial-buttons a.color-black,

.floating-button.bg-black,

.speed-dial-buttons a.bg-black {

  color: #fff;

  background: #000000;

}

html:not(.watch-active-state) .theme-black .floating-button:active,

html:not(.watch-active-state) .theme-black .speed-dial-buttons a:active,

html:not(.watch-active-state) .floating-button.theme-black:active,

html:not(.watch-active-state) .speed-dial-buttons a.theme-black:active,

html:not(.watch-active-state) .floating-button.color-black:active,

html:not(.watch-active-state) .speed-dial-buttons a.color-black:active,

html:not(.watch-active-state) .floating-button.bg-black:active,

html:not(.watch-active-state) .speed-dial-buttons a.bg-black:active,

.theme-black .floating-button.active-state,

.theme-black .speed-dial-buttons a.active-state,

.floating-button.theme-black.active-state,

.speed-dial-buttons a.theme-black.active-state,

.floating-button.color-black.active-state,

.speed-dial-buttons a.color-black.active-state,

.floating-button.bg-black.active-state,

.speed-dial-buttons a.bg-black.active-state {

  background: #333;

}

.theme-black .floating-button i,

.theme-black .speed-dial-buttons a i,

.floating-button.theme-black i,

.speed-dial-buttons a.theme-black i,

.floating-button.color-black i,

.speed-dial-buttons a.color-black i,

.floating-button.bg-black i,

.speed-dial-buttons a.bg-black i {

  color: inherit;

}

.ripple-black .ripple-wave {

  background-color: rgba(0, 0, 0, 0.3);

}

.badge.color-black,

.badge.theme-black {

  background-color: #000000;

  color: #fff;

}