/*** simpleWeather ***/
@font-face {
	font-family: 'weather';
	src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot');
	src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
		 url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff') format('woff'),
		 url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.ttf') format('truetype'),
		 url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ezturns_symbols';
	src: url('../fonts/ezturns_symbols.ttf') format("truetype");
}

body, html {
	width: 100vw;
	height: 100%;
	margin: 0px;
	overflow: hidden;
}

.splash {
	background-color: white;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MTMuODMiIGhlaWdodD0iMjY1LjI0IiB2aWV3Qm94PSIwIDAgMTg4Ljg2NyA3MC4xNzkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDgwLjA1IC05Ni41MDUpIj48cGF0aCBmaWxsPSIjMzE1MWNmIiBkPSJNLTUzLjA2MiAxNjUuMDZhODcuNDc3IDg3LjQ3NyAwIDAgMC0yLjgwNi0uNDY4Yy0yLjA5LS4yOC00LjQ5LTEuMTg1LTcuMjY1LTIuNjgxLTUuODYyLTMuMTE4LTEwLjIyNy03LjgyNy0xMy4xOS0xNC4xODctMy4yMTItNi44MjktMy4yMTItMTguOTkgMC0yNS44MTggNC4yNC05LjA3NCAxMS44NDgtMTUuMjE2IDIxLjA3Ny0xNy4wMjUgMy42OC0uNzE3IDkuNjM1LS43NDkgMTMuNTY1LS4wMzIgNS4yMzguOTA1IDcuMzI3IDEuNzc4IDExLjQxMiA0LjY3OCAxMC42NjQgNy40ODMgMTUuMzcyIDIwLjY0MiAxMi4wOTggMzMuNTUtLjY1NSAyLjUyNi0yLjkzMSA3LjI2Ni00LjY0NiA5LjY2Ny0zLjM2OCA0LjcwOC05LjEwNSA5LjIzLTE0IDEwLjk3Ni0zLjc0MiAxLjMxLTEyLjUwNCAyLjA1OC0xNi4yNDUgMS4zNHoiLz48Y2lyY2xlIGN4PSItMjkuNjk5IiBjeT0iMTE1Ljc4IiByPSIxNy45NTQiIGZpbGw9IiMzMTUxY2YiLz48cGF0aCBmaWxsPSIjZmNmY2ZjIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjI5NiIgZD0iTS0zNC4yNDIgMTY0LjM5Yy0uODM2LS4yMDktMi4zNDEtLjc1My0zLjM4Ni0xLjE3LTIuNDY3LTEuMDg4LTEyLTYuNDM5LTE1LjAxLTguNDg4bC0yLjM0LTEuNTQ2LTEuMzggMS4yNTRjLTEuMzM4IDEuMjEyLTEuMzggMS4yMTItMi4yMTYuNDYtMS40NjMtMS4yOTYtNS4yNjgtNy40LTcuMjMzLTExLjQ1NS0yLjM4My01LjA1OS01LjU2LTEzLjkyMi03Ljk0My0yMi4wMzItMS4wNDUtMy41MTItMS44ODEtNi41NjQtMS44ODEtNi43NzMgMC0uMjUxLjgzNi0uODM2IDEuODgtMS4zMzhsMS44NC0uOTIgMS42MyAxLjg4MmMxMy41ODggMTUuMzg1IDEzLjEyOCAxNC45NjcgMTUuNTEgMTQuMjU2IDIuMDkxLS42MjcgNC4wNTYtMi44ODUgNC4zOS00Ljk3NS4xNjgtLjg3OC42MjgtNS44MTIgMS4wODgtMTAuOTk1IDEuMDg3LTEyLjM3NSAxLjA0NS0xMi4yNSAzLjIxOS0xMi43MS45NjEtLjIwOSAyLjAwNy0uMjUgMi4zNDEtLjEyNS4yOTMuMTI2IDEuMDA0IDEuODgxIDEuNTA1IDMuOTMgMi43MTggMTAuMzI2IDYuODU3IDIxLjU3MyAxMC41MzUgMjguMzg3IDEuMTI5IDIuMDkgMi4wNDkgNC4wOTcgMi4wNDkgNC40NzMgMCAuMzM1LS41MDIgMS4wNDYtMS4xMjkgMS41NDdsLTEuMTI5Ljg3OCAxLjAwNCAzLjQyOGMuNTQzIDEuODgyIDEuNzk3IDUuNjg2IDIuOCA4LjQ0NiAxLjE3MSAzLjEzNSAxLjkyNCA2LjA2MiAyLjA5MSA3LjczNC4yMSAyLjUwOC4xMjYgMi44NDMtLjg3OCA0LjA1NS0uNzk0Ljk2Mi0xLjcxNCAxLjQyMi0zLjIxOSAxLjc1Ni0yLjM0MS41MDItMi4xMzIuNTAyLTQuMTM5LjA0MnoiLz48ZyBzdHJva2Utd2lkdGg9Ii4yNjUiIGFyaWEtbGFiZWw9ImV6Ij48cGF0aCBkPSJNLTU1LjczMyAxMzUuMzY2cTIuNDQ5LTEuMzQ0IDQuNDQtLjYyIDIuMDEuNzE0IDMuMzk3IDMuMjQuMjczLjQ5Ny4zOS43NTZsLTcuNTU3IDQuMTVxLjg0Ny45NTMgMS45NiAxLjE2NSAxLjEyLjE4MSAyLjI0OS0uNDM5Ljc4NC0uNDMgMS4zMzUtMS4xMDYuNTU5LS43MDUuNzktMS41NTRsMi4xMDYuNjYxcS0uMzAzIDEuMjYyLTEuMTYgMi4zMy0uODQgMS4wNTktMi4xNzkgMS43OTQtMS41NjkuODYxLTMuMTMxLjg3My0xLjU0MyAwLTIuODM1LS44MS0xLjMwMS0uODI5LTIuMTQyLTIuMzYtLjg0LTEuNTMtLjg0LTMuMDczLjAxNy0xLjU1NC44NDctMi44NTYuODE4LTEuMzIxIDIuMzMtMi4xNXptNS4wNTYgMi45NTFxLS42NTgtMS4xMDgtMS43MzQtMS4zODktMS4wNzUtLjI4LTIuMjQyLjM2LTEuMDkuNTk5LTEuNDcgMS42NzgtLjM3IDEuMDUuMDg5IDIuMjkyek0tNDkuMjkxIDEzMS45NTVsOC41MzMtNC42ODUuOTAzIDEuNjQ2LTIuMDMyIDkuNjMxIDUuNzg4LTMuMTUzIDEuMTE0IDIuMDI4LTguODg4IDQuODU1LS45MDQtMS42NDUgMi4wMzMtOS42MzItNS40NDQgMi45NjR6Ii8+PC9nPjxwYXRoIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjAwMyIgZD0iTS0zMi4xNTIgMTU1LjYxYzAtMi4wNDktLjA4NC0zLjc2My0uMjA5LTMuNzYzLS40NiAwLTguOTg5IDQuMzktOC45ODkgNC42NCAwIC4yNTIgNy42NTEgMi43NiA4LjY5NiAyLjg0NC4zNzcuMDQyLjUwMi0uOTYyLjUwMi0zLjcyMXoiLz48cGF0aCBmaWxsPSIjZmZmIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iLjQ4NyIgZD0iTS0zMy4xMDQgMTEzLjk0djQuNzA4aDQuNzA4YTQuNzAyIDQuNzAyIDAgMCAwLTQuNzA4LTQuNzA4em0wLTYuMjc3djMuMTM4YTcuODUgNy44NSAwIDAgMSA3Ljg0NyA3Ljg0N2gzLjEzOWExMC45NzggMTAuOTc4IDAgMCAwLTEwLjk4Ni0xMC45ODZ6bTAtNi4yNzh2My4xMzljNy44IDAgMTQuMTI0IDYuMzI0IDE0LjEyNCAxNC4xMjRoMy4xMzljMC05LjU0Mi03LjczNy0xNy4yNjMtMTcuMjYzLTE3LjI2M3oiLz48L2c+PGcgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuMjY1IiBhcmlhLWxhYmVsPSJUdXJucyI+PHBhdGggZD0iTTY5LjAyIDI0Ljc1M2gyNC43NjZ2NS42NzJoLTkuMDZ2MjMuOTYxaC02LjY4OHYtMjMuOTVINjkuMDJ6TTExNy44NCAzMS42MTN2MjIuNzc1aC02LjQ3NnYtNC4wMjJxLTIuMzI4IDQuMjc2LTcuNjIgNC4yNzYtMy43NjggMC02LjAxMS0yLjMyOS0yLjIwMi0yLjM3LTIuMjAyLTYuMzkyVjMxLjYxMmg2LjUydjEyLjQ0NnEwIDIuMTYgMS4xNDMgMy4zODd0My4xMzIgMS4yMjdxMi4zMjktLjA0MiAzLjY4My0xLjY1dDEuMzU1LTQuMTV2LTExLjI2ek0xMzAuNjcgMzUuNzIzcTEuMTg2LTIuMTE3IDMuMDkxLTMuMjE4IDEuOTA1LTEuMSA0LjQ0NS0xLjE0M3Y2LjEzOXEtLjMzOC0uMDQzLTEuMDE2LS4wNDMtMy4wMDUgMC00Ljc4MyAxLjY1MS0xLjczNiAxLjYxLTEuNzM2IDQuMzE4djEwLjk2NGgtNi41MlYzMS42MTZoNi41MnpNMTU2LjE2IDMxLjM2M3EzLjgxIDAgNi4wNTUgMi4zNyAyLjI4NiAyLjM3MSAyLjI4NiA2LjM1djE0LjMxaC02LjUydi0xMi40MXEwLTIuMTYtMS4yMjgtMy4zODctMS4xODUtMS4yNy0zLjI2LTEuMjctMi40MTMuMDQyLTMuODEgMS42OTMtMS4zOTcgMS42MDktMS4zOTcgNC4xNDl2MTEuMjE4aC02LjUyVjMxLjYxaDYuNTJ2My45NzlxMi4zNy00LjE0OSA3Ljg3NC00LjIzM3pNMTg0LjQ4IDM4LjMwM3EtMS44NjItMS4wNTktMy42ODItMS42MDktMS44Mi0uNTkzLTMuMjYtLjU5My0xLjE4NSAwLTEuOTA1LjQyNC0uNzIuNDIzLS43MiAxLjI3IDAgLjkzMS45NzQgMS40Mzl0My4xNzUgMS4xNDNxMi40MTMuNzIgMy45OCAxLjQ0IDEuNTY2LjY3NyAyLjcwOSAyLjA3NCAxLjE0MyAxLjM1NCAxLjE0MyAzLjU5OCAwIDMuMzg3LTIuNjI1IDUuMjkyLTIuNTgyIDEuODYyLTYuNjQ2IDEuODYyLTIuNzk0IDAtNS4zNzYtLjgwNC0yLjU4My0uODQ3LTQuNDg4LTIuMzdsMi4xMTctNC40MDNxMS43MzYgMS4zNTQgMy44NTIgMi4xMTYgMi4xNi43MiA0LjA2NC43MiAxLjMxMyAwIDIuMDc1LS40MjMuODA0LS40NjYuODA0LTEuMzU1IDAtLjk3NC0xLjAxNi0xLjUyNC0uOTc0LS41NS0zLjE3NS0xLjE4NS0yLjMyOC0uNjc4LTMuODk1LTEuMzU1LTEuNTI0LS42NzctMi42MjUtMi4wMzItMS4xLTEuMzk3LTEuMS0zLjU5OCAwLTMuMzg3IDIuNTQtNS4yNSAyLjU0LTEuODYyIDYuNDM0LTEuODYyIDIuMzI5IDAgNC42NTcuNjc3IDIuMzI4LjYzNSA0LjIzMyAxLjg2M3oiLz48L2c+PC9zdmc+');
	/*background-image: url('../img/logo_ez_turns_cast.svg');*/
	background-repeat: no-repeat;
	background-position: 25vw 35vh;
	background-size: 50vw auto;
	position: relative;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 1001;
}

.splash-bg-animation {
	animation: bg-slide-up .5s ease;
	animation-fill-mode: forwards;
	animation-delay: .1s;
}

p.build_name {
	position: absolute;
	right: 0;
	top: 0;
	margin: 32px;
	font-family: 'Roboto';
	color: #757575;
}

@keyframes bg-slide-up {
	from {
		background-position: 25vw 35vh;
		background-size: 50vw auto;
	}

	to {
		background-position: 30vw 15vh;
		background-size: 40vw auto;
	}
}

.hint .column {
	max-width: 30em;
}

.hint .mdc-typography--headline4 {
	/*text-align: center;*/
	max-width: 15em;
}

.hint .mdc-typography--body1 {
	margin-left: 2em;
	margin-right: 1em;
}

.hint .material-icons {
	vertical-align: text-bottom;
}

img.logo_with_text {
	height: 1.7em;
	vertical-align: text-bottom;
}

.qr-grid {
	display: none;
}

.qr-selected .initiated.qr-grid {
	display: inline-block;
}

.initiated .qr-canvas {
    border-width: 1.8em;
    border-radius: 2em;
    box-shadow: 0 0 0 1.5em #3f51b5;
    border-style: solid;
    border-color: transparent;
}

.code-login-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	position: absolute;
	top: 50vh;
	left: 0;
	right: 0;
	bottom: 10px;
}

#code-input {
	display: none;
	width: 40vw;
	/*height: 15vw;*/
	padding: 16px;
	font-size: 10vw;
	font-family: "Lucida Console", Monaco, monospace;
	text-align: center;
	text-transform: uppercase;

	border-top-right-radius: 16px;
	border-top-left-radius: 16px;

	border: 0;
	outline: 0;
	background: ghostwhite;
	border-bottom: 4px solid black;

    margin-bottom: 24px;

	visibility: hidden;
}

#code-input:disabled {
	color: #bdbdbd;
}

.code-selected #code-input {
	display: inline-block;
}

/* individual: webkit */
#code-input::-webkit-input-placeholder { font-size:4vw; font-family: 'Ubuntu', sans-serif; color:#999; }
/* individual: mozilla */
#code-input::-moz-placeholder { font-size:4vw; font-family: 'Ubuntu', sans-serif; color:#999; }

.snackbar-error {
	flex-direction: column;
}

.snackbar-error p {
	font-size: 16px !important;
	font-weight: 900 !important;
}

.button {
	background-color: #3151cf;
	border: none;
	color: white;
	padding: 16px 32px;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: x-large;
	margin: 4px 2px;
	opacity: 0.8;
	transition: 0.3s;
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	border-radius: 25px;

	outline-width: 0;

}

.button:hover {
	background-color: #6181ff;
}

.enter-code-button {
	visibility: hidden;
	display: none;
}

.code-progress {
	visibility: hidden;
}

.switch-login-type-button {
	display: none;
	width: 64px;
	height: 64px;
	padding: 7px;
}

.logging-in .switch-login-type-button, .logged-in .switch-login-type-button {
	visibility: hidden;
}

.tippy-box[data-theme~='ezturns'] {
	background-color: #f3e05c;
	color: black;

	font-family: 'Ubuntu';
	font-size: 22px;
}

.tippy-box[data-theme~='ezturns'][data-placement='top'] > .tippy-arrow::before {
	border-top-color: #f3e05c;
	/*border-right-color: #f3e05c;*/
}

.tippy-box[data-theme~='ezturns'][data-placement='right'] > .tippy-arrow::before {
	/*border-top-color: #f3e05c;*/
	border-right-color: #f3e05c;
}

.fadeIn {
	animation: 1s fadeIn;
	animation-fill-mode: forwards;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		visibility: visible;
		opacity: 1;
	}
}


.presentation {
	/*height: 80%;*/
	position: relative;
	/*text-align: center;*/
	overflow: hidden;
	flex: 1 0 80%;
	background-image: url('../img/default_slide.webp');
	background-repeat: no-repeat;
	background-size: cover;
	border-bottom-right-radius: 3vw;
}

.waitingListEnabled._42 .presentation {
	border-bottom-left-radius: 3vw;
}

.withVideo .slide {
    width: 0px;
    height: 0px;
}

.inChromecast.withVideo .presentation {
	border-bottom-right-radius: unset;
	border-bottom-left-radius: unset;
}

.unmute {
	/*display: none;*/

	width: 64px;
	height: 64px;
	position: absolute;
	right: 32px;
	bottom: 64px;

	background-image: url(../img/volume-off.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 32px;

	background-color: red;
	border-radius: 50%;
	/*border-width: 1px;*/
	/*border-style: solid;*/
	/*border-color: transparent;*/
	box-shadow: 0 3px 4px 0 rgba(0,0,0,.14), 0 3px 3px -2px rgba(0,0,0,.2), 0 1px 8px 0 rgba(0,0,0,.12);
	z-index: 100;

	transition: opacity .5s linear;
	transform: translate(0);
	opacity: 1;

	cursor: pointer;
}

.hidden {
	/*transform:translate(9999px);*/
	opacity: 0;
}

.hidden-class {
	display: none !important;
}

.slide {
	position: absolute;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 100%;
	width: 100%;
}

.vplayer {
	position: absolute;
	height: 100%;
	width: 100%;
}

.exceeded_slides_container {
	position: absolute;
	width: 40%;
	height: 10%;
	top: 3%;
	left: 3%;
	background-color: white;
	border: 5px solid cornflowerblue;
	border-radius: 10px;
	z-index: 998;
}

.announcement_container {
	position: absolute;
	background-color: white;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MTQuMjIxIDQxNC4yMjEiPjxwYXRoIGQ9Ik0zMDEuODI5IDIzLjU5OUEyMDIuOTY3IDIwMi45NjcgMCAwIDAgMjA3LjM3NSAwQzk1LjI4My0uMDIgNC4zOTggOTAuODMyIDQuMzc4IDIwMi45MjRBMjAyLjk2IDIwMi45NiAwIDAgMCA2MS45MzQgMzQ0LjU2bC04LjQ4IDYwLjMyYTggOCAwIDAgMCAxMi4zMiA4bDQ2LjA4LTMwLjU2Yzk5LjA1OCA1Mi40NiAyMjEuODg4IDE0LjY4NCAyNzQuMzQ4LTg0LjM3NHMxNC42ODUtMjIxLjg4OC04NC4zNzMtMjc0LjM0N3ptMzguNTgxIDMxMC43MTZBMTg2Ljk1OSAxODYuOTU5IDAgMCAxIDIwNy4zNzUgMzkwYTE4Ny4wNCAxODcuMDQgMCAwIDEtOTEuOTItMjQgOCA4IDAgMCAwLTggMGwtMzYuMDggMjMuNDQgNi45Ni00Ni40OGE4IDggMCAwIDAtMi4zMi02LjhDMi40OTUgMjYzLjY1OSAxLjY2OSAxNDUuMjg1IDc0LjE3IDcxLjc2NVMyNjUuMDQ1LTIuNTgxIDMzOC41NjUgNjkuOTJzNzQuMzQ2IDE5MC44NzUgMS44NDUgMjY0LjM5NXoiLz48cGF0aCBkPSJNMjUzLjIxNSAyNzQuOGgtNi42NFYxNTYuNTZhOCA4IDAgMCAwLTgtOGgtNjkuMDRhOCA4IDAgMCAwLTggOHYyOC44YTggOCAwIDAgMCA4IDhoNi43MnY4MS40NGgtNi43MmE4IDggMCAwIDAtOCA4djI4LjhhOCA4IDAgMCAwIDggOGg4My42OGE4IDggMCAwIDAgOC04di0yOC44YTggOCAwIDAgMC04LTh6bS03NS42OCAyOC44di0xMi44aDYuNzJhOCA4IDAgMCAwIDgtOHYtOTcuNDRhOCA4IDAgMCAwLTgtOGgtNi43MnYtMTIuOGg1Mi45NlYyODIuOGE4IDggMCAwIDAgOCA4aDYuNjRsLjA4IDEyLjhoLTY3LjY4ek0yMDcuMzc1IDcwLjRjLTE4LjUxMyAwLTMzLjUyIDE1LjAwNy0zMy41MiAzMy41MiAwIDE4LjUxMyAxNS4wMDcgMzMuNTIgMzMuNTIgMzMuNTJzMzMuNTItMTUuMDA3IDMzLjUyLTMzLjUyYzAtMTguNTEzLTE1LjAwOC0zMy41Mi0zMy41Mi0zMy41MnptMCA1MS4xMmMtOS42NzYgMC0xNy41Mi03Ljg0NC0xNy41Mi0xNy41Mi0uMDQ0LTkuNjc2IDcuNzY0LTE3LjU1NiAxNy40NC0xNy42aC4wOHYuMDhjOS42NzYgMCAxNy41MiA3Ljg0NCAxNy41MiAxNy41MnMtNy44NDQgMTcuNTItMTcuNTIgMTcuNTJ6Ii8+PC9zdmc+');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 25vw auto;
	width: 100%;
	height: 100%;
	z-index: 999;
}

.free_watermark {
	display: none;

	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	z-index: 1000;
}

.on_top_message {
	position: absolute;

	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	margin: auto;
	padding: 20px;
	border-radius: 5vw;

	border-width: 1vw;
	border-style: ridge;

	background-color: white;
	color: darkblue;
	font-family: 'Ubuntu', sans-serif;
	font-size: 10vw;
	font-weight: bold;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-evenly;
	text-align: center;

	width: 80%;
	height: 50%;
	z-index: 2000;
	overflow: hidden;
}

.new_turn_container {
	display: grid;
    grid-template-columns: 1fr;
    /*grid-template-rows: 3fr 1fr 3fr 1fr 3fr;*/
    grid-template-rows: 1fr 1fr;
	flex-direction: column;
	justify-items: stretch;
	align-items: stretch;

	position: absolute;
	/*position: relative;*/
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	margin: auto;
	border-radius: 5vw;

	padding: 36px;

	border-width: 1vw;
	border-style: ridge;

	background-color: white;
	color: black;
	font-size: 60vh;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 800;

	width: 60%;
	height: 70%;
	z-index: 1001;
	overflow: hidden;
}

/*
.new_turn_container > div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	overflow: hidden;
}
*/

.new_turn_container .new_turn, .new_turn_container .new_window, .new_turn_container .visitor_id {
/*
	display: flex;
	flex-direction: column;
	justify-content: center;

	vertical-align: middle;
	text-align: center;
	*/
/*width: 90%;*//*


	overflow: hidden;
*/
	/*white-space: nowrap;*/
	white-space: normal;
	word-break: break-word;

	font-family: 'Ubuntu', sans-serif;
	font-weight: 900;
	/*font-size: 12vw;*/

	/*color: black;*/
	/*text-shadow: 1px 1px 10px black, 0 0 25px blue, 0 0 25px darkblue;*/

	box-shadow: 0 0 0 #000;
	transform: translate3d(0,0,0);
}

.load_progress_container {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 5vh;

	visibility: hidden;
}

.load_progress_container p {
	font-family: 'Roboto', sans-serif;
	font-size: 2.5vw;
	margin: 0;
}

@keyframes glow {
	to {
		text-shadow: 0 0 20px blue;
	}
}

.load_progress {
	width: 300px;
	height: 8px;
	/*margin: 0 auto;*/
}

.fullscreen {
	position: fixed;
	top: 0;
	left: 0;
	width: 32px;
	height: 32px;
	background-image: url('../img/fullscreen_icon.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin: 5px;
	z-index: 999;
	cursor: pointer;
}

/*
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 0em 3em;
	padding: 0;
}

hr.short {
	margin: 0em 5em;
}
*/

.vl {
	border-left: 1px solid #ccc;
	/*height: 100%;*/
	margin: 2em 1vw;
}

.logout {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 80px;
	height: 80px;
	background-image: url('../img/logo_only.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin: 5px;
	z-index: 999;
	cursor: pointer;
}

#qrcode {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 128px;
	height: 128px;
}

.main {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.main_column {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	width: 100%;
	height: 100%;
}

/************************ Marquee ***********************/
/*.marquee {
	flex: 0 0 5.5vh;
	font-size: 4vh;
	border-width: 3px 0 0 0;
	border-style: groove;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;

	overflow: hidden;
}*/
.marquee {
	flex: 0 0 5.5vh;
	font-size: 4vh;
	border-width: 3px 0 0 0;
	border-style: groove;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;

	overflow: hidden;
}

.marquee div {
	display: flex;
	align-items: center;
	/*display: block;*/
	/*width: 200%;*/
	height: 5.5vh;

	position: absolute;
	overflow: hidden;

	animation: marquee-animation 30s linear infinite;

}

.marquee span {
	float: left;
	/*width: 50%;*/


	margin-left: 100vw;
	margin-right: 100vw;
	white-space: nowrap;
	overflow: hidden;
}

/*
@keyframes marquee-animation {
  0% { left: 0; }
  100% { left: -100%; }
}
*/
@keyframes marquee-animation {
	0% { left: 0; }
	100% { left: -4832px; }
}

.paused {
	-webkit-animation-play-state: paused !important;
	-moz-animation-play-state: paused !important;
	-o-animation-play-state: paused !important;
	animation-play-state: paused !important;
}

/************************ /Marquee ***********************/

.left {
	flex: 0 0 20%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	height: 100%;
	overflow: hidden;
	font-family: 'Roboto', sans-serif;
}

.center {
	display: -webkit-box;  /* Safari 3.1 - 6, Chrome < 21 (2009 Spec), UC Browser Android */
	display: -moz-box;     /* Firefox 2 - 27 (2009 Spec), UC Mini */
	display: -ms-flexbox;  /* IE10 (2012 Syntax) */
	display: -webkit-flex; /* Safari 6.1 - 8, Android < 4.4, BB < 10, Chrome 21 - 28 */
	display: flex;

	-webkit-box-orient: vertical;
	flex-direction: column;
	align-items: stretch;
	
	flex: 1 1 50%;
	min-width: 0;
}

.right {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	height: 100%;
	flex: 0 0 30%;

	font-family: 'Roboto', sans-serif;
}

/*
.right.with_1_columns {
	flex: 0 0 30%;
}

.right.with_2_columns {
	flex: 0 0 45%;
}

.right.with_3_columns {
	flex: 0 0 60%;
}

.right.with_4_columns {
	flex: 0 0 75%;
}
*/

.is_single .right.contains_turn_view {
	flex: 0 0 45%;
}

.clock {
	/*display: flex;*/
	align-items: center;
/*
	padding-left: 30px;
	padding-right: 30px;
*/
/*
	font-size: 32px;
	font-weight: 800;
*/
/*
	flex: 0 0 60px;
*/
	justify-content: center;
/*
	margin: 10px;
	border-radius: 10px;
*/
}

/*#player {
	overflow: hidden;
	flex: 1 1 80%;
	border-bottom-right-radius: 3vw;
}*/

/*
video {
	width: 100%;
	height: 100%;
	background-color: black;
}
*/

.bottom {
	display: grid;
	align-content: stretch;
	flex: 0 1 20%;
	min-height: 0;
}

.per_turn_view {
    display: flex;
    flex-direction: column;

	/*position: absolute;*/
	position: relative;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
	overflow: hidden;
}

.per_window_views {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	align-content: stretch;

	/*position: absolute;*/
	position: relative;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
	overflow: hidden;
}

.per_window_view {
	display: flex;
	flex-direction: column;

	flex: 1 1 0;
	overflow: hidden;
}

.per_window_view:nth-child(n+2) {
	border-left: solid white 1px;
}

/*
.turnBig,.windowBig {
	font-family: 'Ubuntu', sans-serif;
	*/
/*border: 10px solid transparent;*//*

	border: 1.4vh solid transparent;
}
*/

/*
.per_turn_header {
	display: flex;
	flex-direction: column;
}
*/

.title_header {
	display: grid;

	font-size: 5vh;
	text-align: center;
	font-weight: 800;
}

.left .title_header {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto;

	flex: 0 0 auto;

/*
	justify-content:center;
	align-content:center;
	flex-direction:column;
*/

}

.title_header div {
    margin: 8px;
    min-width: 0;
    overflow: hidden;
}

.per_turn_view .title_header,
.per_window_view .title_header {

    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr auto;

	align-items: center;

	order: -2;
}

.per_turn_view .title_header hr,
.per_window_view .title_header hr {
    grid-column: 1 / span 2;
}

.is_single .per_turn_view .title_header {
	display: none;
}

/*
.window_view_header {
	display: flex;
	border-bottom: solid 2px;
}
*/

.per_turn_view .window_view_header {
	order: -2;
}

.callLabelsOnRow .right .title_header,
.callLabelsOnTicketOnly .right .title_header,
.callLabelsOnWindowOnly .right .title_header,
.callLabelsHide .right .title_header{
	display: none;
}

hr.big {
	border: 0;
	margin: 0;
	height: 3px;
	background: #333;
	background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

hr.short {
	border: 0;
	margin: 0;
	height: 1px;
	background: #333;
	background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

.window_view_header .turn_label {
	flex: 1;
	text-align: center;
	padding-right: 1.5vh;
	font-weight: 700;
	border-right: solid 1px;
}

.window_view_header .window_label {
	flex: 1;
	text-align: center;
	padding-left: 1.5vh;
	font-weight: 700;
	border-left: solid 1px;
}

.row_cell {
	display: flex;
	flex: 1 0 0;

	flex-direction: column;
	align-self: stretch;

	align-items: center;
	justify-content: center;

	text-align: center;
/*
	margin-left: auto;
	margin-right: auto;

*/
	margin-left: 10px;
	margin-right: 10px;

	/*padding: 0 20px 0 20px;*/
	padding: 0 2vw 0 2vw;

	font-weight: 800;

	min-width: 0;
	overflow: hidden;
}

.info_cell {
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: 1fr 3fr;

	justify-content: stretch;
	align-items: stretch;


	text-align: center;

	overflow: hidden;

}

.per_turn_view .turn_row .info_cell,
.per_window_view .turn_row .info_cell {
	grid-template-rows: 1fr 3fr 0px 0px;
}

.call_lists .turn_cell.info_cell {
	margin-left: .1em;
}

.call_lists .turn_cell.info_cell.ignoredCall {
	color: transparent !important;
}

.call_lists .window_cell.info_cell {
	margin-right: .1em;
}

.right .turn_row .info_cell {
	margin-top: 4px;
	margin-bottom: 4px;
}

.per_turn_view .turn_row:first-child .info_cell {
	margin-left: .1em;
	margin-right: .1em;
	margin-top: 0;
	margin-bottom: 0;
}

.title_cell {
	display: flex;
	flex-direction: column;
	justify-content: center;

	font-size: .6em;
	color: lightgray;

	text-align: center;
	margin-top: 8px;
	/*margin-bottom: -40px;*/
}

.new_turn_container  .title_cell {
	overflow: hidden;
	padding: .1em;
	font-size: 25vh;
}

.noTicketLabel .new_turn_container .turn_label {
	display: none;
}

.noWindowLabel .new_turn_container .window_label {
	display: none;
}


.info_cell .turn_label,
.info_cell .window_label {
	font-size: 3vh;
	/*flex: 0 0 3vw;*/
	font-weight: 700;
}

.window_cell {
	/*text-align: center;*/

	/*font-size: 14vh;*/

/*
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: stretch;

	overflow: hidden;
*/
}

.info_cell > div {
	min-width: 0;
	min-height: 0;
	overflow: hidden;
}


/*
.per_window_view .turn_label, .per_window_view .window_label {
	font-size: 4vh;
}
*/

.turn_number,.window {
	flex: 0 0 100px;
}

.remain {
	flex: 0 0 350px;
	overflow: hidden;
	/*
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
	*/
}

hr.left {
	flex: 0 0 auto;
}

.visitors_list {
	flex: 0 1 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.visitor_row {
	display: grid;

	grid-template-rows: 1fr 2fr;

	align-items: stretch;

    height: 14vh;
	/*max-height: 18vh;*/

	text-align: center;
	color: white;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 800;
	/*margin: .25vh 0 .25vh 0;*/
	margin: 0;
	/*border: 1.4vh solid transparent;*/

	padding-bottom: .4em;

	/*border: solid red 5px;*/
	border-radius: 10px;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;

	/*
	min-height: 8vh;
	max-height: 38vh;
*/
}

.visitor_title {
	flex: 0 0 4vh;
	/*height: 30px;*/

	padding: .25em;
/*
	padding-left: 5px;
	padding-right: 5px;
*/

	/*display: flex;*/
	justify-content: center;
	align-content:center;
	flex-direction:column; /* column | row */

	text-align: center;
	font-size: 3vh;

	border-top-left-radius: 5px;
	border-top-right-radius: 5px;

	overflow: hidden;
}

.visitor_inner {
	/*flex: 1 0 72px;*/
	/*flex: 1 0;*/
	margin-left: 10px;
	margin-right: 10px;

	min-height: 8vh;

	font-size: 7vh;

	display: flex;
	justify-content: center;
	align-content:center;
	flex-direction:column; /* column | row */

	overflow: hidden;

	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.visitor_no_title {
	top: 0;
}

/*
.visitor_inner .visitor_id {
	flex: 1;
	*/
/*max-height: 80px;*//*

	*/
/*max-height: 2rem;*//*

}
*/

.visitor_inner .visitor_ticket {
	flex: 1;
	/*max-height: 80px;*/
	/*max-height: 2rem;*/
}

div.printedTicket {
	background-image: url(../img/ic_ticket.svg);
	width: 1em;
	height: 1em;
	margin-right: .25em;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	vertical-align: text-bottom;
}

span.printedTicket {
	margin-right: .25em;
	font-family: 'ezturns_symbols';
	font-size: .8em;
	vertical-align: middle;
	font-weight: normal;
	filter: brightness(1.2);
}

/*
.turn_row_flex {
	display: flex;
	flex-direction: row;
	justify-content: space-between;*/
/*center;*//*

	align-items: stretch;

	text-align: center;
	color: white;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 800;
	margin: .25vh 0 .25vh 0;
	padding: .1em;
}
*/

.turn_row {
	display: grid;
	grid-template-columns: 1fr .5em 1fr 0px;
	grid-template-rows: auto;
	justify-items: stretch;
	align-items: stretch;

	text-align: center;
	color: white;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 800;

	padding: 0;
}

.turn_field {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: stretch;

	font-size: 2em;

	flex: 1;

	white-space: normal;
	/*overflow: hidden;*/
}

.id_field {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: stretch;

	font-size: 2em;

	flex: 1;

	white-space: normal;
	/*overflow: hidden;*/
}

.turn_arrow_field {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 0;
	font-family: 'ezturns_symbols';
	/*font-size: 3.5vw;*/
	/*font-size: 7vh;*/
	font-size: .5em;
	font-weight: bold;
	padding-top: .25em;
}

.turn_arrow_field span {

}

.window_field {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 1;

	font-size: 2em;

	padding-right: 5px;
	padding-left: 5px;
	/*text-align: left;*/

	/* One line */
	/*white-space: nowrap;*/

	/*overflow: hidden;*/
}

.window_field span,
.turn_field span {
	display: block;
	min-height: 0;
}

/*
.per_turn_view .turn_row_flex:first-child {
	flex-direction: column;
	padding: 0;
	padding-top: .1em;
}
*/

.per_turn_view .turn_row:first-child {
    order: -3;

	grid-template-rows: 1fr 0px 1fr auto;
	grid-template-columns: auto;

	height: 33vh;
}

.is_single .per_turn_view .turn_row:first-child {
	grid-template-rows: 1fr 0px 0px auto;
	grid-template-columns: auto;

	height: 33vh;

/*
	padding: 0;
	padding-top: .1em;
*/
}

.is_single .per_turn_view .turn_row:not(:first-child) {
	grid-template-columns: 1fr 0px 0px 0px;
}

.is_single .per_turn_view .turn_field {
	text-align: center;
}

.is_single .per_turn_view .turn_arrow_field {
	display: none;
}

.is_single .per_turn_view .window_cell {
	display: none;
}

.onlyWindows .per_turn_view .window_cell {
	display: grid;
}

.hideForwardedVisitors .per_turn_view .turn_row[data-forwarded-to] {
	display: none;
}

.hideForwardedVisitors .per_turn_view .turn_row[data-forwarded-to]:first-child {
	display: grid;
	color: transparent;
}

.is_single .per_turn_view .window_view_header,
.is_single .per_turn_view .window_view_header + hr.big {
    display: none;
}

.per_turn_view .turn_row:first-child .turn_arrow_field {
	visibility: hidden;
}

.per_turn_view .turn_row:first-child .turn_field {
	justify-content: center;
	/*text-align: center;*/
	/*font-size: 2em;*/

	/*flex: 1 1 15vh;*/

	/*max-height: 35vh;*/

}

.per_turn_view .turn_row:first-child .window_field {
	justify-content: center;
	/*font-size: 10vh;*/
	padding-right: initial;
	padding-left: initial;
}

/*
.per_turn_view .turn_row:not(:first-child) .turn_label_field {
	visibility: hidden;
}

.per_turn_view .turn_row:not(:first-child) .window_label_field {
	visibility: hidden;
}
*/

.per_turn_view .turn_row:not(:first-child) hr.big,
.per_window_view .turn_row hr.big {
	display: none;
}

.is_single .new_turn_container .window_cell {
	display: none;
}

.is_single .new_turn_container .turn_cell {
	display: inherit;
}

.is_single .new_turn_container {
	/*grid-template-rows: 1fr 3fr;*/
	grid-template-rows: 1fr;
}

/**** BEGIN onlyWindows ****/
.onlyWindows .call_lists .turn_row:first-child {
	grid-template-rows: 1fr;
}

.onlyWindows .per_turn_view .turn_row .turn_arrow_field,
.onlyWindows .per_window_view .turn_row .turn_arrow_field {
	display: none;
}

.onlyWindows .per_turn_view .turn_row .turn_cell,
.onlyWindows .per_window_view .turn_row .turn_cell {
	display: none;
}

.onlyWindows .per_turn_view .turn_row:not(:first-child),
.onlyWindows .per_window_view .turn_row {
	grid-template-columns: 1fr;
}

.onlyWindows .per_turn_view .turn_row:not(:first-child) .window_cell.info_cell,
.onlyWindows .per_window_view .turn_row .window_cell.info_cell {
     margin-right: 0;
}

.onlyWindows .new_turn_container .turn_cell {
	display: none;
}

.onlyWindows .new_turn_container .window_cell {
	display: inherit;
}

.onlyWindows .new_turn_container {
	/*grid-template-rows: 1fr 3fr;*/
	grid-template-rows: 1fr;
}
/**** END onlyWindows ****/

.per_window_view .turn_field {
	display: flex;
	align-items: stretch;
	justify-content: center;
}

.per_window_view .window_field {
	display: flex;
	align-items: stretch;
	justify-content: center;
	/*justify-content: flex-start;*/
}

/* Titulos al comienzo de la lista */
/*.callLabelsOnTop .per_window_view .info_cell,
.callLabelsOnTop .per_turn_view .turn_row:not(:first-child) .info_cell {
	grid-template-rows: 0px 3fr;
}*/

.callLabelsOnTop .per_window_view .info_cell,
.callLabelsOnTop .per_turn_view .turn_row:not(:first-child) .info_cell {
	grid-template-rows: 0px 3fr 0px 0px;
}

/* Mostrar los titulos en el turno si hay un id de visitante */
/*.callLabelsOnTop .per_window_view .turn_row[data-visitor-id] .turn_cell,
.callLabelsOnTop .per_turn_view .turn_row[data-visitor-id] .turn_cell {
	grid-template-rows: 1fr 3fr;
}*/

.callLabelsOnTop .per_window_view .turn_row[data-visitor-id] .turn_cell,
.callLabelsOnTop .per_turn_view .turn_row[data-visitor-id] .turn_cell {
	grid-template-rows: 1fr 3fr 1fr 3fr;
}

.callLabelsOnTop .per_window_view .info_cell .title_cell,
.callLabelsOnTop .per_turn_view .turn_row:not(:first-child) .info_cell .title_cell {
	visibility: hidden;
}

/* Mostrar los titulos en el turno si hay un id de visitante */
.callLabelsOnTop .per_window_view .turn_row[data-visitor-id] .turn_cell .title_cell,
.callLabelsOnTop .per_turn_view .turn_row[data-visitor-id] .turn_cell .title_cell {
	visibility: visible;
}

/* Default para los titulos de servicios con registracion */
.per_window_view .turn_row[data-visitor-id] .turn_cell,
.per_turn_view .turn_row[data-visitor-id] .turn_cell {
	grid-template-rows: 1fr 3fr;
}

.per_window_view .turn_row[data-visitor-id] .turn_cell .title_cell,
.per_turn_view .turn_row[data-visitor-id] .turn_cell .title_cell {
	visibility: visible;
}

/* Titulos en todas las filas */
.callLabelsOnRow .per_window_view .turn_row .info_cell,
.callLabelsOnRow .per_turn_view .turn_row .info_cell {
	grid-template-rows: 1fr 3fr;
}

.callLabelsOnRow .per_window_view .turn_row .info_cell .title_cell,
.callLabelsOnRow .per_turn_view .turn_row .info_cell .title_cell {
	visibility: visible;
}

/* Sólo titulos sobre los tickets */
.callLabelsOnTicketOnly .per_window_view .turn_row .turn_cell,
.callLabelsOnTicketOnly .per_turn_view .turn_row .turn_cell {
	grid-template-rows: 1fr 3fr;
}

.callLabelsOnTicketOnly .per_window_view .turn_row .turn_cell .title_cell,
.callLabelsOnTicketOnly .per_turn_view .turn_row .turn_cell .title_cell {
	visibility: visible;
}

.callLabelsOnTicketOnly .per_window_view .turn_row .window_cell,
.callLabelsOnTicketOnly .per_turn_view .turn_row:not(:first-child) .window_cell {
	grid-template-rows: 0px 3fr;
}

.callLabelsOnTicketOnly .per_window_view .turn_row .window_cell .title_cell,
.callLabelsOnTicketOnly .per_turn_view .turn_row:not(:first-child) .window_cell .title_cell {
	visibility: hidden;
}

/* Solo titulos sobre las ventanas */
.callLabelsOnWindowOnly .per_window_view .turn_row .turn_cell,
.callLabelsOnWindowOnly .per_turn_view .turn_row:not(:first-child) .turn_cell {
	grid-template-rows: 0px 3fr;
}

.callLabelsOnWindowOnly .per_window_view .turn_row .turn_cell .title_cell,
.callLabelsOnWindowOnly .per_turn_view .turn_row:not(:first-child) .turn_cell .title_cell {
	visibility: hidden;
}

.callLabelsOnWindowOnly .per_window_view .turn_row .window_cell,
.callLabelsOnWindowOnly .per_turn_view .turn_row:not(:first-child) .window_cell {
	grid-template-rows: 1fr 3fr;
}

.callLabelsOnWindowOnly .per_window_view .turn_row .window_cell .title_cell,
.callLabelsOnWindowOnly .per_turn_view .turn_row:not(:first-child) .window_cell .title_cell {
	visibility: visible;
}

/* Ocultar titulos */
.callLabelsHide .per_window_view .turn_row .info_cell,
.callLabelsHide .per_turn_view .turn_row:not(:first-child) .info_cell {
	grid-template-rows: 0px 3fr;
}

.callLabelsHide .per_window_view .turn_row .info_cell .title_cell,
.callLabelsHide .per_turn_view .turn_row:not(:first-child) .info_cell .title_cell {
	visibility: hidden;
}

/*
.per_window_view .turn_row .info_cell.noTitle,
.per_turn_view .turn_row .info_cell.noTitle {
*/
.noTicketLabel .per_window_view .turn_row .turn_cell,
.noTicketLabel .per_turn_view .turn_row .turn_cell,
.noWindowLabel .per_window_view .turn_row .window_cell,
.noWindowLabel .per_turn_view .turn_row .window_cell,
.noTicketLabel .new_turn_container .turn_cell,
.noWindowLabel .new_turn_container .window_cell {
	grid-template-rows: 0px 1fr;
}

/*
.per_window_view .turn_row .info_cell.noTitle .title_cell,
.per_turn_view .turn_row .info_cell.noTitle .title_cell {
*/
.noTicketLabel .per_window_view .turn_row .turn_cell .title_cell,
.noTicketLabel .per_turn_view .turn_row .turn_cell .title_cell,
.noWindowLabel .per_window_view .turn_row .window_cell .title_cell,
.noWindowLabel .per_turn_view .turn_row .window_cell .title_cell,
.noTicketLabel .new_turn_container .turn_cell .title_cell,
.noWindowLabel .new_turn_container .window_cell .title_cell {
	visibility: hidden;
}


.right .turn_row .window_label_field span {
	min-height: 0;
}

/*
.per_turn_view .turn_row:not(:first-child) .window_label_field {
	display: none;
}
*/

.gradient_back {
	background: #606c88; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #606c88 0%, #3f4c6b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #606c88 0%,#3f4c6b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #606c88 0%,#3f4c6b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


.gradient_back_left {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3f4c6b+0,606c88+50 */
	background: #3f4c6b; /* Old browsers */
	background: -moz-linear-gradient(right, #3f4c6b 0%, #606c88 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(right, #3f4c6b 0%,#606c88 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to left, #3f4c6b 0%,#606c88 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#606c88',GradientType=1 ); /* IE6-9 */
}

.gradient_back_right {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3f4c6b+0,606c88+50 */
	background: #3f4c6b; /* Old browsers */
	background: -moz-linear-gradient(left, #3f4c6b 0%, #606c88 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #3f4c6b 0%,#606c88 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #3f4c6b 0%,#606c88 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#606c88',GradientType=1 ); /* IE6-9 */
}

.fit-dirty {
	color: transparent;
}

@keyframes blinking {
  0% {
	/*text-shadow: 10px 10px 30px black, -10px 10px 30px black, 0px -10px 30px black;*/
	color: white;
	border: 1.4vh solid white;
	background-color: black;
  }
  50% {
	/*text-shadow: 10px 10px 30px red, -10px 10px 30px red, 0px -10px 30px red;*/
	color: yellow;
	border: 1.4vh solid transparent;
	background-color: darkgray;
  }
}

.animated {
	animation-name: color_change;
	animation-duration: .5s;
	animation-iteration-count: infinite;
/*
	animation-direction: alternate;
*/
	animation-timing-function: step-end;
}

@keyframes color_change {
/*
	from { background-color: darkslateblue; }
	to { background-color: lightblue; }
*/
  0% {
	/*text-shadow: 10px 10px 30px black, -10px 10px 30px black, 0px -10px 30px black;*/
	/*background-color: darkslateblue;*/
	/*border: 10px solid white;*/
	border-color: white;
  }
  50% {
	/*text-shadow: 10px 10px 30px red, -10px 10px 30px red, 0px -10px 30px red;*/
	/*background-color: lightblue;*/
	/*border: 10px solid transparent;*/
	border-color: transparent;
  }
}

/*
.weather {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	text-align: center;

	font: 13px 'Open Sans', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
*/

.weather {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;

	font: 13px 'Open Sans', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;

	min-height: 0;
}

.weather i {
	/*font-family: weather;*/
	font-size: 1em;
	/*font-size: 3vw;*/
	font-weight: normal;
	font-style: normal;
	line-height: 1.0;
	text-transform: none;
}

.weather h2 {
	margin: 0 0 8px;
	font-size: 5vw;
	/*font-weight: 600;*/
	text-align: center;
}

.weather ul {
	margin: 0;
	padding: 0;
}

.weather li {
  background: #fff;
  background: rgba(255,255,255,0.90);
  padding: 20px;
  display: inline-block;
  border-radius: 5px;
}

.weather .currently {
  margin: 0 20px;
}

.weather_state {
	font-size: 3vw;
	white-space: nowrap;
	overflow: hidden;
	font-weight: 500;
}

.weather_state .icon {
	display: inline-block;
	font-size: 1em;
	margin: .3em;
	vertical-align: middle;
}

.weather_state .temperature {
	display: inline-block;
	font-size: 1em;
	/*margin: 10px;*/
	vertical-align: middle;
}

.wind_state {
	font-size: 3vw;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
}

.time_state {
	font-size: 2vw;
	font-weight: 500;
}

.wind_icon {
	display: inline-block;
	font-family: 'ezturns_symbols';
	font-size: 1em;
	font-weight: initial;
	/*width: 6vw;*/
	/*margin: auto 1vw auto 0px;*/
	margin: .3em;
	vertical-align: middle;
}

.wind_speed {
	display: inline-block;
	vertical-align: middle;
}

.icon-0:before { content: ":"; }
.icon-1:before { content: "p"; }
.icon-2:before { content: "S"; }
.icon-3:before { content: "Q"; }
.icon-4:before { content: "S"; }
.icon-5:before { content: "W"; }
.icon-6:before { content: "W"; }
.icon-7:before { content: "W"; }
.icon-8:before { content: "W"; }
.icon-9:before { content: "I"; }
.icon-10:before { content: "W"; }
.icon-11:before { content: "I"; }
.icon-12:before { content: "I"; }
.icon-13:before { content: "I"; }
.icon-14:before { content: "I"; }
.icon-15:before { content: "W"; }
.icon-16:before { content: "I"; }
.icon-17:before { content: "W"; }
.icon-18:before { content: "U"; }
.icon-19:before { content: "Z"; }
.icon-20:before { content: "Z"; }
.icon-21:before { content: "Z"; }
.icon-22:before { content: "Z"; }
.icon-23:before { content: "Z"; }
.icon-24:before { content: "E"; }
.icon-25:before { content: "E"; }
.icon-26:before { content: "3"; }
.icon-27:before { content: "a"; }
.icon-28:before { content: "A"; }
.icon-29:before { content: "a"; }
.icon-30:before { content: "A"; }
.icon-31:before { content: "6"; }
.icon-32:before { content: "1"; }
.icon-33:before { content: "6"; }
.icon-34:before { content: "1"; }
.icon-35:before { content: "W"; }
.icon-36:before { content: "1"; }
.icon-37:before { content: "S"; }
.icon-38:before { content: "S"; }
.icon-39:before { content: "S"; }
.icon-40:before { content: "M"; }
.icon-41:before { content: "W"; }
.icon-42:before { content: "I"; }
.icon-43:before { content: "W"; }
.icon-44:before { content: "a"; }
.icon-45:before { content: "S"; }
.icon-46:before { content: "U"; }
.icon-47:before { content: "S"; }

@keyframes heartbeat {
  0% {
	transform: scale( .75 );
  }
  50% {
	transform: scale( 1 );
  }
  100% {
	transform: scale( .75 );
  }
}

/****************************** pure-material-progress-circular ********************************************* **/
.pure-material-progress-circular {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    border: none;
    border-radius: 50%;
    padding: 0.25em;
    width: 80px;
    height: 80px;
    color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    background-color: transparent;
    font-size: 35px;
    overflow: hidden;
}

.pure-material-progress-circular::-webkit-progress-bar {
    background-color: transparent;
}

/* Indeterminate */
.pure-material-progress-circular:indeterminate {
    -webkit-mask-image: linear-gradient(transparent 50%, black 50%), linear-gradient(to right, transparent 50%, black 50%);
    mask-image: linear-gradient(transparent 50%, black 50%), linear-gradient(to right, transparent 50%, black 50%);
    animation: pure-material-progress-circular 6s infinite cubic-bezier(0.3, 0.6, 1, 1);
}

:-ms-lang(x), .pure-material-progress-circular:indeterminate {
    animation: none;
}

.pure-material-progress-circular:indeterminate::before,
.pure-material-progress-circular:indeterminate::-webkit-progress-value {
    content: "";
    display: block;
    box-sizing: border-box;
    margin-bottom: 0.25em;
    border: solid 0.20em transparent;
    border-top-color: currentColor;
    border-radius: 50%;
    width: 100% !important;
    height: 100%;
    background-color: transparent;
    animation: pure-material-progress-circular-pseudo 0.75s infinite linear alternate;
}

.pure-material-progress-circular:indeterminate::-moz-progress-bar {
    box-sizing: border-box;
    border: solid 0.25em transparent;
    border-top-color: currentColor;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    background-color: transparent;
    animation: pure-material-progress-circular-pseudo 0.75s infinite linear alternate;
}

.pure-material-progress-circular:indeterminate::-ms-fill {
    animation-name: -ms-ring;
}

@keyframes pure-material-progress-circular {
    0% {
        transform: rotate(0deg);
    }
    12.5% {
        transform: rotate(180deg);
        animation-timing-function: linear;
    }
    25% {
        transform: rotate(630deg);
    }
    37.5% {
        transform: rotate(810deg);
        animation-timing-function: linear;
    }
    50% {
        transform: rotate(1260deg);
    }
    62.5% {
        transform: rotate(1440deg);
        animation-timing-function: linear;
    }
    75% {
        transform: rotate(1890deg);
    }
    87.5% {
        transform: rotate(2070deg);
        animation-timing-function: linear;
    }
    100% {
        transform: rotate(2520deg);
    }
}

@keyframes pure-material-progress-circular-pseudo {
    0% {
        transform: rotate(-30deg);
    }
    29.4% {
        border-left-color: transparent;
    }
    29.41% {
        border-left-color: currentColor;
    }
    64.7% {
        border-bottom-color: transparent;
    }
    64.71% {
        border-bottom-color: currentColor;
    }
    100% {
        border-left-color: currentColor;
        border-bottom-color: currentColor;
        transform: rotate(225deg);
    }
}
/****************************** pure-material-progress-circular ********************************************* **/