@import url('https://fonts.googleapis.com/css?family=Damion|Muli:400,600');
/* colours */
:root{
  --primary: #7FFFC7;
  --secondary: #BAFFDC;
  --title: #00810D;
}

/* layout styles */
nav{
  background: var(--primary);
  border-bottom: 5px solid var(--secondary);
}
nav a{
  text-transform: uppercase;
  color: var(--title);
}
nav a span{
  font-weight: bold;
}
nav .sidenav-trigger{
  margin: 0;
}
#bingoarea {
    align-content: center;
    text-align: center;
    margin: 20px 30px;
}
.bground {
	background-color: rgba(74,168,168,0.2);
	font: 15px/24px 'Muli', sans-serif
}
h2 {
    font-family: 'Muli', sans-serif;
    font-weight: 400;
	color: rgb(86,186,186);
    font-size: 35px;
    text-align: center;
    position: relative;
}
p {	
	margin: 5px 7px;
}
input {
	font: 15px/24px 'Muli', sans-serif; 
	color: #333; 
	width: 200px; 
	box-sizing: border-box; 
	letter-spacing: 1px;
	padding: 2px 5px; 
	margin: 5px 7px;
	border: 1px solid rgb(74,168,168); 
	position: relative; 
	background: rgba(255,255,255,0.4);
}
input[type="submit"] {	
	background-color: rgb(86,186,186);
}
input[type="checkbox"] {	
	background-color: rgb(86,186,186);
    padding-left:5px;
    padding-right:5px;
    border-radius:15px;
    border: solid 1px #00F;
    color:#FFF;
    white-space: nowrap;
    overflow:hidden;
    width:20px;
    height:20px;
}
.lappu {	
	display: inline-block;
	margin: 20pt 20pt;
	padding: 50pt;
	float: left;
	page-break-inside:avoid;
	border: 1pt dashed #ccc;
}
.row_0 {
	display: block;
	margin-bottom: -3pt;
}
.row_1 {
	display: block;
	margin-bottom: -3pt;
}
.bingo_nbr {
	display: inline-block;
	padding: 7pt 7pt 3pt 7pt;
	text-align: center;
	font-family: helvetica;
	border: 1pt solid #999;
	font-size: 30pt;
	width: 40pt;
	height: 40pt;
	overflow: hidden;
	margin: 1pt;
	font-weight: 600;
}
.row_0 > .bingo_nbr {
	background-color: #AAA;
	color: #fff;
}
.dirty {
	position: relative;
	top: -78pt;
	padding-left: 10pt;
	font-family: courier;	
	font-style: italic;
	font-size: 40pt;
	height: 0pt;
	font-weight: 600;
}
.firma {
	position: relative;
	top: -45pt;
	right: -40pt;
	text-align: right;
	padding-left: 10pt;
	font-family: fantasy;	
	font-size: 22pt;
	height: 0pt;
	color: #000;
}
.numero {
	position: relative;
	top: -45pt;
	left: -50pt;
	padding-left: 10pt;
	font-family: verdana;	
	font-size: 18pt;
	height: 0pt;
	color: #000;
}
.kierros {
	position: relative;
	top: -300pt;
    left: 60pt;
	font-family: verdana;	
	font-size: 260pt;
	height: 0pt;
	color: #000;
	opacity: 0.2;
}
.pagebreak {
	display: inline-block;
	width: 100%;	
	page-break-inside:avoid;
	page-break-after:always;
}
.sponsori {
	position: relative;
	top:10pt;
	font-family: courier;
	text-align: center;	
	font-size: 14pt;
	overflow: show;
	height: 0pt;
	color: #333;
}

.bingo_free {
	display: inline-block;
	padding: 7pt 7pt 3pt 7pt;
	text-align: center;
	border: 1pt solid #999;
	font-size: 16pt;
	color: #333;
	width: 40pt;
	height: 40pt;
	overflow: hidden;
	margin: 1pt;
}