framework7-without-localstorage/dist/css/framework7.ios.colors.css

Full featured mobile HTML framework for building iOS & Android apps

/**
 * Framework7 1.6.5
 * Full featured mobile HTML framework for building iOS & Android apps
 * 
 * iOS Theme
 *
 * http://framework7.io/
 * 
 * Copyright 2020, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: August 3, 2020
 */
/*==========================
Framework7 Color Themes
==========================*/
.theme-gray .button:not(.button-fill) {
  border-color: #8e8e93;
}
html:not(.watch-active-state) .theme-gray .button:not(.button-fill):active,
.theme-gray .button:not(.button-fill).active-state {
  background-color: rgba(142, 142, 147, 0.15);
}
.theme-gray .button:not(.button-fill).active {
  background-color: #8e8e93;
  color: #fff;
}
.theme-gray .button.button-fill {
  background: #8e8e93;
  color: #fff;
}
.progressbar.theme-gray span,
.theme-gray .progressbar span {
  background-color: #8e8e93;
}
.progressbar-infinite.theme-gray:before,
.theme-gray .progressbar-infinite:before {
  background-color: #8e8e93;
}
.theme-gray i.icon,
i.icon.theme-gray {
  color: #8e8e93;
}
i.icon-next.color-gray,
i.icon-next.theme-gray,
.theme-gray i.icon-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%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%238e8e93'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
i.icon-prev.color-gray,
i.icon-prev.theme-gray,
.theme-gray i.icon-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%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%238e8e93'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
i.icon-back.color-gray,
i.icon-back.theme-gray,
.theme-gray i.icon-back {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%238e8e93'%2F%3E%3C%2Fsvg%3E");
}
i.icon-forward.color-gray,
i.icon-forward.theme-gray,
.theme-gray i.icon-forward {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%238e8e93'%2F%3E%3C%2Fsvg%3E");
}
i.icon-bars.color-gray,
i.icon-bars.theme-gray,
.theme-gray i.icon-bars {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%238e8e93'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E");
}
@media (-webkit-min-device-pixel-ratio: 2) {
  i.icon-bars.color-gray,
  i.icon-bars.theme-gray,
  .theme-gray i.icon-bars {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%238e8e93'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E");
  }
}
.theme-gray a,
.theme-gray .item-link.list-button,
.theme-gray .list-button {
  color: #8e8e93;
}
.theme-gray .tabbar a,
.tabbar.theme-gray a,
.theme-gray .tabbar a i,
.tabbar.theme-gray a i {
  color: inherit;
}
.theme-gray .tabbar a.active,
.tabbar.theme-gray a.active,
.theme-gray .tabbar a.active i,
.tabbar.theme-gray a.active i {
  color: #8e8e93;
}
.theme-gray .messagebar .messagebar-send-link {
  background-color: #8e8e93;
}
.theme-gray label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
.theme-gray label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,
.theme-gray .form-checkbox input[type="checkbox"]:checked ~ i,
label.label-checkbox.theme-gray input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
label.label-checkbox.theme-gray input[type="radio"]:checked + .item-media i.icon-form-checkbox,
.form-checkbox.theme-gray input[type="checkbox"]:checked ~ i {
  background-color: #8e8e93;
}
.theme-gray .form-radio input[type="radio"]:checked ~ i,
.theme-gray label.label-radio input[type="checkbox"]:checked ~ .item-inner,
.theme-gray label.label-radio input[type="radio"]:checked ~ .item-inner,
.form-radio.theme-gray input[type="radio"]:checked ~ i,
label.label-radio.theme-gray input[type="checkbox"]:checked ~ .item-inner,
label.label-radio.theme-gray input[type="radio"]:checked ~ .item-inner {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%238e8e93'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
}
.theme-gray .picker-calendar-day.picker-calendar-day-selected span {
  background-color: #8e8e93 !important;
}
.theme-gray .data-table .data-table-header-selected,
.data-table.theme-gray .data-table-header-selected {
  background: rgba(142, 142, 147, 0.1);
}
.theme-gray .data-table .data-table-title-selected,
.data-table.theme-gray .data-table-title-selected {
  color: #8e8e93;
}
.swiper-pagination.color-gray .swiper-pagination-bullet-active,
.theme-gray .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #8e8e93;
}
.swiper-pagination.color-gray .swiper-pagination-progressbar,
.theme-gray .swiper-pagination .swiper-pagination-progressbar {
  background-color: #8e8e93;
}
.swiper-pagination.swiper-pagination-progress.bg-gray {
  background-color: rgba(142, 142, 147, 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'%238e8e93'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.color-gray,
.swiper-container-rtl .swiper-button-next.color-gray,
.theme-gray .swiper-button-prev,
.theme-gray .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%238e8e93'%2F%3E%3C%2Fsvg%3E");
}
.theme-gray .floating-button,
.theme-gray .speed-dial-buttons a,
.floating-button.theme-gray,
.speed-dial-buttons a.theme-gray {
  color: #fff;
  background: #8e8e93;
}
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,
.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 {
  background: #79797f;
}
.theme-gray .floating-button i,
.theme-gray .speed-dial-buttons a i,
.floating-button.theme-gray i,
.speed-dial-buttons a.theme-gray i {
  color: inherit;
}
.theme-gray .range-slider input[type="range"]::-webkit-slider-thumb:before,
.range-slider.theme-gray input[type="range"]::-webkit-slider-thumb:before {
  background-color: #8e8e93;
}
.theme-gray .range-slider input[type="range"]::-ms-fill-lower,
.range-slider.theme-gray input[type="range"]::-ms-fill-lower {
  background-color: #8e8e93;
}
.badge.theme-gray {
  background-color: #8e8e93;
  color: #fff;
}
.theme-white .button:not(.button-fill) {
  border-color: #ffffff;
}
html:not(.watch-active-state) .theme-white .button:not(.button-fill):active,
.theme-white .button:not(.button-fill).active-state {
  background-color: rgba(255, 255, 255, 0.15);
}
.theme-white .button:not(.button-fill).active {
  background-color: #ffffff;
  color: #fff;
}
.theme-white .button.button-fill {
  background: #ffffff;
  color: #fff;
}
.progressbar.theme-white span,
.theme-white .progressbar span {
  background-color: #ffffff;
}
.progressbar-infinite.theme-white:before,
.theme-white .progressbar-infinite:before {
  background-color: #ffffff;
}
.theme-white i.icon,
i.icon.theme-white {
  color: #ffffff;
}
i.icon-next.color-white,
i.icon-next.theme-white,
.theme-white i.icon-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%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
i.icon-prev.color-white,
i.icon-prev.theme-white,
.theme-white i.icon-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%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
i.icon-back.color-white,
i.icon-back.theme-white,
.theme-white i.icon-back {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
i.icon-forward.color-white,
i.icon-forward.theme-white,
.theme-white i.icon-forward {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
i.icon-bars.color-white,
i.icon-bars.theme-white,
.theme-white i.icon-bars {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E");
}
@media (-webkit-min-device-pixel-ratio: 2) {
  i.icon-bars.color-white,
  i.icon-bars.theme-white,
  .theme-white i.icon-bars {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E");
  }
}
.theme-white a,
.theme-white .item-link.list-button,
.theme-white .list-button {
  color: #ffffff;
}
.theme-white .tabbar a,
.tabbar.theme-white a,
.theme-white .tabbar a i,
.tabbar.theme-white a i {
  color: inherit;
}
.theme-white .tabbar a.active,
.tabbar.theme-white a.active,
.theme-white .tabbar a.active i,
.tabbar.theme-white a.active i {
  color: #ffffff;
}
.theme-white .messagebar .messagebar-send-link {
  background-color: #ffffff;
}
.theme-white label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
.theme-white label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,
.theme-white .form-checkbox input[type="checkbox"]:checked ~ i,
label.label-checkbox.theme-white input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
label.label-checkbox.theme-white input[type="radio"]:checked + .item-media i.icon-form-checkbox,
.form-checkbox.theme-white input[type="checkbox"]:checked ~ i {
  background-color: #ffffff;
}
.theme-white .form-radio input[type="radio"]:checked ~ i,
.theme-white label.label-radio input[type="checkbox"]:checked ~ .item-inner,
.theme-white label.label-radio input[type="radio"]:checked ~ .item-inner,
.form-radio.theme-white input[type="radio"]:checked ~ i,
label.label-radio.theme-white input[type="checkbox"]:checked ~ .item-inner,
label.label-radio.theme-white input[type="radio"]:checked ~ .item-inner {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ffffff'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
}
.theme-white .picker-calendar-day.picker-calendar-day-selected span {
  background-color: #ffffff !important;
}
.theme-white .data-table .data-table-header-selected,
.data-table.theme-white .data-table-header-selected {
  background: rgba(255, 255, 255, 0.1);
}
.theme-white .data-table .data-table-title-selected,
.data-table.theme-white .data-table-title-selected {
  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");
}
.theme-white .floating-button,
.theme-white .speed-dial-buttons a,
.floating-button.theme-white,
.speed-dial-buttons a.theme-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,
.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 {
  background: #ebebeb;
}
.theme-white .floating-button i,
.theme-white .speed-dial-buttons a i,
.floating-button.theme-white i,
.speed-dial-buttons a.theme-white i {
  color: inherit;
}
.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"]::-ms-fill-lower,
.range-slider.theme-white input[type="range"]::-ms-fill-lower {
  background-color: #ffffff;
}
.badge.theme-white {
  background-color: #ffffff;
  color: #fff;
}
.theme-black .button:not(.button-fill) {
  border-color: #000000;
}
html:not(.watch-active-state) .theme-black .button:not(.button-fill):active,
.theme-black .button:not(.button-fill).active-state {
  background-color: rgba(0, 0, 0, 0.15);
}
.theme-black .button:not(.button-fill).active {
  background-color: #000000;
  color: #fff;
}
.theme-black .button.button-fill {
  background: #000000;
  color: #fff;
}
.progressbar.theme-black span,
.theme-black .progressbar span {
  background-color: #000000;
}
.progressbar-infinite.theme-black:before,
.theme-black .progressbar-infinite:before {
  background-color: #000000;
}
.theme-black i.icon,
i.icon.theme-black {
  color: #000000;
}
i.icon-next.color-black,
i.icon-next.theme-black,
.theme-black i.icon-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%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23000000'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
i.icon-prev.color-black,
i.icon-prev.theme-black,
.theme-black i.icon-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%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23000000'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
i.icon-back.color-black,
i.icon-back.theme-black,
.theme-black i.icon-back {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
i.icon-forward.color-black,
i.icon-forward.theme-black,
.theme-black i.icon-forward {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
i.icon-bars.color-black,
i.icon-bars.theme-black,
.theme-black i.icon-bars {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23000000'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E");
}
@media (-webkit-min-device-pixel-ratio: 2) {
  i.icon-bars.color-black,
  i.icon-bars.theme-black,
  .theme-black i.icon-bars {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23000000'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E");
  }
}
.theme-black a,
.theme-black .item-link.list-button,
.theme-black .list-button {
  color: #000000;
}
.theme-black .tabbar a,
.tabbar.theme-black a,
.theme-black .tabbar a i,
.tabbar.theme-black a i {
  color: inherit;
}
.theme-black .tabbar a.active,
.tabbar.theme-black a.active,
.theme-black .tabbar a.active i,
.tabbar.theme-black a.active i {
  color: #000000;
}
.theme-black .messagebar .messagebar-send-link {
  background-color: #000000;
}
.theme-black label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
.theme-black label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,
.theme-black .form-checkbox input[type="checkbox"]:checked ~ i,
label.label-checkbox.theme-black input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
label.label-checkbox.theme-black input[type="radio"]:checked + .item-media i.icon-form-checkbox,
.form-checkbox.theme-black input[type="checkbox"]:checked ~ i {
  background-color: #000000;
}
.theme-black .form-radio input[type="radio"]:checked ~ i,
.theme-black label.label-radio input[type="checkbox"]:checked ~ .item-inner,
.theme-black label.label-radio input[type="radio"]:checked ~ .item-inner,
.form-radio.theme-black input[type="radio"]:checked ~ i,
label.label-radio.theme-black input[type="checkbox"]:checked ~ .item-inner,
label.label-radio.theme-black input[type="radio"]:checked ~ .item-inner {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23000000'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
}
.theme-black .picker-calendar-day.picker-calendar-day-selected span {
  background-color: #000000 !important;
}
.theme-black .data-table .data-table-header-selected,
.data-table.theme-black .data-table-header-selected {
  background: rgba(0, 0, 0, 0.1);
}
.theme-black .data-table .data-table-title-selected,
.data-table.theme-black .data-table-title-selected {
  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");
}
.theme-black .floating-button,
.theme-black .speed-dial-buttons a,
.floating-button.theme-black,
.speed-dial-buttons a.theme-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,
.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 {
  background: #000000;
}
.theme-black .floating-button i,
.theme-black .speed-dial-buttons a i,
.floating-button.theme-black i,
.speed-dial-buttons a.theme-black i {
  color: inherit;
}
.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"]::-ms-fill-lower,
.range-slider.theme-black input[type="range"]::-ms-fill-lower {
  background-color: #000000;
}
.badge.theme-black {
  background-color: #000000;
  color: #fff;
}
.theme-lightblue .button:not(.button-fill) {
  border-color: #5ac8fa;
}
html:not(.watch-active-state) .theme-lightblue .button:not(.button-fill):active,
.theme-lightblue .button:not(.button-fill).active-state {
  background-color: rgba(90, 200, 250, 0.15);
}
.theme-lightblue .button:not(.button-fill).active {
  background-color: #5ac8fa;
  color: #fff;
}
.theme-lightblue .button.button-fill {
  background: #5ac8fa;
  color: #fff;
}
.progressbar.theme-lightblue span,
.theme-lightblue .progressbar span {
  background-color: #5ac8fa;
}
.progressbar-infinite.theme-lightblue:before,
.theme-lightblue .progressbar-infinite:before {
  background-color: #5ac8fa;
}
.theme-lightblue i.icon,
i.icon.theme-lightblue {
  color: #5ac8fa;
}
i.icon-next.color-lightblue,
i.icon-next.theme-lightblue,
.theme-lightblue i.icon-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%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%235ac8fa'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
i.icon-prev.color-lightblue,
i.icon-prev.theme-lightblue,
.theme-lightblue i.icon-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%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%235ac8fa'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
i.icon-back.color-lightblue,
i.icon-back.theme-lightblue,
.theme-lightblue i.icon-back {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%235ac8fa'%2F%3E%3C%2Fsvg%3E");
}
i.icon-forward.color-lightblue,
i.icon-forward.theme-lightblue,
.theme-lightblue i.icon-forward {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%235ac8fa'%2F%3E%3C%2Fsvg%3E");
}
i.icon-bars.color-lightblue,
i.icon-bars.theme-lightblue,
.theme-lightblue i.icon-bars {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%235ac8fa'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E");
}
@media (-webkit-min-device-pixel-ratio: 2) {
  i.icon-bars.color-lightblue,
  i.icon-bars.theme-lightblue,
  .theme-lightblue i.icon-bars {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%235ac8fa'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E");
  }
}
.theme-lightblue a,
.theme-lightblue .item-link.list-button,
.theme-lightblue .list-button {
  color: #5ac8fa;
}
.theme-lightblue .tabbar a,
.tabbar.theme-lightblue a,
.theme-lightblue .tabbar a i,
.tabbar.theme-lightblue a i {
  color: inherit;
}
.theme-lightblue .tabbar a.active,
.tabbar.theme-lightblue a.active,
.theme-lightblue .tabbar a.active i,
.tabbar.theme-lightblue a.active i {
  color: #5ac8fa;
}
.theme-lightblue .messagebar .messagebar-send-link {
  background-color: #5ac8fa;
}
.theme-lightblue label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
.theme-lightblue label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,
.theme-lightblue .form-checkbox input[type="checkbox"]:checked ~ i,
label.label-checkbox.theme-lightblue input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
label.label-checkbox.theme-lightblue input[type="radio"]:checked + .item-media i.icon-form-checkbox,
.form-checkbox.theme-lightblue input[type="checkbox"]:checked ~ i {
  background-color: #5ac8fa;
}
.theme-lightblue .form-radio input[type="radio"]:checked ~ i,
.theme-lightblue label.label-radio input[type="checkbox"]:checked ~ .item-inner,
.theme-lightblue label.label-radio input[type="radio"]:checked ~ .item-inner,
.form-radio.theme-lightblue input[type="radio"]:checked ~ i,
label.label-radio.theme-lightblue input[type="checkbox"]:checked ~ .item-inner,
label.label-radio.theme-lightblue input[type="radio"]:checked ~ .item-inner {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%235ac8fa'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
}
.theme-lightblue .picker-calendar-day.picker-calendar-day-selected span {
  background-color: #5ac8fa !important;
}
.theme-lightblue .data-table .data-table-header-selected,
.data-table.theme-lightblue .data-table-header-selected {
  background: rgba(90, 200, 250, 0.1);
}
.theme-lightblue .data-table .data-table-title-selected,
.data-table.theme-lightblue .data-table-title-selected {
  color: #5ac8fa;
}
.swiper-pagination.color-lightblue .swiper-pagination-bullet-active,
.theme-lightblue .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #5ac8fa;
}
.swiper-pagination.color-lightblue .swiper-pagination-progressbar,
.theme-lightblue .swiper-pagination .swiper-pagination-progressbar {
  background-color: #5ac8fa;
}
.swiper-pagination.swiper-pagination-progress.bg-lightblue {
  background-color: rgba(90, 200, 250, 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'%235ac8fa'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.color-lightblue,
.swiper-container-rtl .swiper-button-next.color-lightblue,
.theme-lightblue .swiper-button-prev,
.theme-lightblue .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%235ac8fa'%2F%3E%3C%2Fsvg%3E");
}
.theme-lightblue .floating-button,
.theme-lightblue .speed-dial-buttons a,
.floating-button.theme-lightblue,
.speed-dial-buttons a.theme-lightblue {
  color: #fff;
  background: #5ac8fa;
}
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,
.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 {
  background: #32bbf9;
}
.theme-lightblue .floating-button i,
.theme-lightblue .speed-dial-buttons a i,
.floating-button.theme-lightblue i,
.speed-dial-buttons a.theme-lightblue i {
  color: inherit;
}
.theme-lightblue .range-slider input[type="range"]::-webkit-slider-thumb:before,
.range-slider.theme-lightblue input[type="range"]::-webkit-slider-thumb:before {
  background-color: #5ac8fa;
}
.theme-lightblue .range-slider input[type="range"]::-ms-fill-lower,
.range-slider.theme-lightblue input[type="range"]::-ms-fill-lower {
  background-color: #5ac8fa;
}
.badge.theme-lightblue {
  background-color: #5ac8fa;
  color: #fff;
}
.theme-yellow .button:not(.button-fill) {
  border-color: #ffcc00;
}
html:not(.watch-active-state) .theme-yellow .button:not(.button-fill):active,
.theme-yellow .button:not(.button-fill).active-state {
  background-color: rgba(255, 204, 0, 0.15);
}
.theme-yellow .button:not(.button-fill).active {
  background-color: #ffcc00;
  color: #fff;
}
.theme-yellow .button.button-fill {
  background: #ffcc00;
  color: #fff;
}
.progressbar.theme-yellow span,
.theme-yellow .progressbar span {
  background-color: #ffcc00;
}
.progressbar-infinite.theme-yellow:before,
.theme-yellow .progressbar-infinite:before {
  background-color: #ffcc00;
}
.theme-yellow i.icon,
i.icon.theme-yellow {
  color: #ffcc00;
}
i.icon-next.color-yellow,
i.icon-next.theme-yellow,
.theme-yellow i.icon-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%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ffcc00'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
i.icon-prev.color-yellow,
i.icon-prev.theme-yellow,
.theme-yellow i.icon-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%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ffcc00'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
i.icon-back.color-yellow,
i.icon-back.theme-yellow,
.theme-yellow i.icon-back {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ffcc00'%2F%3E%3C%2Fsvg%3E");
}
i.icon-forward.color-yellow,
i.icon-forward.theme-yellow,
.theme-yellow i.icon-forward {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ffcc00'%2F%3E%3C%2Fsvg%3E");
}
i.icon-bars.color-yellow,
i.icon-bars.theme-yellow,
.theme-yellow i.icon-bars {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23ffcc00'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E");
}
@media (-webkit-min-device-pixel-ratio: 2) {
  i.icon-bars.color-yellow,
  i.icon-bars.theme-yellow,
  .theme-yellow i.icon-bars {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23ffcc00'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E");
  }
}
.theme-yellow a,
.theme-yellow .item-link.list-button,
.theme-yellow .list-button {
  color: #ffcc00;
}
.theme-yellow .tabbar a,
.tabbar.theme-yellow a,
.theme-yellow .tabbar a i,
.tabbar.theme-yellow a i {
  color: inherit;
}
.theme-yellow .tabbar a.active,
.tabbar.theme-yellow a.active,
.theme-yellow .tabbar a.active i,
.tabbar.theme-yellow a.active i {
  color: #ffcc00;
}
.theme-yellow .messagebar .messagebar-send-link {
  background-color: #ffcc00;
}
.theme-yellow label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
.theme-yellow label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,
.theme-yellow .form-checkbox input[type="checkbox"]:checked ~ i,
label.label-checkbox.theme-yellow input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
label.label-checkbox.theme-yellow input[type="radio"]:checked + .item-media i.icon-form-checkbox,
.form-checkbox.theme-yellow input[type="checkbox"]:checked ~ i {
  background-color: #ffcc00;
}
.theme-yellow .form-radio input[type="radio"]:checked ~ i,
.theme-yellow label.label-radio input[type="checkbox"]:checked ~ .item-inner,
.theme-yellow label.label-radio input[type="radio"]:checked ~ .item-inner,
.form-radio.theme-yellow input[type="radio"]:checked ~ i,
label.label-radio.theme-yellow input[type="checkbox"]:checked ~ .item-inner,
label.label-radio.theme-yellow input[type="radio"]:checked ~ .item-inner {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ffcc00'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
}
.theme-yellow .picker-calendar-day.picker-calendar-day-selected span {
  background-color: #ffcc00 !important;
}
.theme-yellow .data-table .data-table-header-selected,
.data-table.theme-yellow .data-table-header-selected {
  background: rgba(255, 204, 0, 0.1);
}
.theme-yellow .data-table .data-table-title-selected,
.data-table.theme-yellow .data-table-title-selected {
  color: #ffcc00;
}
.swiper-pagination.color-yellow .swiper-pagination-bullet-active,
.theme-yellow .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #ffcc00;
}
.swiper-pagination.color-yellow .swiper-pagination-progressbar,
.theme-yellow .swiper-pagination .swiper-pagination-progressbar {
  background-color: #ffcc00;
}
.swiper-pagination.swiper-pagination-progress.bg-yellow {
  background-color: rgba(255, 204, 0, 0.25);
}
.swiper-button-next.color-yellow,
.swiper-container-rtl .swiper-button-prev.color-yellow,
.theme-yellow .swiper-button-next,
.theme-yellow .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffcc00'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.color-yellow,
.swiper-container-rtl .swiper-button-next.color-yellow,
.theme-yellow .swiper-button-prev,
.theme-yellow .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffcc00'%2F%3E%3C%2Fsvg%3E");
}
.theme-yellow .floating-button,
.theme-yellow .speed-dial-buttons a,
.floating-button.theme-yellow,
.speed-dial-buttons a.theme-yellow {
  color: #fff;
  background: #ffcc00;
}
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,
.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 {
  background: #d6ab00;
}
.theme-yellow .floating-button i,
.theme-yellow .speed-dial-buttons a i,
.floating-button.theme-yellow i,
.speed-dial-buttons a.theme-yellow i {
  color: inherit;
}
.theme-yellow .range-slider input[type="range"]::-webkit-slider-thumb:before,
.range-slider.theme-yellow input[type="range"]::-webkit-slider-thumb:before {
  background-color: #ffcc00;
}
.theme-yellow .range-slider input[type="range"]::-ms-fill-lower,
.range-slider.theme-yellow input[type="range"]::-ms-fill-lower {
  background-color: #ffcc00;
}
.badge.theme-yellow {
  background-color: #ffcc00;
  color: #fff;
}
.theme-orange .button:not(.button-fill) {
  border-color: #ff9500;
}
html:not(.watch-active-state) .theme-orange .button:not(.button-fill):active,
.theme-orange .button:not(.button-fill).active-state {
  background-color: rgba(255, 149, 0, 0.15);
}
.theme-orange .button:not(.button-fill).active {
  background-color: #ff9500;
  color: #fff;
}
.theme-orange .button.button-fill {
  background: #ff9500;
  color: #fff;
}
.progressbar.theme-orange span,
.theme-orange .progressbar span {
  background-color: #ff9500;
}
.progressbar-infinite.theme-orange:before,
.theme-orange .progressbar-infinite:before {
  background-color: #ff9500;
}
.theme-orange i.icon,
i.icon.theme-orange {
  color: #ff9500;
}
i.icon-next.color-orange,
i.icon-next.theme-orange,
.theme-orange i.icon-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%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff9500'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
i.icon-prev.color-orange,
i.icon-prev.theme-orange,
.theme-orange i.icon-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%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff9500'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
i.icon-back.color-orange,
i.icon-back.theme-orange,
.theme-orange i.icon-back {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ff9500'%2F%3E%3C%2Fsvg%3E");
}
i.icon-forward.color-orange,
i.icon-forward.theme-orange,
.theme-orange i.icon-forward {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ff9500'%2F%3E%3C%2Fsvg%3E");
}
i.icon-bars.color-orange,
i.icon-bars.theme-orange,
.theme-orange i.icon-bars {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23ff9500'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E");
}
@media (-webkit-min-device-pixel-ratio: 2) {
  i.icon-bars.color-orange,
  i.icon-bars.theme-orange,
  .theme-orange i.icon-bars {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23ff9500'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E");
  }
}
.theme-orange a,
.theme-orange .item-link.list-button,
.theme-orange .list-button {
  color: #ff9500;
}
.theme-orange .tabbar a,
.tabbar.theme-orange a,
.theme-orange .tabbar a i,
.tabbar.theme-orange a i {
  color: inherit;
}
.theme-orange .tabbar a.active,
.tabbar.theme-orange a.active,
.theme-orange .tabbar a.active i,
.tabbar.theme-orange a.active i {
  color: #ff9500;
}
.theme-orange .messagebar .messagebar-send-link {
  background-color: #ff9500;
}
.theme-orange label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
.theme-orange label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,
.theme-orange .form-checkbox input[type="checkbox"]:checked ~ i,
label.label-checkbox.theme-orange input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
label.label-checkbox.theme-orange input[type="radio"]:checked + .item-media i.icon-form-checkbox,
.form-checkbox.theme-orange input[type="checkbox"]:checked ~ i {
  background-color: #ff9500;
}
.theme-orange .form-radio input[type="radio"]:checked ~ i,
.theme-orange label.label-radio input[type="checkbox"]:checked ~ .item-inner,
.theme-orange label.label-radio input[type="radio"]:checked ~ .item-inner,
.form-radio.theme-orange input[type="radio"]:checked ~ i,
label.label-radio.theme-orange input[type="checkbox"]:checked ~ .item-inner,
label.label-radio.theme-orange input[type="radio"]:checked ~ .item-inner {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ff9500'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
}
.theme-orange .picker-calendar-day.picker-calendar-day-selected span {
  background-color: #ff9500 !important;
}
.theme-orange .data-table .data-table-header-selected,
.data-table.theme-orange .data-table-header-selected {
  background: rgba(255, 149, 0, 0.1);
}
.theme-orange .data-table .data-table-title-selected,
.data-table.theme-orange .data-table-title-selected {
  color: #ff9500;
}
.swiper-pagination.color-orange .swiper-pagination-bullet-active,
.theme-orange .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #ff9500;
}
.swiper-pagination.color-orange .swiper-pagination-progressbar,
.theme-orange .swiper-pagination .swiper-pagination-progressbar {
  background-color: #ff9500;
}
.swiper-pagination.swiper-pagination-progress.bg-orange {
  background-color: rgba(255, 149, 0, 0.25);
}
.swiper-button-next.color-orange,
.swiper-container-rtl .swiper-button-prev.color-orange,
.theme-orange .swiper-button-next,
.theme-orange .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ff9500'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.color-orange,
.swiper-container-rtl .swiper-button-next.color-orange,
.theme-orange .swiper-button-prev,
.theme-orange .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ff9500'%2F%3E%3C%2Fsvg%3E");
}
.theme-orange .floating-button,
.theme-orange .speed-dial-buttons a,
.floating-button.theme-orange,
.speed-dial-buttons a.theme-orange {
  color: #fff;
  background: #ff9500;
}
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,
.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 {
  background: #d67d00;
}
.theme-orange .floating-button i,
.theme-orange .speed-dial-buttons a i,
.floating-button.theme-orange i,
.speed-dial-buttons a.theme-orange i {
  color: inherit;
}
.theme-orange .range-slider input[type="range"]::-webkit-slider-thumb:before,
.range-slider.theme-orange input[type="range"]::-webkit-slider-thumb:before {
  background-color: #ff9500;
}
.theme-orange .range-slider input[type="range"]::-ms-fill-lower,
.range-slider.theme-orange input[type="range"]::-ms-fill-lower {
  background-color: #ff9500;
}
.badge.theme-orange {
  background-color: #ff9500;
  color: #fff;
}
.theme-pink .button:not(.button-fill) {
  border-color: #ff2d55;
}
html:not(.watch-active-state) .theme-pink .button:not(.button-fill):active,
.theme-pink .button:not(.button-fill).active-state {
  background-color: rgba(255, 45, 85, 0.15);
}
.theme-pink .button:not(.button-fill).active {
  background-color: #ff2d55;
  color: #fff;
}
.theme-pink .button.button-fill {
  background: #ff2d55;
  color: #fff;
}
.progressbar.theme-pink span,
.theme-pink .progressbar span {
  background-color: #ff2d55;
}
.progressbar-infinite.theme-pink:before,
.theme-pink .progressbar-infinite:before {
  background-color: #ff2d55;
}
.theme-pink i.icon,
i.icon.theme-pink {
  color: #ff2d55;
}
i.icon-next.color-pink,
i.icon-next.theme-pink,
.theme-pink i.icon-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%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff2d55'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
i.icon-prev.color-pink,
i.icon-prev.theme-pink,
.theme-pink i.icon-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%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff2d55'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
i.icon-back.color-pink,
i.icon-back.theme-pink,
.theme-pink i.icon-back {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ff2d55'%2F%3E%3C%2Fsvg%3E");
}
i.icon-forward.color-pink,
i.icon-forward.theme-pink,
.theme-pink i.icon-forward {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ff2d55'%2F%3E%3C%2Fsvg%3E");
}
i.icon-bars.color-pink,
i.icon-bars.theme-pink,
.theme-pink i.icon-bars {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23ff2d55'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E");
}
@media (-webkit-min-device-pixel-ratio: 2) {
  i.icon-bars.color-pink,
  i.icon-bars.theme-pink,
  .theme-pink i.icon-bars {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23ff2d55'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E");
  }
}
.theme-pink a,
.theme-pink .item-link.list-button,
.theme-pink .list-button {
  color: #ff2d55;
}
.theme-pink .tabbar a,
.tabbar.theme-pink a,
.theme-pink .tabbar a i,
.tabbar.theme-pink a i {
  color: inherit;
}
.theme-pink .tabbar a.active,
.tabbar.theme-pink a.active,
.theme-pink .tabbar a.active i,
.tabbar.theme-pink a.active i {
  color: #ff2d55;
}
.theme-pink .messagebar .messagebar-send-link {
  background-color: #ff2d55;
}