.page,
.page-group {}

.page-group.page-current,
.page.page-current {
	overflow: hidden;
}

.page-group {
	display: block;
}

.bar {
	position: fixed;
	right: 0;
	left: 0;
	padding-right: .3rem;
	padding-left: .3rem;
	background-color: #e1e1e1;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 6000;
}

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

@media only screen and (-webkit-min-device-pixel-ratio:2) {
	.bar:after {
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5)
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
	.bar:after {
		-webkit-transform: scaleY(.33);
		transform: scaleY(.33)
	}
}

.bar-tab {
	bottom: 0;
	width: 100%;
	height: 4rem;
	padding: 0;
	table-layout: fixed
}

.bar-submit {
	position: fixed;
	right: 0;
	left: 0;
	bottom: 0;
	padding: 0;
	width: 100%;
	height: 3.5rem;
	table-layout: fixed;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-top: 1px solid #e1e1e1;
	background: #fff;
	display: block;
	z-index: 1000;
}

.btn-padding-lg {
	height: 3.5rem;
	width: 50%;
}

#submit-btn-m span {
	line-height: 2.8rem;
}

.bar-tab:before {
	content: '';
	position: fixed;
	left: 0;
	top: 0;
	bottom: auto;
	right: auto;
	height: 1px;
	width: 100%;
	background-color: #e7e7e7;
	display: block;
	z-index: 15;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
	.bar-tab:before {
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5)
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
	.bar-tab:before {
		-webkit-transform: scaleY(.33);
		transform: scaleY(.33)
	}
}

.bar-tab:after {
	display: none
}

.bar-tab .tab-item {
	position: relative;
	display: table-cell;
	width: 1%;
	height: 4rem;
	color: #000;
	text-align: center;
	vertical-align: middle
}

.bar-tab .tab-item.active,
.bar-tab .tab-item:active {
	color: #faa304
}

.bar-tab .tab-item .badge {
	position: absolute;
	top: .1rem;
	left: 50%;
	z-index: 100;
	height: .8rem;
	min-width: .8rem;
	padding: 0 .2rem;
	font-size: .5rem;
	line-height: .8rem;
	color: #fff;
	vertical-align: top;
	background: red;
	border-radius: .5rem;
	margin-left: .1rem
}

.bar-tab .tab-item .icon {
	top: .05rem;
	height: 1.2rem;
	font-size: 1.2rem;
	line-height: 1.2rem;
	padding-top: .1rem;
	padding-bottom: 0;
	text-align: center;
}

.bar-tab .tab-item .tab-label {
	display: block;
	font-size: 1.1rem;
	position: relative;
	top: 0;
	text-align: center;
}

.bar .icon {
	position: relative;
	z-index: 20;
	padding: .2rem .1rem;
	font-size: 1rem;
	line-height: 1.2rem;
}

nav {
	display: block;
}

.fa {
	font-style: normal;
	display: inline-block;
	background-size: 100% auto;
	background-position: center;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale
}

.badge {
	display: inline-block;
	padding: .1rem .45rem .15rem;
	font-size: .6rem;
	line-height: 1;
	color: #3d4145;
	background-color: rgba(0, 0, 0, .15);
	border-radius: 5rem
}

.icon-large {
	font-size: 1.5rem !important;
}

.panel-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
	opacity: 0;
	z-index: 5999;
	display: none
}

.panel {
	z-index: 1000;
	display: none;
	background: #111;
	color: #fff;
	box-sizing: border-box;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	position: absolute;
	width: 15rem;
	top: 0;
	height: 100%;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: -webkit-transform .4s;
	transition: transform .4s
}

.panel.panel-left.panel-cover {
	z-index: 6000;
	left: -15rem
}

.panel.panel-left.panel-reveal {
	left: 0
}

.panel.panel-right.panel-cover {
	z-index: 6000;
	right: -15rem
}

.panel.panel-right.panel-reveal {
	right: 0
}

.theme-dark {
	background-color: #222426
}

.page.theme-dark,
.panel.theme-dark,
.theme-dark .content,
.theme-dark .panel {
	background-color: #222426;
	color: #ddd
}

body.with-panel-left-cover .page,
body.with-panel-right-cover .page {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: -webkit-transform .4s;
	transition: transform .4s
}

body.with-panel-left-cover .panel-overlay,
body.with-panel-right-cover .panel-overlay {
	display: block
}

body.with-panel-left-reveal .page,
body.with-panel-right-reveal .page {
	-webkit-transition: .8s;
	transition: .8s;
	-webkit-transition-property: -webkit-transform;
	transition-property: transform
}

body.with-panel-left-reveal .panel-overlay,
body.with-panel-right-reveal .panel-overlay {
	display: block
}

body.with-panel-left-reveal .page {
	-webkit-transform: translate3d(15rem, 0, 0);
	transform: translate3d(15rem, 0, 0)
}

body.with-panel-left-reveal .panel-overlay {
	margin-left: 15rem
}

body.with-panel-left-cover .panel-left {
	-webkit-transform: translate3d(15rem, 0, 0);
	transform: translate3d(12rem, 0, 0)
}

body.with-panel-right-reveal .page {
	-webkit-transform: translate3d(-15rem, 0, 0);
	transform: translate3d(-15rem, 0, 0)
}

body.with-panel-right-reveal .panel-overlay {
	margin-left: -15rem
}

body.with-panel-right-cover .panel-right {
	-webkit-transform: translate3d(-15rem, 0, 0);
	transform: translate3d(-15rem, 0, 0)
}

body.panel-closing .page {
	-webkit-transition: .4s;
	transition: .4s;
	-webkit-transition-property: -webkit-transform;
	transition-property: transform
}

.content-block {
	margin: 1.75rem 0;
	padding: 0 .75rem;
	color: #6d6d72;
}

.content-block.theme-dark,
.theme-dark .content-block {
	color: #bbb
}

.content-block a {
	font-size: 15px;
	color: #ddd !important;
}

.content-block hr {
	margin: 0px 5px;
}

.content-block-title {
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 1.3rem;
	text-transform: uppercase;
	color: #fff;
	margin: 2.5rem .75rem 2rem .75rem;
}

.content-block-text {
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 1.2rem;
	margin: 1.75rem .75rem
}


/* left side nav */

ul,
li {
	list-style-type: none !important;
	display: block;
	border: 0px;
}

.sidenav-overlay {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
	opacity: 0 z-index: -1;
}

.nav-overlay-active {
	z-index: 5998;
}

.sidenav {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background: #222;
	width: 50px;
	transition: all 0.25s;
	overflow: hidden;
	padding-top: 80px;
	z-index: -1;
	opacity: 0;
}

.sidenav-show {
	opacity: 1;
	z-index: 5999;
}

.sidenav li {
	overflow: hidden;
	width: 180px;
}

.sidenav a {
	text-decoration: none;
	color: #eee;
	display: block;
	line-height: 48px;
}

.sidenav a:hover {
	color: #faa304;
}

.sidenav span {
	display: block;
	margin-left: 10px;
}

.sidenav b {
	padding-left 10px;
	display: block;
	color: white;
	font-size: 14px;
	line-height: 4;
	opacity: 0;
}

.sidenav-title {
	margin-left: 25px !important;
	border-bottom: 1px solid #fff;
	color: #aaa;
	font-size: 15px;
}


/*
.sidenav a {
	display: block;
	float: left;
	font-size: 16px;
	line-height: 48px;
	width: 50px;
	text-align: center;
}
*/

.sidenav li:nth-child(1) b,
.sidenav li:nth-child(1) a {
	transition-delay: .08s;
}

.sidenav li:nth-child(2) b,
.sidenav li:nth-child(2) a {
	transition-delay: .16s;
}

.sidenav li:nth-child(3) b,
.sidenav li:nth-child(3) a {
	transition-delay: .24s;
}

.sidenav li:nth-child(4) b,
.sidenav li:nth-child(4) a {
	transition-delay: .32s;
}

.sidenav li:nth-child(5) b,
.sidenav li:nth-child(5) a {
	transition-delay: .40s;
}

.sidenav li:nth-child(6) b,
.sidenav li:nth-child(6) a {
	transition-delay: .48s;
}

.sidenav li:nth-child(7) b,
.sidenav li:nth-child(7) a {
	transition-delay: .56s;
}

.left-side-nav .perspective {
	transform: perspective(100px);
}

.left-side-nav b {
	transform: perspective(100px) rotateY(90deg);
	opacity: 0;
	transform-origin: left center;
}

.nav-show {
	transform: perspective(100px) rotateX(0) !important;
	transition: all .4s !important;
	opacity: 1 !important;
}

.left-side-nav .sidenav {
	width: 180px;
}

.left-side-nav .sidenav span {
	display: inline-block;
	width: 110px;
}

.infinite-scroll-preloader {
	margin: .5rem;
	text-align: center
}

.infinite-scroll-preloader .preloader {
	width: 1.5rem;
	height: 1.5rem
}

.infinite-scroll-top .infinite-scroll-preloader {
	position: absolute;
	width: 100%;
	top: 0;
	margin: 0
}

.preloader {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: preloader-spin 1s steps(12, end) infinite;
	animation: preloader-spin 1s steps(12, end) infinite
}

.preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat
}

.preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes preloader-spin {
	100% {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.toast {
	background: rgba(0, 0, 0, .8);
	border-radius: 1rem;
	color: #fff;
	padding: 0 .8rem;
	height: 2rem;
	line-height: 2rem;
	font-size: .8rem;
	width: auto
}

.modal-overlay,
.popup-overlay,
.preloader-indicator-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4);
	z-index: 10600;
	visibility: hidden;
	opacity: 0;
	-webkit-transition-duration: .4s;
	transition-duration: .4s
}

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

.popup-overlay {
	z-index: 10200
}


/*
.modal {
	width: 13.5rem;
	position: absolute;
	z-index: 11000;
	left: 50%;
	margin-left: -6.75rem;
	margin-top: 0;
	top: 50%;
	text-align: center;
	border-radius: .35rem;
	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;
	transition-property: transform, opacity;
	color: #3d4145;
	display: none
}
*/

.modal {
	width: 80%;
	height: 80%;
	position: absolute;
	z-index: 20000;
	margin-left: 10%;
	margin-top: 0;
	top: 10%;
	border-radius: .35rem;
	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;
	transition-property: transform, opacity;
	color: #3d4145;
	display: none;
}

.err-modal {
	height: 35% !important;
	top: 30% !important;
	width: 70% !important;
	margin-left: 15% !important;
}

.err-modal .modal-footer {
	border-top: 1px solid #e5e5e5 !important;
	padding: 10px !important;
}

.err-modal .modal-body {
	overflow-y: hidden !important;
}

.modal-dialog {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.modal-content {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
}

.modal-body {
	overflow-y: scroll;
	position: absolute;
	top: 55px;
	bottom: 55px;
	width: 100%;
}

.modal-header .close {
	margin-right: 15px;
}

.modal-footer {
	position: absolute;
	width: 100%;
	bottom: 0;
	padding: 0 10px 10px 10px !important;
	text-align: center;
	border-top: 0 !important; 
}

.modal-body p {
	font-size: 12px !important;
}

.modal-body h5 {
	padding: 0 !important;
}

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

.modal.modal-out {
	opacity: 0;
	z-index: 10999;
	-webkit-transition-duration: .4s;
	transition-duration: .4s;
	-webkit-transform: translate3d(0, 0, 0) scale(.815);
	transform: translate3d(0, 0, 0) scale(.815)
}

.modal-inner {
	padding: .75rem;
	border-radius: .35rem .35rem 0 0;
	position: relative;
	background: #e8e8e8
}

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

@media only screen and (-webkit-min-device-pixel-ratio:2) {
	.modal-inner:after {
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5)
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
	.modal-inner:after {
		-webkit-transform: scaleY(.33);
		transform: scaleY(.33)
	}
}

.modal-title {
	font-weight: 500;
	font-size: 1.2rem;
	text-align: center
}

.modal-title+.modal-text {
	margin-top: .25rem
}

.modal-buttons {
	height: 2.2rem;
	overflow: hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

.modal-buttons.modal-buttons-vertical {
	display: block;
	height: auto
}

.modal-button {
	width: 100%;
	padding: 0 .25rem;
	height: 2.2rem;
	/*font-size: .85rem;*/
	font-size: 1.2rem !important;
	line-height: 2.2rem;
	text-align: center;
	color: #0894ec;
	background: #e8e8e8;
	display: block;
	position: relative;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	cursor: pointer;
	box-sizing: border-box;
	-webkit-box-flex: 1;
	-ms-flex: 1
}

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

@media only screen and (-webkit-min-device-pixel-ratio:2) {
	.modal-button:after {
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5)
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
	.modal-button:after {
		-webkit-transform: scaleY(.33);
		transform: scaleY(.33)
	}
}

.modal-button:first-child {
	border-radius: 0 0 0 .35rem
}

.modal-button:last-child {
	border-radius: 0 0 .35rem 0
}

.modal-button:last-child:after {
	display: none
}

.modal-button:first-child:last-child {
	border-radius: 0 0 .35rem .35rem
}

.modal-button.modal-button-bold {
	font-weight: 500
}

.modal-button.active-state,
html:not(.watch-active-state) .modal-button:active {
	background: #d4d4d4
}

.modal-buttons-vertical .modal-button {
	border-radius: 0
}

.modal-buttons-vertical .modal-button:after {
	display: none
}

.modal-buttons-vertical .modal-button:before {
	display: none
}

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

@media only screen and (-webkit-min-device-pixel-ratio:2) {
	.modal-buttons-vertical .modal-button:after {
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5)
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
	.modal-buttons-vertical .modal-button:after {
		-webkit-transform: scaleY(.33);
		transform: scaleY(.33)
	}
}

.modal-buttons-vertical .modal-button:last-child {
	border-radius: 0 0 .35rem .35rem
}

.modal-buttons-vertical .modal-button:last-child:after {
	display: none
}

.modal-no-buttons .modal-inner {
	border-radius: .35rem
}

.modal-no-buttons .modal-inner:after {
	display: none
}

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

.actions-modal {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 11000;
	width: 100%;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

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

.actions-modal.modal-out {
	z-index: 10999;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

.actions-modal-group {
	margin: .4rem
}

.actions-modal-button,
.actions-modal-label {
	width: 100%;
	text-align: center;
	font-weight: 400;
	margin: 0;
	background: rgba(243, 243, 243, .95);
	box-sizing: border-box;
	display: block;
	position: relative
}

.actions-modal-button:after,
.actions-modal-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%
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
	.actions-modal-button:after,
	.actions-modal-label:after {
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5)
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
	.actions-modal-button:after,
	.actions-modal-label:after {
		-webkit-transform: scaleY(.33);
		transform: scaleY(.33)
	}
}

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

.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-danger,
.actions-modal-label.actions-modal-button-danger {
	color: #f6383a
}

.actions-modal-button.color-danger,
.actions-modal-label.color-danger {
	color: #f6383a
}

.actions-modal-button.bg-danger,
.actions-modal-label.bg-danger {
	background: #f6383a;
	color: #fff
}

.actions-modal-button.bg-danger:active,
.actions-modal-label.bg-danger:active {
	background: #f00b0d
}

.actions-modal-button:first-child,
.actions-modal-label:first-child {
	border-radius: .2rem .2rem 0 0
}

.actions-modal-button:last-child,
.actions-modal-label:last-child {
	border-radius: 0 0 .2rem .2rem
}

.actions-modal-button:last-child:after,
.actions-modal-label:last-child:after {
	display: none
}

.actions-modal-button:first-child:last-child,
.actions-modal-label:first-child:last-child {
	border-radius: .2rem
}

.actions-modal-button.disabled,
.actions-modal-label.disabled {
	opacity: .95;
	color: #8e8e93
}

.actions-modal-button {
	cursor: pointer;
	line-height: 2.15rem;
	font-size: 1rem;
	color: #0894ec
}

.actions-modal-button.active-state,
.actions-modal-button:active {
	background: #dcdcdc
}

.actions-modal-label {
	font-size: .7rem;
	line-height: 1.3;
	min-height: 2.2rem;
	padding: .4rem .5rem;
	color: #5f646e;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center
}

input.modal-text-input {
	box-sizing: border-box;
	height: 1.5rem;
	background: #fff;
	margin: 0;
	margin-top: .75rem;
	padding: 0 .25rem;
	border: 1px solid #a0a0a0;
	border-radius: .25rem;
	width: 100%;
	font-size: .7rem;
	font-family: inherit;
	display: block;
	box-shadow: 0 0 0 transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

input.modal-text-input+input.modal-text-input {
	margin-top: .25rem
}

input.modal-text-input.modal-text-input-double {
	border-radius: .25rem .25rem 0 0
}

input.modal-text-input.modal-text-input-double+input.modal-text-input {
	margin-top: 0;
	border-top: 0;
	border-radius: 0 0 .25rem .25rem
}

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

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

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

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

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

html.with-statusbar-overlay .popup {
	height: -webkit-calc(100% - 1rem);
	height: calc(100% - 1rem);
	top: 1rem
}

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

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

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

.modal .preloader {
	width: 1.7rem;
	height: 1.7rem
}

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

.preloader-indicator-modal {
	position: absolute;
	left: 50%;
	top: 50%;
	padding: .4rem;
	margin-left: -1.25rem;
	margin-top: -1.25rem;
	background: rgba(0, 0, 0, .8);
	z-index: 11000;
	border-radius: .25rem
}

.preloader-indicator-modal .preloader {
	display: block;
	width: 1.7rem;
	height: 1.7rem
}

.picker-modal {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 13rem;
	z-index: 11500;
	display: none;
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
	background: #cfd5da;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

.picker-modal.modal-in,
.picker-modal.modal-out {
	-webkit-transition-duration: .4s;
	transition-duration: .4s
}

.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%
}

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

@media only screen and (-webkit-min-device-pixel-ratio:2) {
	.picker-modal .toolbar:before {
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5)
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
	.picker-modal .toolbar:before {
		-webkit-transform: scaleY(.33);
		transform: scaleY(.33)
	}
}

.picker-modal .toolbar+.picker-modal-inner {
	height: -webkit-calc(100% - 2.2rem);
	height: calc(100% - 2.2rem)
}

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

.picker-modal.picker-modal-inline .toolbar:before {
	display: none
}

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

@media only screen and (-webkit-min-device-pixel-ratio:2) {
	.picker-modal.picker-modal-inline .toolbar:after {
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5)
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
	.picker-modal.picker-modal-inline .toolbar:after {
		-webkit-transform: scaleY(.33);
		transform: scaleY(.33)
	}
}