/**
 * Framework7 1.7.1
 * Full featured mobile HTML framework for building iOS & Android apps
 * 
 * Google Material Theme
 *
 * http://framework7.io/
 * 
 * Copyright 2018, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: April 7, 2018
 */
html,
body {
	position: relative;
	height: 100%;
	width: 100%;
	overflow-x: hidden;
}

body {
	font-family: Roboto, Noto, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #212121;
	font-size: 14px;
	line-height: 1.5;
	width: 100%;
	-webkit-text-size-adjust: 100%;
	background: #fff;
	overflow: hidden;
}


* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-touch-callout: none;
}




/* === Views === */
.views,
.view {
	position: relative;
	height: 100%;
	z-index: 5000;
}

.views {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.view {
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
}

/* === Pages === */
.pages {
	/*	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	*/
}

.page {
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #f0f4f5;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.page.cached {
	display: none;
}

.page-on-left {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.page-on-right {
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translate3d(0, 56px, 0);
	transform: translate3d(0, 56px, 0);
}

.page-content {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	box-sizing: border-box;
	height: 100%;
	position: relative;
	z-index: 1;
}

.page-transitioning {
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
}

.page-from-right-to-center {
	pointer-events: none;
	-webkit-animation: pageFromRightToCenter 300ms forwards;
	animation: pageFromRightToCenter 300ms forwards;
}

.page-from-center-to-right {
	pointer-events: none;
	-webkit-animation: pageFromCenterToRight 300ms forwards;
	animation: pageFromCenterToRight 300ms forwards;
}

@-webkit-keyframes pageFromRightToCenter {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 56px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
	}
}

@keyframes pageFromRightToCenter {
	from {
		opacity: 0;
		transform: translate3d(0, 56px, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes pageFromCenterToRight {
	from {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 56px, 0);
	}
}

@keyframes pageFromCenterToRight {
	from {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}

	to {
		opacity: 0;
		transform: translate3d(0, 56px, 0);
	}
}

.page-from-center-to-left {
	-webkit-animation: pageFromCenterToLeft 300ms forwards;
	animation: pageFromCenterToLeft 300ms forwards;
}

.page-from-left-to-center {
	-webkit-animation: pageFromLeftToCenter 300ms forwards;
	animation: pageFromLeftToCenter 300ms forwards;
}

@-webkit-keyframes pageFromCenterToLeft {
	from {
		opacity: 1;
	}

	to {
		opacity: 1;
	}
}

@keyframes pageFromCenterToLeft {
	from {
		opacity: 1;
	}

	to {
		opacity: 1;
	}
}

@-webkit-keyframes pageFromLeftToCenter {
	from {
		opacity: 1;
	}

	to {
		opacity: 1;
	}
}

@keyframes pageFromLeftToCenter {
	from {
		opacity: 1;
	}

	to {
		opacity: 1;
	}
}

/* ===
    Preloader
    By Rudi Theunissen (https://github.com/rtheunissen/md-preloader)
=== */

.preloader-indicator-overlay {
	visibility: visible;
	opacity: 0;
	background: none;
}

.preloader-indicator-modal .preloader {
	display: block;
}


.preloader {
	font-size: 0;
	display: inline-block;
	width: 32px;
	height: 32px;
	-webkit-animation: preloader-outer 3300ms linear infinite;
	animation: preloader-outer 3300ms linear infinite;
}

.preloader svg {
	width: 100%;
	height: 100%;
	-webkit-animation: preloader-inner 1320ms linear infinite;
	animation: preloader-inner 1320ms linear infinite;
}

.preloader svg circle {
	fill: none;
	stroke: #757575;
	stroke-linecap: square;
	-webkit-animation: preloader-arc 1320ms cubic-bezier(0.8, 0, 0.4, 0.8) infinite;
	animation: preloader-arc 1320ms cubic-bezier(0.8, 0, 0.4, 0.8) infinite;
}

@-webkit-keyframes preloader-outer {
	0% {
		-webkit-transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes preloader-outer {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes preloader-inner {
	0% {
		-webkit-transform: rotate(-100.8deg);
	}

	100% {
		-webkit-transform: rotate(0);
	}
}

@keyframes preloader-inner {
	0% {
		transform: rotate(-100.8deg);
	}

	100% {
		transform: rotate(0);
	}
}

@-webkit-keyframes preloader-arc {
	0% {
		stroke-dasharray: 1 210.48670779px;
		stroke-dashoffset: 0;
	}

	40% {
		stroke-dasharray: 151.55042961px, 210.48670779px;
		stroke-dashoffset: 0;
	}

	100% {
		stroke-dasharray: 1 210.48670779px;
		stroke-dashoffset: -151.55042961px;
	}
}

@keyframes preloader-arc {
	0% {
		stroke-dasharray: 1 210.48670779px;
		stroke-dashoffset: 0;
	}

	40% {
		stroke-dasharray: 151.55042961px, 210.48670779px;
		stroke-dashoffset: 0;
	}

	100% {
		stroke-dasharray: 1 210.48670779px;
		stroke-dashoffset: -151.55042961px;
	}
}

.preloader-inner {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	-webkit-animation: preloader-inner-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite;
	animation: preloader-inner-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite;
}

.preloader-inner .preloader-inner-gap {
	position: absolute;
	width: 2px;
	left: 50%;
	margin-left: -1px;
	top: 0;
	bottom: 0;
	box-sizing: border-box;
	border-top: 4px solid #757575;
}

.preloader-inner .preloader-inner-left,
.preloader-inner .preloader-inner-right {
	position: absolute;
	top: 0;
	height: 100%;
	width: 50%;
	overflow: hidden;
}

.preloader-inner .preloader-inner-half-circle {
	position: absolute;
	top: 0;
	height: 100%;
	width: 200%;
	box-sizing: border-box;
	border: 4px solid #757575;
	border-bottom-color: transparent !important;
	border-radius: 50%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 1.3125s;
	-webkit-animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
	animation-iteration-count: infinite;
	animation-duration: 1.3125s;
	animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
}

.preloader-white .preloader-inner .preloader-inner-gap,
.preloader-white .preloader-inner .preloader-inner-half-circle {
	border-color: #fff;
}

.preloader-inner .preloader-inner-left {
	left: 0;
}

.preloader-inner .preloader-inner-left .preloader-inner-half-circle {
	left: 0;
	border-right-color: transparent !important;
	-webkit-animation-name: preloader-left-rotate;
	animation-name: preloader-left-rotate;
}

.preloader-inner .preloader-inner-right {
	right: 0;
}

.preloader-inner .preloader-inner-right .preloader-inner-half-circle {
	right: 0;
	border-left-color: transparent !important;
	-webkit-animation-name: preloader-right-rotate;
	animation-name: preloader-right-rotate;
}

.color-multi .preloader-inner .preloader-inner-left .preloader-inner-half-circle {
	-webkit-animation-name: preloader-left-rotate-multicolor;
	animation-name: preloader-left-rotate-multicolor;
}

.color-multi .preloader-inner .preloader-inner-right .preloader-inner-half-circle {
	-webkit-animation-name: preloader-right-rotate-multicolor;
	animation-name: preloader-right-rotate-multicolor;
}

@-webkit-keyframes preloader-left-rotate {

	0%,
	100% {
		-webkit-transform: rotate(130deg);
	}

	50% {
		-webkit-transform: rotate(-5deg);
	}
}

@keyframes preloader-left-rotate {

	0%,
	100% {
		transform: rotate(130deg);
	}

	50% {
		transform: rotate(-5deg);
	}
}

@-webkit-keyframes preloader-right-rotate {

	0%,
	100% {
		-webkit-transform: rotate(-130deg);
	}

	50% {
		-webkit-transform: rotate(5deg);
	}
}

@keyframes preloader-right-rotate {

	0%,
	100% {
		transform: rotate(-130deg);
	}

	50% {
		transform: rotate(5deg);
	}
}

@-webkit-keyframes preloader-inner-rotate {
	12.5% {
		-webkit-transform: rotate(135deg);
	}

	25% {
		-webkit-transform: rotate(270deg);
	}

	37.5% {
		-webkit-transform: rotate(405deg);
	}

	50% {
		-webkit-transform: rotate(540deg);
	}

	62.5% {
		-webkit-transform: rotate(675deg);
	}

	75% {
		-webkit-transform: rotate(810deg);
	}

	87.5% {
		-webkit-transform: rotate(945deg);
	}

	100% {
		-webkit-transform: rotate(1080deg);
	}
}

@keyframes preloader-inner-rotate {
	12.5% {
		transform: rotate(135deg);
	}

	25% {
		transform: rotate(270deg);
	}

	37.5% {
		transform: rotate(405deg);
	}

	50% {
		transform: rotate(540deg);
	}

	62.5% {
		transform: rotate(675deg);
	}

	75% {
		transform: rotate(810deg);
	}

	87.5% {
		transform: rotate(945deg);
	}

	100% {
		transform: rotate(1080deg);
	}
}

@-webkit-keyframes preloader-left-rotate-multicolor {

	0%,
	100% {
		border-left-color: #4285F4;
		-webkit-transform: rotate(130deg);
	}

	75% {
		border-left-color: #1B9A59;
		border-top-color: #1B9A59;
	}

	50% {
		border-left-color: #F7C223;
		border-top-color: #F7C223;
		-webkit-transform: rotate(-5deg);
	}

	25% {
		border-left-color: #DE3E35;
		border-top-color: #DE3E35;
	}
}

@keyframes preloader-left-rotate-multicolor {

	0%,
	100% {
		border-left-color: #4285F4;
		transform: rotate(130deg);
	}

	75% {
		border-left-color: #1B9A59;
		border-top-color: #1B9A59;
	}

	50% {
		border-left-color: #F7C223;
		border-top-color: #F7C223;
		transform: rotate(-5deg);
	}

	25% {
		border-left-color: #DE3E35;
		border-top-color: #DE3E35;
	}
}

@-webkit-keyframes preloader-right-rotate-multicolor {

	0%,
	100% {
		border-right-color: #4285F4;
		-webkit-transform: rotate(-130deg);
	}

	75% {
		border-right-color: #1B9A59;
		border-top-color: #1B9A59;
	}

	50% {
		border-right-color: #F7C223;
		border-top-color: #F7C223;
		-webkit-transform: rotate(5deg);
	}

	25% {
		border-top-color: #DE3E35;
		border-right-color: #DE3E35;
	}
}

@keyframes preloader-right-rotate-multicolor {

	0%,
	100% {
		border-right-color: #4285F4;
		transform: rotate(-130deg);
	}

	75% {
		border-right-color: #1B9A59;
		border-top-color: #1B9A59;
	}

	50% {
		border-right-color: #F7C223;
		border-top-color: #F7C223;
		transform: rotate(5deg);
	}

	25% {
		border-top-color: #DE3E35;
		border-right-color: #DE3E35;
	}
}


/* ===
    Progress Bar
=== */

.progressbar,
.progressbar-infinite {
	height: 4px;
	width: 100%;
	overflow: hidden;
	display: block;
	position: relative;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	background: rgba(33, 150, 243, 0.5);
}

.progressbar {
	display: block;
	vertical-align: middle;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.progressbar span {
	content: '';
	width: 100%;
	background: #2196f3;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	-webkit-transition-duration: 150ms;
	transition-duration: 150ms;
}

.progressbar-infinite {
	z-index: 15000;
}

.progressbar-infinite:before,
.progressbar-infinite:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #2196f3;
	-webkit-transform-origin: left center;
	transform-origin: left center;
}

.progressbar-infinite:before {
	-webkit-animation: progressbar-infinite-1 2s linear infinite;
	animation: progressbar-infinite-1 2s linear infinite;
}

.progressbar-infinite:after {
	-webkit-animation: progressbar-infinite-2 2s linear infinite;
	animation: progressbar-infinite-2 2s linear infinite;
}

html.with-statusbar-overlay body>.progressbar-infinite,
html.with-statusbar-overlay .framework7-root>.progressbar-infinite {
	top: 24px;
}

html.with-statusbar-overlay.ios body>.progressbar-infinite,
html.with-statusbar-overlay.ios .framework7-root>.progressbar-infinite {
	top: 20px;
}

.progressbar-infinite.color-multi {
	background: none !important;
}

.progressbar-infinite.color-multi:before,
.progressbar-infinite.color-multi:after {
	width: 100%;
	animation: none;
}

.progressbar-infinite.color-multi:before {
	background: none;
	-webkit-animation: progressbar-infinite-multicolor-bg 3s step-end infinite;
	animation: progressbar-infinite-multicolor-bg 3s step-end infinite;
}

.progressbar-infinite.color-multi:after {
	background: none;
	-webkit-animation: progressbar-infinite-multicolor-fill 3s linear infinite;
	animation: progressbar-infinite-multicolor-fill 3s linear infinite;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

body>.progressbar,
.view>.progressbar,
.views>.progressbar,
.page>.progressbar,
.panel>.progressbar,
.popup>.progressbar,
.framework7-root>.progressbar,
body>.progressbar-infinite,
.view>.progressbar-infinite,
.views>.progressbar-infinite,
.page>.progressbar-infinite,
.panel>.progressbar-infinite,
.popup>.progressbar-infinite,
.framework7-root>.progressbar-infinite {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 15000;
	-webkit-transform-origin: center top;
	transform-origin: center top;
}

.progressbar-in {
	-webkit-animation: progressbar-in 300ms forwards;
	animation: progressbar-in 300ms forwards;
}

.progressbar-out {
	-webkit-animation: progressbar-out 300ms forwards;
	animation: progressbar-out 300ms forwards;
}

html.with-statusbar-overlay body>.progressbar,
html.with-statusbar-overlay .framework7-root>.progressbar {
	top: 24px;
}

html.with-statusbar-overlay.ios body>.progressbar,
html.with-statusbar-overlay.ios .framework7-root>.progressbar {
	top: 20px;
}

@-webkit-keyframes progressbar-in {
	from {
		opacity: 0;
		-webkit-transform: scaleY(0);
	}

	to {
		opacity: 1;
		-webkit-transform: scaleY(1);
	}
}

@keyframes progressbar-in {
	from {
		opacity: 0;
		transform: scaleY(0);
	}

	to {
		opacity: 1;
		transform: scaleY(1);
	}
}

@-webkit-keyframes progressbar-out {
	from {
		opacity: 1;
		-webkit-transform: scaleY(1);
	}

	to {
		opacity: 0;
		-webkit-transform: scaleY(0);
	}
}

@keyframes progressbar-out {
	from {
		opacity: 1;
		transform: scaleY(1);
	}

	to {
		opacity: 0;
		transform: scaleY(0);
	}
}

@-webkit-keyframes progressbar-infinite-1 {
	0% {
		-webkit-transform: translateX(-10%) scaleX(0.1);
	}

	25% {
		-webkit-transform: translateX(30%) scaleX(0.6);
	}

	50% {
		-webkit-transform: translateX(100%) scaleX(1);
	}

	100% {
		-webkit-transform: translateX(100%) scaleX(1);
	}
}

@keyframes progressbar-infinite-1 {
	0% {
		transform: translateX(-10%) scaleX(0.1);
	}

	25% {
		transform: translateX(30%) scaleX(0.6);
	}

	50% {
		transform: translateX(100%) scaleX(1);
	}

	100% {
		transform: translateX(100%) scaleX(1);
	}
}

@-webkit-keyframes progressbar-infinite-2 {
	0% {
		-webkit-transform: translateX(-100%) scaleX(1);
	}

	40% {
		-webkit-transform: translateX(-100%) scaleX(1);
	}

	75% {
		-webkit-transform: translateX(60%) scaleX(0.35);
	}

	90% {
		-webkit-transform: translateX(100%) scaleX(0.1);
	}

	100% {
		-webkit-transform: translateX(100%) scaleX(0.1);
	}
}

@keyframes progressbar-infinite-2 {
	0% {
		transform: translateX(-100%) scaleX(1);
	}

	40% {
		transform: translateX(-100%) scaleX(1);
	}

	75% {
		transform: translateX(60%) scaleX(0.35);
	}

	90% {
		transform: translateX(100%) scaleX(0.1);
	}

	100% {
		transform: translateX(100%) scaleX(0.1);
	}
}

@-webkit-keyframes progressbar-infinite-multicolor-bg {
	0% {
		background-color: #4caf50;
	}

	25% {
		background-color: #f44336;
	}

	50% {
		background-color: #2196f3;
	}

	75% {
		background-color: #ffeb3b;
	}
}

@keyframes progressbar-infinite-multicolor-bg {
	0% {
		background-color: #4caf50;
	}

	25% {
		background-color: #f44336;
	}

	50% {
		background-color: #2196f3;
	}

	75% {
		background-color: #ffeb3b;
	}
}

@-webkit-keyframes progressbar-infinite-multicolor-fill {
	0% {
		-webkit-transform: scaleX(0);
		background-color: #f44336;
	}

	24.9% {
		-webkit-transform: scaleX(1);
		background-color: #f44336;
	}

	25% {
		-webkit-transform: scaleX(0);
		background-color: #2196f3;
	}

	49.9% {
		-webkit-transform: scaleX(1);
		background-color: #2196f3;
	}

	50% {
		-webkit-transform: scaleX(0);
		background-color: #ffeb3b;
	}

	74.9% {
		-webkit-transform: scaleX(1);
		background-color: #ffeb3b;
	}

	75% {
		-webkit-transform: scaleX(0);
		background-color: #4caf50;
	}

	100% {
		-webkit-transform: scaleX(1);
		background-color: #4caf50;
	}
}

@keyframes progressbar-infinite-multicolor-fill {
	0% {
		transform: scaleX(0);
		background-color: #f44336;
	}

	24.9% {
		transform: scaleX(1);
		background-color: #f44336;
	}

	25% {
		transform: scaleX(0);
		background-color: #2196f3;
	}

	49.9% {
		transform: scaleX(1);
		background-color: #2196f3;
	}

	50% {
		transform: scaleX(0);
		background-color: #ffeb3b;
	}

	74.9% {
		transform: scaleX(1);
		background-color: #ffeb3b;
	}

	75% {
		transform: scaleX(0);
		background-color: #4caf50;
	}

	100% {
		transform: scaleX(1);
		background-color: #4caf50;
	}
}







/* === Modals === */
.modal-overlay,
.preloader-indicator-overlay,
.popup-overlay,
.picker-modal-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	z-index: 13000;
	visibility: hidden;
	opacity: 0;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
}

.modal-overlay.not-animated,
.preloader-indicator-overlay.not-animated,
.popup-overlay.not-animated,
.picker-modal-overlay.not-animated {
	-webkit-transition-duration: 0ms;
	transition-duration: 0ms;
}

.modal-overlay.modal-overlay-visible,
.preloader-indicator-overlay.modal-overlay-visible,
.popup-overlay.modal-overlay-visible,
.picker-modal-overlay.modal-overlay-visible {
	visibility: visible;
	opacity: 1;
}

.popup-overlay {
	z-index: 10500;
}

.picker-modal-overlay {
	z-index: 12000;
}

.modal {
	width: 280px;
	position: absolute;
	z-index: 13500;
	left: 50%;
	margin-left: -140px;
	margin-top: 0;
	top: 50%;
	border-radius: 3px;
	opacity: 0;
	-webkit-transform: translate3d(0, 0, 0) scale(1.185);
	transform: translate3d(0, 0, 0) scale(1.185);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
	color: #757575;
	display: none;
	background: #fff;
	font-size: 16px;
	box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}

.modal.modal-in {
	opacity: 1;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	-webkit-transform: translate3d(0, 0, 0) scale(1);
	transform: translate3d(0, 0, 0) scale(1);
}

.modal.modal-out {
	opacity: 0;
	z-index: 13499;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	-webkit-transform: translate3d(0, 0, 0) scale(0.815);
	transform: translate3d(0, 0, 0) scale(0.815);
}

.modal-inner {
	padding: 24px 24px 20px;
	position: relative;
}

.modal-title {
	font-weight: 500;
	font-size: 20px;
	color: #212121;
	line-height: 1.3;
}

.modal-title+.modal-text {
	margin-top: 20px;
}

.modal-text {
	line-height: 1.5;
}

.modal-buttons {
	height: 48px;
	padding: 6px 8px;
	overflow: hidden;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

.modal-buttons.modal-buttons-vertical {
	display: block;
	height: auto;
	padding: 0 0 8px 0;
}

.modal-buttons.modal-buttons-vertical .modal-button {
	margin-left: 0;
	text-align: right;
	height: 48px;
	line-height: 48px;
	border-radius: 0;
	padding-left: 16px;
	padding-right: 16px;
}

.modal-button,
.modal-buttons .button {
	color: #2196f3;
	text-decoration: none;
	text-align: center;
	display: block;
	border-radius: 2px;
	line-height: 36px;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	background: none;
	padding: 0 10px;
	margin: 0;
	height: 36px;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 14px;
	text-transform: uppercase;
	font-family: inherit;
	cursor: pointer;
	min-width: 64px;
	padding: 0 8px;
	position: relative;
	overflow: hidden;
	outline: 0;
	border: none;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-user-select: none;
	user-select: none;
}

input[type="submit"].modal-button,
input[type="submit"].modal-buttons .button,
input[type="button"].modal-button,
input[type="button"].modal-buttons .button {
	width: 100%;
}

html:not(.watch-active-state) .modal-button:active,
html:not(.watch-active-state) .modal-buttons .button:active,
.modal-button.active-state,
.modal-buttons .button.active-state {
	background: rgba(0, 0, 0, 0.1);
}

.modal-button.button-fill,
.modal-buttons .button.button-fill {
	background-color: #2196f3;
	color: #fff;
}

html:not(.watch-active-state) .modal-button.button-fill:active,
html:not(.watch-active-state) .modal-buttons .button.button-fill:active,
.modal-button.button-fill.active-state,
.modal-buttons .button.button-fill.active-state {
	background: #0c82df;
}

.modal-button.button-big,
.modal-buttons .button.button-big {
	height: 48px;
	line-height: 48px;
	border-radius: 3px;
}

.modal-button i.icon+span,
.modal-buttons .button i.icon+span,
.modal-button span:not(.ripple-wave)+span,
.modal-buttons .button span:not(.ripple-wave)+span,
.modal-button span:not(.ripple-wave)+i.icon,
.modal-buttons .button span:not(.ripple-wave)+i.icon,
.modal-button i.icon+i.icon,
.modal-buttons .button i.icon+i.icon {
	margin-left: 8px;
}

.navbar .modal-button:not(.button-fill),
.navbar .modal-buttons .button:not(.button-fill),
.toolbar .modal-button:not(.button-fill),
.toolbar .modal-buttons .button:not(.button-fill),
.subnavbar .modal-button:not(.button-fill),
.subnavbar .modal-buttons .button:not(.button-fill),
.notifications .modal-button:not(.button-fill),
.notifications .modal-buttons .button:not(.button-fill) {
	color: #fff;
}

html:not(.watch-active-state) .navbar .modal-button:not(.button-fill):active,
html:not(.watch-active-state) .navbar .modal-buttons .button:not(.button-fill):active,
html:not(.watch-active-state) .toolbar .modal-button:not(.button-fill):active,
html:not(.watch-active-state) .toolbar .modal-buttons .button:not(.button-fill):active,
html:not(.watch-active-state) .subnavbar .modal-button:not(.button-fill):active,
html:not(.watch-active-state) .subnavbar .modal-buttons .button:not(.button-fill):active,
html:not(.watch-active-state) .notifications .modal-button:not(.button-fill):active,
html:not(.watch-active-state) .notifications .modal-buttons .button:not(.button-fill):active,
.navbar .modal-button:not(.button-fill).active-state,
.navbar .modal-buttons .button:not(.button-fill).active-state,
.toolbar .modal-button:not(.button-fill).active-state,
.toolbar .modal-buttons .button:not(.button-fill).active-state,
.subnavbar .modal-button:not(.button-fill).active-state,
.subnavbar .modal-buttons .button:not(.button-fill).active-state,
.notifications .modal-button:not(.button-fill).active-state,
.notifications .modal-buttons .button:not(.button-fill).active-state {
	background: rgba(255, 255, 255, 0.15);
}

.modal-button.modal-button-bold,
.modal-buttons .button.modal-button-bold {
	font-weight: 700;
}

.modal-button+.modal-button,
.modal-buttons .button+.modal-button {
	margin-left: 4px;
}

.modal-no-buttons .modal-buttons {
	display: none;
}

.actions-modal {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 13500;
	width: 100%;
	background: #fff;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	max-height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.actions-modal.modal-in,
.actions-modal.modal-out {
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
}

.actions-modal.modal-in.not-animated,
.actions-modal.modal-out.not-animated {
	-webkit-transition-duration: 0ms;
	transition-duration: 0ms;
}

.actions-modal.modal-in {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.actions-modal.modal-out {
	z-index: 13499;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}

.actions-modal-group {
	position: relative;
}

.actions-modal-group:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	right: auto;
	top: auto;
	height: 1px;
	width: 100%;
	background-color: #d2d2d6;
	display: block;
	z-index: 15;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}

html.pixel-ratio-2 .actions-modal-group:after {
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5);
}

html.pixel-ratio-3 .actions-modal-group:after {
	-webkit-transform: scaleY(0.33);
	transform: scaleY(0.33);
}

.actions-modal-group:last-child:after {
	display: none;
}

.actions-modal-button,
.actions-modal-label {
	width: 100%;
	font-weight: normal;
	margin: 0;
	box-sizing: border-box;
	display: block;
	position: relative;
	padding: 0 16px;
}

.actions-modal-button a,
.actions-modal-label a {
	text-decoration: none;
	color: inherit;
	display: block;
}

.actions-modal-button b,
.actions-modal-label b {
	font-weight: 500;
}

.actions-modal-button.actions-modal-button-bold,
.actions-modal-label.actions-modal-button-bold {
	font-weight: 500;
}

.actions-modal-button.actions-modal-button-red,
.actions-modal-label.actions-modal-button-red {
	color: #f44336;
}

.actions-modal-button.disabled,
.actions-modal-label.disabled {
	opacity: 0.95;
	color: #9e9e9e;
}

.actions-modal-button {
	cursor: pointer;
	line-height: 48px;
	font-size: 16px;
	color: rgba(0, 0, 0, 0.87);
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
}

.actions-modal-button a,
.actions-modal-button {
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

html:not(.watch-active-state) .actions-modal-button:active,
.actions-modal-button.active-state {
	background: rgba(0, 0, 0, 0.1);
}

.actions-modal-label {
	font-size: 16px;
	color: rgba(0, 0, 0, 0.54);
	min-height: 56px;
	line-height: 1.3;
	padding-top: 12px;
	padding-bottom: 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

input.modal-text-input {
	box-sizing: border-box;
	height: 36px;
	background: #fff;
	margin: 0;
	margin-top: 15px;
	padding: 0;
	border: none;
	width: 100%;
	font-size: 16px;
	font-family: inherit;
	display: block;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
}

input.modal-text-input::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.35);
}

input.modal-text-input+input.modal-text-input {
	margin-top: 16px;
}

.popover {
	width: 320px;
	background: #fff;
	z-index: 13500;
	margin: 0;
	top: 0;
	opacity: 0;
	left: 0;
	border-radius: 3px;
	position: absolute;
	display: none;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	-webkit-transform: scale(0.85, 0.6);
	transform: scale(0.85, 0.6);
	-webkit-transition-property: opacity, -webkit-transform, border-radius;
	-moz-transition-property: opacity, -moz-transform, border-radius;
	transition-property: opacity, transform, border-radius;
}

.popover.popover-on-top {
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
}

.popover.popover-on-bottom {
	-webkit-transform-origin: center top;
	transform-origin: center top;
}

.popover.modal-in,
.popover.modal-out {
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
}

.popover.modal-in.not-animated,
.popover.modal-out.not-animated {
	-webkit-transition-duration: 0ms;
	transition-duration: 0ms;
}

.popover.modal-in {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.popover.modal-out {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 0;
}

.popover .list-block {
	margin: 0;
}

.popover .list-block:first-child:last-child ul:before {
	display: none;
}

.popover .list-block:first-child:last-child ul:after {
	display: none;
}

.popover .list-block ul {
	background: none;
}

.popover .list-block ul:before {
	display: none;
}

.popover .list-block:first-child ul {
	border-radius: 3px 3px 0 0;
}

.popover .list-block:first-child li:first-child a {
	border-radius: 3px 3px 0 0;
}

.popover .list-block:last-child ul {
	border-radius: 0 0 3px 3px;
}

.popover .list-block:last-child ul:after {
	display: none;
}

.popover .list-block:last-child li:last-child a {
	border-radius: 0 0 3px 3px;
}

.popover .list-block:first-child:last-child li:first-child:last-child a,
.popover .list-block:first-child:last-child ul:first-child:last-child {
	border-radius: 3px;
}

.popover.popover-floating-button {
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
	border-radius: 50%;
	box-shadow: none;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.popover.popover-floating-button.modal-in {
	border-radius: 0%;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition-delay: 200ms;
	transition-delay: 200ms;
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
}

.popover.popover-floating-button.modal-out {
	border-radius: 50%;
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
	-webkit-transition-delay: 0ms;
	transition-delay: 0ms;
	-webkit-transition-duration: 100ms;
	transition-duration: 100ms;
}

.popover.popover-floating-button .list-block {
	margin: 0;
}

.popover.popover-floating-button .list-block:first-child ul {
	border-radius: 0;
}

.popover.popover-floating-button .list-block:first-child li:first-child a {
	border-radius: 0;
}

.popover.popover-floating-button .list-block:last-child ul {
	border-radius: 0;
}

.popover.popover-floating-button .list-block:last-child li:last-child a {
	border-radius: 0;
}

.popover.popover-floating-button .list-block:first-child:last-child li:first-child:last-child a,
.popover.popover-floating-button .list-block:first-child:last-child ul:first-child:last-child {
	border-radius: 0;
}

.popover-inner {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.actions-popover .list-block {
	margin: 0;
}

.actions-popover-label {
	padding: 8px 16px;
	color: rgba(0, 0, 0, 0.54);
	font-size: 16px;
	line-height: 1.3;
	padding-top: 12px;
	padding-bottom: 12px;
	position: relative;
}

.actions-popover-label:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	right: auto;
	top: auto;
	height: 1px;
	width: 100%;
	background-color: #d2d2d6;
	display: block;
	z-index: 15;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}

html.pixel-ratio-2 .actions-popover-label:after {
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5);
}

html.pixel-ratio-3 .actions-popover-label:after {
	-webkit-transform: scaleY(0.33);
	transform: scaleY(0.33);
}

.actions-popover-label:last-child:after {
	display: none;
}

.popup,
.login-screen {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 11000;
	background: #fff;
	box-sizing: border-box;
	display: none;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-ms-transition-property: -ms-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}

.popup.modal-in,
.login-screen.modal-in,
.popup.modal-out,
.login-screen.modal-out {
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
}

.popup.modal-in.not-animated,
.login-screen.modal-in.not-animated,
.popup.modal-out.not-animated,
.login-screen.modal-out.not-animated {
	-webkit-transition-duration: 0ms;
	transition-duration: 0ms;
}

.popup.modal-in,
.login-screen.modal-in {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.popup.modal-out,
.login-screen.modal-out {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}

.login-screen.modal-in,
.login-screen.modal-out {
	display: block;
}

@media all and (min-width: 630px) and (min-height: 630px) {
	.popup:not(.tablet-fullscreen) {
		width: 630px;
		height: 630px;
		left: 50%;
		top: 50%;
		margin-left: -315px;
		margin-top: -315px;
		box-shadow: 0px 20px 44px rgba(0, 0, 0, 0.5);
		border-radius: 3px;
		-webkit-transform: translate3d(0, 1024px, 0);
		transform: translate3d(0, 1024px, 0);
	}

	.popup:not(.tablet-fullscreen).modal-in {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.popup:not(.tablet-fullscreen).modal-out {
		-webkit-transform: translate3d(0, 1024px, 0);
		transform: translate3d(0, 1024px, 0);
	}
}

@media all and (max-width: 629px),
(max-height: 629px) {
	html.with-statusbar-overlay .popup {
		height: -webkit-calc(100% - 24px);
		height: calc(100% - 24px);
		top: 24px;
	}

	html.with-statusbar-overlay .popup-overlay {
		z-index: 9500;
	}

	html.with-statusbar-overlay.ios .popup {
		height: -webkit-calc(100% - 20px);
		height: calc(100% - 20px);
		top: 20px;
	}
}

html.with-statusbar-overlay .login-screen,
html.with-statusbar-overlay .popup.tablet-fullscreen {
	height: -webkit-calc(100% - 24px);
	height: calc(100% - 24px);
	top: 24px;
}

html.with-statusbar-overlay.ios .login-screen,
html.with-statusbar-overlay.ios .popup.tablet-fullscreen {
	height: -webkit-calc(100% - 20px);
	height: calc(100% - 20px);
	top: 20px;
}

.modal-preloader .modal-title,
.modal-preloader .modal-inner {
	text-align: center;
}

.preloader-indicator-overlay {
	visibility: visible;
	opacity: 0;
	background: none;
}

.preloader-indicator-modal {
	position: absolute;
	left: 50%;
	top: 50%;
	padding: 8px;
	margin-left: -24px;
	margin-top: -24px;
	background: rgba(0, 0, 0, 0.8);
	z-index: 13500;
	border-radius: 4px;
}

.preloader-indicator-modal .preloader {
	display: block;
}

.picker-modal {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 260px;
	z-index: 12000;
	display: none;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-ms-transition-property: -ms-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
	background: #fff;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}

.picker-modal.modal-in,
.picker-modal.modal-out {
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
}

.picker-modal.modal-in.not-animated,
.picker-modal.modal-out.not-animated {
	-webkit-transition-duration: 0ms;
	transition-duration: 0ms;
}

.picker-modal.modal-in {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.picker-modal.modal-out {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}

.picker-modal .picker-modal-inner {
	height: 100%;
	position: relative;
}

.picker-modal .toolbar {
	position: relative;
	width: 100%;
	top: 0;
}

.picker-modal .toolbar+.picker-modal-inner {
	height: -webkit-calc(100% - 48px);
	height: -moz-calc(100% - 48px);
	height: calc(100% - 48px);
}

.picker-modal .toolbar a.link {
	-webkit-box-flex: 0;
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
}

.picker-modal .picker-header,
.picker-modal .picker-footer {
	height: 48px;
}

.picker-modal .picker-header {
	background: #2196f3;
}

.picker-modal .picker-header+.toolbar .toolbar-inner {
	overflow: visible;
}

.picker-modal .picker-header+.picker-footer+.toolbar+.picker-modal-inner {
	height: -webkit-calc(100% - 48px * 3);
	height: -moz-calc(100% - 48px * 3);
	height: calc(100% - 48px * 3);
}

.picker-modal .picker-footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 48px;
	padding: 6px 8px;
	overflow: hidden;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

.picker-modal .picker-footer.modal-buttons-vertical {
	display: block;
	height: auto;
	padding: 0 0 8px 0;
}

.picker-modal .picker-footer.modal-buttons-vertical .modal-button {
	margin-left: 0;
	text-align: right;
	height: 48px;
	line-height: 48px;
	border-radius: 0;
	padding-left: 16px;
	padding-right: 16px;
}

.picker-modal .picker-header+.picker-modal-inner,
.picker-modal .picker-footer+.picker-modal-inner {
	height: -webkit-calc(100% - 48px);
	height: -moz-calc(100% - 48px);
	height: calc(100% - 48px);
}

.picker-modal .picker-header+.toolbar+.picker-modal-inner,
.picker-modal .picker-footer+.toolbar+.picker-modal-inner {
	height: -webkit-calc(100% - 48px * 2);
	height: -moz-calc(100% - 48px * 2);
	height: calc(100% - 48px * 2);
}

.picker-modal.picker-modal-inline,
.popover .picker-modal {
	display: block;
	position: relative;
	background: none;
	z-index: inherit;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.picker-modal.picker-modal-inline .toolbar,
.popover .picker-modal .toolbar {
	top: 0;
}

.popover .picker-modal {
	width: auto;
}

.popover .picker-modal .toolbar:first-child,
.popover .picker-modal .picker-header:first-child {
	border-radius: 2px 2px 0 0;
}

.picker-modal.smart-select-picker .list-block {
	margin: 0;
}

.picker-modal.smart-select-picker .list-block ul:before {
	display: none;
}

.picker-modal.smart-select-picker .list-block ul:after {
	display: none;
}


.theme-1-active .preloader-indicator-overlay {
  visibility: visible;
  opacity: 0.5 !important;
  background: #ffffff !important;
}