/**


 * Framework7 1.4.2


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


 * 


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


 * 


 * Copyright 2016, Vladimir Kharlampidi


 * The iDangero.us


 * http://www.idangero.us/


 * 


 * Licensed under MIT


 * 


 * Released on: February 27, 2016


 */





.layout-dark .login-screen-content,


.layout-dark .page,


.layout-dark .panel,


.page.layout-dark,


.panel.layout-dark {


    background-color: #222;


    color: rgba(255, 255, 255, .87)


}





.layout-dark .content-block-title {


    color: rgba(255, 255, 255, .87)


}





.layout-dark .content-block-inner:before {


    background-color: #393939


}





.layout-dark .content-block-inner:after {


    background-color: #393939


}





.layout-dark .popover .list-block ul {


    background-color: 0 0


}





.layout-dark .card {


    background-color: #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-color: #1c1c1c


}





.layout-dark .list-block.notifications>ul,


.list-block.layout-dark.notifications>ul {


    background-color: 0 0


}





.layout-dark li.sorting {


    background-color: rgba(34, 34, 34, .8)


}





.layout-dark .swipeout-actions-left a,


.layout-dark .swipeout-actions-right a {


    background-color: #444


}





.layout-dark .item-inner:after,


.layout-dark .list-block ul ul li:last-child .item-inner:after {


    background-color: #393939


}





.layout-dark .item-after,


.layout-dark .item-text {


    color: rgba(255, 255, 255, .7)


}





.layout-dark .list-block-label {


    color: #bbb


}





.layout-dark .item-divider,


.layout-dark .list-group-title {


    background-color: #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-color: 0 0


}





.layout-dark .autocomplete-dropdown {


    background-color: #1c1c1c


}





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


    color: rgba(255, 255, 255, .54)


}





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


    color: rgba(255, 255, 255, .87)


}





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


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


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


html:not(.watch-active-state) .layout-dark .item-link:active,


html:not(.watch-active-state) .layout-dark label.label-checkbox:active,


html:not(.watch-active-state) .layout-dark label.label-radio:active {


    background-color: rgba(255, 255, 255, .05)


}





.layout-dark .list-block input[type=text],


.layout-dark .list-block input[type=password],


.layout-dark .list-block input[type=search],


.layout-dark .list-block input[type=email],


.layout-dark .list-block input[type=tel],


.layout-dark .list-block input[type=url],


.layout-dark .list-block input[type=date],


.layout-dark .list-block input[type=datetime-local],


.layout-dark .list-block input[type=time],


.layout-dark .list-block input[type=number],


.layout-dark .list-block select,


.layout-dark .list-block textarea {


    color: #fff


}





.layout-dark .list-block input[type=text]::-webkit-input-placeholder,


.layout-dark .list-block input[type=password]::-webkit-input-placeholder,


.layout-dark .list-block input[type=search]::-webkit-input-placeholder,


.layout-dark .list-block input[type=email]::-webkit-input-placeholder,


.layout-dark .list-block input[type=tel]::-webkit-input-placeholder,


.layout-dark .list-block input[type=url]::-webkit-input-placeholder,


.layout-dark .list-block input[type=date]::-webkit-input-placeholder,


.layout-dark .list-block input[type=datetime-local]::-webkit-input-placeholder,


.layout-dark .list-block input[type=time]::-webkit-input-placeholder,


.layout-dark .list-block input[type=number]::-webkit-input-placeholder,


.layout-dark .list-block select::-webkit-input-placeholder,


.layout-dark .list-block textarea::-webkit-input-placeholder {


    color: rgba(255, 255, 255, .35)


}





.layout-dark .label-switch .checkbox {


    background-color: rgba(255, 255, 255, .3)


}





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


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


    color: rgba(255, 255, 255, .7)


}





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


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


    background-color: rgba(255, 255, 255, .12)


}





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


    border-color: rgba(255, 255, 255, .7)


}





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


    border-color: rgba(255, 255, 255, .7)


}





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


    background-color: #393939


}





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


    background-color: rgba(255, 255, 255, .3)


}





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


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


    background-color: rgba(255, 255, 255, .1)


}





.layout-dark .chip {


    background-color: rgba(255, 255, 255, .87)


}





 


.bg-red {


    background-color: #f44336 !important;


}





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


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


.tabbar a.active.color-red,


a.color-red {


    color: #f44336 !important;


}





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


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


    background-color: #f44336


}





.theme-red .button:not(.button-fill) {


    color: #f44336


}





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


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


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


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


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


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


    color: #fff


}





.button.color-red:not(.button-fill),


.color-red.buttons-row .button:not(.button-fill) {


    color: #f44336!important


}





.theme-red .button.button-fill {


    background-color: #f44336;


    color: #fff


}





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


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


    background-color: #D32F2F


}





.button.button-fill.bg-red,


.button.button-fill.color-red {


    background-color: #f44336!important;


    color: #fff


}





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


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


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


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


    background-color: #D32F2F!important


}





.progressbar.bg-red,


.progressbar.color-red,


.progressbar.theme-red,


.theme-red .progressbar {


    background-color: rgba(167, 163, 163, 0.5)


}





.progressbar.bg-red span,


.progressbar.color-red span,


.progressbar.theme-red span,


.theme-red .progressbar span {


    background-color: red


}





.progressbar-infinite.bg-red,


.progressbar-infinite.color-red,


.progressbar-infinite.theme-red,


.theme-red .progressbar-infinite {


    background-color: rgba(244, 67, 54, .5)


}





.progressbar-infinite.bg-red:after,


.progressbar-infinite.bg-red:before,


.progressbar-infinite.color-red:after,


.progressbar-infinite.color-red:before,


.progressbar-infinite.theme-red:after,


.progressbar-infinite.theme-red:before,


.theme-red .progressbar-infinite:after,


.theme-red .progressbar-infinite:before {


    background-color: #f44336


}





.color-red i.icon,


i.icon.color-red {


    color: #f44336 !important;


}





i.icon-next.color-red,


i.icon-next.theme-red {


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


}





i.icon-prev.color-red,


i.icon-prev.theme-red {


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


}





i.icon-back.color-red,


i.icon-back.theme-red {


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


}





i.icon-forward.color-red,


i.icon-forward.theme-red {


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


}





i.icon-bars.color-red,


i.icon-bars.theme-red {


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


}





.preloader.color-red svg circle,


.preloader.preloader-red svg circle {


    stroke: #f44336


}





.preloader.color-red .preloader-inner-gap,


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


.preloader.preloader-red .preloader-inner-gap,


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


    border-color: #f44336


}





.theme-red a {


    color: #f44336


}





.navbar.theme-red,


.searchbar.theme-red,


.subnavbar.theme-red,


.theme-red .navbar,


.theme-red .searchbar,


.theme-red .subnavbar,


.theme-red .toolbar,


.toolbar.theme-red {


    background-color: #f44336


}





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


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


    background-color: #f44336


}





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


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


    background-color: #f44336


}





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


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


    background-color: #f44336


}





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


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


    background-color: #f44336


}





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


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


    background-color: #f44336


}





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


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


    background-color: rgba(244, 67, 54, .5)


}





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


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


    background-color: #f44336


}





.theme-red label.label-checkbox,


label.label-checkbox.theme-red {


    cursor: pointer


}





.theme-red label.label-checkbox i.icon-form-checkbox:after,


label.label-checkbox.theme-red i.icon-form-checkbox:after {


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


}





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


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


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


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


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


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


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


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


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


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


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


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


    border-color: #f44336;


    background-color: #f44336


}





.theme-red label.label-radio i.icon-form-radio:after,


label.label-radio.theme-red i.icon-form-radio:after {


    background-color: #f44336


}





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


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


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


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


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


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


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


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


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


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


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


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


    border-color: #f44336


} 





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


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


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


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


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


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


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


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


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


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


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


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


    background-color: #f44336


}





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


.theme-red .focus-state .label {


    color: #f44336


}





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


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


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


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


    background-color: #f44336


}





.theme-red .picker-calendar-day.picker-calendar-day-today span {


    color: #f44336


}





.theme-red .picker-calendar-day.picker-calendar-day-selected span {


    background-color: #f44336;


    color: #fff


}





.theme-red .picker-calendar-day.picker-calendar-day-has-events span:after {


    background-color: #f44336


}





.theme-red .picker-header {


    background-color: #f44336


}





.theme-red .modal-button {


    color: #f44336


}





.swiper-pagination.color-red .swiper-pagination-bullet-active,


.theme-red .swiper-pagination .swiper-pagination-bullet-active {


    background-color: #f44336


}





.swiper-pagination.color-red .swiper-pagination-progressbar,


.theme-red .swiper-pagination .swiper-pagination-progressbar {


    background-color: #f44336


}





.swiper-pagination.swiper-pagination-progress.bg-red {


    background-color: rgba(244, 67, 54, .25)


}





.swiper-button-next.color-red,


.swiper-container-rtl .swiper-button-prev.color-red,


.theme-red .swiper-button-next,


.theme-red .swiper-container-rtl .swiper-button-prev {


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


}





.swiper-button-prev.color-red,


.swiper-container-rtl .swiper-button-next.color-red,


.theme-red .swiper-button-prev,


.theme-red .swiper-container-rtl .swiper-button-next {


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


}





.bg-red,


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


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


a.bg-red {


    background-color: #f44336


}





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


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


.list-block .item-link.list-block .swipeout-actions-left a.bg-red.active-state,


.list-block .item-link.list-block .swipeout-actions-right a.bg-red.active-state,


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


.list-block .list-block .swipeout-actions-left a.bg-red .item-link.active-state,


.list-block .list-block .swipeout-actions-right a.bg-red .item-link.active-state,


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


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


.list-block.list-block .swipeout-actions-left a.bg-red .item-link.active-state,


.list-block.list-block .swipeout-actions-right a.bg-red .item-link.active-state,


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


html:not(.watch-active-state) .list-block .bg-red .item-link:active,


html:not(.watch-active-state) .list-block .item-link.bg-red:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-red:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-red:active,


html:not(.watch-active-state) .list-block .item-linka.bg-red:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-red .item-link:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-red .item-link:active,


html:not(.watch-active-state) .list-block a.bg-red .item-link:active,


html:not(.watch-active-state) .list-block.bg-red .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-red .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-red .item-link:active,


html:not(.watch-active-state) .list-blocka.bg-red .item-link:active {


    background-color: #D32F2F


}





.border-red {


    border-color: #f44336


}





.border-red:after,


.border-red:before,


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


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


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


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


    background-color: #f44336


}





.floating-button.bg-red,


.floating-button.color-red,


.floating-button.theme-red,


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


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


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


.theme-red .floating-button,


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


    color: #fff;


    background-color: #f44336


}





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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


    background-color: #D32F2F


}





.floating-button.bg-red i,


.floating-button.color-red i,


.floating-button.theme-red i,


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


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


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


.theme-red .floating-button i,


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


    color: inherit


}





.ripple-red .ripple-wave {


    background-color: rgba(244, 67, 54, .3)


}





.badge.color-red,


.badge.theme-red {


    background-color: #f44336;


    color: #fff


}





.color-pink {


    color: #e91e63 !important;


}





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


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


.tabbar a.active.color-pink,


a.color-pink {


    color: #e91e63


}





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


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


    background-color: #e91e63


}





.theme-pink .button:not(.button-fill) {


    color: #e91e63


}





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


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


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


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


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


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


    color: #fff


}





.button.color-pink:not(.button-fill),


.color-pink.buttons-row .button:not(.button-fill) {


    color: #e91e63!important


}





.theme-pink .button.button-fill {


    background-color: #e91e63;


    color: #fff


}





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


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


    background-color: #C2185B


}





.button.button-fill.bg-pink,


.button.button-fill.color-pink {


    background-color: #e91e63!important;


    color: #fff


}





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


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


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


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


    background-color: #C2185B!important


}





.progressbar.bg-pink,


.progressbar.color-pink,


.progressbar.theme-pink,


.theme-pink .progressbar {


    background-color: rgba(233, 30, 99, .5)


}





.progressbar.bg-pink span,


.progressbar.color-pink span,


.progressbar.theme-pink span,


.theme-pink .progressbar span {


    background-color: #e91e63


}





.progressbar-infinite.bg-pink,


.progressbar-infinite.color-pink,


.progressbar-infinite.theme-pink,


.theme-pink .progressbar-infinite {


    background-color: rgba(233, 30, 99, .5)


}





.progressbar-infinite.bg-pink:after,


.progressbar-infinite.bg-pink:before,


.progressbar-infinite.color-pink:after,


.progressbar-infinite.color-pink:before,


.progressbar-infinite.theme-pink:after,


.progressbar-infinite.theme-pink:before,


.theme-pink .progressbar-infinite:after,


.theme-pink .progressbar-infinite:before {


    background-color: #e91e63


}





.color-pink i.icon,


i.icon.color-pink {


    color: #e91e63


}





i.icon-next.color-pink,


i.icon-next.theme-pink {


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


}





i.icon-prev.color-pink,


i.icon-prev.theme-pink {


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


}





i.icon-back.color-pink,


i.icon-back.theme-pink {


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


}





i.icon-forward.color-pink,


i.icon-forward.theme-pink {


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


}





i.icon-bars.color-pink,


i.icon-bars.theme-pink {


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


}





.preloader.color-pink svg circle,


.preloader.preloader-pink svg circle {


    stroke: #e91e63


}





.preloader.color-pink .preloader-inner-gap,


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


.preloader.preloader-pink .preloader-inner-gap,


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


    border-color: #e91e63


}





.theme-pink a {


    color: #e91e63


}





.navbar.theme-pink,


.searchbar.theme-pink,


.subnavbar.theme-pink,


.theme-pink .navbar,


.theme-pink .searchbar,


.theme-pink .subnavbar,


.theme-pink .toolbar,


.toolbar.theme-pink {


    background-color: #e91e63


}





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


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


    background-color: #e91e63


}





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


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


    background-color: #e91e63


}





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


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


    background-color: #e91e63


}





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


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


    background-color: #e91e63


}





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


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


    background-color: #e91e63


}





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


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


    background-color: rgba(233, 30, 99, .5)


}





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


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


    background-color: #e91e63


}





.theme-pink label.label-checkbox,


label.label-checkbox.theme-pink {


    cursor: pointer


}





.theme-pink label.label-checkbox i.icon-form-checkbox:after,


label.label-checkbox.theme-pink i.icon-form-checkbox:after {


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


}





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


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


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


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


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


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


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


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


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


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


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


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


    border-color: #e91e63;


    background-color: #e91e63


}





.theme-pink label.label-radio i.icon-form-radio:after,


label.label-radio.theme-pink i.icon-form-radio:after {


    background-color: #e91e63


}





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


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


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


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


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


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


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


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


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


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


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


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


    border-color: #e91e63


}





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


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


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


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


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


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


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


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


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


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


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


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


    background-color: #e91e63


}





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


.theme-pink .focus-state .label {


    color: #e91e63


}





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


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


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


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


    background-color: #e91e63


}





.theme-pink .picker-calendar-day.picker-calendar-day-today span {


    color: #e91e63


}





.theme-pink .picker-calendar-day.picker-calendar-day-selected span {


    background-color: #e91e63;


    color: #fff


}





.theme-pink .picker-calendar-day.picker-calendar-day-has-events span:after {


    background-color: #e91e63


}





.theme-pink .picker-header {


    background-color: #e91e63


}





.theme-pink .modal-button {


    color: #e91e63


}





.swiper-pagination.color-pink .swiper-pagination-bullet-active,


.theme-pink .swiper-pagination .swiper-pagination-bullet-active {


    background-color: #e91e63


}





.swiper-pagination.color-pink .swiper-pagination-progressbar,


.theme-pink .swiper-pagination .swiper-pagination-progressbar {


    background-color: #e91e63


}





.swiper-pagination.swiper-pagination-progress.bg-pink {


    background-color: rgba(233, 30, 99, .25)


}





.swiper-button-next.color-pink,


.swiper-container-rtl .swiper-button-prev.color-pink,


.theme-pink .swiper-button-next,


.theme-pink .swiper-container-rtl .swiper-button-prev {


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


}





.swiper-button-prev.color-pink,


.swiper-container-rtl .swiper-button-next.color-pink,


.theme-pink .swiper-button-prev,


.theme-pink .swiper-container-rtl .swiper-button-next {


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


}





.bg-pink,


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


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


a.bg-pink {


    background-color: #e91e63


}





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


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


.list-block .item-link.list-block .swipeout-actions-left a.bg-pink.active-state,


.list-block .item-link.list-block .swipeout-actions-right a.bg-pink.active-state,


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


.list-block .list-block .swipeout-actions-left a.bg-pink .item-link.active-state,


.list-block .list-block .swipeout-actions-right a.bg-pink .item-link.active-state,


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


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


.list-block.list-block .swipeout-actions-left a.bg-pink .item-link.active-state,


.list-block.list-block .swipeout-actions-right a.bg-pink .item-link.active-state,


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


html:not(.watch-active-state) .list-block .bg-pink .item-link:active,


html:not(.watch-active-state) .list-block .item-link.bg-pink:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-pink:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-pink:active,


html:not(.watch-active-state) .list-block .item-linka.bg-pink:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-pink .item-link:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-pink .item-link:active,


html:not(.watch-active-state) .list-block a.bg-pink .item-link:active,


html:not(.watch-active-state) .list-block.bg-pink .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-pink .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-pink .item-link:active,


html:not(.watch-active-state) .list-blocka.bg-pink .item-link:active {


    background-color: #C2185B


}





.border-pink {


    border-color: #e91e63


}





.border-pink:after,


.border-pink:before,


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


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


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


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


    background-color: #e91e63


}





.floating-button.bg-pink,


.floating-button.color-pink,


.floating-button.theme-pink,


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


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


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


.theme-pink .floating-button,


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


    color: #fff;


    background-color: #e91e63


}





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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


    background-color: #C2185B


}





.floating-button.bg-pink i,


.floating-button.color-pink i,


.floating-button.theme-pink i,


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


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


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


.theme-pink .floating-button i,


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


    color: inherit


}





.ripple-pink .ripple-wave {


    background-color: rgba(233, 30, 99, .3)


}





.badge.color-pink,


.badge.theme-pink {


    background-color: #e91e63;


    color: #fff


}





.color-purple {


    color: #9c27b0


}





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


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


.tabbar a.active.color-purple,


a.color-purple {


    color: #9c27b0


}





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


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


    background-color: #9c27b0


}





.theme-purple .button:not(.button-fill) {


    color: #9c27b0


}





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


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


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


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


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


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


    color: #fff


}





.button.color-purple:not(.button-fill),


.color-purple.buttons-row .button:not(.button-fill) {


    color: #9c27b0!important


}





.theme-purple .button.button-fill {


    background-color: #9c27b0;


    color: #fff


}





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


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


    background-color: #7B1FA2


}





.button.button-fill.bg-purple,


.button.button-fill.color-purple {


    background-color: #9c27b0!important;


    color: #fff


}





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


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


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


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


    background-color: #7B1FA2!important


}





.progressbar.bg-purple,


.progressbar.color-purple,


.progressbar.theme-purple,


.theme-purple .progressbar {


    background-color: rgba(156, 39, 176, .5)


}





.progressbar.bg-purple span,


.progressbar.color-purple span,


.progressbar.theme-purple span,


.theme-purple .progressbar span {


    background-color: #9c27b0


}





.progressbar-infinite.bg-purple,


.progressbar-infinite.color-purple,


.progressbar-infinite.theme-purple,


.theme-purple .progressbar-infinite {


    background-color: rgba(156, 39, 176, .5)


}





.progressbar-infinite.bg-purple:after,


.progressbar-infinite.bg-purple:before,


.progressbar-infinite.color-purple:after,


.progressbar-infinite.color-purple:before,


.progressbar-infinite.theme-purple:after,


.progressbar-infinite.theme-purple:before,


.theme-purple .progressbar-infinite:after,


.theme-purple .progressbar-infinite:before {


    background-color: #9c27b0


}





.color-purple i.icon,


i.icon.color-purple {


    color: #9c27b0


}





i.icon-next.color-purple,


i.icon-next.theme-purple {


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


}





i.icon-prev.color-purple,


i.icon-prev.theme-purple {


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


}





i.icon-back.color-purple,


i.icon-back.theme-purple {


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


}





i.icon-forward.color-purple,


i.icon-forward.theme-purple {


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


}





i.icon-bars.color-purple,


i.icon-bars.theme-purple {


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


}





.preloader.color-purple svg circle,


.preloader.preloader-purple svg circle {


    stroke: #9c27b0


}





.preloader.color-purple .preloader-inner-gap,


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


.preloader.preloader-purple .preloader-inner-gap,


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


    border-color: #9c27b0


}





.theme-purple a {


    color: #9c27b0


}





.navbar.theme-purple,


.searchbar.theme-purple,


.subnavbar.theme-purple,


.theme-purple .navbar,


.theme-purple .searchbar,


.theme-purple .subnavbar,


.theme-purple .toolbar,


.toolbar.theme-purple {


    background-color: #9c27b0


}





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


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


    background-color: #9c27b0


}





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


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


    background-color: #9c27b0


}





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


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


    background-color: #9c27b0


}





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


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


    background-color: #9c27b0


}





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


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


    background-color: #9c27b0


}





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


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


    background-color: rgba(156, 39, 176, .5)


}





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


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


    background-color: #9c27b0


}





.theme-purple label.label-checkbox,


label.label-checkbox.theme-purple {


    cursor: pointer


}





.theme-purple label.label-checkbox i.icon-form-checkbox:after,


label.label-checkbox.theme-purple i.icon-form-checkbox:after {


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


}





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


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


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


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


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


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


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


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


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


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


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


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


    border-color: #9c27b0;


    background-color: #9c27b0


}





.theme-purple label.label-radio i.icon-form-radio:after,


label.label-radio.theme-purple i.icon-form-radio:after {


    background-color: #9c27b0


}





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


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


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


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


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


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


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


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


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


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


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


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


    border-color: #9c27b0


}





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


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


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


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


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


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


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


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


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


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


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


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


    background-color: #9c27b0


}





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


.theme-purple .focus-state .label {


    color: #9c27b0


}





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


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


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


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


    background-color: #9c27b0


}





.theme-purple .picker-calendar-day.picker-calendar-day-today span {


    color: #9c27b0


}





.theme-purple .picker-calendar-day.picker-calendar-day-selected span {


    background-color: #9c27b0;


    color: #fff


}





.theme-purple .picker-calendar-day.picker-calendar-day-has-events span:after {


    background-color: #9c27b0


}





.theme-purple .picker-header {


    background-color: #9c27b0


}





.theme-purple .modal-button {


    color: #9c27b0


}





.swiper-pagination.color-purple .swiper-pagination-bullet-active,


.theme-purple .swiper-pagination .swiper-pagination-bullet-active {


    background-color: #9c27b0


}





.swiper-pagination.color-purple .swiper-pagination-progressbar,


.theme-purple .swiper-pagination .swiper-pagination-progressbar {


    background-color: #9c27b0


}





.swiper-pagination.swiper-pagination-progress.bg-purple {


    background-color: rgba(156, 39, 176, .25)


}





.swiper-button-next.color-purple,


.swiper-container-rtl .swiper-button-prev.color-purple,


.theme-purple .swiper-button-next,


.theme-purple .swiper-container-rtl .swiper-button-prev {


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


}





.swiper-button-prev.color-purple,


.swiper-container-rtl .swiper-button-next.color-purple,


.theme-purple .swiper-button-prev,


.theme-purple .swiper-container-rtl .swiper-button-next {


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


}





.bg-purple,


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


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


a.bg-purple {


    background-color: #9c27b0


}





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


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


.list-block .item-link.list-block .swipeout-actions-left a.bg-purple.active-state,


.list-block .item-link.list-block .swipeout-actions-right a.bg-purple.active-state,


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


.list-block .list-block .swipeout-actions-left a.bg-purple .item-link.active-state,


.list-block .list-block .swipeout-actions-right a.bg-purple .item-link.active-state,


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


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


.list-block.list-block .swipeout-actions-left a.bg-purple .item-link.active-state,


.list-block.list-block .swipeout-actions-right a.bg-purple .item-link.active-state,


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


html:not(.watch-active-state) .list-block .bg-purple .item-link:active,


html:not(.watch-active-state) .list-block .item-link.bg-purple:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-purple:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-purple:active,


html:not(.watch-active-state) .list-block .item-linka.bg-purple:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-purple .item-link:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-purple .item-link:active,


html:not(.watch-active-state) .list-block a.bg-purple .item-link:active,


html:not(.watch-active-state) .list-block.bg-purple .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-purple .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-purple .item-link:active,


html:not(.watch-active-state) .list-blocka.bg-purple .item-link:active {


    background-color: #7B1FA2


}





.border-purple {


    border-color: #9c27b0


}





.border-purple:after,


.border-purple:before,


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


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


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


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


    background-color: #9c27b0


}





.floating-button.bg-purple,


.floating-button.color-purple,


.floating-button.theme-purple,


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


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


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


.theme-purple .floating-button,


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


    color: #fff;


    background-color: #9c27b0


}





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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


    background-color: #7B1FA2


}





.floating-button.bg-purple i,


.floating-button.color-purple i,


.floating-button.theme-purple i,


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


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


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


.theme-purple .floating-button i,


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


    color: inherit


}





.ripple-purple .ripple-wave {


    background-color: rgba(156, 39, 176, .3)


}





.badge.color-purple,


.badge.theme-purple {


    background-color: #9c27b0;


    color: #fff


}





.color-deeppurple {


    color: #673ab7 !important;


}





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


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


.tabbar a.active.color-deeppurple,


a.color-deeppurple {


    color: #673ab7


}





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


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


    background-color: #673ab7


}





.theme-deeppurple .button:not(.button-fill) {


    color: #673ab7


}





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


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


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


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


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


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


    color: #fff


}





.button.color-deeppurple:not(.button-fill),


.color-deeppurple.buttons-row .button:not(.button-fill) {


    color: #673ab7!important


}





.theme-deeppurple .button.button-fill {


    background-color: #673ab7;


    color: #fff


}





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


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


    background-color: #512DA8


}





.button.button-fill.bg-deeppurple,


.button.button-fill.color-deeppurple {


    background-color: #673ab7!important;


    color: #fff


}





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


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


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


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


    background-color: #512DA8!important


}





.progressbar.bg-deeppurple,


.progressbar.color-deeppurple,


.progressbar.theme-deeppurple,


.theme-deeppurple .progressbar {


    background-color: rgba(103, 58, 183, .5)


}





.progressbar.bg-deeppurple span,


.progressbar.color-deeppurple span,


.progressbar.theme-deeppurple span,


.theme-deeppurple .progressbar span {


    background-color: #673ab7


}





.progressbar-infinite.bg-deeppurple,


.progressbar-infinite.color-deeppurple,


.progressbar-infinite.theme-deeppurple,


.theme-deeppurple .progressbar-infinite {


    background-color: rgba(103, 58, 183, .5)


}





.progressbar-infinite.bg-deeppurple:after,


.progressbar-infinite.bg-deeppurple:before,


.progressbar-infinite.color-deeppurple:after,


.progressbar-infinite.color-deeppurple:before,


.progressbar-infinite.theme-deeppurple:after,


.progressbar-infinite.theme-deeppurple:before,


.theme-deeppurple .progressbar-infinite:after,


.theme-deeppurple .progressbar-infinite:before {


    background-color: #673ab7


}





.color-deeppurple i.icon,


i.icon.color-deeppurple {


    color: #673ab7


}





i.icon-next.color-deeppurple,


i.icon-next.theme-deeppurple {


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


}





i.icon-prev.color-deeppurple,


i.icon-prev.theme-deeppurple {


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


}





i.icon-back.color-deeppurple,


i.icon-back.theme-deeppurple {


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


}





i.icon-forward.color-deeppurple,


i.icon-forward.theme-deeppurple {


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


}





i.icon-bars.color-deeppurple,


i.icon-bars.theme-deeppurple {


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


}





.preloader.color-deeppurple svg circle,


.preloader.preloader-deeppurple svg circle {


    stroke: #673ab7


}





.preloader.color-deeppurple .preloader-inner-gap,


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


.preloader.preloader-deeppurple .preloader-inner-gap,


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


    border-color: #673ab7


}





.theme-deeppurple a {


    color: #673ab7


}





.navbar.theme-deeppurple,


.searchbar.theme-deeppurple,


.subnavbar.theme-deeppurple,


.theme-deeppurple .navbar,


.theme-deeppurple .searchbar,


.theme-deeppurple .subnavbar,


.theme-deeppurple .toolbar,


.toolbar.theme-deeppurple {


    background-color: #673ab7


}





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


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


    background-color: #673ab7


}





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


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


    background-color: #673ab7


}





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


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


    background-color: #673ab7


}





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


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


    background-color: #673ab7


}





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


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


    background-color: #673ab7


}





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


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


    background-color: rgba(103, 58, 183, .5)


}





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


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


    background-color: #673ab7


}





.theme-deeppurple label.label-checkbox,


label.label-checkbox.theme-deeppurple {


    cursor: pointer


}





.theme-deeppurple label.label-checkbox i.icon-form-checkbox:after,


label.label-checkbox.theme-deeppurple i.icon-form-checkbox:after {


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


}





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


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


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


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


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


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


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


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


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


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


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


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


    border-color: #673ab7;


    background-color: #673ab7


}





.theme-deeppurple label.label-radio i.icon-form-radio:after,


label.label-radio.theme-deeppurple i.icon-form-radio:after {


    background-color: #673ab7


}





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


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


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


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


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


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


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


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


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


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


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


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


    border-color: #673ab7


}





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


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


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


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


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


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


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


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


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


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


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


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


    background-color: #673ab7


}





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


.theme-deeppurple .focus-state .label {


    color: #673ab7


}





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


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


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


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


    background-color: #673ab7


}





.theme-deeppurple .picker-calendar-day.picker-calendar-day-today span {


    color: #673ab7


}





.theme-deeppurple .picker-calendar-day.picker-calendar-day-selected span {


    background-color: #673ab7;


    color: #fff


}





.theme-deeppurple .picker-calendar-day.picker-calendar-day-has-events span:after {


    background-color: #673ab7


}





.theme-deeppurple .picker-header {


    background-color: #673ab7


}





.theme-deeppurple .modal-button {


    color: #673ab7


}





.swiper-pagination.color-deeppurple .swiper-pagination-bullet-active,


.theme-deeppurple .swiper-pagination .swiper-pagination-bullet-active {


    background-color: #673ab7


}





.swiper-pagination.color-deeppurple .swiper-pagination-progressbar,


.theme-deeppurple .swiper-pagination .swiper-pagination-progressbar {


    background-color: #673ab7


}





.swiper-pagination.swiper-pagination-progress.bg-deeppurple {


    background-color: rgba(103, 58, 183, .25)


}





.swiper-button-next.color-deeppurple,


.swiper-container-rtl .swiper-button-prev.color-deeppurple,


.theme-deeppurple .swiper-button-next,


.theme-deeppurple .swiper-container-rtl .swiper-button-prev {


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


}





.swiper-button-prev.color-deeppurple,


.swiper-container-rtl .swiper-button-next.color-deeppurple,


.theme-deeppurple .swiper-button-prev,


.theme-deeppurple .swiper-container-rtl .swiper-button-next {


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


}





.bg-deeppurple,


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


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


a.bg-deeppurple {


    background-color: #673ab7


}





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


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


.list-block .item-link.list-block .swipeout-actions-left a.bg-deeppurple.active-state,


.list-block .item-link.list-block .swipeout-actions-right a.bg-deeppurple.active-state,


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


.list-block .list-block .swipeout-actions-left a.bg-deeppurple .item-link.active-state,


.list-block .list-block .swipeout-actions-right a.bg-deeppurple .item-link.active-state,


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


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


.list-block.list-block .swipeout-actions-left a.bg-deeppurple .item-link.active-state,


.list-block.list-block .swipeout-actions-right a.bg-deeppurple .item-link.active-state,


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


html:not(.watch-active-state) .list-block .bg-deeppurple .item-link:active,


html:not(.watch-active-state) .list-block .item-link.bg-deeppurple:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-deeppurple:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-deeppurple:active,


html:not(.watch-active-state) .list-block .item-linka.bg-deeppurple:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-deeppurple .item-link:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-deeppurple .item-link:active,


html:not(.watch-active-state) .list-block a.bg-deeppurple .item-link:active,


html:not(.watch-active-state) .list-block.bg-deeppurple .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-deeppurple .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-deeppurple .item-link:active,


html:not(.watch-active-state) .list-blocka.bg-deeppurple .item-link:active {


    background-color: #512DA8


}





.border-deeppurple {


    border-color: #673ab7


}





.border-deeppurple:after,


.border-deeppurple:before,


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


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


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


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


    background-color: #673ab7


}





.floating-button.bg-deeppurple,


.floating-button.color-deeppurple,


.floating-button.theme-deeppurple,


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


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


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


.theme-deeppurple .floating-button,


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


    color: #fff;


    background-color: #673ab7


}





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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


    background-color: #512DA8


}





.floating-button.bg-deeppurple i,


.floating-button.color-deeppurple i,


.floating-button.theme-deeppurple i,


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


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


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


.theme-deeppurple .floating-button i,


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


    color: inherit


}





.ripple-deeppurple .ripple-wave {


    background-color: rgba(103, 58, 183, .3)


}





.badge.color-deeppurple,


.badge.theme-deeppurple {


    background-color: #673ab7;


    color: #fff


}





.color-indigo {


    color: #3f51b5 !important;


}





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


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


.tabbar a.active.color-indigo,


a.color-indigo {


    color: #3f51b5


}





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


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


    background-color: #3f51b5


}





.theme-indigo .button:not(.button-fill) {


    color: #3f51b5


}





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


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


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


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


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


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


    color: #fff


}





.button.color-indigo:not(.button-fill),


.color-indigo.buttons-row .button:not(.button-fill) {


    color: #3f51b5!important


}





.theme-indigo .button.button-fill {


    background-color: #3f51b5;


    color: #fff


}





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


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


    background-color: #303F9F


}





.button.button-fill.bg-indigo,


.button.button-fill.color-indigo {


    background-color: #3f51b5!important;


    color: #fff


}





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


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


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


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


    background-color: #303F9F!important


}





.progressbar.bg-indigo,


.progressbar.color-indigo,


.progressbar.theme-indigo,


.theme-indigo .progressbar {


    background-color: rgba(63, 81, 181, .5)


}





.progressbar.bg-indigo span,


.progressbar.color-indigo span,


.progressbar.theme-indigo span,


.theme-indigo .progressbar span {


    background-color: #3f51b5


}





.progressbar-infinite.bg-indigo,


.progressbar-infinite.color-indigo,


.progressbar-infinite.theme-indigo,


.theme-indigo .progressbar-infinite {


    background-color: rgba(63, 81, 181, .5)


}





.progressbar-infinite.bg-indigo:after,


.progressbar-infinite.bg-indigo:before,


.progressbar-infinite.color-indigo:after,


.progressbar-infinite.color-indigo:before,


.progressbar-infinite.theme-indigo:after,


.progressbar-infinite.theme-indigo:before,


.theme-indigo .progressbar-infinite:after,


.theme-indigo .progressbar-infinite:before {


    background-color: #3f51b5


}





.color-indigo i.icon,


i.icon.color-indigo {


    color: #3f51b5


}





i.icon-next.color-indigo,


i.icon-next.theme-indigo {


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


}





i.icon-prev.color-indigo,


i.icon-prev.theme-indigo {


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


}





i.icon-back.color-indigo,


i.icon-back.theme-indigo {


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


}





i.icon-forward.color-indigo,


i.icon-forward.theme-indigo {


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


}





i.icon-bars.color-indigo,


i.icon-bars.theme-indigo {


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


}





.preloader.color-indigo svg circle,


.preloader.preloader-indigo svg circle {


    stroke: #3f51b5


}





.preloader.color-indigo .preloader-inner-gap,


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


.preloader.preloader-indigo .preloader-inner-gap,


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


    border-color: #3f51b5


}





.theme-indigo a {


    color: #3f51b5


}





.navbar.theme-indigo,


.searchbar.theme-indigo,


.subnavbar.theme-indigo,


.theme-indigo .navbar,


.theme-indigo .searchbar,


.theme-indigo .subnavbar,


.theme-indigo .toolbar,


.toolbar.theme-indigo {


    background-color: #3f51b5


}





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


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


    background-color: #3f51b5


}





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


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


    background-color: #3f51b5


}





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


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


    background-color: #3f51b5


}





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


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


    background-color: #3f51b5


}





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


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


    background-color: #3f51b5


}





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


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


    background-color: rgba(63, 81, 181, .5)


}





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


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


    background-color: #3f51b5


}





.theme-indigo label.label-checkbox,


label.label-checkbox.theme-indigo {


    cursor: pointer


}





.theme-indigo label.label-checkbox i.icon-form-checkbox:after,


label.label-checkbox.theme-indigo i.icon-form-checkbox:after {


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


}





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


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


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


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


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


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


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


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


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


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


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


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


    border-color: #3f51b5;


    background-color: #3f51b5


}





.theme-indigo label.label-radio i.icon-form-radio:after,


label.label-radio.theme-indigo i.icon-form-radio:after {


    background-color: #3f51b5


}





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


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


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


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


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


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


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


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


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


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


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


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


    border-color: #3f51b5


}





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


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


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


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


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


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


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


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


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


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


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


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


    background-color: #3f51b5


}





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


.theme-indigo .focus-state .label {


    color: #3f51b5


}





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


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


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


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


    background-color: #3f51b5


}





.theme-indigo .picker-calendar-day.picker-calendar-day-today span {


    color: #3f51b5


}





.theme-indigo .picker-calendar-day.picker-calendar-day-selected span {


    background-color: #3f51b5;


    color: #fff


}





.theme-indigo .picker-calendar-day.picker-calendar-day-has-events span:after {


    background-color: #3f51b5


}





.theme-indigo .picker-header {


    background-color: #3f51b5


}





.theme-indigo .modal-button {


    color: #3f51b5


}





.swiper-pagination.color-indigo .swiper-pagination-bullet-active,


.theme-indigo .swiper-pagination .swiper-pagination-bullet-active {


    background-color: #3f51b5


}





.swiper-pagination.color-indigo .swiper-pagination-progressbar,


.theme-indigo .swiper-pagination .swiper-pagination-progressbar {


    background-color: #3f51b5


}





.swiper-pagination.swiper-pagination-progress.bg-indigo {


    background-color: rgba(63, 81, 181, .25)


}





.swiper-button-next.color-indigo,


.swiper-container-rtl .swiper-button-prev.color-indigo,


.theme-indigo .swiper-button-next,


.theme-indigo .swiper-container-rtl .swiper-button-prev {


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


}





.swiper-button-prev.color-indigo,


.swiper-container-rtl .swiper-button-next.color-indigo,


.theme-indigo .swiper-button-prev,


.theme-indigo .swiper-container-rtl .swiper-button-next {


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


}





.bg-indigo,


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


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


a.bg-indigo {


    background-color: #3f51b5


}





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


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


.list-block .item-link.list-block .swipeout-actions-left a.bg-indigo.active-state,


.list-block .item-link.list-block .swipeout-actions-right a.bg-indigo.active-state,


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


.list-block .list-block .swipeout-actions-left a.bg-indigo .item-link.active-state,


.list-block .list-block .swipeout-actions-right a.bg-indigo .item-link.active-state,


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


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


.list-block.list-block .swipeout-actions-left a.bg-indigo .item-link.active-state,


.list-block.list-block .swipeout-actions-right a.bg-indigo .item-link.active-state,


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


html:not(.watch-active-state) .list-block .bg-indigo .item-link:active,


html:not(.watch-active-state) .list-block .item-link.bg-indigo:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-indigo:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-indigo:active,


html:not(.watch-active-state) .list-block .item-linka.bg-indigo:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-indigo .item-link:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-indigo .item-link:active,


html:not(.watch-active-state) .list-block a.bg-indigo .item-link:active,


html:not(.watch-active-state) .list-block.bg-indigo .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-indigo .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-indigo .item-link:active,


html:not(.watch-active-state) .list-blocka.bg-indigo .item-link:active {


    background-color: #303F9F


}





.border-indigo {


    border-color: #3f51b5


}





.border-indigo:after,


.border-indigo:before,


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


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


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


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


    background-color: #3f51b5


}





.floating-button.bg-indigo,


.floating-button.color-indigo,


.floating-button.theme-indigo,


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


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


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


.theme-indigo .floating-button,


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


    color: #fff;


    background-color: #3f51b5


}





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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


    background-color: #303F9F


}





.floating-button.bg-indigo i,


.floating-button.color-indigo i,


.floating-button.theme-indigo i,


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


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


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


.theme-indigo .floating-button i,


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


    color: inherit


}





.ripple-indigo .ripple-wave {


    background-color: rgba(63, 81, 181, .3)


}





.badge.color-indigo,


.badge.theme-indigo {


    background-color: #3f51b5;


    color: #fff


}





.color-blue {


    color: #2196f3 !important;


}


.bg-blue {


    background-color: #2196f3


}


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


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


.tabbar a.active.color-blue,


a.color-blue {


    color: #2196f3


}





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


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


    background-color: #2196f3


}





.theme-blue .button:not(.button-fill) {


    color: #2196f3


}





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


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


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


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


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


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


    color: #fff


}





.button.color-blue:not(.button-fill),


.color-blue.buttons-row .button:not(.button-fill) {


    color: #2196f3!important


}





.theme-blue .button.button-fill {


    background-color: #2196f3;


    color: #fff


}





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


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


    background-color: #1976D2


}





.button.button-fill.bg-blue,


.button.button-fill.color-blue {


    background-color: #2196f3!important;


    color: #fff


}


.bg-blue


{


	


	background-color: #2196f3!important;


}


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


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


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


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


    background-color: #1976D2!important


}





.progressbar.bg-blue,


.progressbar.color-blue,


.progressbar.theme-blue,


.theme-blue .progressbar {


    background-color: rgba(33, 150, 243, .5)


}





.progressbar.bg-blue span,


.progressbar.color-blue span,


.progressbar.theme-blue span,


.theme-blue .progressbar span {


    background-color: #2196f3


}





.progressbar-infinite.bg-blue,


.progressbar-infinite.color-blue,


.progressbar-infinite.theme-blue,


.theme-blue .progressbar-infinite {


    background-color: rgba(33, 150, 243, .5)


}





.progressbar-infinite.bg-blue:after,


.progressbar-infinite.bg-blue:before,


.progressbar-infinite.color-blue:after,


.progressbar-infinite.color-blue:before,


.progressbar-infinite.theme-blue:after,


.progressbar-infinite.theme-blue:before,


.theme-blue .progressbar-infinite:after,


.theme-blue .progressbar-infinite:before {


    background-color: #2196f3


}





.color-blue i.icon,


i.icon.color-blue {


    color: #2196f3


}





i.icon-next.color-blue,


i.icon-next.theme-blue {


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


}





i.icon-prev.color-blue,


i.icon-prev.theme-blue {


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


}





i.icon-back.color-blue,


i.icon-back.theme-blue {


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


}





i.icon-forward.color-blue,


i.icon-forward.theme-blue {


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


}





i.icon-bars.color-blue,


i.icon-bars.theme-blue {


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


}





.preloader.color-blue svg circle,


.preloader.preloader-blue svg circle {


    stroke: #2196f3


}





.preloader.color-blue .preloader-inner-gap,


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


.preloader.preloader-blue .preloader-inner-gap,


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


    border-color: #2196f3


}





.theme-blue a {


    color: #2196f3


}





.navbar.theme-blue,


.searchbar.theme-blue,


.subnavbar.theme-blue,


.theme-blue .navbar,


.theme-blue .searchbar,


.theme-blue .subnavbar,


.theme-blue .toolbar,


.toolbar.theme-blue {


    background-color: #2196f3


}





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


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


    background-color: #2196f3


}





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


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


    background-color: #2196f3


}





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


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


    background-color: #2196f3


}





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


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


    background-color: #2196f3


}





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


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


    background-color: #2196f3


}





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


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


    background-color: rgba(33, 150, 243, .5)


}





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


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


    background-color: #2196f3


}





.theme-blue label.label-checkbox,


label.label-checkbox.theme-blue {


    cursor: pointer


}





.theme-blue label.label-checkbox i.icon-form-checkbox:after,


label.label-checkbox.theme-blue i.icon-form-checkbox:after {


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


}





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


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


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


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


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


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


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


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


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


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


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


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


    border-color: #2196f3;


    background-color: #2196f3


}





.theme-blue label.label-radio i.icon-form-radio:after,


label.label-radio.theme-blue i.icon-form-radio:after {


    background-color: #2196f3


}





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


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


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


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


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


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





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


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


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


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


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


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


    border-color: #2196f3


}





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


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


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


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


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


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


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


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


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


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


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


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


    background-color: #2196f3


}





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


.theme-blue .focus-state .label {


    color: #2196f3


}





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


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


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


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


    background-color: #2196f3


}





.theme-blue .picker-calendar-day.picker-calendar-day-today span {


    color: #2196f3


}





.theme-blue .picker-calendar-day.picker-calendar-day-selected span {


    background-color: #2196f3;


    color: #fff


}





.theme-blue .picker-calendar-day.picker-calendar-day-has-events span:after {


    background-color: #2196f3


}





.theme-blue .picker-header {


    background-color: #2196f3


}





.theme-blue .modal-button {


    color: #2196f3


}





.swiper-pagination.color-blue .swiper-pagination-bullet-active,


.theme-blue .swiper-pagination .swiper-pagination-bullet-active {


    background-color: #2196f3


}





.swiper-pagination.color-blue .swiper-pagination-progressbar,


.theme-blue .swiper-pagination .swiper-pagination-progressbar {


    background-color: #2196f3


}





.swiper-pagination.swiper-pagination-progress.bg-blue {


    background-color: rgba(33, 150, 243, .25)


}





.swiper-button-next.color-blue,


.swiper-container-rtl .swiper-button-prev.color-blue,


.theme-blue .swiper-button-next,


.theme-blue .swiper-container-rtl .swiper-button-prev {


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


}





.swiper-button-prev.color-blue,


.swiper-container-rtl .swiper-button-next.color-blue,


.theme-blue .swiper-button-prev,


.theme-blue .swiper-container-rtl .swiper-button-next {


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


}





.bg-blue,


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


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


a.bg-blue {


    background-color: #2196f3


}





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


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


.list-block .item-link.list-block .swipeout-actions-left a.bg-blue.active-state,


.list-block .item-link.list-block .swipeout-actions-right a.bg-blue.active-state,


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


.list-block .list-block .swipeout-actions-left a.bg-blue .item-link.active-state,


.list-block .list-block .swipeout-actions-right a.bg-blue .item-link.active-state,


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


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


.list-block.list-block .swipeout-actions-left a.bg-blue .item-link.active-state,


.list-block.list-block .swipeout-actions-right a.bg-blue .item-link.active-state,


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


html:not(.watch-active-state) .list-block .bg-blue .item-link:active,


html:not(.watch-active-state) .list-block .item-link.bg-blue:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-blue:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-blue:active,


html:not(.watch-active-state) .list-block .item-linka.bg-blue:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-blue .item-link:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-blue .item-link:active,


html:not(.watch-active-state) .list-block a.bg-blue .item-link:active,


html:not(.watch-active-state) .list-block.bg-blue .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-blue .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-blue .item-link:active,


html:not(.watch-active-state) .list-blocka.bg-blue .item-link:active {


    background-color: #1976D2


}





.border-blue {


    border-color: #2196f3


}





.border-blue:after,


.border-blue:before,


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


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


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


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


    background-color: #2196f3


}





.floating-button.bg-blue,


.floating-button.color-blue,


.floating-button.theme-blue,


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


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


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


.theme-blue .floating-button,


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


    color: #fff;


    background-color: #2196f3


}





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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


    background-color: #1976D2


}





.floating-button.bg-blue i,


.floating-button.color-blue i,


.floating-button.theme-blue i,


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


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


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


.theme-blue .floating-button i,


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


    color: inherit


}





.ripple-blue .ripple-wave {


    background-color: rgba(33, 150, 243, .3)


}





.badge.color-blue,


.badge.theme-blue {


    background-color: #2196f3;


    color: #fff


}





.color-lightblue {


    color: #03a9f4 !important;


}





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


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


.tabbar a.active.color-lightblue,


a.color-lightblue {


    color: #03a9f4


}





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


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


    background-color: #03a9f4


}





.theme-lightblue .button:not(.button-fill) {


    color: #03a9f4


}





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


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


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


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


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


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


    color: #fff


}





.button.color-lightblue:not(.button-fill),


.color-lightblue.buttons-row .button:not(.button-fill) {


    color: #03a9f4!important


}





.theme-lightblue .button.button-fill {


    background-color: #03a9f4;


    color: #fff


}





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


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


    background-color: #0288D1


}





.button.button-fill.bg-lightblue,


.button.button-fill.color-lightblue {


    background-color: #03a9f4!important;


    color: #fff


}





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


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


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


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


    background-color: #0288D1!important


}





.progressbar.bg-lightblue,


.progressbar.color-lightblue,


.progressbar.theme-lightblue,


.theme-lightblue .progressbar {


    background-color: rgba(3, 169, 244, .5)


}





.progressbar.bg-lightblue span,


.progressbar.color-lightblue span,


.progressbar.theme-lightblue span,


.theme-lightblue .progressbar span {


    background-color: #03a9f4


}





.progressbar-infinite.bg-lightblue,


.progressbar-infinite.color-lightblue,


.progressbar-infinite.theme-lightblue,


.theme-lightblue .progressbar-infinite {


    background-color: rgba(3, 169, 244, .5)


}





.progressbar-infinite.bg-lightblue:after,


.progressbar-infinite.bg-lightblue:before,


.progressbar-infinite.color-lightblue:after,


.progressbar-infinite.color-lightblue:before,


.progressbar-infinite.theme-lightblue:after,


.progressbar-infinite.theme-lightblue:before,


.theme-lightblue .progressbar-infinite:after,


.theme-lightblue .progressbar-infinite:before {


    background-color: #03a9f4


}





.color-lightblue i.icon,


i.icon.color-lightblue {


    color: #03a9f4


}





i.icon-next.color-lightblue,


i.icon-next.theme-lightblue {


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


}





i.icon-prev.color-lightblue,


i.icon-prev.theme-lightblue {


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


}





i.icon-back.color-lightblue,


i.icon-back.theme-lightblue {


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


}





i.icon-forward.color-lightblue,


i.icon-forward.theme-lightblue {


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


}





i.icon-bars.color-lightblue,


i.icon-bars.theme-lightblue {


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


}





.preloader.color-lightblue svg circle,


.preloader.preloader-lightblue svg circle {


    stroke: #03a9f4


}





.preloader.color-lightblue .preloader-inner-gap,


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


.preloader.preloader-lightblue .preloader-inner-gap,


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


    border-color: #03a9f4


}





.theme-lightblue a {


    color: #03a9f4


}





.navbar.theme-lightblue,


.searchbar.theme-lightblue,


.subnavbar.theme-lightblue,


.theme-lightblue .navbar,


.theme-lightblue .searchbar,


.theme-lightblue .subnavbar,


.theme-lightblue .toolbar,


.toolbar.theme-lightblue {


    background-color: #03a9f4


}





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


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


    background-color: #03a9f4


}





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


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


    background-color: #03a9f4


}





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


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


    background-color: #03a9f4


}





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


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


    background-color: #03a9f4


}





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


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


    background-color: #03a9f4


}





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


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


    background-color: rgba(3, 169, 244, .5)


}





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


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


    background-color: #03a9f4


}





.theme-lightblue label.label-checkbox,


label.label-checkbox.theme-lightblue {


    cursor: pointer


}





.theme-lightblue label.label-checkbox i.icon-form-checkbox:after,


label.label-checkbox.theme-lightblue i.icon-form-checkbox:after {


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


}





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


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


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


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


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


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


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


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


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


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


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


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


    border-color: #03a9f4;


    background-color: #03a9f4


}





.theme-lightblue label.label-radio i.icon-form-radio:after,


label.label-radio.theme-lightblue i.icon-form-radio:after {


    background-color: #03a9f4


}





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


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


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


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


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


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


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


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


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


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


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


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


    border-color: #03a9f4


}





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


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


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


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


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


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


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


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


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


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


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


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


    background-color: #03a9f4


}





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


.theme-lightblue .focus-state .label {


    color: #03a9f4


}





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


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


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


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


    background-color: #03a9f4


}





.theme-lightblue .picker-calendar-day.picker-calendar-day-today span {


    color: #03a9f4


}





.theme-lightblue .picker-calendar-day.picker-calendar-day-selected span {


    background-color: #03a9f4;


    color: #fff


}





.theme-lightblue .picker-calendar-day.picker-calendar-day-has-events span:after {


    background-color: #03a9f4


}





.theme-lightblue .picker-header {


    background-color: #03a9f4


}





.theme-lightblue .modal-button {


    color: #03a9f4


}





.swiper-pagination.color-lightblue .swiper-pagination-bullet-active,


.theme-lightblue .swiper-pagination .swiper-pagination-bullet-active {


    background-color: #03a9f4


}





.swiper-pagination.color-lightblue .swiper-pagination-progressbar,


.theme-lightblue .swiper-pagination .swiper-pagination-progressbar {


    background-color: #03a9f4


}





.swiper-pagination.swiper-pagination-progress.bg-lightblue {


    background-color: rgba(3, 169, 244, .25)


}





.swiper-button-next.color-lightblue,


.swiper-container-rtl .swiper-button-prev.color-lightblue,


.theme-lightblue .swiper-button-next,


.theme-lightblue .swiper-container-rtl .swiper-button-prev {


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


}





.swiper-button-prev.color-lightblue,


.swiper-container-rtl .swiper-button-next.color-lightblue,


.theme-lightblue .swiper-button-prev,


.theme-lightblue .swiper-container-rtl .swiper-button-next {


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


}





.bg-lightblue,


.list-block .swipeout-actions-left a.bg-lightblue,


.list-block .swipeout-actions-right a.bg-lightblue,


a.bg-lightblue {


    background-color: #03a9f4


}





.list-block .bg-lightblue .item-link.active-state,


.list-block .item-link.bg-lightblue.active-state,


.list-block .item-link.list-block .swipeout-actions-left a.bg-lightblue.active-state,


.list-block .item-link.list-block .swipeout-actions-right a.bg-lightblue.active-state,


.list-block .item-linka.bg-lightblue.active-state,


.list-block .list-block .swipeout-actions-left a.bg-lightblue .item-link.active-state,


.list-block .list-block .swipeout-actions-right a.bg-lightblue .item-link.active-state,


.list-block a.bg-lightblue .item-link.active-state,


.list-block.bg-lightblue .item-link.active-state,


.list-block.list-block .swipeout-actions-left a.bg-lightblue .item-link.active-state,


.list-block.list-block .swipeout-actions-right a.bg-lightblue .item-link.active-state,


.list-blocka.bg-lightblue .item-link.active-state,


html:not(.watch-active-state) .list-block .bg-lightblue .item-link:active,


html:not(.watch-active-state) .list-block .item-link.bg-lightblue:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-lightblue:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-lightblue:active,


html:not(.watch-active-state) .list-block .item-linka.bg-lightblue:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-lightblue .item-link:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-lightblue .item-link:active,


html:not(.watch-active-state) .list-block a.bg-lightblue .item-link:active,


html:not(.watch-active-state) .list-block.bg-lightblue .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-lightblue .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-lightblue .item-link:active,


html:not(.watch-active-state) .list-blocka.bg-lightblue .item-link:active {


    background-color: #0288D1


}





.border-lightblue {


    border-color: #03a9f4


}





.border-lightblue:after,


.border-lightblue:before,


.list-block .border-lightblue.item-inner:after,


.list-block .border-lightblue.item-inner:before,


.list-block ul.border-lightblue:after,


.list-block ul.border-lightblue:before {


    background-color: #03a9f4


}





.floating-button.bg-lightblue,


.floating-button.color-lightblue,


.floating-button.theme-lightblue,


.speed-dial-buttons a.bg-lightblue,


.speed-dial-buttons a.color-lightblue,


.speed-dial-buttons a.theme-lightblue,


.theme-lightblue .floating-button,


.theme-lightblue .speed-dial-buttons a {


    color: #fff;


    background-color: #03a9f4


}





.floating-button.bg-lightblue.active-state,


.floating-button.color-lightblue.active-state,


.floating-button.theme-lightblue.active-state,


.speed-dial-buttons a.bg-lightblue.active-state,


.speed-dial-buttons a.color-lightblue.active-state,


.speed-dial-buttons a.theme-lightblue.active-state,


.theme-lightblue .floating-button.active-state,


.theme-lightblue .speed-dial-buttons a.active-state,


html:not(.watch-active-state) .floating-button.bg-lightblue:active,


html:not(.watch-active-state) .floating-button.color-lightblue:active,


html:not(.watch-active-state) .floating-button.theme-lightblue:active,


html:not(.watch-active-state) .speed-dial-buttons a.bg-lightblue:active,


html:not(.watch-active-state) .speed-dial-buttons a.color-lightblue:active,


html:not(.watch-active-state) .speed-dial-buttons a.theme-lightblue:active,


html:not(.watch-active-state) .theme-lightblue .floating-button:active,


html:not(.watch-active-state) .theme-lightblue .speed-dial-buttons a:active {


    background-color: #0288D1


}





.floating-button.bg-lightblue i,


.floating-button.color-lightblue i,


.floating-button.theme-lightblue i,


.speed-dial-buttons a.bg-lightblue i,


.speed-dial-buttons a.color-lightblue i,


.speed-dial-buttons a.theme-lightblue i,


.theme-lightblue .floating-button i,


.theme-lightblue .speed-dial-buttons a i {


    color: inherit


}





.ripple-lightblue .ripple-wave {


    background-color: rgba(3, 169, 244, .3)


}





.badge.color-lightblue,


.badge.theme-lightblue {


    background-color: #03a9f4;


    color: #fff


}





.color-cyan {


    color: #00bcd4 !important;


}





.list-block .item-link.color-cyan,


.list-block .item-link.list-button.color-cyan,


.tabbar a.active.color-cyan,


a.color-cyan {


    color: #00bcd4


}





.label-switch input[type=checkbox]:checked+.checkbox.color-cyan,


.label-switch.color-cyan input[type=checkbox]:checked+.checkbox {


    background-color: #00bcd4


}





.theme-cyan .button:not(.button-fill) {


    color: #00bcd4


}





.theme-cyan .navbar .button:not(.button-fill),


.theme-cyan .subnavbar .button:not(.button-fill),


.theme-cyan .toolbar .button:not(.button-fill),


.theme-cyan.navbar .button:not(.button-fill),


.theme-cyan.subnavbar .button:not(.button-fill),


.theme-cyan.toolbar .button:not(.button-fill) {


    color: #fff


}





.button.color-cyan:not(.button-fill),


.color-cyan.buttons-row .button:not(.button-fill) {


    color: #00bcd4!important


}





.theme-cyan .button.button-fill {


    background-color: #00bcd4;


    color: #fff


}





.theme-cyan .button.button-fill.active-state,


html:not(.watch-active-state) .theme-cyan .button.button-fill:active {


    background-color: #0097A7


}





.button.button-fill.bg-cyan,


.button.button-fill.color-cyan {


    background-color: #00bcd4!important;


    color: #fff


}





.button.button-fill.bg-cyan.active-state,


.button.button-fill.color-cyan.active-state,


html:not(.watch-active-state) .button.button-fill.bg-cyan:active,


html:not(.watch-active-state) .button.button-fill.color-cyan:active {


    background-color: #0097A7!important


}





.progressbar.bg-cyan,


.progressbar.color-cyan,


.progressbar.theme-cyan,


.theme-cyan .progressbar {


    background-color: rgba(0, 188, 212, .5)


}





.progressbar.bg-cyan span,


.progressbar.color-cyan span,


.progressbar.theme-cyan span,


.theme-cyan .progressbar span {


    background-color: #00bcd4


}





.progressbar-infinite.bg-cyan,


.progressbar-infinite.color-cyan,


.progressbar-infinite.theme-cyan,


.theme-cyan .progressbar-infinite {


    background-color: rgba(0, 188, 212, .5)


}





.progressbar-infinite.bg-cyan:after,


.progressbar-infinite.bg-cyan:before,


.progressbar-infinite.color-cyan:after,


.progressbar-infinite.color-cyan:before,


.progressbar-infinite.theme-cyan:after,


.progressbar-infinite.theme-cyan:before,


.theme-cyan .progressbar-infinite:after,


.theme-cyan .progressbar-infinite:before {


    background-color: #00bcd4


}





.color-cyan i.icon,


i.icon.color-cyan {


    color: #00bcd4


}





i.icon-next.color-cyan,


i.icon-next.theme-cyan {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%2300bcd4'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")


}





i.icon-prev.color-cyan,


i.icon-prev.theme-cyan {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%2300bcd4'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")


}





i.icon-back.color-cyan,


i.icon-back.theme-cyan {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%2300bcd4'%2F%3E%3C%2Fsvg%3E")


}





i.icon-forward.color-cyan,


i.icon-forward.theme-cyan {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%2300bcd4'%2F%3E%3C%2Fsvg%3E")


}





i.icon-bars.color-cyan,


i.icon-bars.theme-cyan {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%2300bcd4'%2F%3E%3C%2Fsvg%3E")


}





.preloader.color-cyan svg circle,


.preloader.preloader-cyan svg circle {


    stroke: #00bcd4


}





.preloader.color-cyan .preloader-inner-gap,


.preloader.color-cyan .preloader-inner-half-circle,


.preloader.preloader-cyan .preloader-inner-gap,


.preloader.preloader-cyan .preloader-inner-half-circle {


    border-color: #00bcd4


}





.theme-cyan a {


    color: #00bcd4


}





.navbar.theme-cyan,


.searchbar.theme-cyan,


.subnavbar.theme-cyan,


.theme-cyan .navbar,


.theme-cyan .searchbar,


.theme-cyan .subnavbar,


.theme-cyan .toolbar,


.toolbar.theme-cyan {


    background-color: #00bcd4


}





.range-slider.theme-cyan input[type=range]::-webkit-slider-thumb:before,


.theme-cyan .range-slider input[type=range]::-webkit-slider-thumb:before {


    background-color: #00bcd4


}





.range-slider.theme-cyan input[type=range]::-webkit-slider-thumb,


.theme-cyan .range-slider input[type=range]::-webkit-slider-thumb {


    background-color: #00bcd4


}





.range-slider.theme-cyan input[type=range]::-ms-thumb,


.theme-cyan .range-slider input[type=range]::-ms-thumb {


    background-color: #00bcd4


}





.range-slider.theme-cyan input[type=range]::-ms-fill-lower,


.theme-cyan .range-slider input[type=range]::-ms-fill-lower {


    background-color: #00bcd4


}





.range-slider.theme-cyan input[type=range]::-moz-range-thumb,


.theme-cyan .range-slider input[type=range]::-moz-range-thumb {


    background-color: #00bcd4


}





.label-switch.theme-cyan input[type=checkbox]:checked+.checkbox,


.theme-cyan .label-switch input[type=checkbox]:checked+.checkbox {


    background-color: rgba(0, 188, 212, .5)


}





.label-switch.theme-cyan input[type=checkbox]:checked+.checkbox:after,


.theme-cyan .label-switch input[type=checkbox]:checked+.checkbox:after {


    background-color: #00bcd4


}





.theme-cyan label.label-checkbox,


label.label-checkbox.theme-cyan {


    cursor: pointer


}





.theme-cyan label.label-checkbox i.icon-form-checkbox:after,


label.label-checkbox.theme-cyan i.icon-form-checkbox:after {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")


}





.theme-cyan label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,


.theme-cyan label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,


.theme-cyan label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,


.theme-cyan label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,


.theme-cyan label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,


.theme-cyan label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,


label.label-checkbox.theme-cyan input[type=checkbox]:checked+.item-media i.icon-form-checkbox,


label.label-checkbox.theme-cyan input[type=checkbox]:checked~.item-after i.icon-form-checkbox,


label.label-checkbox.theme-cyan input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,


label.label-checkbox.theme-cyan input[type=radio]:checked+.item-media i.icon-form-checkbox,


label.label-checkbox.theme-cyan input[type=radio]:checked~.item-after i.icon-form-checkbox,


label.label-checkbox.theme-cyan input[type=radio]:checked~.item-inner i.icon-form-checkbox {


    border-color: #00bcd4;


    background-color: #00bcd4


}





.theme-cyan label.label-radio i.icon-form-radio:after,


label.label-radio.theme-cyan i.icon-form-radio:after {


    background-color: #00bcd4


}





.theme-cyan label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,


.theme-cyan label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,


.theme-cyan label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,


.theme-cyan label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,


.theme-cyan label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,


.theme-cyan label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,


label.label-radio.theme-cyan input[type=checkbox]:checked+.item-media i.icon-form-radio,


label.label-radio.theme-cyan input[type=checkbox]:checked~.item-after i.icon-form-radio,


label.label-radio.theme-cyan input[type=checkbox]:checked~.item-inner i.icon-form-radio,


label.label-radio.theme-cyan input[type=radio]:checked+.item-media i.icon-form-radio,


label.label-radio.theme-cyan input[type=radio]:checked~.item-after i.icon-form-radio,


label.label-radio.theme-cyan input[type=radio]:checked~.item-inner i.icon-form-radio {


    border-color: #00bcd4


}





.theme-cyan label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,


.theme-cyan label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,


.theme-cyan label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,


.theme-cyan label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,


.theme-cyan label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,


.theme-cyan label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,


label.label-radio.theme-cyan input[type=checkbox]:checked+.item-media i.icon-form-radio:after,


label.label-radio.theme-cyan input[type=checkbox]:checked~.item-after i.icon-form-radio:after,


label.label-radio.theme-cyan input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,


label.label-radio.theme-cyan input[type=radio]:checked+.item-media i.icon-form-radio:after,


label.label-radio.theme-cyan input[type=radio]:checked~.item-after i.icon-form-radio:after,


label.label-radio.theme-cyan input[type=radio]:checked~.item-inner i.icon-form-radio:after {


    background-color: #00bcd4


}





.theme-cyan .focus-state .floating-label,


.theme-cyan .focus-state .label {


    color: #00bcd4


}





.theme-cyan .input-field.focus-state:after,


.theme-cyan .input-field.not-empty-state:after,


.theme-cyan .item-input-field.focus-state:after,


.theme-cyan .item-input-field.not-empty-state:after {


    background-color: #00bcd4


}





.theme-cyan .picker-calendar-day.picker-calendar-day-today span {


    color: #00bcd4


}





.theme-cyan .picker-calendar-day.picker-calendar-day-selected span {


    background-color: #00bcd4;


    color: #fff


}





.theme-cyan .picker-calendar-day.picker-calendar-day-has-events span:after {


    background-color: #00bcd4


}





.theme-cyan .picker-header {


    background-color: #00bcd4


}





.theme-cyan .modal-button {


    color: #00bcd4


}





.swiper-pagination.color-cyan .swiper-pagination-bullet-active,


.theme-cyan .swiper-pagination .swiper-pagination-bullet-active {


    background-color: #00bcd4


}





.swiper-pagination.color-cyan .swiper-pagination-progressbar,


.theme-cyan .swiper-pagination .swiper-pagination-progressbar {


    background-color: #00bcd4


}





.swiper-pagination.swiper-pagination-progress.bg-cyan {


    background-color: rgba(0, 188, 212, .25)


}





.swiper-button-next.color-cyan,


.swiper-container-rtl .swiper-button-prev.color-cyan,


.theme-cyan .swiper-button-next,


.theme-cyan .swiper-container-rtl .swiper-button-prev {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2300bcd4'%2F%3E%3C%2Fsvg%3E")


}





.swiper-button-prev.color-cyan,


.swiper-container-rtl .swiper-button-next.color-cyan,


.theme-cyan .swiper-button-prev,


.theme-cyan .swiper-container-rtl .swiper-button-next {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2300bcd4'%2F%3E%3C%2Fsvg%3E")


}





.bg-cyan,


.list-block .swipeout-actions-left a.bg-cyan,


.list-block .swipeout-actions-right a.bg-cyan,


a.bg-cyan {


    background-color: #00bcd4


}





.list-block .bg-cyan .item-link.active-state,


.list-block .item-link.bg-cyan.active-state,


.list-block .item-link.list-block .swipeout-actions-left a.bg-cyan.active-state,


.list-block .item-link.list-block .swipeout-actions-right a.bg-cyan.active-state,


.list-block .item-linka.bg-cyan.active-state,


.list-block .list-block .swipeout-actions-left a.bg-cyan .item-link.active-state,


.list-block .list-block .swipeout-actions-right a.bg-cyan .item-link.active-state,


.list-block a.bg-cyan .item-link.active-state,


.list-block.bg-cyan .item-link.active-state,


.list-block.list-block .swipeout-actions-left a.bg-cyan .item-link.active-state,


.list-block.list-block .swipeout-actions-right a.bg-cyan .item-link.active-state,


.list-blocka.bg-cyan .item-link.active-state,


html:not(.watch-active-state) .list-block .bg-cyan .item-link:active,


html:not(.watch-active-state) .list-block .item-link.bg-cyan:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-cyan:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-cyan:active,


html:not(.watch-active-state) .list-block .item-linka.bg-cyan:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-cyan .item-link:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-cyan .item-link:active,


html:not(.watch-active-state) .list-block a.bg-cyan .item-link:active,


html:not(.watch-active-state) .list-block.bg-cyan .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-cyan .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-cyan .item-link:active,


html:not(.watch-active-state) .list-blocka.bg-cyan .item-link:active {


    background-color: #0097A7


}





.border-cyan {


    border-color: #00bcd4


}





.border-cyan:after,


.border-cyan:before,


.list-block .border-cyan.item-inner:after,


.list-block .border-cyan.item-inner:before,


.list-block ul.border-cyan:after,


.list-block ul.border-cyan:before {


    background-color: #00bcd4


}





.floating-button.bg-cyan,


.floating-button.color-cyan,


.floating-button.theme-cyan,


.speed-dial-buttons a.bg-cyan,


.speed-dial-buttons a.color-cyan,


.speed-dial-buttons a.theme-cyan,


.theme-cyan .floating-button,


.theme-cyan .speed-dial-buttons a {


    color: #fff;


    background-color: #00bcd4


}





.floating-button.bg-cyan.active-state,


.floating-button.color-cyan.active-state,


.floating-button.theme-cyan.active-state,


.speed-dial-buttons a.bg-cyan.active-state,


.speed-dial-buttons a.color-cyan.active-state,


.speed-dial-buttons a.theme-cyan.active-state,


.theme-cyan .floating-button.active-state,


.theme-cyan .speed-dial-buttons a.active-state,


html:not(.watch-active-state) .floating-button.bg-cyan:active,


html:not(.watch-active-state) .floating-button.color-cyan:active,


html:not(.watch-active-state) .floating-button.theme-cyan:active,


html:not(.watch-active-state) .speed-dial-buttons a.bg-cyan:active,


html:not(.watch-active-state) .speed-dial-buttons a.color-cyan:active,


html:not(.watch-active-state) .speed-dial-buttons a.theme-cyan:active,


html:not(.watch-active-state) .theme-cyan .floating-button:active,


html:not(.watch-active-state) .theme-cyan .speed-dial-buttons a:active {


    background-color: #0097A7


}





.floating-button.bg-cyan i,


.floating-button.color-cyan i,


.floating-button.theme-cyan i,


.speed-dial-buttons a.bg-cyan i,


.speed-dial-buttons a.color-cyan i,


.speed-dial-buttons a.theme-cyan i,


.theme-cyan .floating-button i,


.theme-cyan .speed-dial-buttons a i {


    color: inherit


}





.ripple-cyan .ripple-wave {


    background-color: rgba(0, 188, 212, .3)


}





.badge.color-cyan,


.badge.theme-cyan {


    background-color: #00bcd4;


    color: #fff


}





.color-teal {


    color: #009688 !important;


}





.list-block .item-link.color-teal,


.list-block .item-link.list-button.color-teal,


.tabbar a.active.color-teal,


a.color-teal {


    color: #009688


}





.label-switch input[type=checkbox]:checked+.checkbox.color-teal,


.label-switch.color-teal input[type=checkbox]:checked+.checkbox {


    background-color: #009688


}





.theme-teal .button:not(.button-fill) {


    color: #009688


}





.theme-teal .navbar .button:not(.button-fill),


.theme-teal .subnavbar .button:not(.button-fill),


.theme-teal .toolbar .button:not(.button-fill),


.theme-teal.navbar .button:not(.button-fill),


.theme-teal.subnavbar .button:not(.button-fill),


.theme-teal.toolbar .button:not(.button-fill) {


    color: #fff


}





.button.color-teal:not(.button-fill),


.color-teal.buttons-row .button:not(.button-fill) {


    color: #009688!important


}





.theme-teal .button.button-fill {


    background-color: #009688;


    color: #fff


}





.theme-teal .button.button-fill.active-state,


html:not(.watch-active-state) .theme-teal .button.button-fill:active {


    background-color: #00897B


}





.button.button-fill.bg-teal,


.button.button-fill.color-teal {


    background-color: #009688!important;


    color: #fff


}





.button.button-fill.bg-teal.active-state,


.button.button-fill.color-teal.active-state,


html:not(.watch-active-state) .button.button-fill.bg-teal:active,


html:not(.watch-active-state) .button.button-fill.color-teal:active {


    background-color: #00897B!important


}





.progressbar.bg-teal,


.progressbar.color-teal,


.progressbar.theme-teal,


.theme-teal .progressbar {


    background-color: rgba(0, 150, 136, .5)


}





.progressbar.bg-teal span,


.progressbar.color-teal span,


.progressbar.theme-teal span,


.theme-teal .progressbar span {


    background-color: #009688


}





.progressbar-infinite.bg-teal,


.progressbar-infinite.color-teal,


.progressbar-infinite.theme-teal,


.theme-teal .progressbar-infinite {


    background-color: rgba(0, 150, 136, .5)


}





.progressbar-infinite.bg-teal:after,


.progressbar-infinite.bg-teal:before,


.progressbar-infinite.color-teal:after,


.progressbar-infinite.color-teal:before,


.progressbar-infinite.theme-teal:after,


.progressbar-infinite.theme-teal:before,


.theme-teal .progressbar-infinite:after,


.theme-teal .progressbar-infinite:before {


    background-color: #009688


}





.color-teal i.icon,


i.icon.color-teal {


    color: #009688


}





i.icon-next.color-teal,


i.icon-next.theme-teal {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23009688'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")


}





i.icon-prev.color-teal,


i.icon-prev.theme-teal {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23009688'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")


}





i.icon-back.color-teal,


i.icon-back.theme-teal {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23009688'%2F%3E%3C%2Fsvg%3E")


}





i.icon-forward.color-teal,


i.icon-forward.theme-teal {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23009688'%2F%3E%3C%2Fsvg%3E")


}





i.icon-bars.color-teal,


i.icon-bars.theme-teal {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23009688'%2F%3E%3C%2Fsvg%3E")


}





.preloader.color-teal svg circle,


.preloader.preloader-teal svg circle {


    stroke: #009688


}





.preloader.color-teal .preloader-inner-gap,


.preloader.color-teal .preloader-inner-half-circle,


.preloader.preloader-teal .preloader-inner-gap,


.preloader.preloader-teal .preloader-inner-half-circle {


    border-color: #009688


}





.theme-teal a {


    color: #009688


}





.navbar.theme-teal,


.searchbar.theme-teal,


.subnavbar.theme-teal,


.theme-teal .navbar,


.theme-teal .searchbar,


.theme-teal .subnavbar,


.theme-teal .toolbar,


.toolbar.theme-teal {


    background-color: #009688


}





.range-slider.theme-teal input[type=range]::-webkit-slider-thumb:before,


.theme-teal .range-slider input[type=range]::-webkit-slider-thumb:before {


    background-color: #009688


}





.range-slider.theme-teal input[type=range]::-webkit-slider-thumb,


.theme-teal .range-slider input[type=range]::-webkit-slider-thumb {


    background-color: #009688


}





.range-slider.theme-teal input[type=range]::-ms-thumb,


.theme-teal .range-slider input[type=range]::-ms-thumb {


    background-color: #009688


}





.range-slider.theme-teal input[type=range]::-ms-fill-lower,


.theme-teal .range-slider input[type=range]::-ms-fill-lower {


    background-color: #009688


}





.range-slider.theme-teal input[type=range]::-moz-range-thumb,


.theme-teal .range-slider input[type=range]::-moz-range-thumb {


    background-color: #009688


}





.label-switch.theme-teal input[type=checkbox]:checked+.checkbox,


.theme-teal .label-switch input[type=checkbox]:checked+.checkbox {


    background-color: rgba(0, 150, 136, .5)


}





.label-switch.theme-teal input[type=checkbox]:checked+.checkbox:after,


.theme-teal .label-switch input[type=checkbox]:checked+.checkbox:after {


    background-color: #009688


}





.theme-teal label.label-checkbox,


label.label-checkbox.theme-teal {


    cursor: pointer


}





.theme-teal label.label-checkbox i.icon-form-checkbox:after,


label.label-checkbox.theme-teal i.icon-form-checkbox:after {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")


}





.theme-teal label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,


.theme-teal label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,


.theme-teal label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,


.theme-teal label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,


.theme-teal label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,


.theme-teal label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,


label.label-checkbox.theme-teal input[type=checkbox]:checked+.item-media i.icon-form-checkbox,


label.label-checkbox.theme-teal input[type=checkbox]:checked~.item-after i.icon-form-checkbox,


label.label-checkbox.theme-teal input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,


label.label-checkbox.theme-teal input[type=radio]:checked+.item-media i.icon-form-checkbox,


label.label-checkbox.theme-teal input[type=radio]:checked~.item-after i.icon-form-checkbox,


label.label-checkbox.theme-teal input[type=radio]:checked~.item-inner i.icon-form-checkbox {


    border-color: #009688;


    background-color: #009688


}





.theme-teal label.label-radio i.icon-form-radio:after,


label.label-radio.theme-teal i.icon-form-radio:after {


    background-color: #009688


}





.theme-teal label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,


.theme-teal label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,


.theme-teal label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,


.theme-teal label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,


.theme-teal label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,


.theme-teal label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,


label.label-radio.theme-teal input[type=checkbox]:checked+.item-media i.icon-form-radio,


label.label-radio.theme-teal input[type=checkbox]:checked~.item-after i.icon-form-radio,


label.label-radio.theme-teal input[type=checkbox]:checked~.item-inner i.icon-form-radio,


label.label-radio.theme-teal input[type=radio]:checked+.item-media i.icon-form-radio,


label.label-radio.theme-teal input[type=radio]:checked~.item-after i.icon-form-radio,


label.label-radio.theme-teal input[type=radio]:checked~.item-inner i.icon-form-radio {


    border-color: #009688


}





.theme-teal label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,


.theme-teal label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,


.theme-teal label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,


.theme-teal label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,


.theme-teal label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,


.theme-teal label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,


label.label-radio.theme-teal input[type=checkbox]:checked+.item-media i.icon-form-radio:after,


label.label-radio.theme-teal input[type=checkbox]:checked~.item-after i.icon-form-radio:after,


label.label-radio.theme-teal input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,


label.label-radio.theme-teal input[type=radio]:checked+.item-media i.icon-form-radio:after,


label.label-radio.theme-teal input[type=radio]:checked~.item-after i.icon-form-radio:after,


label.label-radio.theme-teal input[type=radio]:checked~.item-inner i.icon-form-radio:after {


    background-color: #009688


}





.theme-teal .focus-state .floating-label,


.theme-teal .focus-state .label {


    color: #009688


}





.theme-teal .input-field.focus-state:after,


.theme-teal .input-field.not-empty-state:after,


.theme-teal .item-input-field.focus-state:after,


.theme-teal .item-input-field.not-empty-state:after {


    background-color: #009688


}





.theme-teal .picker-calendar-day.picker-calendar-day-today span {


    color: #009688


}





.theme-teal .picker-calendar-day.picker-calendar-day-selected span {


    background-color: #009688;


    color: #fff


}





.theme-teal .picker-calendar-day.picker-calendar-day-has-events span:after {


    background-color: #009688


}





.theme-teal .picker-header {


    background-color: #009688


}





.theme-teal .modal-button {


    color: #009688


}





.swiper-pagination.color-teal .swiper-pagination-bullet-active,


.theme-teal .swiper-pagination .swiper-pagination-bullet-active {


    background-color: #009688


}





.swiper-pagination.color-teal .swiper-pagination-progressbar,


.theme-teal .swiper-pagination .swiper-pagination-progressbar {


    background-color: #009688


}





.swiper-pagination.swiper-pagination-progress.bg-teal {


    background-color: rgba(0, 150, 136, .25)


}





.swiper-button-next.color-teal,


.swiper-container-rtl .swiper-button-prev.color-teal,


.theme-teal .swiper-button-next,


.theme-teal .swiper-container-rtl .swiper-button-prev {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23009688'%2F%3E%3C%2Fsvg%3E")


}





.swiper-button-prev.color-teal,


.swiper-container-rtl .swiper-button-next.color-teal,


.theme-teal .swiper-button-prev,


.theme-teal .swiper-container-rtl .swiper-button-next {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23009688'%2F%3E%3C%2Fsvg%3E")


}





.bg-teal,


.list-block .swipeout-actions-left a.bg-teal,


.list-block .swipeout-actions-right a.bg-teal,


a.bg-teal {


    background-color: #009688


}





.list-block .bg-teal .item-link.active-state,


.list-block .item-link.bg-teal.active-state,


.list-block .item-link.list-block .swipeout-actions-left a.bg-teal.active-state,


.list-block .item-link.list-block .swipeout-actions-right a.bg-teal.active-state,


.list-block .item-linka.bg-teal.active-state,


.list-block .list-block .swipeout-actions-left a.bg-teal .item-link.active-state,


.list-block .list-block .swipeout-actions-right a.bg-teal .item-link.active-state,


.list-block a.bg-teal .item-link.active-state,


.list-block.bg-teal .item-link.active-state,


.list-block.list-block .swipeout-actions-left a.bg-teal .item-link.active-state,


.list-block.list-block .swipeout-actions-right a.bg-teal .item-link.active-state,


.list-blocka.bg-teal .item-link.active-state,


html:not(.watch-active-state) .list-block .bg-teal .item-link:active,


html:not(.watch-active-state) .list-block .item-link.bg-teal:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-teal:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-teal:active,


html:not(.watch-active-state) .list-block .item-linka.bg-teal:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-teal .item-link:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-teal .item-link:active,


html:not(.watch-active-state) .list-block a.bg-teal .item-link:active,


html:not(.watch-active-state) .list-block.bg-teal .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-teal .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-teal .item-link:active,


html:not(.watch-active-state) .list-blocka.bg-teal .item-link:active {


    background-color: #00897B


}





.border-teal {


    border-color: #009688


}





.border-teal:after,


.border-teal:before,


.list-block .border-teal.item-inner:after,


.list-block .border-teal.item-inner:before,


.list-block ul.border-teal:after,


.list-block ul.border-teal:before {


    background-color: #009688


}





.floating-button.bg-teal,


.floating-button.color-teal,


.floating-button.theme-teal,


.speed-dial-buttons a.bg-teal,


.speed-dial-buttons a.color-teal,


.speed-dial-buttons a.theme-teal,


.theme-teal .floating-button,


.theme-teal .speed-dial-buttons a {


    color: #fff;


    background-color: #009688


}





.floating-button.bg-teal.active-state,


.floating-button.color-teal.active-state,


.floating-button.theme-teal.active-state,


.speed-dial-buttons a.bg-teal.active-state,


.speed-dial-buttons a.color-teal.active-state,


.speed-dial-buttons a.theme-teal.active-state,


.theme-teal .floating-button.active-state,


.theme-teal .speed-dial-buttons a.active-state,


html:not(.watch-active-state) .floating-button.bg-teal:active,


html:not(.watch-active-state) .floating-button.color-teal:active,


html:not(.watch-active-state) .floating-button.theme-teal:active,


html:not(.watch-active-state) .speed-dial-buttons a.bg-teal:active,


html:not(.watch-active-state) .speed-dial-buttons a.color-teal:active,


html:not(.watch-active-state) .speed-dial-buttons a.theme-teal:active,


html:not(.watch-active-state) .theme-teal .floating-button:active,


html:not(.watch-active-state) .theme-teal .speed-dial-buttons a:active {


    background-color: #00897B


}





.floating-button.bg-teal i,


.floating-button.color-teal i,


.floating-button.theme-teal i,


.speed-dial-buttons a.bg-teal i,


.speed-dial-buttons a.color-teal i,


.speed-dial-buttons a.theme-teal i,


.theme-teal .floating-button i,


.theme-teal .speed-dial-buttons a i {


    color: inherit


}





.ripple-teal .ripple-wave {


    background-color: rgba(0, 150, 136, .3)


}





.badge.color-teal,


.badge.theme-teal {


    background-color: #009688;


    color: #fff


}





.color-green {


    color: #4caf50 !important;


}


.color-red {


    color: #d80202  !important;


}





.bg-green {


    background-color: #4caf50 !important;


}


.bg-orange {


    background-color: #F57C00 !important;


}


.list-block .item-link.color-green,


.list-block .item-link.list-button.color-green,


.tabbar a.active.color-green,


a.color-green {


    color: #4caf50


}





.label-switch input[type=checkbox]:checked+.checkbox.color-green,


.label-switch.color-green input[type=checkbox]:checked+.checkbox {


    background-color: #4caf50


}





.theme-green .button:not(.button-fill) {


    color: #4caf50


}





.theme-green .navbar .button:not(.button-fill),


.theme-green .subnavbar .button:not(.button-fill),


.theme-green .toolbar .button:not(.button-fill),


.theme-green.navbar .button:not(.button-fill),


.theme-green.subnavbar .button:not(.button-fill),


.theme-green.toolbar .button:not(.button-fill) {


    color: #fff


}





.button.color-green:not(.button-fill),


.color-green.buttons-row .button:not(.button-fill) {


    color: #4caf50!important


}





.theme-green .button.button-fill {


    background-color: #4caf50;


    color: #fff


}





.theme-green .button.button-fill.active-state,


html:not(.watch-active-state) .theme-green .button.button-fill:active {


    background-color: #388E3C


}





.button.button-fill.bg-green,


.button.button-fill.color-green {


    background-color: #4caf50!important;


    color: #fff


}





.button.button-fill.bg-green.active-state,


.button.button-fill.color-green.active-state,


html:not(.watch-active-state) .button.button-fill.bg-green:active,


html:not(.watch-active-state) .button.button-fill.color-green:active {


    background-color: #388E3C!important


}





.progressbar.bg-green,


.progressbar.color-green,


.progressbar.theme-green,


.theme-green .progressbar {


    background-color: rgba(76, 175, 80, .5)


}





.progressbar.bg-green span,


.progressbar.color-green span,


.progressbar.theme-green span,


.theme-green .progressbar span {


    background-color: #4caf50


}





.progressbar-infinite.bg-green,


.progressbar-infinite.color-green,


.progressbar-infinite.theme-green,


.theme-green .progressbar-infinite {


    background-color: rgba(76, 175, 80, .5)


}





.progressbar-infinite.bg-green:after,


.progressbar-infinite.bg-green:before,


.progressbar-infinite.color-green:after,


.progressbar-infinite.color-green:before,


.progressbar-infinite.theme-green:after,


.progressbar-infinite.theme-green:before,


.theme-green .progressbar-infinite:after,


.theme-green .progressbar-infinite:before {


    background-color: #4caf50


}





.color-green i.icon,


i.icon.color-green {


    color: #4caf50


}





i.icon-next.color-green,


i.icon-next.theme-green {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%234caf50'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")


}





i.icon-prev.color-green,


i.icon-prev.theme-green {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%234caf50'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")


}





i.icon-back.color-green,


i.icon-back.theme-green {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E")


}





i.icon-forward.color-green,


i.icon-forward.theme-green {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E")


}





i.icon-bars.color-green,


i.icon-bars.theme-green {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E")


}





.preloader.color-green svg circle,


.preloader.preloader-green svg circle {


    stroke: #4caf50


}





.preloader.color-green .preloader-inner-gap,


.preloader.color-green .preloader-inner-half-circle,


.preloader.preloader-green .preloader-inner-gap,


.preloader.preloader-green .preloader-inner-half-circle {


    border-color: #4caf50


}





.theme-green a {


    color: #4caf50


}





.navbar.theme-green,


.searchbar.theme-green,


.subnavbar.theme-green,


.theme-green .navbar,


.theme-green .searchbar,


.theme-green .subnavbar,


.theme-green .toolbar,


.toolbar.theme-green {


    background-color: #4caf50


}





.range-slider.theme-green input[type=range]::-webkit-slider-thumb:before,


.theme-green .range-slider input[type=range]::-webkit-slider-thumb:before {


    background-color: #4caf50


}





.range-slider.theme-green input[type=range]::-webkit-slider-thumb,


.theme-green .range-slider input[type=range]::-webkit-slider-thumb {


    background-color: #4caf50


}





.range-slider.theme-green input[type=range]::-ms-thumb,


.theme-green .range-slider input[type=range]::-ms-thumb {


    background-color: #4caf50


}





.range-slider.theme-green input[type=range]::-ms-fill-lower,


.theme-green .range-slider input[type=range]::-ms-fill-lower {


    background-color: #4caf50


}





.range-slider.theme-green input[type=range]::-moz-range-thumb,


.theme-green .range-slider input[type=range]::-moz-range-thumb {


    background-color: #4caf50


}





.label-switch.theme-green input[type=checkbox]:checked+.checkbox,


.theme-green .label-switch input[type=checkbox]:checked+.checkbox {


    background-color: rgba(76, 175, 80, .5)


}





.label-switch.theme-green input[type=checkbox]:checked+.checkbox:after,


.theme-green .label-switch input[type=checkbox]:checked+.checkbox:after {


    background-color: #4caf50


}





.theme-green label.label-checkbox,


label.label-checkbox.theme-green {


    cursor: pointer


}





.theme-green label.label-checkbox i.icon-form-checkbox:after,


label.label-checkbox.theme-green i.icon-form-checkbox:after {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")


}





.theme-green label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,


.theme-green label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,


.theme-green label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,


.theme-green label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,


.theme-green label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,


.theme-green label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,


label.label-checkbox.theme-green input[type=checkbox]:checked+.item-media i.icon-form-checkbox,


label.label-checkbox.theme-green input[type=checkbox]:checked~.item-after i.icon-form-checkbox,


label.label-checkbox.theme-green input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,


label.label-checkbox.theme-green input[type=radio]:checked+.item-media i.icon-form-checkbox,


label.label-checkbox.theme-green input[type=radio]:checked~.item-after i.icon-form-checkbox,


label.label-checkbox.theme-green input[type=radio]:checked~.item-inner i.icon-form-checkbox {


    border-color: #4caf50;


    background-color: #4caf50


}





.theme-green label.label-radio i.icon-form-radio:after,


label.label-radio.theme-green i.icon-form-radio:after {


    background-color: #4caf50


}





.theme-green label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,


.theme-green label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,


.theme-green label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,


.theme-green label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,


.theme-green label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,


.theme-green label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,


label.label-radio.theme-green input[type=checkbox]:checked+.item-media i.icon-form-radio,


label.label-radio.theme-green input[type=checkbox]:checked~.item-after i.icon-form-radio,


label.label-radio.theme-green input[type=checkbox]:checked~.item-inner i.icon-form-radio,


label.label-radio.theme-green input[type=radio]:checked+.item-media i.icon-form-radio,


label.label-radio.theme-green input[type=radio]:checked~.item-after i.icon-form-radio,


label.label-radio.theme-green input[type=radio]:checked~.item-inner i.icon-form-radio {


    border-color: #4caf50


}





.theme-green label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,


.theme-green label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,


.theme-green label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,


.theme-green label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,


.theme-green label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,


.theme-green label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,


label.label-radio.theme-green input[type=checkbox]:checked+.item-media i.icon-form-radio:after,


label.label-radio.theme-green input[type=checkbox]:checked~.item-after i.icon-form-radio:after,


label.label-radio.theme-green input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,


label.label-radio.theme-green input[type=radio]:checked+.item-media i.icon-form-radio:after,


label.label-radio.theme-green input[type=radio]:checked~.item-after i.icon-form-radio:after,


label.label-radio.theme-green input[type=radio]:checked~.item-inner i.icon-form-radio:after {


    background-color: #4caf50


}





.theme-green .focus-state .floating-label,


.theme-green .focus-state .label {


    color: #4caf50


}





.theme-green .input-field.focus-state:after,


.theme-green .input-field.not-empty-state:after,


.theme-green .item-input-field.focus-state:after,


.theme-green .item-input-field.not-empty-state:after {


    background-color: #4caf50


}





.theme-green .picker-calendar-day.picker-calendar-day-today span {


    color: #4caf50


}





.theme-green .picker-calendar-day.picker-calendar-day-selected span {


    background-color: #4caf50;


    color: #fff


}





.theme-green .picker-calendar-day.picker-calendar-day-has-events span:after {


    background-color: #4caf50


}





.theme-green .picker-header {


    background-color: #4caf50


}





.theme-green .modal-button {


    color: #4caf50


}





.swiper-pagination.color-green .swiper-pagination-bullet-active,


.theme-green .swiper-pagination .swiper-pagination-bullet-active {


    background-color: #4caf50


}





.swiper-pagination.color-green .swiper-pagination-progressbar,


.theme-green .swiper-pagination .swiper-pagination-progressbar {


    background-color: #4caf50


}





.swiper-pagination.swiper-pagination-progress.bg-green {


    background-color: rgba(76, 175, 80, .25)


}





.swiper-button-next.color-green,


.swiper-container-rtl .swiper-button-prev.color-green,


.theme-green .swiper-button-next,


.theme-green .swiper-container-rtl .swiper-button-prev {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E")


}





.swiper-button-prev.color-green,


.swiper-container-rtl .swiper-button-next.color-green,


.theme-green .swiper-button-prev,


.theme-green .swiper-container-rtl .swiper-button-next {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E")


}





.bg-green,


.list-block .swipeout-actions-left a.bg-green,


.list-block .swipeout-actions-right a.bg-green,


a.bg-green {


    background-color: #4caf50


}





.list-block .bg-green .item-link.active-state,


.list-block .item-link.bg-green.active-state,


.list-block .item-link.list-block .swipeout-actions-left a.bg-green.active-state,


.list-block .item-link.list-block .swipeout-actions-right a.bg-green.active-state,


.list-block .item-linka.bg-green.active-state,


.list-block .list-block .swipeout-actions-left a.bg-green .item-link.active-state,


.list-block .list-block .swipeout-actions-right a.bg-green .item-link.active-state,


.list-block a.bg-green .item-link.active-state,


.list-block.bg-green .item-link.active-state,


.list-block.list-block .swipeout-actions-left a.bg-green .item-link.active-state,


.list-block.list-block .swipeout-actions-right a.bg-green .item-link.active-state,


.list-blocka.bg-green .item-link.active-state,


html:not(.watch-active-state) .list-block .bg-green .item-link:active,


html:not(.watch-active-state) .list-block .item-link.bg-green:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-green:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-green:active,


html:not(.watch-active-state) .list-block .item-linka.bg-green:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-green .item-link:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-green .item-link:active,


html:not(.watch-active-state) .list-block a.bg-green .item-link:active,


html:not(.watch-active-state) .list-block.bg-green .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-green .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-green .item-link:active,


html:not(.watch-active-state) .list-blocka.bg-green .item-link:active {


    background-color: #388E3C


}





.border-green {


    border-color: #4caf50


}





.border-green:after,


.border-green:before,


.list-block .border-green.item-inner:after,


.list-block .border-green.item-inner:before,


.list-block ul.border-green:after,


.list-block ul.border-green:before {


    background-color: #4caf50


}





.floating-button.bg-green,


.floating-button.color-green,


.floating-button.theme-green,


.speed-dial-buttons a.bg-green,


.speed-dial-buttons a.color-green,


.speed-dial-buttons a.theme-green,


.theme-green .floating-button,


.theme-green .speed-dial-buttons a {


    color: #fff;


    background-color: #4caf50


}





.floating-button.bg-green.active-state,


.floating-button.color-green.active-state,


.floating-button.theme-green.active-state,


.speed-dial-buttons a.bg-green.active-state,


.speed-dial-buttons a.color-green.active-state,


.speed-dial-buttons a.theme-green.active-state,


.theme-green .floating-button.active-state,


.theme-green .speed-dial-buttons a.active-state,


html:not(.watch-active-state) .floating-button.bg-green:active,


html:not(.watch-active-state) .floating-button.color-green:active,


html:not(.watch-active-state) .floating-button.theme-green:active,


html:not(.watch-active-state) .speed-dial-buttons a.bg-green:active,


html:not(.watch-active-state) .speed-dial-buttons a.color-green:active,


html:not(.watch-active-state) .speed-dial-buttons a.theme-green:active,


html:not(.watch-active-state) .theme-green .floating-button:active,


html:not(.watch-active-state) .theme-green .speed-dial-buttons a:active {


    background-color: #388E3C


}





.floating-button.bg-green i,


.floating-button.color-green i,


.floating-button.theme-green i,


.speed-dial-buttons a.bg-green i,


.speed-dial-buttons a.color-green i,


.speed-dial-buttons a.theme-green i,


.theme-green .floating-button i,


.theme-green .speed-dial-buttons a i {


    color: inherit


}





.ripple-green .ripple-wave {


    background-color: rgba(76, 175, 80, .3)


}





.badge.color-green,


.badge.theme-green {


    background-color: #4caf50;


    color: #fff


}





.color-lightgreen {


    color: #8bc34a !important;


}





.list-block .item-link.color-lightgreen,


.list-block .item-link.list-button.color-lightgreen,


.tabbar a.active.color-lightgreen,


a.color-lightgreen {


    color: #8bc34a


}





.label-switch input[type=checkbox]:checked+.checkbox.color-lightgreen,


.label-switch.color-lightgreen input[type=checkbox]:checked+.checkbox {


    background-color: #8bc34a


}





.theme-lightgreen .button:not(.button-fill) {


    color: #8bc34a


}





.theme-lightgreen .navbar .button:not(.button-fill),


.theme-lightgreen .subnavbar .button:not(.button-fill),


.theme-lightgreen .toolbar .button:not(.button-fill),


.theme-lightgreen.navbar .button:not(.button-fill),


.theme-lightgreen.subnavbar .button:not(.button-fill),


.theme-lightgreen.toolbar .button:not(.button-fill) {


    color: #fff


}





.button.color-lightgreen:not(.button-fill),


.color-lightgreen.buttons-row .button:not(.button-fill) {


    color: #8bc34a!important


}





.theme-lightgreen .button.button-fill {


    background-color: #8bc34a;


    color: #fff


}





.theme-lightgreen .button.button-fill.active-state,


html:not(.watch-active-state) .theme-lightgreen .button.button-fill:active {


    background-color: #689F38


}





.button.button-fill.bg-lightgreen,


.button.button-fill.color-lightgreen {


    background-color: #8bc34a!important;


    color: #fff


}





.button.button-fill.bg-lightgreen.active-state,


.button.button-fill.color-lightgreen.active-state,


html:not(.watch-active-state) .button.button-fill.bg-lightgreen:active,


html:not(.watch-active-state) .button.button-fill.color-lightgreen:active {


    background-color: #689F38!important


}





.progressbar.bg-lightgreen,


.progressbar.color-lightgreen,


.progressbar.theme-lightgreen,


.theme-lightgreen .progressbar {


    background-color: rgba(139, 195, 74, .5)


}





.progressbar.bg-lightgreen span,


.progressbar.color-lightgreen span,


.progressbar.theme-lightgreen span,


.theme-lightgreen .progressbar span {


    background-color: #8bc34a


}





.progressbar-infinite.bg-lightgreen,


.progressbar-infinite.color-lightgreen,


.progressbar-infinite.theme-lightgreen,


.theme-lightgreen .progressbar-infinite {


    background-color: rgba(139, 195, 74, .5)


}





.progressbar-infinite.bg-lightgreen:after,


.progressbar-infinite.bg-lightgreen:before,


.progressbar-infinite.color-lightgreen:after,


.progressbar-infinite.color-lightgreen:before,


.progressbar-infinite.theme-lightgreen:after,


.progressbar-infinite.theme-lightgreen:before,


.theme-lightgreen .progressbar-infinite:after,


.theme-lightgreen .progressbar-infinite:before {


    background-color: #8bc34a


}





.color-lightgreen i.icon,


i.icon.color-lightgreen {


    color: #8bc34a


}








i.icon-next.color-lightgreen,


i.icon-next.theme-lightgreen {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%238bc34a'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")


}





i.icon-prev.color-lightgreen,


i.icon-prev.theme-lightgreen {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%238bc34a'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")


}





i.icon-back.color-lightgreen,


i.icon-back.theme-lightgreen {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%238bc34a'%2F%3E%3C%2Fsvg%3E")


}





i.icon-forward.color-lightgreen,


i.icon-forward.theme-lightgreen {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%238bc34a'%2F%3E%3C%2Fsvg%3E")


}





i.icon-bars.color-lightgreen,


i.icon-bars.theme-lightgreen {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%238bc34a'%2F%3E%3C%2Fsvg%3E")


}





.preloader.color-lightgreen svg circle,


.preloader.preloader-lightgreen svg circle {


    stroke: #8bc34a


}





.preloader.color-lightgreen .preloader-inner-gap,


.preloader.color-lightgreen .preloader-inner-half-circle,


.preloader.preloader-lightgreen .preloader-inner-gap,


.preloader.preloader-lightgreen .preloader-inner-half-circle {


    border-color: #8bc34a


}





.theme-lightgreen a {


    color: #8bc34a


}





.navbar.theme-lightgreen,


.searchbar.theme-lightgreen,


.subnavbar.theme-lightgreen,


.theme-lightgreen .navbar,


.theme-lightgreen .searchbar,


.theme-lightgreen .subnavbar,


.theme-lightgreen .toolbar,


.toolbar.theme-lightgreen {


    background-color: #8bc34a


}





.range-slider.theme-lightgreen input[type=range]::-webkit-slider-thumb:before,


.theme-lightgreen .range-slider input[type=range]::-webkit-slider-thumb:before {


    background-color: #8bc34a


}





.range-slider.theme-lightgreen input[type=range]::-webkit-slider-thumb,


.theme-lightgreen .range-slider input[type=range]::-webkit-slider-thumb {


    background-color: #8bc34a


}





.range-slider.theme-lightgreen input[type=range]::-ms-thumb,


.theme-lightgreen .range-slider input[type=range]::-ms-thumb {


    background-color: #8bc34a


}





.range-slider.theme-lightgreen input[type=range]::-ms-fill-lower,


.theme-lightgreen .range-slider input[type=range]::-ms-fill-lower {


    background-color: #8bc34a


}





.range-slider.theme-lightgreen input[type=range]::-moz-range-thumb,


.theme-lightgreen .range-slider input[type=range]::-moz-range-thumb {


    background-color: #8bc34a


}





.label-switch.theme-lightgreen input[type=checkbox]:checked+.checkbox,


.theme-lightgreen .label-switch input[type=checkbox]:checked+.checkbox {


    background-color: rgba(139, 195, 74, .5)


}





.label-switch.theme-lightgreen input[type=checkbox]:checked+.checkbox:after,


.theme-lightgreen .label-switch input[type=checkbox]:checked+.checkbox:after {


    background-color: #8bc34a


}





.theme-lightgreen label.label-checkbox,


label.label-checkbox.theme-lightgreen {


    cursor: pointer


}





.theme-lightgreen label.label-checkbox i.icon-form-checkbox:after,


label.label-checkbox.theme-lightgreen i.icon-form-checkbox:after {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")


}





.theme-lightgreen label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,


.theme-lightgreen label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,


.theme-lightgreen label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,


.theme-lightgreen label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,


.theme-lightgreen label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,


.theme-lightgreen label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,


label.label-checkbox.theme-lightgreen input[type=checkbox]:checked+.item-media i.icon-form-checkbox,


label.label-checkbox.theme-lightgreen input[type=checkbox]:checked~.item-after i.icon-form-checkbox,


label.label-checkbox.theme-lightgreen input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,


label.label-checkbox.theme-lightgreen input[type=radio]:checked+.item-media i.icon-form-checkbox,


label.label-checkbox.theme-lightgreen input[type=radio]:checked~.item-after i.icon-form-checkbox,


label.label-checkbox.theme-lightgreen input[type=radio]:checked~.item-inner i.icon-form-checkbox {


    border-color: #8bc34a;


    background-color: #8bc34a


}





.theme-lightgreen label.label-radio i.icon-form-radio:after,


label.label-radio.theme-lightgreen i.icon-form-radio:after {


    background-color: #8bc34a


}





.theme-lightgreen label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,


.theme-lightgreen label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,


.theme-lightgreen label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,


.theme-lightgreen label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,


.theme-lightgreen label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,


.theme-lightgreen label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,


label.label-radio.theme-lightgreen input[type=checkbox]:checked+.item-media i.icon-form-radio,


label.label-radio.theme-lightgreen input[type=checkbox]:checked~.item-after i.icon-form-radio,


label.label-radio.theme-lightgreen input[type=checkbox]:checked~.item-inner i.icon-form-radio,


label.label-radio.theme-lightgreen input[type=radio]:checked+.item-media i.icon-form-radio,


label.label-radio.theme-lightgreen input[type=radio]:checked~.item-after i.icon-form-radio,


label.label-radio.theme-lightgreen input[type=radio]:checked~.item-inner i.icon-form-radio {


    border-color: #8bc34a


}





.theme-lightgreen label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,


.theme-lightgreen label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,


.theme-lightgreen label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,


.theme-lightgreen label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,


.theme-lightgreen label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,


.theme-lightgreen label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,


label.label-radio.theme-lightgreen input[type=checkbox]:checked+.item-media i.icon-form-radio:after,


label.label-radio.theme-lightgreen input[type=checkbox]:checked~.item-after i.icon-form-radio:after,


label.label-radio.theme-lightgreen input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,


label.label-radio.theme-lightgreen input[type=radio]:checked+.item-media i.icon-form-radio:after,


label.label-radio.theme-lightgreen input[type=radio]:checked~.item-after i.icon-form-radio:after,


label.label-radio.theme-lightgreen input[type=radio]:checked~.item-inner i.icon-form-radio:after {


    background-color: #8bc34a


}





.theme-lightgreen .focus-state .floating-label,


.theme-lightgreen .focus-state .label {


    color: #8bc34a


}





.theme-lightgreen .input-field.focus-state:after,


.theme-lightgreen .input-field.not-empty-state:after,


.theme-lightgreen .item-input-field.focus-state:after,


.theme-lightgreen .item-input-field.not-empty-state:after {


    background-color: #8bc34a


}





.theme-lightgreen .picker-calendar-day.picker-calendar-day-today span {


    color: #8bc34a


}





.theme-lightgreen .picker-calendar-day.picker-calendar-day-selected span {


    background-color: #8bc34a;


    color: #fff


}





.theme-lightgreen .picker-calendar-day.picker-calendar-day-has-events span:after {


    background-color: #8bc34a


}





.theme-lightgreen .picker-header {


    background-color: #8bc34a


}





.theme-lightgreen .modal-button {


    color: #8bc34a


}





.swiper-pagination.color-lightgreen .swiper-pagination-bullet-active,


.theme-lightgreen .swiper-pagination .swiper-pagination-bullet-active {


    background-color: #8bc34a


}





.swiper-pagination.color-lightgreen .swiper-pagination-progressbar,


.theme-lightgreen .swiper-pagination .swiper-pagination-progressbar {


    background-color: #8bc34a


}





.swiper-pagination.swiper-pagination-progress.bg-lightgreen {


    background-color: rgba(139, 195, 74, .25)


}





.swiper-button-next.color-lightgreen,


.swiper-container-rtl .swiper-button-prev.color-lightgreen,


.theme-lightgreen .swiper-button-next,


.theme-lightgreen .swiper-container-rtl .swiper-button-prev {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%238bc34a'%2F%3E%3C%2Fsvg%3E")


}





.swiper-button-prev.color-lightgreen,


.swiper-container-rtl .swiper-button-next.color-lightgreen,


.theme-lightgreen .swiper-button-prev,


.theme-lightgreen .swiper-container-rtl .swiper-button-next {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%238bc34a'%2F%3E%3C%2Fsvg%3E")


}





.bg-lightgreen,


.list-block .swipeout-actions-left a.bg-lightgreen,


.list-block .swipeout-actions-right a.bg-lightgreen,


a.bg-lightgreen {


    background-color: #8bc34a


}





.list-block .bg-lightgreen .item-link.active-state,


.list-block .item-link.bg-lightgreen.active-state,


.list-block .item-link.list-block .swipeout-actions-left a.bg-lightgreen.active-state,


.list-block .item-link.list-block .swipeout-actions-right a.bg-lightgreen.active-state,


.list-block .item-linka.bg-lightgreen.active-state,


.list-block .list-block .swipeout-actions-left a.bg-lightgreen .item-link.active-state,


.list-block .list-block .swipeout-actions-right a.bg-lightgreen .item-link.active-state,


.list-block a.bg-lightgreen .item-link.active-state,


.list-block.bg-lightgreen .item-link.active-state,


.list-block.list-block .swipeout-actions-left a.bg-lightgreen .item-link.active-state,


.list-block.list-block .swipeout-actions-right a.bg-lightgreen .item-link.active-state,


.list-blocka.bg-lightgreen .item-link.active-state,


html:not(.watch-active-state) .list-block .bg-lightgreen .item-link:active,


html:not(.watch-active-state) .list-block .item-link.bg-lightgreen:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-lightgreen:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-lightgreen:active,


html:not(.watch-active-state) .list-block .item-linka.bg-lightgreen:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-lightgreen .item-link:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-lightgreen .item-link:active,


html:not(.watch-active-state) .list-block a.bg-lightgreen .item-link:active,


html:not(.watch-active-state) .list-block.bg-lightgreen .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-lightgreen .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-lightgreen .item-link:active,


html:not(.watch-active-state) .list-blocka.bg-lightgreen .item-link:active {


    background-color: #689F38


}





.border-lightgreen {


    border-color: #8bc34a


}





.border-lightgreen:after,


.border-lightgreen:before,


.list-block .border-lightgreen.item-inner:after,


.list-block .border-lightgreen.item-inner:before,


.list-block ul.border-lightgreen:after,


.list-block ul.border-lightgreen:before {


    background-color: #8bc34a


}





.floating-button.bg-lightgreen,


.floating-button.color-lightgreen,


.floating-button.theme-lightgreen,


.speed-dial-buttons a.bg-lightgreen,


.speed-dial-buttons a.color-lightgreen,


.speed-dial-buttons a.theme-lightgreen,


.theme-lightgreen .floating-button,


.theme-lightgreen .speed-dial-buttons a {


    color: #fff;


    background-color: #8bc34a


}





.floating-button.bg-lightgreen.active-state,


.floating-button.color-lightgreen.active-state,


.floating-button.theme-lightgreen.active-state,


.speed-dial-buttons a.bg-lightgreen.active-state,


.speed-dial-buttons a.color-lightgreen.active-state,


.speed-dial-buttons a.theme-lightgreen.active-state,


.theme-lightgreen .floating-button.active-state,


.theme-lightgreen .speed-dial-buttons a.active-state,


html:not(.watch-active-state) .floating-button.bg-lightgreen:active,


html:not(.watch-active-state) .floating-button.color-lightgreen:active,


html:not(.watch-active-state) .floating-button.theme-lightgreen:active,


html:not(.watch-active-state) .speed-dial-buttons a.bg-lightgreen:active,


html:not(.watch-active-state) .speed-dial-buttons a.color-lightgreen:active,


html:not(.watch-active-state) .speed-dial-buttons a.theme-lightgreen:active,


html:not(.watch-active-state) .theme-lightgreen .floating-button:active,


html:not(.watch-active-state) .theme-lightgreen .speed-dial-buttons a:active {


    background-color: #689F38


}





.floating-button.bg-lightgreen i,


.floating-button.color-lightgreen i,


.floating-button.theme-lightgreen i,


.speed-dial-buttons a.bg-lightgreen i,


.speed-dial-buttons a.color-lightgreen i,


.speed-dial-buttons a.theme-lightgreen i,


.theme-lightgreen .floating-button i,


.theme-lightgreen .speed-dial-buttons a i {


    color: inherit


}





.ripple-lightgreen .ripple-wave {


    background-color: rgba(139, 195, 74, .3)


}





.badge.color-lightgreen,


.badge.theme-lightgreen {


    background-color: #8bc34a;


    color: #fff


}





.color-lime {


    color: #cddc39


}





.list-block .item-link.color-lime,


.list-block .item-link.list-button.color-lime,


.tabbar a.active.color-lime,


a.color-lime {


    color: #cddc39


}





.label-switch input[type=checkbox]:checked+.checkbox.color-lime,


.label-switch.color-lime input[type=checkbox]:checked+.checkbox {


    background-color: #cddc39


}





.theme-lime .button:not(.button-fill) {


    color: #cddc39


}





.theme-lime .navbar .button:not(.button-fill),


.theme-lime .subnavbar .button:not(.button-fill),


.theme-lime .toolbar .button:not(.button-fill),


.theme-lime.navbar .button:not(.button-fill),


.theme-lime.subnavbar .button:not(.button-fill),


.theme-lime.toolbar .button:not(.button-fill) {


    color: #fff


}





.button.color-lime:not(.button-fill),


.color-lime.buttons-row .button:not(.button-fill) {


    color: #cddc39!important


}





.theme-lime .button.button-fill {


    background-color: #cddc39;


    color: #fff


}





.theme-lime .button.button-fill.active-state,


html:not(.watch-active-state) .theme-lime .button.button-fill:active {


    background-color: #AFB42B


}





.button.button-fill.bg-lime,


.button.button-fill.color-lime {


    background-color: #cddc39!important;


    color: #fff


}





.button.button-fill.bg-lime.active-state,


.button.button-fill.color-lime.active-state,


html:not(.watch-active-state) .button.button-fill.bg-lime:active,


html:not(.watch-active-state) .button.button-fill.color-lime:active {


    background-color: #AFB42B!important


}





.progressbar.bg-lime,


.progressbar.color-lime,


.progressbar.theme-lime,


.theme-lime .progressbar {


    background-color: rgba(205, 220, 57, .5)


}





.progressbar.bg-lime span,


.progressbar.color-lime span,


.progressbar.theme-lime span,


.theme-lime .progressbar span {


    background-color: #cddc39


}





.progressbar-infinite.bg-lime,


.progressbar-infinite.color-lime,


.progressbar-infinite.theme-lime,


.theme-lime .progressbar-infinite {


    background-color: rgba(205, 220, 57, .5)


}





.progressbar-infinite.bg-lime:after,


.progressbar-infinite.bg-lime:before,


.progressbar-infinite.color-lime:after,


.progressbar-infinite.color-lime:before,


.progressbar-infinite.theme-lime:after,


.progressbar-infinite.theme-lime:before,


.theme-lime .progressbar-infinite:after,


.theme-lime .progressbar-infinite:before {


    background-color: #cddc39


}





.color-lime i.icon,


i.icon.color-lime {


    color: #cddc39


}





i.icon-next.color-lime,


i.icon-next.theme-lime {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23cddc39'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")


}





i.icon-prev.color-lime,


i.icon-prev.theme-lime {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23cddc39'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")


}





i.icon-back.color-lime,


i.icon-back.theme-lime {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23cddc39'%2F%3E%3C%2Fsvg%3E")


}





i.icon-forward.color-lime,


i.icon-forward.theme-lime {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23cddc39'%2F%3E%3C%2Fsvg%3E")


}





i.icon-bars.color-lime,


i.icon-bars.theme-lime {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23cddc39'%2F%3E%3C%2Fsvg%3E")


}





.preloader.color-lime svg circle,


.preloader.preloader-lime svg circle {


    stroke: #cddc39


}





.preloader.color-lime .preloader-inner-gap,


.preloader.color-lime .preloader-inner-half-circle,


.preloader.preloader-lime .preloader-inner-gap,


.preloader.preloader-lime .preloader-inner-half-circle {


    border-color: #cddc39


}





.theme-lime a {


    color: #cddc39


}





.navbar.theme-lime,


.searchbar.theme-lime,


.subnavbar.theme-lime,


.theme-lime .navbar,


.theme-lime .searchbar,


.theme-lime .subnavbar,


.theme-lime .toolbar,


.toolbar.theme-lime {


    background-color: #cddc39


}





.range-slider.theme-lime input[type=range]::-webkit-slider-thumb:before,


.theme-lime .range-slider input[type=range]::-webkit-slider-thumb:before {


    background-color: #cddc39


}





.range-slider.theme-lime input[type=range]::-webkit-slider-thumb,


.theme-lime .range-slider input[type=range]::-webkit-slider-thumb {


    background-color: #cddc39


}





.range-slider.theme-lime input[type=range]::-ms-thumb,


.theme-lime .range-slider input[type=range]::-ms-thumb {


    background-color: #cddc39


}





.range-slider.theme-lime input[type=range]::-ms-fill-lower,


.theme-lime .range-slider input[type=range]::-ms-fill-lower {


    background-color: #cddc39


}





.range-slider.theme-lime input[type=range]::-moz-range-thumb,


.theme-lime .range-slider input[type=range]::-moz-range-thumb {


    background-color: #cddc39


}





.label-switch.theme-lime input[type=checkbox]:checked+.checkbox,


.theme-lime .label-switch input[type=checkbox]:checked+.checkbox {


    background-color: rgba(205, 220, 57, .5)


}





.label-switch.theme-lime input[type=checkbox]:checked+.checkbox:after,


.theme-lime .label-switch input[type=checkbox]:checked+.checkbox:after {


    background-color: #cddc39


}





.theme-lime label.label-checkbox,


label.label-checkbox.theme-lime {


    cursor: pointer


}





.theme-lime label.label-checkbox i.icon-form-checkbox:after,


label.label-checkbox.theme-lime i.icon-form-checkbox:after {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")


}





.theme-lime label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,


.theme-lime label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,


.theme-lime label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,


.theme-lime label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,


.theme-lime label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,


.theme-lime label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,


label.label-checkbox.theme-lime input[type=checkbox]:checked+.item-media i.icon-form-checkbox,


label.label-checkbox.theme-lime input[type=checkbox]:checked~.item-after i.icon-form-checkbox,


label.label-checkbox.theme-lime input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,


label.label-checkbox.theme-lime input[type=radio]:checked+.item-media i.icon-form-checkbox,


label.label-checkbox.theme-lime input[type=radio]:checked~.item-after i.icon-form-checkbox,


label.label-checkbox.theme-lime input[type=radio]:checked~.item-inner i.icon-form-checkbox {


    border-color: #cddc39;


    background-color: #cddc39


}





.theme-lime label.label-radio i.icon-form-radio:after,


label.label-radio.theme-lime i.icon-form-radio:after {


    background-color: #cddc39


}





.theme-lime label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,


.theme-lime label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,


.theme-lime label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,


.theme-lime label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,


.theme-lime label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,


.theme-lime label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,


label.label-radio.theme-lime input[type=checkbox]:checked+.item-media i.icon-form-radio,


label.label-radio.theme-lime input[type=checkbox]:checked~.item-after i.icon-form-radio,


label.label-radio.theme-lime input[type=checkbox]:checked~.item-inner i.icon-form-radio,


label.label-radio.theme-lime input[type=radio]:checked+.item-media i.icon-form-radio,


label.label-radio.theme-lime input[type=radio]:checked~.item-after i.icon-form-radio,


label.label-radio.theme-lime input[type=radio]:checked~.item-inner i.icon-form-radio {


    border-color: #cddc39


}





.theme-lime label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,


.theme-lime label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,


.theme-lime label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,


.theme-lime label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,


.theme-lime label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,


.theme-lime label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,


label.label-radio.theme-lime input[type=checkbox]:checked+.item-media i.icon-form-radio:after,


label.label-radio.theme-lime input[type=checkbox]:checked~.item-after i.icon-form-radio:after,


label.label-radio.theme-lime input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,


label.label-radio.theme-lime input[type=radio]:checked+.item-media i.icon-form-radio:after,


label.label-radio.theme-lime input[type=radio]:checked~.item-after i.icon-form-radio:after,


label.label-radio.theme-lime input[type=radio]:checked~.item-inner i.icon-form-radio:after {


    background-color: #cddc39


}





.theme-lime .focus-state .floating-label,


.theme-lime .focus-state .label {


    color: #cddc39


}





.theme-lime .input-field.focus-state:after,


.theme-lime .input-field.not-empty-state:after,


.theme-lime .item-input-field.focus-state:after,


.theme-lime .item-input-field.not-empty-state:after {


    background-color: #cddc39


}





.theme-lime .picker-calendar-day.picker-calendar-day-today span {


    color: #cddc39


}





.theme-lime .picker-calendar-day.picker-calendar-day-selected span {


    background-color: #cddc39;


    color: #fff


}





.theme-lime .picker-calendar-day.picker-calendar-day-has-events span:after {


    background-color: #cddc39


}





.theme-lime .picker-header {


    background-color: #cddc39


}





.theme-lime .modal-button {


    color: #cddc39


}





.swiper-pagination.color-lime .swiper-pagination-bullet-active,


.theme-lime .swiper-pagination .swiper-pagination-bullet-active {


    background-color: #cddc39


}





.swiper-pagination.color-lime .swiper-pagination-progressbar,


.theme-lime .swiper-pagination .swiper-pagination-progressbar {


    background-color: #cddc39


}





.swiper-pagination.swiper-pagination-progress.bg-lime {


    background-color: rgba(205, 220, 57, .25)


}





.swiper-button-next.color-lime,


.swiper-container-rtl .swiper-button-prev.color-lime,


.theme-lime .swiper-button-next,


.theme-lime .swiper-container-rtl .swiper-button-prev {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23cddc39'%2F%3E%3C%2Fsvg%3E")


}





.swiper-button-prev.color-lime,


.swiper-container-rtl .swiper-button-next.color-lime,


.theme-lime .swiper-button-prev,


.theme-lime .swiper-container-rtl .swiper-button-next {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23cddc39'%2F%3E%3C%2Fsvg%3E")


}





.bg-lime,


.list-block .swipeout-actions-left a.bg-lime,


.list-block .swipeout-actions-right a.bg-lime,


a.bg-lime {


    background-color: #cddc39


}





.list-block .bg-lime .item-link.active-state,


.list-block .item-link.bg-lime.active-state,


.list-block .item-link.list-block .swipeout-actions-left a.bg-lime.active-state,


.list-block .item-link.list-block .swipeout-actions-right a.bg-lime.active-state,


.list-block .item-linka.bg-lime.active-state,


.list-block .list-block .swipeout-actions-left a.bg-lime .item-link.active-state,


.list-block .list-block .swipeout-actions-right a.bg-lime .item-link.active-state,


.list-block a.bg-lime .item-link.active-state,


.list-block.bg-lime .item-link.active-state,


.list-block.list-block .swipeout-actions-left a.bg-lime .item-link.active-state,


.list-block.list-block .swipeout-actions-right a.bg-lime .item-link.active-state,


.list-blocka.bg-lime .item-link.active-state,


html:not(.watch-active-state) .list-block .bg-lime .item-link:active,


html:not(.watch-active-state) .list-block .item-link.bg-lime:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-lime:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-lime:active,


html:not(.watch-active-state) .list-block .item-linka.bg-lime:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-lime .item-link:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-lime .item-link:active,


html:not(.watch-active-state) .list-block a.bg-lime .item-link:active,


html:not(.watch-active-state) .list-block.bg-lime .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-lime .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-lime .item-link:active,


html:not(.watch-active-state) .list-blocka.bg-lime .item-link:active {


    background-color: #AFB42B


}





.border-lime {


    border-color: #cddc39


}





.border-lime:after,


.border-lime:before,


.list-block .border-lime.item-inner:after,


.list-block .border-lime.item-inner:before,


.list-block ul.border-lime:after,


.list-block ul.border-lime:before {


    background-color: #cddc39


}





.floating-button.bg-lime,


.floating-button.color-lime,


.floating-button.theme-lime,


.speed-dial-buttons a.bg-lime,


.speed-dial-buttons a.color-lime,


.speed-dial-buttons a.theme-lime,


.theme-lime .floating-button,


.theme-lime .speed-dial-buttons a {


    color: #fff;


    background-color: #cddc39


}





.floating-button.bg-lime.active-state,


.floating-button.color-lime.active-state,


.floating-button.theme-lime.active-state,


.speed-dial-buttons a.bg-lime.active-state,


.speed-dial-buttons a.color-lime.active-state,


.speed-dial-buttons a.theme-lime.active-state,


.theme-lime .floating-button.active-state,


.theme-lime .speed-dial-buttons a.active-state,


html:not(.watch-active-state) .floating-button.bg-lime:active,


html:not(.watch-active-state) .floating-button.color-lime:active,


html:not(.watch-active-state) .floating-button.theme-lime:active,


html:not(.watch-active-state) .speed-dial-buttons a.bg-lime:active,


html:not(.watch-active-state) .speed-dial-buttons a.color-lime:active,


html:not(.watch-active-state) .speed-dial-buttons a.theme-lime:active,


html:not(.watch-active-state) .theme-lime .floating-button:active,


html:not(.watch-active-state) .theme-lime .speed-dial-buttons a:active {


    background-color: #AFB42B


}





.floating-button.bg-lime i,


.floating-button.color-lime i,


.floating-button.theme-lime i,


.speed-dial-buttons a.bg-lime i,


.speed-dial-buttons a.color-lime i,


.speed-dial-buttons a.theme-lime i,


.theme-lime .floating-button i,


.theme-lime .speed-dial-buttons a i {


    color: inherit


}





.ripple-lime .ripple-wave {


    background-color: rgba(205, 220, 57, .3)


}





.badge.color-lime,


.badge.theme-lime {


    background-color: #cddc39;


    color: #fff


}





.color-yellow {


    color: #FFFF00 !important;


}





.list-block .item-link.color-yellow,


.list-block .item-link.list-button.color-yellow,


.tabbar a.active.color-yellow,


a.color-yellow {


    color: #ffeb3b


}





.label-switch input[type=checkbox]:checked+.checkbox.color-yellow,


.label-switch.color-yellow input[type=checkbox]:checked+.checkbox {


    background-color: #ffeb3b


}





.theme-yellow .button:not(.button-fill) {


    color: #ffeb3b


}





.theme-yellow .navbar .button:not(.button-fill),


.theme-yellow .subnavbar .button:not(.button-fill),


.theme-yellow .toolbar .button:not(.button-fill),


.theme-yellow.navbar .button:not(.button-fill),


.theme-yellow.subnavbar .button:not(.button-fill),


.theme-yellow.toolbar .button:not(.button-fill) {


    color: #fff


}





.button.color-yellow:not(.button-fill),


.color-yellow.buttons-row .button:not(.button-fill) {


    color: #ffeb3b!important


}





.theme-yellow .button.button-fill {


    background-color: #ffeb3b;


    color: #fff


}





.theme-yellow .button.button-fill.active-state,


html:not(.watch-active-state) .theme-yellow .button.button-fill:active {


    background-color: #FBC02D


}





.button.button-fill.bg-yellow,


.button.button-fill.color-yellow {


    background-color: #ffeb3b!important;


    color: #fff


}





.button.button-fill.bg-yellow.active-state,


.button.button-fill.color-yellow.active-state,


html:not(.watch-active-state) .button.button-fill.bg-yellow:active,


html:not(.watch-active-state) .button.button-fill.color-yellow:active {


    background-color: #FBC02D!important


}





.progressbar.bg-yellow,


.progressbar.color-yellow,


.progressbar.theme-yellow,


.theme-yellow .progressbar {


    background-color: rgba(255, 235, 59, .5)


}





.progressbar.bg-yellow span,


.progressbar.color-yellow span,


.progressbar.theme-yellow span,


.theme-yellow .progressbar span {


    background-color: #ffeb3b


}





.progressbar-infinite.bg-yellow,


.progressbar-infinite.color-yellow,


.progressbar-infinite.theme-yellow,


.theme-yellow .progressbar-infinite {


    background-color: rgba(255, 235, 59, .5)


}





.progressbar-infinite.bg-yellow:after,


.progressbar-infinite.bg-yellow:before,


.progressbar-infinite.color-yellow:after,


.progressbar-infinite.color-yellow:before,


.progressbar-infinite.theme-yellow:after,


.progressbar-infinite.theme-yellow:before,


.theme-yellow .progressbar-infinite:after,


.theme-yellow .progressbar-infinite:before {


    background-color: #ffeb3b


}





.color-yellow i.icon,


i.icon.color-yellow {


    color: #ffeb3b


}





i.icon-next.color-yellow,


i.icon-next.theme-yellow {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffeb3b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")


}





i.icon-prev.color-yellow,


i.icon-prev.theme-yellow {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffeb3b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")


}





i.icon-back.color-yellow,


i.icon-back.theme-yellow {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E")


}





i.icon-forward.color-yellow,


i.icon-forward.theme-yellow {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E")


}





i.icon-bars.color-yellow,


i.icon-bars.theme-yellow {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E")


}





.preloader.color-yellow svg circle,


.preloader.preloader-yellow svg circle {


    stroke: #ffeb3b


}





.preloader.color-yellow .preloader-inner-gap,


.preloader.color-yellow .preloader-inner-half-circle,


.preloader.preloader-yellow .preloader-inner-gap,


.preloader.preloader-yellow .preloader-inner-half-circle {


    border-color: #ffeb3b


}





.theme-yellow a {


    color: #ffeb3b


}





.navbar.theme-yellow,


.searchbar.theme-yellow,


.subnavbar.theme-yellow,


.theme-yellow .navbar,


.theme-yellow .searchbar,


.theme-yellow .subnavbar,


.theme-yellow .toolbar,


.toolbar.theme-yellow {


    background-color: #ffeb3b


}





.range-slider.theme-yellow input[type=range]::-webkit-slider-thumb:before,


.theme-yellow .range-slider input[type=range]::-webkit-slider-thumb:before {


    background-color: #ffeb3b


}





.range-slider.theme-yellow input[type=range]::-webkit-slider-thumb,


.theme-yellow .range-slider input[type=range]::-webkit-slider-thumb {


    background-color: #ffeb3b


}





.range-slider.theme-yellow input[type=range]::-ms-thumb,


.theme-yellow .range-slider input[type=range]::-ms-thumb {


    background-color: #ffeb3b


}





.range-slider.theme-yellow input[type=range]::-ms-fill-lower,


.theme-yellow .range-slider input[type=range]::-ms-fill-lower {


    background-color: #ffeb3b


}





.range-slider.theme-yellow input[type=range]::-moz-range-thumb,


.theme-yellow .range-slider input[type=range]::-moz-range-thumb {


    background-color: #ffeb3b


}





.label-switch.theme-yellow input[type=checkbox]:checked+.checkbox,


.theme-yellow .label-switch input[type=checkbox]:checked+.checkbox {


    background-color: rgba(255, 235, 59, .5)


}





.label-switch.theme-yellow input[type=checkbox]:checked+.checkbox:after,


.theme-yellow .label-switch input[type=checkbox]:checked+.checkbox:after {


    background-color: #ffeb3b


}





.theme-yellow label.label-checkbox,


label.label-checkbox.theme-yellow {


    cursor: pointer


}





.theme-yellow label.label-checkbox i.icon-form-checkbox:after,


label.label-checkbox.theme-yellow i.icon-form-checkbox:after {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")


}





.theme-yellow label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,


.theme-yellow label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,


.theme-yellow label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,


.theme-yellow label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,


.theme-yellow label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,


.theme-yellow label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,


label.label-checkbox.theme-yellow input[type=checkbox]:checked+.item-media i.icon-form-checkbox,


label.label-checkbox.theme-yellow input[type=checkbox]:checked~.item-after i.icon-form-checkbox,


label.label-checkbox.theme-yellow input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,


label.label-checkbox.theme-yellow input[type=radio]:checked+.item-media i.icon-form-checkbox,


label.label-checkbox.theme-yellow input[type=radio]:checked~.item-after i.icon-form-checkbox,


label.label-checkbox.theme-yellow input[type=radio]:checked~.item-inner i.icon-form-checkbox {


    border-color: #ffeb3b;


    background-color: #ffeb3b


}





.theme-yellow label.label-radio i.icon-form-radio:after,


label.label-radio.theme-yellow i.icon-form-radio:after {


    background-color: #ffeb3b


}





.theme-yellow label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,


.theme-yellow label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,


.theme-yellow label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,


.theme-yellow label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,


.theme-yellow label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,


.theme-yellow label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,


label.label-radio.theme-yellow input[type=checkbox]:checked+.item-media i.icon-form-radio,


label.label-radio.theme-yellow input[type=checkbox]:checked~.item-after i.icon-form-radio,


label.label-radio.theme-yellow input[type=checkbox]:checked~.item-inner i.icon-form-radio,


label.label-radio.theme-yellow input[type=radio]:checked+.item-media i.icon-form-radio,


label.label-radio.theme-yellow input[type=radio]:checked~.item-after i.icon-form-radio,


label.label-radio.theme-yellow input[type=radio]:checked~.item-inner i.icon-form-radio {


    border-color: #ffeb3b


}





.theme-yellow label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,


.theme-yellow label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,


.theme-yellow label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,


.theme-yellow label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,


.theme-yellow label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,


.theme-yellow label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,


label.label-radio.theme-yellow input[type=checkbox]:checked+.item-media i.icon-form-radio:after,


label.label-radio.theme-yellow input[type=checkbox]:checked~.item-after i.icon-form-radio:after,


label.label-radio.theme-yellow input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,


label.label-radio.theme-yellow input[type=radio]:checked+.item-media i.icon-form-radio:after,


label.label-radio.theme-yellow input[type=radio]:checked~.item-after i.icon-form-radio:after,


label.label-radio.theme-yellow input[type=radio]:checked~.item-inner i.icon-form-radio:after {


    background-color: #ffeb3b


}





.theme-yellow .focus-state .floating-label,


.theme-yellow .focus-state .label {


    color: #ffeb3b


}





.theme-yellow .input-field.focus-state:after,


.theme-yellow .input-field.not-empty-state:after,


.theme-yellow .item-input-field.focus-state:after,


.theme-yellow .item-input-field.not-empty-state:after {


    background-color: #ffeb3b


}





.theme-yellow .picker-calendar-day.picker-calendar-day-today span {


    color: #ffeb3b


}





.theme-yellow .picker-calendar-day.picker-calendar-day-selected span {


    background-color: #ffeb3b;


    color: #fff


}





.theme-yellow .picker-calendar-day.picker-calendar-day-has-events span:after {


    background-color: #ffeb3b


}





.theme-yellow .picker-header {


    background-color: #ffeb3b


}





.theme-yellow .modal-button {


    color: #ffeb3b


}





.swiper-pagination.color-yellow .swiper-pagination-bullet-active,


.theme-yellow .swiper-pagination .swiper-pagination-bullet-active {


    background-color: #ffeb3b


}





.swiper-pagination.color-yellow .swiper-pagination-progressbar,


.theme-yellow .swiper-pagination .swiper-pagination-progressbar {


    background-color: #ffeb3b


}





.swiper-pagination.swiper-pagination-progress.bg-yellow {


    background-color: rgba(255, 235, 59, .25)


}





.swiper-button-next.color-yellow,


.swiper-container-rtl .swiper-button-prev.color-yellow,


.theme-yellow .swiper-button-next,


.theme-yellow .swiper-container-rtl .swiper-button-prev {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E")


}





.swiper-button-prev.color-yellow,


.swiper-container-rtl .swiper-button-next.color-yellow,


.theme-yellow .swiper-button-prev,


.theme-yellow .swiper-container-rtl .swiper-button-next {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E")


}





.bg-yellow,


.list-block .swipeout-actions-left a.bg-yellow,


.list-block .swipeout-actions-right a.bg-yellow,


a.bg-yellow {


    background-color: #ffeb3b


}





.list-block .bg-yellow .item-link.active-state,


.list-block .item-link.bg-yellow.active-state,


.list-block .item-link.list-block .swipeout-actions-left a.bg-yellow.active-state,


.list-block .item-link.list-block .swipeout-actions-right a.bg-yellow.active-state,


.list-block .item-linka.bg-yellow.active-state,


.list-block .list-block .swipeout-actions-left a.bg-yellow .item-link.active-state,


.list-block .list-block .swipeout-actions-right a.bg-yellow .item-link.active-state,


.list-block a.bg-yellow .item-link.active-state,


.list-block.bg-yellow .item-link.active-state,


.list-block.list-block .swipeout-actions-left a.bg-yellow .item-link.active-state,


.list-block.list-block .swipeout-actions-right a.bg-yellow .item-link.active-state,


.list-blocka.bg-yellow .item-link.active-state,


html:not(.watch-active-state) .list-block .bg-yellow .item-link:active,


html:not(.watch-active-state) .list-block .item-link.bg-yellow:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-yellow:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-yellow:active,


html:not(.watch-active-state) .list-block .item-linka.bg-yellow:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-yellow .item-link:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-yellow .item-link:active,


html:not(.watch-active-state) .list-block a.bg-yellow .item-link:active,


html:not(.watch-active-state) .list-block.bg-yellow .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-yellow .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-yellow .item-link:active,


html:not(.watch-active-state) .list-blocka.bg-yellow .item-link:active {


    background-color: #FBC02D


}





.border-yellow {


    border-color: #ffeb3b


}





.border-yellow:after,


.border-yellow:before,


.list-block .border-yellow.item-inner:after,


.list-block .border-yellow.item-inner:before,


.list-block ul.border-yellow:after,


.list-block ul.border-yellow:before {


    background-color: #ffeb3b


}





.floating-button.bg-yellow,


.floating-button.color-yellow,


.floating-button.theme-yellow,


.speed-dial-buttons a.bg-yellow,


.speed-dial-buttons a.color-yellow,


.speed-dial-buttons a.theme-yellow,


.theme-yellow .floating-button,


.theme-yellow .speed-dial-buttons a {


    color: #fff;


    background-color: #ffeb3b


}





.floating-button.bg-yellow.active-state,


.floating-button.color-yellow.active-state,


.floating-button.theme-yellow.active-state,


.speed-dial-buttons a.bg-yellow.active-state,


.speed-dial-buttons a.color-yellow.active-state,


.speed-dial-buttons a.theme-yellow.active-state,


.theme-yellow .floating-button.active-state,


.theme-yellow .speed-dial-buttons a.active-state,


html:not(.watch-active-state) .floating-button.bg-yellow:active,


html:not(.watch-active-state) .floating-button.color-yellow:active,


html:not(.watch-active-state) .floating-button.theme-yellow:active,


html:not(.watch-active-state) .speed-dial-buttons a.bg-yellow:active,


html:not(.watch-active-state) .speed-dial-buttons a.color-yellow:active,


html:not(.watch-active-state) .speed-dial-buttons a.theme-yellow:active,


html:not(.watch-active-state) .theme-yellow .floating-button:active,


html:not(.watch-active-state) .theme-yellow .speed-dial-buttons a:active {


    background-color: #FBC02D


}





.floating-button.bg-yellow i,


.floating-button.color-yellow i,


.floating-button.theme-yellow i,


.speed-dial-buttons a.bg-yellow i,


.speed-dial-buttons a.color-yellow i,


.speed-dial-buttons a.theme-yellow i,


.theme-yellow .floating-button i,


.theme-yellow .speed-dial-buttons a i {


    color: inherit


}





.ripple-yellow .ripple-wave {


    background-color: rgba(255, 235, 59, .3)


}





.badge.color-yellow,


.badge.theme-yellow {


    background-color: #ffeb3b;


    color: #fff


}





.color-amber {


    color: #ffc107  !important;


}





.list-block .item-link.color-amber,


.list-block .item-link.list-button.color-amber,


.tabbar a.active.color-amber,


a.color-amber {


    color: #ffc107


}





.label-switch input[type=checkbox]:checked+.checkbox.color-amber,


.label-switch.color-amber input[type=checkbox]:checked+.checkbox {


    background-color: #ffc107


}





.theme-amber .button:not(.button-fill) {


    color: #ffc107


}





.theme-amber .navbar .button:not(.button-fill),


.theme-amber .subnavbar .button:not(.button-fill),


.theme-amber .toolbar .button:not(.button-fill),


.theme-amber.navbar .button:not(.button-fill),


.theme-amber.subnavbar .button:not(.button-fill),


.theme-amber.toolbar .button:not(.button-fill) {


    color: #fff


}





.button.color-amber:not(.button-fill),


.color-amber.buttons-row .button:not(.button-fill) {


    color: #ffc107!important


}





.theme-amber .button.button-fill {


    background-color: #ffc107;


    color: #fff


}





.theme-amber .button.button-fill.active-state,


html:not(.watch-active-state) .theme-amber .button.button-fill:active {


    background-color: #FFA000


}





.button.button-fill.bg-amber,


.button.button-fill.color-amber {


    background-color: #ffc107!important;


    color: #fff


}





.button.button-fill.bg-amber.active-state,


.button.button-fill.color-amber.active-state,


html:not(.watch-active-state) .button.button-fill.bg-amber:active,


html:not(.watch-active-state) .button.button-fill.color-amber:active {


    background-color: #FFA000!important


}





.progressbar.bg-amber,


.progressbar.color-amber,


.progressbar.theme-amber,


.theme-amber .progressbar {


    background-color: rgba(255, 193, 7, .5)


}





.progressbar.bg-amber span,


.progressbar.color-amber span,


.progressbar.theme-amber span,


.theme-amber .progressbar span {


    background-color: #ffc107


}





.progressbar-infinite.bg-amber,


.progressbar-infinite.color-amber,


.progressbar-infinite.theme-amber,


.theme-amber .progressbar-infinite {


    background-color: rgba(255, 193, 7, .5)


}





.progressbar-infinite.bg-amber:after,


.progressbar-infinite.bg-amber:before,


.progressbar-infinite.color-amber:after,


.progressbar-infinite.color-amber:before,


.progressbar-infinite.theme-amber:after,


.progressbar-infinite.theme-amber:before,


.theme-amber .progressbar-infinite:after,


.theme-amber .progressbar-infinite:before {


    background-color: #ffc107


}





.color-amber i.icon,


i.icon.color-amber {


    color: #ffc107


}





i.icon-next.color-amber,


i.icon-next.theme-amber {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffc107'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")


}





i.icon-prev.color-amber,


i.icon-prev.theme-amber {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffc107'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")


}





i.icon-back.color-amber,


i.icon-back.theme-amber {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffc107'%2F%3E%3C%2Fsvg%3E")


}





i.icon-forward.color-amber,


i.icon-forward.theme-amber {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffc107'%2F%3E%3C%2Fsvg%3E")


}





i.icon-bars.color-amber,


i.icon-bars.theme-amber {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23ffc107'%2F%3E%3C%2Fsvg%3E")


}





.preloader.color-amber svg circle,


.preloader.preloader-amber svg circle {


    stroke: #ffc107


}





.preloader.color-amber .preloader-inner-gap,


.preloader.color-amber .preloader-inner-half-circle,


.preloader.preloader-amber .preloader-inner-gap,


.preloader.preloader-amber .preloader-inner-half-circle {


    border-color: #ffc107


}





.theme-amber a {


    color: #ffc107


}





.navbar.theme-amber,


.searchbar.theme-amber,


.subnavbar.theme-amber,


.theme-amber .navbar,


.theme-amber .searchbar,


.theme-amber .subnavbar,


.theme-amber .toolbar,


.toolbar.theme-amber {


    background-color: #ffc107


}





.range-slider.theme-amber input[type=range]::-webkit-slider-thumb:before,


.theme-amber .range-slider input[type=range]::-webkit-slider-thumb:before {


    background-color: #ffc107


}





.range-slider.theme-amber input[type=range]::-webkit-slider-thumb,


.theme-amber .range-slider input[type=range]::-webkit-slider-thumb {


    background-color: #ffc107


}





.range-slider.theme-amber input[type=range]::-ms-thumb,


.theme-amber .range-slider input[type=range]::-ms-thumb {


    background-color: #ffc107


}





.range-slider.theme-amber input[type=range]::-ms-fill-lower,


.theme-amber .range-slider input[type=range]::-ms-fill-lower {


    background-color: #ffc107


}





.range-slider.theme-amber input[type=range]::-moz-range-thumb,


.theme-amber .range-slider input[type=range]::-moz-range-thumb {


    background-color: #ffc107


}





.label-switch.theme-amber input[type=checkbox]:checked+.checkbox,


.theme-amber .label-switch input[type=checkbox]:checked+.checkbox {


    background-color: rgba(255, 193, 7, .5)


}





.label-switch.theme-amber input[type=checkbox]:checked+.checkbox:after,


.theme-amber .label-switch input[type=checkbox]:checked+.checkbox:after {


    background-color: #ffc107


}





.theme-amber label.label-checkbox,


label.label-checkbox.theme-amber {


    cursor: pointer


}





.theme-amber label.label-checkbox i.icon-form-checkbox:after,


label.label-checkbox.theme-amber i.icon-form-checkbox:after {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")


}





.theme-amber label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,


.theme-amber label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,


.theme-amber label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,


.theme-amber label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,


.theme-amber label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,


.theme-amber label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,


label.label-checkbox.theme-amber input[type=checkbox]:checked+.item-media i.icon-form-checkbox,


label.label-checkbox.theme-amber input[type=checkbox]:checked~.item-after i.icon-form-checkbox,


label.label-checkbox.theme-amber input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,


label.label-checkbox.theme-amber input[type=radio]:checked+.item-media i.icon-form-checkbox,


label.label-checkbox.theme-amber input[type=radio]:checked~.item-after i.icon-form-checkbox,


label.label-checkbox.theme-amber input[type=radio]:checked~.item-inner i.icon-form-checkbox {


    border-color: #ffc107;


    background-color: #ffc107


}





.theme-amber label.label-radio i.icon-form-radio:after,


label.label-radio.theme-amber i.icon-form-radio:after {


    background-color: #ffc107


}





.theme-amber label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,


.theme-amber label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,


.theme-amber label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,


.theme-amber label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,


.theme-amber label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,


.theme-amber label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,


label.label-radio.theme-amber input[type=checkbox]:checked+.item-media i.icon-form-radio,


label.label-radio.theme-amber input[type=checkbox]:checked~.item-after i.icon-form-radio,


label.label-radio.theme-amber input[type=checkbox]:checked~.item-inner i.icon-form-radio,


label.label-radio.theme-amber input[type=radio]:checked+.item-media i.icon-form-radio,


label.label-radio.theme-amber input[type=radio]:checked~.item-after i.icon-form-radio,


label.label-radio.theme-amber input[type=radio]:checked~.item-inner i.icon-form-radio {


    border-color: #ffc107


}





.theme-amber label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,


.theme-amber label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,


.theme-amber label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,


.theme-amber label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,


.theme-amber label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,


.theme-amber label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,


label.label-radio.theme-amber input[type=checkbox]:checked+.item-media i.icon-form-radio:after,


label.label-radio.theme-amber input[type=checkbox]:checked~.item-after i.icon-form-radio:after,


label.label-radio.theme-amber input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,


label.label-radio.theme-amber input[type=radio]:checked+.item-media i.icon-form-radio:after,


label.label-radio.theme-amber input[type=radio]:checked~.item-after i.icon-form-radio:after,


label.label-radio.theme-amber input[type=radio]:checked~.item-inner i.icon-form-radio:after {


    background-color: #ffc107


}





.theme-amber .focus-state .floating-label,


.theme-amber .focus-state .label {


    color: #ffc107


}





.theme-amber .input-field.focus-state:after,


.theme-amber .input-field.not-empty-state:after,


.theme-amber .item-input-field.focus-state:after,


.theme-amber .item-input-field.not-empty-state:after {


    background-color: #ffc107


}





.theme-amber .picker-calendar-day.picker-calendar-day-today span {


    color: #ffc107


}





.theme-amber .picker-calendar-day.picker-calendar-day-selected span {


    background-color: #ffc107;


    color: #fff


}





.theme-amber .picker-calendar-day.picker-calendar-day-has-events span:after {


    background-color: #ffc107


}





.theme-amber .picker-header {


    background-color: #ffc107


}





.theme-amber .modal-button {


    color: #ffc107


}





.swiper-pagination.color-amber .swiper-pagination-bullet-active,


.theme-amber .swiper-pagination .swiper-pagination-bullet-active {


    background-color: #ffc107


}





.swiper-pagination.color-amber .swiper-pagination-progressbar,


.theme-amber .swiper-pagination .swiper-pagination-progressbar {


    background-color: #ffc107


}





.swiper-pagination.swiper-pagination-progress.bg-amber {


    background-color: rgba(255, 193, 7, .25)


}





.swiper-button-next.color-amber,


.swiper-container-rtl .swiper-button-prev.color-amber,


.theme-amber .swiper-button-next,


.theme-amber .swiper-container-rtl .swiper-button-prev {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffc107'%2F%3E%3C%2Fsvg%3E")


}





.swiper-button-prev.color-amber,


.swiper-container-rtl .swiper-button-next.color-amber,


.theme-amber .swiper-button-prev,


.theme-amber .swiper-container-rtl .swiper-button-next {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffc107'%2F%3E%3C%2Fsvg%3E")


}





.bg-amber,


.list-block .swipeout-actions-left a.bg-amber,


.list-block .swipeout-actions-right a.bg-amber,


a.bg-amber {


    background-color: #ffc107


}





.list-block .bg-amber .item-link.active-state,


.list-block .item-link.bg-amber.active-state,


.list-block .item-link.list-block .swipeout-actions-left a.bg-amber.active-state,


.list-block .item-link.list-block .swipeout-actions-right a.bg-amber.active-state,


.list-block .item-linka.bg-amber.active-state,


.list-block .list-block .swipeout-actions-left a.bg-amber .item-link.active-state,


.list-block .list-block .swipeout-actions-right a.bg-amber .item-link.active-state,


.list-block a.bg-amber .item-link.active-state,


.list-block.bg-amber .item-link.active-state,


.list-block.list-block .swipeout-actions-left a.bg-amber .item-link.active-state,


.list-block.list-block .swipeout-actions-right a.bg-amber .item-link.active-state,


.list-blocka.bg-amber .item-link.active-state,


html:not(.watch-active-state) .list-block .bg-amber .item-link:active,


html:not(.watch-active-state) .list-block .item-link.bg-amber:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-amber:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-amber:active,


html:not(.watch-active-state) .list-block .item-linka.bg-amber:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-amber .item-link:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-amber .item-link:active,


html:not(.watch-active-state) .list-block a.bg-amber .item-link:active,


html:not(.watch-active-state) .list-block.bg-amber .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-amber .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-amber .item-link:active,


html:not(.watch-active-state) .list-blocka.bg-amber .item-link:active {


    background-color: #FFA000


}





.border-amber {


    border-color: #ffc107


}





.border-amber:after,


.border-amber:before,


.list-block .border-amber.item-inner:after,


.list-block .border-amber.item-inner:before,


.list-block ul.border-amber:after,


.list-block ul.border-amber:before {


    background-color: #ffc107


}





.floating-button.bg-amber,


.floating-button.color-amber,


.floating-button.theme-amber,


.speed-dial-buttons a.bg-amber,


.speed-dial-buttons a.color-amber,


.speed-dial-buttons a.theme-amber,


.theme-amber .floating-button,


.theme-amber .speed-dial-buttons a {


    color: #fff;


    background-color: #ffc107


}





.floating-button.bg-amber.active-state,


.floating-button.color-amber.active-state,


.floating-button.theme-amber.active-state,


.speed-dial-buttons a.bg-amber.active-state,


.speed-dial-buttons a.color-amber.active-state,


.speed-dial-buttons a.theme-amber.active-state,


.theme-amber .floating-button.active-state,


.theme-amber .speed-dial-buttons a.active-state,


html:not(.watch-active-state) .floating-button.bg-amber:active,


html:not(.watch-active-state) .floating-button.color-amber:active,


html:not(.watch-active-state) .floating-button.theme-amber:active,


html:not(.watch-active-state) .speed-dial-buttons a.bg-amber:active,


html:not(.watch-active-state) .speed-dial-buttons a.color-amber:active,


html:not(.watch-active-state) .speed-dial-buttons a.theme-amber:active,


html:not(.watch-active-state) .theme-amber .floating-button:active,


html:not(.watch-active-state) .theme-amber .speed-dial-buttons a:active {


    background-color: #FFA000


}





.floating-button.bg-amber i,


.floating-button.color-amber i,


.floating-button.theme-amber i,


.speed-dial-buttons a.bg-amber i,


.speed-dial-buttons a.color-amber i,


.speed-dial-buttons a.theme-amber i,


.theme-amber .floating-button i,


.theme-amber .speed-dial-buttons a i {


    color: inherit


}





.ripple-amber .ripple-wave {


    background-color: rgba(255, 193, 7, .3)


}





.badge.color-amber,


.badge.theme-amber {


    background-color: #ffc107;


    color: #fff


}





.color-orange {


    color: #ff9800 !important;


}





.list-block .item-link.color-orange,


.list-block .item-link.list-button.color-orange,


.tabbar a.active.color-orange,


a.color-orange {


    color: #ff9800


}





.label-switch input[type=checkbox]:checked+.checkbox.color-orange,


.label-switch.color-orange input[type=checkbox]:checked+.checkbox {


    background-color: #ff9800


}





.theme-orange .button:not(.button-fill) {


    color: #ff9800


}





.theme-orange .navbar .button:not(.button-fill),


.theme-orange .subnavbar .button:not(.button-fill),


.theme-orange .toolbar .button:not(.button-fill),


.theme-orange.navbar .button:not(.button-fill),


.theme-orange.subnavbar .button:not(.button-fill),


.theme-orange.toolbar .button:not(.button-fill) {


    color: #fff


}





.button.color-orange:not(.button-fill),


.color-orange.buttons-row .button:not(.button-fill) {


    color: #ff9800!important


}





.theme-orange .button.button-fill {


    background-color: #ff9800;


    color: #fff


}





.theme-orange .button.button-fill.active-state,


html:not(.watch-active-state) .theme-orange .button.button-fill:active {


    background-color: #F57C00


}





.button.button-fill.bg-orange,


.button.button-fill.color-orange {


    background-color: #ff9800!important;


    color: #fff


}





.button.button-fill.bg-orange.active-state,


.button.button-fill.color-orange.active-state,


html:not(.watch-active-state) .button.button-fill.bg-orange:active,


html:not(.watch-active-state) .button.button-fill.color-orange:active {


    background-color: #F57C00!important


}





.progressbar.bg-orange,


.progressbar.color-orange,


.progressbar.theme-orange,


.theme-orange .progressbar {


    background-color: rgba(255, 152, 0, .5)


}





.progressbar.bg-orange span,


.progressbar.color-orange span,


.progressbar.theme-orange span,


.theme-orange .progressbar span {


    background-color: #ff9800


}





.progressbar-infinite.bg-orange,


.progressbar-infinite.color-orange,


.progressbar-infinite.theme-orange,


.theme-orange .progressbar-infinite {


    background-color: rgba(255, 152, 0, .5)


}





.progressbar-infinite.bg-orange:after,


.progressbar-infinite.bg-orange:before,


.progressbar-infinite.color-orange:after,


.progressbar-infinite.color-orange:before,


.progressbar-infinite.theme-orange:after,


.progressbar-infinite.theme-orange:before,


.theme-orange .progressbar-infinite:after,


.theme-orange .progressbar-infinite:before {


    background-color: #ff9800


}





.color-orange i.icon,


i.icon.color-orange {


    color: #ff9800


}





i.icon-next.color-orange,


i.icon-next.theme-orange {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ff9800'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")


}





i.icon-prev.color-orange,


i.icon-prev.theme-orange {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ff9800'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")


}





i.icon-back.color-orange,


i.icon-back.theme-orange {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E")


}





i.icon-forward.color-orange,


i.icon-forward.theme-orange {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E")


}





i.icon-bars.color-orange,


i.icon-bars.theme-orange {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E")


}





.preloader.color-orange svg circle,


.preloader.preloader-orange svg circle {


    stroke: #ff9800


}





.preloader.color-orange .preloader-inner-gap,


.preloader.color-orange .preloader-inner-half-circle,


.preloader.preloader-orange .preloader-inner-gap,


.preloader.preloader-orange .preloader-inner-half-circle {


    border-color: #ff9800


}





.theme-orange a {


    color: #ff9800


}





.navbar.theme-orange,


.searchbar.theme-orange,


.subnavbar.theme-orange,


.theme-orange .navbar,


.theme-orange .searchbar,


.theme-orange .subnavbar,


.theme-orange .toolbar,


.toolbar.theme-orange {


    background-color: #ff9800


}





.range-slider.theme-orange input[type=range]::-webkit-slider-thumb:before,


.theme-orange .range-slider input[type=range]::-webkit-slider-thumb:before {


    background-color: #ff9800


}





.range-slider.theme-orange input[type=range]::-webkit-slider-thumb,


.theme-orange .range-slider input[type=range]::-webkit-slider-thumb {


    background-color: #ff9800


}





.range-slider.theme-orange input[type=range]::-ms-thumb,


.theme-orange .range-slider input[type=range]::-ms-thumb {


    background-color: #ff9800


}





.range-slider.theme-orange input[type=range]::-ms-fill-lower,


.theme-orange .range-slider input[type=range]::-ms-fill-lower {


    background-color: #ff9800


}





.range-slider.theme-orange input[type=range]::-moz-range-thumb,


.theme-orange .range-slider input[type=range]::-moz-range-thumb {


    background-color: #ff9800


}





.label-switch.theme-orange input[type=checkbox]:checked+.checkbox,


.theme-orange .label-switch input[type=checkbox]:checked+.checkbox {


    background-color: rgba(255, 152, 0, .5)


}





.label-switch.theme-orange input[type=checkbox]:checked+.checkbox:after,


.theme-orange .label-switch input[type=checkbox]:checked+.checkbox:after {


    background-color: #ff9800


}





.theme-orange label.label-checkbox,


label.label-checkbox.theme-orange {


    cursor: pointer


}





.theme-orange label.label-checkbox i.icon-form-checkbox:after,


label.label-checkbox.theme-orange i.icon-form-checkbox:after {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")


}





.theme-orange label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,


.theme-orange label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,


.theme-orange label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,


.theme-orange label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,


.theme-orange label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,


.theme-orange label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,


label.label-checkbox.theme-orange input[type=checkbox]:checked+.item-media i.icon-form-checkbox,


label.label-checkbox.theme-orange input[type=checkbox]:checked~.item-after i.icon-form-checkbox,


label.label-checkbox.theme-orange input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,


label.label-checkbox.theme-orange input[type=radio]:checked+.item-media i.icon-form-checkbox,


label.label-checkbox.theme-orange input[type=radio]:checked~.item-after i.icon-form-checkbox,


label.label-checkbox.theme-orange input[type=radio]:checked~.item-inner i.icon-form-checkbox {


    border-color: #ff9800;


    background-color: #ff9800


}





.theme-orange label.label-radio i.icon-form-radio:after,


label.label-radio.theme-orange i.icon-form-radio:after {


    background-color: #ff9800


}





.theme-orange label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,


.theme-orange label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,


.theme-orange label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,


.theme-orange label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,


.theme-orange label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,


.theme-orange label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,


label.label-radio.theme-orange input[type=checkbox]:checked+.item-media i.icon-form-radio,


label.label-radio.theme-orange input[type=checkbox]:checked~.item-after i.icon-form-radio,


label.label-radio.theme-orange input[type=checkbox]:checked~.item-inner i.icon-form-radio,


label.label-radio.theme-orange input[type=radio]:checked+.item-media i.icon-form-radio,


label.label-radio.theme-orange input[type=radio]:checked~.item-after i.icon-form-radio,


label.label-radio.theme-orange input[type=radio]:checked~.item-inner i.icon-form-radio {


    border-color: #ff9800


}





.theme-orange label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,


.theme-orange label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,


.theme-orange label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,


.theme-orange label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,


.theme-orange label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,


.theme-orange label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,


label.label-radio.theme-orange input[type=checkbox]:checked+.item-media i.icon-form-radio:after,


label.label-radio.theme-orange input[type=checkbox]:checked~.item-after i.icon-form-radio:after,


label.label-radio.theme-orange input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,


label.label-radio.theme-orange input[type=radio]:checked+.item-media i.icon-form-radio:after,


label.label-radio.theme-orange input[type=radio]:checked~.item-after i.icon-form-radio:after,


label.label-radio.theme-orange input[type=radio]:checked~.item-inner i.icon-form-radio:after {


    background-color: #ff9800


}





.theme-orange .focus-state .floating-label,


.theme-orange .focus-state .label {


    color: #ff9800


}





.theme-orange .input-field.focus-state:after,


.theme-orange .input-field.not-empty-state:after,


.theme-orange .item-input-field.focus-state:after,


.theme-orange .item-input-field.not-empty-state:after {


    background-color: #ff9800


}





.theme-orange .picker-calendar-day.picker-calendar-day-today span {


    color: #ff9800


}





.theme-orange .picker-calendar-day.picker-calendar-day-selected span {


    background-color: #ff9800;


    color: #fff


}





.theme-orange .picker-calendar-day.picker-calendar-day-has-events span:after {


    background-color: #ff9800


}





.theme-orange .picker-header {


    background-color: #ff9800


}





.theme-orange .modal-button {


    color: #ff9800


}





.swiper-pagination.color-orange .swiper-pagination-bullet-active,


.theme-orange .swiper-pagination .swiper-pagination-bullet-active {


    background-color: #ff9800


}





.swiper-pagination.color-orange .swiper-pagination-progressbar,


.theme-orange .swiper-pagination .swiper-pagination-progressbar {


    background-color: #ff9800


}





.swiper-pagination.swiper-pagination-progress.bg-orange {


    background-color: rgba(255, 152, 0, .25)


}





.swiper-button-next.color-orange,


.swiper-container-rtl .swiper-button-prev.color-orange,


.theme-orange .swiper-button-next,


.theme-orange .swiper-container-rtl .swiper-button-prev {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E")


}





.swiper-button-prev.color-orange,


.swiper-container-rtl .swiper-button-next.color-orange,


.theme-orange .swiper-button-prev,


.theme-orange .swiper-container-rtl .swiper-button-next {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E")


}





.bg-orange,


.list-block .swipeout-actions-left a.bg-orange,


.list-block .swipeout-actions-right a.bg-orange,


a.bg-orange {


    background-color: #ff9800


}





.list-block .bg-orange .item-link.active-state,


.list-block .item-link.bg-orange.active-state,


.list-block .item-link.list-block .swipeout-actions-left a.bg-orange.active-state,


.list-block .item-link.list-block .swipeout-actions-right a.bg-orange.active-state,


.list-block .item-linka.bg-orange.active-state,


.list-block .list-block .swipeout-actions-left a.bg-orange .item-link.active-state,


.list-block .list-block .swipeout-actions-right a.bg-orange .item-link.active-state,


.list-block a.bg-orange .item-link.active-state,


.list-block.bg-orange .item-link.active-state,


.list-block.list-block .swipeout-actions-left a.bg-orange .item-link.active-state,


.list-block.list-block .swipeout-actions-right a.bg-orange .item-link.active-state,


.list-blocka.bg-orange .item-link.active-state,


html:not(.watch-active-state) .list-block .bg-orange .item-link:active,


html:not(.watch-active-state) .list-block .item-link.bg-orange:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-orange:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-orange:active,


html:not(.watch-active-state) .list-block .item-linka.bg-orange:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-orange .item-link:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-orange .item-link:active,


html:not(.watch-active-state) .list-block a.bg-orange .item-link:active,


html:not(.watch-active-state) .list-block.bg-orange .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-orange .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-orange .item-link:active,


html:not(.watch-active-state) .list-blocka.bg-orange .item-link:active {


    background-color: #F57C00


}





.border-orange {


    border-color: #ff9800


}





.border-orange:after,


.border-orange:before,


.list-block .border-orange.item-inner:after,


.list-block .border-orange.item-inner:before,


.list-block ul.border-orange:after,


.list-block ul.border-orange:before {


    background-color: #ff9800


}





.floating-button.bg-orange,


.floating-button.color-orange,


.floating-button.theme-orange,


.speed-dial-buttons a.bg-orange,


.speed-dial-buttons a.color-orange,


.speed-dial-buttons a.theme-orange,


.theme-orange .floating-button,


.theme-orange .speed-dial-buttons a {


    color: #fff;


    background-color: #ff9800


}





.floating-button.bg-orange.active-state,


.floating-button.color-orange.active-state,


.floating-button.theme-orange.active-state,


.speed-dial-buttons a.bg-orange.active-state,


.speed-dial-buttons a.color-orange.active-state,


.speed-dial-buttons a.theme-orange.active-state,


.theme-orange .floating-button.active-state,


.theme-orange .speed-dial-buttons a.active-state,


html:not(.watch-active-state) .floating-button.bg-orange:active,


html:not(.watch-active-state) .floating-button.color-orange:active,


html:not(.watch-active-state) .floating-button.theme-orange:active,


html:not(.watch-active-state) .speed-dial-buttons a.bg-orange:active,


html:not(.watch-active-state) .speed-dial-buttons a.color-orange:active,


html:not(.watch-active-state) .speed-dial-buttons a.theme-orange:active,


html:not(.watch-active-state) .theme-orange .floating-button:active,


html:not(.watch-active-state) .theme-orange .speed-dial-buttons a:active {


    background-color: #F57C00


}





.floating-button.bg-orange i,


.floating-button.color-orange i,


.floating-button.theme-orange i,


.speed-dial-buttons a.bg-orange i,


.speed-dial-buttons a.color-orange i,


.speed-dial-buttons a.theme-orange i,


.theme-orange .floating-button i,


.theme-orange .speed-dial-buttons a i {


    color: inherit


}





.ripple-orange .ripple-wave {


    background-color: rgba(255, 152, 0, .3)


}





.badge.color-orange,


.badge.theme-orange {


    background-color: #ff9800;


    color: #fff


}





.color-deeporange {


    color: #ff5722 !important;


}





.list-block .item-link.color-deeporange,


.list-block .item-link.list-button.color-deeporange,


.tabbar a.active.color-deeporange,


a.color-deeporange {


    color: #ff5722


}





.label-switch input[type=checkbox]:checked+.checkbox.color-deeporange,


.label-switch.color-deeporange input[type=checkbox]:checked+.checkbox {


    background-color: #ff5722


}





.theme-deeporange .button:not(.button-fill) {


    color: #ff5722


}





.theme-deeporange .navbar .button:not(.button-fill),


.theme-deeporange .subnavbar .button:not(.button-fill),


.theme-deeporange .toolbar .button:not(.button-fill),


.theme-deeporange.navbar .button:not(.button-fill),


.theme-deeporange.subnavbar .button:not(.button-fill),


.theme-deeporange.toolbar .button:not(.button-fill) {


    color: #fff


}





.button.color-deeporange:not(.button-fill),


.color-deeporange.buttons-row .button:not(.button-fill) {


    color: #ff5722!important


}





.theme-deeporange .button.button-fill {


    background-color: #ff5722;


    color: #fff


}





.theme-deeporange .button.button-fill.active-state,


html:not(.watch-active-state) .theme-deeporange .button.button-fill:active {


    background-color: #E64A19


}





.button.button-fill.bg-deeporange,


.button.button-fill.color-deeporange {


    background-color: #ff5722!important;


    color: #fff


}





.button.button-fill.bg-deeporange.active-state,


.button.button-fill.color-deeporange.active-state,


html:not(.watch-active-state) .button.button-fill.bg-deeporange:active,


html:not(.watch-active-state) .button.button-fill.color-deeporange:active {


    background-color: #E64A19!important


}





.progressbar.bg-deeporange,


.progressbar.color-deeporange,


.progressbar.theme-deeporange,


.theme-deeporange .progressbar {


    background-color: rgba(255, 87, 34, .5)


}





.progressbar.bg-deeporange span,


.progressbar.color-deeporange span,


.progressbar.theme-deeporange span,


.theme-deeporange .progressbar span {


    background-color: #ff5722


}





.progressbar-infinite.bg-deeporange,


.progressbar-infinite.color-deeporange,


.progressbar-infinite.theme-deeporange,


.theme-deeporange .progressbar-infinite {


    background-color: rgba(255, 87, 34, .5)


}





.progressbar-infinite.bg-deeporange:after,


.progressbar-infinite.bg-deeporange:before,


.progressbar-infinite.color-deeporange:after,


.progressbar-infinite.color-deeporange:before,


.progressbar-infinite.theme-deeporange:after,


.progressbar-infinite.theme-deeporange:before,


.theme-deeporange .progressbar-infinite:after,


.theme-deeporange .progressbar-infinite:before {


    background-color: #ff5722


}





.color-deeporange i.icon,


i.icon.color-deeporange {


    color: #ff5722


}





i.icon-next.color-deeporange,


i.icon-next.theme-deeporange {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ff5722'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")


}





i.icon-prev.color-deeporange,


i.icon-prev.theme-deeporange {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ff5722'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")


}





i.icon-back.color-deeporange,


i.icon-back.theme-deeporange {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ff5722'%2F%3E%3C%2Fsvg%3E")


}





i.icon-forward.color-deeporange,


i.icon-forward.theme-deeporange {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ff5722'%2F%3E%3C%2Fsvg%3E")


}





i.icon-bars.color-deeporange,


i.icon-bars.theme-deeporange {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23ff5722'%2F%3E%3C%2Fsvg%3E")


}





.preloader.color-deeporange svg circle,


.preloader.preloader-deeporange svg circle {


    stroke: #ff5722


}





.preloader.color-deeporange .preloader-inner-gap,


.preloader.color-deeporange .preloader-inner-half-circle,


.preloader.preloader-deeporange .preloader-inner-gap,


.preloader.preloader-deeporange .preloader-inner-half-circle {


    border-color: #ff5722


}





.theme-deeporange a {


    color: #ff5722


}





.navbar.theme-deeporange,


.searchbar.theme-deeporange,


.subnavbar.theme-deeporange,


.theme-deeporange .navbar,


.theme-deeporange .searchbar,


.theme-deeporange .subnavbar,


.theme-deeporange .toolbar,


.toolbar.theme-deeporange {


    background-color: rgb(72, 147, 214);


	 


}





.range-slider.theme-deeporange input[type=range]::-webkit-slider-thumb:before,


.theme-deeporange .range-slider input[type=range]::-webkit-slider-thumb:before {


    background-color: #ff5722


}





.range-slider.theme-deeporange input[type=range]::-webkit-slider-thumb,


.theme-deeporange .range-slider input[type=range]::-webkit-slider-thumb {


    background-color: #ff5722


}





.range-slider.theme-deeporange input[type=range]::-ms-thumb,


.theme-deeporange .range-slider input[type=range]::-ms-thumb {


    background-color: #ff5722


}





.range-slider.theme-deeporange input[type=range]::-ms-fill-lower,


.theme-deeporange .range-slider input[type=range]::-ms-fill-lower {


    background-color: #ff5722


}





.range-slider.theme-deeporange input[type=range]::-moz-range-thumb,


.theme-deeporange .range-slider input[type=range]::-moz-range-thumb {


    background-color: #ff5722


}





.label-switch.theme-deeporange input[type=checkbox]:checked+.checkbox,


.theme-deeporange .label-switch input[type=checkbox]:checked+.checkbox {


    background-color: rgba(255, 87, 34, .5)


}





.label-switch.theme-deeporange input[type=checkbox]:checked+.checkbox:after,


.theme-deeporange .label-switch input[type=checkbox]:checked+.checkbox:after {


    background-color: #ff5722


}





.theme-deeporange label.label-checkbox,


label.label-checkbox.theme-deeporange {


    cursor: pointer


}





.theme-deeporange label.label-checkbox i.icon-form-checkbox:after,


label.label-checkbox.theme-deeporange i.icon-form-checkbox:after {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")


}





.theme-deeporange label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,


.theme-deeporange label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,


.theme-deeporange label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,


.theme-deeporange label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,


.theme-deeporange label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,


.theme-deeporange label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,


label.label-checkbox.theme-deeporange input[type=checkbox]:checked+.item-media i.icon-form-checkbox,


label.label-checkbox.theme-deeporange input[type=checkbox]:checked~.item-after i.icon-form-checkbox,


label.label-checkbox.theme-deeporange input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,


label.label-checkbox.theme-deeporange input[type=radio]:checked+.item-media i.icon-form-checkbox,


label.label-checkbox.theme-deeporange input[type=radio]:checked~.item-after i.icon-form-checkbox,


label.label-checkbox.theme-deeporange input[type=radio]:checked~.item-inner i.icon-form-checkbox {


    border-color: #ff5722;


    background-color: #ff5722


}





.theme-deeporange label.label-radio i.icon-form-radio:after,


label.label-radio.theme-deeporange i.icon-form-radio:after {


    background-color: #ff5722


}





.theme-deeporange label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,


.theme-deeporange label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,


.theme-deeporange label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,


.theme-deeporange label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,


.theme-deeporange label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,


.theme-deeporange label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,


label.label-radio.theme-deeporange input[type=checkbox]:checked+.item-media i.icon-form-radio,


label.label-radio.theme-deeporange input[type=checkbox]:checked~.item-after i.icon-form-radio,


label.label-radio.theme-deeporange input[type=checkbox]:checked~.item-inner i.icon-form-radio,


label.label-radio.theme-deeporange input[type=radio]:checked+.item-media i.icon-form-radio,


label.label-radio.theme-deeporange input[type=radio]:checked~.item-after i.icon-form-radio,


label.label-radio.theme-deeporange input[type=radio]:checked~.item-inner i.icon-form-radio {


    border-color: #ff5722


}





.theme-deeporange label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,


.theme-deeporange label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,


.theme-deeporange label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,


.theme-deeporange label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,


.theme-deeporange label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,


.theme-deeporange label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,


label.label-radio.theme-deeporange input[type=checkbox]:checked+.item-media i.icon-form-radio:after,


label.label-radio.theme-deeporange input[type=checkbox]:checked~.item-after i.icon-form-radio:after,


label.label-radio.theme-deeporange input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,


label.label-radio.theme-deeporange input[type=radio]:checked+.item-media i.icon-form-radio:after,


label.label-radio.theme-deeporange input[type=radio]:checked~.item-after i.icon-form-radio:after,


label.label-radio.theme-deeporange input[type=radio]:checked~.item-inner i.icon-form-radio:after {


    background-color: #ff5722


}





.theme-deeporange .focus-state .floating-label,


.theme-deeporange .focus-state .label {


    color: #ff5722


}





.theme-deeporange .input-field.focus-state:after,


.theme-deeporange .input-field.not-empty-state:after,


.theme-deeporange .item-input-field.focus-state:after,


.theme-deeporange .item-input-field.not-empty-state:after {


    background-color: #ff5722


}





.theme-deeporange .picker-calendar-day.picker-calendar-day-today span {


    color: #ff5722


}





.theme-deeporange .picker-calendar-day.picker-calendar-day-selected span {


    background-color: #ff5722;


    color: #fff


}





.theme-deeporange .picker-calendar-day.picker-calendar-day-has-events span:after {


    background-color: #ff5722


}





.theme-deeporange .picker-header {


    background-color: #ff5722


}





.theme-deeporange .modal-button {


    color: #ff5722


}





.swiper-pagination.color-deeporange .swiper-pagination-bullet-active,


.theme-deeporange .swiper-pagination .swiper-pagination-bullet-active {


    background-color: #ff5722


}





.swiper-pagination.color-deeporange .swiper-pagination-progressbar,


.theme-deeporange .swiper-pagination .swiper-pagination-progressbar {


    background-color: #ff5722


}





.swiper-pagination.swiper-pagination-progress.bg-deeporange {


    background-color: rgba(255, 87, 34, .25)


}





.swiper-button-next.color-deeporange,


.swiper-container-rtl .swiper-button-prev.color-deeporange,


.theme-deeporange .swiper-button-next,


.theme-deeporange .swiper-container-rtl .swiper-button-prev {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ff5722'%2F%3E%3C%2Fsvg%3E")


}





.swiper-button-prev.color-deeporange,


.swiper-container-rtl .swiper-button-next.color-deeporange,


.theme-deeporange .swiper-button-prev,


.theme-deeporange .swiper-container-rtl .swiper-button-next {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ff5722'%2F%3E%3C%2Fsvg%3E")


}





.bg-deeporange,


.list-block .swipeout-actions-left a.bg-deeporange,


.list-block .swipeout-actions-right a.bg-deeporange,


a.bg-deeporange {


    background-color: #ff5722


}





.list-block .bg-deeporange .item-link.active-state,


.list-block .item-link.bg-deeporange.active-state,


.list-block .item-link.list-block .swipeout-actions-left a.bg-deeporange.active-state,


.list-block .item-link.list-block .swipeout-actions-right a.bg-deeporange.active-state,


.list-block .item-linka.bg-deeporange.active-state,


.list-block .list-block .swipeout-actions-left a.bg-deeporange .item-link.active-state,


.list-block .list-block .swipeout-actions-right a.bg-deeporange .item-link.active-state,


.list-block a.bg-deeporange .item-link.active-state,


.list-block.bg-deeporange .item-link.active-state,


.list-block.list-block .swipeout-actions-left a.bg-deeporange .item-link.active-state,


.list-block.list-block .swipeout-actions-right a.bg-deeporange .item-link.active-state,


.list-blocka.bg-deeporange .item-link.active-state,


html:not(.watch-active-state) .list-block .bg-deeporange .item-link:active,


html:not(.watch-active-state) .list-block .item-link.bg-deeporange:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-deeporange:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-deeporange:active,


html:not(.watch-active-state) .list-block .item-linka.bg-deeporange:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-deeporange .item-link:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-deeporange .item-link:active,


html:not(.watch-active-state) .list-block a.bg-deeporange .item-link:active,


html:not(.watch-active-state) .list-block.bg-deeporange .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-deeporange .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-deeporange .item-link:active,


html:not(.watch-active-state) .list-blocka.bg-deeporange .item-link:active {


    background-color: #E64A19


}





.border-deeporange {


    border-color: #ff5722


}





.border-deeporange:after,


.border-deeporange:before,


.list-block .border-deeporange.item-inner:after,


.list-block .border-deeporange.item-inner:before,


.list-block ul.border-deeporange:after,


.list-block ul.border-deeporange:before {


    background-color: #ff5722


}





.floating-button.bg-deeporange,


.floating-button.color-deeporange,


.floating-button.theme-deeporange,


.speed-dial-buttons a.bg-deeporange,


.speed-dial-buttons a.color-deeporange,


.speed-dial-buttons a.theme-deeporange,


.theme-deeporange .floating-button,


.theme-deeporange .speed-dial-buttons a {


    color: #fff;


    background-color: #ff5722


}





.floating-button.bg-deeporange.active-state,


.floating-button.color-deeporange.active-state,


.floating-button.theme-deeporange.active-state,


.speed-dial-buttons a.bg-deeporange.active-state,


.speed-dial-buttons a.color-deeporange.active-state,


.speed-dial-buttons a.theme-deeporange.active-state,


.theme-deeporange .floating-button.active-state,


.theme-deeporange .speed-dial-buttons a.active-state,


html:not(.watch-active-state) .floating-button.bg-deeporange:active,


html:not(.watch-active-state) .floating-button.color-deeporange:active,


html:not(.watch-active-state) .floating-button.theme-deeporange:active,


html:not(.watch-active-state) .speed-dial-buttons a.bg-deeporange:active,


html:not(.watch-active-state) .speed-dial-buttons a.color-deeporange:active,


html:not(.watch-active-state) .speed-dial-buttons a.theme-deeporange:active,


html:not(.watch-active-state) .theme-deeporange .floating-button:active,


html:not(.watch-active-state) .theme-deeporange .speed-dial-buttons a:active {


    background-color: #E64A19


}





.floating-button.bg-deeporange i,


.floating-button.color-deeporange i,


.floating-button.theme-deeporange i,


.speed-dial-buttons a.bg-deeporange i,


.speed-dial-buttons a.color-deeporange i,


.speed-dial-buttons a.theme-deeporange i,


.theme-deeporange .floating-button i,


.theme-deeporange .speed-dial-buttons a i {


    color: inherit


}





.ripple-deeporange .ripple-wave {


    background-color: rgba(255, 87, 34, .3)


}





.badge.color-deeporange,


.badge.theme-deeporange {


    background-color: #ff5722;


    color: #fff


}





.color-brown {


    color: #795548 !important;


}





.list-block .item-link.color-brown,


.list-block .item-link.list-button.color-brown,


.tabbar a.active.color-brown,


a.color-brown {


    color: #795548


}





.label-switch input[type=checkbox]:checked+.checkbox.color-brown,


.label-switch.color-brown input[type=checkbox]:checked+.checkbox {


    background-color: #795548


}





.theme-brown .button:not(.button-fill) {


    color: #795548


}





.theme-brown .navbar .button:not(.button-fill),


.theme-brown .subnavbar .button:not(.button-fill),


.theme-brown .toolbar .button:not(.button-fill),


.theme-brown.navbar .button:not(.button-fill),


.theme-brown.subnavbar .button:not(.button-fill),


.theme-brown.toolbar .button:not(.button-fill) {


    color: #fff


}





.button.color-brown:not(.button-fill),


.color-brown.buttons-row .button:not(.button-fill) {


    color: #795548!important


}





.theme-brown .button.button-fill {


    background-color: #795548;


    color: #fff


}





.theme-brown .button.button-fill.active-state,


html:not(.watch-active-state) .theme-brown .button.button-fill:active {


    background-color: #5D4037


}





.button.button-fill.bg-brown,


.button.button-fill.color-brown {


    background-color: #795548!important;


    color: #fff


}





.button.button-fill.bg-brown.active-state,


.button.button-fill.color-brown.active-state,


html:not(.watch-active-state) .button.button-fill.bg-brown:active,


html:not(.watch-active-state) .button.button-fill.color-brown:active {


    background-color: #5D4037!important


}





.progressbar.bg-brown,


.progressbar.color-brown,


.progressbar.theme-brown,


.theme-brown .progressbar {


    background-color: rgba(121, 85, 72, .5)


}





.progressbar.bg-brown span,


.progressbar.color-brown span,


.progressbar.theme-brown span,


.theme-brown .progressbar span {


    background-color: #795548


}





.progressbar-infinite.bg-brown,


.progressbar-infinite.color-brown,


.progressbar-infinite.theme-brown,


.theme-brown .progressbar-infinite {


    background-color: rgba(121, 85, 72, .5)


}





.progressbar-infinite.bg-brown:after,


.progressbar-infinite.bg-brown:before,


.progressbar-infinite.color-brown:after,


.progressbar-infinite.color-brown:before,


.progressbar-infinite.theme-brown:after,


.progressbar-infinite.theme-brown:before,


.theme-brown .progressbar-infinite:after,


.theme-brown .progressbar-infinite:before {


    background-color: #795548


}





.color-brown i.icon,


i.icon.color-brown {


    color: #795548


}





i.icon-next.color-brown,


i.icon-next.theme-brown {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23795548'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")


}





i.icon-prev.color-brown,


i.icon-prev.theme-brown {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23795548'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")


}





i.icon-back.color-brown,


i.icon-back.theme-brown {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23795548'%2F%3E%3C%2Fsvg%3E")


}





i.icon-forward.color-brown,


i.icon-forward.theme-brown {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23795548'%2F%3E%3C%2Fsvg%3E")


}





i.icon-bars.color-brown,


i.icon-bars.theme-brown {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23795548'%2F%3E%3C%2Fsvg%3E")


}





.preloader.color-brown svg circle,


.preloader.preloader-brown svg circle {


    stroke: #795548


}





.preloader.color-brown .preloader-inner-gap,


.preloader.color-brown .preloader-inner-half-circle,


.preloader.preloader-brown .preloader-inner-gap,


.preloader.preloader-brown .preloader-inner-half-circle {


    border-color: #795548


}





.theme-brown a {


    color: #795548


}





.navbar.theme-brown,


.searchbar.theme-brown,


.subnavbar.theme-brown,


.theme-brown .navbar,


.theme-brown .searchbar,


.theme-brown .subnavbar,


.theme-brown .toolbar,


.toolbar.theme-brown {


    background-color: #795548


}





.range-slider.theme-brown input[type=range]::-webkit-slider-thumb:before,


.theme-brown .range-slider input[type=range]::-webkit-slider-thumb:before {


    background-color: #795548


}





.range-slider.theme-brown input[type=range]::-webkit-slider-thumb,


.theme-brown .range-slider input[type=range]::-webkit-slider-thumb {


    background-color: #795548


}





.range-slider.theme-brown input[type=range]::-ms-thumb,


.theme-brown .range-slider input[type=range]::-ms-thumb {


    background-color: #795548


}





.range-slider.theme-brown input[type=range]::-ms-fill-lower,


.theme-brown .range-slider input[type=range]::-ms-fill-lower {


    background-color: #795548


}





.range-slider.theme-brown input[type=range]::-moz-range-thumb,


.theme-brown .range-slider input[type=range]::-moz-range-thumb {


    background-color: #795548


}





.label-switch.theme-brown input[type=checkbox]:checked+.checkbox,


.theme-brown .label-switch input[type=checkbox]:checked+.checkbox {


    background-color: rgba(121, 85, 72, .5)


}





.label-switch.theme-brown input[type=checkbox]:checked+.checkbox:after,


.theme-brown .label-switch input[type=checkbox]:checked+.checkbox:after {


    background-color: #795548


}





.theme-brown label.label-checkbox,


label.label-checkbox.theme-brown {


    cursor: pointer


}





.theme-brown label.label-checkbox i.icon-form-checkbox:after,


label.label-checkbox.theme-brown i.icon-form-checkbox:after {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")


}





.theme-brown label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,


.theme-brown label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,


.theme-brown label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,


.theme-brown label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,


.theme-brown label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,


.theme-brown label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,


label.label-checkbox.theme-brown input[type=checkbox]:checked+.item-media i.icon-form-checkbox,


label.label-checkbox.theme-brown input[type=checkbox]:checked~.item-after i.icon-form-checkbox,


label.label-checkbox.theme-brown input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,


label.label-checkbox.theme-brown input[type=radio]:checked+.item-media i.icon-form-checkbox,


label.label-checkbox.theme-brown input[type=radio]:checked~.item-after i.icon-form-checkbox,


label.label-checkbox.theme-brown input[type=radio]:checked~.item-inner i.icon-form-checkbox {


    border-color: #795548;


    background-color: #795548


}





.theme-brown label.label-radio i.icon-form-radio:after,


label.label-radio.theme-brown i.icon-form-radio:after {


    background-color: #795548


}





.theme-brown label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,


.theme-brown label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,


.theme-brown label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,


.theme-brown label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,


.theme-brown label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,


.theme-brown label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,


label.label-radio.theme-brown input[type=checkbox]:checked+.item-media i.icon-form-radio,


label.label-radio.theme-brown input[type=checkbox]:checked~.item-after i.icon-form-radio,


label.label-radio.theme-brown input[type=checkbox]:checked~.item-inner i.icon-form-radio,


label.label-radio.theme-brown input[type=radio]:checked+.item-media i.icon-form-radio,


label.label-radio.theme-brown input[type=radio]:checked~.item-after i.icon-form-radio,


label.label-radio.theme-brown input[type=radio]:checked~.item-inner i.icon-form-radio {


    border-color: #795548


}





.theme-brown label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,


.theme-brown label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,


.theme-brown label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,


.theme-brown label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,


.theme-brown label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,


.theme-brown label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,


label.label-radio.theme-brown input[type=checkbox]:checked+.item-media i.icon-form-radio:after,


label.label-radio.theme-brown input[type=checkbox]:checked~.item-after i.icon-form-radio:after,


label.label-radio.theme-brown input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,


label.label-radio.theme-brown input[type=radio]:checked+.item-media i.icon-form-radio:after,


label.label-radio.theme-brown input[type=radio]:checked~.item-after i.icon-form-radio:after,


label.label-radio.theme-brown input[type=radio]:checked~.item-inner i.icon-form-radio:after {


    background-color: #795548


}





.theme-brown .focus-state .floating-label,


.theme-brown .focus-state .label {


    color: #795548


}





.theme-brown .input-field.focus-state:after,


.theme-brown .input-field.not-empty-state:after,


.theme-brown .item-input-field.focus-state:after,


.theme-brown .item-input-field.not-empty-state:after {


    background-color: #795548


}





.theme-brown .picker-calendar-day.picker-calendar-day-today span {


    color: #795548


}





.theme-brown .picker-calendar-day.picker-calendar-day-selected span {


    background-color: #795548;


    color: #fff


}





.theme-brown .picker-calendar-day.picker-calendar-day-has-events span:after {


    background-color: #795548


}





.theme-brown .picker-header {


    background-color: #795548


}





.theme-brown .modal-button {


    color: #795548


}





.swiper-pagination.color-brown .swiper-pagination-bullet-active,


.theme-brown .swiper-pagination .swiper-pagination-bullet-active {


    background-color: #795548


}





.swiper-pagination.color-brown .swiper-pagination-progressbar,


.theme-brown .swiper-pagination .swiper-pagination-progressbar {


    background-color: #795548


}





.swiper-pagination.swiper-pagination-progress.bg-brown {


    background-color: rgba(121, 85, 72, .25)


}





.swiper-button-next.color-brown,


.swiper-container-rtl .swiper-button-prev.color-brown,


.theme-brown .swiper-button-next,


.theme-brown .swiper-container-rtl .swiper-button-prev {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23795548'%2F%3E%3C%2Fsvg%3E")


}





.swiper-button-prev.color-brown,


.swiper-container-rtl .swiper-button-next.color-brown,


.theme-brown .swiper-button-prev,


.theme-brown .swiper-container-rtl .swiper-button-next {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23795548'%2F%3E%3C%2Fsvg%3E")


}





.bg-brown,


.list-block .swipeout-actions-left a.bg-brown,


.list-block .swipeout-actions-right a.bg-brown,


a.bg-brown {


    background-color: #795548


}





.list-block .bg-brown .item-link.active-state,


.list-block .item-link.bg-brown.active-state,


.list-block .item-link.list-block .swipeout-actions-left a.bg-brown.active-state,


.list-block .item-link.list-block .swipeout-actions-right a.bg-brown.active-state,


.list-block .item-linka.bg-brown.active-state,


.list-block .list-block .swipeout-actions-left a.bg-brown .item-link.active-state,


.list-block .list-block .swipeout-actions-right a.bg-brown .item-link.active-state,


.list-block a.bg-brown .item-link.active-state,


.list-block.bg-brown .item-link.active-state,


.list-block.list-block .swipeout-actions-left a.bg-brown .item-link.active-state,


.list-block.list-block .swipeout-actions-right a.bg-brown .item-link.active-state,


.list-blocka.bg-brown .item-link.active-state,


html:not(.watch-active-state) .list-block .bg-brown .item-link:active,


html:not(.watch-active-state) .list-block .item-link.bg-brown:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-brown:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-brown:active,


html:not(.watch-active-state) .list-block .item-linka.bg-brown:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-brown .item-link:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-brown .item-link:active,


html:not(.watch-active-state) .list-block a.bg-brown .item-link:active,


html:not(.watch-active-state) .list-block.bg-brown .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-brown .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-brown .item-link:active,


html:not(.watch-active-state) .list-blocka.bg-brown .item-link:active {


    background-color: #5D4037


}





.border-brown {


    border-color: #795548


}





.border-brown:after,


.border-brown:before,


.list-block .border-brown.item-inner:after,


.list-block .border-brown.item-inner:before,


.list-block ul.border-brown:after,


.list-block ul.border-brown:before {


    background-color: #795548


}





.floating-button.bg-brown,


.floating-button.color-brown,


.floating-button.theme-brown,


.speed-dial-buttons a.bg-brown,


.speed-dial-buttons a.color-brown,


.speed-dial-buttons a.theme-brown,


.theme-brown .floating-button,


.theme-brown .speed-dial-buttons a {


    color: #fff;


    background-color: #795548


}





.floating-button.bg-brown.active-state,


.floating-button.color-brown.active-state,


.floating-button.theme-brown.active-state,


.speed-dial-buttons a.bg-brown.active-state,


.speed-dial-buttons a.color-brown.active-state,


.speed-dial-buttons a.theme-brown.active-state,


.theme-brown .floating-button.active-state,


.theme-brown .speed-dial-buttons a.active-state,


html:not(.watch-active-state) .floating-button.bg-brown:active,


html:not(.watch-active-state) .floating-button.color-brown:active,


html:not(.watch-active-state) .floating-button.theme-brown:active,


html:not(.watch-active-state) .speed-dial-buttons a.bg-brown:active,


html:not(.watch-active-state) .speed-dial-buttons a.color-brown:active,


html:not(.watch-active-state) .speed-dial-buttons a.theme-brown:active,


html:not(.watch-active-state) .theme-brown .floating-button:active,


html:not(.watch-active-state) .theme-brown .speed-dial-buttons a:active {


    background-color: #5D4037


}





.floating-button.bg-brown i,


.floating-button.color-brown i,


.floating-button.theme-brown i,


.speed-dial-buttons a.bg-brown i,


.speed-dial-buttons a.color-brown i,


.speed-dial-buttons a.theme-brown i,


.theme-brown .floating-button i,


.theme-brown .speed-dial-buttons a i {


    color: inherit


}





.ripple-brown .ripple-wave {


    background-color: rgba(121, 85, 72, .3)


}





.badge.color-brown,


.badge.theme-brown {


    background-color: #795548;


    color: #fff


}





.color-gray {


    color: #9e9e9e


}





.list-block .item-link.color-gray,


.list-block .item-link.list-button.color-gray,


.tabbar a.active.color-gray,


a.color-gray {


    color: #9e9e9e


}





.label-switch input[type=checkbox]:checked+.checkbox.color-gray,


.label-switch.color-gray input[type=checkbox]:checked+.checkbox {


    background-color: #9e9e9e


}





.theme-gray .button:not(.button-fill) {


    color: #9e9e9e


}





.theme-gray .navbar .button:not(.button-fill),


.theme-gray .subnavbar .button:not(.button-fill),


.theme-gray .toolbar .button:not(.button-fill),


.theme-gray.navbar .button:not(.button-fill),


.theme-gray.subnavbar .button:not(.button-fill),


.theme-gray.toolbar .button:not(.button-fill) {


    color: #fff


}





.button.color-gray:not(.button-fill),


.color-gray.buttons-row .button:not(.button-fill) {


    color: #9e9e9e!important


}





.theme-gray .button.button-fill {


    background-color: #9e9e9e;


    color: #fff


}





.theme-gray .button.button-fill.active-state,


html:not(.watch-active-state) .theme-gray .button.button-fill:active {


    background-color: #616161


}





.button.button-fill.bg-gray,


.button.button-fill.color-gray {


    background-color: #9e9e9e!important;


    color: #fff


}





.button.button-fill.bg-gray.active-state,


.button.button-fill.color-gray.active-state,


html:not(.watch-active-state) .button.button-fill.bg-gray:active,


html:not(.watch-active-state) .button.button-fill.color-gray:active {


    background-color: #616161!important


}





.progressbar.bg-gray,


.progressbar.color-gray,


.progressbar.theme-gray,


.theme-gray .progressbar {


    background-color: rgba(158, 158, 158, .5)


}





.progressbar.bg-gray span,


.progressbar.color-gray span,


.progressbar.theme-gray span,


.theme-gray .progressbar span {


    background-color: #9e9e9e


}





.progressbar-infinite.bg-gray,


.progressbar-infinite.color-gray,


.progressbar-infinite.theme-gray,


.theme-gray .progressbar-infinite {


    background-color: rgba(158, 158, 158, .5)


}





.progressbar-infinite.bg-gray:after,


.progressbar-infinite.bg-gray:before,


.progressbar-infinite.color-gray:after,


.progressbar-infinite.color-gray:before,


.progressbar-infinite.theme-gray:after,


.progressbar-infinite.theme-gray:before,


.theme-gray .progressbar-infinite:after,


.theme-gray .progressbar-infinite:before {


    background-color: #9e9e9e


}





.color-gray i.icon,


i.icon.color-gray {


    color: #9e9e9e


}





i.icon-next.color-gray,


i.icon-next.theme-gray {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%239e9e9e'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")


}





i.icon-prev.color-gray,


i.icon-prev.theme-gray {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%239e9e9e'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")


}





i.icon-back.color-gray,


i.icon-back.theme-gray {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E")


}





i.icon-forward.color-gray,


i.icon-forward.theme-gray {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E")


}





i.icon-bars.color-gray,


i.icon-bars.theme-gray {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E")


}





.preloader.color-gray svg circle,


.preloader.preloader-gray svg circle {


    stroke: #9e9e9e


}





.preloader.color-gray .preloader-inner-gap,


.preloader.color-gray .preloader-inner-half-circle,


.preloader.preloader-gray .preloader-inner-gap,


.preloader.preloader-gray .preloader-inner-half-circle {


    border-color: #9e9e9e


}





.theme-gray a {


    color: #9e9e9e


}





.navbar.theme-gray,


.searchbar.theme-gray,


.subnavbar.theme-gray,


.theme-gray .navbar,


.theme-gray .searchbar,


.theme-gray .subnavbar,


.theme-gray .toolbar,


.toolbar.theme-gray {


    background-color: #9e9e9e


}





.range-slider.theme-gray input[type=range]::-webkit-slider-thumb:before,


.theme-gray .range-slider input[type=range]::-webkit-slider-thumb:before {


    background-color: #9e9e9e


}





.range-slider.theme-gray input[type=range]::-webkit-slider-thumb,


.theme-gray .range-slider input[type=range]::-webkit-slider-thumb {


    background-color: #9e9e9e


}





.range-slider.theme-gray input[type=range]::-ms-thumb,


.theme-gray .range-slider input[type=range]::-ms-thumb {


    background-color: #9e9e9e


}





.range-slider.theme-gray input[type=range]::-ms-fill-lower,


.theme-gray .range-slider input[type=range]::-ms-fill-lower {


    background-color: #9e9e9e


}





.range-slider.theme-gray input[type=range]::-moz-range-thumb,


.theme-gray .range-slider input[type=range]::-moz-range-thumb {


    background-color: #9e9e9e


}





.label-switch.theme-gray input[type=checkbox]:checked+.checkbox,


.theme-gray .label-switch input[type=checkbox]:checked+.checkbox {


    background-color: rgba(158, 158, 158, .5)


}





.label-switch.theme-gray input[type=checkbox]:checked+.checkbox:after,


.theme-gray .label-switch input[type=checkbox]:checked+.checkbox:after {


    background-color: #9e9e9e


}





.theme-gray label.label-checkbox,


label.label-checkbox.theme-gray {


    cursor: pointer


}





.theme-gray label.label-checkbox i.icon-form-checkbox:after,


label.label-checkbox.theme-gray i.icon-form-checkbox:after {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")


}





.theme-gray label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,


.theme-gray label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,


.theme-gray label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,


.theme-gray label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,


.theme-gray label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,


.theme-gray label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,


label.label-checkbox.theme-gray input[type=checkbox]:checked+.item-media i.icon-form-checkbox,


label.label-checkbox.theme-gray input[type=checkbox]:checked~.item-after i.icon-form-checkbox,


label.label-checkbox.theme-gray input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,


label.label-checkbox.theme-gray input[type=radio]:checked+.item-media i.icon-form-checkbox,


label.label-checkbox.theme-gray input[type=radio]:checked~.item-after i.icon-form-checkbox,


label.label-checkbox.theme-gray input[type=radio]:checked~.item-inner i.icon-form-checkbox {


    border-color: #9e9e9e;


    background-color: #9e9e9e


}





.theme-gray label.label-radio i.icon-form-radio:after,


label.label-radio.theme-gray i.icon-form-radio:after {


    background-color: #9e9e9e


}





.theme-gray label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,


.theme-gray label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,


.theme-gray label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,


.theme-gray label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,


.theme-gray label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,


.theme-gray label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,


label.label-radio.theme-gray input[type=checkbox]:checked+.item-media i.icon-form-radio,


label.label-radio.theme-gray input[type=checkbox]:checked~.item-after i.icon-form-radio,


label.label-radio.theme-gray input[type=checkbox]:checked~.item-inner i.icon-form-radio,


label.label-radio.theme-gray input[type=radio]:checked+.item-media i.icon-form-radio,


label.label-radio.theme-gray input[type=radio]:checked~.item-after i.icon-form-radio,


label.label-radio.theme-gray input[type=radio]:checked~.item-inner i.icon-form-radio {


    border-color: #9e9e9e


}





.theme-gray label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,


.theme-gray label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,


.theme-gray label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,


.theme-gray label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,


.theme-gray label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,


.theme-gray label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,


label.label-radio.theme-gray input[type=checkbox]:checked+.item-media i.icon-form-radio:after,


label.label-radio.theme-gray input[type=checkbox]:checked~.item-after i.icon-form-radio:after,


label.label-radio.theme-gray input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,


label.label-radio.theme-gray input[type=radio]:checked+.item-media i.icon-form-radio:after,


label.label-radio.theme-gray input[type=radio]:checked~.item-after i.icon-form-radio:after,


label.label-radio.theme-gray input[type=radio]:checked~.item-inner i.icon-form-radio:after {


    background-color: #9e9e9e


}





.theme-gray .focus-state .floating-label,


.theme-gray .focus-state .label {


    color: #9e9e9e


}





.theme-gray .input-field.focus-state:after,


.theme-gray .input-field.not-empty-state:after,


.theme-gray .item-input-field.focus-state:after,


.theme-gray .item-input-field.not-empty-state:after {


    background-color: #9e9e9e


}





.theme-gray .picker-calendar-day.picker-calendar-day-today span {


    color: #9e9e9e


}





.theme-gray .picker-calendar-day.picker-calendar-day-selected span {


    background-color: #9e9e9e;


    color: #fff


}





.theme-gray .picker-calendar-day.picker-calendar-day-has-events span:after {


    background-color: #9e9e9e


}





.theme-gray .picker-header {


    background-color: #9e9e9e


}





.theme-gray .modal-button {


    color: #9e9e9e


}





.swiper-pagination.color-gray .swiper-pagination-bullet-active,


.theme-gray .swiper-pagination .swiper-pagination-bullet-active {


    background-color: #9e9e9e


}





.swiper-pagination.color-gray .swiper-pagination-progressbar,


.theme-gray .swiper-pagination .swiper-pagination-progressbar {


    background-color: #9e9e9e


}





.swiper-pagination.swiper-pagination-progress.bg-gray {


    background-color: rgba(158, 158, 158, .25)


}





.swiper-button-next.color-gray,


.swiper-container-rtl .swiper-button-prev.color-gray,


.theme-gray .swiper-button-next,


.theme-gray .swiper-container-rtl .swiper-button-prev {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E")


}





.swiper-button-prev.color-gray,


.swiper-container-rtl .swiper-button-next.color-gray,


.theme-gray .swiper-button-prev,


.theme-gray .swiper-container-rtl .swiper-button-next {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E")


}





.bg-gray,


.list-block .swipeout-actions-left a.bg-gray,


.list-block .swipeout-actions-right a.bg-gray,


a.bg-gray {


    background-color: #f0eee4


}





.list-block .bg-gray .item-link.active-state,


.list-block .item-link.bg-gray.active-state,


.list-block .item-link.list-block .swipeout-actions-left a.bg-gray.active-state,


.list-block .item-link.list-block .swipeout-actions-right a.bg-gray.active-state,


.list-block .item-linka.bg-gray.active-state,


.list-block .list-block .swipeout-actions-left a.bg-gray .item-link.active-state,


.list-block .list-block .swipeout-actions-right a.bg-gray .item-link.active-state,


.list-block a.bg-gray .item-link.active-state,


.list-block.bg-gray .item-link.active-state,


.list-block.list-block .swipeout-actions-left a.bg-gray .item-link.active-state,


.list-block.list-block .swipeout-actions-right a.bg-gray .item-link.active-state,


.list-blocka.bg-gray .item-link.active-state,


html:not(.watch-active-state) .list-block .bg-gray .item-link:active,


html:not(.watch-active-state) .list-block .item-link.bg-gray:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-gray:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-gray:active,


html:not(.watch-active-state) .list-block .item-linka.bg-gray:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-gray .item-link:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-gray .item-link:active,


html:not(.watch-active-state) .list-block a.bg-gray .item-link:active,


html:not(.watch-active-state) .list-block.bg-gray .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-gray .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-gray .item-link:active,


html:not(.watch-active-state) .list-blocka.bg-gray .item-link:active {


    background-color: #616161


}





.border-gray {


    border-color: #9e9e9e


}





.border-gray:after,


.border-gray:before,


.list-block .border-gray.item-inner:after,


.list-block .border-gray.item-inner:before,


.list-block ul.border-gray:after,


.list-block ul.border-gray:before {


    background-color: #9e9e9e


}





.floating-button.bg-gray,


.floating-button.color-gray,


.floating-button.theme-gray,


.speed-dial-buttons a.bg-gray,


.speed-dial-buttons a.color-gray,


.speed-dial-buttons a.theme-gray,


.theme-gray .floating-button,


.theme-gray .speed-dial-buttons a {


    color: #fff;


    background-color: #9e9e9e


}





.floating-button.bg-gray.active-state,


.floating-button.color-gray.active-state,


.floating-button.theme-gray.active-state,


.speed-dial-buttons a.bg-gray.active-state,


.speed-dial-buttons a.color-gray.active-state,


.speed-dial-buttons a.theme-gray.active-state,


.theme-gray .floating-button.active-state,


.theme-gray .speed-dial-buttons a.active-state,


html:not(.watch-active-state) .floating-button.bg-gray:active,


html:not(.watch-active-state) .floating-button.color-gray:active,


html:not(.watch-active-state) .floating-button.theme-gray:active,


html:not(.watch-active-state) .speed-dial-buttons a.bg-gray:active,


html:not(.watch-active-state) .speed-dial-buttons a.color-gray:active,


html:not(.watch-active-state) .speed-dial-buttons a.theme-gray:active,


html:not(.watch-active-state) .theme-gray .floating-button:active,


html:not(.watch-active-state) .theme-gray .speed-dial-buttons a:active {


    background-color: #616161


}





.floating-button.bg-gray i,


.floating-button.color-gray i,


.floating-button.theme-gray i,


.speed-dial-buttons a.bg-gray i,


.speed-dial-buttons a.color-gray i,


.speed-dial-buttons a.theme-gray i,


.theme-gray .floating-button i,


.theme-gray .speed-dial-buttons a i {


    color: inherit


}





.ripple-gray .ripple-wave {


    background-color: rgba(158, 158, 158, .3)


}





.badge.color-gray,


.badge.theme-gray {


    background-color: #9e9e9e;


    color: #fff


}





.color-bluegray {


    color: #607d8b


}





.list-block .item-link.color-bluegray,


.list-block .item-link.list-button.color-bluegray,


.tabbar a.active.color-bluegray,


a.color-bluegray {


    color: #607d8b


}





.label-switch input[type=checkbox]:checked+.checkbox.color-bluegray,


.label-switch.color-bluegray input[type=checkbox]:checked+.checkbox {


    background-color: #607d8b


}





.theme-bluegray .button:not(.button-fill) {


    color: #607d8b


}





.theme-bluegray .navbar .button:not(.button-fill),


.theme-bluegray .subnavbar .button:not(.button-fill),


.theme-bluegray .toolbar .button:not(.button-fill),


.theme-bluegray.navbar .button:not(.button-fill),


.theme-bluegray.subnavbar .button:not(.button-fill),


.theme-bluegray.toolbar .button:not(.button-fill) {


    color: #fff


}





.button.color-bluegray:not(.button-fill),


.color-bluegray.buttons-row .button:not(.button-fill) {


    color: #607d8b!important


}





.theme-bluegray .button.button-fill {


    background-color: #607d8b;


    color: #fff


}





.theme-bluegray .button.button-fill.active-state,


html:not(.watch-active-state) .theme-bluegray .button.button-fill:active {


    background-color: #455A64


}





.button.button-fill.bg-bluegray,


.button.button-fill.color-bluegray {


    background-color: #607d8b!important;


    color: #fff


}





.button.button-fill.bg-bluegray.active-state,


.button.button-fill.color-bluegray.active-state,


html:not(.watch-active-state) .button.button-fill.bg-bluegray:active,


html:not(.watch-active-state) .button.button-fill.color-bluegray:active {


    background-color: #455A64!important


}





.progressbar.bg-bluegray,


.progressbar.color-bluegray,


.progressbar.theme-bluegray,


.theme-bluegray .progressbar {


    background-color: rgba(96, 125, 139, .5)


}





.progressbar.bg-bluegray span,


.progressbar.color-bluegray span,


.progressbar.theme-bluegray span,


.theme-bluegray .progressbar span {


    background-color: #607d8b


}





.progressbar-infinite.bg-bluegray,


.progressbar-infinite.color-bluegray,


.progressbar-infinite.theme-bluegray,


.theme-bluegray .progressbar-infinite {


    background-color: rgba(96, 125, 139, .5)


}





.progressbar-infinite.bg-bluegray:after,


.progressbar-infinite.bg-bluegray:before,


.progressbar-infinite.color-bluegray:after,


.progressbar-infinite.color-bluegray:before,


.progressbar-infinite.theme-bluegray:after,


.progressbar-infinite.theme-bluegray:before,


.theme-bluegray .progressbar-infinite:after,


.theme-bluegray .progressbar-infinite:before {


    background-color: #607d8b


}





.color-bluegray i.icon,


i.icon.color-bluegray {


    color: #607d8b


}





i.icon-next.color-bluegray,


i.icon-next.theme-bluegray {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23607d8b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")


}





i.icon-prev.color-bluegray,


i.icon-prev.theme-bluegray {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23607d8b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")


}





i.icon-back.color-bluegray,


i.icon-back.theme-bluegray {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23607d8b'%2F%3E%3C%2Fsvg%3E")


}





i.icon-forward.color-bluegray,


i.icon-forward.theme-bluegray {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23607d8b'%2F%3E%3C%2Fsvg%3E")


}





i.icon-bars.color-bluegray,


i.icon-bars.theme-bluegray {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23607d8b'%2F%3E%3C%2Fsvg%3E")


}





.preloader.color-bluegray svg circle,


.preloader.preloader-bluegray svg circle {


    stroke: #607d8b


}





.preloader.color-bluegray .preloader-inner-gap,


.preloader.color-bluegray .preloader-inner-half-circle,


.preloader.preloader-bluegray .preloader-inner-gap,


.preloader.preloader-bluegray .preloader-inner-half-circle {


    border-color: #607d8b


}





.theme-bluegray a {


    color: #607d8b


}





.navbar.theme-bluegray,


.searchbar.theme-bluegray,


.subnavbar.theme-bluegray,


.theme-bluegray .navbar,


.theme-bluegray .searchbar,


.theme-bluegray .subnavbar,


.theme-bluegray .toolbar,


.toolbar.theme-bluegray {


    background-color: #607d8b


}





.range-slider.theme-bluegray input[type=range]::-webkit-slider-thumb:before,


.theme-bluegray .range-slider input[type=range]::-webkit-slider-thumb:before {


    background-color: #607d8b


}





.range-slider.theme-bluegray input[type=range]::-webkit-slider-thumb,


.theme-bluegray .range-slider input[type=range]::-webkit-slider-thumb {


    background-color: #607d8b


}





.range-slider.theme-bluegray input[type=range]::-ms-thumb,


.theme-bluegray .range-slider input[type=range]::-ms-thumb {


    background-color: #607d8b


}





.range-slider.theme-bluegray input[type=range]::-ms-fill-lower,


.theme-bluegray .range-slider input[type=range]::-ms-fill-lower {


    background-color: #607d8b


}





.range-slider.theme-bluegray input[type=range]::-moz-range-thumb,


.theme-bluegray .range-slider input[type=range]::-moz-range-thumb {


    background-color: #607d8b


}





.label-switch.theme-bluegray input[type=checkbox]:checked+.checkbox,


.theme-bluegray .label-switch input[type=checkbox]:checked+.checkbox {


    background-color: rgba(96, 125, 139, .5)


}





.label-switch.theme-bluegray input[type=checkbox]:checked+.checkbox:after,


.theme-bluegray .label-switch input[type=checkbox]:checked+.checkbox:after {


    background-color: #607d8b


}





.theme-bluegray label.label-checkbox,


label.label-checkbox.theme-bluegray {


    cursor: pointer


}





.theme-bluegray label.label-checkbox i.icon-form-checkbox:after,


label.label-checkbox.theme-bluegray i.icon-form-checkbox:after {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")


}





.theme-bluegray label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,


.theme-bluegray label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,


.theme-bluegray label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,


.theme-bluegray label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,


.theme-bluegray label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,


.theme-bluegray label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,


label.label-checkbox.theme-bluegray input[type=checkbox]:checked+.item-media i.icon-form-checkbox,


label.label-checkbox.theme-bluegray input[type=checkbox]:checked~.item-after i.icon-form-checkbox,


label.label-checkbox.theme-bluegray input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,


label.label-checkbox.theme-bluegray input[type=radio]:checked+.item-media i.icon-form-checkbox,


label.label-checkbox.theme-bluegray input[type=radio]:checked~.item-after i.icon-form-checkbox,


label.label-checkbox.theme-bluegray input[type=radio]:checked~.item-inner i.icon-form-checkbox {


    border-color: #607d8b;


    background-color: #607d8b


}





.theme-bluegray label.label-radio i.icon-form-radio:after,


label.label-radio.theme-bluegray i.icon-form-radio:after {


    background-color: #607d8b


}





.theme-bluegray label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,


.theme-bluegray label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,


.theme-bluegray label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,


.theme-bluegray label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,


.theme-bluegray label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,


.theme-bluegray label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,


label.label-radio.theme-bluegray input[type=checkbox]:checked+.item-media i.icon-form-radio,


label.label-radio.theme-bluegray input[type=checkbox]:checked~.item-after i.icon-form-radio,


label.label-radio.theme-bluegray input[type=checkbox]:checked~.item-inner i.icon-form-radio,


label.label-radio.theme-bluegray input[type=radio]:checked+.item-media i.icon-form-radio,


label.label-radio.theme-bluegray input[type=radio]:checked~.item-after i.icon-form-radio,


label.label-radio.theme-bluegray input[type=radio]:checked~.item-inner i.icon-form-radio {


    border-color: #607d8b


}





.theme-bluegray label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,


.theme-bluegray label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,


.theme-bluegray label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,


.theme-bluegray label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,


.theme-bluegray label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,


.theme-bluegray label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,


label.label-radio.theme-bluegray input[type=checkbox]:checked+.item-media i.icon-form-radio:after,


label.label-radio.theme-bluegray input[type=checkbox]:checked~.item-after i.icon-form-radio:after,


label.label-radio.theme-bluegray input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,


label.label-radio.theme-bluegray input[type=radio]:checked+.item-media i.icon-form-radio:after,


label.label-radio.theme-bluegray input[type=radio]:checked~.item-after i.icon-form-radio:after,


label.label-radio.theme-bluegray input[type=radio]:checked~.item-inner i.icon-form-radio:after {


    background-color: #607d8b


}





.theme-bluegray .focus-state .floating-label,


.theme-bluegray .focus-state .label {


    color: #607d8b


}





.theme-bluegray .input-field.focus-state:after,


.theme-bluegray .input-field.not-empty-state:after,


.theme-bluegray .item-input-field.focus-state:after,


.theme-bluegray .item-input-field.not-empty-state:after {


    background-color: #607d8b


}





.theme-bluegray .picker-calendar-day.picker-calendar-day-today span {


    color: #607d8b


}





.theme-bluegray .picker-calendar-day.picker-calendar-day-selected span {


    background-color: #607d8b;


    color: #fff


}





.theme-bluegray .picker-calendar-day.picker-calendar-day-has-events span:after {


    background-color: #607d8b


}





.theme-bluegray .picker-header {


    background-color: #607d8b


}





.theme-bluegray .modal-button {


    color: #607d8b


}





.swiper-pagination.color-bluegray .swiper-pagination-bullet-active,


.theme-bluegray .swiper-pagination .swiper-pagination-bullet-active {


    background-color: #607d8b


}





.swiper-pagination.color-bluegray .swiper-pagination-progressbar,


.theme-bluegray .swiper-pagination .swiper-pagination-progressbar {


    background-color: #607d8b


}





.swiper-pagination.swiper-pagination-progress.bg-bluegray {


    background-color: rgba(96, 125, 139, .25)


}





.swiper-button-next.color-bluegray,


.swiper-container-rtl .swiper-button-prev.color-bluegray,


.theme-bluegray .swiper-button-next,


.theme-bluegray .swiper-container-rtl .swiper-button-prev {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23607d8b'%2F%3E%3C%2Fsvg%3E")


}





.swiper-button-prev.color-bluegray,


.swiper-container-rtl .swiper-button-next.color-bluegray,


.theme-bluegray .swiper-button-prev,


.theme-bluegray .swiper-container-rtl .swiper-button-next {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23607d8b'%2F%3E%3C%2Fsvg%3E")


}





.bg-bluegray,


.list-block .swipeout-actions-left a.bg-bluegray,


.list-block .swipeout-actions-right a.bg-bluegray,


a.bg-bluegray {


    background-color: #607d8b


}





.list-block .bg-bluegray .item-link.active-state,


.list-block .item-link.bg-bluegray.active-state,


.list-block .item-link.list-block .swipeout-actions-left a.bg-bluegray.active-state,


.list-block .item-link.list-block .swipeout-actions-right a.bg-bluegray.active-state,


.list-block .item-linka.bg-bluegray.active-state,


.list-block .list-block .swipeout-actions-left a.bg-bluegray .item-link.active-state,


.list-block .list-block .swipeout-actions-right a.bg-bluegray .item-link.active-state,


.list-block a.bg-bluegray .item-link.active-state,


.list-block.bg-bluegray .item-link.active-state,


.list-block.list-block .swipeout-actions-left a.bg-bluegray .item-link.active-state,


.list-block.list-block .swipeout-actions-right a.bg-bluegray .item-link.active-state,


.list-blocka.bg-bluegray .item-link.active-state,


html:not(.watch-active-state) .list-block .bg-bluegray .item-link:active,


html:not(.watch-active-state) .list-block .item-link.bg-bluegray:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-bluegray:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-bluegray:active,


html:not(.watch-active-state) .list-block .item-linka.bg-bluegray:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-bluegray .item-link:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-bluegray .item-link:active,


html:not(.watch-active-state) .list-block a.bg-bluegray .item-link:active,


html:not(.watch-active-state) .list-block.bg-bluegray .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-bluegray .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-bluegray .item-link:active,


html:not(.watch-active-state) .list-blocka.bg-bluegray .item-link:active {


    background-color: #455A64


}





.border-bluegray {


    border-color: #607d8b


}





.border-bluegray:after,


.border-bluegray:before,


.list-block .border-bluegray.item-inner:after,


.list-block .border-bluegray.item-inner:before,


.list-block ul.border-bluegray:after,


.list-block ul.border-bluegray:before {


    background-color: #607d8b


}





.floating-button.bg-bluegray,


.floating-button.color-bluegray,


.floating-button.theme-bluegray,


.speed-dial-buttons a.bg-bluegray,


.speed-dial-buttons a.color-bluegray,


.speed-dial-buttons a.theme-bluegray,


.theme-bluegray .floating-button,


.theme-bluegray .speed-dial-buttons a {


    color: #fff;


    background-color: #607d8b


}





.floating-button.bg-bluegray.active-state,


.floating-button.color-bluegray.active-state,


.floating-button.theme-bluegray.active-state,


.speed-dial-buttons a.bg-bluegray.active-state,


.speed-dial-buttons a.color-bluegray.active-state,


.speed-dial-buttons a.theme-bluegray.active-state,


.theme-bluegray .floating-button.active-state,


.theme-bluegray .speed-dial-buttons a.active-state,


html:not(.watch-active-state) .floating-button.bg-bluegray:active,


html:not(.watch-active-state) .floating-button.color-bluegray:active,


html:not(.watch-active-state) .floating-button.theme-bluegray:active,


html:not(.watch-active-state) .speed-dial-buttons a.bg-bluegray:active,


html:not(.watch-active-state) .speed-dial-buttons a.color-bluegray:active,


html:not(.watch-active-state) .speed-dial-buttons a.theme-bluegray:active,


html:not(.watch-active-state) .theme-bluegray .floating-button:active,


html:not(.watch-active-state) .theme-bluegray .speed-dial-buttons a:active {


    background-color: #455A64


}





.floating-button.bg-bluegray i,


.floating-button.color-bluegray i,


.floating-button.theme-bluegray i,


.speed-dial-buttons a.bg-bluegray i,


.speed-dial-buttons a.color-bluegray i,


.speed-dial-buttons a.theme-bluegray i,


.theme-bluegray .floating-button i,


.theme-bluegray .speed-dial-buttons a i {


    color: inherit


}





.ripple-bluegray .ripple-wave {


    background-color: rgba(96, 125, 139, .3)


}





.badge.color-bluegray,


.badge.theme-bluegray {


    background-color: #607d8b;


    color: #fff


}





.color-white {


    color: #fff !important;


}





.list-block .item-link.color-white,


.list-block .item-link.list-button.color-white,


.tabbar a.active.color-white,


a.color-white {


    color: #fff


}





.label-switch input[type=checkbox]:checked+.checkbox.color-white,


.label-switch.color-white input[type=checkbox]:checked+.checkbox {


    background-color: #fff


}





.theme-white .button:not(.button-fill) {


    color: #fff


}





.theme-white .navbar .button:not(.button-fill),


.theme-white .subnavbar .button:not(.button-fill),


.theme-white .toolbar .button:not(.button-fill),


.theme-white.navbar .button:not(.button-fill),


.theme-white.subnavbar .button:not(.button-fill),


.theme-white.toolbar .button:not(.button-fill) {


    color: #fff


}





.button.color-white:not(.button-fill),


.color-white.buttons-row .button:not(.button-fill) {


    color: #fff!important


}





.theme-white .button.button-fill {


    background-color: #fff;


    color: #fff


}





.theme-white .button.button-fill.active-state,


html:not(.watch-active-state) .theme-white .button.button-fill:active {


    background-color: rgba(0, 0, 0, .1)


}





.button.button-fill.bg-white,


.button.button-fill.color-white {


    background-color: #fff!important;


    color: #fff


}





.button.button-fill.bg-white.active-state,


.button.button-fill.color-white.active-state,


html:not(.watch-active-state) .button.button-fill.bg-white:active,


html:not(.watch-active-state) .button.button-fill.color-white:active {


    background-color: rgba(0, 0, 0, .1)!important


}





.progressbar.bg-white,


.progressbar.color-white,


.progressbar.theme-white,


.theme-white .progressbar {


    background-color: rgba(255, 255, 255, .5)


}





.progressbar.bg-white span,


.progressbar.color-white span,


.progressbar.theme-white span,


.theme-white .progressbar span {


    background-color: #fff


}





.progressbar-infinite.bg-white,


.progressbar-infinite.color-white,


.progressbar-infinite.theme-white,


.theme-white .progressbar-infinite {


    background-color: rgba(255, 255, 255, .5)


}





.progressbar-infinite.bg-white:after,


.progressbar-infinite.bg-white:before,


.progressbar-infinite.color-white:after,


.progressbar-infinite.color-white:before,


.progressbar-infinite.theme-white:after,


.progressbar-infinite.theme-white:before,


.theme-white .progressbar-infinite:after,


.theme-white .progressbar-infinite:before {


    background-color: #fff


}





.color-white i.icon,


i.icon.color-white {


    color: #fff


}





i.icon-next.color-white,


i.icon-next.theme-white {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")


}





i.icon-prev.color-white,


i.icon-prev.theme-white {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")


}





i.icon-back.color-white,


i.icon-back.theme-white {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")


}





i.icon-forward.color-white,


i.icon-forward.theme-white {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")


}





i.icon-bars.color-white,


i.icon-bars.theme-white {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")


}





.preloader.color-white svg circle,


.preloader.preloader-white svg circle {


    stroke: #fff


}





.preloader.color-white .preloader-inner-gap,


.preloader.color-white .preloader-inner-half-circle,


.preloader.preloader-white .preloader-inner-gap,


.preloader.preloader-white .preloader-inner-half-circle {


    border-color: #fff


}





.theme-white a {


    color: #fff


}





.navbar.theme-white,


.searchbar.theme-white,


.subnavbar.theme-white,


.theme-white .navbar,


.theme-white .searchbar,


.theme-white .subnavbar,


.theme-white .toolbar,


.toolbar.theme-white {


    background-color: #fff


}





.range-slider.theme-white input[type=range]::-webkit-slider-thumb:before,


.theme-white .range-slider input[type=range]::-webkit-slider-thumb:before {


    background-color: #fff


}





.range-slider.theme-white input[type=range]::-webkit-slider-thumb,


.theme-white .range-slider input[type=range]::-webkit-slider-thumb {


    background-color: #fff


}





.range-slider.theme-white input[type=range]::-ms-thumb,


.theme-white .range-slider input[type=range]::-ms-thumb {


    background-color: #fff


}





.range-slider.theme-white input[type=range]::-ms-fill-lower,


.theme-white .range-slider input[type=range]::-ms-fill-lower {


    background-color: #fff


}





.range-slider.theme-white input[type=range]::-moz-range-thumb,


.theme-white .range-slider input[type=range]::-moz-range-thumb {


    background-color: #fff


}





.label-switch.theme-white input[type=checkbox]:checked+.checkbox,


.theme-white .label-switch input[type=checkbox]:checked+.checkbox {


    background-color: rgba(255, 255, 255, .5)


}





.label-switch.theme-white input[type=checkbox]:checked+.checkbox:after,


.theme-white .label-switch input[type=checkbox]:checked+.checkbox:after {


    background-color: #fff


}





.theme-white label.label-checkbox,


label.label-checkbox.theme-white {


    cursor: pointer


}





.theme-white label.label-checkbox i.icon-form-checkbox:after,


label.label-checkbox.theme-white i.icon-form-checkbox:after {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")


}





.theme-white label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,


.theme-white label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,


.theme-white label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,


.theme-white label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,


.theme-white label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,


.theme-white label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,


label.label-checkbox.theme-white input[type=checkbox]:checked+.item-media i.icon-form-checkbox,


label.label-checkbox.theme-white input[type=checkbox]:checked~.item-after i.icon-form-checkbox,


label.label-checkbox.theme-white input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,


label.label-checkbox.theme-white input[type=radio]:checked+.item-media i.icon-form-checkbox,


label.label-checkbox.theme-white input[type=radio]:checked~.item-after i.icon-form-checkbox,


label.label-checkbox.theme-white input[type=radio]:checked~.item-inner i.icon-form-checkbox {


    border-color: #fff;


    background-color: #fff


}





.theme-white label.label-radio i.icon-form-radio:after,


label.label-radio.theme-white i.icon-form-radio:after {


    background-color: #fff


}





.theme-white label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,


.theme-white label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,


.theme-white label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,


.theme-white label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,


.theme-white label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,


.theme-white label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,


label.label-radio.theme-white input[type=checkbox]:checked+.item-media i.icon-form-radio,


label.label-radio.theme-white input[type=checkbox]:checked~.item-after i.icon-form-radio,


label.label-radio.theme-white input[type=checkbox]:checked~.item-inner i.icon-form-radio,


label.label-radio.theme-white input[type=radio]:checked+.item-media i.icon-form-radio,


label.label-radio.theme-white input[type=radio]:checked~.item-after i.icon-form-radio,


label.label-radio.theme-white input[type=radio]:checked~.item-inner i.icon-form-radio {


    border-color: #fff


}





.theme-white label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,


.theme-white label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,


.theme-white label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,


.theme-white label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,


.theme-white label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,


.theme-white label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,


label.label-radio.theme-white input[type=checkbox]:checked+.item-media i.icon-form-radio:after,


label.label-radio.theme-white input[type=checkbox]:checked~.item-after i.icon-form-radio:after,


label.label-radio.theme-white input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,


label.label-radio.theme-white input[type=radio]:checked+.item-media i.icon-form-radio:after,


label.label-radio.theme-white input[type=radio]:checked~.item-after i.icon-form-radio:after,


label.label-radio.theme-white input[type=radio]:checked~.item-inner i.icon-form-radio:after {


    background-color: #fff


}





.theme-white .focus-state .floating-label,


.theme-white .focus-state .label {


    color: #fff


}





.theme-white .input-field.focus-state:after,


.theme-white .input-field.not-empty-state:after,


.theme-white .item-input-field.focus-state:after,


.theme-white .item-input-field.not-empty-state:after {


    background-color: #fff


}





.theme-white .picker-calendar-day.picker-calendar-day-today span {


    color: #fff


}





.theme-white .picker-calendar-day.picker-calendar-day-selected span {


    background-color: #fff;


    color: #fff


}





.theme-white .picker-calendar-day.picker-calendar-day-has-events span:after {


    background-color: #fff


}





.theme-white .picker-header {


    background-color: #fff


}





.theme-white .modal-button {


    color: #fff


}





.swiper-pagination.color-white .swiper-pagination-bullet-active,


.theme-white .swiper-pagination .swiper-pagination-bullet-active {


    background-color: #fff


}





.swiper-pagination.color-white .swiper-pagination-progressbar,


.theme-white .swiper-pagination .swiper-pagination-progressbar {


    background-color: #fff


}





.swiper-pagination.swiper-pagination-progress.bg-white {


    background-color: rgba(255, 255, 255, .25)


}





.swiper-button-next.color-white,


.swiper-container-rtl .swiper-button-prev.color-white,


.theme-white .swiper-button-next,


.theme-white .swiper-container-rtl .swiper-button-prev {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")


}





.swiper-button-prev.color-white,


.swiper-container-rtl .swiper-button-next.color-white,


.theme-white .swiper-button-prev,


.theme-white .swiper-container-rtl .swiper-button-next {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")


}





.bg-white,


.list-block .swipeout-actions-left a.bg-white,


.list-block .swipeout-actions-right a.bg-white,


a.bg-white {


    background-color: #fff


}





.list-block .bg-white .item-link.active-state,


.list-block .item-link.bg-white.active-state,


.list-block .item-link.list-block .swipeout-actions-left a.bg-white.active-state,


.list-block .item-link.list-block .swipeout-actions-right a.bg-white.active-state,


.list-block .item-linka.bg-white.active-state,


.list-block .list-block .swipeout-actions-left a.bg-white .item-link.active-state,


.list-block .list-block .swipeout-actions-right a.bg-white .item-link.active-state,


.list-block a.bg-white .item-link.active-state,


.list-block.bg-white .item-link.active-state,


.list-block.list-block .swipeout-actions-left a.bg-white .item-link.active-state,


.list-block.list-block .swipeout-actions-right a.bg-white .item-link.active-state,


.list-blocka.bg-white .item-link.active-state,


html:not(.watch-active-state) .list-block .bg-white .item-link:active,


html:not(.watch-active-state) .list-block .item-link.bg-white:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-white:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-white:active,


html:not(.watch-active-state) .list-block .item-linka.bg-white:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-white .item-link:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-white .item-link:active,


html:not(.watch-active-state) .list-block a.bg-white .item-link:active,


html:not(.watch-active-state) .list-block.bg-white .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-white .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-white .item-link:active,


html:not(.watch-active-state) .list-blocka.bg-white .item-link:active {


    background-color: rgba(0, 0, 0, .1)


}





.border-white {


    border-color: #fff


}





.border-white:after,


.border-white:before,


.list-block .border-white.item-inner:after,


.list-block .border-white.item-inner:before,


.list-block ul.border-white:after,


.list-block ul.border-white:before {


    background-color: #fff


}





.floating-button.bg-white,


.floating-button.color-white,


.floating-button.theme-white,


.speed-dial-buttons a.bg-white,


.speed-dial-buttons a.color-white,


.speed-dial-buttons a.theme-white,


.theme-white .floating-button,


.theme-white .speed-dial-buttons a {


    color: #fff;


    background-color: #fff


}





.floating-button.bg-white.active-state,


.floating-button.color-white.active-state,


.floating-button.theme-white.active-state,


.speed-dial-buttons a.bg-white.active-state,


.speed-dial-buttons a.color-white.active-state,


.speed-dial-buttons a.theme-white.active-state,


.theme-white .floating-button.active-state,


.theme-white .speed-dial-buttons a.active-state,


html:not(.watch-active-state) .floating-button.bg-white:active,


html:not(.watch-active-state) .floating-button.color-white:active,


html:not(.watch-active-state) .floating-button.theme-white:active,


html:not(.watch-active-state) .speed-dial-buttons a.bg-white:active,


html:not(.watch-active-state) .speed-dial-buttons a.color-white:active,


html:not(.watch-active-state) .speed-dial-buttons a.theme-white:active,


html:not(.watch-active-state) .theme-white .floating-button:active,


html:not(.watch-active-state) .theme-white .speed-dial-buttons a:active {


    background-color: rgba(0, 0, 0, .1)


}





.floating-button.bg-white i,


.floating-button.color-white i,


.floating-button.theme-white i,


.speed-dial-buttons a.bg-white i,


.speed-dial-buttons a.color-white i,


.speed-dial-buttons a.theme-white i,


.theme-white .floating-button i,


.theme-white .speed-dial-buttons a i {


    color: inherit


}





.ripple-white .ripple-wave {


    background-color: rgba(255, 255, 255, .3)


}





.badge.color-white,


.badge.theme-white {


    background-color: #fff;


    color: #fff


}





.color-black {


    color: #000 !important;


}





.color-darkgray {


    color: #414141 !important;


}





.list-block .item-link.color-black,


.list-block .item-link.list-button.color-black,


.tabbar a.active.color-black,


a.color-black {


    color: #000


}





.label-switch input[type=checkbox]:checked+.checkbox.color-black,


.label-switch.color-black input[type=checkbox]:checked+.checkbox {


    background-color: #000


}





.theme-black .button:not(.button-fill) {


    color: #000


}





.theme-black .navbar .button:not(.button-fill),


.theme-black .subnavbar .button:not(.button-fill),


.theme-black .toolbar .button:not(.button-fill),


.theme-black.navbar .button:not(.button-fill),


.theme-black.subnavbar .button:not(.button-fill),


.theme-black.toolbar .button:not(.button-fill) {


    color: #fff


}





.button.color-black:not(.button-fill),


.color-black.buttons-row .button:not(.button-fill) {


    color: #000!important


}





.theme-black .button.button-fill {


    background-color: #000;


    color: #fff


}








.theme-black .button.button-fill.active-state,


html:not(.watch-active-state) .theme-black .button.button-fill:active {


    background-color: #333


}





.button.button-fill.bg-black,


.button.button-fill.color-black {


    background-color: #000!important;


    color: #fff


}





.button.button-fill.bg-black.active-state,


.button.button-fill.color-black.active-state,


html:not(.watch-active-state) .button.button-fill.bg-black:active,


html:not(.watch-active-state) .button.button-fill.color-black:active {


    background-color: #333!important


}





.progressbar.bg-black,


.progressbar.color-black,


.progressbar.theme-black,


.theme-black .progressbar {


    background-color: rgba(0, 0, 0, .5)


}





.progressbar.bg-black span,


.progressbar.color-black span,


.progressbar.theme-black span,


.theme-black .progressbar span {


    background-color: #000


}





.progressbar-infinite.bg-black,


.progressbar-infinite.color-black,


.progressbar-infinite.theme-black,


.theme-black .progressbar-infinite {


    background-color: rgba(0, 0, 0, .5)


}





.progressbar-infinite.bg-black:after,


.progressbar-infinite.bg-black:before,


.progressbar-infinite.color-black:after,


.progressbar-infinite.color-black:before,


.progressbar-infinite.theme-black:after,


.progressbar-infinite.theme-black:before,


.theme-black .progressbar-infinite:after,


.theme-black .progressbar-infinite:before {


    background-color: #000


}





.color-black i.icon,


i.icon.color-black {


    color: #000


}





i.icon-next.color-black,


i.icon-next.theme-black {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23000000'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")


}





i.icon-prev.color-black,


i.icon-prev.theme-black {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23000000'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")


}





i.icon-back.color-black,


i.icon-back.theme-black {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")


}





i.icon-forward.color-black,


i.icon-forward.theme-black {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")


}





i.icon-bars.color-black,


i.icon-bars.theme-black {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")


}





.preloader.color-black svg circle,


.preloader.preloader-black svg circle {


    stroke: #000


}





.preloader.color-black .preloader-inner-gap,


.preloader.color-black .preloader-inner-half-circle,


.preloader.preloader-black .preloader-inner-gap,


.preloader.preloader-black .preloader-inner-half-circle {


    border-color: #000


}





.theme-black a {


    color: #000


}





.navbar.theme-black,


.searchbar.theme-black,


.subnavbar.theme-black,


.theme-black .navbar,


.theme-black .searchbar,


.theme-black .subnavbar,


.theme-black .toolbar,


.toolbar.theme-black {


    background-color: #000


}





.range-slider.theme-black input[type=range]::-webkit-slider-thumb:before,


.theme-black .range-slider input[type=range]::-webkit-slider-thumb:before {


    background-color: #000


}





.range-slider.theme-black input[type=range]::-webkit-slider-thumb,


.theme-black .range-slider input[type=range]::-webkit-slider-thumb {


    background-color: #000


}





.range-slider.theme-black input[type=range]::-ms-thumb,


.theme-black .range-slider input[type=range]::-ms-thumb {


    background-color: #000


}





.range-slider.theme-black input[type=range]::-ms-fill-lower,


.theme-black .range-slider input[type=range]::-ms-fill-lower {


    background-color: #000


}





.range-slider.theme-black input[type=range]::-moz-range-thumb,


.theme-black .range-slider input[type=range]::-moz-range-thumb {


    background-color: #000


}





.label-switch.theme-black input[type=checkbox]:checked+.checkbox,


.theme-black .label-switch input[type=checkbox]:checked+.checkbox {


    background-color: rgba(0, 0, 0, .5)


}





.label-switch.theme-black input[type=checkbox]:checked+.checkbox:after,


.theme-black .label-switch input[type=checkbox]:checked+.checkbox:after {


    background-color: #000


}





.theme-black label.label-checkbox,


label.label-checkbox.theme-black {


    cursor: pointer


}





.theme-black label.label-checkbox i.icon-form-checkbox:after,


label.label-checkbox.theme-black i.icon-form-checkbox:after {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E")


}





.theme-black label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,


.theme-black label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,


.theme-black label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,


.theme-black label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,


.theme-black label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,


.theme-black label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,


label.label-checkbox.theme-black input[type=checkbox]:checked+.item-media i.icon-form-checkbox,


label.label-checkbox.theme-black input[type=checkbox]:checked~.item-after i.icon-form-checkbox,


label.label-checkbox.theme-black input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,


label.label-checkbox.theme-black input[type=radio]:checked+.item-media i.icon-form-checkbox,


label.label-checkbox.theme-black input[type=radio]:checked~.item-after i.icon-form-checkbox,


label.label-checkbox.theme-black input[type=radio]:checked~.item-inner i.icon-form-checkbox {


    border-color: #000;


    background-color: #000


}





.theme-black label.label-radio i.icon-form-radio:after,


label.label-radio.theme-black i.icon-form-radio:after {


    background-color: #000


}





.theme-black label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,


.theme-black label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,


.theme-black label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,


.theme-black label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,


.theme-black label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,


.theme-black label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,


label.label-radio.theme-black input[type=checkbox]:checked+.item-media i.icon-form-radio,


label.label-radio.theme-black input[type=checkbox]:checked~.item-after i.icon-form-radio,


label.label-radio.theme-black input[type=checkbox]:checked~.item-inner i.icon-form-radio,


label.label-radio.theme-black input[type=radio]:checked+.item-media i.icon-form-radio,


label.label-radio.theme-black input[type=radio]:checked~.item-after i.icon-form-radio,


label.label-radio.theme-black input[type=radio]:checked~.item-inner i.icon-form-radio {


    border-color: #000


}





.theme-black label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,


.theme-black label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,


.theme-black label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,


.theme-black label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,


.theme-black label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,


.theme-black label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,


label.label-radio.theme-black input[type=checkbox]:checked+.item-media i.icon-form-radio:after,


label.label-radio.theme-black input[type=checkbox]:checked~.item-after i.icon-form-radio:after,


label.label-radio.theme-black input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,


label.label-radio.theme-black input[type=radio]:checked+.item-media i.icon-form-radio:after,


label.label-radio.theme-black input[type=radio]:checked~.item-after i.icon-form-radio:after,


label.label-radio.theme-black input[type=radio]:checked~.item-inner i.icon-form-radio:after {


    background-color: #000


}





.theme-black .focus-state .floating-label,


.theme-black .focus-state .label {


    color: #000


}





.theme-black .input-field.focus-state:after,


.theme-black .input-field.not-empty-state:after,


.theme-black .item-input-field.focus-state:after,


.theme-black .item-input-field.not-empty-state:after {


    background-color: #000


}





.theme-black .picker-calendar-day.picker-calendar-day-today span {


    color: #000


}





.theme-black .picker-calendar-day.picker-calendar-day-selected span {


    background-color: #000;


    color: #fff


}





.theme-black .picker-calendar-day.picker-calendar-day-has-events span:after {


    background-color: #000


}





.theme-black .picker-header {


    background-color: #000


}





.theme-black .modal-button {


    color: #000


}





.swiper-pagination.color-black .swiper-pagination-bullet-active,


.theme-black .swiper-pagination .swiper-pagination-bullet-active {


    background-color: #000


}





.swiper-pagination.color-black .swiper-pagination-progressbar,


.theme-black .swiper-pagination .swiper-pagination-progressbar {


    background-color: #000


}





.swiper-pagination.swiper-pagination-progress.bg-black {


    background-color: rgba(0, 0, 0, .25)


}





.swiper-button-next.color-black,


.swiper-container-rtl .swiper-button-prev.color-black,


.theme-black .swiper-button-next,


.theme-black .swiper-container-rtl .swiper-button-prev {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")


}





.swiper-button-prev.color-black,


.swiper-container-rtl .swiper-button-next.color-black,


.theme-black .swiper-button-prev,


.theme-black .swiper-container-rtl .swiper-button-next {


    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")


}





.bg-black,


.list-block .swipeout-actions-left a.bg-black,


.list-block .swipeout-actions-right a.bg-black,


a.bg-black {


    background-color: #000


}





.list-block .bg-black .item-link.active-state,


.list-block .item-link.bg-black.active-state,


.list-block .item-link.list-block .swipeout-actions-left a.bg-black.active-state,


.list-block .item-link.list-block .swipeout-actions-right a.bg-black.active-state,


.list-block .item-linka.bg-black.active-state,


.list-block .list-block .swipeout-actions-left a.bg-black .item-link.active-state,


.list-block .list-block .swipeout-actions-right a.bg-black .item-link.active-state,


.list-block a.bg-black .item-link.active-state,


.list-block.bg-black .item-link.active-state,


.list-block.list-block .swipeout-actions-left a.bg-black .item-link.active-state,


.list-block.list-block .swipeout-actions-right a.bg-black .item-link.active-state,


.list-blocka.bg-black .item-link.active-state,


html:not(.watch-active-state) .list-block .bg-black .item-link:active,


html:not(.watch-active-state) .list-block .item-link.bg-black:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-black:active,


html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-black:active,


html:not(.watch-active-state) .list-block .item-linka.bg-black:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-black .item-link:active,


html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-black .item-link:active,


html:not(.watch-active-state) .list-block a.bg-black .item-link:active,


html:not(.watch-active-state) .list-block.bg-black .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-black .item-link:active,


html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-black .item-link:active,


html:not(.watch-active-state) .list-blocka.bg-black .item-link:active {


    background-color: #333


}





.border-black {


    border-color: #000


}





.border-black:after,


.border-black:before,


.list-block .border-black.item-inner:after,


.list-block .border-black.item-inner:before,


.list-block ul.border-black:after,


.list-block ul.border-black:before {


    background-color: #000


}





.floating-button.bg-black,


.floating-button.color-black,


.floating-button.theme-black,


.speed-dial-buttons a.bg-black,


.speed-dial-buttons a.color-black,


.speed-dial-buttons a.theme-black,


.theme-black .floating-button,


.theme-black .speed-dial-buttons a {


    color: #fff;


    background-color: #000


}





.floating-button.bg-black.active-state,


.floating-button.color-black.active-state,


.floating-button.theme-black.active-state,


.speed-dial-buttons a.bg-black.active-state,


.speed-dial-buttons a.color-black.active-state,


.speed-dial-buttons a.theme-black.active-state,


.theme-black .floating-button.active-state,


.theme-black .speed-dial-buttons a.active-state,


html:not(.watch-active-state) .floating-button.bg-black:active,


html:not(.watch-active-state) .floating-button.color-black:active,


html:not(.watch-active-state) .floating-button.theme-black:active,


html:not(.watch-active-state) .speed-dial-buttons a.bg-black:active,


html:not(.watch-active-state) .speed-dial-buttons a.color-black:active,


html:not(.watch-active-state) .speed-dial-buttons a.theme-black:active,


html:not(.watch-active-state) .theme-black .floating-button:active,


html:not(.watch-active-state) .theme-black .speed-dial-buttons a:active {


    background-color: #333


}





.floating-button.bg-black i,


.floating-button.color-black i,


.floating-button.theme-black i,


.speed-dial-buttons a.bg-black i,


.speed-dial-buttons a.color-black i,


.speed-dial-buttons a.theme-black i,


.theme-black .floating-button i,


.theme-black .speed-dial-buttons a i {


    color: inherit


}





.ripple-black .ripple-wave {


    background-color: rgba(0, 0, 0, .3)


}





.badge.color-black,


.badge.theme-black {


    background-color: #000;


    color: #fff


}
.bg_brown
{
	background-color: #8b6160;
}
.text-inherit
    {
    	
    text-transform: inherit !important;	
    }