@font-face {
	font-family: 'EmojiSymbols';
	src: url(/css/fonts/EmojiSymbols-Regular.woff) format('woff');
}

@namespace beta url(https://beta.cloud.creativemusic.ru);

* {
	margin: 0;
	padding: 0;
	border: none;
	text-decoration: none;
	outline: none;
}
@media (prefers-color-scheme: dark) {
	html {
		background-color: rgb(33, 33, 33);
	}
}
body {
	margin: 0;
	background-color: #fff;
	background-attachment: fixed, fixed;
	background-size: 100% auto;
	background-position: 50% 50%;
	background-repeat: no-repeat;

	font-family: -apple-system, 'HelveticaNeue-Light', Helvetica, Verdana;
	font-size: 0.8em;
	-webkit-font-smoothing: antialiased !important;
	-webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */
	-webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */
	/*     -webkit-backface-visibility: hidden;                */
	-webkit-user-select: none;
	-webkit-text-stroke: 0px;
}
body.wait {
	cursor: wait;
}
@media (prefers-color-scheme: dark) {
	body {
		filter: brightness(0.87) hue-rotate(173deg) invert() saturate(2) contrast(1);
	}
}
.input__marker:before {
	content: attr(data-icon);
	padding-right: 7px;
	font: 13px 'EmojiSymbols', 'HelveticaNeue-UltraLight', Arial, sans-serif;
	transition: all 0.4s ease-in-out;
	position: absolute;
	left: -30px;
}
.block-element {
	display: block;
}
.text-center {
	text-align: center;
}
.text-red {
	color: rgb(202, 0, 0) !important;
}
.text-gray {
	color: #807c7c !important;
}
.text-green {
	color: #289e3c !important;
}
.text-lightgray {
	color: rgb(196, 196, 196);
}
.text-blue {
	color: rgb(29, 161, 224);
}
.dropEffect {
	box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.1) !important;
	border-style: dashed !important;
}
.lowercase {
	text-transform: lowercase;
}
.capitalize {
	text-transform: capitalize;
}
.empty-comment:empty::before {
	content: attr(data-empty);
	color: #ccc;
	text-align: center;
	display: block;
}
.user-select {
	-webkit-user-select: text; /* Chrome, Opera, Safari */
	-moz-user-select: text; /* Firefox 2+ */
	-ms-user-select: text; /* IE 10+ */
	user-select: text;
}
.user-select::selection {
	background: rgb(102, 102, 102);
	color: #fff;
	text-shadow: none;
}
.beta-label {
	background: rgba(255, 221, 38, 1);
	width: 40px;
	height: 15px;
	line-height: 15px;
	font-size: 10px;
	position: absolute;
	left: -8px;
	top: 7px;
	text-align: center;
	-webkit-transform: rotate(-55deg);
	z-index: 11;
}
.beta-label::before {
	content: '';
	position: absolute;
	background: rgba(255, 221, 38, 1);
	width: 15px;
	height: 15px;
	right: -14px;
}
.beta-label::after {
	content: '';
	position: absolute;
	background: rgba(255, 221, 38, 1);
	width: 15px;
	height: 15px;
	left: -14px;
}
.beta-label.sandbox,
.beta-label.sandbox::before,
.beta-label.sandbox::after {
	background: rgba(183, 190, 184, 1);
}
.beta-label.sandbox {
	font-size: 8px;
}
a[href^='tel'] {
	white-space: nowrap;
}
img.wn {
	width: 100px;
	height: 100px;
	display: block;
	margin: 50px auto;
}
.back input[name='place-search']::-webkit-textfield-decoration-container {
	margin-left: 90px;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.back input[name='place-search']:focus::-webkit-textfield-decoration-container {
	margin-left: 0px;
}
.margin-left-5 {
	margin-left: 5px;
}
.margin-left-10 {
	margin-left: 10px;
}
.margin-left-20 {
	margin-left: 20px;
}
.margin-right-0 {
	margin-right: 0px !important;
}
.margin-right-15 {
	margin-right: 15px;
}
.margin-right-20 {
	margin-right: 20px !important;
}
.margin-right-40 {
	margin-right: 40px;
}
.margin-top--20 {
	margin-top: -20px;
}
.margin-top-5 {
	margin-top: 5px;
}
.margin-top-10 {
	margin-top: 10px;
}
.margin-top-20 {
	margin-top: 20px;
}
.margin-top-40 {
	margin-top: 40px;
}
.margin-bottom-5 {
	margin-bottom: 5px;
}
.margin-bottom-20 {
	margin-bottom: 20px;
}
@media screen and (max-width: 570px) {
	.margin-top-40 {
		margin-top: 20px;
	}
}
.halfopacity {
	opacity: 0.6;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	cursor: default;
}
.h2-small {
	text-align: center;
	display: block;
	margin-top: -10px;
	color: #8a8585;
}
@media screen and (max-width: 768px) {
	.h2-small {
		margin-top: 10px;
	}
}
/*
@media (-webkit-min-device-pixel-ratio: 2) {
	body {
		background-image: url(../crl/wp@2x.jpg);
		background-size: cover;
	}
}
*/
#application {
	position: relative;
	display: block;
	height: 100%;
	width: 100%;
	background-color: #fff;
	top: 0;
}
#main-app {
	width: inherit;
	height: 100%;
	position: relative;
	display: block;
}
.app-wrapper {
	position: relative;
	display: block;
	height: 100%;
	background: inherit;
	display: none;
}

.app_section_inner {
	padding-top: 51px;
	padding-bottom: 10px;
	box-sizing: border-box;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
#progress-indicator {
	width: 100%;
	position: relative;
	margin: 0px -40px -2px;
	z-index: 12;
	overflow: hidden;
}
@media screen and (max-width: 570px) {
	#progress-indicator {
		position: absolute;
		margin: 0 -20px 0px;
		top: 49px;
	}
}
#progress-bar {
	width: calc(100% + 60px);
	height: 1.5px;
	background: transparent;
	border-radius: 0px;
	padding: 0px;
}
.progress-color {
	width: 0%;
	max-width: 100%;
	height: 70%;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	border-radius: inherit;
	background-color: #3cb1e7;
}
header.darkblue .progress-color {
	background-color: #dde4ec;
}
#progress-content {
	position: relative;
	top: 0px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	width: 100%;
}

#application.slide-left-open,
#application.slide-left-open-fixed {
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.18);
	/* 	height:auto; */
}
#application.slide-left-open .action__button {
	display: none !important;
}
.slide-left-open {
	animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
	animation-duration: 400ms;
	animation-name: slide_left_open;
	animation-fill-mode: both;
	animation-delay: 70ms;

	-webkit-animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
	-webkit-animation-duration: 400ms;
	-webkit-animation-name: slide_left_open;
	-webkit-animation-fill-mode: both;
	-webkit-animation-delay: 70ms;
}
.slide-left-open-fixed {
	animation-duration: 0.1ms;
	animation-delay: 0ms;
	animation-name: slide_left_open_fixed;
	animation-fill-mode: both;
	animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);

	-webkit-animation-duration: 0.1ms;
	-webkit-animation-delay: 0ms;
	-webkit-animation-name: slide_left_open_fixed;
	-webkit-animation-fill-mode: both;
	-webkit-animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
}
.slide-left-open-more {
	animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
	animation-duration: 400ms;
	animation-name: slide_left_open_more;
	animation-fill-mode: both;
	animation-delay: 20ms;

	-webkit-animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
	-webkit-animation-duration: 400ms;
	-webkit-animation-name: slide_left_open_more;
	-webkit-animation-fill-mode: both;
	-webkit-animation-delay: 20ms;
}
.slide-left-close {
	animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
	animation-duration: 400ms;
	animation-name: slide_left_close;
	animation-fill-mode: both;
	animation-delay: 0ms;

	-webkit-animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
	-webkit-animation-duration: 400ms;
	-webkit-animation-name: slide_left_close;
	-webkit-animation-fill-mode: both;
	-webkit-animation-delay: 0ms;
}
.slide-left-close-more {
	animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
	animation-duration: 400ms;
	animation-name: slide_left_close_more;
	animation-fill-mode: both;
	animation-delay: 0ms;

	-webkit-animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
	-webkit-animation-duration: 400ms;
	-webkit-animation-name: slide_left_close_more;
	-webkit-animation-fill-mode: both;
	-webkit-animation-delay: 0ms;
}
.slide-left-close-full {
	animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
	animation-duration: 500ms;
	animation-name: slide_left_close_full;
	animation-fill-mode: both;

	-webkit-animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
	-webkit-animation-duration: 500ms;
	-webkit-animation-name: slide_left_close_full;
	-webkit-animation-fill-mode: both;
}
.slide-left-bar-open {
	animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
	animation-duration: 450ms;
	animation-name: slide_left_bar_open;
	animation-fill-mode: both;
	animation-delay: 50ms;

	-webkit-animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
	-webkit-animation-duration: 450ms;
	-webkit-animation-name: slide_left_bar_open;
	-webkit-animation-fill-mode: both;
	-webkit-animation-delay: 50ms;
}
.slide-left-bar-open-more {
	animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
	animation-duration: 450ms;
	animation-name: slide_left_bar_open_more;
	animation-fill-mode: both;
	animation-delay: 0ms;

	-webkit-animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
	-webkit-animation-duration: 450ms;
	-webkit-animation-name: slide_left_bar_open_more;
	-webkit-animation-fill-mode: both;
	-webkit-animation-delay: 0ms;
}
.slide-left-bar-close {
	animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
	animation-duration: 300ms;
	animation-name: slide_left_bar_close;
	animation-fill-mode: both;
	animation-delay: 0ms;

	-webkit-animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
	-webkit-animation-duration: 300ms;
	-webkit-animation-name: slide_left_bar_close;
	-webkit-animation-fill-mode: both;
	-webkit-animation-delay: 0ms;
}
.slide-left-bar-close-fast {
	animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
	animation-duration: 200ms;
	animation-name: slide_left_bar_close_fast;
	animation-fill-mode: both;
	animation-delay: 10ms;

	-webkit-animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
	-webkit-animation-duration: 200ms;
	-webkit-animation-name: slide_left_bar_close_fast;
	-webkit-animation-fill-mode: both;
	-webkit-animation-delay: 10ms;
}
.slide-down-open-dashboard {
	animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
	animation-duration: 300ms;
	animation-name: slide_down_open_dashboard;
	animation-fill-mode: both;

	-webkit-animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
	-webkit-animation-duration: 300ms;
	-webkit-animation-name: slide_down_open_dashboard;
	-webkit-animation-fill-mode: both;
}
.slide-down-close-dashboard {
	animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
	animation-duration: 300ms;
	animation-name: slide_down_close_dashboard;
	animation-fill-mode: both;

	-webkit-animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
	-webkit-animation-duration: 300ms;
	-webkit-animation-name: slide_down_close_dashboard;
	-webkit-animation-fill-mode: both;
}
.slide-down-open {
	position: absolute !important;

	animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
	animation-duration: 300ms;
	animation-name: slide_down_open;
	animation-fill-mode: both;

	-webkit-animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
	-webkit-animation-duration: 300ms;
	-webkit-animation-name: slide_down_open;
	-webkit-animation-fill-mode: both;
}
.slide-down-close {
	animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
	animation-duration: 300ms;
	animation-name: slide_down_close;
	animation-fill-mode: both;

	-webkit-animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
	-webkit-animation-duration: 300ms;
	-webkit-animation-name: slide_down_close;
	-webkit-animation-fill-mode: both;
}
.animation-none {
	animation-duration: 0ms;
	animation-delay: 0ms;
	-webkit-animation-duration: 0ms;
	-webkit-animation-delay: 0ms;
	animation-fill-mode: none;
	-webkit-animation-fill-mode: none;
}
.animation-delay {
	animation-delay: 20ms;
	-webkit-animation-delay: 20ms;
}
.animation-delay-more {
	animation-delay: 40ms;
	-webkit-animation-delay: 40ms;
}

@-webkit-keyframes slide_down_open_dashboard {
	0% {
		-webkit-transform: translateY(-100%);
	}
	100% {
		-webkit-transform: translateY(0);
	}
}
@-webkit-keyframes slide_down_close_dashboard {
	0% {
		-webkit-transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(-100%);
	}
}
@-webkit-keyframes slide_down_open {
	0% {
		-webkit-transform: translateY(0px);
	}
	100% {
		-webkit-transform: translateY(100%);
	}
}
@-webkit-keyframes slide_down_close {
	0% {
		-webkit-transform: translateY(100%);
	}
	100% {
		-webkit-transform: translateY(0);
	}
}
@-webkit-keyframes slide_left_open {
	0% {
		-webkit-transform: translateX(0px);
		-webkit-filter: grayscale(0%) /* blur(0) */;
	}
	100% {
		-webkit-transform: translateX(282px);
		-webkit-filter: grayscale(40%) /* blur(1px) */;
	}
}
@-webkit-keyframes slide_left_open_fixed {
	0% {
		-webkit-transform: translateX(282px);
		-webkit-filter: grayscale(40%) /* blur(0) */;
	}
	100% {
		-webkit-transform: translateX(282px);
		-webkit-filter: grayscale(40%) /* blur(1px) */;
	}
}

@-webkit-keyframes slide_left_open_more {
	0% {
		-webkit-transform: translateX(282px);
		-webkit-filter: grayscale(40%) /* blur(1px) */;
	}
	100% {
		-webkit-transform: translateX(582px);
		-webkit-filter: grayscale(50%) /* blur(1px) */;
	}
}
@-webkit-keyframes slide_left_close {
	0% {
		-webkit-transform: translateX(282px);
		-webkit-filter: grayscale(50%) /* blur(1px) */;
	}
	100% {
		-webkit-transform: translateX(0);
		-webkit-filter: grayscale(0%) /*  blur(0) */;
	}
}
@-webkit-keyframes slide_left_close_more {
	0% {
		-webkit-transform: translateX(582px);
		-webkit-filter: grayscale(50%) /* blur(1px) */;
	}
	100% {
		-webkit-transform: translateX(282px);
		-webkit-filter: grayscale(40%) /*  blur(0) */;
	}
}
@-webkit-keyframes slide_left_close_full {
	0% {
		-webkit-transform: translateX(582px);
		-webkit-filter: grayscale(50%) /*  blur(0) */;
	}
	100% {
		-webkit-transform: translateX(0);
		-webkit-filter: grayscale(0%) /*  blur(0) */;
	}
}
@keyframes slide_left_open {
	0% {
		-webkit-transform: translateX(0px);
		-webkit-filter: grayscale(0%) /* blur(0) */;
	}
	100% {
		-webkit-transform: translateX(282px);
		-webkit-filter: grayscale(50%) /* blur(1px) */;
	}
}
@keyframes slide_left_open_more {
	0% {
		transform: translateX(282px);
		-webkit-filter: grayscale(40%) /* blur(1px) */;
	}
	100% {
		transform: translateX(582px);
		-webkit-filter: grayscale(50%) /* blur(1px) */;
	}
}
@keyframes slide_left_close_full {
	0% {
		transform: translateX(582px);
	}
	100% {
		transform: translateX(0);
	}
}
@keyframes slide_left_close {
	0% {
		-webkit-transform: translateX(282px);
		-webkit-filter: grayscale(50%); /* blur(1px) */
	}
	100% {
		-webkit-transform: translateX(0);
		-webkit-filter: grayscale(0%); /* blur(0 */
	}
}
@keyframes slide_left_close_more {
	0% {
		transform: translateX(582px);
		-webkit-filter: grayscale(50%) /*  blur(0) */;
	}
	100% {
		transform: translateX(282px);
		-webkit-filter: grayscale(40%) /*  blur(0) */;
	}
}
@-webkit-keyframes slide_left_bar_open {
	0% {
		-webkit-transform: translateX(-200px);
	}
	100% {
		-webkit-transform: translateX(0px);
	}
}
@-webkit-keyframes slide_left_bar_open_more {
	0% {
		-webkit-transform: translateX(-100px);
	}
	100% {
		-webkit-transform: translateX(0px);
	}
}
@-webkit-keyframes slide_left_bar_close {
	0% {
		-webkit-transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(-150px);
	}
}
@-webkit-keyframes slide_left_bar_close_fast {
	0% {
		-webkit-transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(-300px);
	}
}
@keyframes slide_left_bar_open {
	0% {
		-webkit-transform: translateX(-150px);
	}
	100% {
		-webkit-transform: translateX(0px);
	}
}
@keyframes slide_left_bar_open_more {
	0% {
		transform: translateX(-100px);
	}
	100% {
		transform: translateX(0px);
	}
}
@keyframes slide_left_bar_close {
	0% {
		-webkit-transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(-150px);
	}
}
@keyframes slide_left_bar_close_fast {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-300px);
	}
}
@keyframes slide_left_dashselctor_open {
	0% {
		-webkit-transform: translateX(-100%);
	}
	100% {
		-webkit-transform: translateX(0px);
	}
}
.blur {
	-webkit-filter: blur(4px);
	-moz-filter: blur(4px);
	filter: blur(4px);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: 0.5s ease-out;
	-o-transition: 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.lightblur {
	-webkit-filter: blur(1px);
	-moz-filter: blur(1px);
	filter: blur(1px);
}

.hidden {
	display: none !important;
	opacity: 0;
}
.block {
	display: block;
}
[disabled] {
	cursor: not-allowed !important;
}

/* Globals
___________________________________________________________________________________*/

/* Main Navigation menu
___________________________________________________________________________________*/
div:not(.header-selector) > ul[data-role='dashboard-navigation'] {
	margin: 0;
	padding-top: 14px;
}
ul[data-role='dashboard-navigation'] li {
	margin-left: -3px;
}
@media screen and (max-width: 630px) {
	ul[data-role='dashboard-navigation'] li {
		margin-left: 6px;
	}
}
@media screen and (max-width: 570px) {
	ul[data-role='dashboard-navigation'] {
		width: 600px;
		width: -webkit-max-content;
	}
	ul[data-role='dashboard-navigation'] li {
		margin-left: 5px;
		margin-right: 5px;
	}
	div[data-role='user-profile-button'] {
		display: none !important;
	}
	header .page-selector::-webkit-scrollbar {
		-webkit-appearance: none;
		display: none;
		height: 1px;
	}
	header .page-selector::-webkit-scrollbar-thumb {
		background-color: transparent;
	}
}

ul[data-role='main-navigation'] {
	font-weight: 300;
	color: #d74d7e;
	position: relative;
	display: inline-block;
	font-size: 13px;
	list-style-type: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	padding: 16px 0 0 5px;
	line-height: 24px;
}
ul[data-role='main-navigation'] li {
	display: inline-block;
	padding: 5px 2px;
	margin-top: -6px;
	border-radius: 6px;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: 0.15s ease-out;
	-o-transition: 0.15s ease-out;
	transition: all 0.15s ease-in-out;
}
ul[data-role='main-navigation'] li > a {
	cursor: default;
	-webkit-transition: text 0.15s ease-in-out;
	-moz-transition: text 0.15s ease-out;
	-o-transition: text 0.15s ease-out;
	transition: text 0.15s ease-in-out;
}
ul[data-role='main-navigation'] li:hover {
	background-color: rgba(0, 0, 0, 0.04);
}
/*
ul[data-role="main-navigation"] li:hover > a {
	color: #8c8c8c;
}	
*/
ul[data-role='main-navigation'] li:active {
	background-color: rgba(0, 0, 0, 0.07);
}
ul[data-role='main-navigation'] li:active a.icon.menu {
	background-position: 0 -24px !important;
	color: #575757;
}
ul[data-role='main-navigation'] li div {
	width: auto;
	height: 17px;
	padding: 4px 5px 6px;
	margin-bottom: 5px;
	margin-left: -16px;
	margin-top: -5px;
	background: red;
	border-radius: 50px;
	box-sizing: border-box;
	position: absolute;
	display: inline-block;

	-webkit-animation-name: pop;
	-webkit-animation-duration: 500ms;
	-webkit-transition-timing-function: ease-out;

	-webkit-animation-fill-mode: both;
}
ul[data-role='main-navigation'] li div span {
	color: #fff;
	font-weight: 600;
	font-size: 10px;
	margin-top: -8px;
	display: block;
}
@-webkit-keyframes pop {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.2);
	}
	50% {
		opacity: 1;
		-webkit-transform: scale(1.2);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}
ul[data-role='main-navigation'] a {
	color: #484848;
	padding: 0 13px 10px;
	font-size: 14px;
	font-family: /* "HelveticaNeue-Light", */ 'HelveticaNeue', Helvetica, Verdana, Arial, sans-serif;
}
@media (-webkit-min-device-pixel-ratio: 2) {
	ul[data-role='main-navigation'] a {
		font-family: -apple-system, 'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Verdana, Arial,
			sans-serif;
	}
}
@media (min-width: 1285px) {
	ul[data-role='main-navigation'] {
		font-size: 12px;
	}
	ul[data-role='main-navigation'] a {
		font-size: 16px;
	}
}
@media screen and (max-width: 1040px) {
	ul[data-role='main-navigation'] li {
		width: 44px;
	}
	ul[data-role='main-navigation'] a {
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		text-indent: -9999px !important;
	}
}
/*
ul[data-role="main-navigation"] a:hover,
ul[data-role="main-navigation"] a.active {
	color: #8c8c8c;
}
*/

#current_place_name {
	box-sizing: border-box;
	margin-top: 7px;
	margin-left: 0px;
	padding: 4px 20px 0 15px;
	text-align: left;
	border: 1px solid /* rgba(0,0,0,0.05) */ transparent;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 300;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left;
	width: 200px;
	height: 27px;
	color: #484848;
	cursor: pointer;
	/*
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: .4s ease-out;
	-o-transition: .4s ease-out;
	transition: all .4s ease-in-out;
*/
}
#current_place_name:hover {
	/* 	border:1px solid rgba(0,0,0,0.1); */
	color: #8c8c8c;
}
#current_place_name.active::after {
	content: '\00276E';
}
#current_place_name::after {
	content: '\00276F';
	position: absolute;
	right: 10px;
	/* 	color:  rgba(0,0,0,0.4);	 */
	color: #484848;
}
#current_place_name:hover::after {
	color: #8c8c8c;
}

/* Animations
___________________________________________________________________________________*/

.animated:not(.floatThead-table) {
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	transition: all 200ms ease;
}

.fadeIn {
	animation: fadeIn 1400ms cubic-bezier(0.1, 0.7, 0.1, 1);
}

.fadeInUp/* :not(.floatThead-table)  */ {
	/*
	-webkit-animation: fadeInUp 1s ease-out;
	-moz-animation: fadeInUp 1s ease-out;
	-o-animation: fadeInUp 1s ease-out;
	-ms-animation: fadeInUp 1s ease-out;
	animation: fadeInUp 1s ease-out;
	
*/
	-webkit-animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
	-webkit-animation-duration: 800ms;
	/*
	-moz-animation-timing-function: cubic-bezier(.10, .70, .10, 1);
	-moz-animation-duration: 800ms;
*/
	animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
	animation-duration: 800ms;

	-webkit-animation-name: fadeInUp;
	/* 	-moz-animation-name: fadeInUp; */
	animation-name: fadeInUp;
}
.fadeInUpFast {
	/*
	-webkit-animation: fadeInUp 300ms ease;
	-moz-animation: fadeInUp 300ms ease;
	-o-animation: fadeInUp 300ms ease;
	-ms-animation: fadeInUp 300ms ease;
	animation: fadeInUp 300ms ease;
*/
	-webkit-animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
	-webkit-animation-duration: 400ms;
	/*
	-moz-animation-timing-function: cubic-bezier(.10, .70, .10, 1);
	-moz-animation-duration: 800ms;
*/
	animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
	animation-duration: 400ms;

	-webkit-animation-name: fadeInUp;
	/* 	-moz-animation-name: fadeInUp; */
	animation-name: fadeInUp;
}
.fadeInDown {
	-webkit-animation: fadeInDown 400ms cubic-bezier(0.1, 0.7, 0.1, 1);
	-moz-animation: fadeInDown 400ms cubic-bezier(0.1, 0.7, 0.1, 1);
	-o-animation: fadeInDown 400ms cubic-bezier(0.1, 0.7, 0.1, 1);
	-ms-animation: fadeInDown 400ms cubic-bezier(0.1, 0.7, 0.1, 1);
	animation: fadeInDown 400ms cubic-bezier(0.1, 0.7, 0.1, 1);
}
.fadeInDownBox {
	-webkit-animation: fadeInDownBox 350ms cubic-bezier(0.1, 0.7, 0.1, 1);
	-moz-animation: fadeInDownBox 350ms cubic-bezier(0.1, 0.7, 0.1, 1);
	-o-animation: fadeInDownBox 350ms cubic-bezier(0.1, 0.7, 0.1, 1);
	-ms-animation: fadeInDownBox 350ms cubic-bezier(0.1, 0.7, 0.1, 1);
	animation: fadeInDownBox 350ms cubic-bezier(0.1, 0.7, 0.1, 1);
}
.fadeOutDown {
	-webkit-animation: fadeOutDown 350ms cubic-bezier(0.1, 0.7, 0.1, 1) !important;
	-moz-animation: fadeOutDown 350ms cubic-bezier(0.1, 0.7, 0.1, 1) !important;
	-o-animation: fadeOutDown 350ms cubic-bezier(0.1, 0.7, 0.1, 1) !important;
	-ms-animation: fadeOutDown 350ms cubic-bezier(0.1, 0.7, 0.1, 1) !important;
	animation: fadeOutDown 350ms cubic-bezier(0.1, 0.7, 0.1, 1) !important;
}
.fadeOutUp {
	-webkit-animation: fadeOutUp 800ms cubic-bezier(0.1, 0.7, 0.1, 1) !important;
	-moz-animation: fadeOutUp 800ms cubic-bezier(0.1, 0.7, 0.1, 1) !important;
	-o-animation: fadeOutUp 800ms cubic-bezier(0.1, 0.7, 0.1, 1) !important;
	-ms-animation: fadeOutUp 800ms cubic-bezier(0.1, 0.7, 0.1, 1) !important;
	animation: fadeOutUp 800ms cubic-bezier(0.1, 0.7, 0.1, 1) !important;

	-webkit-animation-fill-mode: forwards !important;
	animation-fill-mode: forwards !important;
}
.fadeOut {
	-webkit-animation: fadeOut 800ms cubic-bezier(0.1, 0.7, 0.1, 1) !important;
	-moz-animation: fadeOut 800ms cubic-bezier(0.1, 0.7, 0.1, 1) !important;
	-o-animation: fadeOut 800ms cubic-bezier(0.1, 0.7, 0.1, 1) !important;
	-ms-animation: fadeOut 800ms cubic-bezier(0.1, 0.7, 0.1, 1) !important;
	animation: fadeOut 800ms cubic-bezier(0.1, 0.7, 0.1, 1) !important;
}
.scaleYUp {
	-webkit-animation: scaleUp 350ms cubic-bezier(0.1, 0.7, 0.1, 1);
	-moz-animation: scaleYUp 350ms cubic-bezier(0.1, 0.7, 0.1, 1);
	-o-animation: scaleYUp 350ms cubic-bezier(0.1, 0.7, 0.1, 1);
	-ms-animation: scaleYUp 350ms cubic-bezier(0.1, 0.7, 0.1, 1);
	animation: scaleYUp 350ms cubic-bezier(0.1, 0.7, 0.1, 1);
}
.scaleYDown {
	-webkit-animation: scaleDown 500ms cubic-bezier(0.1, 0.7, 0.1, 1);
	-moz-animation: scaleYDown 500ms cubic-bezier(0.1, 0.7, 0.1, 1);
	-o-animation: scaleYDown 500ms cubic-bezier(0.1, 0.7, 0.1, 1);
	-ms-animation: scaleYDown 500ms cubic-bezier(0.1, 0.7, 0.1, 1);
	animation: scaleYDown 500ms cubic-bezier(0.1, 0.7, 0.1, 1);
}
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	}
	100% {
		opacity: 1;
		-ms-filter: none;
	}
}
@keyframes fadeIn {
	0% {
		opacity: 0;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	}
	100% {
		opacity: 1;
		-ms-filter: none;
	}
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		filter: alpha(opacity=0);
		-webkit-transform: translateY(30px);
	}
	100% {
		opacity: 1;
		-ms-filter: none;
		filter: none;
		-webkit-transform: translateY(0);
	}
}
@keyframes fadeInUp {
	0% {
		opacity: 0;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		filter: alpha(opacity=0);
		transform: translateY(30px);
	}
	100% {
		opacity: 1;
		-ms-filter: none;
		filter: none;
		transform: translateY(0);
	}
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		filter: alpha(opacity=0);
		-webkit-transform: translateY(-50px);
	}
	100% {
		opacity: 1;
		-ms-filter: none;
		filter: none;
		-webkit-transform: translateY(0);
	}
}
@keyframes fadeInDown {
	0% {
		opacity: 0;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		filter: alpha(opacity=0);
		transform: translateY(-50px);
	}
	100% {
		opacity: 1;
		-ms-filter: none;
		filter: none;
		transform: translateY(0);
	}
}
@-webkit-keyframes fadeInDownBox {
	0% {
		opacity: 1;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1);
		filter: alpha(opacity=1);
		-webkit-transform: translateY(-250px);
	}
	100% {
		opacity: 1;
		-ms-filter: none;
		filter: none;
		-webkit-transform: translateY(0);
	}
}
@keyframes fadeInDownBox {
	0% {
		opacity: 1;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1);
		filter: alpha(opacity=1);
		transform: translateY(-250px);
	}
	100% {
		opacity: 1;
		-ms-filter: none;
		filter: none;
		transform: translateY(0);
	}
}
@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-ms-filter: none;
		filter: none;
		-webkit-transform: translateY(0px);
	}
	100% {
		opacity: 0;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		filter: alpha(opacity=0);
		-webkit-transform: translateY(50px);
	}
}
@keyframes fadeOutDown {
	0% {
		opacity: 1;
		-ms-filter: none;
		filter: none;
		transform: translateY(0px);
	}
	100% {
		opacity: 0;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		filter: alpha(opacity=0);
		transform: translateY(50px);
	}
}
@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-ms-filter: none;
		filter: none;
		-webkit-transform: translateY(0px);
	}
	100% {
		opacity: 0;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		filter: alpha(opacity=0);
		-webkit-transform: translateY(-50px);
	}
}
@keyframes fadeOutUp {
	0% {
		opacity: 1;
		-ms-filter: none;
		filter: none;
		transform: translateY(0px);
	}
	100% {
		opacity: 0;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		filter: alpha(opacity=0);
		transform: translateY(-50px);
	}
}
@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
		-ms-filter: none;
		filter: none;
	}
	100% {
		opacity: 0;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		filter: alpha(opacity=0);
	}
}
@keyframes fadeOut {
	0% {
		opacity: 1;
		-ms-filter: none;
		filter: none;
	}
	100% {
		opacity: 0;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		filter: alpha(opacity=0);
	}
}

@-webkit-keyframes scaleYUp {
	0% {
		opacity: 0;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		filter: alpha(opacity=0);
		-webkit-transform: scaleY(0) rotateX(45deg);
	}
	100% {
		opacity: 1;
		-ms-filter: none;
		filter: none;
		-webkit-transform: scaleY(100%) rotateX(90deg);
	}
}
@keyframes scaleYUp {
	0% {
		opacity: 0;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		filter: alpha(opacity=0);
		transform: scaleY(0%) rotateX(45deg);
	}
	100% {
		opacity: 1;
		-ms-filter: none;
		filter: none;
		transform: scaleY(100%) rotateX(90deg);
	}
}

@-webkit-keyframes scaleYDown {
	0% {
		opacity: 1;
		-webkit-transform: scaleY(100%) rotateX(90deg);
	}
	100% {
		opacity: 0;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		filter: alpha(opacity=0);
		-webkit-transform: scaleY(0) rotateX(45deg);
	}
}
@keyframes scaleYDown {
	0% {
		opacity: 1;
		transform: scaleY(100%) rotateX(90deg);
	}
	100% {
		opacity: 0;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		filter: alpha(opacity=0);
		transform: scaleX(0%) rotateX(45deg);
	}
}

@-webkit-keyframes scaleUp {
	0% {
		opacity: 0;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		filter: alpha(opacity=0);
		-webkit-transform: scale(0.6) translateY(-50px);
	}
	100% {
		opacity: 1;
		-ms-filter: none;
		filter: none;
		-webkit-transform: scale(1) translateY(0);
	}
}
@keyframes scaleYUp {
	0% {
		opacity: 0;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		filter: alpha(opacity=0);
		transform: scaleY(0%) rotateX(45deg);
	}
	100% {
		opacity: 1;
		-ms-filter: none;
		filter: none;
		transform: scaleY(100%) rotateX(90deg);
	}
}

@-webkit-keyframes scaleDown {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(0px);
	}
	100% {
		opacity: 0;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		filter: alpha(opacity=0);
		-webkit-transform: scale(0.6) translateY(-50px);
	}
}
@keyframes scaleYDown {
	0% {
		opacity: 1;
		transform: scaleY(100%) rotateX(90deg);
	}
	100% {
		opacity: 0;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		filter: alpha(opacity=0);
		transform: scaleX(0%) rotateX(45deg);
	}
}

/* Content
-----------------------------------------------------------------------------------*/
.appicon {
	float: left;
	width: 40px;
	height: 40px;
	border-radius: 8px;
	cursor: pointer;
	box-sizing: border-box;
}
@media (prefers-color-scheme: dark) {
	.appicon {
		filter: brightness(0.8) hue-rotate(-180deg) invert() saturate(1) contrast(1.2);
	}
}
.v2 .appicon {
	border-radius: 14px;
}
.v2 .appicon.image {
	padding: 5px 7px 5px 2px;
	background: rgba(255, 255, 255, 0.97);
}
.company_logo {
	width: auto;
	height: 42px;
}
.app-selector .appicon {
	float: none;
	width: 48px;
	height: 48px;
}
.appicon.white {
	border-radius: 25%;
	/* box-shadow: 0 0 1px #000; */
	border: 1px solid #b7b7b7;
}
.appicon.red {
	border: 1px solid rgba(182, 15, 46, 0.1);
	border-radius: 25%;
}
.v2 .appicon.red {
	border: 1px solid rgba(182, 15, 46, 0.1);
}
.appicon.blue {
	border: 1px solid rgba(49, 169, 220, 0.7);
	border-radius: 25%;
}
.v2 .appicon.blue {
	border: 1px solid rgba(49, 169, 220, 0.1);
}
.v2 .appicon.green {
	border: 1px solid rgba(40, 158, 60, 0.1);
}
.appicon.gradient-border {
	border: 1px solid
		radial-gradient(
			ellipse farthest-corner at 85% 5%,
			rgba(53, 135, 254, 0.9) 0%,
			rgba(126, 66, 214, 0.5) 50%,
			rgba(178, 15, 185, 0.5) 90%
		);
}
.appicon.round {
	border-radius: 50%;
}
header.darkblue .appicon.white {
	border: none;
}
.appicon.login {
	float: none;
	width: auto;
	height: 100px;
	border-radius: 9px;
}
.divider {
	height: 1px;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid #fff;
	position: relative;
	margin: 70px 0 60px;
}
.divider::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background-image: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0, #fafafa),
		color-stop(0.5, rgba(250, 250, 250, 0)),
		color-stop(1, #fafafa)
	);
	background-image: -webkit-linear-gradient(left, #fafafa 0%, rgba(250, 250, 250, 0) 50%, #fafafa 100%);
	background-image: -moz-linear-gradient(left, #fafafa 0%, rgba(250, 250, 250, 0) 50%, #fafafa 100%);
	background-image: -o-linear-gradient(left, #fafafa 0%, rgba(250, 250, 250, 0) 50%, #fafafa 100%);
	background-image: -ms-linear-gradient(left, #fafafa 0%, rgba(250, 250, 250, 0) 50%, #fafafa 100%);
	background-image: linear-gradient(left, #fafafa 0%, rgba(250, 250, 250, 0) 50%, #fafafa 100%);
}

#wrapper {
	position: relative;
	margin-top: 40px;
}
p.annotation {
	color: rgba(92, 89, 89, 0.81);
	font-size: 12px;
	padding: 0 10px;
}
p.annotation.wblock {
	text-align: left !important;
	padding-left: 155px;
	padding-top: 4px;
	color: #868686;
	box-sizing: border-box;
}
p.annotation.stat {
	width: 500px;
	margin: 0 auto;
	text-align: center;
}
@media screen and (max-width: 1024px) {
	p.annotation.wblock {
		padding-left: 0;
		margin: 0;
		width: auto !important;
	}
}
p.annotation.table {
	padding-top: 30px;
}
p.nodata {
	color: #969595;
	font-size: 15px;
	text-align: center;
	margin-top: calc(50% / 2);
	background: url(../images/nodata.png);
	background-image: -Webkit-image-set(url(../images/nodata.png) 1x, url(../images/nodata@2x.png) 2x);
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-size: 35px auto;
	padding-top: 50px;
	display: none;
}
p.nodata.music {
	background-image: url(../images/nomusic.png);
	background-image: -Webkit-image-set(url(../images/nomusic.png) 1x, url(../images/nomusic@2x.png) 2x);
}
p.nodata.docs {
	background-image: url(../images/nodocs.png);
	background-image: -Webkit-image-set(url(../images/nodocs.png) 1x, url(../images/nodocs@2x.png) 2x);
}
p.nodata.act {
	background-image: url(../images/noact.png);
	background-image: -Webkit-image-set(url(../images/noact.png) 1x, url(../images/noact@2x.png) 2x);
}
p.nodata.invoice {
	background-image: url(../images/noinvoice.png);
	background-image: -Webkit-image-set(
		url(../images/noinvoice.png) 1x,
		url(../images/noinvoice@2x.png) 2x
	);
}
p.nodata.contacts {
	background-image: url(../images/nocontacts.png);
	background-image: -Webkit-image-set(
		url(../images/nocontacts.png) 1x,
		url(../images/nocontacts@2x.png) 2x
	);
}
p.nodata.fragment {
	background-image: url(../images/nodata-fragment.png);
	background-image: -Webkit-image-set(
		url(../images/nodata-fragment.png) 1x,
		url(../images/nodata-fragment@2x.png) 2x
	);
}
p.nodata.stat {
	margin-top: calc(50% / 4);
}
.nodata button {
	border-radius: 6px;
}
.nodata button.active {
	border-color: #289e3c;
	color: #289e3c;
	text-shadow: none !important;
}
.nodata button.active:hover {
	background: rgba(40, 158, 60, 0.1);
}
.nodata button.active:active {
	background: #289e3c;
	color: #fff;
}
.nodata button.disabled {
	cursor: not-allowed;
}
p.drop-here {
	color: #969595;
	font-size: 15px;
	text-align: center;
	margin-top: calc(50% / 2);
	background: url(../images/upload-to-cloud.png);
	background-image: -Webkit-image-set(
		url(../images/upload-to-cloud.png) 1x,
		url(../images/upload-to-cloud@2x.png) 2x
	);
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-size: 35px auto;
	padding-top: 50px;
	/* 	display: none; */
}
#drop-ad-files {
	-webkit-backdrop-filter: blur(3px);
}
#stat {
	margin-top: -40px;
}
.phone-bonus.stat {
	margin-left: -8px;
	margin-right: 58px;
	margin-top: 30px;
}
#edit-table {
	width: 960px;
}
#BAedit {
	overflow-y: auto;
	display: block;
	max-height: intrinsic;
	position: relative;
	height: intrinsic;
	max-height: auto;
}
@media screen and (max-height: 1024px) and (-webkit-device-pixel-ratio: 1) {
	#BAedit,
	div#mCSB_1.mCustomScrollBox.mCS-light {
		height: 450px;
		max-height: 450px !important;
	}
}
@media screen and (min-height: 400px) and (max-height: 600px) and (-webkit-device-pixel-ratio: 1) {
	#BAedit,
	div#mCSB_1.mCustomScrollBox.mCS-light {
		height: 350px;
		max-height: 350px !important;
	}
}
@media screen and (min-height: 620px) and (max-height: 640px) and (-webkit-device-pixel-ratio: 1) {
	#BAedit,
	div#mCSB_1.mCustomScrollBox.mCS-light {
		height: 470px;
		max-height: 470px !important;
	}
}
@media screen and (min-height: 641px) and (max-height: 740px) and (-webkit-device-pixel-ratio: 1) {
	#BAedit,
	div#mCSB_1.mCustomScrollBox.mCS-light {
		height: 550px;
		max-height: 550px !important;
	}
}

@media screen and (max-height: 1024px) and (-webkit-device-pixel-ratio: 2) {
	#BAedit,
	div#mCSB_1.mCustomScrollBox.mCS-light {
		height: 450px;
		max-height: 450px !important;
	}
}
@media screen and (min-height: 400px) and (max-height: 600px) and (-webkit-device-pixel-ratio: 2) {
	#BAedit,
	div#mCSB_1.mCustomScrollBox.mCS-light {
		height: 350px;
		max-height: 350px !important;
	}
}
@media screen and (min-height: 620px) and (max-height: 640px) and (-webkit-device-pixel-ratio: 2) {
	#BAedit,
	div#mCSB_1.mCustomScrollBox.mCS-light {
		height: 470px;
		max-height: 470px !important;
	}
}
@media screen and (min-height: 641px) and (max-height: 740px) and (-webkit-device-pixel-ratio: 2) {
	#BAedit,
	div#mCSB_1.mCustomScrollBox.mCS-light {
		height: 490px;
		max-height: 490px !important;
	}
}
@media screen and (min-height: 741px) and (max-height: 840px) and (-webkit-device-pixel-ratio: 2) {
	#BAedit,
	div#mCSB_1.mCustomScrollBox.mCS-light {
		height: 550px;
		max-height: 550px !important;
	}
}

@media screen and (min-height: 730px) {
	[data-role='bonus-popup'] h2 {
		margin-top: 10px !important;
	}
}

.onlyonactions,
.onlyonbonus {
	display: none;
}
.BAform {
	/* 	margin-top: 50px!important; */
}
.BAformButton {
	z-index: 5;
	position: relative;
}
#BApushCounter {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: 0.4s ease-out;
	-o-transition: 0.4s ease-out;
	transition: all 0.4s ease-in-out;
}
.BACounterAlert {
	color: #f2685a !important;
}
.BAHidden td {
	color: #6a6f74 !important;
}
.BAHidden .BAimage {
	opacity: 0.8;
}

.BAimage {
	width: 38px;
	height: 38px;
	background-position: 50% 50%;
	background-size: cover;
	border-radius: 25%;
	margin: 6px 20px 6px 0;
	display: inline-block;
}

/* Profile Edit 
___________________________________________________________________________________________*/
div.pblock {
	margin-top: 40px;
}
/*
div.wblock::before {
	position: absolute;
	z-index: -2;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	content: '';
	border-bottom: 1px solid rgba(205, 205, 205, 0.44);
}
div.wblock:not(:last-child)::before {
	border-right: 1px solid rgba(205, 205, 205, 0.44);
}
div.wblock:not(:last-child)::before {
	border-right: 1px solid rgba(205, 205, 205, 0.44);
}
div.wblock::after {
	content: "";
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(1, rgba(255, 255, 255, 0)));
	background-image: -webkit-linear-gradient(bottom, #fff 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -moz-linear-gradient(bottom, #fff 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(bottom, #fff 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -ms-linear-gradient(bottom, #fff 0%,  rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(bottom, #fff 0%, rgba(255, 255, 255, 0) 100%);
	width: calc(100% - 1px);
	height: 60px;
	position: absolute;
	bottom: 1px;
	right: 0px;
	left: 0px;
	z-index: 1;
}
*/
div.wblock {
	/* 	border: 1px solid rgba(205, 205, 205, 0.44); */
	border: 1px solid rgba(205, 205, 205, 0.2);
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.04);
	-webkit-border-radius: 8px !important;
	border-radius: 8px !important;
}
div.wblock::before {
	-webkit-border-radius: 2px;
	border-radius: 2px;
	position: absolute;
	z-index: -2;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	content: '';
	background-color: #fff;
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
}
/*
div.wblock::after {
	content: '';
	position: absolute;
	z-index: -1;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 300px;
	border-radius: 6px;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fafafa), color-stop(0.2, #fafafa), color-stop(1, 
	rgba(255,255,255,0)));
	background-image: -webkit-linear-gradient(bottom, #fafafa 0%, #fafafa 20%, rgba(255,255,255,0) 100%);
	background-image: -moz-linear-gradient(bottom, #fafafa 0%, #fafafa 20%, rgba(255,255,255,0) 100%);
	background-image: -o-linear-gradient(bottom, #fafafa 0%, #fafafa 20%, rgba(255,255,255,0) 100%);
	background-image: -ms-linear-gradient(bottom, #fafafa 0%, #fafafa 20%, rgba(255,255,255,0) 100%);
	background-image: linear-gradient(bottom, #fafafa 0%, #fafafa 20%, rgba(255,255,255,0) 100%);
}
*/
div.wblock .graph-preload svg {
	-webkit-animation-timing-function: linear;
	-webkit-animation-duration: 500ms;
	-moz-animation-timing-function: linear;
	-moz-animation-duration: 500ms;
	animation-timing-function: linear;
	animation-duration: 500ms;

	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	animation-name: fadeIn;
}

/* Stat tables
-------------------------------------------------------------------------------------------*/

.log-chart-link {
	cursor: pointer;
}
.log-chart-link:hover {
	-webkit-filter: brightness(50%);
	filter: brightness(50%);
	text-decoration: underline;
}
#firstslides {
	/*
	display: none;
	
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: 1s ease-out;
	-o-transition: 1s ease-out;
	transition: all 1s ease-in-out;
*/
}
#statchart {
	width: 100%;
	position: relative;
	display: block;
	top: 7px;
}
#statchart .charts {
	width: 100%;
	margin: 0 auto;
	padding: 0 30px;
	box-sizing: border-box;
}
#statchart .charts div.wblock {
	width: calc(100% - 20px);
	position: relative;
	padding: 50px;
	box-sizing: border-box;
	float: left;
	margin: 10px 10px;
	overflow: hidden;
	height: 405px;
	border-radius: 6px;
}
@media screen and (max-width: 960px) {
	#statchart .charts div.wblock {
		width: 100% !important;
	}
}
@media screen and (max-width: 570px) {
	#statchart .charts div.wblock {
		padding: 30px 10px !important;
	}
}
@media screen and (max-width: 570px) {
	#statchart .charts {
		padding: 0 20px 0 0;
	}
}
#statchart .charts div.wblock.attention {
	max-height: 125px;
	padding: 10px 50px;
	/* 	background: rgb(60, 177, 231); */
	background: rgba(20, 99, 162, 0.94);
	color: #fff;
}
.attentionText {
	padding: 2px 0 0 5px;
}
#statchart .charts div.wblock.attention.warn {
	background: rgba(202, 0, 0, 0.9);
}
#statchart .charts div.wblock.attention.notice {
	background: rgba(60, 177, 231, 0.1);
	border-color: rgba(60, 177, 231, 0.4);
	color: rgb(70, 70, 70);
}
#statchart .charts div.wblock.box {
	padding: 0 !important;
}
#statchart .charts div.wblock.table:not(.three) {
	max-height: 450px;
}
#statchart .charts div.wblock.table {
	padding: 40px 0px 0 !important;
}
#statchart .charts div.wblock.table .tracks-list tr:hover td:first-child {
	/* 	box-shadow: 1px -1px rgba(92, 174, 244, .3) inset, 0 1px rgba(92, 174, 244, .3) inset */
	/* 	box-shadow: -1px -1px #f2f2f2; */
}
#statchart .charts div.wblock.table .tracks-list tr:hover td:last-child {
	/* 	box-shadow: -1px -1px rgba(92, 174, 244, .3) inset, 0 1px rgba(92, 174, 244, .3) inset; */
	/* 	box-shadow: 1px 0 #f2f2f2; */
}
#statchart .charts div.three {
	width: calc(100% / 3 - 20px);
	display: inline-block;
}
#statchart .charts div.threex2 {
	width: calc(100% / 3 * 2 - 20px);
	display: inline-block;
}
#statchart .charts div.two {
	width: calc(100% / 2 - 20px);
	display: inline-block;
}
#statchart .charts div.one {
	width: calc(100% - 20px);
}
#statchart div.wblock p.bubleStatInfo {
	margin-bottom: -15px;
	color: #848484;
	font-size: 12px;
}
#statchart .charts div.wblock > div {
	display: inline-block;
	margin: 0 auto;
}
#statchart .charts div#activeUsersStat {
	width: 70%;
	height: 250px;
	display: inline-block;
}
#statchart .charts div#activeUsersStat p {
	font-size: 16px;
	color: #5e5e5e;
	top: 200px;
	left: 100px;
	position: absolute;
}
#statchart .bubleStat {
	height: 250px !important;
}

#statchart .bubleStat text {
	font-size: 10px !important;
	font-family: -apple-system, 'HelveticaNeue-Light', Helvetica, Verdana !important;
	font-weight: 200 !important;
}
#statchart .bubleStat.bold text {
	font-weight: 500 !important;
}
#statchart .bubleStat tspan {
	font-size: 10px !important;
}
#statchart .stackStat text {
	font-family: -apple-system, 'HelveticaNeue-Light', Helvetica, Verdana !important;
	font-size: 15px;
	font-weight: 200 !important;
}
#statchart .stackStat.graph text {
	font-family: -apple-system, 'HelveticaNeue-Light', Helvetica, Verdana !important;
	font-size: 11px !important;
	font-weight: 400 !important;
}

@media screen and (min-width: 1024px) {
	#statchart .bubleStat.active.only-on-desktop {
		right: -20px !important;
		position: relative;
	}
}
#statchart .bubleStat.mini {
	max-height: 250px;
	height: 250px;
	width: 100%;
}
#statchart .numberStat {
	display: flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 140px;
	font-weight: 200;
	color: rgb(96, 96, 96);
}
#statchart .numberStat.big {
	font-size: 120px;
}
#statchart .numberStat.big_4 {
	font-size: 100px;
}
#statchart .numberStat.big_5 {
	font-size: 90px;
}
#statchart .numberStat.big_6 {
	font-size: 80px;
}
#statchart .numberStat.big_7 {
	font-size: 60px;
}
@media screen and (max-width: 1280px) {
	#statchart .numberStat.big {
		font-size: 100px;
	}
	#statchart .numberStat.big_4 {
		font-size: 80px;
	}
	#statchart .numberStat.big_5 {
		font-size: 70px;
	}
	#statchart .numberStat.big_6 {
		font-size: 60px;
	}
	#statchart .numberStat.big_7 {
		font-size: 50px;
	}
}
@media screen and (max-width: 1128px) {
	#statchart .numberStat.big {
		font-size: 90px;
	}
	#statchart .numberStat.big_4 {
		font-size: 70px;
	}
	#statchart .numberStat.big_5 {
		font-size: 60px;
	}
	#statchart .numberStat.big_6 {
		font-size: 50px;
	}
	#statchart .numberStat.big_7 {
		font-size: 40px;
	}
}
@media screen and (max-width: 960px) {
	#statchart .numberStat.big {
		font-size: 140px;
	}
	#statchart .numberStat.big_4 {
		font-size: 120px;
	}
	#statchart .numberStat.big_5 {
		font-size: 110px;
	}
	#statchart .numberStat.big_6 {
		font-size: 100px;
	}
	#statchart .numberStat.big_7 {
		font-size: 80px;
	}
}
@media screen and (max-width: 480px) {
	#statchart .numberStat.big {
		font-size: 80px;
	}
	#statchart .numberStat.big_4 {
		font-size: 60px;
	}
	#statchart .numberStat.big_5 {
		font-size: 55px;
	}
	#statchart .numberStat.big_6 {
		font-size: 50px;
	}
	#statchart .numberStat.big_7 {
		font-size: 45px;
	}
}
.numberStat_block {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	white-space: nowrap;
	width: 100%;
}
.numberStat_block.major {
	justify-content: center;
}
.numberStat_block__title {
	font-size: 22px;
}
.numberStat_block__text {
	font-size: 25px;
}
.numberStat_block__text > .rubleSign {
	padding-left: 5px;
	font-size: 15px;
}
.numberStat_block > .arrow::before {
	content: attr(data-arrow);
	display: block;
	width: 50px;
	height: 20px;
	margin-left: -20px;
	margin-top: -15px;
	font-size: 30px;
	font-weight: 300;
}
#statchart .numberStat > .arrow::before {
	content: attr(data-arrow);
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	margin-left: -45px;
	font-size: 30px;
	margin-top: 66px;
	font-weight: 300;
}
#statchart .numberStat.big > .arrow::before {
	margin-left: -35px;
}
#statchart .numberStat > .arrow.arrow_green::before,
.numberStat_block > .arrow.arrow_green::before {
	color: #289e3c;
}
#statchart .numberStat > .arrow.arrow_red::before,
.numberStat_block > .arrow.arrow_red::before {
	color: rgb(202, 0, 0);
}
#statchart .numberStat p {
	font-weight: 300;
	color: rgb(70, 70, 70);
}
#statchart .numberStat small {
	font-weight: 200;
	color: rgb(70, 70, 70);
}
#statchart .stackBox {
	width: 100%;
	display: flex !important;
	justify-content: center;
	flex-direction: row;
	align-items: center;
}
#statchart .stackBox > .stackBoxItem {
	width: 33.3%;
	min-height: 150px;
	padding: 0px 20px;
	box-sizing: border-box;
	position: relative;
}
#statchart .stackBox > .stackBoxItem:not(:last-child) {
	border-right: 1px solid #f4f4f4;
}
#statchart .stackBox > .stackBoxItem h2 {
	font-size: 14px;
	font-weight: 400;
	font-family: -apple-system, 'HelveticaNeue-Light', Helvetica, Verdana;
}
#statchart .stackBox > .stackBoxItem p {
	font-size: 24px;
	position: absolute;
	left: 20px;
	bottom: 20px;
}
#statchart .stackBox > .stackBoxItem .important {
	color: rgb(202, 0, 0);
}
#statchart .stackBox > .stackBoxItem .good {
	color: #289e3c;
}
#statchart .stackStat {
	width: 100%;
	height: 270px;
	max-height: 300px;
	/* 	overflow: hidden; */
	box-sizing: border-box;
}
#statchart div.wblock.table .stackStat {
	height: 325px;
	max-height: 325px;
}
#statchart .three.table .stackStat,
#statchart .threex2.table .stackStat {
	height: 330px;
	max-height: 330px;
}
#statchart .stackStat .ball {
	margin-top: 100px;
	border: 3px solid rgba(170, 177, 179, 0.92);
	border-top: 3px solid rgba(0, 0, 0, 0);
	border-left: 3px solid rgba(0, 0, 0, 0);
}
#statchart .stackStat.scrollable {
	overflow-y: scroll;
	/* 	padding: 0 30px; */
}
@media screen and (max-width: 570px) {
	#statchart .stackStat.scrollable {
		padding: 0px;
	}
}
#statchart .stackStat.scrollable::after {
	content: '';
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #fff),
		color-stop(1, rgba(255, 255, 255, 0))
	);
	background-image: -webkit-linear-gradient(bottom, #fff 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -moz-linear-gradient(bottom, #fff 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(bottom, #fff 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -ms-linear-gradient(bottom, #fff 0%, rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(bottom, #fff 0%, rgba(255, 255, 255, 0) 100%);
	width: calc(100% - 2px);
	height: 20px;
	position: absolute;
	bottom: 0px;
	right: 1px;
	left: 1px;
	z-index: 1;
	border-radius: 6px;
}
#statchart .stackStat::-webkit-scrollbar {
	-webkit-appearance: none;
	display: none;
}
#statchart span.statUpdate {
	/* 	color: rgb(202, 0, 0); */
	color: #0499ce;
	font-size: 13px;
	font-weight: normal;
	border-bottom: 1px solid #0499ce;
}
.morris-hover-row-label {
	font-family: -apple-system, 'HelveticaNeue', Helvetica, Verdana;
}
.morris-hover.morris-default-style .morris-hover-point {
	font-size: 13px;
	font-family: -apple-system, 'HelveticaNeue', Helvetica, Verdana;
}
/*
#statchart .wblock::before {
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.05);	
	box-shadow: 0 1px 3px rgba(0,0,0,0.05);
	left: 10px;
	right: 10px;	
}
*/

#statchart .wblock:last-child {
	margin-bottom: 20px;
}

#statchart h2.title {
	font-weight: 300;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 20px;
}
@media screen and (max-width: 570px) {
	#statchart h2.title {
		padding: 0 10px 20px;
	}
}
#statchart p {
	text-align: center;
}
.stat-canvas {
	display: inline-block;
	width: 170px;
	height: 170px;
	margin: 0 auto;
	cursor: pointer;
}
.chart__content_open {
	display: block;
	visibility: visible;
}
.chart__content_close {
	display: none;
	visibility: hidden;
}
.table {
}
table.small-stat.wblock::before {
	-webkit-border-radius: 6px;
	border-radius: 6px;
	position: absolute;
	z-index: -2;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	content: '';
	border: 1px solid #cdcdcd;
	background-color: #fff;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
table.small-stat.wblock::after {
	content: '';
	position: absolute;
	z-index: -1;
	bottom: -8px;
	left: -8px;
	right: -8px;
	height: 300px;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #fafafa),
		color-stop(0.2, #fafafa),
		color-stop(1, rgba(255, 255, 255, 0))
	);
	background-image: -webkit-linear-gradient(bottom, #fafafa 0%, #fafafa 20%, rgba(255, 255, 255, 0) 100%);
	background-image: -moz-linear-gradient(bottom, #fafafa 0%, #fafafa 20%, rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(bottom, #fafafa 0%, #fafafa 20%, rgba(255, 255, 255, 0) 100%);
	background-image: -ms-linear-gradient(bottom, #fafafa 0%, #fafafa 20%, rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(bottom, #fafafa 0%, #fafafa 20%, rgba(255, 255, 255, 0) 100%);
}
table.small-stat {
	cursor: default;

	padding: 5px 10px;
	padding-bottom: 30px;
	width: 500px;
	position: relative;
	top: 50px;
	left: 10px;
}
table.small-stat th {
	text-align: left;
	font-size: 20px;
	font-weight: normal;
	padding-top: 20px;
	padding-bottom: 10px;
}
table.small-stat.newblock th {
	font-size: 24px;
	color: #3f3f3f;
	font-weight: 300;
	border-bottom: 1px solid #aeaeae;
}
table.small-stat.newblock th.noborder {
	border-bottom: none;
	text-align: center;
}

table.small-stat.newblock tr td {
	font-size: 14px;
	color: #3f3f3f;
	font-family: 'HelveticaNeue', Helvetica;
	font-weight: 500;
	padding: 3px 0;
}
table.small-stat tr td {
	font-size: 14px;
	line-height: 24px;
}
table.small-stat tr td:first-child {
	/* 	color: #2b96f1; */
	color: #4a4a4a;
}
table.small-stat tr td:last-child {
	color: #000;
	text-align: right;
}
table.popup-stat {
	min-width: 600px;
	overflow-y: visible;
	display: block;
	max-height: 100%;
	position: relative;
	margin: 50px auto 30px;
	border: 0;
	font-size: 13px;
}
table.popup-stat.history {
	min-width: 600px;
	max-height: 100%;
	width: intrinsic;
	height: 100%;
	margin: 0px auto 0px;
	overflow-y: visible;
}
table.popup-stat.plan {
	min-width: 400px;
	max-width: 600px;
	max-height: 100%;
	width: auto;
}

.history-preload {
	margin: 100px 0;
}
.history-data {
	max-height: 300px;
	overflow-y: hide;
	position: relative;
	margin-bottom: 17px;
}
.stat-data {
	max-height: 400px;
	overflow-y: hide;
	position: relative;
	margin-bottom: 17px;
}
table.popup-stat th {
	font-family: 'HelveticaNeue-light', Helvetica, Verdana;
	-webkit-font-smoothing: subpixel-antialiased;
	font-weight: normal;
	font-size: 15px;
	padding-bottom: 10px;
	color: #2b96f1;
	/* 	width: calc(100%/4); */
}
table.popup-stat th:not(:last-child) {
	/* 	padding-right: 15px; */
}
table.popup-stat tr:hover td {
	background: rgba(172, 213, 249, 0.2);
	box-shadow: 0 1px rgba(92, 174, 244, 0.2), 0 -1px rgba(92, 174, 244, 0.2);
}
table.popup-stat td {
	color: #000;
	line-height: 29px;
	border-bottom: 1px solid #e3e3e3;
	font-size: 14px;
}
table.popup-stat td span {
	color: #9d9d9d;
}
table.popup-stat td:first-child {
	color: #000;
}
table.popup-stat th:first-child,
table.popup-stat td:first-child {
	text-align: left;
	padding: 0 0px;
}
table.popup-stat.history th {
	text-align: center;
}
table.popup-stat.history th:first-child {
	width: 120px;
}
table.popup-stat.history th:nth-child(2) {
	width: 80px;
}
table.popup-stat.history th:nth-child(3) {
	width: 300px;
}
table.popup-stat.history th:last-child {
	width: 90px;
}
table.popup-stat.history td {
	text-align: center;
	padding: 0 5px;
	font-size: 12px;
}
table.popup-stat.plan td {
	font-size: 13px;
}
table.popup-stat.plan td:first-child {
	text-align: left;
}
table.popup-stat.plan td:last-child {
	padding-right: 0px;
}
table.popup-stat td.negative,
table.popup-stat tr.negative td {
	color: red;
}
p.annotation.stat {
	width: 500px;
	margin: 0 auto;
	text-align: center;
}
.popup__content span {
	color: #9d9d9d;
}
.popup__content span.normal {
	color: inherit;
	cursor: default;
	-webkit-user-select: text;
}
.popup__content span.space-left {
	padding-left: 5px;
}
.popup__content span.currency {
	font-size: 15px;
	color: #636363;
}
@media screen and (max-height: 715px) {
	[data-role='bonus-popup']::after {
		content: '';
		position: absolute;
		z-index: -1;
		bottom: 0px;
		left: 0px;
		right: 0px;
		height: 40px;
		z-index: 4;
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, #fafafa),
			color-stop(0.2, #fafafa),
			color-stop(1, rgba(255, 255, 255, 0))
		);
		background-image: -webkit-linear-gradient(
			bottom,
			#fafafa 0%,
			#fafafa 20%,
			rgba(255, 255, 255, 0) 100%
		);
		background-image: -moz-linear-gradient(
			bottom,
			#fafafa 0%,
			#fafafa 20%,
			rgba(255, 255, 255, 0) 100%
		);
		background-image: -o-linear-gradient(bottom, #fafafa 0%, #fafafa 20%, rgba(255, 255, 255, 0) 100%);
		background-image: -ms-linear-gradient(bottom, #fafafa 0%, #fafafa 20%, rgba(255, 255, 255, 0) 100%);
		background-image: linear-gradient(bottom, #fafafa 0%, #fafafa 20%, rgba(255, 255, 255, 0) 100%);
	}
}
/*
.phone-bonus.stat::after {
	content: '';
	position: absolute;
	z-index: -1;
	bottom: 25px;
	left: 0px;
	right: 0px;
	height: 200px;
	z-index: 4;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fafafa), color-stop(0.2, #fafafa), color-stop(1, 
	rgba(255,255,255,0)));
	background-image: -webkit-linear-gradient(bottom, #fafafa 0%, #fafafa 20%, rgba(255,255,255,0) 100%);
	background-image: -moz-linear-gradient(bottom, #fafafa 0%, #fafafa 20%, rgba(255,255,255,0) 100%);
	background-image: -o-linear-gradient(bottom, #fafafa 0%, #fafafa 20%, rgba(255,255,255,0) 100%);
	background-image: -ms-linear-gradient(bottom, #fafafa 0%, #fafafa 20%, rgba(255,255,255,0) 100%);
	background-image: linear-gradient(bottom, #fafafa 0%, #fafafa 20%, rgba(255,255,255,0) 100%);
	
}
*/

/* Bonus tables
-------------------------------------------------------------------------------------------*/
.table {
}

table.small-bonus {
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid rgba(205, 205, 205, 0.64);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
	margin-top: 20px;
	padding: 0px;
	width: 100%;
	position: relative;
	background: #fff;
	/* 	border: 1px solid #cdcdcd; */
	color: #414141;
	font-weight: 400;
}
table.small-bonus th {
	text-align: left;
	font-size: 18px;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	color: #414141;
	font-weight: 300;
	text-shadow: 0 1px 0 #fff;
	padding: 20px 5px;
	background: #fbfbfb;
	text-align: center;
}
table.small-bonus tr th:first-child {
	border-top-left-radius: 4px;
	padding-left: 10px;
}
table.small-bonus tr th:not(:first-child) {
	border-left: 1px solid #ccc;
}
table.small-bonus.BA tr th:first-child {
	padding-left: 30px;
	text-align: left;
}
table.small-bonus.BA tr th:not(:first-child) {
	width: 20%;
}
table.small-bonus.BA tr:nth-child(2) td {
	padding-top: 10px;
}

table.small-bonus tr th:last-child {
	border-left: 1px solid #ccc;
	border-top-right-radius: 4px;
	padding: 20px 0;
}
table.small-bonus tr td {
	font-size: 12px;
	line-height: 33px;
	padding-left: 5px;
	padding-right: 5px;
	cursor: pointer;
	font-family: 'HelveticaNeue', Helvetica, Verdana;
	text-align: center;
}
table.small-bonus tr.inactive td {
	color: #8b8989 !important;
}

table.small-bonus.BA tr td {
	font-size: 14px;
	padding-left: 30px;
	padding-right: 30px;
}
table.small-bonus.BA tr td.date {
	font-size: 14px;
	padding-left: 5px;
	padding-right: 5px;
}
table.small-bonus tr td.action {
	max-width: 330px;
}
table.small-bonus tr td:first-child:not(.nohistory):not(.date) {
	padding-left: 15px;
	color: #2b96f1;
	/* 	color: #4a4a4a; */
}
table.small-bonus.BA tr td:first-child {
	padding-left: 30px;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 330px !important;
}
table.small-bonus .nohistory {
	font-family: 'HelveticaNeue-Medium', Helvetica, Verdana !important;
	text-align: center !important;
	font-size: 12px !important;
	line-height: 35px !important;
}

table.small-bonus tr td:not(:first-child) {
	border-left: 1px solid #ccc;
	max-width: 500px;
}
table.small-bonus.BA tr td:not(:first-child) {
}

table.small-bonus tr td:last-child {
}
table.small-bonus tr:hover td {
	background: rgba(172, 213, 255, 0.1);
	box-shadow: 0 1px rgba(92, 174, 244, 0.3), 0 -1px rgba(92, 174, 244, 0.3);
}
table.small-bonus tr:last-child td {
	/* 	padding-bottom: 5px; */
}
table.small-bonus span {
	color: #9d9d9d;
}
table.small-bonus .status {
	width: 22px;
	height: 22px;
	border-radius: 50px;
	border: 2px solid #fbfbfb;
	box-sizing: border-box;
	margin-top: 5px;
	display: block;
	margin: 0 auto;
	padding: 0;
}
table.small-bonus .statusbutton {
	max-width: 35px !important;
	width: 35px;
	padding: 0 !important;
}
table.small-bonus .date {
	max-width: 180px !important;
	width: 160px !important;
}
table.small-bonus .status.yes {
	background: green;
}
table.small-bonus .status.no {
	background: red;
}
table.small-bonus .status:hover {
	background: orange;
}
table.small-bonus .status:active {
	background: yellow;
}

.page-line,
.page-selector,
.popup-slector {
	display: inline-block;
	margin-left: -40px;
	height: 44px;
}
.popup-slector {
	margin-left: 0px;
}
.page-selector {
	width: intrinsic;
	margin-bottom: 20px;
}
.page-selector.v2 {
	height: 100%;
}
header .page-selector {
	margin: 0 auto;
	display: block;
}
@supports (-webkit-appearance: none) and (x: 0) {
	@media screen and (min-width: 571px) {
		header .page-selector {
			width: 700px; /* for Fucking Google Chrome */
			text-align: center;
		}
	}
}
@media screen and (min-width: 571px) and (max-width: 990px) {
	header .page-selector {
		width: intrinsic;
		text-align: left;
	}
	.page-selector.popup-slector.auto-width {
		width: 100%;
	}
}

@media screen and (max-width: 570px) {
	.page-selector {
		overflow-x: scroll;
		overflow-y: hidden;
		margin-right: 5px !important;
		width: initial;
		/* 		height: 53px; */
		-webkit-overflow-scrolling: touch;
		-webkit-scroll-snap-type: mandatory;
		-webkit-scroll-snap-destination: 50% 50%;
		-webkit-scroll-snap-points-x: repeat(100%);
		-webkit-tap-highlight-color: transparent;
		-webkit-transform: translateZ(0px);
	}
	.page-selector::-webkit-scrollbar:horizontal {
		-webkit-appearance: none;
		height: 0px;
		width: 0;
		display: none;
	}
	.page-selector::-webkit-scrollbar {
		-webkit-appearance: none;
		width: 3px;
	}
}
/*
.page-line,
.popup-slector {
	width: auto;
}
*/

.page-line li,
.page-line li a {
	display: -moz-inline-stack;
	display: inline-block;
	*display: inline;
	zoom: 1;
}
.page-line li {
	position: relative;
	z-index: 1;
	margin: 0 8px;
	width: 12px;
	height: 22px;
	padding: 0;
	line-height: 0;
}
.page-line li a {
	position: absolute;
	z-index: 1;
	top: 8px;
	left: 2px;
	width: 8px;
	height: 8px;
	background: #bebebe;
	outline: none;
	text-indent: -99999px;
	cursor: default;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.page-line li a:hover {
	cursor: pointer;
	background: #666;
}
.page-line li a.active {
	cursor: default;
	top: 6px;
	left: 0;
	width: 10px;
	height: 10px;
	border: 1px solid #3cb1e7;
	background-color: transparent;
}

.page-selector li,
.page-selector li a {
	display: -moz-inline-stack;
	display: inline-block;
	*display: inline;
	zoom: 1;
}
.page-selector li {
	position: relative;
	z-index: 1;
	margin: 0 0px;
	height: 44px;
	padding: 0;
	line-height: 0;
}
.page-selector li a {
	position: relative;
	z-index: 1;
	top: -5px;
	left: 0px;
	margin-left: -1px;
	text-align: center;
	min-width: 100px;
	max-width: 400px;
	width: auto;
	height: 32px;
	padding: 15px 20px;
	border: 1px solid #3cb1e7;
	outline: none;
	cursor: default;
	box-sizing: border-box;
	font-size: 13px;
	color: #38a5d8;
	font-family: 'HelveticaNeue', Helvetica, Verdana;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.page-selector li a.fix {
	margin-left: -4px;
}
.page-selector.v2 ul[data-role='dashboard-navigation'] {
	height: inherit;
	padding-top: 0;
}
.page-selector.v2 li {
	padding: 0 11px;
	height: 100%;
}
.page-selector.v2 li a {
	top: 0;
	min-width: auto;
	max-width: auto;
	width: auto;
	padding: 24.5px 0px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid transparent;
	color: #484848;
	background-color: transparent;
	border-radius: 0 !important;
	font-family: -apple-system, 'HelveticaNeue', Helvetica, Verdana;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.page-selector.green li a {
	border-color: #289e3c;
	color: #289e3c;
}
.page-selector.gray li a {
	border-color: #6a6a6c;
	color: #6a6a6c;
}
.page-selector.darkblue li a {
	border-color: #1b3446;
	color: #1b3446;
}
.page-selector.deepblue li a {
	border-color: #4f6eef;
	color: #4f6eef;
}
.page-selector.lightblue li a {
	border-color: #34aadc;
	color: #34aadc;
}
.page-selector.lightgrey li a {
	border-color: #aab0b6;
	color: #f8f8f8;
}
.page-selector.red li a {
	border-color: rgba(165, 16, 41, 0.9);
	color: rgba(165, 16, 41, 0.9);
}

.page-selector.header-selector {
	top: 9px;
	margin: 0 auto;
	position: relative;
	display: block;
	white-space: nowrap;
}
.page-selector.header-selector ul > li:not(:first-child) {
	margin-left: -4px !important;
}
.page-selector.header-selector ul > li a {
	padding: 12px 20px !important;
	height: auto;
}
.page-selector.popup-slector ul {
	display: flex;
	width: 100%;
	justify-content: flex-start;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}
.page-selector.popup-slector {
	margin-bottom: 35px;
}

.page-selector.popup-slector li a {
	top: 5px;
	height: 30px;
	padding: 14px 20px;
	margin-left: 0;
	min-width: 80px;
}

.page-selector ul.v2 {
	box-sizing: border-box;
	border: none;
	background: rgba(231, 231, 231, 0.71);
	width: -webkit-fit-content;
	width: fit-content;
	margin: 0 auto;
	border-radius: 8px;
	overflow: hidden;
}
.page-selector ul.v2 > li {
	margin-left: 0px !important;
	box-sizing: border-box;
	border-radius: 6px;
	padding: 2px;
	height: auto;
}
.page-selector ul.v2 > li:not(:first-child) {
	margin-left: -9px !important;
}
.page-selector ul.v2 > li > a {
	box-sizing: border-box;
	border-color: transparent;
	border-radius: 6px;
	color: #484848;
	top: 0;
	margin-left: 0px;
	padding: 10px 20px !important;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
	transform: translate3d(0);
}
.page-selector ul.v2 > li > a:hover {
	background: none;
}
.page-selector ul.v2 > li > a.active,
.page-selector ul.v2 > li > a.highlight {
	cursor: default;
	background: #fff;
	border-color: transparent;
	color: #000;
	box-shadow: 0 2px 5px #d0d0d0;
}
@media (prefers-color-scheme: dark) {
	.page-selector ul.v2 > li > a.active,
	.page-selector ul.v2 > li > a.highlight {
		box-shadow: 0 2px 5px #f7f7f7d1;
	}
}
.page-selector ul.v2 > li > a:not(:first-child) {
	margin-left: -6px;
}
.page-selector ul.v2 li:not(:last-child):after {
	content: '|';
	padding: 0;
	margin: 0 -8px 0 -2px;
	position: absolute;
	top: 12px;
	color: rgba(72, 72, 72, 0.15);
	font-size: 14px;
	margin-left: -3px;
}
.page-selector.popup-slector ul.v2 > li > a {
	padding: 12px 20px !important;
}
.page-selector.popup-slector ul.v2 li:not(:last-child):after {
	top: 14px;
}
@media screen and (max-width: 960px) {
	.page-selector:not(.v2):not(.popup-slector) li a {
		padding: 12px 9px !important;
		min-width: 60px !important;
	}
}
@media screen and (max-width: 760px) {
	.page-selector:not(.v2):not(.popup-slector) li a {
		padding: 12px 9px !important;
		max-width: 80px !important;
	}
}
@media screen and (max-width: 990px) {
	.page-selector.auto-width[data-auto-width='2'] {
		width: 50%;
	}
	.page-selector.auto-width li {
		margin-left: 0px !important;
	}
	.page-selector.auto-width[data-auto-width='2'] li {
		max-width: calc(100% / 2) !important;
		width: calc(100% / 2) !important;
	}
	.page-selector.auto-width[data-auto-width='3'] li {
		max-width: calc(100% / 3) !important;
		width: calc(100% / 3) !important;
	}
	.page-selector.auto-width[data-auto-width='4'] li {
		max-width: calc(100% / 4) !important;
		width: calc(100% / 4) !important;
	}
	.page-selector.auto-width[data-auto-width='5'] li {
		max-width: calc(100% / 5) !important;
		width: calc(100% / 5) !important;
	}
	.page-selector.auto-width[data-auto-width='6'] li {
		max-width: calc(100% / 6) !important;
		width: calc(100% / 6) !important;
	}
	.page-selector.auto-width[data-auto-width='7'] li {
		max-width: calc(100% / 7) !important;
		width: calc(100% / 7) !important;
	}
	.page-selector.auto-width li a {
		max-width: 100% !important;
		width: 100% !important;
	}
}
@media screen and (max-width: 630px) {
	.page-selector:not(.v2) li a {
		padding: 15px 10px !important;
		max-width: 50px !important;
	}
}
@media screen and (max-width: 570px) {
	header {
		padding: 0 !important;
	}
	.page-selector ul[data-role='dashboard-navigation'] li {
		height: auto;
	}
	.page-selector:not(.v2) [data-role='dashboard-navigation'] li a {
		max-width: initial !important;
		color: initial;
		border: none;
		background: initial;
	}
	.page-selector:not(.v2) [data-role='dashboard-navigation'] li a {
		padding: 12px 9px !important;
	}
	.page-selector ul[data-role='dashboard-navigation'] li a:hover {
		background: transparent !important;
	}
}
.page-selector li:first-child a {
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	border-top-left-radius: 5px;

	-webkit-border-bottom-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.page-selector li:not(:first-child) a {
	border-left: none;
}
.page-selector li:last-child a {
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	border-top-right-radius: 5px;

	-webkit-border-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;

	border-left: none;
}

.page-selector li a:hover {
	cursor: pointer;
	background: rgba(60, 177, 231, 0.1);
}
.page-selector li a.active {
	cursor: default;
	background-color: #3cb1e7;
	border-color: #3cb1e7;
	color: #fff;
}
.page-selector.green li a.active,
.page-selector.green li a.highlight {
	cursor: default;
	background-color: #289e3c;
	border-color: #289e3c;
	color: #fff;
	background: linear-gradient(
		0deg,
		rgba(40, 158, 60, 0.8057598039215687) 0%,
		rgba(40, 158, 60, 1) 35%,
		rgba(40, 158, 60, 0.8113620448179272) 100%
	);
}
.page-selector.gray li a.active {
	cursor: default;
	background-color: #6a6a6c;
	border-color: #6a6a6c;
	color: #fff;
}
.page-selector.gray.light li a.active,
.page-selector.gray.light li a.highlight {
	cursor: default;
	background-color: #9d9d9f;
	border-color: #6a6a6c;
	color: #fff;
}
.page-selector.darkblue li a.active {
	cursor: default;
	background-color: #1b3446;
	border-color: #1b3446;
	color: #fff;
}
.page-selector.deepblue li a.active {
	cursor: default;
	background-color: #4f6eef;
	border-color: #4f6eef;
	color: #fff;
}
.page-selector.lightblue li a.active {
	cursor: default;
	background-color: #34aadc;
	border-color: #34aadc;
	color: #fff;
}
.page-selector.red li a.active {
	cursor: default;
	background-color: rgba(165, 16, 41, 0.9);
	border-color: rgba(165, 16, 41, 0.9);
	color: #fff;
}
.page-selector.lightgrey li a.active {
	cursor: default;
	background-color: #aab0b6;
	border-color: #aab0b6;
	color: #1c3445;
}

.page-selector.v2.accent-lightblue li a:hover {
	color: #34aadc;
	background: transparent;
}
.page-selector.v2.accent-lightblue li a.active {
	cursor: default;
	color: #000;
	background: transparent;
	border-color: #34aadc;
}

.page-selector.v2.accent-red li a:hover {
	color: rgba(165, 16, 41, 0.9);
	background: transparent;
}
.page-selector.v2.accent-red li a.active {
	cursor: default;
	color: #000;
	background: transparent;
	border-color: rgba(165, 16, 41, 0.9);
}

.page-selector.v2.accent-green li a:hover {
	color: #289e3c;
	background: transparent;
}
.page-selector.v2.accent-green li a.active {
	cursor: default;
	color: #000;
	background: transparent;
	border-color: #289e3c;
}

span.customSelect {
	cursor: pointer;
	background: rgba(255, 255, 255, 0.3);
	border: 1px solid #dcdcdc;
	color: #656a6f !important;
	/* 	padding:8px 10px 7px 0; */
	text-align: left;
	/* 	border:1px solid rgba(0,0,0,0.1);; */
	font-family: Helvetica;
	font-size: 13px;
	outline-color: #e3dfdf;
	outline-width: thick;
	display: inline-table;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: 0.4s ease-out;
	-o-transition: 0.4s ease-out;
	transition: all 0.4s ease-in-out;
	text-shadow: 0 1px rgba(255, 255, 255, 0.3);
	text-indent: 5px;
	border-radius: 6px;
	width: 300px !important;
	height: 37px;
	box-sizing: border-box;
	position: relative;
	z-index: 0;
	overflow: hidden;
}
.view-viewport.view-left-bar span.customSelect {
	width: 100% !important;
	font-family: -apple-system, HelveticaNeue-Light, Helvetica, Verdana;
	font-size: 12px;
	border-radius: 0;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bototm: 1px solid #dcdcdc;
	background: transparent;
	text-indent: 0;
}
.hasCustomSelect {
	z-index: 1;
}
span.customSelect.auto {
	width: 100% !important;
}
span.customSelect.micro {
	width: 125px !important;
}
span.customSelect.mini {
	width: 150px !important;
}
span.customSelect.adname {
	width: 200px !important;
}
span.customSelect.listname {
	width: 250px !important;
}
span.customSelect.placeSelector {
	max-width: 192px !important;
	margin-top: 4px;
}
span.customSelect.header-bar,
span.customSelect.header-bar:hover {
	border: none;
	padding: 6px 10px 7px 0;
}
.placeSelector span.customSelectInner {
	width: 163px !important;
}
.header-bar span.customSelectInner {
	color: #000 !important;
	font-family: -apple-system, HelveticaNeue-Light, Helvetica, Verdana;
}
.micro span.customSelectInner {
	width: 100px !important;
}
.mini span.customSelectInner {
	width: 125px !important;
}

.adname span.customSelectInner {
	width: 178px !important;
}
.listname span.customSelectInner {
	width: 238px !important;
}
span.customSelect:hover {
	color: #55595d;
	box-shadow: 0 1px rgba(255, 255, 255, 0.2);
	border: 1px solid #a1a5a8;
}
span.customSelect.changed {
	/* 	background-color: #f0dea4; */
	background-color: rgba(117, 183, 209, 0.13);
}
span.customSelect.customSelectDisabled {
	background: #f2f2f2;
}
.customSelectDisabled span.customSelectInner {
	color: #8c8c8c !important;
}
span.customSelectInner::after {
	content: '\00FE40';
	position: absolute;
	width: 16px;
	height: 10px;
	float: right;
	right: 10px;
	margin-top: 2px;
	font-family: 'HelveticaNeue', Helvetica, Verdana, Arial, sans-serif;
	font-size: 10px;
}
.header-bar span.customSelectInner::after {
	float: left;
	left: -10px;
	margin-top: 5px;
}
.customSelectInner {
	/* 	background: url(../images/customSelect-arrow.gif) no-repeat center right; */
	color: rgb(101, 106, 111) !important;
	height: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 8px 10px 7px 0;
}
.left-bar .customSelectInner {
	padding-top: 0;
}
.view-viewport.view-left-bar .customSelectInner {
	width: 100% !important;
}

@media screen and (max-width: 960px) {
	span.customSelect.mini,
	span.customSelect.adname {
		width: 100px !important;
	}
	.mini span.customSelectInner,
	.adname span.customSelectInner {
		width: 80px !important;
	}
}
@media screen and (max-width: 760px) {
	span.customSelect.mini,
	span.customSelect.adname {
		width: 50px !important;
	}
	.mini span.customSelectInner,
	.adname span.customSelectInner {
		width: 40px !important;
	}
}
.searchinput {
	position: relative;
	display: inline-block;
	font-size: 12px;
	border-radius: 4px;
	background: #fafafa;
	border: 1px solid rgba(157, 157, 157, 0.7);
	padding: 6px 2px;
	z-index: 3;
}
.searchinput:focus,
.searchinput:hover {
	border: 1px solid #3cb1e7;
	/* 	color: #3cb1e7; */
}
.searchinput.active {
	border: 1px solid #3cb1e7;
	background: #3cb1e7;
	color: #fff;
}
.searchinput.small {
	width: 120px;
}
.button.clear {
	/* background: #9d9d9d; */
	background: #fff;
	border: 1px solid #9d9d9d;
	color: #9d9d9d;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	width: 30px;
	height: 28px;
	padding: 10px 5px 4px 8px;
	font-size: 16px;
	font-weight: 600;
	margin-left: -4px;
	margin-top: 2px;
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	z-index: 2;
}
.button.clear:hover {
	background: transparent;
	border: 1px solid #3cb1e7;
	color: #3cb1e7;
}
.button.clear:active {
	background: #3cb1e7;
	border: 1px solid #3cb1e7;
	color: #fff;
}
/*
.button.clear {
	//background: rgba(255,255,255,.9);
	background: #3cb1e7;
	color: #fff;
	border-radius: 50px;
	width: 16px;
	height: 16px;
	padding-top: 5px;
	margin-left: -10px;
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
*/

/* Icons 
___________________________________________________________________________________*/
.icons-set {
	display: inline-block;
	position: relative;
	padding: 8px;
	margin: 0 5px;
}
.icons-set-inline {
	display: inline-block;
}
.icons-set-right {
	float: right;
}
.icons-set-left {
	float: left;
}
.icons-set-right.paginator {
	margin: -60px 5px 0;
}
.icons-set-profile {
	margin: -70px 13px 0;
	float: right;
}
.icon {
	position: relative;
	display: inline-block;
}
.list-org-span .icon {
	margin-top: -22px !important;
}
.icon.navBar_filter {
	background: url(../images/input-search@2x.png) no-repeat 0 0px;
	background-size: 20px !important;
	transition: all 0.3s ease-in-out;
}
.icon.navBar_filter:hover {
	filter: contrast(0);
}
.icon.transparent {
	background: transparent;
	width: 16px;
	height: 16px;
	margin-top: -16px;
	cursor: pointer;
	float: left;
	left: -25px;
}
.icon.disabled,
.icon.disabled:hover,
.icon.disabled:active {
	-webkit-filter: brightness(130%);
	cursor: default;
	background-position: 0 0 !important;
}
.icon.attention {
	background: url(../images/attention.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/attention.png) 1x,
		url(../images/attention@2x.png) 2x
	);
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
}
.notice .icon.attention {
	background: url(../images/attention_notice.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/attention_notice.png) 1x,
		url(../images/attention_notice@2x.png) 2x
	);
	background-size: 20px 20px;
}
.icon.print {
	background: url(../images/print.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(url(../images/print.png) 1x, url(../images/print@2x.png) 2x);
	background-size: 26px 79px;
	width: 26px;
	height: 26px;
	text-indent: -9999px;
}
.icon.print:hover {
	background-position: 0 -26px;
}
.icon.print:active {
	background-position: 0 -53px;
}
.icon.heart {
	background: url(../images/heart.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(url(../images/heart.png) 1x, url(../images/heart@2x.png) 2x);
	background-size: 26px 79px;
	width: 26px;
	height: 27px;
	margin-right: 15px;
	text-indent: -9999px;
}
.icon.heart:hover {
	background-position: 0 -26px;
}
.icon.heart:active {
	background-position: 0 -53px;
}
.icon.qrcode {
	background: url(../images/qrcode.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(url(../images/qrcode.png) 1x, url(../images/qrcode@2x.png) 2x);
	background-size: 24px 48px;
	width: 25px;
	height: 24px;
	text-indent: -9999px;
}
.icon.qrcode:hover {
	background-position: 0 -24.5px;
}
.icon.qrcode:active {
	background-position: 0 -24.5px;
}
.icon.pdf {
	background: url(../images/pdf.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(url(../images/pdf.png) 1x, url(../images/pdf@2x.png) 2x);
	background-size: 24px 48px;
	width: 25px;
	height: 24px;
	text-indent: -9999px;
}
.icon.pdf:hover {
	background-position: 0 -24.5px;
}
.icon.pdf:active {
	background-position: 0 -24.5px;
}
.icon.plus {
	background: url(../images/plus.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(url(../images/plus.png) 1x, url(../images/plus@2x.png) 2x);
	background-size: 26px 105px;
	width: 26px;
	height: 26px;
	text-indent: -9999px;
}
.icon.plus:hover {
	background-position: 0 -26px;
}
.icon.plus:active {
	background-position: 0 -53px;
}
.icon.minus {
	background: url(../images/minus.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(url(../images/minus.png) 1x, url(../images/minus@2x.png) 2x);
	background-size: 26px 79px;
	width: 26px;
	height: 26px;
	text-indent: -9999px;
}
.icon.minus:hover {
	background-position: 0 -26px;
}
.icon.minus:active {
	background-position: 0 -53px;
}
.icon.save {
	background: url(../images/save.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(url(../images/save.png) 1x, url(../images/save@2x.png) 2x);
	background-size: 26px 79px;
	width: 26px;
	height: 26px;
	text-indent: -9999px;
}
.icon.save:hover {
	background-position: 0 -26px;
}
.icon.save:active {
	background-position: 0 -53px;
}
.icon.more {
	margin-top: 2px;
	background: url(../images/more.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(url(../images/more.png) 1x, url(../images/more@2x.png) 2x);
	background-size: 26px 79px;
	width: 27px;
	height: 26px;
	text-indent: -9999px;
}
.icon.more:hover {
	background-position: 0 -26px;
}
.icon.more:active {
	background-position: 0 -53px;
}
.icon.checks {
	background: url(../images/check.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(url(../images/check.png) 1x, url(../images/check@2x.png) 2x);
	background-size: 26px 79px;
	width: 27px;
	height: 26px;
	text-indent: -9999px;
}
.icon.checks:hover {
	background-position: 0 -26px;
}
.icon.checks:active {
	background-position: 0 -53px;
}
.icon.config {
	background: url(../images/config.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(url(../images/config.png) 1x, url(../images/config@2x.png) 2x);
	background-size: 26px 79px;
	width: 27px;
	height: 26px;
	text-indent: -9999px;
}
.icon.config:hover {
	background-position: 0 -26px;
}
.icon.config:active {
	background-position: 0 -53px;
}
.icon.clock {
	background: url(../images/clock.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(url(../images/clock.png) 1x, url(../images/clock@2x.png) 2x);
	background-size: 26px 79px;
	width: 27px;
	height: 26px;
	text-indent: -9999px;
}
.icon.clock:hover {
	background-position: 0 -26px;
}
.icon.clock:active {
	background-position: 0 -53px;
}

.icon.user {
	margin-top: 2px;
	background: url(../images/user.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(url(../images/user.png) 1x, url(../images/user@2x.png) 2x);
	background-size: 26px 79px;
	width: 27px;
	height: 26px;
	text-indent: -9999px;
}
.icon.user:hover {
	background-position: 0 -26px;
}
.icon.user:active {
	background-position: 0 -53px;
}
.icon.listuser {
	background: url(../images/list_user.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/list_user.png) 1x,
		url(../images/list_user@2x.png) 2x
	);
	background-size: 16px 67px;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	margin-top: -16px;
	cursor: default;
	float: left;
	left: -25px;
}
.icon.listsettings {
	background: url(../images/list_settings.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/list_settings.png) 1x,
		url(../images/list_settings@2x.png) 2x
	);
	background-size: 16px 84px;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	margin-top: -16px;
	cursor: pointer;
	float: left;
	left: -25px;
}
.icon.listsettings.on-page {
	background: url(../images/list_settings.png) no-repeat 0 -17px;
	background-image: -Webkit-image-set(
		url(../images/list_settings.png) 1x,
		url(../images/list_settings@2x.png) 2x
	);
	background-size: 16px 84px;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	margin-top: 0;
	cursor: pointer;
	float: left;
	left: 0;
	filter: contrast(5);
}
.icon.listsettings.on-page:hover,
.icon.listsettings.on-page:active {
	filter: none;
}
.icon.listsettings.none,
.icon.listadd.none {
	background-image: none !important;
	display: none;
}
.icon.placetypeicon.coffee:not(:first-child) {
	display: none;
}
.icon.listfilter {
	background: url(../images/list.png) no-repeat 50% 4px;
	background-image: -Webkit-image-set(url(../images/list.png) 1x, url(../images/list@2x.png) 2x);
	background-size: 20px auto;
	margin: -2px 0 0 5px;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	padding: 4px 4px 3px;
	border: 1px solid transparent;
}
.icon.listfilter:hover {
	background-position-y: -18.7px;
}
.icon.listfilter:active {
	background-position-y: -42px;
	border-radius: 5px;
	border: 1px solid #3cb1e7;
}
.icon.listfilter.active {
	background-position-y: 4px;
	border-radius: 6px;
	border: 1px solid #d4d4d4;
}
.icon.bottom_bar {
	background: url(../images/bottom_icons_sprite@2x.png) no-repeat 0 0;
	background-image: -Webkit-image-set(
		url(../images/bottom_icons_sprite@2x.png) 1x,
		url(../images/bottom_icons_sprite@2x.png) 2x
	);
	background-size: auto 45px;
}
.icon.bottom_bar.share {
	margin: -5px 5px 0 -5px;
	width: 13px;
	height: 15px;
	text-indent: -9999px;
	padding: 4px 4px 3px;
	border: 1px solid transparent;
}
.icon.bottom_bar.share:hover,
.list-box:hover .icon.bottom_bar.share {
	background-position-y: -24px;
}
.icon.bottom_bar.share:active {
	background-position-y: -24px;
}
.icon.bottom_bar.new_plus {
	margin: -5px 0 0 5px;
	width: 13px;
	height: 15px;
	text-indent: -9999px;
	padding: 4px 4px 3px;
	border: 1px solid transparent;
	background-position-x: -22px;
}
.icon.bottom_bar.new_plus:hover,
.list-box:hover .icon.bottom_bar.new_plus {
	background-position-y: -24px;
}
.icon.bottom_bar.new_plus:active {
	background-position-y: -24px;
}
.icon.bottom_bar.new_plus.close {
	transform: rotate(45deg);
	margin-top: -2px;
	margin-left: 7px;
}
.icon.placetypeicon.none {
	background-image: none !important;
	/* 	display: none; */
}
.icon.placetypeicon.test {
	background-image: url(../images/menu/placetype/test@2x.png);
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/test@2x.png) 1x,
		url(../images/menu/placetype/test@2x.png) 2x
	);
}
/* li:hover .icon.placetypeicon.test, */
li.active .icon.placetypeicon.test {
	background-image: url(../images/menu/placetype/test_filled@2x.png);
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/test_filled@2x.png) 1x,
		url(../images/menu/placetype/test_filled@2x.png) 2x
	);
}
.icon.placetypeicon.unknown {
	background-image: url(../images/menu/placetype/unknown.png);
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/unknown.png) 1x,
		url(../images/menu/placetype/unknown@2x.png) 2x
	);
}
/* li:hover .icon.placetypeicon.unknown, */
li.active .icon.placetypeicon.unknown {
	background-image: url(../images/menu/placetype/unknown_filled.png);
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/unknown_filled.png) 1x,
		url(../images/menu/placetype/unknown_filled@2x.png) 2x
	);
}
.icon.placetypeicon.plus {
	background-image: url(../images/menu/placetype/plus.png);
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/plus.png) 1x,
		url(../images/menu/placetype/plus@2x.png) 2x
	);
}
/* li:hover .icon.placetypeicon.plus, */
li.active .icon.placetypeicon.plus {
	background-image: url(../images/menu/placetype/plus_filled.png);
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/plus_filled.png) 1x,
		url(../images/menu/placetype/plus_filled@2x.png) 2x
	);
}
.icon.placetypeicon.beer {
	background-image: url(../images/menu/placetype/beer.png);
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/beer.png) 1x,
		url(../images/menu/placetype/beer@2x.png) 2x
	);
}
/* li:hover .icon.placetypeicon.beer, */
li.active .icon.placetypeicon.beer {
	background-image: url(../images/menu/placetype/beer_filled.png);
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/beer_filled.png) 1x,
		url(../images/menu/placetype/beer_filled@2x.png) 2x
	);
}
.icon.placetypeicon.coffee {
	background-image: url(../images/menu/placetype/coffee.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/coffee.png) 1x,
		url(../images/menu/placetype/coffee@2x.png) 2x
	);
}
/* li:hover .icon.placetypeicon.coffee, */
li.active .icon.placetypeicon.coffee {
	background-image: url(../images/menu/placetype/coffee_filled.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/coffee_filled.png) 1x,
		url(../images/menu/placetype/coffee_filled@2x.png) 2x
	);
}
.icon.placetypeicon.autocenter {
	background-image: url(../images/menu/placetype/autocenter.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/autocenter.png) 1x,
		url(../images/menu/placetype/autocenter@2x.png) 2x
	);
}
/* li:hover .icon.placetypeicon.autocenter, */
li.active .icon.placetypeicon.autocenter {
	background-image: url(../images/menu/placetype/autocenter_filled.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/autocenter_filled.png) 1x,
		url(../images/menu/placetype/autocenter_filled@2x.png) 2x
	);
}
.icon.placetypeicon.billiard {
	background-image: url(../images/menu/placetype/billiard.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/billiard.png) 1x,
		url(../images/menu/placetype/billiard@2x.png) 2x
	);
}
/* li:hover .icon.placetypeicon.billiard, */
li.active .icon.placetypeicon.billiard {
	background-image: url(../images/menu/placetype/billiard_filled.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/billiard_filled.png) 1x,
		url(../images/menu/placetype/billiard_filled@2x.png) 2x
	);
}
.icon.placetypeicon.cinema {
	background-image: url(../images/menu/placetype/cinema.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/cinema.png) 1x,
		url(../images/menu/placetype/cinema@2x.png) 2x
	);
}
/* li:hover .icon.placetypeicon.cinema, */
li.active .icon.placetypeicon.cinema {
	background-image: url(../images/menu/placetype/cinema_filled.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/cinema_filled.png) 1x,
		url(../images/menu/placetype/cinema_filled@2x.png) 2x
	);
}
.icon.placetypeicon.cocktail {
	background-image: url(../images/menu/placetype/cocktail.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/cocktail.png) 1x,
		url(../images/menu/placetype/cocktail@2x.png) 2x
	);
}
/* li:hover .icon.placetypeicon.cocktail, */
li.active .icon.placetypeicon.cocktail {
	background-image: url(../images/menu/placetype/cocktail_filled.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/cocktail_filled.png) 1x,
		url(../images/menu/placetype/cocktail_filled@2x.png) 2x
	);
}
.icon.placetypeicon.coffee {
	background-image: url(../images/menu/placetype/coffee.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/coffee.png) 1x,
		url(../images/menu/placetype/coffee@2x.png) 2x
	);
}
/* li:hover .icon.placetypeicon.coffee, */
li.active .icon.placetypeicon.coffee {
	background-image: url(../images/menu/placetype/coffee_filled.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/coffee_filled.png) 1x,
		url(../images/menu/placetype/coffee_filled@2x.png) 2x
	);
}
.icon.placetypeicon.cookies {
	background-image: url(../images/menu/placetype/cookies.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/cookies.png) 1x,
		url(../images/menu/placetype/cookies@2x.png) 2x
	);
}
/* li:hover .icon.placetypeicon.cookies, */
li.active .icon.placetypeicon.cookies {
	background-image: url(../images/menu/placetype/cookies_filled.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/cookies_filled.png) 1x,
		url(../images/menu/placetype/cookies_filled@2x.png) 2x
	);
}
.icon.placetypeicon.fastfood {
	background-image: url(../images/menu/placetype/fastfood.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/fastfood.png) 1x,
		url(../images/menu/placetype/fastfood@2x.png) 2x
	);
}
/* li:hover .icon.placetypeicon.fastfood, */
li.active .icon.placetypeicon.fastfood {
	background-image: url(../images/menu/placetype/fastfood_filled.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/fastfood_filled.png) 1x,
		url(../images/menu/placetype/fastfood_filled@2x.png) 2x
	);
}
.icon.placetypeicon.mall {
	background-image: url(../images/menu/placetype/mall.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/mall.png) 1x,
		url(../images/menu/placetype/mall@2x.png) 2x
	);
}
/* li:hover .icon.placetypeicon.mall, */
li.active .icon.placetypeicon.mall {
	background-image: url(../images/menu/placetype/mall_filled.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/mall_filled.png) 1x,
		url(../images/menu/placetype/mall_filled@2x.png) 2x
	);
}
.icon.placetypeicon.store {
	background-image: url(../images/menu/placetype/store.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/store.png) 1x,
		url(../images/menu/placetype/store@2x.png) 2x
	);
}
/* li:hover .icon.placetypeicon.mall, */
li.active .icon.placetypeicon.store {
	background-image: url(../images/menu/placetype/store_filled.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/store_filled.png) 1x,
		url(../images/menu/placetype/store_filled@2x.png) 2x
	);
}
.icon.placetypeicon.organization {
	background-image: url(../images/menu/placetype/organization.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/organization.png) 1x,
		url(../images/menu/placetype/organization@2x.png) 2x
	);
}
/* li:hover .icon.placetypeicon.organization, */
li.active .icon.placetypeicon.organization {
	background-image: url(../images/menu/placetype/organization_filled.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/organization_filled.png) 1x,
		url(../images/menu/placetype/organization_filled@2x.png) 2x
	);
}
.icon.placetypeicon.pizza {
	background-image: url(../images/menu/placetype/pizza.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/pizza.png) 1x,
		url(../images/menu/placetype/pizza@2x.png) 2x
	);
}
/* li:hover .icon.placetypeicon.pizza, */
li.active .icon.placetypeicon.pizza {
	background-image: url(../images/menu/placetype/pizza_filled.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/pizza_filled.png) 1x,
		url(../images/menu/placetype/pizza_filled@2x.png) 2x
	);
}
.icon.placetypeicon.restaurant {
	background-image: url(../images/menu/placetype/restaurant.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/restaurant.png) 1x,
		url(../images/menu/placetype/restaurant@2x.png) 2x
	);
}
/* li:hover .icon.placetypeicon.restaurant, */
li.active .icon.placetypeicon.restaurant {
	background-image: url(../images/menu/placetype/restaurant_filled.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/restaurant_filled.png) 1x,
		url(../images/menu/placetype/restaurant_filled@2x.png) 2x
	);
}
.icon.placetypeicon.smoking {
	background-image: url(../images/menu/placetype/smoking.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/smoking.png) 1x,
		url(../images/menu/placetype/smoking@2x.png) 2x
	);
}
/* li:hover .icon.placetypeicon.smoking, */
li.active .icon.placetypeicon.smoking {
	background-image: url(../images/menu/placetype/smoking_filled.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/smoking_filled.png) 1x,
		url(../images/menu/placetype/smoking_filled@2x.png) 2x
	);
}
.icon.placetypeicon.style {
	background-image: url(../images/menu/placetype/style.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/style.png) 1x,
		url(../images/menu/placetype/style@2x.png) 2x
	);
}
/* li:hover .icon.placetypeicon.style, */
li.active .icon.placetypeicon.style {
	background-image: url(../images/menu/placetype/style_filled.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/style_filled.png) 1x,
		url(../images/menu/placetype/style_filled@2x.png) 2x
	);
}
.icon.placetypeicon.supermarket {
	background-image: url(../images/menu/placetype/supermarket.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/supermarket.png) 1x,
		url(../images/menu/placetype/supermarket@2x.png) 2x
	);
}
/* li:hover .icon.placetypeicon.supermarket, */
li.active .icon.placetypeicon.supermarket {
	background-image: url(../images/menu/placetype/supermarket_filled.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/supermarket_filled.png) 1x,
		url(../images/menu/placetype/supermarket_filled@2x.png) 2x
	);
}
.icon.placetypeicon.teahouse {
	background-image: url(../images/menu/placetype/teahouse.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/teahouse.png) 1x,
		url(../images/menu/placetype/teahouse@2x.png) 2x
	);
}
/* li:hover .icon.placetypeicon.teahouse, */
li.active .icon.placetypeicon.teahouse {
	background-image: url(../images/menu/placetype/teahouse_filled.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/teahouse_filled.png) 1x,
		url(../images/menu/placetype/teahouse_filled@2x.png) 2x
	);
}
.icon.placetypeicon.woomen {
	background-image: url(../images/menu/placetype/woomen.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/woomen.png) 1x,
		url(../images/menu/placetype/woomen@2x.png) 2x
	);
}
/* li:hover .icon.placetypeicon.woomen, */
li.active .icon.placetypeicon.woomen {
	background-image: url(../images/menu/placetype/woomen_filled.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/woomen_filled.png) 1x,
		url(../images/menu/placetype/woomen_filled@2x.png) 2x
	);
}
.icon.placetypeicon.dress {
	background-image: url(../images/menu/placetype/dress.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/dress.png) 1x,
		url(../images/menu/placetype/dress@2x.png) 2x
	);
}
/* li:hover .icon.placetypeicon.dress, */
li.active .icon.placetypeicon.dress {
	background-image: url(../images/menu/placetype/dress_filled.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/dress_filled.png) 1x,
		url(../images/menu/placetype/dress_filled@2x.png) 2x
	);
}
.icon.placetypeicon.danceclub {
	background-image: url(../images/menu/placetype/danceclub.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/danceclub.png) 1x,
		url(../images/menu/placetype/danceclub@2x.png) 2x
	);
}
/* li:hover .icon.placetypeicon.danceclub, */
li.active .icon.placetypeicon.danceclub {
	background-image: url(../images/menu/placetype/danceclub_filled.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/danceclub_filled.png) 1x,
		url(../images/menu/placetype/danceclub_filled@2x.png) 2x
	);
}
.icon.placetypeicon.bowl {
	background-image: url(../images/menu/placetype/bowl.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/bowl.png) 1x,
		url(../images/menu/placetype/bowl@2x.png) 2x
	);
}
/* li:hover .icon.placetypeicon.danceclub, */
li.active .icon.placetypeicon.bowl {
	background-image: url(../images/menu/placetype/bowl_filled.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/bowl_filled.png) 1x,
		url(../images/menu/placetype/bowl_filled@2x.png) 2x
	);
}
.icon.placetypeicon.gym {
	background-image: url(../images/menu/placetype/gym.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/gym.png) 1x,
		url(../images/menu/placetype/gym@2x.png) 2x
	);
}
/* li:hover .icon.placetypeicon.danceclub, */
li.active .icon.placetypeicon.gym {
	background-image: url(../images/menu/placetype/gym_filled.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/gym_filled.png) 1x,
		url(../images/menu/placetype/gym_filled@2x.png) 2x
	);
}
.icon.placetypeicon.jewelry {
	background-image: url(../images/menu/placetype/jewelry.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/jewelry.png) 1x,
		url(../images/menu/placetype/jewelry@2x.png) 2x
	);
}
/* li:hover .icon.placetypeicon.danceclub, */
li.active .icon.placetypeicon.jewelry {
	background-image: url(../images/menu/placetype/jewelry_filled.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/jewelry_filled.png) 1x,
		url(../images/menu/placetype/jewelry_filled@2x.png) 2x
	);
}
.icon.placetypeicon.cafe {
	background-image: url(../images/menu/placetype/cafe.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/cafe.png) 1x,
		url(../images/menu/placetype/cafe@2x.png) 2x
	);
}
/* li:hover .icon.placetypeicon.danceclub, */
li.active .icon.placetypeicon.cafe {
	background-image: url(../images/menu/placetype/cafe_filled.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/cafe_filled.png) 1x,
		url(../images/menu/placetype/cafe_filled@2x.png) 2x
	);
}
.icon.placetypeicon.wine {
	background-image: url(../images/menu/placetype/wine.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/wine.png) 1x,
		url(../images/menu/placetype/wine@2x.png) 2x
	);
}
/* li:hover .icon.placetypeicon.danceclub, */
li.active .icon.placetypeicon.wine {
	background-image: url(../images/menu/placetype/wine_filled.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/wine_filled.png) 1x,
		url(../images/menu/placetype/wine_filled@2x.png) 2x
	);
}
.icon.placetypeicon.backery {
	background-image: url(../images/menu/placetype/backery.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/backery.png) 1x,
		url(../images/menu/placetype/backery@2x.png) 2x
	);
}
/* li:hover .icon.placetypeicon.danceclub, */
li.active .icon.placetypeicon.backery {
	background-image: url(../images/menu/placetype/backery_filled.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/placetype/backery_filled.png) 1x,
		url(../images/menu/placetype/backery_filled@2x.png) 2x
	);
}

/* .icon.listuser:hover, */
.icon.listsettings:hover {
	background-position: 0 -34px !important;
}
/* .icon.listuser:active, */
.icon.listsettings:active {
	background-position: 0 -51px !important;
}
.back .icon.listsettings,
.back .icon.listadd,
.icon.listsettings.right,
.icon.listadd.right {
	float: right;
}
.icon.listadd.right {
	left: -21px;
}
.back .icon.listsettings,
.back .icon.listsettings:hover,
.back .icon.listadd,
.back .icon.listadd:hover {
	background-position: 0 0px !important;
}
.back .icon.listadd {
	-webkit-filter: brightness(120%);
	filter: brightness(120%);
}
.back li:hover .icon.listsettings,
.back li.active .icon.listsettings {
	-webkit-filter: brightness(110%);
	filter: brightness(110%);
}
.back li:hover .icon.listadd,
.back li.active .icon.listadd {
	-webkit-filter: brightness(140%);
	filter: brightness(140%);
}
.back .icon.listsettings:hover,
.back .icon.listadd:hover {
	-webkit-filter: brightness(115%) !important;
	filter: brightness(115%) !important;
}
.back .icon.listsettings:active,
.back .icon.listsettings.active {
	background-position: 0 -68px !important;
}
.back .icon.placetypeicon {
	float: left;
	width: 20px;
	height: 20px;
	background-size: 20px;
	background-position: 50%;
	background-repeat: no-repeat;
	margin: 10px;
}
li:hover .icon.listuser,
li.active .icon.listuser,
li:hover .icon.listsettings,
li.active .icon.listsettings,
li:not(.list-multiple).listused .icon.listsettings {
	background-position: 0 -17px;
}
.icon.delete {
	background: url(../images/delete.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(url(../images/delete.png) 1x, url(../images/delete@2x.png) 2x);
	background-size: 16px 49px;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	margin-top: 1px;
	cursor: pointer;
	float: left;
	left: -5px;
}
.icon.delete:hover {
	background-position: 0 -16px !important;
}
.icon.delete:active {
	background-position: 0 -33px !important;
}
.icon.none {
	background: transparent;
	background-size: 12px 50px;
	background-position: 0 0;
	width: 24px;
	height: 25px;
	text-indent: -9999px;
	cursor: pointer;
}
.icon.appdevices {
	background: url(../images/place_devices.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/place_devices.png) 1x,
		url(../images/place_devices@2x.png) 2x
	);
	background-size: 12px 50px;
	background-position: 0 0;
	width: 24px;
	height: 25px;
	text-indent: -9999px;
	cursor: pointer;
}
.icon.appdevices:hover {
	background-position: 0 -25px !important;
}
.icon.appsupport {
	background: url(../images/place_support.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/place_support.png) 1x,
		url(../images/place_support@2x.png) 2x
	);
	background-size: 12px 50px;
	background-position: 0 0;
	width: 24px;
	height: 25px;
	text-indent: -9999px;
	cursor: pointer;
}
.icon.appsupport:hover {
	background-position: 0 -25px !important;
}
.icon.appconsole {
	background: url(../images/place_console.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/place_console.png) 1x,
		url(../images/place_console@2x.png) 2x
	);
	background-size: 12px 50px;
	background-position: 0 0;
	width: 24px;
	height: 25px;
	text-indent: -9999px;
	cursor: pointer;
}
.icon.appconsole:hover {
	background-position: 0 -25px !important;
}
.icon.placeedit {
	background: url(../images/place_edit.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/place_edit.png) 1x,
		url(../images/place_edit@2x.png) 2x
	);
	background-size: 12px 50px;
	background-position: 0 0px;
	width: 24px;
	height: 25px;
	text-indent: -9999px;
	cursor: pointer;
}
.icon.placeedit:hover {
	background-position: 0 -25px !important;
}
.tracks-list.v2 .icon.placeedit {
	background-position-y: 2px;
}
.tracks-list.v2 .icon.placeedit:hover {
	background-position-y: -23px !important;
}
.inner-element-item .icon.placeedit {
	background-position: 0 -5px;
	height: 14px;
}
.inner-element-item .icon.placeedit:hover {
	background-position-y: -30px !important;
}
.icon.placetiming {
	background: url(../images/place_timing.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/place_timing.png) 1x,
		url(../images/place_timing@2x.png) 2x
	);
	background-size: 12px 50px;
	background-position: 0 0;
	width: 24px;
	height: 25px;
	text-indent: -9999px;
	cursor: pointer;
}
.icon.placetiming:hover {
	background-position: 0 -25px !important;
}
.icon.placeadschedule {
	background: url(../images/place_adschedule.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/place_adschedule.png) 1x,
		url(../images/place_adschedule@2x.png) 2x
	);
	background-size: 12px 50px;
	background-position: 0 0;
	width: 24px;
	height: 25px;
	text-indent: -9999px;
	cursor: pointer;
}
.icon.placeadschedule:hover {
	background-position: 0 -25px !important;
}
.icon.placedelete {
	background: url(../images/place_delete.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/place_delete.png) 1x,
		url(../images/place_delete@2x.png) 2x
	);
	background-size: 12px 50px;
	background-position: 0 0;
	width: 24px;
	height: 25px;
	text-indent: -9999px;
	cursor: pointer;
}
.icon.placedelete:hover {
	background-position: 0 -25px !important;
}

.icon.placedelete__red {
	background: url(../images/place_delete_red.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/place_delete_red.png) 1x,
		url(../images/place_delete_red@2x.png) 2x
	);
	background-size: 12px 50px;
	background-position: 0 0;
	width: 24px;
	height: 25px;
	text-indent: -9999px;
	cursor: pointer;
}

#list-context-selector ul > li:hover .icon.placedelete__red {
	background-position: 0 -31px !important;
}

.icon.placeduplicate {
	background: url(../images/place_duplicate.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/place_duplicate.png) 1x,
		url(../images/place_duplicate@2x.png) 2x
	);
	background-size: 12px 50px;
	background-position: 0 0;
	width: 24px;
	height: 25px;
	text-indent: -9999px;
	cursor: pointer;
}
.icon.placeduplicate:hover {
	background-position: 0 -25px !important;
}
.icon.finance_invoice {
	background: url(../images/listcontext/invoice@2x.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/listcontext/invoice@2x.png) 1x,
		url(../images/listcontext/invoice@2x.png) 2x
	);
	background-size: 12px 50px;
	background-position: 0 0;
	width: 24px;
	height: 25px;
	text-indent: -9999px;
	cursor: pointer;
}
.icon.disk,
.icon.battery.tray,
.icon.platform {
	background-size: 12px 12px !important;
	background-position: 50% 36% !important;
	background-repeat: no-repeat !important;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	cursor: default;
}
.icon.platform.table {
	background-position: 50% 65% !important;
}
.icon.platform {
	background-size: 13px 13px !important;
}
.icon.platform.in-widget {
	width: 12px;
	height: 22px;
}
.icon.platform.in-table {
	margin: 3px -6px 0 -3px;
}
.icon.platform.unix {
	display: none;
}
.icon.platform.browser {
	background: url(../images/platform/browser.png);
	background-image: -Webkit-image-set(
		url(../images/platform/browser.png) 1x,
		url(../images/platform/browser@2x.png) 2x,
		url(../images/platform/browser@3x.png) 3x
	);
}
.icon.platform.linux {
	background: url(../images/platform/linux.png);
	background-image: -Webkit-image-set(
		url(../images/platform/linux.png) 1x,
		url(../images/platform/linux@2x.png) 2x,
		url(../images/platform/linux@3x.png) 3x
	);
}
.icon.platform.windows {
	background: url(../images/platform/windows.png);
	background-image: -Webkit-image-set(
		url(../images/platform/windows.png) 1x,
		url(../images/platform/windows@2x.png) 2x,
		url(../images/platform/windows@3x.png) 3x
	);
}
.icon.platform.android {
	background: url(../images/platform/android.png);
	background-image: -Webkit-image-set(
		url(../images/platform/android.png) 1x,
		url(../images/platform/android@2x.png) 2x,
		url(../images/platform/android@3x.png) 3x
	);
}
.icon.platform.ios,
.icon.platform.mac {
	background: url(../images/platform/ios.png);
	background-image: -Webkit-image-set(
		url(../images/platform/ios.png) 1x,
		url(../images/platform/ios@2x.png) 2x,
		url(../images/platform/ios@3x.png) 3x
	);
}
.icon.disk.sd {
	background: url(../images/disk/sd.png);
	background-image: -Webkit-image-set(url(../images/disk/sd.png) 1x, url(../images/disk/sd@2x.png) 2x);
}
.icon.disk.hdd {
	background: url(../images/disk/hdd.png);
	background-image: -Webkit-image-set(url(../images/disk/hdd.png) 1x, url(../images/disk/hdd@2x.png) 2x);
}
.icon.battery {
	background-size: 24px 25px;
	background-position: 0 50% !important;
	background-repeat: no-repeat !important;
	width: 24px;
	height: 25px;
	text-indent: -9999px;
	cursor: default;
}
.icon.battery.tray {
	-webkit-filter: brightness(0.6);
	width: 20px;
}
.icon.battery.c-1 {
	background: url(../images/battery/-1_light.png);
	background-image: -Webkit-image-set(
		url(../images/battery/-1_light.png) 1x,
		url(../images/battery/-1_light@2x.png) 2x
	);
}
.icon.battery.c0 {
	background: url(../images/battery/0_red.png);
	background-image: -Webkit-image-set(
		url(../images/battery/0_red.png) 1x,
		url(../images/battery/0_red@2x.png) 2x
	);
	opacity: 0.6;
}
.icon.battery.c1 {
	background: url(../images/battery/25_red.png);
	background-image: -Webkit-image-set(
		url(../images/battery/25_red.png) 1x,
		url(../images/battery/25_red@2x.png) 2x
	);
	opacity: 0.6;
}
.icon.battery.c2 {
	background: url(../images/battery/50_red.png);
	background-image: -Webkit-image-set(
		url(../images/battery/50_red.png) 1x,
		url(../images/battery/50_red@2x.png) 2x
	);
}
.icon.battery.c3 {
	background: url(../images/battery/0.png);
	background-image: -Webkit-image-set(
		url(../images/battery/0.png) 1x,
		url(../images/battery/0@2x.png) 2x
	);
}
.icon.battery.c4 {
	background: url(../images/battery/25.png);
	background-image: -Webkit-image-set(
		url(../images/battery/25.png) 1x,
		url(../images/battery/25@2x.png) 2x
	);
}
.icon.battery.c5 {
	background: url(../images/battery/50.png);
	background-image: -Webkit-image-set(
		url(../images/battery/50.png) 1x,
		url(../images/battery/50@2x.png) 2x
	);
}
.icon.battery.c6 {
	background: url(../images/battery/75.png);
	background-image: -Webkit-image-set(
		url(../images/battery/75.png) 1x,
		url(../images/battery/75@2x.png) 2x
	);
}
.icon.battery.c7 {
	background: url(../images/battery/100.png);
	background-image: -Webkit-image-set(
		url(../images/battery/100.png) 1x,
		url(../images/battery/100@2x.png) 2x
	);
}
.icon.battery.c8 {
	background: url(../images/battery/100_p.png);
	background-image: -Webkit-image-set(
		url(../images/battery/100_p.png) 1x,
		url(../images/battery/100_p@2x.png) 2x
	);
}
.icon.battery.old {
	opacity: 0.6;
}
.icon.exportlist {
	background: url(../images/exportlist_csv.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/exportlist_csv.png) 1x,
		url(../images/exportlist_csv@2x.png) 2x
	);
	background-size: 12px 50px;
	background-position: 0 0;
	width: 24px;
	height: 25px;
	text-indent: -9999px;
	cursor: pointer;
}
.icon.exportlist:hover {
	background-position: 0 -25px !important;
}
.icon.exportdoc {
	background: url(../images/exportlist_word.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/exportlist_word.png) 1x,
		url(../images/exportlist_word@2x.png) 2x
	);
	background-size: 12px 50px;
	background-position: 0 0;
	width: 24px;
	height: 25px;
	text-indent: -9999px;
	cursor: pointer;
}
.icon.exportdoc:hover {
	background-position: 0 -25px !important;
}
.icon.exportxml {
	background: url(../images/exportlist.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/exportlist.png) 1x,
		url(../images/exportlist@2x.png) 2x
	);
	background-size: 12px 50px;
	background-position: 0 0;
	width: 24px;
	height: 25px;
	text-indent: -9999px;
	cursor: pointer;
}
.icon.exportxml:hover {
	background-position: 0 -25px !important;
}
.icon.exportpdf {
	background: url(../images/exportlist_pdf.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/exportlist_pdf.png) 1x,
		url(../images/exportlist_pdf@2x.png) 2x
	);
	background-size: 13px 13px;
	background-position: 50%;
	width: 24px;
	height: 25px;
	text-indent: -9999px;
	cursor: pointer;
	color: rgb(157, 157, 157);
}
.icon.exportpdf:hover {
	background: url(../images/exportlist_pdf_hover.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(
		url(../images/exportlist_pdf_hover.png) 1x,
		url(../images/exportlist_pdf_hover@2x.png) 2x
	);
	background-position: 50%;
	background-size: 13px 13px;
}
.icon.compare {
	background: url(../images/compare.png) no-repeat 0 0px;
	background-image: -Webkit-image-set(url(../images/compare.png) 1x, url(../images/compare@2x.png) 2x);
	background-size: 14px 50px;
	background-position: 0 0;
	width: 28px;
	height: 25px;
	text-indent: -9999px;
	cursor: pointer;
}
.icon.compare:hover {
	background-position: 0 -25px !important;
}
.icon.listadd {
	background: url(../images/plus.png) no-repeat 0px 0px;
	background-image: -Webkit-image-set(url(../images/plus.png) 1x, url(../images/plus@2x.png) 2x);
	background-size: 17px auto;
	width: 17px;
	height: 17px;
	text-indent: -9999px;
	margin-top: -16px;
	cursor: pointer;

	/*
	float: right;
	right: 15px;
*/

	float: left;
	left: -25px;
}
.icon.listadd.light {
	background-position: 0 -52px !important;
}
li.active .icon.listadd.light,
li:hover .icon.listadd.light {
	background-position: 0 0px !important;
}
li:hover .icon.listadd.light:hover {
	background-position: 0 -17px !important;
}
li:hover .icon.listadd.light:active {
	background-position: 0 -34px !important;
}
li:hover .icon.listadd.list,
.icon.listadd.ad:hover {
	background-position: 0 -17px !important;
}
li:active .icon.listadd.list,
.icon.listadd.ad:active {
	background-position: 0 -34px !important;
}

.icon.listused {
	/*
	background: url(../images/save.png) no-repeat 0 -17px;
	background-image: -Webkit-image-set(url(../images/save.png) 1x, url(../images/save@2x.png) 2x);
	background-size: 17px auto;
	width: 17px;
	height: 17px;
	text-indent: -9999px;
	float: right;
	margin-top: -16px;
	right: 16px;
*/

	/*
background: -moz-linear-gradient(left, rgba(60, 177, 231, 0.8) 0%,rgba(60, 177, 231, 0.8) 3px,transparent 3px,transparent 40px,rgba(209, 209, 209, 0) 40px,rgba(209, 209, 209, 0.3) 100%);
    background: -webkit-linear-gradient(left, rgba(60, 177, 231, 0.8) 0%,rgba(60, 177, 231, 0.8) 3px,transparent 3px,transparent 40px,rgba(209, 209, 209, 0) 40px,rgba(209, 209, 209, 0.3) 100%);
    background: -o-linear-gradient(left, rgba(60, 177, 231, 0.8) 0%,rgba(60, 177, 231, 0.8) 3px,transparent 3px,transparent 40px,rgba(209, 209, 209, 0) 4px,rgba(209, 209, 209, 0.3) 100%);
    background: -ms-linear-gradient(left, rgba(60, 177, 231, 0.8) 0%,rgba(60, 177, 231, 0.8) 3px,transparent 3px,transparent 40px,rgba(209, 209, 209, 0) 40px,rgba(209, 209, 209, 0.3) 100%);
    background: linear-gradient(left, rgba(60, 177, 231, 0.8) 0%,rgba(60, 177, 231, 0.8) 3px,transparent 3px,transparent 40px,rgba(209, 209, 209, 0) 40px,rgba(209, 209, 209, 0.3) 100%);
*/
	/* 	width: calc(100% + 40px); */

	/* 	background: rgba(60, 177, 231, 0.8); */
	background: rgb(202, 0, 0);
	width: 4px;

	height: 44px;
	text-indent: -9999px;
	float: left;
	left: -40px;
	/* 	float: right; */
	margin-top: -30px;
	margin-bottom: -30px;
}
li.active .icon.listused,
li:hover .icon.listused {
	background: rgb(202, 0, 0);
	width: 4px;
}
.listused.light,
li.active .icon.listused.light,
li:hover .icon.listused.light {
	background: rgb(190, 190, 202);
}
.listused.green,
li.active .icon.listused.green,
li:hover .icon.listused.green {
	background: #289e3c;
}
.list-multiple .icon.listused {
	height: 54px;
	margin-top: -40px !important;
}
.icon.menu {
	margin: -2px 0 0 10px;
	padding-top: 2px;
	float: left;
	text-indent: 17px;
	width: auto;
	height: 23px;
	box-sizing: border-box;
	background-size: 23px auto !important;
}
/*
.icon.menu:hover {
	background-position: 0 -24px!important;
}
*/
.icon.menu.clock {
	background: url(../images/menu/menu-clock.png) no-repeat 0px 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/menu-clock.png) 1x,
		url(../images/menu/menu-clock@2x.png) 2x
	);
}
.icon.menu.calendar {
	background: url(../images/menu/menu-calendar.png) no-repeat 0px 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/menu-calendar.png) 1x,
		url(../images/menu/menu-calendar@2x.png) 2x
	);
}
.icon.menu.devices {
	background: url(../images/menu/menu-devices.png) no-repeat 0px 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/menu-devices.png) 1x,
		url(../images/menu/menu-devices@2x.png) 2x
	);
}
.icon.menu.signout {
	background: url(../images/menu/menu-log-out.png) no-repeat 0px 0px;
	background-image: -Webkit-image-set(
		url(../images/menu/menu-log-out.png) 1x,
		url(../images/menu/menu-log-out@2x.png) 2x
	);
	background-position: 100% 0% !important;
	width: 32px;
	height: 32px;
	text-indent: -9999px !important;

	/*
	-webkit-mask-image:url(../images/menu/menu-log-out@2x.png);
	-webkit-mask-size: 100% 100%;
	background-color: #8f8f8f!important;
*/
}
.icon.menu.signout:hover {
	background-position: 100% 0% !important;
	-webkit-filter: brightness(50%);
	filter: brightness(50%);
}
header.darkblue .icon.menu.signout {
	-webkit-filter: brightness(300%);
	filter: brightness(300%);
}
header.darkblue .icon.menu.signout:hover {
	-webkit-filter: brightness(400%);
	filter: brightness(400%);
}
/* Other
-----------------------------------------------------------------------------------*/
.slide {
	position: absolute;
	left: 20%;
	right: 0;
	top: 0;
	bottom: 0;
	display: block;
	background: #272c2e;
	display: none;
	height: auto;
}
.slide-inner {
	margin: 50px;
}
.slide-controls {
	background: #252a2b;
	border-radius: 6px;
	border: 1px solid #1c1f21;
	padding: 50px;
}
.slide-button,
.slide-button:hover,
.slide-button:active {
	border-radius: 6px;
	border: 1px solid #1c1f21;
	color: #b2bdc1;
	float: right;
	margin-top: -50px;
	box-shadow: none;
	text-shadow: none;
}
.slide-button {
	background: transparent;
}
.slide-button:hover {
	background: #252a2b;
}
.slide-button:active {
	background: #1c1f21;
	color: #6e777a;
}

form.interestsform label.check-label {
	font-family: 'HelveticaNeue', Helvetica, Verdana, Arial, sans-serif;
	font-weight: lighter;
	font-size: 13px;
	color: #b2bdc1;
	position: relative;
	cursor: pointer;
	margin-bottom: 5px;
	display: inline-block;
	width: inherit;
	width: 200px;
}
/*
form.interestsform input[type=checkbox] {
	position: relative;
	width: 14px!important;
	height: 14px!important;
	cursor: pointer;
	margin-top: 2px;
	margin-right: 10px;
	//-webkit-appearance:checkbox;
	float: left;
	display: inline-block;
}
*/

/* 
 * umbrUI radio buttons by @simurai
 */

input.ad-name {
	width: 100% !important;
}

/* ----------- radio */

input[type='checkbox'] {
	-webkit-appearance: none; /* Remove Safari default */
	outline: none;
	width: 14px;
	height: 14px;

	position: relative;
	display: inline-block;
	margin: 3px;
	border-radius: 6px;

	background-color: transparent;

	-webkit-background-clip: padding-box;

	border: none;

	/* 	-webkit-perspective: 200; */
}
input[type='checkbox']:hover {
	border: none;
	box-shadow: none;
}

input[type='checkbox']:before {
	content: attr(data-icon);

	font: 22px/22px 'EmojiSymbols', 'HelveticaNeue-UltraLight', Arial, sans-serif;
	text-shadow: rgba(255, 255, 255, 0.08) 0 -1px 0;
	line-height: 12px !important;

	text-indent: 0px;
	text-align: center;

	position: absolute;

	width: 17px;
	height: 17px;

	margin-left: -10px;
	border-radius: 4px;
	/* 	color: #272c2e; */

	border: 2px solid #515555;
}
/*
.tracks-list  input[type="checkbox"]:hover:before {

	border: 2px solid rgba(92,174,244,.3);
}
*/

.tracks-list input[type='checkbox']:hover:before,
.tracks-list input[type='checkbox']:active:before,
.tracks-list input[type='checkbox']:before,
.left-bar input[type='checkbox']:hover:before,
.left-bar input[type='checkbox']:active:before,
.left-bar input[type='checkbox']:before {
	border: 1px solid #ebebeb !important;
}

@media (prefers-color-scheme: dark) {
	.tracks-list input[type='checkbox']:hover:before,
	.tracks-list input[type='checkbox']:active:before,
	.tracks-list input[type='checkbox']:before,
	.left-bar input[type='checkbox']:hover:before,
	.left-bar input[type='checkbox']:active:before,
	.left-bar input[type='checkbox']:before {
		border: 1px solid #d2d2d2 !important;
	}
}

.tracks-list input[type='checkbox']:before,
.left-bar input[type='checkbox']:before {
	font-size: 11px;
	line-height: 15px;
	width: 13px;
	height: 13px;
	margin-left: -20px;
	color: #656565;
	border: 2px solid #ebebeb;
	margin-top: 2px;
}
input[type='checkbox'].revert:before {
	color: transparent;
}
.tracks-list input[type='checkbox'],
.left-bar input[type='checkbox'] {
	margin: 0 !important;
	padding: 0;
}
.left-bar input[type='checkbox']:before {
	margin-top: -12px;
	color: transparent;
	margin-left: 0px;
}
.left-bar input[type='checkbox'] {
	height: 0;
	right: 8px;
}

input[type='checkbox']:active:before,
input[type='checkbox']:checked:before {
	border: 0;
	border-top: 1px solid transparent;
}

input[type='checkbox']:checked:before {
	/* 	color: hsl(200,100%,50%); */
	border: 2px solid #515555;

	color: transparent;
}
input[type='checkbox'].revert:checked:before {
	color: #656565;
}
.left-bar input[type='checkbox']:checked:before {
	color: hsl(200, 100%, 50%);
}

.left-bar.back input[type='checkbox']:checked:before {
	color: white;
}
input[type='checkbox']:hover {
	cursor: pointer;
}
input[type='checkbox']:checked {
	cursor: default;
}

input[type='checkbox']:hover:before {
	border: 2px solid #515555;
}
input[type='checkbox']:checked:hover:before {
	border: 2px solid #515555;
}

.left-bar input[type='checkbox']::before,
.left-bar input[type='checkbox']::before:hover,
.left-bar input[type='checkbox']::before:active,
.left-bar input[type='checkbox']:checked::before,
.left-bar input[type='checkbox']:checked::before:hover,
.left-bar input[type='checkbox']:checked::before:active {
	cursor: pointer;
	border: 1px solid #9f9f9f;
}

.left-bar button {
	width: 100%;
}
.left-bar button.two {
	width: calc((100% - 3px) / 2);
}
.left-bar-filter-form button[type='submit'] {
	background: #3cb1e7;
	color: rgba(255, 255, 255, 0.9);
	/* 	border-color: #3cb1e7; */
	text-shadow: none;
}
.left-bar-filter-form button[type='submit']:hover {
	background: #1da1e0;
	border-color: #1da1e0;
	color: rgba(255, 255, 255, 0.8);
}
.left-bar-filter-form button[type='submit']:active {
	background: #0083c2;
	border-color: rgba(25, 100, 165, 0.1);
	color: rgba(255, 255, 255, 0.8);
}

/* */

/* Check Box BAedit */

form.addtodb input[type='checkbox'] {
	-webkit-appearance: none !important; /* Remove Safari default */
	outline: none;
	width: 14px;
	height: 14px;

	position: relative;
	display: inline-block;
	margin: 3px;
	border-radius: 6px;

	background-color: transparent;

	-webkit-background-clip: padding-box;

	border: none;

	/* 	-webkit-perspective: 200; */
}
form.addtodb input[type='checkbox']:hover {
	border: none;
	box-shadow: none;
}

form.addtodb input[type='checkbox']:before {
	content: attr(data-icon);

	font: 15px/15px 'EmojiSymbols', 'HelveticaNeue-UltraLight', Arial, sans-serif;
	font-weight: 100;
	text-shadow: none;
	line-height: 18px;
	text-indent: 0px;
	text-align: center;
	padding-top: 1px;

	box-sizing: border-box;
	position: absolute;

	width: 19px;
	height: 19px;

	margin-left: -3px;
	margin-top: 0px;
	border-radius: 6px;
	color: transparent;

	background: #f4f4f4;
	border: 1px solid #dcdcdc;

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: all 0.2s ease-in-out;
}

form.addtodb input[type='checkbox']:active:before,
input[type='checkbox']:checked:before {
	border: 0;
	border-top: 1px solid transparent;
}

form.addtodb input[type='checkbox']:checked:before {
	/* 	color: hsl(200,100%,50%); */
	border: 1px solid #dcdcdc;

	color: #6a6f74;
}

form.addtodb input[type='checkbox']:hover {
	cursor: pointer;
}
form.addtodb input[type='checkbox']:checked {
	cursor: default;
}

form.addtodb input[type='checkbox']:hover:before {
	border: 1px solid #a1a5a8;
}
form.addtodb input[type='checkbox']:checked:hover:before {
	border: 1px solid #a1a5a8;
}

/* */

h2.full-interests-header {
	color: #fff;
}

#overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	opacity: 1;
	z-index: 10;
	/*
	-webkit-filter:blur(13px);
	-moz-filter:blur(13px);
	filter:blur(13px);
*/

	background-attachment: fixed;
	background-position: 0 0;
	background-size: cover;

	opacity: 0;

	-webkit-animation-timing-function: ease-in;
	-webkit-animation-duration: 1000ms;
	-moz-animation-timing-function: ease-in;
	-moz-animation-duration: 1000ms;
	animation-timing-function: ease-in;
	animation-duration: 1000ms;

	-webkit-animation-delay: 400ms;
	-moz-animation-delay: 400ms;
	animation-delay: 400ms;

	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	animation-name: fadeIn;

	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
@media (prefers-color-scheme: dark) {
	#overlay {
		-webkit-animation-name: none;
		-moz-animation-name: none;
		animation-name: none;
		opacity: 1;
	}
}
#overlay.show {
	display: block;
	opacity: 1;
}
#ld {
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -20px;
	opacity: 1;
	display: block;
	z-index: 4;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: 0.4s ease-out;
	-o-transition: 0.4s ease-out;
	transition: all 0.4s ease-in-out;

	/*
	background: rgba(255,255,255,0.3);
	padding: 40px;
	border-radius: 80px;
*/
}
#ld.hidden {
	opacity: 0;
	display: none;
}

/* header */

/*
header {
	display: block;
	width: 946px;
	position: fixed; left: 50%; top: 25px; 
	background: rgba(150,150,150,1);
	//background: rgba(255,255,255,0.5);
	z-index: 3;
	margin: -52px 0 0 -513px;		
	opacity: 0;
	//box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	padding: 0px 40px;
	//box-shadow: -2px 0 1px rgba(0,0,0,0.2), 2px 0 1px rgba(0,0,0,0.2);
}
*/

header {
	display: block;
	left: 0;
	right: 0;
	top: 0;
	/* 	position: fixed;  */
	position: absolute;
	background: rgba(250, 250, 250, 0.95);
	/* 	background: #9a091e; */

	z-index: 10;
	padding: 0px 20px;
	box-sizing: border-box;
	overflow: hidden;
}
header.v2 {
	padding: 0px 17px !important;
	background: rgba(255, 255, 255, 0.6);
	backdrop-filter: blur(10px);
}
header.backDrop,
header.backDrop div[data-role='subheader'] {
	background: rgba(255, 255, 255, 0.4);
	-webkit-backdrop-filter: blur(20px);
}
header.v2.backDrop,
header.v2.backDrop div[data-role='subheader'] {
	background: rgba(255, 255, 255, 0.3);
	-webkit-backdrop-filter: blur(20px);
}
#dashboard header {
	background: rgba(255, 255, 255, 0.95);
}
#dashboard header.backDrop,
#dashboard header.backDrop div[data-role='subheader'] {
	/* 	background: rgba(239, 239, 239, 0.41); */
	/* 	background: rgba(249, 249, 249, 0.6); */
	background: rgba(255, 255, 255, 0.5);
}

header.darkblue,
header.darkblue div[data-role='subheader'] {
	background: rgba(27, 52, 70, 0.9);
}
header.darkblue.backDrop,
header.darkblue.backDrop div[data-role='subheader'] {
	background: rgba(27, 52, 70, 0.9);
}

/*
#dashboard header,
#fm header {
	 box-shadow: 0 1px 50px rgba(0, 0, 0, .05);
}
*/
@media screen and (max-width: 570px) {
	#dashboard header.backDrop,
	#dashboard header.backDrop div[data-role='subheader'] {
		/* 	background: rgba(239, 239, 239, 0.41); */
		background: rgba(255, 255, 255, 0.6);
	}
}
[data-type='spinner'] {
	display: none !important;
}
[data-type='filter-spinner'] {
	position: absolute;
	margin-top: 18px;
	right: 35px;
	/* 	margin-left: 218px; */
}
.has-shadow {
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.has-shadow::after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 0;
	right: 0;
	width: 100%;
	height: 20px;
	background-image: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0, #fafafa),
		color-stop(0.15, rgba(255, 255, 255, 0)),
		color-stop(0.85, rgba(255, 255, 255, 0)),
		color-stop(1, #fafafa)
	);
	background-image: -webkit-linear-gradient(
		left,
		#fafafa 0%,
		rgba(255, 255, 255, 0) 15%,
		rgba(255, 255, 255, 0) 85%,
		#fafafa 100%
	);
	background-image: -moz-linear-gradient(
		left,
		rgba(255, 255, 255, 0) 0%,
		transparent 15%,
		rgba(255, 255, 255, 0) 85%,
		transparent 100%
	);
	background-image: -o-linear-gradient(
		left,
		#fafafa 0%,
		rgba(255, 255, 255, 0) 15%,
		rgba(255, 255, 255, 0) 85%,
		#fafafa 100%
	);
	background-image: -ms-linear-gradient(
		left,
		#fafafa 0%,
		rgba(255, 255, 255, 0) 15%,
		rgba(255, 255, 255, 0) 85%,
		#fafafa 100%
	);
	background-image: linear-gradient(
		left,
		#fafafa 0%,
		rgba(255, 255, 255, 0) 15%,
		rgba(255, 255, 255, 0) 85%,
		#fafafa 100%
	);
}
header.loaded {
	/*
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
*/
}
/*
header:before {
	content: '';
	background: #fff;
	display: block;
	position: absolute;
	top:0; 
	left:0;
	height: 51px;
	width: 281px;
}
*/

header div.header-block {
	position: relative;
	width: calc(100% - 40px);
	height: 50px;
	margin: 0px auto;
	box-sizing: border-box;
}
header.v2 div.header-block {
	width: 100%;
}
@media screen and (max-width: 1064px) {
	header div.header-block {
		width: 100%;
	}
}
@media screen and (max-width: 420px) {
	#application div.header-block {
		height: 100px;
	}
}
div[data-role='subheader'] {
	left: 0;
	right: 0;
	top: 68px;
	background: rgba(250, 250, 250, 0.95);
	position: fixed;
	display: block;
	z-index: 20 !important;
	text-align: center;
	line-height: 1px;
}
div.subnav {
	width: calc(100% - 160px);
	max-width: 1280px;
	margin: 0 auto;
	position: static;
}
@media screen and (max-width: 1064px) {
	div.subnav {
		width: 100%;
		max-width: 960px;
	}
}
header form {
	display: inline-block;
	position: relative;
}
header form input::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.3);
}
header form input:-moz-placeholder {
	color: rgba(255, 255, 255, 0.3);
}
header form input::-moz-placeholder {
	color: rgba(255, 255, 255, 0.3);
}
header form input:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.3);
}
header form input,
header form button {
	width: 350px;
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.3);
	font-family: Helvetica;
	font-size: 13px;
	padding: 7px;
	outline-color: #b6b8bb;
	outline-width: medium;
	outline: none;
	display: inline-table;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: all 0.2s ease-in-out;
	color: rgba(255, 255, 255, 0.6);
	text-shadow: none;
	box-shadow: none;
	display: inline;
}
header form button {
	width: 100px;
	cursor: pointer;
}
header form button:hover,
header form input:hover {
	color: rgba(255, 255, 255, 0.8);
	border: 1px solid rgba(255, 255, 255, 0.6);
	text-shadow: none;
	box-shadow: none;
}
header form button:active {
	color: rgba(255, 255, 255, 0.6);
	border: 1px solid rgba(255, 255, 255, 0.3);
	text-shadow: none;
	box-shadow: none;
	background: rgba(140, 140, 140, 1);
}
header form button#bkbtn {
	display: none;
	opacity: 0;
	margin-left: 4px;
}
header form button#bkbtn.show {
	display: inline;
	opacity: 1;
}
#logo {
	color: #484848;
	font-size: 13px;
	display: block;
	float: left;
	padding-left: 15px;
	padding-top: 12px;
	font-weight: 300;
	cursor: default;
}
header.darkblue #logo {
	color: #f8f8f8;
}
.appicon-label {
	color: #484848;
	font-size: 11px;
	display: block;
	padding: 2px 5px 3px;
	font-weight: 300;
	width: intrinsic;
	margin: 5px auto 0;
	cursor: default;
	box-sizing: border-box;
	border: 1px solid transparent;
}
.selected .appicon-label {
	border: 1px solid rgba(60, 177, 231, 0.37);
	border-radius: 6px;
	background: rgba(60, 177, 231, 0.07);
	border-radius: 6px;
}
.v2 .selected .appicon-label {
	border-color: rgba(219, 216, 230, 0.1);
	background: rgba(203, 199, 211, 0.43);
	font-weight: 500;
}
@media screen and (max-width: 1215px) {
	#logo {
		display: none !important;
	}
}

div[data-role='app-button'] {
	position: relative;
	cursor: default;
	margin-right: 10px;
	margin-left: 0px;
	margin-top: 5px;
	display: block;
	float: left;
	height: 44px;
}
div[data-role='app-button'].sticker::after {
	content: attr(data-sticker);
	position: absolute;
	width: 59px;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 14px;
	background: rgba(255, 225, 61, 0.92);
	color: rgb(107, 107, 107);
	left: 20px;
	top: 18px;
	border-radius: 6px;
	line-height: 14px;
	transform: rotate(-45deg);
	font-size: 10px;
	display: block;
	cursor: pointer;
}
div[data-role='app-button'].nb {
	margin-left: -4px;
}
div.app-selector:first-child {
	margin-right: 40px !important;
}
.v2 div.app-selector:first-child {
	margin-right: 0px !important;
}
div.app-selector:first-child::after {
	content: '';
	height: 125px;
	margin-top: -30px;
	position: absolute;
	right: -20px;
	top: 0;
	width: 1px;
	background: #f3f3f3;
}
div[data-role='app-button'].app-selector {
	text-align: center;
	min-width: 100px;
	max-width: 120px;
	margin: 0;
}
div[data-role='user-profile-button'] {
	margin-top: 7px;
	display: inline-block;
	position: absolute;
	float: right;
	top: 0;
	right: 0px;
	vertical-align: middle;
	height: 44px;
}
ul.navBarButtons {
	position: absolute;
	right: 50px;
	display: flex;
	top: 11px;
	flex-direction: row;
	list-style-type: none;
}
ul.navBarButtons > li {
	width: 30px;
	height: 30px;
	padding: 0 5px;
}
ul.navBarButtons > li a.icon {
	display: block;
	text-indent: -9999px;
	width: inherit;
	height: inherit;
	background-size: cover;
	background-position: 50%;
}
@media (max-width: 900px) {
	ul.navBarButtons {
		display: none;
	}
}
/*
div[data-role=user-profile-button]:hover > a.user-logout {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
    opacity: 1;
}
*/
a#userpic {
	display: inline-block;
	position: relative;
	background: url(../images/settingsG.png) no-repeat;
	background-image: -Webkit-image-set(
		url(../images/settingsG.png) 1x,
		url(../images/settingsG@2x.png) 2x
	);
	background-size: 33px 67px;
	background-position: 0 0;
	width: 33px;
	height: 33px;
	text-indent: -9999%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
	float: right;
}
a#userpic:hover {
	background: url(../images/settingsG.png) no-repeat;
	background-image: -Webkit-image-set(
		url(../images/settingsG.png) 1x,
		url(../images/settingsG@2x.png) 2x
	);
	background-size: 33px 67px;
	background-position: 0 100%;
}
a.user-logout {
	/*
	line-height: 38px;
	color: #8c8c8c;
	padding: 0 0px 0px;
	font-size: 14px;
	font-family: "HelveticaNeue-Light", "HelveticaNeue", Helvetica, Verdana, Arial, sans-serif;
	-webkit-transform: translateX(35px);
    transform: translateX(35px);
*/
	color: #484848;
	margin-top: 7px !important;
	padding-top: 3px !important;
	text-indent: 28px !important;
	font-size: 14px;
	font-weight: 300;
}
@media screen and (max-width: 960px) {
	a.user-logout {
		width: 22px !important;
		padding: 0;
		margin: 7px 0 0 0 !important;
		text-indent: -9999px !important;
	}
}
a.user-logout:hover {
	color: #8c8c8c;
}
/*
a.user-logout:active {
    -webkit-transform: translateX(35px);
    transform: translateX(35px);
    opacity: 0;
}
*/
@media screen and (max-width: 1024px) {
	a.user-logout {
		padding-right: 10px;
		opacity: 1;
	}
	/*
	div[data-role=user-profile-button]:hover > a.user-logout {
	    -webkit-transform: translateX(0);
	    transform: translateX(0);
	}
*/
}

/* Header Push Informer */

/*
aside.push__content {
	z-index: 10!important;
	position: absolute;
	top: 0; 
	left: 0; right: 0;
	background: rgba(100,100,100,.9);

	width: 100%;
	height: 50px;
	display: none;
	opacity: 0.2;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.2);
	box-shadow: 0 1px 4px rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(0,0,0,0.2);
	-webkit-backdrop-filter: blur(10px)

}
*/
/* New style */
aside.push__content {
	position: absolute;
	display: flex;
	flex-direction: row;
	align-items: center;
	min-width: 320px;
	min-height: 44px;
	width: auto;
	padding: 0px 10px;
	z-index: 9999 !important;
	top: 15px;
	right: 15px;
	background: rgba(250, 250, 250, 0.93);
	box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1);
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 8px;
	color: #787878;
	max-width: 320px;
	box-sizing: border-box;
}
.backDropSupport aside.push__content {
	background: rgba(250, 250, 250, 0.23);
	box-shadow: 0 1px 15px rgba(55, 55, 55, 0.12);
	border: 1px solid rgba(131, 131, 131, 0.11);
	-webkit-backdrop-filter: blur(15px);
}
@media (prefers-color-scheme: dark) {
	aside.push__content {
		background: rgba(244, 244, 244, 0.93);
		box-shadow: 0 1px 25px rgba(255, 255, 255, 0.12) !important;
	}
	.backDropSupport aside.push__content {
		background: rgba(198, 198, 198, 0.28);
	}
}
aside.push__content_open {
	animation: fadeInDown 0.3s 1 cubic-bezier(0.7, 0.7, 0.1, 0.1);
	-webkit-animation: fadeInDown 0.3s 1 cubic-bezier(0.7, 0.7, 0.1, 0.1);
	opacity: 1;
}
aside.push__content_close {
	animation: fadeOutUp 0.3s 1 cubic-bezier(0.1, 0.7, 0.1, 0.1);
	-webkit-animation: fadeOutUp 0.3s 1 cubic-bezier(0.1, 0.7, 0.1, 0.1);
	opacity: 1;
}
aside p {
	display: block;
	position: relative;
	width: 100%;
	margin: 10px 0 10px;
	font-size: 13px;
	color: #6b6b6b;
	text-shadow: 0 1px #fff;
	text-overflow: wrap;
	white-space: normal;
	overflow-wrap: normal;
	overflow: hidden;
	margin-left: 10px;
}
aside img {
	display: inline-block;
	position: relative;
	width: 25px;
	height: 25px;
	filter: contrast(0.2);
}

@-webkit-keyframes showpush {
	0% {
		opacity: 1;
		-webkit-transform: translateY(-52px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0px);
	}
}
@-webkit-keyframes hidepush {
	0% {
		opacity: 1;
		-webkit-transform: scaleY(1) translateY(0px);
	}

	100% {
		opacity: 1;
		-webkit-transform: scaleY(1) translateY(-52px);
	}
}
@keyframes showpush {
	0% {
		opacity: 1;
		transform: translateY(-52px);
	}
	100% {
		opacity: 1;
		transform: translateY(0px);
	}
}
@keyframes hidepush {
	0% {
		opacity: 1;
		transform: scaleY(1) translateY(0px);
	}

	100% {
		opacity: 1;
		transform: scaleY(1) translateY(-52px);
	}
}

/* */

article {
	padding: 20px;
	width: 100%;
	min-height: 100%;
	position: absolute;
	/* 	background: #fff url(../images/bg_1.jpg) fixed no-repeat center center; */
}
section {
	position: relative;
	margin: 0 auto;
	opacity: 0;
	width: calc(100% - 185px);
	/* 	max-width: 1280px; */
	/* 	min-height: 100%; */
	/* 	min-height: 480px; */
	/* 	max-height: 80%; */
	/* 	background: rgba(255,255,255,0.3); */
	padding: 0px;
	/* 	border-radius: 6px; */
	/* 	box-shadow: 0 1px 3px rgba(0,0,0,0.2); */
	z-index: 2;
	/*
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
*/
}
section.with-subheader {
	padding-top: 97px;
}

section::-webkit-scrollbar:horizontal {
	-webkit-appearance: none;
	height: 2px;
	width: 0;
	display: none;
}
section::-webkit-scrollbar-track-piece:start {
	margin-top: 54px;
}
section.with-subheader::-webkit-scrollbar-track-piece:start {
	margin-top: 88px !important;
}
/* section#fm_inner:has("#clients:visible")::-webkit-scrollbar-track-piece:start,
section#crm_inner:has("#conacts:visible")::-webkit-scrollbar-track-piece:start, */
section.app_section_inner:has(#music:visible
		.page-container.with-header)::-webkit-scrollbar-track-piece:start {
	margin-top: 104px !important;
}
section::-webkit-scrollbar-track-piece:end {
	margin-bottom: 50px;
}
section.app_section_inner::-webkit-scrollbar-track-piece:end {
	margin-bottom: 5px;
}
section::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 3px;
}
section::-webkit-scrollbar-thumb {
	border-radius: 6px;
	background-color: rgba(0, 0, 0, 0.29);
}

@media screen and (max-width: 1064px) {
	section {
		width: 940px;
	}
}
section.beta.loaded,
section.loaded {
	top: 0;
	opacity: 1;
	/* 	background: rgba(255,255,255,0.8); */
	/* 	background: #edeeef; */
}
section.unloaded {
	top: -300px !important;
	opacity: 0;
}
section.beta {
	position: absolute;
	left: 50%;
	top: -20%;
	margin: 0 0 2000px -270px;
	opacity: 0;
	width: 480px;
	min-height: 210px;
	max-height: 210px;
	overflow: hidden;
	/* 	background: rgba(255,255,255,0.8); */
	padding: 20px 40px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
h1 {
	/* 	color: #0d4372; */
	color: #323131;
	text-shadow: 0 -1px 0px #053053, 0 1px rgba(255, 255, 255, 0.1);
	/* 	font-family: 'Rambla', sans-serif; */
	font-family: 'Overlock SC', cursive;
	cursor: default;
	font-size: 32px;
}
h1.error-header {
	color: #4b4a4a;
	text-shadow: none;
	font-family: -apple-system, HelveticaNeue-Light, Helvetica, Verdana;
	font-size: 32px;
	line-height: 40px;
	font-weight: 400;
	padding: 10px 0 20px;
}
h1.error-header.error-header__code {
	font-size: 40px;
	font-weight: 500;
}
h2,
h3 {
	font-family: -apple-system, 'HelveticaNeue-Light', Helvetica, Verdana !important;
	font-weight: lighter;
	text-decoration: none;
	/* 	color: #154172; */
	color: #5c5959;
}
h2 {
	padding-top: 20px;
	font-size: 24px;
}
p.error-message {
	margin: 0 auto;
	max-width: 500px !important;
	font-size: 15px;
	font-weight: 200;
	line-height: 30px;
	font-family: -apple-system, HelveticaNeue-Light, Helvetica, Verdana;
}
[data-role='login-popup'] p {
	margin-top: 5px;
}
[data-role='login-popup'] h2 {
	font-family: 'Poiret One', -apple-system, 'Helvetica Neue', Helvetica !important;
	font-weight: 500;
	color: #4f4b4b;
	padding-bottom: 20px;
	font-size: 35px;
}
/*
[data-role="login-popup"] h2::first-letter {
	
	font-family: "Poiret One",-apple-system,"Helvetica Neue", Helvetica;
	font-weight: 800;
}
*/
[data-role='bonus-popup'] h2 {
	padding: 0;
	margin-top: 0;
}

a {
	text-decoration: none !important;
	color: #1964a5;
}
a:hover,
a.always-blue:hover {
	color: #0d4372;
}
a.always-blue {
	color: #1964a5;
}
@media (prefers-color-scheme: dark) {
	a {
		color: rgba(0, 0, 0, 0.72);
	}
}
nav.error-nav {
	max-width: 500px;
	margin: 0 auto;
	border-top: 1px solid #e5e5e5;
	padding-top: 5px;
	font-size: 14px;
}
.error-nav-list {
	padding: 16px 0 0;
	text-align: center;
}
li.error-nav-li {
	display: inline-block;
	padding-bottom: 0;
}
.error-nav-list li:not(:first-child)::before {
	content: '\00B7';
	display: inline-block;
	padding: 0 1em;
}
#youarehere {
	position: relative;
	margin-left: -40px;
	margin-right: -40px;
	top: 50px;
	left: 0px;
	opacity: 0;
	margin-top: -230px;
}
#youarehere.show {
	opacity: 1;
	margin-top: 0px;
}
#youarehere img {
	width: 100%;
}
#youarehere:after {
	content: '';
	height: 50px;
	background: #edeeef;
	width: 1020px;
	position: absolute;
	display: block;
	margin-top: -50px;
}

#resurlts {
	position: relative;
	padding: 0;
	opacity: 1;
	height: inherit;

	/* 	overflow-x: auto; */
	/* 	height: 500px;   */ /* указать на других устройствах!!! */
	z-index: 2;
}
div[data-role='page'] {
	height: inherit;
}
#resurlts.loading {
	opacity: 0;
	margin-top: 0px;
}

#resurlts:first-child {
	padding-top: 40px !important;
}
p {
	/* 	font-family: "HelveticaNeue", Helvetica, Verdana, Arial, sans-serif; */
	font-size: 13px;
	color: #000;
	text-shadow: 0 1px rgba(255, 255, 255, 0.3);
}
p small {
	font-family: -apple-system, 'HelveticaNeue-Light', Helvetica, Verdana;
	font-size: 12px;
	color: #000;
	text-shadow: 0 1px rgba(255, 255, 255, 0.3);
}
small[data-role='full-description'] {
	display: none;
}
p.tags {
	/* 	background: rgba(13,67,114,0.4); */
	padding: 5px 10px 20px;
	box-shadow: 0 1px rgba(255, 255, 255, 0.3);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	font-size: 12px;
	width: 100%;
	word-wrap: normal;
	line-height: 30px;
}
p.tags:last-child {
	box-shadow: none;
	border-bottom: none;
}
p.tags a:first-child {
	margin-left: -10px;
}
p.tags a:hover {
	color: #656a6f;
	z-index: 3 !important;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	transition: all 0.3s ease-in-out;
	padding: 5px 10px;
	background: rgba(0, 0, 0, 0.1);
	border-radius: 6px;
	border: 1px solid transparent;
}
p.tags a,
p.tags span {
	color: #656a6f;
	z-index: 3 !important;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	transition: all 0.3s ease-in-out;
	padding: 5px 10px;
	background: transparent;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 6px;
	margin-right: 5px;
}
p.tags a.move {
	position: relative;
	top: -300px;
	z-index: 3 !important;
}
p.noresults {
	padding-top: 10px;
	color: rgba(0, 0, 0, 0.6);
}
input,
textarea {
	-webkit-appearance: none;
	border-radius: 6px;
	-webkit-user-select: text;
}
textarea {
	resize: vertical;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	/* WebKit browsers */
	color: rgba(0, 0, 0, 0.5);
	font-weight: 300;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: rgba(0, 0, 0, 0.5);
	font-weight: 300;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: rgba(0, 0, 0, 0.5);
	font-weight: 300;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: rgba(0, 0, 0, 0.5);
	font-weight: 300;
}
input,
button,
textarea,
select {
	width: 350px;
	background: rgba(255, 255, 255, 0.6);
	/* 	border: 1px solid #b5b8bb; */
	border: 1px solid rgba(0, 0, 0, 0.1);
	font-family: Helvetica;
	font-size: 13px;
	padding: 10px 0 10px 0;
	outline-color: #e3dfdf;
	outline-width: thick;
	display: inline-table;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: 0.4s ease-out;
	-o-transition: 0.4s ease-out;
	transition: all 0.4s ease-in-out;
	color: #656a6f;
	text-shadow: 0 1px rgba(255, 255, 255, 0.3);
	text-indent: 10px;
	border-radius: 6px;
}
select.styled {
	width: 290px;
	height: 36px !important;
	cursor: pointer;
	opacity: 0;
}
select:empty {
	cursor: not-allowed;
}
.view-viewport.view-left-bar select.styled {
	width: 100%;
}
span.styled {
	opacity: 1;
}
button {
	width: 100px;
	cursor: pointer;
	text-indent: 0px;
	text-align: center;
}
button:hover,
input:hover,
textarea:hover {
	color: #55595d;
	text-shadow: 0 1px rgba(255, 255, 255, 0.4);
	border: 1px solid #a1a5a8;
	box-shadow: 0 1px rgba(255, 255, 255, 0.2);
}
button:active {
	width: 100px;
	color: #55595d;
	border: 1px solid #717579;
}
button#bkbtn {
	display: none;
	opacity: 0;
	margin-left: 4px;
}
button#bkbtn.show {
	display: inline;
	opacity: 1;
}

/* User Sign in & Registration */
.userinner {
	position: relative;
	display: table;
	width: 100%;
}

#userlogin {
	position: relative;
	display: table-cell;
	float: left;
}
#userin {
	position: relative;
	display: table-cell;
	float: right;
}
form.userform {
	padding-top: 15px;
}
form.userform input,
form.userform textarea,
form.userform button,
form.userform button:hover,
form.userform button:active {
	position: relative;
	display: block;
	background: rgba(255, 255, 255, 0.3);
	padding: 10px 20px;
	text-indent: 0;
	border-radius: 6px !important;
	width: 200px;
}
form.userform button,
form.userform button:hover,
form.userform button:active {
	/* 	background: rgba(150,150,150,1); */
	background: #a8acad;
	border: 1px solid transparent;
	color: rgba(255, 255, 255, 0.8);
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);
	padding: 8px 20px;
	margin-top: 10px;
	width: 150px !important;
}
form.userform button:hover,
form.userform button:active {
	background: #b6b9ba;
}
form.userform input[type='checkbox'] {
	width: 13px;
	height: 13px;
	padding: 0;
	color: #000;
	margin-top: 12px;
	float: left;
	display: block;
	cursor: pointer;
	-webkit-appearance: checkbox;
}
form.userform label,
form.userform .iforgot {
	font-size: 10px;
	cursor: pointer;
	position: relative;
}
form.userform label:hover {
	color: #0d4372;
}
#uLogin {
	margin-top: 10px;
}
.userpic {
	width: 100px;
	height: 100px;
	float: left;
	padding-right: 10px;
}
.iforgot {
	color: #5c5959;
}
.iforgot:before {
	content: '|';
	padding-right: 7px;
}
/* */

#copyright-canvas {
	position: fixed;
	bottom: 0;
	left: calc(50% - 200px);
	right: 0;
	width: 400px;
	text-align: center;
	/*
	width: 1024px;
	left: calc(100% - 568px);
*/

	padding-bottom: 15px;
	z-index: 9999;
}
#copyright-canvas a {
	font-family: 'HelveticaNeue', Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: rgba(0, 0, 0, 0.5);
}
.nopopup {
	display: none;
	position: absolute;
	width: 100%;
	z-index: 2;
	bottom: 0;
}
.popup {
	background: rgba(0, 0, 0, 0.1);
	background-image: -moz-radial-gradient(center, circle cover, transparent 0%, rgba(0, 0, 0, 0.2) 100%);
	background-image: -webkit-radial-gradient(
		center,
		circle cover,
		transparent 0%,
		rgba(0, 0, 0, 0.2) 100%
	);
	background-image: -o-radial-gradient(center, circle cover, transparent 0%, rgba(0, 0, 0, 0.2) 100%);
	background-image: -ms-radial-gradient(center, circle cover, transparent 0%, rgba(0, 0, 0, 0.2) 100%);
	background-image: radial-gradient(center, circle cover, transparent 0%, rgba(0, 0, 0, 0.2) 100%);

	height: 100%;
	top: 0px;
	left: 0px;
	position: fixed;
	z-index: 9998;
	width: calc(100% + 4px);
	text-align: center;
	perspective: 2000px;
	-webkit-perspective: 2000px;
	perspective: 2000px;
	display: none;
	font-size: 14px;
	line-height: 20px;
	color: #636363;

	-webkit-text-stroke: 0px;
}
@media (prefers-color-scheme: dark) {
	.popup {
		background: none;
	}
}

.popup.backDrop {
	-webkit-backdrop-filter: blur(6px);
	background: rgba(255, 255, 255, 0.1) !important;
	backdrop-filter: blur(6px);
}
.overlay {
	background: rgba(0, 0, 0, 0.04);
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.07) 100%);
	background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.07) 100%);
	background: -o-linear-gradient(left, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.07) 100%);
	background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.07) 100%);
	background: linear-gradient(left, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.07) 100%);

	height: 100%;
	top: 0px;
	left: 0px;
	position: fixed;
	z-index: 9998;
	width: 100%;
	perspective: 2000px;
	-webkit-perspective: 2000px;
	perspective: 2000px;
	display: none;
	-webkit-animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 0.1);
	-webkit-animation-duration: 800ms;
	-moz-animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 0.1);
	-moz-animation-duration: 800ms;
	animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 0.1);
	animation-duration: 800ms;

	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	animation-name: fadeIn;

	-webkit-animation-fill-mode: both;
}
.overlay.backDrop {
	-webkit-backdrop-filter: blur(3px);
}
.popup:before {
	content: '';
	display: inline-block;
	height: 100%;
	width: 0px;
	vertical-align: middle;
}
/* with cabinet screenshot bg */
.popup.beta {
	background: transparent;
	background-image: -moz-radial-gradient(
		center,
		circle cover,
		rgba(255, 255, 255, 0.85) 0%,
		rgba(255, 255, 255, 0.3) 100%
	);
	background-image: -webkit-radial-gradient(
		center,
		circle cover,
		rgba(255, 255, 255, 0.85) 0%,
		rgba(255, 255, 255, 0.3) 100%
	);
	background-image: -o-radial-gradient(
		center,
		circle cover,
		rgba(255, 255, 255, 0.85) 0%,
		rgba(255, 255, 255, 0.3) 100%
	);
	background-image: -ms-radial-gradient(
		center,
		circle cover,
		rgba(255, 255, 255, 0.85) 0%,
		rgba(255, 255, 255, 0.3) 100%
	);
	background-image: radial-gradient(
		center,
		circle cover,
		rgba(255, 255, 255, 0.85) 0%,
		rgba(255, 255, 255, 0.3) 100%
	);
}
.popup.beta.new_login {
	background-image: -moz-radial-gradient(
		center,
		circle cover,
		rgba(255, 255, 255, 0.65) 0%,
		rgba(255, 255, 255, 0.3) 100%
	);
	background-image: -webkit-radial-gradient(
		center,
		circle cover,
		rgba(255, 255, 255, 0.65) 0%,
		rgba(255, 255, 255, 0.3) 100%
	);
	background-image: -o-radial-gradient(
		center,
		circle cover,
		rgba(255, 255, 255, 0.65) 0%,
		rgba(255, 255, 255, 0.3) 100%
	);
	background-image: -ms-radial-gradient(
		center,
		circle cover,
		rgba(255, 255, 255, 0.65) 0%,
		rgba(255, 255, 255, 0.3) 100%
	);
	background-image: radial-gradient(
		center,
		circle cover,
		rgba(255, 255, 255, 0.65) 0%,
		rgba(255, 255, 255, 0.3) 100%
	);
}

/* with web site main image bg */
/*
.popup.beta {
	background: transparent;
	background-image: -moz-radial-gradient(center, circle cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 100%);
    background-image: -webkit-radial-gradient(center, circle cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 100%);
    background-image: -o-radial-gradient(center, circle cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 100%);
    background-image: -ms-radial-gradient(center, circle cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 100%);
    background-image: radial-gradient(center, circle cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 100%);
}
*/
.popup__content {
	background: rgba(255, 255, 255, 0.95);
	display: inline-block;
	vertical-align: middle;
	/*     opacity: 0.2; */
	padding: 20px 50px 30px 50px;
	min-width: 372px;
	max-width: 90%;
	max-height: 90%;

	position: relative;

	/*     border: 1px solid #cdcdcd; */
	box-shadow: 0 2px 40px rgba(0, 0, 0, 0.25);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	/* 	-webkit-user-drag:  element; */
}
@media (prefers-color-scheme: dark) {
	.popup__content:not(.new_login_form) {
		border: 1px solid #cdcdcd !important;
		box-shadow: 0 2px 40px rgba(255, 255, 255, 1) !important;
		background: rgba(244, 244, 244, 0.97) !important;
	}
	.backDropSupport .popup__content:not(.new_login_form) {
		background: rgba(244, 244, 244, 0.67) !important;
	}
}
.popup__content[data-role='stat-popup'] {
	/*     background: rgba(255,255,255,.85); */
	background: rgba(246, 246, 246, 0.95);
}

.popup__content[data-role='stat-popup'].fullscreen {
	background: rgba(255, 255, 255, 0.95);
}

.popup__content[data-role='alert-popup'] {
	background: rgba(255, 255, 255, 0.95);
}
.popup__content_back_drop:not(.beta),
.popup__content_back_drop.fullscreen:not(.beta) {
	background: rgba(255, 255, 255, 0.85);
	-webkit-backdrop-filter: blur(20px) hue-rotate(-10deg) saturate(0.8);
	box-shadow: 0 2px 40px rgba(0, 0, 0, 0.25);
}
.popup__content_back_drop.popup__content[data-role='stat-popup'] {
	background: rgba(255, 255, 255, 0.5);
}
.popup__content_back_drop.popup__content[data-role='stat-popup'].fullscreen {
	background: rgba(255, 255, 255, 0.65);
}
.popup__content_back_drop.popup__content[data-role='alert-popup'] {
	background: rgba(255, 255, 255, 0.75);
}
.popup__content_back_drop.popup__content[data-role='list-filter-popover'] {
	background: rgba(255, 255, 255, 0.85);
}

.popup__content_back_drop[data-role='alert-popup'] {
	background: rgba(255, 255, 255, 0.75);
	-webkit-backdrop-filter: blur(7px) hue-rotate(-10deg) saturate(0.8) contrast(110%);
}

@media screen and (max-width: 1024px) {
	.popup__content[data-role='bonus-popup'] {
		padding: 20px 20px 30px 20px;
	}
}
@media screen and (max-width: 680px) {
	.popup__content [data-role='resize-popup'] {
		display: none !important;
	}
}
.popup__content.beta {
	padding: 0;
	top: 0;
	height: 100vh;
	min-width: 300px;
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 8px;
	border: transparent;
	box-sizing: border-box;
	overflow-x: hidden;
}
.popup__content.beta.modal {
	background: rgba(251, 251, 251, 0.9);
	padding: 40px;
	box-shadow: 0 1px 50px rgba(0, 0, 0, 0.1);
	border-radius: 20px;
}
.popup__content h2,
.slide__content h2 {
	margin: 0 auto;
	font-weight: 300;
	color: #3f3e3e;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.slide__content h2::first-letter {
	text-transform: capitalize;
}
.slide__content h2 {
	max-width: 500px;
}
.popup__content:not([data-role='bonus-popup']):not([data-role='alert-popup']):not([data-role='confirm-popup'])
	h2 {
	padding-bottom: 15px;
	padding-top: 15px;
}
@media screen and (min-width: 769px) {
	.popup__content[data-role='stat-popup'] h2 {
		max-width: 32%;
		margin: 0 auto;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}
.popup__content[data-role='login-popup'] h2 {
	padding-bottom: 38px !important;
	color: #777777 !important;
	line-height: 37px;
}
.popup__content[data-role='alert-popup'] h2,
.popup__content[data-role='confirm-popup'] h2 {
	padding-top: 0px;
}
.popup__content p {
	font-weight: normal;
	color: #636363;
	padding: 0 20px 0 20px;
	overflow-y: scroll;
	max-height: 410px;
	max-width: 300px;
	margin: 0 auto;
}
.popup__content p::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 3px;
}
.popup__content p::-webkit-scrollbar-thumb {
	border-radius: 6px;
	background-color: rgba(0, 0, 0, 0.29);
}
.popup__content.image {
	padding: 45px 30px 25px 30px;
	width: intrinsic;
}
.popup__content.image .upload {
	margin: 20px -23px 0 0;
}
.popup__content_open {
	/*
    animation: open_popup 0.8s 1;
    -webkit-animation: open_popup 0.8s 1;
*/
	opacity: 1;
}
.popup__content_open_animation {
	animation: open_popup 0.8s 1;
	-webkit-animation: open_popup 0.8s 1;
	animation-fill-mode: both;
	opacity: 1;
}
.popup__content_open_animation.beta {
	animation: none !important;
	-webkit-animation: none !important;
}
.popup__content_open_animation.beta:not(.new_login_form) > * {
	-webkit-animation-timing-function: cubic-bezier(0.5, 0.7, 0.1, 0.1);
	-webkit-animation-duration: 600ms;
	animation-timing-function: cubic-bezier(0.5, 0.7, 0.1, 0.1);
	animation-duration: 600ms;
	-webkit-animation-name: open_login;
	animation-name: open_login;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;

	opacity: 0 !important;
}
.popup__content_open_animation.beta > img {
	-webkit-animation-delay: 250ms;
	animation-delay: 250ms;
}
.popup__content_open_animation.beta > form {
	-webkit-animation-delay: 100ms;
	animation-delay: 100ms;
}
.popup__content_open_animation.new_login_form > img,
.popup__content_open_animation.new_login_form > h2,
.popup__content_open_animation.new_login_form input,
.popup__content_open_animation.new_login_form button {
	-webkit-animation-timing-function: cubic-bezier(0.5, 0.7, 0.1, 0.1);
	-webkit-animation-duration: 600ms;
	animation-timing-function: cubic-bezier(0.5, 0.7, 0.1, 0.1);
	animation-duration: 600ms;
	-webkit-animation-name: open_login;
	animation-name: open_login;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;

	opacity: 0 !important;
}
.popup__content_open_animation.new_login_form img {
	-webkit-animation-delay: 250ms;
	animation-delay: 250ms;
}
.popup__content_open_animation.new_login_form input {
	-webkit-animation-delay: 30ms;
	animation-delay: 30ms;
}
.popup__content_open_animation.new_login_form button {
	-webkit-animation-delay: 90ms;
	animation-delay: 90ms;
	transform-origin: top;
}
.popup__content_close {
	animation: close 0.3s 1 linear;
	-webkit-animation: close 0.3s 1;
}
.popup__content_error {
	animation: shake_popup 0.4s 1 cubic-bezier(0.1, 0.7, 0.1, 0.1);
	-webkit-animation: shake_popup 0.4s 1 cubic-bezier(0.1, 0.7, 0.1, 0.1);
}
.popup_input {
	border: 1px solid rgba(25, 100, 165, 0.4);
	color: #1964a5;
	padding: 8px 1px;
	outline-color: #70b1e9;
	outline-width: medium;
	width: 200px;
}
.popup_button {
	display: inline-block;
	width: 100px;
	padding: 8px 1px;
	/* 	border: 1px solid transparent; */
	/* 	border: 1px solid rgba(25,100,165,0.4); */
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	text-align: center;
	font-weight: normal;
	text-shadow: none !important;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: 0.4s ease-out;
	-o-transition: 0.4s ease-out;
	transition: all 0.4s ease-in-out;
	outline: none;
	display: inline-table;
	/*
	color: #1964a5;
	background: none;
*/
	background: none;
	/* color: #33a3d7; */
	color: #5e6163;
	border-color: rgba(60, 177, 231, 0.3);
	font-family: -apple-system, 'HelveticaNeue', Helvetica, Verdana;
}

.beta .popup_button,
.beta .popup_input {
	/*
	background: rgba(255,255,255,.3);
	border: 1px solid rgba(25,100,165,0.4);
*/
	background-color: transparent !important;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid rgba(127, 127, 127, 0.7);
	color: rgba(61, 59, 59, 1);
	font-size: 16px;
}
.beta .popup_button {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;

	margin-left: 0;
	margin-right: 0;

	background-image: url(../images/login.png);
	background-image: -Webkit-image-set(
		url(../images/login.png) 1x,
		url(../images/login@2x.png) 2x
	) !important;
	background-size: 33px 99px;
	background-position: 0 0px;
	background-repeat: no-repeat;
	width: 33px;
	height: 33px;
	text-indent: -9999px;
	position: relative;
	border: none !important;
}
.beta .popup_button:hover {
	background-position: 0 -33px;
	background-repeat: no-repeat;
}
.beta .popup_button:active {
	background-position: 0 -66px;
	background-repeat: no-repeat;
}
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #fcfcfc inset;
	color: rgba(61, 59, 59, 1);
}

.popup_button.default {
	color: #0d4372;
}
.popup_button:hover {
	/*
	background: rgba(150,150,150,0.2);
	border: 1px solid rgba(0,0,0,0.1);
*/
	/* 	border: 1px solid rgba(25,100,165,0.4); */
	/*
	background:#0083c2;
	border: 1px solid rgba(25,100,165,0.1);
	color: rgba(255,255,255,0.8);
*/
	background: rgba(60, 177, 231, 0.1);
	border-color: #3cb1e7;
	color: #33a3d7;

	/* 	color: #1964a5; */
}
.popup_button:active {
	/*
	background:rgba(25,100,165,0.8);
	border: 1px solid rgba(25,100,165,0.1);
	color: rgba(255,255,255,0.8);
*/
	background: #3cb1e7;
	border: 1px solid #3cb1e7;
	color: rgba(255, 255, 255, 0.8);
}
.popup_button.active {
	/* 	background: rgba(60,177,231,0.1); */
	/* background: rgba(60, 177, 231, 0.06); */

	border-color: #3cb1e7;
	color: #33a3d7;
	font-weight: 500;
}
.popup_button.active:hover {
	background: #3cb1e7;
	border: 1px solid #3cb1e7;
	color: rgba(255, 255, 255, 0.8);
}
.popup_button.active:active {
	background: #0083c2;
	border: 1px solid rgba(25, 100, 165, 0.1);
	color: rgba(255, 255, 255, 0.8);
}
@-webkit-keyframes open_popup {
	/*
    0% {
        opacity: 0;
        -webkit-transform: rotateX(100deg) scale(0.6);
    }
    100%{
        opacity: 1;
        -webkit-transform: rotateX(0deg) scale(1);
    }
*/
	0% {
		opacity: 0;
		-webkit-transform: scale(1.5);
	}
	50% {
		opacity: 0.9;
		-webkit-transform: scale(0.98);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}
@-webkit-keyframes open_login {
	0% {
		opacity: 0;
		-webkit-transform: scale(6.5);
		filter: grayscale(1);
	}
	80% {
		opacity: 0.9;
		-webkit-transform: scale(0.95);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		filter: grayscale(0);
	}
}
@-webkit-keyframes open_popup_in {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.2);
	}
	50% {
		opacity: 1;
		-webkit-transform: scale(1.03);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}
@-webkit-keyframes close {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
	50% {
		opacity: 1;
		-webkit-transform: scale(1.2);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0.2);
	}
}
@-webkit-keyframes close_in {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
	50% {
		opacity: 1;
		-webkit-transform: scale(1.03);
	}
	100% {
		opacity: 0.2;
		-webkit-transform: scale(0.2);
	}
}
@-webkit-keyframes shake_popup {
	0% {
		-webkit-transform: translateX(0px);
	}
	20% {
		-webkit-transform: translateX(-40px);
	}
	40% {
		-webkit-transform: translateX(40px);
	}
	60% {
		-webkit-transform: translateX(-40px);
	}
	80% {
		-webkit-transform: translateX(40px);
	}
	100% {
		-webkit-transform: translateX(0px);
	}
}
@keyframes shake_popup {
	0% {
		-webkit-transform: translateX(0px);
	}
	20% {
		-webkit-transform: translateX(-40px);
	}
	40% {
		-webkit-transform: translateX(40px);
	}
	60% {
		-webkit-transform: translateX(-40px);
	}
	80% {
		-webkit-transform: translateX(40px);
	}
	100% {
		-webkit-transform: translateX(0px);
	}
}
@keyframes open_popup {
	/*
    0% {
        opacity: 0;
        transform: rotateX(100deg) scale(0.6);
    }
    100%{
        opacity: 1;
        transform: rotateX(0deg) scale(1);
    }
*/
	0% {
		opacity: 0;
		transform: scale(1.5);
	}
	50% {
		opacity: 1;
		transform: scale(0.9);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@keyframes open_popup_in {
	0% {
		opacity: 0;
		transform: scale(0.2);
	}
	50% {
		opacity: 1;
		transform: scale(1.03);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@keyframes close {
	0% {
		opacity: 1;
		transform: scale(1);
	}
	50% {
		opacity: 1;
		transform: scale(1.2);
	}
	100% {
		opacity: 0;
		transform: scale(0.2);
	}
}
@keyframes close_in {
	0% {
		opacity: 1;
		transform: scale(1);
	}
	50% {
		opacity: 1;
		transform: scale(1.03);
	}
	100% {
		opacity: 0.2;
		transform: scale(0.2);
	}
}
@-webkit-keyframes error {
	0% {
		opacity: 1;
		-webkit-transform: translateX(20px);
	}
	50% {
		opacity: 1;
		-webkit-transform: translateX(-40px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(20px);
	}
}
@keyframes error {
	0% {
		opacity: 1;
		transform: translateX(20px);
	}
	50% {
		opacity: 1;
		transform: translateX(-40px);
	}
	100% {
		opacity: 1;
		transform: translateX(20px);
	}
}

.icon {
	display: inline-block;
	vertical-align: top;
}
.icon_popup {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 17px;
	border: none;
	text-indent: 1000px;
	overflow: hidden;
	background: url(../images/window_buttons.png) -999px -999px no-repeat;
	background-image: -Webkit-image-set(
		url(../images/window_buttons.png) 1x,
		url(../images/window_buttons@2x.png) 2x
	);
	background-size: 32px auto;
}
.icon_popup_alert {
	top: 45px;
	left: 10px !important;
}
.icon_popup:hover {
	background-position-y: -16px;
}
.icon_popup:active {
	background-position-y: -32px;
}
.icon_close-popup {
	background-position: 0 0;
	right: 20px;
}
.icon_close-popup.left {
	left: 20px;
}
.icon_resize-popup {
	background-position: -16px 0;
	right: 45px;
}
.icon_resize-popup.left {
	left: 45px;
}
@media screen and (max-width: 678px) {
	.icon_popup {
		width: 20px;
		height: 20px;
		background-size: 40px auto;
		background-position-x: 0px;
	}
	.icon_popup:hover {
		background-position-y: -20px;
	}
	.icon_popup:active {
		background-position-y: -40px;
	}
}
/* */

.uploadbtn {
	visibility: hidden;
	position: absolute;
	display: none !important;
	top: 0;
	left: -5000px;
}
.drop-files {
	display: none;
	position: fixed;
	background: url(../images/upload-to-cloud-big.png) no-repeat 50% 50%;
	background-image: -Webkit-image-set(
		url(../images/upload-to-cloud-big.png) 1x,
		url(../images/upload-to-cloud-big@2x.png) 2x
	);
	background-color: rgba(0, 0, 0, 0.05);
	background-size: 100px 100px;
	border: 1px dashed rgba(142, 142, 142, 0);
	overflow: hidden;
	width: inherit;
	height: inherit;
	bottom: 0;
	top: 51px;
	left: 22%;
	right: 0;
	box-sizing: border-box;
	z-index: 100000000000;
	box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.drop-files p {
	clear: none;
	padding: 0;
	margin: 0;
}

#uploaded-holder {
	display: none;
	position: relative;
	margin: 0 auto;
}

#dropped-files {
	display: block;
	margin: 0 auto;
	width: intrinsic;
}

.drop-button {
	display: block;
	position: absolute;
	z-index: 9999;
	padding: 5px;
	width: 100%;
	background: rgba(0, 0, 0, 0.6);
	font-size: 1em;
	bottom: 0;
	text-align: center;
	text-decoration: none;
	font-weight: 700;
	color: #fff;
}

#dropped-files .image {
	position: relative;
	/* 	height: 380px; */
	min-width: 360px;
	width: auto;
	height: auto;
	max-height: 75%;
	background: #fff;
	/* 	float: left; */
	/* 	border-radius: 4px; */
	/* 	margin: 0 7px 7px 0; */
	overflow: hidden;
}

#upload-button .ss-upload {
	font-size: 0.7em;
}

#uploaduserpic p {
	display: none;
}

#loading {
	width: 100%;
	position: relative;
	margin: -5px 0 3px 0;
}

#loading-bar {
	width: 100%;
	height: 2px;
	background: transparent;
	border-radius: 0px;
	padding: 0px;
	border-radius: 6px;
}

.loading-color {
	width: 0%;
	max-width: 100%;
	height: 100%;
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-ms-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
	border-radius: inherit;
	background-color: #4edbf1;
}

#loading-content {
	position: relative;
	top: 5px;
	margin-top: 10px;
	font-size: 1.2em;
	font-weight: normal;
	text-align: center;
	font-family: 'HelveticaNeue-Light';
	width: 100%;
}

#loading-bar .loading-color.spinner {
	-webkit-transition: all 500ms linear;
	transition: all 500ms linear;
}

#file-name-holder {
	width: 100%;
	float: left;
}

#file-name-holder h1 {
	text-align: center;
	padding: 20px 0;
	font-size: 3em;
	margin: 0;
}

#uploaded-files {
	width: 500px;
	list-style: none;
	margin: 0 auto;
	padding: 10px;
	color: #545454;
}

#uploaded-files li {
	padding: 10px;
	border-bottom: 1px solid #eee;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 25px;
	color: #545454;
}

#uploaded-files a {
	color: #1bacbf;
}

/* */

.formerror {
	font-family: 'HelveticaNeue', Helvetica;
	font-size: 13px;
	margin: -20px 0 20px;
	color: rgb(190, 0, 0);
	display: none;
}
.formerror-input {
	border-color: rgb(190, 0, 0);
}

.formerror h3 {
	color: #154172;
	font-family: 'HelveticaNeue', Helvetica, Verdana, Arial, sans-serif;
	font-weight: lighter;
}
.formerror p {
	/* 	color: #3e474a; */
	color: rgba(194, 0, 0, 0.78);
	font-weight: normal;
	/* 	text-shadow: 0 1px rgba(255,255,255,0.3); */
}
.addtodb-forgot-link {
	color: #5c5959;
}
form.addtodb {
	margin-right: 0px;
	margin-top: 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	z-index: 5;
}
form.addtodb.fullwidth {
	width: inherit;
}
form.addtodb input,
form.addtodb textarea,
form.addtodb button:not(.tox-tbtn),
form.addtodb button:not(.tox-tbtn):hover,
form.addtodb button:not(.tox-tbtn):active {
	position: relative;
	display: inline-block;
	width: inherit;
	background: rgba(255, 255, 255, 0.3);
	float: left;
	margin-right: 40px;
	border-radius: 6px !important;
	box-sizing: border-box;
}
.zindex {
	z-index: 9999;
}
form.addtodb button:not(.tox-tbtn) {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: inline-block;
	cursor: pointer;
	padding: 9px 45px;
	font-size: 14px;
	font-weight: 300;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: linear-gradient(top, #24a5e4 0%, #1a80d9 100%);
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #24a5e4),
		color-stop(1, #1a80d9)
	);
	background: -webkit-linear-gradient(top, #24a5e4 0%, #1a80d9 100%);
	background: -moz-linear-gradient(top, #24a5e4 0%, #1a80d9 100%);
	background: -o-linear-gradient(top, #24a5e4 0%, #1a80d9 100%);
	background: -ms-linear-gradient(top, #24a5e4 0%, #1a80d9 100%);
	background: linear-gradient(top, #24a5e4 0%, #1a80d9 100%);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1);
	border: solid 1px #135fa4;
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
form.addtodb button:not(.tox-tbtn):not(.one),
form.addtodb button:not(.tox-tbtn):not(.one):hover,
form.addtodb button:not(.tox-tbtn):not(.one):active {
	margin-left: 20px;
	margin-right: 20px;
	width: auto;
	min-width: 150px;
}
form.addtodb button.one,
form.addtodb button.one:hover,
form.addtodb button.one:active {
	margin-left: 0px;
	margin-right: 0px;
	width: auto;
	min-width: 300px;
}

form.addtodb .controls.autowidth.mini button,
form.addtodb .controls.autowidth.mini button:hover,
form.addtodb .controls.autowidth.mini button:active {
	min-width: 125px;
}
form.addtodb.simple button.margin-top {
	margin-top: 20px;
}
form.addtodb.simple button.margin-bottom {
	margin-bottom: -10px;
}

form.addtodb.simple button.simple {
	background: rgba(255, 255, 255, 0.2);
	color: #33a3d7;
	border-color: rgba(60, 177, 231, 0.3);
	text-shadow: none;
	box-shadow: none;
	font-family: -apple-system, 'HelveticaNeue', Helvetica, Verdana;
	font-weight: 500;
	border-radius: 6px !important;
}
form.addtodb.simple button.simple:hover {
	background: rgba(60, 177, 231, 0.1);
	border-color: #3cb1e7;
	color: #33a3d7;
}
form.addtodb.simple button.simple:active {
	background: #3cb1e7;
	color: #fff;
}
form.addtodb.simple button.simple.color__green {
	background: transparent;
	border-color: rgba(0, 0, 0, 0.1);
	color: #73777b;
}
form.addtodb.simple button.simple.color__green:hover {
	background: rgba(40, 158, 60, 0.06);
	border-color: #289e3c;
	color: #289e3c;
}
form.addtodb.simple button.simple.color__green:active,
form.addtodb.simple button.simple.color__green.active {
	background: rgba(40, 158, 60, 0.8);
	border-color: transparent;
	color: #fff;
}
form.addtodb.simple button.simple.color__green.active.light {
	background: transparent;
	border-color: rgba(40, 158, 60, 0.8);
	color: rgba(40, 158, 60, 0.8);
}
form.addtodb.simple button.simple.color__green.active:hover {
	background: #289e3c;
	border-color: #289e3c;
	color: #fff;
}
form.addtodb.simple button.simple:disabled {
	color: rgb(174, 174, 174);
	border-color: rgb(210, 210, 210);
}
form.addtodb.simple button.simple.full {
	margin-left: 0;
	margin-right: 0;
	padding: 10px;
	width: 100%;
}
form.addtodb.simple button.simple.formelement {
	font-family: Helvetica;
	font-size: 13px;
	outline-color: #e3dfdf;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-right: 20px;
}
form.addtodb.simple button.simple.formelement > i {
	position: absolute;
	right: 10px;
	width: 20px;
	height: 20px;
	top: 10px;
	text-align: right;
}
form.addtodb.simple button.simple.formelement > i.icon::before {
	content: attr(data-icon);
	font: 13px 'EmojiSymbols', 'HelveticaNeue-UltraLight', Arial, sans-serif;
}
form.addtodb.simple button.simple.formelement > i.upload {
	background: url(../images/upload-to-cloud-big.png) no-repeat 50% 50%;
	background-image: -Webkit-image-set(
		url(../images/upload-to-cloud-big.png) 1x,
		url(../images/upload-to-cloud-big@2x.png) 2x
	);
	background-size: 20px 20px;
	transition: all 400ms linear;
}
form.addtodb.simple button.simple.formelement.color__green:hover > i.upload {
	filter: invert(98%) sepia(93%) saturate(1000%) hue-rotate(90deg) brightness(55%) contrast(100%);
}
form.addtodb.simple button.simple.formelement.color__green:active > i.upload {
	filter: contrast(1000%);
}
form.addtodb.simple button.simple.two {
	/* 	width: calc(100%/2); */
	padding: 8px 15px 9px;
}
form.addtodb.simple button.simple.three {
	padding: 9px 15px;
}
form.addtodb.simple button.simple.active {
	/* 	background: rgba(60,177,231,0.1); */
	background: #3cb1e7;
	color: rgba(255, 255, 255, 0.9);
	border-color: #3cb1e7;
	/* 	color: #33a3d7; */
}
form.addtodb.simple button.simple.active:hover {
	background: #1da1e0;
	border: 1px solid #1da1e0;
	color: rgba(255, 255, 255, 0.8);
}
form.addtodb.simple button.simple.active:active {
	background: #0083c2;
	border: 1px solid rgba(25, 100, 165, 0.1);
	color: rgba(255, 255, 255, 0.8);
}
form.addtodb.simple .btns button.simple:not(.two) {
	right: -3px;
	position: absolute;
	width: 300px;
}
form.addtodb.simple .btns button.simple.two {
	width: 246px;
}

form.addtodb button:hover {
	background: linear-gradient(top, #3cb1e7 0%, #3393de 100%);
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #3cb1e7),
		color-stop(1, #3393de)
	);
	background: -webkit-linear-gradient(top, #3cb1e7 0%, #3393de 100%);
	background: -moz-linear-gradient(top, #3cb1e7 0%, #3393de 100%);
	background: -o-linear-gradient(top, #3cb1e7 0%, #3393de 100%);
	background: -ms-linear-gradient(top, #3cb1e7 0%, #3393de 100%);
	background: linear-gradient(top, #3cb1e7 0%, #3393de 100%);
}
form.addtodb button:active {
	background: linear-gradient(top, #1a80d9 0%, #24a5e4 100%);
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #1a80d9),
		color-stop(1, #24a5e4)
	);
	background: -webkit-linear-gradient(top, #1a80d9 0%, #24a5e4 100%);
	background: -moz-linear-gradient(top, #1a80d9 0%, #24a5e4 100%);
	background: -o-linear-gradient(top, #1a80d9 0%, #24a5e4 100%);
	background: -ms-linear-gradient(top, #1a80d9 0%, #24a5e4 100%);
	background: linear-gradient(top, #1a80d9 0%, #24a5e4 100%);
}

form.addtodb button.delete {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: inline-block;
	cursor: pointer;
	padding: 9px 45px;
	font-size: 14px;
	font-weight: 300;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: linear-gradient(top, #d22e2a 0%, #a00905 100%);
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #d22e2a),
		color-stop(1, #a00905)
	);
	background: -webkit-linear-gradient(top, #d22e2a 0%, #a00905 100%);
	background: -moz-linear-gradient(top, #d22e2a 0%, #a00905 100%);
	background: -o-linear-gradient(top, #d22e2a 0%, #a00905 100%);
	background: -ms-linear-gradient(top, #d22e2a 0%, #a00905 100%);
	background: linear-gradient(top, #d22e2a 0%, #a00905 100%);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1);
	border: solid 1px #a00905;
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

form.addtodb button.changepic,
form.addtodb button.changepic:hover,
form.addtodb button.changepic:active {
	width: 168px !important;
	display: inline-block;
	margin-right: 0px;
	float: right;
}
form.addtodb .controls textarea {
	position: relative;
	display: block;
	padding: 10px;
	text-indent: 0 !important;
	width: 300px;
	box-sizing: border-box;
}
form.addtodb .controls div.time-separator/* :not(.awesomplete,.loading,.chosen-drop,.chosen-container):not([data-type="filter-spinner"]) */ {
	position: relative;
	display: inline-block;
	width: 20px;
	clear: none;
	float: left;
	padding: 8px 8px 0 8px;
}
form.addtodb .controls.fullwidth textarea {
	width: calc(100% - 20px) !important;
	height: calc(100vh - 460px) !important;
	margin: 0 10px;
}
form.addtodb .controls.fullwidth textarea:not(.mini) {
	height: 100px;
}
form.addtodb .controls .nativeMultiple {
	width: 150px !important;
	margin-top: -2px;
	padding-top: 8px;
	float: left;
}
form.addtodb .controls.inline input {
	width: calc(100% / 3.062) !important;
	display: inline-block;
	box-sizing: border-box;
	margin: 0;
}
form.addtodb .controls.inline input:not(:first-child) {
	margin-left: 1%;
}
form.addtodb .controls.center {
	margin-right: 23px;
}

form.addtodb .controls.date-group input {
	width: calc(50% - 4px) !important;
}
form.addtodb .controls.invoice-group input:first-child {
	width: calc(20% - 4px) !important;
}
form.addtodb .controls.invoice-group input:last-child {
	width: calc(80% - 4px) !important;
}
form.addtodb .controls.date-group input:first-child,
form.addtodb .controls.invoice-group input:first-child {
	margin-right: 3px;
}
form.addtodb .controls.date-group input:last-child,
form.addtodb .controls.invoice-group input:last-child {
	margin-left: 5px;
	margin-right: -4px;
}
form.addtodb label {
	padding-top: 12px;
}
form.addtodb label,
form.addtodb em {
	font-family: -apple-system, HelveticaNeue-Light, Helvetica, Verdana;
	font-size: 12px;
	color: #5c5959;
	display: inline-block;
	vertical-align: top;
	text-align: left !important;
	font-style: normal;
}
form.addtodb label.text,
form.addtodb em {
	padding-top: 5px;
}
form.addtodb label.range {
	font-size: 9px;
	line-height: 10px;
}
form.addtodb .controls em {
	color: #000;
	width: 350px;
}
form.addtodb label.long {
	width: 150px;
	padding-right: 20px;
	padding-left: 5px;
}
form.addtodb label.medium {
	width: 100px;
	padding-right: 20px;
	padding-left: 5px;
	padding-top: 9px;
}
form.addtodb label.normal {
	width: 70px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 9px;
}
form.addtodb label.short {
	width: 50px;
}
@media screen and (max-width: 570px) {
	form.addtodb label.long,
	form.addtodb label.medium {
		width: 100%;
	}
}
form.addtodb label.error {
	color: rgb(202, 0, 0);
}
form.addtodb.fullwidth label.long {
	width: 100%;
	padding-bottom: 5px;
}
form.addtodb label.check-label {
	position: relative;
	cursor: pointer;
	margin-bottom: 10px;
	padding-top: 10px;
	display: inline-block;
	width: inherit;
}
form.addtodb label.check {
	padding-top: 15px;
	cursor: pointer;
}
form.addtodb input[type='checkbox'],
form.addtodb input[type='radio'] {
	position: relative;
	width: 14px !important;
	height: 14px !important;
	cursor: pointer;
	margin-top: -1px;
	margin-left: 3px !important;
	margin-right: 20px;
	-webkit-appearance: checkbox;
	float: left;
	display: inline-block;
}
form.addtodb input[type='radio'] {
}
form.addtodb input.listname {
	margin: 0 auto 0px;
	float: none;
	display: inline-block;
	border-color: transparent;
	border-bottom: none;
	/* border-bottom: 1px solid #dcdcdc; */
	/* border-radius: 0 !important; */
	-webkit-border-radius: 0 !important;
	background: transparent;
	width: 60%;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
}
form.addtodb input[readonly].listname,
form.addtodb input[readonly].listname:hover {
	cursor: default !important;
}
form.addtodb input.listname:not([readonly]):focus,
form.addtodb input.listname:invalid {
	border: 1px solid #dcdcdc;
	border-bottom: none;
	border-color: transparent;
	/* 	background: rgba(246, 246, 246, 0.37); */
	background: transparent;
	border-top-left-radius: 3px !important;
	border-top-right-radius: 3px !important;
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	-webkit-border-top-left-radius: 3px !important;
	-webkit-border-top-right-radius: 3px !important;
	-webkit-border-bottom-left-radius: 0px !important;
	-webkit-border-bottom-right-radius: 0px !important;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: 0.4s ease-out;
	-o-transition: 0.4s ease-out;
	transition: all 0.4s ease-in-out;
	cursor: text;

	/* 	text-align: left; */
}
form.addtodb input.time {
	width: 55px;
	margin-right: 0;
}
form.addtodb input.appkey {
	width: 132px;
}
form.addtodb input.keycomment {
	width: 200px;
}
form.addtodb input.keydevice {
	width: 129px;
}
form.addtodb input.datetime {
	width: 85px;
	margin-right: 0;
	/* 	float: none; */
}
form.addtodb input.time:disabled,
form.addtodb input.datetime:disabled {
	border-color: transparent;
}
@media screen and (max-width: 760px) {
	form.addtodb input {
		text-indent: 0px;
	}
	form.addtodb input.time {
		width: 43px;
	}
	form.addtodb input.datetime {
		width: 70px;
	}
}
@media screen and (max-width: 570px) {
	form.addtodb .controls {
		display: block;
		width: 100% !important;
	}
	form.addtodb label {
		display: block;
		float: left;
	}
	form.addtodb input {
		text-indent: 0px;
	}

	form.addtodb input,
	form.addtodb textarea,
	form.addtodb button,
	form.addtodb select,
	form.addtodb span.customSelect {
		box-sizing: border-box;
		width: 100% !important;
	}
	form.addtodb span.customSelectInner {
		width: calc(100% - 20px) !important;
	}
	form.addtodb.simple button.simple.two,
	form.addtodb.simple button.simple.three {
		margin-left: 0 !important;
		margin-right: 0;
	}
}
form.addtodb .ignore-primary {
	display: block;
	margin-left: -9px;
	margin-top: -15px;
	text-align: left;
}
form.addtodb.inline {
	width: 100%;
	display: inline-block;
}
form.addtodb.inline button {
	width: 31% !important;
	display: inline-block;
	margin-right: 10px;
	text-align: left;
}
form.addtodb input.error,
form.addtodb textarea.error {
	border-color: rgba(194, 0, 0, 0.37);
}
form.addtodb .controls > input:not([type='checkbox']).merged {
	width: calc(50% - 2px);
	display: inline-block;
	margin-right: 4px;
}
form.addtodb .controls > input:not([type='checkbox']).merged:last-child {
	margin-right: 0px;
}
.control-group {
	outline: none;
	border: none;
}
.control-group.flex {
	display: inline-block;
}
@media (min-width: 577px) and (max-width: 1057px) {
	.control-group.flex {
		width: 80%;
	}
}
@media (max-width: 1057px) {
	.control-group.flex:not(:last-child) {
		border-bottom: 1px dashed #ccc;
		margin-bottom: 20px;
		padding-bottom: 10px !important;
	}
}
.control-group.no-padding:not(.flex) {
	padding: 0;
	padding-bottom: 5px;
}
.control-group.label-margin {
	padding-left: 179px;
}
@media (max-width: 760px) {
	.control-group.label-margin {
		padding: 15px 0 0px;
		margin-bottom: 0 !important;
	}
}
.control-group.no-padding > .controls {
	width: auto;
}
.control-group.no-padding > input[type='checkbox']::before {
	/* 	margin-left: 60px!important; */
}
@media (max-width: 1057px) {
	.control-group.flex .controls .nativeMultiple {
		width: 100% !important;
		margin-top: 10px;
	}
}
.control-group.wblock {
	margin-left: 50px;
}
.control-group.wblock:first-child {
	margin-top: 20px;
}

.control-group.center {
	text-align: center;
}
.control-group.check {
	text-align: left;
}
.control-group.in-multiple.check {
	margin-left: -10px;
}
@media (max-width: 760px) {
	.control-group.in-multiple.check {
		margin-left: 0px;
	}
}
#workingtimeform .control-group.check,
#adscheduleform .control-group.check {
	margin-left: -50px;
	margin-right: -50px;
	padding-left: 40px;
}
#workingtimeform .control-group.check {
	padding-left: 40px;
}
.control-group.line {
	border-bottom: 1px solid rgba(0, 0, 0, 0.13);
	box-shadow: 0 1px rgba(255, 255, 255, 0.8);
	margin-bottom: 10px;
}
form.addtodb .controls {
	position: relative;
	display: inline-block;
	outline: none;
	width: 300px;
}
form.addtodb .controls.check {
	text-align: left;
	padding: 0;
	height: 20px;
}
form.addtodb .controls.check.last {
	margin-bottom: 20px;
}
form.addtodb .controls.fullwidth {
	display: inline-block;
	outline: none;
	width: 100%;
}
form.addtodb .controls.autowidth {
	width: auto;
}
.control-group.flex .controls {
	display: inline-block;
}
.control-group.flex .controls__manage {
	display: flex;
	flex-flow: row;
	justify-content: flex-end;
	float: left;
}
.control-group.flex .controls__icons {
	display: inline-flex;
	white-space: nowrap;
}
.control-group.flex .controls__manage > .icon {
	margin-bottom: 10px;
}
@media (max-width: 1057px) {
	.control-group.flex .controls {
		flex-direction: column;
		width: 90% !important;
	}
	.control-group.flex .controls > * {
		margin-top: 2px;
	}
	.control-group.flex .controls__manage {
		flex-flow: column-reverse;
	}
	.control-group.flex .controls__separator {
		position: relative;
		display: block;
		width: 100%;
		height: 0;
		overflow: hidden;
		float: none;
		opacity: 0;
	}
	.control-group.flex input,
	.control-group.flex select,
	.control-group.flex textarea,
	.control-group.flex span.customSelect,
	.control-group.flex span.customSelectInner {
		width: 100% !important;
	}
}
@media (max-width: 580px) {
	.control-group.flex .controls {
		width: 85% !important;
	}
}
h2.interests-header {
	text-align: center;
}
h3.interests-subheader {
	text-align: center;
	font-size: 18px;
	margin-bottom: 10px;
}
h3.menu-subheader {
	margin: 0;
	font-size: 15px;
	font-family: 'HelveticaNeue', Helvetica, Verdana, Arial, sans-serif;
}

p.interests-text {
	text-align: center;
	color: rgb(92, 89, 89);
}
p.interests-text.red {
	color: rgb(212, 0, 0);
}
.interests-all-link {
	float: none;
	clear: none;
	font-size: 13px;
	display: block;
	position: relative;
	margin: 0 auto;
	width: 60px;
}

form.addtodb p {
	font-family: 'HelveticaNeue', Helvetica, Verdana, Arial, sans-serif;
	color: #5c5959;
	font-size: 12px;
}
form.addtodb p.bio-label {
	color: #9d9c9c;
}
p.bio-label.userpic-help {
	width: 168px;
	float: right;
}
form#loginform {
	display: inline-block;
}
form#loginform input,
form#loginform button {
	display: inline;
}
form.loginform {
	text-align: center;
}
form.loginform input[type='checkbox'] {
	width: 13px;
	height: 13px;
	padding: 0;
	color: #000;
	margin-top: 12px;
	float: left;
	display: block;
	cursor: pointer;
	-webkit-appearance: checkbox;
}
form.loginform label {
	font-family: HelveticaNeue-Light;
	font-size: 11px;
	margin-top: 7px !important;
	text-align: left;
}
form.loginform p {
	text-align: center;
	max-width: initial !important;
}
div.user-edit-profile {
	display: block;
	position: relative;
	margin-top: 40px;
	padding: 20px;
	box-sizing: border-box;
}
div.user-edit-profile.left {
	float: left;
	width: 60%;
}
div.user-edit-profile.center {
	float: left;
	width: 100%;
}
div.user-edit-profile.right {
	float: right;
	width: 30%;
}
div.user-edit-profile.border {
	background: rgba(255, 255, 255, 0.3);
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 6px !important;
	padding: 10px 10px 5px 10px;
}
div.user-edit-profile.border.menu {
	background: rgba(255, 255, 255, 0.8);
}

u {
	text-decoration: none;
	border-bottom: 3px solid #0d4372;
	box-shadow: 0 -1px 0px #053053 inset, 0 1px rgba(255, 255, 255, 0.1);
	border-radius: 6px;
	font-size: 24px;
	font-family: 'Merienda', cursive;
	/*
	font-family: 'Just Me Again Down Here', cursive;
	font-family: 'Petit Formal Script', cursive;
	font-family: 'Architects Daughter', cursive;
	font-family: 'Patrick Hand', cursive;
*/
}

p.loaded {
	opacity: 1;
}

@media screen and (max-width: 570px) {
	section {
		left: 0;
		margin: 0px 10px -200px 40px;
	}
	section.loaded {
		margin: 40px 10px 0 40px;
	}
	h1 {
		font-size: 18px;
	}
	h2 {
		font-size: 17px;
		line-height: 14px;
	}
	p {
		padding-top: 0px;
		margin-left: 0px;
	}
	u {
		font-size: 14px;
		border-bottom-width: 1px;
		border-radius: 1px;
	}
}

/* Devices */

@media screen and (max-width: 1024px) {
	section {
		opacity: 0;
		height: 100vh;
		width: 100%;
		padding: 0;
		margin: 0;
		/* 		max-height: 630px; */
		/* 		overflow: hidden; */
		/* 		background: rgba(255,255,255,0.8); */
		/* 		padding: 20px 40px; */
		/* 		box-shadow: 0 2px 10px rgba(0,0,0,0.4); */
	}
	section.beta.loaded {
		top: 30% !important;
	}
	section.loaded {
		top: 0 !important;
	}
	#resurlts {
		/* 		height: 600px; */
	}
}
/*
@media only screen and (orientation:portrait)  { 
	header {
		padding: 0 20px;
		width: 860px;
	}
	header span {
		display: none;
	}
	section {
		margin: 0 0 0 -384px;		
		opacity: 0;
		width: 690px;
		min-height: 890px;
		max-height: 890px!important;
		overflow: hidden;
		background: rgba(255,255,255,0.8);
		padding: 20px 40px;
		border-radius: 6px;
		box-shadow: 0 2px 10px rgba(0,0,0,0.4);
	}
	section.beta {
		height: 200px!important;
	}
	section.beta.loaded {
		top: 30%!important;
	}
	section.loaded {
		top: 0!important;
	}
	#resurlts {
		height: 800px!important;
	}
}
*/
@media screen and (width: 768px) and (orientation: portrait) {
	header {
		padding: 0px 10px;
	}
	.has-shadow::before,
	.has-shadow::after {
		display: none;
	}
	section {
		width: inherit;
		padding: 20px 10px;
	}
	ul[data-role='main-navigation'] li a[data-link='bonus'],
	ul[data-role='main-navigation'] li a[data-link='actions'] {
		display: none;
	}
	#statchart .charts > div.three {
		width: calc(100% / 2);
	}
}
@media screen and (max-height: 320px) and (orientation: landscape) {
	a,
	div,
	button {
		-webkit-touch-callout: none;
	}
	ul[data-role='main-navigation']
		li
		a:not([data-link='stat']):not([data-link='reports']):not([data-link='feedback']):not([data-link='booking']) {
		display: none;
	}
}
@media screen and (orientation: landscape) {
	html,
	body {
		height: 100%;
		width: 100%;
		overflow: hidden;
		-webkit-overflow-scrolling: auto;
	}
	header {
		padding: 0px 20px;
	}
	header,
	div[data-role='subheader'] {
		/* 		border-bottom: 1px solid #ebebeb; */
		border-bottom: 1px solid rgba(235, 235, 235, 0.65);
		background: rgba(255, 255, 255, 0.95);
	}

	header div.header-block {
		margin: 0 auto;
	}
	header #userpic,
	.has-shadow::before,
	.has-shadow::after {
		display: none;
	}
	div[data-role='app-button'] {
		z-index: 10;
	}
	div[data-role='subheader'] {
		top: 48px;
	}
	body {
		padding: 0 !important;
		margin: 0 !important;
	}
	ul[data-role='main-navigation'] {
		line-height: 20px;
	}

	#resurlts:first-child {
		padding-top: 0px !important;
	}
	form#searchfromdb {
		position: relative !important;
		width: 100%;
		display: inline;
	}
	.page-selector {
		margin-bottom: 7px;
	}
	.page-line {
		margin-top: -4px;
	}
	.icons-set-right {
		margin-top: 3px;
	}
	.icons-set-right.paginator {
		margin-top: -45px;
	}
	/*
	.popup__content[data-role="stat-popup"] h2 {
		padding-bottom: 40px!important;
	}
*/

	h2 {
		font-size: 19px;
		line-height: 19px;
	}
	section {
		margin: 0 0px 0 0 !important;
		opacity: 0;
		height: 100% !important;
		min-height: 100% !important;
		max-height: 100% !important;
		width: 100% !important;
		/* 		background: rgba(255,255,255,0.7); */
		padding: 0px;
		border-radius: 6px;
		box-shadow: none;
	}
	section.beta {
		margin: 0 0 2000px -160px !important;
		min-height: 300px;
		max-height: 300px;
	}
	section.beta.loaded {
		top: 10% !important;
	}
	section.loaded {
		top: 0 !important;
	}
	#resurlts {
		/* 		width: 240px!important; */
		/* 		overflow: visible!important; */
		/* 		height: 100%!important; */
	}
	#activeUsersStat,
	#statchart .charts div.bubleStat.active {
		width: 100% !important;
	}
	/*
	#statchart .charts > div.three {
		width: calc(100%/2);
	}
*/
	#statchart .charts > div {
		padding: 40px 0px 10px 0;
	}
	#statchart .wblock:not(:first-child) {
		margin-bottom: 0;
	}
	#activeUsersStatMonths {
		display: none !important;
	}
	div[data-role='page'] {
		padding-bottom: 34px;
	}
	/*
	table.small-bonus {
		-webkit-border-radius: 0px;
		border-radius: 0px;
		margin-left: -10px;
		margin-right: -10px;
		width: calc(100% + 20px);
		box-shadow: none;
		border-left:none;
		border-right: none;
		margin-top: 3px;	
	}
*/
}

.popup__content[data-role='login-popover'] {
	max-width: 300px;
	min-width: 300px;
}
.popup__content[data-style='popover'] {
	max-width: 500px;
	min-width: 350px;
	overflow-y: visible;
}
.popup__content[data-style='popover'] form.addtodb .controls {
	width: 100%;
}
.popup__content[data-style='popover'] form.addtodb .controls.modal {
	width: 300px;
}
.popup__content[data-style='popover'] div.awesomplete {
	width: 100%;
}
.popup__content[data-style='popover'] div.awesomplete > ul {
	top: 40px;
}

.popup__content[data-role='alert-popup'],
.popup__content[data-role='confirm-popup'] {
	border-radius: 10px !important;
	border: none;
	width: auto;
	min-height: 150px;
	max-height: 400px;
	min-width: 340px;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0;
	backdrop-filter: blur(10px);
}
.popup__content[data-role='alert-popup'] h2,
.popup__content[data-role='confirm-popup'] h2 {
	font-family: -apple-system, 'HelveticaNeue', Helvetica, Verdana !important;
	padding-bottom: 10px;
	margin-top: 30px;
	font-weight: 400;
	font-size: 19px;
	line-height: 19px;
}
.popup__content[data-role='alert-popup']:not(#qrcode-popup) p,
.popup__content[data-role='confirm-popup']:not(#qrcode-popup) p {
	max-height: -webkit-fit-content;
	min-height: -webkit-min-content;
	height: auto;
	margin-bottom: 46px;
	padding-bottom: 20px;
	font-size: 13px;
	font-family: -apple-system, 'Helvetica Neue', Helvetica, Arial;
}
.popup__content[data-role='alert-popup'] .popup_button,
.popup__content[data-role='alert-popup'] .popup_button:hover,
.popup__content[data-role='alert-popup'] .popup_button:active,
.popup__content[data-role='confirm-popup'] .popup_button,
.popup__content[data-role='confirm-popup'] .popup_button:hover,
.popup__content[data-role='confirm-popup'] .popup_button:active {
	width: 100% !important;
	font-size: 15px;
	text-transform: capitalize;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0;
	border: none;
	outline: none;
	height: 44px;
	box-sizing: border-box;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.popup__content[data-role='confirm-popup'] .popup_button,
.popup__content[data-role='confirm-popup'] .popup_button:hover,
.popup__content[data-role='confirm-popup'] .popup_button:active {
	width: 50% !important;
	float: left;
}
.popup__content[data-role='confirm-popup'] .popup_button:first-child {
	border-bottom-right-radius: 0;
}
.popup__content[data-role='confirm-popup'] .popup_button:last-child {
	border-bottom-left-radius: 0;
}
.popup__content[data-role='confirm-popup'] .popup_button:not(:first-child) {
	border-left: 1px solid rgba(201, 201, 201, 0.54);
}
.popup__content[data-role='alert-popup'] .popup_button:hover,
.popup__content[data-role='confirm-popup'] .popup_button:hover {
	background: rgba(0, 0, 0, 0.05) !important;
}
.popup__content[data-role='alert-popup'] .popup_button.active:hover,
.popup__content[data-role='confirm-popup'] .popup_button.active:hover {
	color: #33a3d7 !important;
}
.popup__content[data-role='alert-popup'] .popup_button.destructive,
.popup__content[data-role='alert-popup'] .popup_button.destructive:hover,
.popup__content[data-role='alert-popup'] .popup_button.destructive:active,
.popup__content[data-role='confirm-popup'] .popup_button.destructive,
.popup__content[data-role='confirm-popup'] .popup_button.destructive:hover,
.popup__content[data-role='confirm-popup'] .popup_button.destructive:active {
	color: rgb(202, 0, 0) !important;
}
.popup__content[data-role='alert-popup'] .buttons,
.popup__content[data-role='confirm-popup'] .buttons {
	left: 0;
	right: 0;
	position: absolute;
	bottom: 0;
	border-top: 1px solid rgba(201, 201, 201, 0.54);
}
@media (max-width: 400px) {
	.appicon.login {
		width: 280px;
		height: auto;
	}
}
@media (max-width: 760px) {
	.new_login {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-content: center;
		align-items: center;
		width: 100%;
	}
	.popup__content.beta form.loginform {
		text-align: center;
		width: 100%;
		max-width: 300px;
	}
	.popup__content.beta h2 {
		text-overflow: ellipsis;
		width: 100%;
		padding: 10px !important;
	}
}
@media (max-height: 370px) {
	.popup__content.beta h2 {
		padding-bottom: 0 !important;
		padding-top: 10px !important;
	}
}
@media screen and (max-width: 570px) and (orientation: portrait) {
	#activeUsersStat {
		display: none !important;
	}
}
@media screen and (max-width: 768px) {
	.hide-sm {
		display: none !important;
		visibility: hidden;
	}
	html,
	body {
		height: 100%;
		width: 100%;
		overflow: hidden;
		-webkit-overflow-scrolling: auto;
	}
	header {
		width: inherit;
		padding: 0px 20px;
	}
	header,
	div[data-role='subheader'] {
		border-bottom: 1px solid #ebebeb;
		background: rgba(255, 255, 255, 0.95);
	}
	div[data-role='subheader'] {
		top: 48px;
	}
	header #userpic,
	.has-shadow::before,
	.has-shadow::after {
		display: none;
	}
	header div.header-block {
		margin: 0 auto;
		padding-left: 10px;
	}
	div[data-role='app-button'].nb {
		margin-left: 0;
	}
	ul[data-role='main-navigation'] {
		line-height: 20px;
	}
	#resurlts:first-child {
		padding-top: 25px !important;
	}
	.popup__content[data-role='alert-popup'],
	.popup__content[data-role='confirm-popup'] {
		max-height: 320px;
		min-width: 250px;
	}

	.popup__content:not([data-role='alert-popup']) {
		padding-top: 0;
	}

	.beta .popup_input {
		/* 		width: inherit!important; */
		background: #f4f4f4 !important;
	}
	.beta .popup_input,
	.beta .popup_button {
		width: 100% !important;
		box-sizing: border-box;
	}
	.beta input.popup_input.first {
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		border-bottom-color: transparent !important;
	}
	.beta input.popup_input.last {
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
	}
	.beta input.popup_input:-webkit-autofill {
		border-left-color: rgb(208, 208, 208) !important;
		border-top-color: rgb(208, 208, 208) !important;
		border-right-color: rgb(208, 208, 208) !important;
		-webkit-box-shadow: 0 0 0px 1000px #f4f4f4 inset;
	}
	.beta input.popup_input.first:-webkit-autofill {
		border-bottom-color: #f4f4f4 !important;
	}
	.beta input.popup_input.last:-webkit-autofill {
		border-bottom-color: rgb(208, 208, 208) !important;
	}
	.beta .popup_button {
		border-radius: 6px;
		color: #fff;
		padding: 10px 0px;
		margin-top: 10px;
		height: 44px;
		text-indent: 0;
		background: #3cb1e7 !important;
	}
	body {
		padding: 0 !important;
		margin: 0 !important;
	}
	ul[data-role='main-navigation'] li:not(:first-child) {
		/* 		display: none; */
	}
	form#searchfromdb {
		position: relative !important;
		width: 100%;
		display: inline;
	}

	section {
		margin: 0 0 20px 0px !important;
		opacity: 0;
		height: 100% !important;
		min-height: 100% !important;
		max-height: 100% !important;
		width: inherit !important;
		/* 		background: rgba(255,255,255,0.7); */
		padding: 0px;
		border-radius: 6px;
		box-shadow: none;
		-webkit-overflow-scrolling: touch;
		overflow: scroll;
		/*
		-webkit-transform: translateZ(0px);
		-webkit-transform: translate3d(0,0,0);
		-webkit-perspective: 1000;
*/
	}
	section.beta {
		margin: 0 0 2000px -160px !important;
		min-height: 300px;
		max-height: 300px;
	}
	section.beta.loaded {
		top: 10% !important;
	}
	section.loaded {
		top: 0 !important;
	}
	#resurlts {
		/* 		width: 240px!important; */
		/* 		overflow: visible!important; */
		height: 100% !important;
	}
	#statchart .charts > div.two,
	#statchart .charts > div.three,
	#statchart .charts div.bubleStat.active {
		width: 100%;
	}
	#statchart .charts > div {
		padding: 40px 30px 10px;
	}
	#statchart .wblock:not(:first-child) {
		margin-bottom: 0;
	}
	#statchart h2.title {
		padding-bottom: 0;
	}
	input:not([type='search']):not([type='checkbox']),
	button {
		background: transparent;
		/* 	border: 1px solid #b5b8bb; */
		border: 1px solid rgba(0, 0, 0, 0.1);
		font-family: Helvetica;
		font-size: 13px;
		padding: 10px;
		outline-color: #b6b8bb;
		outline-width: medium;
		outline: none;
		display: inline-table;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: 0.4s ease-out;
		-o-transition: 0.4s ease-out;
		transition: all 0.4s ease-in-out;
		/* 		border-radius: 6px; */
	}

	#youarehere img {
		height: 160px;
	}
}
/* ======================================= New Login Form ======================================== */
.new_login::before {
	display: none;
}
.new_login_form {
	max-width: 100%;
	max-height: 100%;
}
.new_login_form form {
	width: 350px;
	margin: 0 auto;
}
.new_login_form .popup_input,
.new_login_form .popup_button {
	width: 100%;
	font-family: -apple-system, 'Helvetica Neue', Helvetica, Arial;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.new_login_form .popup_input {
	background: #fefefe !important;
	border: 1px solid rgba(0, 0, 0, 0.1);
	font-size: 15px;
	padding: 12px 10px;
	box-sizing: border-box;
}
.new_login_form input.popup_input.first {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-color: transparent !important;
}
.new_login_form input.popup_input.last {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
.new_login_form input.popup_input:-webkit-autofill {
	border-left-color: rgb(208, 208, 208) !important;
	border-top-color: rgb(208, 208, 208) !important;
	border-right-color: rgb(208, 208, 208) !important;
	-webkit-box-shadow: 0 0 0px 1000px #fefefe inset;
	box-shadow: 0 0 0px 1000px #fefefe inset;
}
.new_login_form input.popup_input.first:-webkit-autofill {
	border-bottom-color: #fefefe !important;
}
.new_login_form input.popup_input.last:-webkit-autofill {
	border-bottom-color: rgb(208, 208, 208) !important;
}
.new_login_form .popup_button {
	border-radius: 6px;
	color: #fff;
	padding: 10px 0px;
	margin-top: 10px;
	height: 44px;
	text-indent: 0;
	background: #ccc !important;
	font-size: 15px;
	cursor: not-allowed;
}
.new_login_form .popup_button.filled {
	background: #3cb1e7 !important;
	cursor: pointer;
}

/* ======================================= END of New Login Form ======================================== */

@media screen and (max-width: 840px) {
	.hide-md {
		overflow: hidden;
		max-width: 20%;
		display: inline-block;
		position: relative;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
}

/* Modules */
div.dw {
	z-index: 1000001 !important;
}
div.dwwr {
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15) !important;
}
div.dw-li {
	text-align: center !important;
}
div.dw-arr {
	z-index: 1000002 !important;
}
.dw-persp,
.dwo {
	z-index: 100000 !important;
	background: none !important;
}

div#ui-datepicker-div.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
	background: #f7f7f7;
	border: none;
}
.ui-widget {
	font-size: 1em;
}
.ui-datepicker {
	width: 17.7em;
	padding: 0.3em 0.6em 0.35em;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
@media screen and (min-width: 740px) {
	.ui-datepicker {
		width: 285px;
	}
}
.ui-datepicker.left-bar-datepicker {
	width: 232px !important;
	border-radius: 6px;
}
.ui-datepicker th {
	font-weight: normal;
}
div.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border: none;
	border-bottom: 1px solid #acacac;
	font-weight: normal;
	background: transparent;
	margin-left: -0.6em;
	margin-right: -0.6em;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #39aee7;
	background-image: none;
	font-weight: normal;
	color: #fff;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	background: transparent;
	color: #077cb6;
	border: 1px solid #39aee7;
}
.ui-widget-header .ui-state-hover,
.ui-widget-header .ui-state-focus {
	border-color: transparent;
	background-color: transparent;
}

/* Page container */

.page-content {
	position: relative;
	width: calc(100% - 281px);
	left: 281px; /* .left-bar */
	background: #fff;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	height: inherit;
	padding-top: 51px;
	height: calc(100% - 51px);
}
@media screen and (max-width: 420px) {
	#inner .page-content {
		padding-top: 100px;
		height: calc(100% - 100px);
	}
}
.page-content.full-width {
	width: 100%;
	left: 0;
	right: 0;
}
.page-content.prevent-scroll {
	overflow-y: initial;
}
.app_section_inner .page-content {
	/* 	padding-top: 0px; */
	margin-top: -54px;
}
.page-content::-webkit-scrollbar:horizontal {
	-webkit-appearance: none;
	height: 2px;
	width: 0;
	display: none;
}
.page-content::-webkit-scrollbar-track-piece:start {
	margin-top: 54px;
}
.page-content::-webkit-scrollbar-track-piece:end {
	margin-bottom: 30px;
}
.page-content#dashboard_inner::-webkit-scrollbar-track-piece:end,
.page-content#fm_inner::-webkit-scrollbar-track-piece:end {
	margin-bottom: 5px;
}
.page-content::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 3px;
}
.page-content::-webkit-scrollbar-thumb {
	border-radius: 6px;
	background-color: rgba(0, 0, 0, 0.29);
}
.page-header {
	background: #ffffffd7;
	border-bottom: 1px solid #ebebeb;
	height: 54px;
	position: fixed;
	/* left: 281px; */
	width: inherit;
	box-sizing: border-box;
	padding: 17.5px 30px;
	z-index: 5;
	backdrop-filter: blur(10px);
}
.page-header-show {
	animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
	animation-duration: 150ms;
	animation-name: page_header_show;
	animation-fill-mode: both;
	animation-delay: 0.1ms;
}
.page-header-hide {
	animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
	animation-duration: 250ms;
	animation-name: page_header_hide;
	animation-fill-mode: both;
}
@keyframes page_header_show {
	0% {
		transform: translateY(-54px);
	}
	100% {
		transform: translateY(0px);
	}
}
@keyframes page_header_hide {
	0% {
		transform: translateY(0px);
	}
	100% {
		transform: translateY(-54px);
	}
}
.page-header .page-header-buttons:only-child {
	width: 100%;
}
.page-header.table {
	padding: 11px 25px;
}
.page-header.full-width {
	left: 0;
	width: 100%;
}
.page-header.track-lists {
	height: 43px;
	background: #f6f6f6 !important;
}
.page-header form {
	display: flex;
	justify-content: left;
	align-items: center;
	align-content: center;
	flex-direction: row;
}
.page-header span.client-name {
	display: inline-block;
	font-size: 18px;
	max-width: 50%;
	padding-top: 6px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: 500;
}
@media screen and (max-width: 1180px) {
	.page-header span.client-name {
		max-width: 40%;
	}
}
@media screen and (max-width: 1026px) {
	.page-header span.client-name {
		max-width: 30%;
	}
}
@media screen and (max-width: 1024px) {
	.page-header span.client-name {
		max-width: 50%;
	}
}
@media screen and (max-width: 840px) {
	.page-header span.client-name {
		max-width: 40%;
	}
}
.page-header span.counter {
	font-size: 13px;
	clear: none;
	color: #999;
	padding: 0 20px;
}
div.page-header input[type='checkbox'] {
	margin: 0 12px 0 0;
}
div.page-header input[type='checkbox']::before,
div.page-header input[type='checkbox']:hover::before {
	font-size: 11px;
	line-height: 15px;
	width: 13px;
	height: 13px;
	/* color: #656565; */
	border: 1px solid #ebebeb !important;
	margin-top: -6px;
}
div.page-header-buttons {
	float: right;
	margin-top: 0px;
	text-align: center;
}
div.page-header-buttons.single button,
div.page-header-buttons.single .chosen-container {
	margin-left: 4px;
	margin-right: 4px;
}
div.page-header-buttons.mediaplayer {
	width: -webkit-fill-available;
}
div.page-header-buttons.single button[disabled],
div.page-header-buttons.single button[disabled]:hover,
div.page-header-buttons.single button[disabled]:active {
	color: #7c7c7c7d;
	border-color: rgba(0, 0, 0, 0.05);
}
div.page-header-buttons.left {
	float: left;
}
.page-header.full-width div.page-header-buttons.left {
	margin-left: 280px;
}
div.page-header-buttons button.simple {
	padding: 8px 15px;
	white-space: nowrap;
	width: auto !important;
	border-radius: 6px;
}
@media screen and (max-width: 768px) {
	div.page-header-buttons button.simple {
		padding: 8px;
		max-width: 30%;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
	div.page-header-buttons button.simple {
		padding: 8px;
		max-width: 108px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}
@media screen and (min-width: 1025px) {
	div.page-header-buttons button.simple {
		min-width: 100px;
	}
}
div.page-header-buttons button.highlight {
	border-color: #289e3c;
	color: #289e3c;
}
div.page-header-buttons button.icon::before {
	content: attr(data-icon);
	padding-right: 7px;
	font: 13px 'EmojiSymbols', 'HelveticaNeue-UltraLight', Arial, sans-serif;
	transition: all 0.4s ease-in-out;
}
div.page-header-buttons input:not([type='checkbox']):not(.chosen-search-input) {
	padding: 5px 5px 4px;
	white-space: nowrap;
	width: auto !important;
	min-width: 250px;
}
div.page-header-buttons input.chosen-search-input {
	width: 100% !important;
}
div.page-header-buttons input[type='search'] {
	min-width: 300px;
}
div.page-header-buttons .separator {
	min-width: 50px;
}
.page-header {
	background: rgba(255, 255, 255, 0.6) !important;
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
}
.page-container {
	width: 100%;
	padding: 0 30px;
	box-sizing: border-box;
}
.page-container.with-header {
	transform: translateY(50px);
	transition: all 0.1s ease-in-out;
}
.page-container.with-table {
	padding-left: 0;
	padding-right: 0;
}
.page-container span {
	color: #9f9f9f;
	font-size: 13px;
}
.page-container span.small {
	font-size: 12px;
	padding-right: 5px;
}
.page-container .spancomma > span:not(:last-child)::after,
.page-content-label .spancomma > span:not(:last-child)::after {
	content: ',';
}
.page-container p {
	line-height: 18px;
	padding-top: 10px;
}
.page-container p.nodata {
	line-height: 28px;
	padding-top: 55px;
}
.page-container p.counter {
	text-align: center;
	padding: 0;
	color: rgba(92, 89, 89, 0.81);
	font-size: 12px;
}
.page-divider {
	background: #f6f6f6;
	/* border: 1px solid rgba(231, 231, 231, 0.45); */
	border: 1.5px solid rgba(255, 255, 255, 1);
	margin-top: -1px;
	/* 	padding: 7px 20px!important; */
}
.row.content-white {
	background: #fff;
}
.row.border {
	border-radius: 10px;
}
.page-divider-col {
	padding: 7px 20px !important;
	color: rgb(116, 116, 116);
}
/*
div.table-container {
	display: table;
}
div.table-container .table-row {
	display: table-row;
}
div.table-container .table-row .table-col {
	display: table-cell;
	float: none;
	padding: 20px;
	font-size: 16px;
}
*/
.row {
	width: 100%;
	z-index: 1;
	position: relative;
	display: flex;
	flex-direction: unset;
	flex-flow: wrap;
	border-radius: 8px;
	overflow: hidden;
}
.row.flat {
	border-radius: 0;
	border-width: 0;
}
@media screen and (max-width: 768px) {
	.row.flat {
		border-width: 3px;
	}
}
.row.agreement_sup .col {
	border-top-color: transparent !important;
	padding-top: 0;
}
.row:after,
.row:before {
	display: table;
	content: ' ';
}
.row:after {
	clear: both;
}
.row .inner-element {
	list-style-type: none;
	/* 	width: calc(100% - 22px); */
	width: 100%;
	padding-bottom: 10px;
}
.row ul.inner-element {
	margin-top: 10px;
}
.inner-element .inner-element-item {
	padding: 5px 20px;
	margin-left: -15px;
	margin-right: -15px;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all 0.2s ease-in-out;
}
.inner-element .inner-element-item:hover {
	box-shadow: 1px -1px rgba(92, 174, 244, 0.1) inset, -1px 1px rgba(92, 174, 244, 0.1) inset;
	background: rgba(244, 250, 255, 0.8);
	color: #000;
	cursor: pointer;
	border-radius: 4px;
}
.inner-element .inner-element-item a {
	color: #000;
	width: 100%;
	display: block;
}
.inner-element-item a span {
	color: #1964a5;
}
@media (prefers-color-scheme: dark) {
	.inner-element-item a span {
		color: #686868;
	}
}
.page-content-label.block {
	display: block;
	padding-top: 10px;
}
.row:not(.page-divider) div:not(.inner-element, .scroll) {
	/* min-height: 105px; */
	overflow: hidden;
	/* max-height: 105px; */
	text-overflow: ellipsis;
}
.row.scroll,
.row div.scroll {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	max-height: 405px;
}
.row.scroll::-webkit-scrollbar,
.row div.scroll::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 1px;
	position: absolute;
}
.row.scroll::-webkit-scrollbar-thumb,
.row div.scroll::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0, 0, 0, 0.19);
}
.row.scroll::-webkit-scrollbar-track-piece:start,
.row div.scroll::-webkit-scrollbar-track-piece:start {
	margin-top: 0px;
}
.row.scroll::-webkit-scrollbar-thumb:window-inactive,
.row div.scroll::-webkit-scrollbar-thumb:window-inactive {
	background: transparent;
}

/*
.row.border:after {
	content: "";
	position: absolute;
	right: 0;
	top:0;
	height: 100%;
	background: #000;
	width: 10px;
}
*/
/* .row.border div:not(.inner-element) {
	border-right: 1px solid #e4e4e4;
} */
.row.border div:not(.inner-element):not(.row):not(.icon) {
	border-top: 1px solid #e4e4e4;
}
.page-container .row.flat:first-child > div {
	border-top: none !important;
}

.row.border div:nth-child(3),
.row.border div:nth-child(6),
.row.border div:nth-child(9) {
	border-right-style: none;
}
.col-sm-12 {
	width: 100%;
}
.col-xs-11,
.col-sm-11 {
	width: calc(100% - 100% / 12 - 5px);
}
.col-md-4 {
	width: calc(100% / 3 - 1px);
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
	box-sizing: border-box;
	float: left;
	padding: 15px 20px;
	font-size: 13px;
}
.col-xs-1,
.col-sm-1 {
	width: calc(100% / 12);
}
@media screen and (max-width: 769px) {
	.page-divider-col {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}
@media screen and (max-width: 960px) {
	.col-sm-6 {
		width: calc(100% / 2 - 1px);
	}
	.row.border div:nth-child(2n) {
		border-right-style: none !important;
	}
	/* .row.border div:nth-child(3) {
		border-right-style: solid;
	} */
	/* .row.border div:nth-child(9) {
		border-right-style: solid;
	} */
}
@media screen and (max-width: 768px) {
	.row.border div {
		border-right: none !important;
	}
	.col-xs-12 {
		width: 100%;
	}
	.row:not(.page-divider) div[class*='col-xs']:not(.inner-element, .scroll) {
		padding: 15px;
		min-height: 75px;
		max-height: 155px;
	}
}
.inline-element {
	display: inline-block;
}
.inline-element.time:nth-child(odd)::after {
	content: ' \002192 ';
	padding-right: 5px;
}
.inline-element.sup {
	color: rgba(0, 0, 0, 0.6);
}
/* Track list table */
.notpaydsum {
	text-align: center;
	display: block !important;
	line-height: 12px;
	margin-top: -10px;
	color: rgb(202, 0, 0);
}
@media screen and (max-width: 768px) {
	.notpaydsum {
		margin-top: 10px;
	}
}
.tracks-list {
	width: 100%;
	position: relative;
	color: #464646;
	font-family: 'HelveticaNeue-light', Helvetica, Verdana, Arial, sans-serif;
	cursor: pointer;
	z-index: 1;
	margin-bottom: 40px;
	font-size: 1em;
}
.tracks-list.v2 {
	font-family: -apple-system, 'HelveticaNeue-Light', Helvetica, Verdana;
	font-weight: 300;
	margin-bottom: 20px;
}
.tracks-list.in-widget {
	font-size: 12px;
	color: #636363;
	margin-left: -10px;
	margin-right: -10px;
	width: calc(100% + 20px);
	margin-bottom: 0;
	/* 	border-top: 1px solid rgba(243, 243, 243, 0.6); */
}
.tracks-list.v2 th {
	font-weight: 300;
}
.tracks-list.in-widget th {
	font-weight: 400;
	line-height: 30px;
}
.tracks-list.dashboard {
	margin-bottom: 0px;
}
.scrollable .tracks-list.dashboard {
	margin-bottom: 40px;
}
.tracks-list tr td {
	/* 	text-transform: capitalize; */
}
.tracks-list tr th.text-right,
.tracks-list tr td.text-right {
	text-align: right;
}
.tracks-list tr th.text-right {
	padding-right: 20px;
}
.tracks-list tr td small,
.inner-element small {
	border: 1px solid transparent;
	color: #484848;
	padding: 1px 6px 2px;
	border-radius: 4px;
	top: -0.5px;
	position: relative;
	white-space: nowrap;
	background: rgba(231, 231, 231, 0.71);
}
.tracks-list tr td small:not(:last-child) {
	margin-right: 5px;
}
.tracks-list tr td small.round {
	border-radius: 50% !important;
}
.tracks-list.v2 tr td small {
	padding: 0 5px 1px;
	border: none;
	color: rgba(29, 161, 224, 0.84);
	font-weight: bold;
	text-transform: lowercase;
	background: transparent;
}
@media (prefers-color-scheme: dark) {
	.tracks-list.v2 tr td small {
		color: rgba(3, 19, 26, 0.84);
	}
}
.tracks-list tr td small.color__green,
.inner-element small.color__green {
	background: rgba(0, 140, 0, 0.8);
	color: #fff;
}
.tracks-list.v2 tr td small.color__green {
	background: transparent;
	color: rgba(0, 140, 0, 0.8);
}
.tracks-list tr td small.color__red,
.inner-element small.color__red {
	background: rgba(212, 0, 0, 0.7);
	color: #fff;
}
.tracks-list tr td small.color__simply_red,
.inner-element small.color__simply_red {
	color: rgba(212, 0, 0, 0.7);
}
.tracks-list tr td small.color__orange,
.inner-element small.color__orange {
	color: rgba(224, 74, 0, 0.78);
}
tr.light td small.color__green {
	border-color: #d7d7d7 !important;
	color: #bcbcbc !important;
}
.tracks-list.v2 tr:hover td {
	box-shadow: 0 -1px #f7f7f7;
	border-bottom-color: #f7f7f7 !important;
}
.tracks-list tr td small.grey {
	border: 1px solid rgba(138, 138, 139, 0.4);
	color: rgba(138, 138, 139, 1);
}
.tracks-list tr td small.transparent {
	border: none;
	color: rgba(138, 138, 139, 1);
	line-height: 14px;
	display: block;
	/* 	white-space: nowrap; */
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 1px 0px;
	margin-bottom: 2px;
	font-size: 11px;
	font-weight: normal;
}
.tracks-list tr td small.date {
	border: none;
	top: -2.8px;
}
.tracks-list tr.playing td:first-child::before {
	/* 	content: "\0025BA";   */
	/* 	content: "\0025B7";   */
	content: '\0025B6';

	position: absolute;
	color: #aaa;
	left: 3px;
}
.tracks-list.v2 tr.playing td:first-child::before {
	font-size: 15px;
}
.tracks-list tr.playing td.icon-delete:first-child::before {
	margin-top: -3.5px;
}
tr.playing td.change-list-minified:first-child::before {
	margin-top: -12px;
}
.tracks-list thead tr:first-child {
	line-height: 45px;
}
.tracks-list.modal thead tr:first-child {
	line-height: 28px;
}
.tracks-list.modal tbody {
	transform: translateZ(0);
}
.tracks-list tr {
	line-height: 28px;
}
.tracks-list.dashboard:not(.innerTable) tr {
	line-height: 33px;
}
@media screen and (max-width: 728px) {
	.tracks-list tr {
		line-height: 34px;
	}
	.tracks-list.innerTable tr {
		line-height: 30px;
	}
}
.tracks-list td {
	width: auto;
	min-width: 20px;
	/* 	border-bottom: 1px solid #f2f2f2; */
	border-bottom: 1px solid #f7f7f7;
}
.tracks-list.modal td {
	border-bottom: 1px solid transparent;
}
.tracks-list tr td.icon-delete,
.tracks-list tr:last-child td,
.tracks-list td[headers='th-id'],
.tracks-list td[headers='th-battery'],
.tracks-list td[headers='th-export'],
.tracks-list td[headers='th-status'],
.tracks-list td[headers='th-check'],
.tracks-list td[headers='th-style'],
.tracks-list td[headers='th-edit'],
.tracks-list td.cb-td {
	border-color: transparent;
}
.tracks-list th[id='th-phone'],
.tracks-list th[id='th-mail'],
.tracks-list td[headers='th-phone'],
.tracks-list td[headers='th-mail'] {
	min-width: 120px;
	padding: 0 10px;
}
.tracks-list th[id='th-name'] {
	min-width: 250px;
}
.tracks-list th[id='th-edit'],
.tracks-list td[headers='th-edit'] {
	max-width: 25px !important;
	width: 25px !important;
	padding-right: 3px !important;
}
.tracks-list td.max-width-250 {
	max-width: 250px;
	line-height: 20px;
}
.tracks-list td.max-width-200 {
	max-width: 200px;
	line-height: 20px;
}
.tracks-list td.max-width-180 {
	max-width: 180px;
	line-height: 20px;
}
.tracks-list td.max-width-150 {
	max-width: 150px;
	line-height: 20px;
}
.tracks-list.modal th:not([id='th-status']),
.tracks-list.modal td:not([headers='th-status']) {
	padding-left: 20px;
	padding-right: 20px;
}
.tracks-list.modal th[id='th-name'] {
	min-width: 250px;
}
.tracks-list th:first-child,
.tracks-list td:first-child {
	padding-left: 35px;
}
.tracks-list.in-widget th {
	color: #515151;
}
.tracks-list.in-widget th:first-child,
.tracks-list.in-widget td:first-child {
	padding-left: 18px;
	min-width: auto;
}
.tracks-list.modal th:first-child,
.tracks-list.modal td:first-child {
	padding-left: 20px;
}
.tracks-list.modal th.number:first-child,
.tracks-list.modal td.number:first-child {
	padding-right: 0px;
}
.tracks-list:not(.modal) td:first-child {
	width: 14px;
}
.tracks-list td.change-list-minified {
	width: 1px !important;
}
.tracks-list td:last-child {
	padding-right: 5px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 120px;
}

.tracks-list td[headers='th-id'] {
	padding-right: 20px;
	padding-left: 15px;
	width: auto;
	text-align: right;
}
.tracks-list td[headers='th-organization'] {
	min-width: 280px;
}
.tracks-list:not(.modal):not(.wrap-table) td:not(.cb-td):not([headers='th-status']) {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.tracks-list:not(.in-widget) td:nth-child(3),
.tracks-list:not(.in-widget) td:nth-child(4),
.tracks-list:not(.in-widget) td:nth-child(5),
.tracks-list:not(.in-widget) td:nth-child(6) {
	max-width: 120px;
	padding-right: 20px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 25px;
}
.tracks-list:not(.in-widget) td[headers='th-comment'] {
	max-width: none;
}
.tracks-list td:nth-child(6) {
	max-width: 120px;
}
.tracks-list td[headers='th-support_place'] {
	max-width: 190px;
}
.tracks-list td[headers='th-support_description'],
.tracks-list td[headers='th-support_place'],
.tracks-list td[headers='th-support_solution'],
.tracks-list td[headers='th-support_status'],
.tracks-list td[headers='th-support_type'],
.tracks-list td[headers='th-app_text'] {
	white-space: normal;
	line-height: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.tracks-list td[headers='th-support_description'] {
	max-width: 220px;
}
/*
.tracks-list td[headers=th-support_solution] {
	max-width: 270px;
}
*/
.tracks-list td[headers='th-support_status'] {
	max-width: 70px;
}
.tracks-list td[headers='th-support_type'] {
	max-width: 230px;
}

.tracks-list td[headers='th-app_version'] {
	max-width: 150px;
}
.tracks-list td[headers='th-app_release'] {
	max-width: 120px;
}
.tracks-list td[headers='th-app_count'] {
	max-width: 50px;
}
.tracks-list td[headers='th-app_text'] {
	width: 55%;
}
@media screen and (max-width: 1024px) {
	.tracks-list td[headers='th-app_text'] {
		width: 35%;
	}
	.tracks-list td:nth-child(2),
	.tracks-list td:nth-child(3) {
		max-width: 120px;
	}
}

/*
.tracks-list th:not(:first-child):not(:nth-child(2)) {
	padding-left: 20px;
}
*/
.tracks-list th {
	/* 	color: #949494; */
	color: #787777;
	font-weight: 500;
	text-align: left;
	cursor: default;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.tracks-list
	td:not(:first-child):not(:nth-child(2)):not([headers='th-export']):not([headers='th-battery']) {
	/* 	padding-left: 20px; */
	padding-right: 20px;
	/* 	border-left: 1px solid #ebebeb; */
}
.tracks-list.ad-list td:nth-child(2),
.tracks-list.ad-list td:nth-child(3),
.tracks-list td[headers='th-export'],
.tracks-list td[headers='th-battery'] {
	padding-right: 0px;
	border-left: none;
}
.tracks-list td[headers='th-status'],
.tracks-list td[headers='th-export'],
.tracks-list td[headers='th-battery'] {
	width: 25px;
}
.tracks-list.ad-list td[headers='th-id'] {
	padding-left: 0 !important;
}
.tracks-list.ad-list td[headers='th-check'] {
	padding-left: 20px !important;
}

.tracks-list.ad-list td:nth-child(3) {
	padding-right: 0px !important;
	border-left: none !important;
	max-width: 13px !important;
}
.tracks-list.ad-list td:nth-child(4),
.tracks-list.ad-list td:nth-child(5),
.tracks-list.ad-list td:nth-child(6) {
	max-width: 300px;
}

.tracks-list tr:hover td {
	/* 	background: rgba(172,213,255,.1); */
	/*
	background: #f7fbff;
	box-shadow: 0 -1px rgba(92,174,244,.3) inset, 0 1px rgba(92,174,244,.3) inset;
*/
	background: #f8faff;
	box-shadow: 0px -1px #f2f2f2;
	border-bottom-color: #f2f2f2 !important;
}
.tracks-list tr:first-child:hover td {
	box-shadow: 0px 1px #f2f2f2 inset;
}
.tracks-list.modal tr:hover td {
	background: rgba(236, 238, 243, 0.8);
	box-shadow: none;
	border-bottom-color: transparent !important;
}
.view-right-bar-container__widget-table-data .tracks-list tr:hover td {
	background: rgba(60, 177, 231, 0.33);
}

/* Left bar */
[data-role='slide-wrapper'] {
	display: block;
}
.left-bar {
	position: absolute;
	width: 281px;
	height: calc(100% - 51px);
	left: 0;
	top: 51px;
	/* 	bottom:0; */
	background: #f6f6f6;
	z-index: 5;
}
.left-bar.back {
	z-index: 0;
	top: 0;
	height: 100%;
	overflow: hidden;
}
#inner .left-bar,
.app_section_inner .left-bar {
	top: 0px;
	height: 100%;
}
.app_section_inner .left-bar {
	position: fixed;
}
#inner .left-bar-menu-container,
.app_section_inner .left-bar-menu-container {
	padding-top: 51px;
	height: calc(100% - 51px); /* for overscroll bubbling */
}
@media screen and (max-width: 420px) {
	#inner .left-bar-menu-container {
		padding-top: 100px;
		height: calc(100% - 100px); /* for overscroll bubbling */
	}
}
#inner .left-bar-menu-container.left-bar-with-footer,
.app_section_inner .left-bar-menu-container.left-bar-with-footer {
	padding-bottom: 43px;
	height: calc(100% - 94px); /* for overscroll bubbling */
}
.app_section_inner .left-bar-header-box {
	z-index: 2;
	position: relative;
}
.app_section_inner .left-bar-list-box {
	padding-top: 50px;
}

.hide__animated .left-bar,
.hide__animated .page-content {
	transition: all 0.35s ease-in-out;
}

.hide-leftBar .left-bar {
	transform: translateX(-281px);
}
.add-leftBar .left-bar {
	transform: translateX(0);
}
.hide-leftBar .page-content {
	/* transform: translateX(-281px); */
	width: 100%;
	left: 0;
}
.hide-leftBar .page-header {
	left: 0;
	width: 100%;
}
/*
.slide-left-open-fixed .left-bar,
.slide-left-open .left-bar,
.slide-down-open .left-bar {
	position: absolute;
	top:1px;
}
*/
.slide-left-open-fixed .page-content,
.slide-left-open .page-content,
.slide-down-open .page-content {
	/*
	left: 0;
	float: left;
*/
}
/*
.slide-down-open .left-bar {
	position: relative;
	float: left;
	top:1px;
}
.slide-down-open .page-content {
	left: 0;
	float: left;
}
*/
.left-bar.back,
.left-bar.back ul {
	background: #686868;
}
@media (prefers-color-scheme: dark) {
	.left-bar.back,
	.left-bar.back ul {
		filter: invert() contrast(1.05) saturate(1);
		background: rgba(72, 72, 72, 0.94);
	}
}
.left-bar.back:not(.more),
.left-bar.back:not(.more) ul {
	width: 282px;
}
.left-bar.back.more {
	width: 582px;
	display: none;
}
.left-bar.back.red,
.left-bar.back.red ul {
	background: #8c0716;
}
.left-bar.back.light-gray,
.left-bar.back.light-gray ul {
	background: #939393;
}
.left-bar.with-subnav {
	top: 94px;
}
div .left-bar-menu-container,
div .left-bar-menu-container-more {
	-webkit-overflow-scrolling: touch;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 100%;
	/* 	width: calc(100% + 2px); */
	width: 100%;
}
div .left-bar-menu-container-more {
	left: 282px;
	position: fixed;
	width: 300px;
	height: 100%;
	bottom: 0;
	top: 0;
	background: #7d7d7d;
}
/*
div.back .left-bar-menu-container {
    width: 100%;
}
*/
div .left-bar-menu-container::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 1px;
	position: absolute;
}
div.back .left-bar-menu-container::-webkit-scrollbar {
	width: 0px;
}
div:not(.back) .left-bar-menu-container::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0, 0, 0, 0.19);
	/*     -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5); */
}
div:not(.back) .left-bar-menu-container::-webkit-scrollbar-track-piece:start {
	margin-top: 54px;
}
div:not(.back) .left-bar-menu-container.left-bar-with-search::-webkit-scrollbar-track-piece:start {
	margin-top: 107px;
}
div:not(.back) .left-bar-menu-container.left-bar-with-footer::-webkit-scrollbar-track-piece:end {
	margin-bottom: 50px;
}
div .left-bar-menu-container::-webkit-scrollbar-thumb:window-inactive {
	background: transparent;
}
.left-bar ul {
	list-style-type: none;
	background: #f6f6f6;
}
.left-bar ul > li {
	/* 	border-bottom:1px solid #ebebeb; */
	/* 	padding: 13px 0; */
	cursor: default;
	/* 	margin-left: 40px; */
	font-size: 1em;
	font-weight: 300;
	white-space: nowrap;
	/* 	overflow: hidden; */
	text-overflow: ellipsis;
}
.left-bar ul > li.shared {
	color: #8b8b8b;
}
.list-divider {
	padding-top: 35px;
}
.list-divider.with-border-top {
	border-top: 1px solid #9f9f9f;
	margin-left: 40px;
}
.list-name-container {
	padding: 13px 0px 13px 0px;
	/* 	height: inherit; */
	margin-left: 40px;
	z-index: 10000;
}
.list-name-container label {
	width: 100%;
	display: block;
	color: #55595d;
}
.list-name-container label.disabled {
	color: #8c8c8c !important;
	cursor: not-allowed;
}
.left-bar .list-button button.arrow-right::after {
	content: '\00276F';
	position: absolute;
	right: 10px;
}
.left-bar ul > li:not(:first-child) .list-name-container {
	border-top: 1px solid #ebebeb;
}
.left-bar ul > li:not(:first-child) .list-name-container.button {
	border-bottom: 1px solid #ebebeb;
	padding: 0;
}
.left-bar.back ul > li:not(:first-child) .list-name-container.button {
	border-color: #797979;
}
.left-bar.back ul > li:not(:first-child) .list-name-container {
	border-top: 1px solid #797979;
}
.left-bar.back.red ul > li:not(:first-child) .list-name-container {
	border-top: 1px solid #922d21;
}
.left-bar.back.light-gray ul > li:not(:first-child) .list-name-container {
	border-top: 1px solid #a5a5a5;
}
.left-bar.back .list-name-container label {
	color: #e8e8e8;
}

.left-bar ul > li small {
	border: 1px solid rgba(202, 0, 0, 0.49);
	color: rgb(202, 0, 0);
	padding: 0 4px 0px;
	border-radius: 4px;
	top: -0.5px;
	position: relative;
	font-size: 60%;
}
.left-bar ul > li .organization {
	display: block;
	font-size: 9px;
	color: #6f6f6f;
}
.left-bar select {
	width: 100%;
}
.left-bar input[type='search']::before {
	content: '';
	background: url(../images/input-search@2x.png);
	background-size: 20px 20px;
	background-position: 50%;
	width: 20px;
	height: 20px;
	position: absolute;
}

.left-bar input:not([type='checkbox']) {
	background: rgba(255, 255, 255, 0.8);
	color: #333;
	border: 1px solid #dcdcdc;
	padding: 0;
	width: 100%;
	height: 29px;
	box-sizing: border-box;
}
.left-bar input:not([type='checkbox']).merged {
	width: calc(50% - 3.5px);
	/* text-align: center; */
	/* text-indent: 0; */
}

.left-bar input:not([type='checkbox']):hover,
.left-bar input:not([type='checkbox']):active {
	border-color: #a1a5a8;
}

.left-bar input[type='search'],
.left-bar input[type='search']:hover,
.left-bar input[type='search']:active {
	width: 100%;
	height: 29px;
	background: rgba(0, 0, 0, 0.05);
	border: 1px solid #d4d4d4;
	color: #000;
	text-shadow: none;
	box-shadow: none;
	padding: 0px 5px;
	margin: -2px 0;
	text-indent: 0;
}
.left-bar input[type='search'].filter,
.left-bar input[type='search'].filter:hover,
.left-bar input[type='search'].filter:active {
	width: calc(100% - 35px);
	border-radius: 6px;
}
.left-bar.back input[type='search'],
.left-bar.back input[type='search']:hover,
.left-bar.back input[type='search']:active {
	background: rgba(0, 0, 0, 0.08);
	border: 1px solid #797979;
	color: #e8e8e8;
}
.left-bar.back input[type='search']::-webkit-input-placeholder {
	color: #c4c4c4;
}
.left-bar.back input[type='search']::-moz-placeholder {
	color: #c4c4c4;
}
.left-bar.back input[type='search']:-moz-placeholder {
	color: #c4c4c4;
}
.left-bar.back input[type='search']:-ms-input-placeholder {
	color: #c4c4c4;
}
.left-bar.back input[type='search']::-webkit-search-cancel-button,
.left-bar.back input[type='search']::-webkit-search-results-button {
	-webkit-appearance: none;
	background-size: 15px;
	background-position: 50%;
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
}
.left-bar.back input[type='search']::-webkit-search-cancel-button {
	background-image: url(../images/input-calcel@2x.png);
	margin-right: 3px;
}
.left-bar.back input[type='search']::-webkit-search-results-button {
	background-image: url(../images/input-search@2x.png);
}

.left-bar li.hightlight-muiltiple,
.left-bar li.hightlight-muiltiple:hover,
.left-bar li.hightlight-muiltiple:active {
	background: #fff;
}

.left-bar li.hightlight-muiltiple .list-name-container,
.left-bar li.hightlight-muiltiple:hover .list-name-container,
.left-bar li.hightlight-muiltiple:active .list-name-container {
	margin-left: 0;
	padding-left: 40px;
}

.left-bar li.nohighlight,
.left-bar li.nohighlight:hover,
.left-bar li.nohighlight:active {
	background: transparent !important;
	border-color: transparent;
}

.left-bar.back ul > li,
.left-bar.back ul.nohighlight > li:hover,
.left-bar.back ul.nohighlight > li:active {
	color: #e8e8e8;
	overflow: hidden;
}
.left-bar.back.light-gray ul > li {
	color: #f2f2f2;
}
.left-bar ul:not(.nohighlight) > li.active .list-name-container,
.left-bar ul:not(.nohighlight) > li.listused .list-name-container,
.left-bar ul:not(.nohighlight) > li:hover .list-name-container {
	margin-left: 0;
	padding-left: 40px;
	z-index: 10000000000000;
}

.list-name-container .list-name {
	height: inherit;
	/* 	box-shadow: 0 1px #ebebeb; */
}
.list-name-container .list-name-mini {
	font-size: 0.8em;
	text-overflow: ellipsis;
	overflow: hidden;
}
.list-name-container .list-name:not(.list-long-name) {
	max-width: 180px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.list-name-container .list-time {
	font-size: 11px !important;
	float: right;
	margin-top: -14px;
	margin-right: 15px;
	color: #8b8b8b;
}
.list-name-container .list-search,
.list-name-container .list-select,
.list-name-container .list-field {
	max-width: 248px;
}
.list-name-container .list-select span.customSelect {
	height: 29px !important;
	padding: 6px 10px 7px 0px;
	background: rgba(255, 255, 255, 0.8);
}
.list-name-container .list-select span.customSelectInner::after {
	margin-top: 3px;
}
.list-name-container .list-field input {
	width: 100% !important;
	background: #f2f2f2;
	padding: 6px 10px 6px 0px;
	box-sizing: border-box;
}
.list-name-container .awesomplete {
	width: 100% !important;
}
.list-name-container .awesomplete > ul {
	z-index: 3;
}
.list-name-container .list-box {
	display: inline-block;
	cursor: pointer;
}
.list-name-container .list-box.share {
	width: calc(100% - 50px);
	color: #616161;
}
.list-name-container .list-box.new {
	text-align: center;
	border-left: 1px solid #ebebeb;
	margin-top: -26px;
	padding-top: 13px;
	height: 100%;
	position: absolute;
	right: 0;
	width: 50px;
}
.list-name-container .list-box.share:hover {
	color: #289e3c;
}
.list-name-container .list-box.new:hover {
	background: #fff;
}
.left-bar ul > li.active .list-name-container .list-name,
.left-bar ul > li.listused .list-name-container .list-name,
.left-bar ul > li:hover .list-name-container .list-name {
	border-bottom: none;
}
.left-bar ul > li.active .list-name-container .list-name {
	color: rgb(202, 0, 0);
}
.left-bar ul > li.search,
.left-bar ul > li.footer {
	position: fixed;
	width: 281px;
	height: 50px;
	z-index: 1;
	cursor: default;
}
.left-bar ul > li.footer {
	bottom: 0;
	height: 42px;
	border-top: 1px solid #ebebeb;
}
.left-bar.back ul > li.search {
	width: 282px;
}
.left-bar ul > li.select,
.left-bar ul > li.field {
	width: 281px;
	z-index: 1;
	cursor: default;
}
.left-bar ul > li.check .list-name-container {
	margin-left: 17px;
	padding-left: 23px;
}
.left-bar.back ul > li.active .list-name-container .list-name {
	color: rgb(255, 255, 255);
	font-family: 'HelveticaNeue';
	padding-top: 1px;
	padding-bottom: 0px;
}
.left-bar ul > li.active,
.left-bar ul > li.listused,
.left-bar ul > li:hover {
	border-bottom: 1px solid #ebebeb;
	margin-bottom: -1px;
}
.left-bar.back ul > li.active,
.left-bar.back ul > li.listused,
.left-bar.back ul > li:hover {
	border-bottom: 1px solid #797979;
	background: #7d7d7d;
	color: #fff;
}
.left-bar.back.red ul > li.active,
.left-bar.back.red ul > li.listused,
.left-bar.back.red ul > li:hover {
	border-bottom: 1px solid #922d21;
	background: #922d21;
}
.left-bar.back.light-gray ul > li.active,
.left-bar.back.light-gray ul > li.listused,
.left-bar.back.light-gray ul > li:hover {
	border-bottom: 1px solid #a5a5a5;
	background: #a5a5a5;
}
.left-bar ul > li.listused {
	background: rgba(209, 209, 209, 0.15);
	/* 	background: rgba(66, 195, 255, 0.43); */
}
.left-bar ul > li.list-multiple {
	background: #f2f2f2;
}
.left-bar ul > li.ended {
	color: #9b9b9b !important;
}
.left-bar ul > li.active,
.left-bar ul > li:hover {
	background: #fff;
}

.left-bar ul > li.ended:hover {
	color: inherit;
}
.left-bar ul > li.default,
.left-bar ul > li.default:hover {
	/* 	background: #fff; */
	border-bottom: 1px solid #ebebeb;
	margin-bottom: -1px;
	cursor: pointer;
	color: #6d6d6d;
}
.left-bar ul > li.default:hover {
	color: #3cb1e7;
}

.left-bar.back ul > li.default,
.left-bar.back ul > li.default:hover {
	border-bottom: 1px solid #797979;
	color: #e8e8e8;
}
.left-bar.back ul > li.default:hover {
	color: #fff;
}
.left-bar ul > li.search,
.left-bar ul > li.footer {
	background: rgba(246, 246, 246, 0.94) !important;
}
.left-bar ul > li.search.backDrop,
.left-bar ul > li.footer.backDrop {
	background: rgba(246, 246, 246, 0.56) !important;
	-webkit-backdrop-filter: blur(20px);
}
.left-bar.back ul > li.search {
	background: rgba(86, 86, 86, 0.94) !important;
}
.left-bar.back ul > li.search.backDrop {
	background: rgba(86, 86, 86, 0.54) !important;
	/* 	background: rgba(104, 104, 104, 0.54) !important; */
	-webkit-backdrop-filter: blur(20px);
}
.left-bar ul > li.search.empty {
	background: #fff !important;
}
.left-bar ul > li.float,
.left-bar ul > li.float:hover,
.left-bar ul > li.float:active {
	margin-top: 51px;
}
.left-bar ul > li.float .list-name-container {
	border-top: none;
}
.left-bar ul > li.search .list-name-container,
.left-bar ul > li.search:hover .list-name-container,
.left-bar ul > li.search:active .list-name-container,
.left-bar ul > li.footer .list-name-container,
.left-bar ul > li.footer:hover .list-name-container,
.left-bar ul > li.footer:active .list-name-container,
.left-bar ul > li.select .list-name-container,
.left-bar ul > li.select:hover .list-name-container,
.left-bar ul > li.select:active .list-name-container,
.left-bar ul > li.field .list-name-container,
.left-bar ul > li.field:hover .list-name-container,
.left-bar ul > li.field:active .list-name-container {
	padding-left: 0;
	margin-left: 17px;
}

.left-bar.back ul > li.withicon .list-name-container {
	/* 	margin-left: 0; */
}

/* Right bar */

.right-bar {
	position: fixed;
	width: 51px;
	height: 100%;
	right: 0;
	top: 52px;
	bottom: 0;
	background: #f6f6f6;
	padding-top: 3px;
	z-index: 2;
}
.icons-set-right-bar a {
	margin-bottom: 15px;
}

/* Media Player */

div#mep_0.mejs-container.svg.mejs-audio {
	/* 	width: calc (100% - 22%)!important; */
	left: 281px;
	/* 	right: 51px; */
	width: calc(100% - 281px /*  - 51px */) !important;
}

.mejs-container {
	position: absolute !important;
	bottom: 0;
	left: 22%;
	z-index: 11;
	background: transparent !important;
	-webkit-animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
	-webkit-animation-duration: 800ms;
	/*
	-moz-animation-timing-function: cubic-bezier(.10, .70, .10, 1);
	-moz-animation-duration: 800ms;
*/
	animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
	animation-duration: 800ms;

	-webkit-animation-name: fadeInUp;
	/* 	-moz-animation-name: fadeInUp; */
	animation-name: fadeInUp;
}
.mejs-controls .mejs-time-handle {
	/* 	display: block!important; */
	/* 	background: #fff ;  default */
	box-shadow: 0 1px 3px rgba(154, 154, 154, 0.8), 0 -1px 0px rgba(224, 224, 224, 0.5);
	-webkit-box-shadow: 0 1px 3px rgba(154, 154, 154, 0.8), 0 -1px 0px rgba(224, 224, 224, 0.5);
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	border-radius: 50% !important;
	border: solid 1px #fff !important;
	top: -1px !important;
}

.mejs-container .mejs-controls {
	background: rgba(255, 255, 255, 0.9) !important;
	width: calc(100% - 34px) !important;
	padding: 0 17px !important;
}
.mejs-container .mejs-controls.backDrop {
	background: rgba(255, 255, 255, 0.4) !important;
	-webkit-backdrop-filter: blur(20px);
}
.mejs-controls .mejs-time-rail .mejs-time-total {
	background: linear-gradient(rgba(143, 143, 143, 0.8), rgba(143, 143, 143, 0.8)) !important;
}
.mejs-controls .mejs-time-rail .mejs-time-current,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	/* 	background: #e0e0e0!important; */
	background: #aaaaaa !important;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	background: #d4d4d4 !important;
	/*
	background: -webkit-gradient(linear,0 0,0 100%,from(#c0c0c0),to(#c6c6c6))!important;
	background: -webkit-linear-gradient(top,#c0c0c0,#c6c6c6)!important;
	background: -moz-linear-gradient(top,#c0c0c0,#c6c6c6)!important;
	background: -o-linear-gradient(top,#c0c0c0,#c6c6c6)!important;
	background: -ms-linear-gradient(top,#c0c0c0,#c6c6c6)!important;
	background: linear-gradient(#c0c0c0,#c6c6c6)!important;
*/
}
.mejs-container .mejs-controls .mejs-time {
	color: #676767 !important;
}
.mejs-controls .mejs-time-rail .mejs-time-float {
	border: none !important;
}
.mejs-airplay-button button {
	width: 20px;
	height: 20px;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.mejs-airplay-button.mejs-airplay-off button {
	/*  
	background-image: -webkit-named-image(wireless-playback)!important; 
	background-size: 100% 100%;
    background-repeat: no-repeat;
*/
	-webkit-mask-image: -webkit-named-image(wireless-playback);
	-webkit-mask-size: 100% 100%;
	background-color: #8f8f8f !important;
	background-image: none !important;
}
.mejs-airplay-button.mejs-airplay-on button {
	-webkit-mask-image: -webkit-named-image(wireless-playback);
	-webkit-mask-size: 100% 100%;
	background-color: dodgerblue !important;
	background-image: none !important;
}

.mejs-time-current::after {
	content: '';
	position: absolute;
	right: -1px;
	/* 	background: #a6a6a6; */
	background: #6d6d6d;
	width: 1.5px;
	height: 14px;
	top: -3.5px;
	display: block;
}
.mejs-time-current {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	-webkit-border-top-right-radius: 0 !important;
	-webkit-border-bottom-right-radius: 0 !important;
}
.mejs-controls .mejs-time-rail {
	padding-top: 7px !important;
}
.mejs-controls .mejs-time-rail span:not(.mejs-time-float),
.mejs-controls .mejs-time-rail a {
	height: 7px !important;
}
.mejs-controls .mejs-time-rail .mejs-time-float-current {
	margin: 3px !important;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
	height: 7px !important;
	top: 12px !important;
}
/* Modal Views */

.view {
	height: 100%;
	top: 51px;
	left: 281px;
	position: fixed;
	z-index: 10;
	width: calc(100% - 281px);
	box-sizing: border-box;
	text-align: right;
	perspective: 2000px;
	-webkit-perspective: 2000px;
	perspective: 2000px;
	display: none;
	font-size: 14px;
	line-height: 20px;
	color: #636363;
	-webkit-text-stroke: 0px;
}
.hidden_left_bar > .view {
	left: 0px;
	width: 100%;
}
.view__content {
	background: rgba(255, 255, 255, 0.97);
	vertical-align: bottom;
	padding-top: 51px;
	position: absolute;
	width: 100%;
	height: calc(100% - 50px);
	box-sizing: border-box;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	overflow-y: hidden;
	text-align: left;
	margin: 0;
	display: block;
	top: 0;
	left: 0;
	transition: all 0.1s cubic-bezier(0.1, 0.7, 0.1, 1);
	transform: translateX(100%);
}
.view__content_back_drop {
	-webkit-backdrop-filter: blur(30px) hue-rotate(-10deg) saturate(0.8);
	background: rgba(255, 255, 255, 0.1);
	border-left: 1px solid rgba(204, 204, 204, 0.35);
}
@media (prefers-color-scheme: dark) {
	/* .view__content_back_drop {
		background: rgba(255, 255, 255, 0.9);
	} */
}
.view__content.fullscreen {
	width: calc(100% + 281px);
	height: 100%;
	top: -51px;
	left: -281px;
}
.view__content .icon_close-popup {
	text-indent: 0;
	background-image: none;
	max-width: 300px;
	height: auto;
	font-size: 18px;
	left: 25px;
	top: 15px;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.view__content:not(.fullscreen) .icon_resize-popup {
	left: auto;
	right: 30px;
	top: 17px;
}
.view__content.fullscreen .icon_close-popup {
	top: 17px;
}
.view__content.fullscreen .icon_resize-popup {
	right: 25px;
	left: auto;
}

.view-header {
	position: absolute;
	height: 50px;
	width: 100%;
	left: 0;
	top: 0;
	border-bottom: 1px solid rgba(204, 204, 204, 0.35);
	/* background: rgba(255,255,255,0.8); */ /* no backDrop */
	z-index: 4;
	background: rgba(255, 255, 255, 0.46);
	backdrop-filter: blur(10px);
}
.backDropSupport .view-header {
	background: rgba(255, 255, 255, 0.46);
	-webkit-backdrop-filter: blur(10px);
}
.view-header h1 {
	visibility: hidden;
	position: relative;
	width: 40%;
	margin: 10px auto;
	text-align: center;
	font-size: 18px;
	font-family: -apple-system, 'HelveticaNeue-Light', Helvetica, Verdana;
	font-weight: normal;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	text-shadow: none;
	line-height: 30px;
	color: #3f3e3e;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: 0.3s ease-in;
	-o-transition: 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.fullscreen {
	border-left-style: none;
}
.fullscreen .view-header {
	background: rgba(27, 52, 70, 0.1);
}
.fullscreen .view-header h1 {
	visibility: visible;
	opacity: 1;
	white-space: nowrap;
}
.view__content.view__content_open {
	transform: translateX(0);
}
.view__content_open_animation {
	animation: slideInLeft 220ms cubic-bezier(0.1, 0.7, 0.1, 1);
	animation-fill-mode: forwards;
	opacity: 1;
}
.view__content_close {
	animation: slideOutRight 220ms 1 cubic-bezier(0.1, 0.7, 0.1, 1);
	animation-fill-mode: forwards;
}

@keyframes slideInLeft {
	0% {
		transform: translateX(100%);
		opacity: 1;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}
@keyframes slideOutRight {
	0% {
		-webkit-transform: translateX(0); /* box-shadow: -1px 2px 40px rgba(0,0,0,0.15); */
	}
	100% {
		-webkit-transform: translateX(100%); /* box-shadow: -1px 2px 40px rgba(0,0,0,0.01); */
	}
}

.view-left-bar {
	width: 40%;
	background: rgba(255, 255, 255, 0.7);
}
.view-right-bar {
	width: 60%;
	right: 0;
	background: rgba(27, 52, 70, 0.03);
}
@media (prefers-color-scheme: dark) {
	.view-right-bar {
		background: rgba(134, 134, 134, 0.06);
	}
}
.view-right-bar-container {
	display: flex;
	flex-direction: column;
	padding-top: 15px;
	box-sizing: border-box;
}
.view-right-bar-container:empty::before {
	content: attr(data-load);
	text-align: center;
	margin-top: calc(50% - 1em);
	font-size: 12px;
	color: rgb(109, 115, 116);
}
.view-right-bar-container > .empty {
	text-align: center;
	margin-top: calc(50% - 1em);
	font-size: 12px;
	color: rgb(109, 115, 116);
}
.view-right-bar-container__widget {
	position: relative;
	display: block;
	background: rgba(255, 255, 255, 0.65);
	border-radius: 10px;
	overflow: hidden;
	margin: 5px 0;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.02);
}
.view-right-bar-container__widget[data-id='paymentstatus'],
.view-right-bar-container__widget[data-id='test_status'] {
	order: -30;
}
.view-right-bar-container__widget[data-id='license'],
.view-right-bar-container__widget[data-id='userSelfRegistered'],
.view-right-bar-container__widget[data-id='userEvotor'] {
	order: -29;
}
.view-right-bar-container__widget[data-id='clientcontacts'],
.view-right-bar-container__widget[data-id='userapikey'],
.view-right-bar-container__widget[data-id='keydata'],
.view-right-bar-container__widget[data-id='place_tests'] {
	order: -20;
}
.view-right-bar-container__widget[data-id='place_timeline'],
.view-right-bar-container__widget[data-id='deviceinfo'] {
	order: -19;
}
.view-right-bar-container__widget[data-id='appinfo'],
.view-right-bar-container__widget[data-id='place_devices'],
.view-right-bar-container__widget[data-id='connectionstatus'] {
	order: -18;
}
.view-right-bar-container__widget-header {
	background: rgba(255, 255, 255, 0.95);
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	border-bottom: 1px solid rgba(243, 243, 243, 0.5);
}
.view-right-bar-container__widget-header.no_title_bar {
	padding: 0px;
}
.view-right-bar-container__widget-header > h1 {
	font-weight: 400;
	font-size: 11px;
	line-height: 16px;
	font-family: -apple-system, 'HelveticaNeue-Light', Helvetica, Verdana;
	text-shadow: none;
	text-transform: uppercase;
}
.view-right-bar-container__widget-header > h1 > span {
	float: right;
	font-size: 12px;
}
.view-right-bar-container__widget-header > a {
	position: absolute;
	display: block;
	right: 3px;
	top: 8px;
	border: none;
	border-radius: 8px;
	box-shadow: none;
	background: transparent;
	color: #83888e;
	font-size: small;
	text-transform: lowercase;
	transition: all 0.3s ease-in;
	padding: 0 8px;
}
.view-right-bar-container__widget-header > a:hover {
	color: #74797f;
	background: rgba(237, 237, 237, 0.79);
}
.view-right-bar-container__widget-header > a:active {
	color: #74797f;
	background: rgba(220, 220, 220, 0.68);
}
.view-right-bar-container__widget-header > a:empty {
	display: none;
}
.view-right-bar-container__widget-content {
	padding: 0 10px 0px 10px;
	margin-bottom: -16px;
	max-height: 240px;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	-webkit-user-select: text;
	-moz-user-select: text;
	cursor: default;
}
.view-right-bar-container__widget-content.mediaPreview {
	height: 260px;
	max-height: 260px;
	-webkit-user-select: none;
	-moz-user-select: none;
}
.view-right-bar-container__widget-content.textBlock {
	height: -webkit-max-content;
	max-height: -webkit-max-content;
}
.view-right-bar-container__widget-content.textBlock h3 {
	font-weight: 400;
}
.view-right-bar-container__widget-content::-webkit-scrollbar-track,
.view-right-bar-container__widget-content::-webkit-scrollbar-track-piece {
	background-color: transparent;
}
.view-right-bar-container__widget-content::-webkit-scrollbar-track-piece:start {
	margin-top: 30px;
}
.view-right-bar-container__widget-content::-webkit-scrollbar-track-piece:end {
	margin-bottom: 6px;
}
.view-right-bar-container__widget-content::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 2px;
}
.view-right-bar-container__widget-content::-webkit-scrollbar-thumb {
	border-radius: 6px;
	min-height: 50px;
	background-color: rgba(0, 0, 0, 0.29);
}
.view-right-bar-container__widget-metter {
	margin: 10px 0;
}
.view-right-bar-container__widget-metter-data {
	font-size: 12px;
	font-family: -apple-system, 'HelveticaNeue-Light', Helvetica, Verdana;
}
.view-right-bar-container__widget-metter-data > span {
	font-size: 12px;
	float: right;
	display: initial;
}
.view-right-bar-container__widget-metter-data > span.percent:not(:empty)::after {
	content: '%';
}
.view-right-bar-container__widget-metter-track {
	background: rgba(231, 231, 231, 0.8);
	width: 100%;
	height: 3px;
	display: block;
	position: relative;
	border-radius: 6px;
}
.view-right-bar-container__widget-metter-bar {
	width: 0%;
	height: inherit;
	background: rgba(91, 215, 106, 0.8);
	border-radius: 6px;
}
.view-right-bar-container__widget-metter-bar_color-red {
	background: rgba(255, 0, 0, 0.8);
}
.view-right-bar-container__widget-metter-bar_color-blue {
	background: rgba(52, 169, 220, 0.8);
}
.view-right-bar-container__widget-metter-bar_color-grey {
	background: rgba(197, 214, 220, 0.8);
}
.view-right-bar-container__widget-metter-bar_color-yellow {
	background: rgba(248, 188, 58, 0.8);
}
.view-right-bar-container__widget-info {
	margin: 0;
}
.view-right-bar-container__widget-info-data {
	display: flex;
	flex-flow: row;
	flex-direction: row;
	align-items: center;
	font-size: 12px;
	font-family: -apple-system, 'HelveticaNeue-Light', Helvetica, Verdana;
}
.view-right-bar-container__widget-info-data > span:not(:empty) {
	margin: 10px 0;
}
.view-right-bar-container__widget-info-data > span:first-child {
	flex-grow: 10;
}
.view-right-bar-container__widget-info-data > span.widget-info-data__right {
	display: inline-flex;
	flex-direction: row;
}
@media screen and (max-width: 990px) {
	.view-right-bar-container__widget-info-data > span.widget-info-data__right {
		flex-direction: column;
	}
}

.view-right-bar-container__widget-info-data a.btn {
	text-decoration: none !important;
	color: rgb(99, 99, 99);
	background: rgba(255, 255, 255, 0.5);
	background: transparent;
	border: 1px solid rgba(205, 205, 205, 0.3);
	border-radius: 5px;
	padding: 3px 15px;
	margin: 2px;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: 0.3s ease-in;
	-o-transition: 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	user-drag: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	box-sizing: border-box;
	white-space: nowrap;
	height: 28px;
	justify-content: center;
	text-align: center;
	max-width: 250px;
}
@media screen and (max-width: 990px) {
	.view-right-bar-container__widget-info-data a {
		max-width: 150px;
	}
}
.view-right-bar-container__widget-info-data a.btn:hover {
	background: rgba(205, 205, 205, 0.2);
	color: rgb(99, 99, 99);
}
.view-right-bar-container__widget-info-data a.btn:active {
	background: rgba(205, 205, 205, 0.4);
	color: rgb(99, 99, 99);
}
.view-right-bar-container__widget-info-data a.icon::before {
	content: attr(data-icon);
	padding-right: 7px;
	font: 13px 'EmojiSymbols', 'HelveticaNeue-UltraLight', Arial, sans-serif;
	transition: all 0.4s ease-in-out;
}
.view-right-bar-container__widget-music-data {
	position: relative;
	flex-flow: column;
	flex-direction: column;
	width: 100%;
}
.view-right-bar-container__widget-music-data > .image:empty {
	background-image: url(../images/note.png);
	height: 60px;
	width: 60px;
	background-size: contain;
	background-repeat: no-repeat;
	border: none;
	filter: invert(0.2);
	margin-top: 20px;
}
.view-right-bar-container__widget-music-data > h1 {
	width: 100%;
	padding-top: 20px;
	line-height: 35px;
	color: #444343;
	font-family: -apple-system, 'HelveticaNeue-Light', Helvetica, Verdana;
	text-shadow: none;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
	overflow: hidden;
}
.view-right-bar-container__widget-music-data > h2 {
	font-weight: 300;
}
.view-right-bar-container__widget-music-data > audio {
	margin: 20px auto;
}
.widget_text {
	display: block;
	line-height: 20px;
	color: #636363;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 12px;
	font-family: -apple-system, HelveticaNeue-Light, Helvetica, Verdana;
}
.widget_text__bold {
	font-weight: 400;
}
.widget_text__small {
	font-size: 11px;
}
.view-viewport {
	position: fixed;
	padding: 51px 20px 20px;
	height: 100%;
	bottom: 0;
	top: 0;
	box-sizing: border-box;
	overflow-y: scroll;
	overflow-x: hidden;
}
.view-viewport::-webkit-scrollbar-track,
.view-viewport::-webkit-scrollbar-track-piece {
	background-color: transparent;
}
.view-viewport::-webkit-scrollbar-track-piece:start {
	margin-top: 54px;
}
.view-viewport::-webkit-scrollbar-track-piece:end {
	margin-bottom: 3px;
}
.view-viewport::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 3px;
}
.view-viewport::-webkit-scrollbar:horizontal {
	-webkit-appearance: none;
	height: 3px !important;
	width: auto;
}
.view-viewport::-webkit-scrollbar-thumb {
	border-radius: 6px;
	min-height: 50px;
	background-color: rgba(0, 0, 0, 0.29);
}

form.view-form .controls {
	width: calc(100% - 129px);
}
form.view-form input {
	width: 100%;
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 0 !important;
	background: transparent;
	font-size: 12px;
	text-indent: 0;
	margin-bottom: -3px;
}
form.view-form input:not(:first-child) {
	margin-bottom: -3px;
}
form.view-form input:first-child {
	margin-top: 1px;
}
form.view-form span.sublabel {
	display: block;
	font-size: 10px;
	margin-left: 0px;
	padding: 0;
	margin-bottom: -7px;
	color: #929292;
}
form.view-form a.view-form-link {
	font-size: 12px;
	color: #5c5959;
}
form.view-form a.view-form-link:hover {
	color: #1964a5;
}
form.view-form button.two,
form.view-form button.two:hover,
form.view-form button.two:active {
	width: calc(100% / 2 - 20px);
	margin-left: 10px;
	margin-right: 10px;
}
form.view-form textarea {
	width: 100% !important;
	height: 100px;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-radius: 0 !important;
	padding: 10px 0 !important;
	font-size: 12px;
}
form.view-form button.simple {
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* SlideOver */

.slide {
	background: rgba(0, 0, 0, 0.03);
	background-image: -moz-radial-gradient(center, circle cover, transparent 0%, rgba(0, 0, 0, 0.2) 100%);
	background-image: -webkit-radial-gradient(
		center,
		circle cover,
		transparent 0%,
		rgba(0, 0, 0, 0.2) 100%
	);
	background-image: -o-radial-gradient(center, circle cover, transparent 0%, rgba(0, 0, 0, 0.2) 100%);
	background-image: -ms-radial-gradient(center, circle cover, transparent 0%, rgba(0, 0, 0, 0.2) 100%);
	background-image: radial-gradient(center, circle cover, transparent 0%, rgba(0, 0, 0, 0.2) 100%);

	height: 100%;
	top: 0px;
	left: 0px;
	position: fixed;
	z-index: 11;
	width: 100%;
	text-align: center;
	perspective: 2000px;
	-webkit-perspective: 2000px;
	perspective: 2000px;
	display: none;
	font-size: 14px;
	line-height: 20px;
	color: #636363;
}

.slide__content {
	background: rgba(255, 255, 255, 0.95);
	display: inline-block;
	vertical-align: middle;
	padding: 20px 50px 30px 50px;
	min-width: 372px;
	max-width: 1024px;
	min-height: 200px;
	max-height: calc(100vh - 60px);
	position: relative;
	/* 	top:52px; */
	z-index: 2;

	/*     border: 1px solid #cdcdcd; */
	-webkit-box-shadow: 0 2px 40px rgba(0, 0, 0, 0.15);
	box-shadow: 0 2px 40px rgba(0, 0, 0, 0.15);
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	/* 	overflow-y: hidden; */
	/* 	opacity: 0; */
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}
@media (prefers-color-scheme: dark) {
	.slide {
		background: none !important;
	}
	.slide__content {
		border-left: 1px solid #cdcdcd;
		border-right: 1px solid #cdcdcd;
		border-bottom: 1px solid #cdcdcd;
		box-shadow: 0 2px 40px rgba(255, 255, 255, 1) !important;
		background: rgba(244, 244, 244, 0.97);
	}
}
@media screen and (max-width: 960px) {
	.slide__content {
		padding: 20px 20px 30px 20px;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
}
@media screen and (max-width: 570px) {
	.slide__content {
		width: inherit;
		min-width: 100%;
		height: inherit;
		max-height: 100%;
		box-sizing: border-box;
		border: none;
		overflow-x: hidden;
	}
}
.slide__content_back_drop {
	-webkit-backdrop-filter: blur(20px) hue-rotate(-10deg) saturate(0.8);
	background: rgba(249, 249, 249, 0.5);
	border: 1px solid rgba(204, 204, 204, 0.55);
}
.slide__content.darkbackground {
	background: rgba(239, 239, 239, 0.9);
}
@-moz-document url-prefix() {
	.slide__content {
		background: rgba(255, 255, 255, 0.95);
	}
}
.slide__content_open {
	/*
    animation: open_popup 0.8s 1;
    -webkit-animation: open_popup 0.8s 1;
*/
	opacity: 1 !important;
}
.slide__content_open_animation {
	-webkit-animation: slideInDown 220ms cubic-bezier(0.1, 0.5, 0.1, 1);
	-moz-animation: slideInDown 220ms cubic-bezier(0.1, 0.7, 0.1, 1);
	-o-animation: slideInDown 220ms cubic-bezier(0.1, 0.7, 0.1, 1);
	-ms-animation: slideInDown 220ms cubic-bezier(0.1, 0.7, 0.1, 1);
	animation: slideInDown 220ms cubic-bezier(0.1, 0.7, 0.1, 1);

	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;

	opacity: 1;
}
.slide__content_back_drop.slide__content_open_animation:not(.slide__content_close) {
	-webkit-animation-name: slideInDownBD;
	animation-name: slideInDownBD;
}
.slide__content_close {
	animation: slideInUp 400ms 1 cubic-bezier(0.1, 0.7, 0.1, 1);
	animation-fill-mode: forwards;
}
.slide__selector_show {
	animation: slideInUp 450ms 1 cubic-bezier(0.1, 0.7, 0.1, 1);
	-webkit-animation: slideInUp 450ms 1 cubic-bezier(0.1, 0.7, 0.1, 1);

	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
}
.slide__selector_hide {
	animation: slideInUp 450ms 1 cubic-bezier(0.1, 0.7, 0.1, 1);
	-webkit-animation: slideInUp 450ms 1 cubic-bezier(0.1, 0.7, 0.1, 1);

	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
}

@-webkit-keyframes slideInDown {
	0% {
		-webkit-transform: translateY(-100%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}
@keyframes slideInDown {
	0% {
		transform: translateY(-100%);
		opacity: 1;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
@-webkit-keyframes slideInDownBD {
	0% {
		-webkit-transform: translateY(-100%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}
@keyframes slideInDownBD {
	0% {
		transform: translateY(-100%);
		opacity: 1;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
@keyframes slideInUp {
	0% {
		-webkit-transform: translateY(0);
		box-shadow: 0 2px 40px rgba(0, 0, 0, 0.15);
	}
	100% {
		-webkit-transform: translateY(-100%);
		box-shadow: 0 2px 40px rgba(0, 0, 0, 0.01);
	}
}
@media (prefers-color-scheme: dark) {
	@keyframes slideInUp {
		0% {
			transform: translateY(0);
			box-shadow: 0 2px 40px 0 2px 40px rgba(255, 255, 255, 1);
		}
		100% {
			transform: translateY(-100%);
			box-shadow: 0 2px 40px rgba(255, 255, 255, 0.01);
		}
	}
}

.slide .page-selector li > a {
	padding-left: 18px;
	padding-right: 18px;
}
.moveUp {
	-webkit-animation: moveUp 500ms cubic-bezier(0.1, 0.7, 0.1, 1);
	-moz-animation: moveUp 500ms cubic-bezier(0.1, 0.7, 0.1, 1);
	-o-animation: moveUp 500ms cubic-bezier(0.1, 0.7, 0.1, 1);
	-ms-animation: moveUp 500ms cubic-bezier(0.1, 0.7, 0.1, 1);
	animation: moveUp 500ms cubic-bezier(0.1, 0.7, 0.1, 1);
}
.moveDown {
	-webkit-animation: moveDown 400ms cubic-bezier(0.1, 0.7, 0.1, 1);
	-moz-animation: moveDown 400ms cubic-bezier(0.1, 0.7, 0.1, 1);
	-o-animation: moveDown 400ms cubic-bezier(0.1, 0.7, 0.1, 1);
	-ms-animation: moveDown 400ms cubic-bezier(0.1, 0.7, 0.1, 1);
	animation: moveDown 400ms cubic-bezier(0.1, 0.7, 0.1, 1);
}

@-webkit-keyframes moveUp {
	0% {
		-webkit-transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(-79px);
	}
}
@keyframes moveUp {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-79px);
	}
}
@-webkit-keyframes moveDown {
	0% {
		-webkit-transform: translateY(-79px);
	}
	100% {
		-webkit-transform: translateY(0);
	}
}
@keyframes moveDown {
	0% {
		transform: translateY(-79px);
	}
	100% {
		transform: translateY(0);
	}
}

.slide__content[data-role='stat-slideover'] {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: 0.3s ease-in;
	-o-transition: 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.slide__content[data-role='stat-slideover'] h2 {
	padding-bottom: 40px !important;
}
@media screen and (max-height: 630px) {
	.slide__content[data-role='stat-slideover'] h2 {
		padding-top: 0px !important;
		padding-bottom: 20px !important;
	}
}
[data-role='day-interval-panel'] fieldset:only-of-type,
[data-role='devices-panel'] fieldset:only-of-type,
[data-role='smart-list-data-panel'] fieldset:only-of-type {
	display: block !important;
	opacity: 1;
}
@media screen and (max-width: 960px) {
	[data-role='devices-panel'],
	[data-role='smart-list-data-panel'] {
		height: calc(100vh - 330px) !important;
		max-height: calc(100vh - 330px) !important;
	}
	[data-role='smart-list-data-panel'] {
		padding-right: 40px !important;
	}
}
@media screen and (max-width: 960px) and (orientation: landscape) {
	[data-role='devices-panel'],
	[data-role='smart-list-data-panel'] {
		height: calc(100vh - 130px) !important;
		max-height: calc(100vh - 130px) !important;
	}
}
/*
[data-role="day-interval-panel"] fieldset:only-child .controls {
	width: 479px;
	text-align: left!important;
}
*/
.icon.modal {
	margin: 6px 6px 0 0;
}
fieldset:first-child .minus.modal,
fieldset:not(:last-child) .plus.modal,
fieldset:nth-child(6) .plus.modal.smartlist,
fieldset:nth-child(25) .plus.modal.workingtime,

/* fieldset:nth-child(9) .plus.modal:not(.deviceskeys),
*/
fieldset:nth-child(11) .plus.modal.deviceskeys {
	visibility: hidden;
	cursor: default;
}

.icon.placeholder {
	text-indent: 17px;
	width: auto;
}
.interval-add-placeholder {
	padding-top: 3px;
	display: inline-block;
	/* 	color: #747474; */
	color: #8b8b8b;
	font-family: 'HelveticaNeue', Helvetica, Verdana;
}
a:hover .interval-add-placeholder,
a:active .interval-add-placeholder {
	color: #37a3d5;
}
div[data-role='day-interval-panel']:not([data-panel-id='7']) p.base-intervals,
div[data-role='day-interval-panel'][data-panel-id='7'] p.extended-intervals {
	display: none;
}
div[data-role='day-interval-panel']:not([data-panel-id='7']) .animation-none {
	-webkit-animation-duration: 0 !important;
	animation-duration: 0 !important;
	-moz-animation-duration: none !important;
}

/* Date picker */

div#ui-datepicker-div.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
	z-index: 10000 !important;
}

/* stickyTableHeaders */
thead.tableFloatingHeaderOriginal,
.floatThead-table thead {
	background-color: rgba(255, 255, 255, 0.95);
	box-shadow: 0 -1px 0 rgba(240, 240, 240, 0.63) inset;
}
.backDropSupport .floatThead-table:not(.modal) thead {
	background: rgba(255, 255, 255, 0.9);
	-webkit-backdrop-filter: blur(4px);
	box-shadow: 0 1px 0 rgba(240, 240, 240, 0.63);
}
.floatThead-table thead {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: sticky;
	top: -3px;
	z-index: 1;
}
body:not(.backDropSupport) .floatThead-table thead th {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: sticky;
	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(5px);
	top: 0px;
	z-index: 1;
}
/* body:not(.backDropSupport) .page-container.with-header .floatThead-table thead th {
	top: 51px;
} */


.backDropSupport .tracks-list.in-widget thead.tableFloatingHeaderOriginal,
.backDropSupport .tracks-list.in-widget.floatThead-table thead {
	background: rgba(255, 255, 255, 0.3);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
}
.tracks-list.in-widget thead.tableFloatingHeaderOriginal,
.tracks-list.in-widget.floatThead-table thead {
	background: rgba(249, 250, 250, 0.96);
}
/*
.floatThead-table thead th {
	box-shadow: 0 -1px 0 rgba(240, 240, 240, 0.63) inset;
}
*/

.tracks-list.with-header {
	margin-top: 43px;
}
.floatThead-table.with-header thead {
	top: 43px;
}
.modal.fullscreen thead.tableFloatingHeaderOriginal {
	margin-top: 1px !important;
}

/* Sortable table */
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
	cursor: pointer;
	*cursor: hand;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
	background-repeat: no-repeat;
	background-position: center right;
}
/* table.dataTable thead .sorting{background-image:url("//cdn.datatables.net/1.10.7/images/sort_both.png")} */
table.dataTable thead .sorting_asc {
	background-image: url('../images/sort_asc.png');
}
table.dataTable thead .sorting_asc {
	background-image: -Webkit-image-set(url(../images/sort_asc.png) 1x, url(../images/sort_asc@2x.png) 2x);
}
table.dataTable thead .sorting_desc {
	background-image: url('../images/sort_desc.png');
}
table.dataTable thead .sorting_desc {
	background-image: -Webkit-image-set(
		url(../images/sort_desc.png) 1x,
		url(../images/sort_desc@2x.png) 2x
	);
}
table.dataTable thead .sorting_asc_disabled {
	background-image: url('//cdn.datatables.net/1.10.7/images/sort_asc_disabled.png');
}
table.dataTable thead .sorting_desc_disabled {
	background-image: url('//cdn.datatables.net/1.10.7/images/sort_desc_disabled.png');
}

.tracks-list td.dataTables_empty,
.tracks-list tr:hover td.dataTables_empty {
	color: #969595;
	font-size: 15px;
	text-align: center;
	margin-top: calc(50% / 2);
	padding: 0;
	line-height: 200px;
	background: url(../images/update.png);
	background-image: -Webkit-image-set(url(../images/update.png) 1x, url(../images/update@2x.png) 2x);
	background-repeat: no-repeat;
	background-position: 50% 40%;
	background-size: 35px auto;
	padding-top: 50px;
	box-shadow: none;
	cursor: default;
}
/* QR code */
.qrcode-container {
	width: 150px;
	margin: 10px auto 65px;
	box-sizing: border-box;
}
[data-role='qrcode-popup'] p {
	margin-bottom: 10px;
}

/* Glabal Action Button */

.action__button {
	/* 	background-color: #f6f6f6; */
	background-size: 20px auto;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	border-radius: 50%;
	width: 45px;
	height: 45px;
	text-indent: -9999px;
	position: fixed;
	bottom: 40px;
	right: 30px;
	z-index: 10;
	opacity: 0;
	display: none;
	box-sizing: border-box;
	/*
	box-shadow:0 1px 6px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.12);
	-webkit-box-shadow:0 1px 6px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.12);
*/
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), 0 0px 1px rgba(0, 0, 0, 0.14);

	-webkit-transition: all 0.3s ease-in;
	-moz-transition: 0.3s ease-in;
	-o-transition: 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-tap-highlight-color: rgba(196, 196, 196, 0.37);
}
.action__button.left {
	right: 90px;
}
.action__button:active {
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
@media (prefers-color-scheme: dark) {
	.action__button {
		box-shadow: 0 3px 20px rgba(255, 255, 255, 0.88), 0 0px 1px rgba(251, 251, 251, 0.14);
	}
	.action__button:active {
		box-shadow: 0 3px 10px rgba(255, 255, 255, 0.88), 0 0px 1px rgba(251, 251, 251, 0.14);
	}
}
div[data-role='action__button_container'] {
	display: block;
	width: inherit;
	height: inherit;
	background-size: 20px auto;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	border-radius: 50%;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: 0.3s ease-in;
	-o-transition: 0.3s ease-in;
	transition: all 0.3s ease-in;
	box-sizing: border-box;
}
@media screen and (max-width: 570px) {
	.action__button {
		width: 53px;
		height: 53px;
	}
	div[data-role='action__button_container'] {
		background-size: 22px auto;
	}
}
.action__button .preset-print {
	/* 	border: 1px solid rgba(0, 0, 0, 0.13); */
	background-color: rgba(246, 246, 246, 0.95);
	background-image: url(../images/activebutton/preset-print.png);

	/* 	background-image: -Webkit-image-set(url(../images/activebutton/preset-print.png) 1x, url(../images/activebutton/preset-print@2x.png) 2x); */
}
.action__button .preset-print:hover {
	background-color: #efefef;
}
.action__button .preset-print:active {
	background-color: #e4e4e4;
}
.action__button .preset-search {
	/* 	border: 1px solid rgba(0, 0, 0, 0.13); */
	background-color: rgba(246, 246, 246, 0.95);
	background-image: url(../images/activebutton/preset-search.png);

	/* 	background-image: -Webkit-image-set(url(../images/activebutton/preset-print.png) 1x, url(../images/activebutton/preset-print@2x.png) 2x); */
}
.action__button .preset-search:hover {
	background-color: #efefef;
}
.action__button .preset-search:active {
	background-color: #e4e4e4;
}
.action__button .preset-search.pressed {
	background-color: #efefef;
	border: 1px solid rgba(63, 186, 242, 0.95);
	/*
	background-color: rgba(63, 186, 242, 0.95);
	background-image:  url(../images/activebutton/preset-search-filled.png);	
*/
}

.action__button .preset-plus {
	background-color: rgba(63, 186, 242, 0.95);
	background-image: url(../images/activebutton/preset-plus.png);

	/* 	background-image: -Webkit-image-set(url(../images/activebutton/preset-plus.png) 1x, url(../images/activebutton/preset-plus@2x.png) 2x); */
}
.action__button .preset-plus:hover {
	background-color: #3fbaf2;
}
.action__button .preset-plus:active {
	background-color: #39a9dc;
}
.action__button.accent-green .preset-plus {
	background-color: rgba(46, 183, 70, 0.95);
}
.action__button .preset-filter {
	background-color: rgba(246, 246, 246, 0.95);
	background-image: url(../images/activebutton/preset-filter-d.png);

	/* 	background-image: -Webkit-image-set(url(../images/activebutton/preset-plus.png) 1x, url(../images/activebutton/preset-plus@2x.png) 2x); */
}
.action__button .preset-filter:hover {
	background-color: #efefef;
}
.action__button .preset-filter:active {
	background-color: #e4e4e4;
}
.action__button .preset-filter-action {
	background-color: rgba(63, 186, 242, 0.95);
	background-image: url(../images/activebutton/preset-filter-filled.png);

	/* 	background-image: -Webkit-image-set(url(../images/activebutton/preset-plus.png) 1x, url(../images/activebutton/preset-plus@2x.png) 2x); */
}
.action__button .preset-filter-action:hover {
	background-color: #3fbaf2;
}
.action__button .preset-filter-action:active {
	background-color: #39a9dc;
}
.action__button .preset-save {
	background-color: rgba(70, 193, 9, 0.95);
	background-image: url(../images/activebutton/preset-save.png);

	/* 	background-image: -Webkit-image-set(url(../images/activebutton/preset-save.png) 1x, url(../images/activebutton/preset-save@2x.png) 2x); */
}
.action__button .preset-save:hover {
	background-color: #49c909;
}
.action__button .preset-save:active {
	background-color: #44ba09;
}
.action__button_open {
	opacity: 1 !important;
}
.action__button_open_animation {
	animation: open_popup 0.8s 1;
	-webkit-animation: open_popup 0.8s 1;
	animation-fill-mode: both;
	opacity: 1;
}
.action__button_close {
	animation: close_button 0.4s 1 linear;
	-webkit-animation: close_button 0.4s 1;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
}
@-webkit-keyframes open_button {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.5);
	}
	50% {
		opacity: 0.9;
		-webkit-transform: scale(0.98);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}
@keyframes open_button {
	0% {
		opacity: 0;
		transform: scale(1.5);
	}
	50% {
		opacity: 1;
		transform: scale(0.9);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@-webkit-keyframes close_button {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
	50% {
		opacity: 1;
		-webkit-transform: scale(1.2);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0.2);
	}
}
@keyframes close_button {
	0% {
		opacity: 1;
		transform: scale(1);
	}
	50% {
		opacity: 1;
		transform: scale(1.2);
	}
	100% {
		opacity: 0;
		transform: scale(0.2);
	}
}

/* Version */

div[data-role='app-version'] {
	position: absolute;
	bottom: 20px;
	width: 100px;
	text-align: center;
	left: calc(50% - 50px);
	color: rgba(255, 255, 255, 0.23);
}

/* Back Slide Form */
form.backform ul,
form.backform ul li,
form.backform ul li:hover,
form.backform ul li:active {
	background: transparent !important;
}
.left-bar.back form.backform ul > li:not(:first-child) .list-name-container {
	border-color: #9f9f9f;
}
.left-bar.back form.backform ul > li .list-name-container.button {
	border-color: #9f9f9f;
}
.left-bar.back form.backform ul > li.active,
.left-bar.back form.backform ul > li.listused,
.left-bar.back form.backform ul > li:hover {
	border-bottom-color: transparent;

	background: transparent;
}
form.backform {
	margin: 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.list-input,
.list-label {
	float: left;
	display: inline-block;
	padding: 0 1px 13px;
	width: 185px;
	overflow: hidden;
}
.list-input {
	width: 175px;
}
.list-input-short {
	width: 160px;
}
.list-input-checkbox {
	width: 25px;
}
.list-label {
	width: 70px;
}
.list-label-long {
	width: 90px;
}
.list-label-checkbox {
	width: 225px;
}
.left-bar.back .list-label-checkbox {
	width: 215px;
}
.list-label.error {
	color: rgb(171, 20, 27);
}
.list-button {
	text-align: center;
	margin-top: -1px;
}
form.backform input:not([type='checkbox']):not(.chosen-search-input),
form.backform input:not([type='checkbox']):not(.chosen-search-input):hover,
form.backform textarea,
form.backform button,
form.backform span.customSelect {
	position: relative;
	display: inline-block;
	width: inherit !important;
	background: transparent;
	border: none;
	color: #fff;
	text-shadow: none;
	font-size: 13px;
	padding: 0px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-radius: 0;
	outline: none;
	box-shadow: none;
	font-family: /* 'HelveticaNeue-Light', */ 'HelveticaNeue', Helvetica, Verdana;
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
	text-indent: 0;
	height: auto;
}
form.backform span.customSelect::after {
	margin-top: -11px;
	margin-right: -5px;
	color: rgb(232, 232, 232);
}
form.backform button {
	width: 260px !important;
	height: 43px;
	padding-top: 1px;
	box-sizing: border-box;
	border-left: 1px solid transparent;
}
form.backform button:hover {
	background: rgba(159, 159, 159, 0.4);
	border-left: 1px solid #9f9f9f;
}
form.backform button:active {
	background: #9a9a9a;
}
form.backform .customSelectInner {
	color: #fff !important;
	text-shadow: none;
	width: 165px !important;
	height: initial;
	overflow: hidden;
	text-overflow: ellipsis;
}
form.backform select.styled {
	margin-top: -5px;
	height: 26px !important;
	z-index: 1;
}

/* Smart List Progress ndicator */

#smartlist-loading-bar {
	width: 60%;
	height: 1px;
	padding: 0px;
	background: #dcdcdc;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	margin: 0 auto 40px;
}
.smartlist-loading-label {
	font-size: 11px;
}
.smartlist-loading-color {
	width: 0%;
	max-width: 100%;
	height: 100%;
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-ms-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
	border-radius: inherit;
	/* 	background-color: #4edbf1; */
	background-color: #36bc07;
}

.smartlist-loading-color.red {
	background-color: rgb(202, 0, 0) !important;
}
.smartlist-loading-color.orange {
	background-color: #ce9e40;
}

/* Whats new */

ul.whats-new {
	list-style-type: circle;
	text-align: left;
	padding: 20px 20px 0;
	max-width: 500px;
}
ul.whats-new li {
	padding-bottom: 5px;
}
ul.whats-new span {
	line-height: 15px;
	display: block;
	color: #848484;
}
/* Dashboard 
==============================================
*/
span.status {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: block;
	margin-right: 5px;
	cursor: default;
}
span.status.inline {
	display: inline-block;
	margin-left: 5px !important;
}
span.status.inline_margin-right {
	display: inline-block;
	margin-right: 10px !important;
}
span.status.text-inline {
	display: inline-block;
	margin-right: 0;
	margin-bottom: -1px;
}
span.status.in-widget {
	display: inline-block;
	width: 9px;
	height: 9px;
}
span.in-widget-title {
	position: absolute;
	display: block;
}
span.status.in-widget-title {
	right: 6px;
	top: 13px;
}
span.icon.in-widget-title {
	background-size: 14px 14px !important;
	right: 3px;
	top: 7px;
}
span.icon.android.in-widget-title {
	background-size: 16px 16px !important;
	right: 4px;
}
span.status.flash {
	-webkit-animation-name: status_flash;
	-webkit-animation-duration: 1.5s;
	-webkit-transition-timing-function: ease-out;
	-webkit-animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
}

.v2 span.status {
	margin-left: -7px;
	width: 9px;
	height: 9px;
}
@-webkit-keyframes status_flash {
	0% {
		opacity: 0.6;
		/*         -webkit-transform: scale(0.2); */
	}
	50% {
		opacity: 1;
		-webkit-transform: scale(1.2);
	}
	100% {
		opacity: 0.6;
		/*         -webkit-transform: scale(1); */
	}
}
span.status.green {
	/* 	background: rgba(0, 128, 0, 0.6); */
	background: rgba(84, 198, 98, 0.8);
}
span.status.red {
	background: rgba(255, 0, 0, 0.6);
}
span.status.lightred {
	background: rgba(255, 0, 0, 0.1);
	border: 1.5px solid rgba(255, 0, 0, 0.6);
	box-sizing: border-box;
}
span.status.darkred {
	background: rgb(202, 0, 0);
}
span.status.orange {
	background: rgba(255, 137, 49, 0.6);
}
span.status.yellow {
	background: rgba(255, 213, 80, 0.6);
}
span.status.gray {
	background: rgba(143, 161, 151, 0.6);
}
span.status.lightgray {
	background: rgba(153, 173, 162, 0.4);
}
span.status.blue {
	background: rgba(102, 151, 198, 0.6);
}
span.status.lightgreen {
	/* 	background: transparent; */
	/* 	box-shadow: 0 0 2px rgba(0, 140, 0, 1) inset; */
	background: rgba(0, 140, 0, 0.1);
	border: 1.5px solid rgba(0, 140, 0, 0.6);
	box-sizing: border-box;
}
span.status.play::before {
	content: '\0025B6';
	position: absolute;
	margin-top: -9px;
	color: rgba(99, 99, 99, 0.6);
}
span.online {
	font-family: 'EmojiSymbols';
	font-size: 12px;
	color: #6c6c6c;
	text-align: center;
	width: 100%;
	display: block;
}

.light td,
li.light *,
td.light {
	color: #bcbcbc !important;
}
/*
div[data-role="dashboard-panels"] {
	padding-bottom: 20px;
}
*/
#stat-table {
	min-width: 650px;
	/* 	max-height: 540px; */
	max-height: calc(100% - 42px);
	overflow: overlay;
	overflow-x: hidden;
	position: relative;
	display: block;
	text-align: left;
	font-size: 13px;
	/* 	background: rgba(255, 255, 255, 0.6); */
	/* 	background: rgba(251, 251, 251, 1); */
	/*
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
*/
	-webkit-overflow-scrolling: touch;
	padding-top: 42px;
	/* 	padding-bottom: 14px; */
}
@media screen and (max-width: 680px) {
	#stat-table {
		min-width: 100%;
		max-height: 100%;
		height: calc(100% - 95px);
		top: 0;
		overflow-x: auto;
		padding-top: 86px;
	}
}
#stat-table::-webkit-scrollbar-track,
#stat-table::-webkit-scrollbar-track-piece {
	background-color: rgba(245, 245, 245, 1);
}
#stat-table::-webkit-scrollbar-track-piece:start {
	margin-top: 42px;
}
#stat-table::-webkit-scrollbar-track-piece:end {
	margin-bottom: 0px;
}
#stat-table::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 2px;
}
.page-content::-webkit-scrollbar:horizontal {
	-webkit-appearance: none;
	height: 2px !important;
	width: auto;
}
#stat-table::-webkit-scrollbar-thumb {
	border-radius: 6px;
	min-height: 50px;
	background-color: rgba(0, 0, 0, 0.29);
}
#stat-table table {
	-webkit-user-select: text;
	-moz-user-select: text;
	cursor: default;
	background: rgba(255, 255, 255, 0.7);
}
/*
.popup__content[data-role="stat-popup"]::-webkit-resizer {
  background: red;
}
*/
.popup__content[data-role='stat-popup'] {
	transition: all 0.3s cubic-bezier(0.1, 0.7, 0.1, 1);
}
.popup__content[data-role='stat-popup'] .header-bar {
	position: absolute;
	top: 0;
	width: 100%;
	height: 48px;
	z-index: 1000000;
	overflow: hidden;
	box-sizing: border-box;
	background: rgba(232, 232, 232, 0.98);
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
@media screen and (max-width: 680px) {
	.popup__content[data-role='stat-popup'] .header-bar {
		height: 92px;
	}
}
.popup__content[data-role='stat-popup'].popup__content_back_drop .header-bar {
	background: rgba(229, 229, 229, 0.2);
	-webkit-backdrop-filter: blur(20px) hue-rotate(-10deg) saturate(0.8);
}
.popup__content[data-role='stat-popup'] .view-container {
	/* 	background: rgba(232, 232, 232, 0.98); */
	width: calc(100% + 0px);
	height: calc(100% - 31px);
	border-radius: 6px;
	margin-top: 6px;
	margin-bottom: 25px;
}
/*
.popup__content[data-role="stat-popup"].popup__content_back_drop .view-container {
	background: rgba(255, 255, 255, 0.1);
	-webkit-backdrop-filter: blur(20px) hue-rotate(-10deg) saturate(0.8);
}
*/
.popup__content[data-role='stat-popup'] .status-bar {
	position: absolute;
	bottom: 0;
	text-align: left;
	padding-top: 3px;
	width: calc(100% - 20px);
	display: block;
	z-index: 2;
	height: 23px;
}
.popup__content[data-role='stat-popup'] #disk-space {
	margin-top: 0;
	text-align: left;
	display: block;
	font-size: 11px;
	min-height: 23px;
}
#stat-table table > thead {
	background-color: rgba(248, 248, 248, 0.96);
	/* 	-webkit-backdrop-filter: blur(3px); */
}
.tracks-list .highlight {
	animation: highlight_table_row 2.5s ease-out;
}
@keyframes highlight_table_row {
	0% {
		background-color: rgba(242, 200, 13, 0.15);
	}
	100% {
		background-color: transparent;
	}
}
#stat-table .highlight-color-r,
.tracks-list .highlight-color-r {
	color: rgb(202, 0, 0);
}
#stat-table .highlight-color-y,
.tracks-list .highlight-color-y {
	color: rgb(189, 102, 37);
}
#stat-table .highlight-color-g,
.tracks-list .highlight-color-g {
	color: rgb(2, 125, 87);
}
#stat-table .highlight-color-b,
.tracks-list .highlight-color-b {
	color: rgb(49, 44, 131);
}
#stat-table .highlight-deleted,
.tracks-list .highlight-deleted {
	text-decoration: line-through;
}
.popup__content[data-role='stat-popup'] {
	resize: both;
	width: 70%;
	/* 	min-width: 50%; */
	/* 	min-height: 50%; */
	/* 	max-width: 900px; */
	/* 	min-height: 100px!important; */
	/* 	max-height: 100%; */
	/* 	height: 80%; */
}
.popup__content[data-role='stat-popup'] > *,
.popup__content[data-role='stat-popup'].fullscreen {
	resize: none;
}
.popup__content[data-role='stat-popup'].fullscreen #stat-table table > thead {
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	-webkit-backdrop-filter: none;
}
.popup__content[data-role='list-filter-popover'] {
	-webkit-transform-origin: 115% 110%;
	transform-origin: 115% 110%;
	min-width: 330px;
	width: 334px;
	padding: 20px 40px 20px;
	right: 70px;
	bottom: 60px;
	position: absolute;
}
.popup__content[data-role='list-filter-popover'].popup__content_open_animation {
	animation: open_popup_in 0.8s 1;
	-webkit-animation: open_popup_in 0.8s 1;
	animation-fill-mode: forwards;
	opacity: 1;
}
.popup__content[data-role='list-filter-popover'].popup__content_close {
	animation-name: close_in;
	-webkit-animation-name: close_in;
	animation-fill-mode: forwards;
}
.popup__content[data-role='search-popup'] {
	display: block;
	position: relative;
	vertical-align: bottom;
	bottom: 35px;
	max-width: 50%;
	margin: 0 auto;
	-webkit-transform-origin: 150% 24px;
	transform-origin: 150% 24px;
	padding: 20px 50px 20px 50px;
}
.popup__content[data-role='search-popup']:not(.popup__content_back_drop) {
	background: rgba(255, 255, 255, 0.95);
}
.popup__content[data-role='search-popup'].popup__content_open_animation {
	animation: open_popup_in 0.8s 1;
	-webkit-animation: open_popup_in 0.8s 1;
	animation-fill-mode: both;
	opacity: 1;
}
.popup__content[data-role='search-popup'].popup__content_close {
	animation-name: close_in;
	-webkit-animation-name: close_in;
}
@media screen and (max-width: 640px) {
	.popup__content[data-role='search-popup'] {
		height: 35px;
		top: -35px;
	}
}
.popup__content input[type='search'] {
	position: absolute;
	top: 8.7px;
	left: 20px;
	width: 30%;
	height: 32px;
	background: rgba(255, 255, 255, 0.28);
	border-radius: 6px;
}
@media screen and (max-width: 680px) {
	.popup__content input[type='search'] {
		top: 51px;
		left: 10px !important;
		width: calc(100% - 24px) !important;
	}
	input[name='modal-fullsearch'] {
		top: 7px !important;
	}
}
.popup__content input[type='search'].fullwidth {
	width: calc(100% - 40px);
	margin-top: -5px;
	border: none;
	background: transparent;
	box-shadow: none;
}
.popup__content input[type='search'].right {
	right: 20px;
	left: auto;
}
.popup__content[data-role='stat-popup'] {
	padding: 0px;
	box-sizing: border-box;
}
.popup__content[data-role='stat-popup'].fullscreen {
	max-height: 100%;
	max-width: 100%;
	height: 100% !important;
	width: calc(100% - 4px) !important;
	left: -4px;
	border-radius: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
}

/* Preload */

.preload {
	width: 50px;
	height: 50px;
	position: fixed;
	display: block;
	left: calc(50% - 25px);
	top: calc(50% - 25px);
	z-index: 1000000000000;
}
.preload.background {
	background: #fff;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: 0.4s ease-out;
	-o-transition: 0.4s ease-out;
	transition: all 0.4s ease-in-out;
}
.preload.background.transparent {
	background: rgba(255, 255, 255, 0.5);
	-webkit-backdrop-filter: blur(5px);
}
.preload.off {
	/*
	-moz-animation: preloadHide 1s linear;
    -webkit-animation: preloadHide 1s linear;
    -moz-animation-fill-mode:both;
    -webkit-animation-fill-mode:both;
*/

	-webkit-animation-name: preloadoff;
	-webkit-animation-duration: 500ms;
	-webkit-transition-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
	-webkit-animation-fill-mode: both;

	-moz-animation-name: preloadoff;
	-moz-animation-duration: 500ms;
	-moz-transition-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
	-moz-animation-fill-mode: both;
}
@-moz-keyframes preloadoff {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes preloadoff {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		display: none;
		visibility: hidden;
	}
}
.ball {
	background-color: rgba(0, 0, 0, 0);
	/* 	border: 3px solid rgba(119, 119, 119, 0.7); */
	border: 3px solid rgba(224, 40, 55, 0.86);
	opacity: 0.9;
	border-top: 3px solid rgba(0, 0, 0, 0);
	border-left: 3px solid rgba(0, 0, 0, 0);
	border-radius: 50px;
	width: 35px;
	height: 35px;
	margin: calc(25% - 17.5px) auto 0;
	-moz-animation: spin 0.5s infinite linear;
	-webkit-animation: spin 0.5s infinite linear;
}
.ball-text {
	position: absolute;
	left: calc(50% - 125px);
	top: calc(50% + 30px);
	width: 250px;
	color: #fff;
	background: transparent;
	padding: 15px 10px;
	text-align: center;
	border-radius: 6px;
	text-overflow: ellipsis;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-transition: all 700mss cubic-bezier(0.1, 0.7, 0.1, 1);
	-moz-transition: all 700ms cubic-bezier(0.1, 0.7, 0.1, 1);
	-ms-transition: all 700ms cubic-bezier(0.1, 0.7, 0.1, 1);
	-o-transition: all 700ms cubic-bezier(0.1, 0.7, 0.1, 1);
	transition: all 700ms cubic-bezier(0.1, 0.7, 0.1, 1);
}
.ball-text:not(:empty) {
	background: rgba(224, 40, 55, 0.76);
	-webkit-backdrop-filter: blur(3px);
}
@-moz-keyframes spin {
	0% {
		-moz-transform: rotate(0deg);
	}

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

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}

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

.accordion-elements_show {
	animation: elementSlideIn 450ms 1 cubic-bezier(0.1, 0.7, 0.1, 1);
	-webkit-animation: elementSlideIn 450ms 1 cubic-bezier(0.1, 0.7, 0.1, 1);

	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	z-index: 0;
}
.accordion-elements_hide {
	animation: elementSlideOut 700ms 1 cubic-bezier(0.1, 0.7, 0.1, 1);
	-webkit-animation: elementSlideOut 700ms 1 cubic-bezier(0.1, 0.7, 0.1, 1);

	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;

	-webkit-animation-delay: 100ms;
	animation-delay: 100ms;
	z-index: 0;
}
.accordion-elements_main {
	/*
    animation: elementUpNext 400ms 1 cubic-bezier(.10, .70, .10, 1);
    -webkit-animation: elementUpNext 400ms 1 cubic-bezier(.10, .70, .10, 1);
    
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    
*/

	-webkit-transition: all 700mss cubic-bezier(0.1, 0.7, 0.1, 1);
	-moz-transition: all 700ms cubic-bezier(0.1, 0.7, 0.1, 1);
	-ms-transition: all 700ms cubic-bezier(0.1, 0.7, 0.1, 1);
	-o-transition: all 700ms cubic-bezier(0.1, 0.7, 0.1, 1);
	transition: all 700ms cubic-bezier(0.1, 0.7, 0.1, 1);
	-webkit-animation-delay: 100ms;
	animation-delay: 100ms;
	z-index: 0;
}
.accordion-elements_next {
	/*
    animation: elementUpNext 400ms 1 cubic-bezier(.10, .70, .10, 1);
    -webkit-animation: elementUpNext 400ms 1 cubic-bezier(.10, .70, .10, 1);
    
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    
*/

	-webkit-transition: all 0.7s cubic-bezier(0.1, 0.7, 0.1, 1);
	-moz-transition: all 0.7s cubic-bezier(0.1, 0.7, 0.1, 1);
	-ms-transition: all 0.7s cubic-bezier(0.1, 0.7, 0.1, 1);
	-o-transition: all 0.7s cubic-bezier(0.1, 0.7, 0.1, 1);
	transition: all 0.7s cubic-bezier(0.1, 0.7, 0.1, 1);

	z-index: 1;
}
/*
.accordion-elements_downnext{
    animation: elementSlideOut 450ms 1 cubic-bezier(.10, .70, .10, 1);
    -webkit-animation: elementSlideOut 450ms 1 cubic-bezier(.10, .70, .10, 1);
    
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    

    
    z-index: 0;
}
*/
@-webkit-keyframes elementSlideIn {
	0% {
		-webkit-transform: translateY(-80%);
	}
	100% {
		-webkit-transform: translateY(0);
	}
}
@keyframes elementSlideIn {
	0% {
		transform: translateY(-80%);
	}
	100% {
		transform: translateY(0);
	}
}
@-webkit-keyframes elementSlideOut {
	0% {
		-webkit-transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(-80%);
	}
}
@keyframes elementSlideOut {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-80%);
	}
}
@-webkit-keyframes elementUpNext {
	0% {
		-webkit-transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(-50%);
	}
}
@keyframes elementUpNext {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-100px);
	}
}
@-webkit-keyframes elementDownNext {
	0% {
		-webkit-transform: translateY(-100%);
	}
	100% {
		-webkit-transform: translateY(0);
	}
}
@keyframes elementDownNext {
	0% {
		transform: translateY(-100%);
		opacity: 1;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

/* Invoice & Act */

.invoice-items {
	background: rgba(204, 204, 204, 0.14);
	border: 1px solid rgba(153, 153, 153, 0.24);
	margin: 10px;
	border-radius: 6px;
	max-height: 165px;
	overflow-y: scroll;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
	-webkit-scroll-snap-type: mandatory;
	-webkit-scroll-snap-destination: 50% 50%;
	-webkit-scroll-snap-points-x: repeat(100%);
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0px);

	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.invoice-items.agreement {
	/*
	max-height: 332px;
	height: 332px;
*/
	max-height: 406px;
	margin: -21px -20px 0;
}
.invoice-items.contacts {
	max-height: 295px;
	margin: -21px -20px 0;
}
.invoice-items.transparent {
	background: transparent;
	border: transparent;
}
.invoice-items.stat {
	padding: 20px 20px 15px;
	max-height: 265px;
	margin: 0;
}
.invoice-items.stat.ad-enabled-ext {
	max-height: 155px;
}
.invoice-items.stat.ad-ext {
	max-height: 100px;
}
.devices {
	max-height: 300px;
}
.invoice-items::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 2px;
}
.invoice-items::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: rgba(0, 0, 0, 0.29);
}
.invoice-items::-webkit-scrollbar-track-piece:start {
	margin-top: 3px;
}
.invoice-items::-webkit-scrollbar-track-piece:end {
	margin-bottom: 3px;
}

.invoice-item {
	padding: 20px 20px 5px 20px;
}
.invoice-item:last-child {
	padding-bottom: 0;
}
.invoice-item:not(:first-child) {
	border-top: 1px solid rgba(153, 153, 153, 0.24);
}
.invoice-item .icon {
	display: block;
}
.item-action-group {
	display: inline-block;
	float: left;
	height: 150px;
	top: -20px;
	min-height: 100%;
	padding: 10px 10px 0 0px;
	margin-right: 15px;
	margin-left: -5px;
	margin-bottom: -15px;
	position: relative;
	border-right: 1px dashed rgba(153, 153, 153, 0.24);
}
.invoice-items.agreement .item-action-group {
	/* 	height: 317px; */
	height: 391px;
}
.invoice-items.agreement .item-action-group__short {
	height: 349px;
}
.invoice-items.contacts .item-action-group {
	height: 285px;
}
.invoice-item:only-child .icon.minus,
.invoice-item:nth-child(10) .icon.plus {
	display: none;
}
.item-data-group {
	display: inline-block;
}
.invoice-items.agreement .item-data-group {
	min-height: 386px;
}
.invoice-counter {
	color: rgba(148, 148, 148, 1);
	font-size: 18px;
	display: block;
	bottom: 10px;
	left: 0px;
	width: 60%;
	text-align: center;
	position: absolute;
	/* font-family: "Helvetica Neue"; */
	font-weight: lighter;
}
.invoice-item:only-child .invoice-counter {
	display: none;
}
@media screen and (max-width: 960px) {
	.invoice-items.agreement {
		border-radius: 0px;
		border-right: none;
		border-left: none;
	}
}
@media screen and (max-width: 740px) {
	.invoice-items {
		margin: 0;
		max-height: 260px;
		height: 260px;
	}
	.invoice-items.agreement {
		max-height: 444px;
		height: 444px;
		border-radius: 0px;
		border-right: none;
		border-left: none;
	}
	.invoice-item {
		padding: 20px 10px 15px 10px;
	}
	.item-action-group {
		height: auto;
		width: 100%;
		border-right: none;
		text-align: left;
		padding: 10px 0px 15px 0px;
		margin: 0 0 -20px 0;
		border-bottom: 1px dashed rgba(153, 153, 153, 0.24);
	}
	.invoice-items.agreement .item-action-group {
		height: 27px;
		padding: 0px 0px 15px 0px;
		margin: 0;
	}
	.item-data-group {
		width: 100%;
	}
	.invoice-item .icon {
		display: inline-block;
		margin-right: 16px;
	}
	.invoice-counter {
		display: inline-block;
		bottom: 17px;
		right: 0px;
		left: auto;
		text-align: right;
	}
	input#invoice_dl.css-checkbox {
		margin-left: -7px !important;
	}
}

/* #007AFF */

/* Dash Selector */
#dash-selector::before {
	content: '';
	position: absolute;
	/*
	border: 10px solid transparent;
	border-bottom: 10px solid  rgba(255, 255, 255, 0.99);
	
	top: -20px;
	left: 20px;
*/
	top: -15px;
	left: 29px;
	background: url('../images/corner.png');
	background-image: -Webkit-image-set(url(../images/corner.png) 1x, url(../images/corner@2x.png) 2x);
	background-position: 0 0;
	background-size: contain;
	background-repeat: no-repeat;
	width: 33px;
	height: 15px;
}
#dash-selector.v2::before {
	left: 5px;
}
/*
.backDropSupport #dash-selector::before {
	border-bottom: 10px solid  rgba(255, 255, 255, 0.99);
}
*/
#dash-selector {
	position: absolute;
	width: auto;
	height: 65px;
	/*
	left: 30px;
	top: 55px;
*/
	left: 15px;
	top: 59px;
	border-radius: 6px;
	/* box-shadow: 0 1px 10px rgba(0, 0, 0, .1); */
	background: rgba(255, 255, 255, 0.96);

	z-index: 10000000000000000000000;
	padding: 30px;
	border: 1px solid rgba(204, 204, 204, 0.55);

	animation: open_popup_in 0.4s 1;
	-webkit-animation: open_popup_in 0.4s 1;
	-webkit-transform-origin: 7% -30%;
	transform-origin: 7% -30%;
}
#dash-selector.v2 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-radius: 15px;
	width: 100px;
	height: 100vh;
	top: 15px;
	max-width: calc(100% - 30px);
	max-height: calc(100% - 30px);
	box-sizing: border-box;
	padding: 10px 5px;
	-webkit-overflow-scrolling: touch;
	overflow-y: scroll;
	overflow-x: hidden;
	backdrop-filter: blur(15px) saturate(0.7);
	background: hsl(0 0% 100% / 0.3);
	box-shadow: 1px 1px 15px #00000012;
	animation: none;
	-webkit-animation: none;
}
@media (prefers-color-scheme: dark) {
	#dash-selector.v2 {
		box-shadow: 1px 1px 15px rgba(255, 255, 255, 0.66);
	}
}
#dash-selector.v2::before {
	content: none;
}

.v2 div[data-role='app-button'].app-selector {
	margin: 0;
	width: 100%;
	min-width: auto;
	height: auto;
	transform: translateZ(0);
	margin: 8px 0;
}
div.app-selector.v2:first-child {
	margin-right: 0px;
}
div.app-selector.v2:first-child::after {
	content: none;
}
.v2 .app-selector .appicon {
	float: none;
	transition: all 0.3s ease-in;
	border-radius: 14px;
}
.v2 .app-selector:hover .appicon {
	box-shadow: 0 0 10px rgba(151, 151, 151, 0.4);
}
.v2 .appicon-label {
	margin: 1px auto 0;
	font-weight: 400;
	font-size: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}

.backDropSupport #dash-selector {
	-webkit-backdrop-filter: blur(15px) saturate(0.7);
	background: rgba(255, 255, 255, 0.85);
}
.backDropSupport #dash-selector.v2 {
	background: hsl(0 0% 100% / 0.3);
}
#dash-selector.hidden {
	display: none;
	visibility: hidden;
}
#dash-selector.visible {
	display: block;
	visibility: visible;
	z-index: 100;
}
#dash-selector.v2.visible {
	display: flex;
	animation: slide_left_dashselctor_open 0.25s 1;
	animation-fill-mode: forwards;
}
.dash-selector-present {
	left: 40px;
}

#dash-selector.mobile-panel {
	top: 0;
	left: 0;
	height: 100vh;
	border-radius: 0;
	max-height: 100vh;
	border-right: 1px solid rgba(224, 224, 224, 0.6);
	border-top: none;
	border-bottom: none;
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	background: rgba(255, 255, 255, 0.65);
}

@media screen and (max-width: 760px) {
	#dash-selector {
		width: 130px;
		height: auto;
		top: 15px;
		max-width: calc(100% - 30px);
		max-height: calc(100% - 30px);
		box-sizing: border-box;
		padding: 30px 10px 10px;
		-webkit-overflow-scrolling: touch;
		overflow: scroll;
		animation: slide_left_dashselctor_open 0.25s 1;
	}

	#dash-selector.mobile-panel {
		top: 0;
		left: 0;
		height: 100%;
		border-radius: 0;
		max-height: 100%;
		border-right: 1px solid rgb(224, 224, 224);
		border-top: none;
		border-bottom: none;
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
		background: rgba(255, 255, 255, 0.85);
	}
	#dash-selector::before {
		content: none;
	}
	div[data-role='app-button'].app-selector {
		margin: 0;
		width: 100%;
		height: 90px;
		transform: translateZ(0);
	}
	div.app-selector:first-child {
		margin-right: 0px;
	}
	div.app-selector:first-child::after {
		content: none;
	}
	.app-selector .appicon {
		float: none;
	}
	.appicon-label {
		margin: 5px auto 0;
	}
}

/* List Context Selector */
#list-context-selector::before {
	content: '';
	position: absolute;
	top: -15px;
	/* 	left: 29px; */
	left: calc(100% / 2 - 16.5px);
	background: url('../images/corner.png');
	background-image: -Webkit-image-set(url(../images/corner.png) 1x, url(../images/corner@2x.png) 2x);
	background-position: 0 0;
	background-size: contain;
	background-repeat: no-repeat;
	width: 33px;
	height: 15px;
}
#list-context-selector.left-arrow::before {
	top: -0px;
	left: -2px;
	width: 19px;
	height: 33px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
#list-context-selector.edge-of-bottom::before {
	bottom: -15px;
	top: auto;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
#list-context-selector {
	position: absolute;
	width: auto;
	left: 27px;
	top: 59px;
	border-radius: 6px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
	background: rgba(255, 255, 255, 0.96);
	-webkit-backdrop-filter: blur(3px);
	z-index: 10000000000;
	border: 1px solid rgba(204, 204, 204, 0.55);
}
@media (prefers-color-scheme: dark) {
	#list-context-selector {
		box-shadow: 0 1px 10px rgba(255, 255, 255, 0.39);
	}
}
#list-context-selector.fixed {
	position: fixed;
}
#list-context-selector.left-arrow {
	left: 85px;
}
/*
.backDropSupport #list-context-selector {
	-webkit-backdrop-filter: blur(10px);
	background: rgba(255, 255, 255, 0.85);
}
*/
#list-context-selector.hidden {
	display: none;
	visibility: hidden;
}
#list-context-selector.visible {
	display: block;
	visibility: visible;
}
#list-context-selector ul {
	list-style-type: none;
	margin-top: 4px;
	margin-bottom: 4px;
}
#list-context-selector ul > li {
	padding: 6px 15px 8px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
#list-context-selector ul > li.pic {
	padding: 9px 14px 1px;
}
#list-context-selector ul > li:not(:last-child) {
	border-bottom: 1px solid #f6f6f6;
}
#list-context-selector ul > li:hover {
	background: rgba(57, 169, 220, 0.85);
	color: #fff;
}
#list-context-selector ul > li:active {
	background: rgba(46, 157, 208, 0.85);
	color: #fff;
}
#list-context-selector ul > li.active {
	background: transparent;
	color: #2889b5;
}

#list-context-selector.color__green ul > li:hover {
	background: rgba(40, 158, 60, 0.8);
	color: #fff;
}
#list-context-selector.color__green ul > li:active {
	background: #289e3c;
	color: #fff;
}

#list-context-selector ul > li .icon,
#list-context-selector ul > li .icon:hover {
	background-position-y: -5px !important;
	cursor: default;
}
#list-context-selector ul > li:hover .icon {
	filter: brightness(200%);
}

.slide-panel {
	padding-top: 2px;
}

/* --------========== customer-dashboard ==========----------- */

@media screen and (min-width: 960px) {
	.crop-80 header {
		border-bottom: none;
	}
	.crop-80 .header-block,
	.crop-80 section {
		margin: 0 auto !important;
	}
	.crop-80 .header-block {
		width: calc(80% + 30px) !important;
		border-bottom: 1px solid rgba(235, 235, 235, 0.65);
		padding-left: 20px;
		padding-right: 20px;
	}
	.crop-80 section {
		width: 80% !important;
	}
}
.customer-dashboard .header-block {
	height: 110px;
}
.customer-dashboard .company_logo {
	height: 60px;
}
.customer-dashboard h1#window-title {
	display: block;
	float: none;
	padding-left: 4px;
	line-height: 28px;
	font-weight: 800;
	font-size: 20px;
	white-space: nowrap;
	padding-top: 0;
	color: #484848;
	font-family: -apple-system, 'HelveticaNeue-Light', Helvetica, Verdana;
	cursor: default;
	text-shadow: none;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 400px;
}
@media screen and (max-width: 959px) {
	.customer-dashboard [data-role='app-button'] {
		float: none;
	}
	.customer-dashboard .company_logo {
		margin: 0 auto;
		display: block;
	}
	.customer-dashboard h1#window-title {
		display: none;
	}
}
@media screen and (min-width: 1200px) {
	.customer-dashboard .header-block {
		height: 150px;
	}
	.customer-dashboard [data-role='app-button'] {
		margin-top: 20px;
	}
	.customer-dashboard h1#window-title {
		line-height: 45px;
		font-size: 25px;
		width: 600px;
	}
}
.customer-dashboard .app_section_inner {
	padding-top: 111px;
}
.customer-dashboard .app_section_inner::-webkit-scrollbar-track-piece:start {
	margin-top: 119px;
}
@media screen and (min-width: 1200px) {
	.customer-dashboard .app_section_inner {
		padding-top: 151px;
	}
	.customer-dashboard .app_section_inner::-webkit-scrollbar-track-piece:start {
		margin-top: 155px;
	}
}
.customer-dashboard .header-block__search {
	position: relative;
	top: 40px;
	right: 2px;
	float: right;
}
.customer-dashboard .header-block__search > input[type='search'] {
	width: 300px;
	padding: 5px 0 5px 0;
	border-radius: 8px;
}
@media screen and (max-width: 959px) {
	.customer-dashboard .header-block__search {
		width: 100%;
		top: 15px;
		right: 0;
	}
	.customer-dashboard .header-block__search > input[type='search'] {
		width: 100%;
		padding: 7px 0 7px 0;
	}
	.customer-dashboard header div.header-block {
		padding-left: 0;
	}
}
@media screen and (min-width: 1200px) {
	.customer-dashboard .header-block__search {
		top: 60px;
	}
}
.customer-dashboard span.status {
	width: 10px;
	height: 10px;
}

.customer-dashboard .tracks-list {
	cursor: default;
}
.customer-dashboard .tracks-list td {
	line-height: 30px;
}
.customer-dashboard .tracks-list tr:hover td {
	box-shadow: none;
	border-bottom-color: #f7f7f7 !important;
}
.header_floating-hint {
	display: block;
	position: absolute;
	right: 2px;
	color: #464646;
}
a.header_floating-hint__a {
	color: #838383;
	text-decoration: none;
	font-size: 13px;
}
a.header_floating-hint__a:hover {
	color: #535252;
}
a.header_floating-hint__a:active {
	color: #535252;
}
.status-hint {
	bottom: 11px;
}
.support-hint {
	top: 15px;
}
@media screen and (max-width: 420px) {
	.support-hint {
		display: none;
	}
}
@media screen and (max-width: 959px) {
	.status-hint {
		bottom: 75px;
	}
	.support-hint {
		left: 0;
		top: auto;
		bottom: 75px;
	}
}
@media screen and (min-width: 960px) {
	.header_floating-hint {
		right: 20px;
	}
}
@media screen and (max-width: 959px) {
	.customer-dashboard #progress-indicator {
		position: absolute;
		margin: 0;
		top: 115px;
	}
}

.info-block p {
	min-height: 18px;
}

.tox-tinymce {
	width: calc(100% - 10px) !important;
	height: calc(100vh - 400px) !important;
	margin: 0 auto;
	border-color: rgba(0, 0, 0, 0.1) !important;
	border-radius: 6px !important;
}
.tox-fullscreen {
	width: 100% !important;
}
.tox .tox-toolbar,
.tox .tox-toolbar__overflow,
.tox .tox-toolbar__primary {
	border-top: none !important;
}
.tox:not([dir='rtl']) .tox-toolbar__group:not(:last-of-type),
.tox .tox-edit-area {
	border-color: rgba(0, 0, 0, 0.1) !important;
}
.tox-tinymce.error {
	border-color: rgba(194, 0, 0, 0.37);
}
.tox .tox-tbtn {
	height: 25px !important;
	color: #5c5959 !important;
}
.tox .tox-tbtn:not(.tox-tbtn--select) {
	width: 30px !important;
}
.tox .tox-tbtn svg {
	fill: #5c5959 !important;
}

.tag_green {
	color: #289e3c !important;
}
.tag_red {
	color: rgb(202, 0, 0) !important;
}
.tag_blue {
	color: rgba(102, 151, 198, 0.6) !important;
}
.tag_yellow {
	color: rgba(224, 170, 0, 0.83) !important;
}
.tag_black {
	color: black !important;
}
.tag_grey {
	color: #bcbcbc !important;
}