@font-face {
  font-family: 'Szoccer';
  src: url('/fonts/Szoccer.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
html {
overflow: hidden;
width: 100%;
}
body {
height: 100%;
width:100%;
position: fixed;
#overflow-y: scroll;
#-webkit-overflow-scrolling: touch;
	font-family: 'Lato',calibri,'DejaVu Sans',Ar7ial;
	/*font-family: 'Szoccer','Lato',calibri,'DejaVu Sans',Arial;*/
	font-size: 1em;
	padding:0px;
	margin:0px;

}
@keyframes spinner {
  to {transform: rotate(360deg);}
}
 
.spinner:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border-top: 2px solid #888;
  border-right: 2px solid transparent;
  animation: spinner .6s linear infinite;
}

div:-webkit-full-screen {
    width: 100% !important;
}
div:-moz-full-screen {
    width: 100% !important;
}
div:-ms-fullscreen {
    width: 100% !important;
}
div:fullscreen {
    width: 100% !important;
}

/* While in fullscreen, hide any children with class 'tohide' */
:-webkit-full-screen .tohide {
    display: none;
}
:-moz-full-screen .tohide {
    display: none;
}
:-ms-fullscreen .tohide {
    display: none;
}
:fullscreen .tohide {
    display: none;
}
input, select
{
	width:calc(100% - 10px);
	padding:5px;
}
.sender {
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	background-color:#007dc1;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:1em;
	padding:9px 29px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;

}
.sender:hover {
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	background-color:#0061a7;
}
.sender:active {
	position:relative;
	top:1px;
}
.mytable{
	position : relative;
	border-collapse: collapse;
	width:100%;
}
.mytable tr:nth-child(even)
{
	background-color: rgba(0,0,90,0.15);
}
.mytable tr:nth-child(odd)
{
	background-color: rgba(0,0,90,0.035);
}
.mytable th
{
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	background-color:#007dc1;
	border-radius:3px;
	border:1px solid #124d77;
	color:#ffffff;
	font-size:1em;
	padding:4px 6px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
	position: sticky;
	top: 0;
}


.mytable tr:hover
{
	background-color:rgba(0,0,90,0.2);
}
.mybtm
{
	position: sticky;
	bottom: 20px;
	#border:1px solid;
}
.mybtm td
{
	padding-top:20px;
	padding-bottom:20px;
}

#ticketsummen
{
	display:inline-block;
	#position:fixed;
	top:0px;
	bottom:0px;
	padding:5px;
	width:calc(25% - 11px);
	border-right: 1px solid;
	border-color: rgba(0,0,0,0.8);
	height:calc(100% - 10px);

}
#mainlist
{
	padding:5px;
	display:inline-block;
	position:fixed;
	top:0px;
	bottom:0px;
	overflow:auto;
	width:calc(75% - 10px);
	right:0px;
	height:calc(100% - 10px);

}
#overdiv
{
	width:100%;
	top:0px;
	left:0px;
	overflow-y: auto;
}
#ix
{
	transition: 0.1s all;
	width:0px;
	display:inline-block;
	font-size:1.4em;
	font-weight:bold;
	position:relative;
	left:-35px;
	font-family:verdana;
	opacity:0.5;
	top:2px;
	cursor:pointer;
}
#ix:hover
{
	transform: scale(1.4);
	left:-40px;
}

#bluroverlay{
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0px;
	left:0px;
	bottom:0px;
	overflow: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	color:rgba(0,0,0,0.5);
	font-size:2em;
	font-style:italic;
	font-weight:bold;
	background-color: rgba(255,255,255,0.5);
	z-index:10000;
}

.blur{
	/* Add the blur effect */
	filter: blur(4px);
	-webkit-filter: blur(4px);
}
.ticketnummer, .ticketnummer a,.ticketnummer a:visited
{
	font-size:1em;
	font-family: monospace;
	color: #000;
	text-decoration:none;
}

.ticketnummer a:hover
{
	color: #449;
}


#passcontainer{
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0px;
	left:0px;
	bottom:0px;
	overflow: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	color:rgba(0,0,0,0.5);
	font-size:1.6em;
	font-style:italic;
	font-weight:bold;
	background-color: rgba(255,255,255,0.5);
}
.passinput 
{
	font-size:1.6em;
	font-weight:bold;
	padding:10px;
	border: 0px solid;
	border-bottom: 2px solid;
	border-color: rgba(0,0,0,0.5);
}

.heart {
	font-size: 1.6em;
	font-family: verdana;
	font-weight: bold;
	color: #800;
	animation: beat .5s infinite alternate;
	transform-origin: center;
}

/* Heart beat animation */
@keyframes beat{
	to { transform: scale(1.2); }
}