@font-face
{
    font-family: 'Corsiva';
    src: url('mtcorsva.ttf');
}

body {
    font-size: 5mm;
	font-family: Tahoma, Verdana, Segoe, "Arial Narrow", Arial, sans-serif;
}

@page {
	size: A4;
	margin: 0;
	padding: 0;
	width: 296mm;
	height: 400mm;
}

@media screen {
    body {
        /*width: 100%;*/
        /*height: 100%;*/
        margin: auto;
        padding: 0;
		margin: auto; 
		width: 296mm;
		height:400mm;
		/*border: 2px solid red;	*/
		/*padding-top: 30mm; */
	}

	.page {
		margin: auto;
		text-align:center;
		border: initial;
		border-radius: initial;
		width: 276mm;
		height: 400mm;
		margin:10mm;
		min-height: initial;
		box-shadow: initial;
		background-position: center top;
		background-image: linear-gradient(to right bottom, #ffffff, #e9f3ff, #bdecff, #7ce7ff, #12e2eb) !important;
		background-size:cover;
		background-repeat: no-repeat;
		/*background-size: 296mm 400mm;*/
		/*border: 2px solid green;*/
		/*page-break-after: always;*/
	}
    
	.header {
		position: relative;    
		text-align:center;
		height:140mm;
		/*top: 10px;
		width: 100%;
		height: 100%;*/
	}
	
	.header span {
		font-size:12mm;
		font-family: 'Corsiva';
		/*color:#a84031;*/
	}
  
	.boddy {
		position: relative;
		height: 220mm;
		/*margin-top:-30mm;*/
		/*margin-top: 200px;*/
		/*width: 100%;
		height: 100%;*/
	}
		
	.footer {
		position: relative;
		height:30mm;
		/*border:1px solid purple;*/
		/*margin-top:-60mm;*/
		/*margin-top:20px;*/
		/*top: 10px;
		width: 100%;
	height: 100%;*/
	}
  
	.footer span {
		font-size:20mm;
		font-weight: bold;
		color:#a84031;
	}
  
	.imagediv {
		display:block;
		float:left;
		margin-top:10mm;
		margin-bottom:10mm;
		height:100mm;
		width:168mm;	
		-webkit-clip-path: polygon(0% 0%, calc(100% - 32mm) 0%, 100% 32mm, 100% 100%, calc(100% - 32mm) 100%, 32mm 100%, 0% calc(100% - 32mm), 0% 32mm);
		clip-path: polygon(0% 0%, calc(100% - 32mm) 0%, 100% 32mm, 100% 100%, calc(100% - 32mm) 100%, 32mm 100%, 0% calc(100% - 32mm), 0% 32mm);	
		/*
			-webkit-clip-path: polygon(0% 0%, calc(100% - 100px) 0%, 100% 10px, 100% 100%, calc(100% - 100px) 100%, 100px 100%, 0% calc(100% - 100px), 0% 100px);
			clip-path: polygon(0% 0%, calc(100% - 100px) 0%, 100% 100px, 100% 100%, calc(100% - 100px) 100%, 100px 100%, 0% calc(100% - 100px), 0% 100px);	
		*/
	}
	
	.image {
		max-width:100%;
		max-height:100%;
	}
  
	.dontprint { 
		display: block; 
		margin-top:0mm; 
		margin-bottom: 0mm; 
		text-align: center; 
	}
}

@media print {
    body {
        /*width: 100%;*/
        /*height: 100%;*/
        margin: 0;
        padding: 0;
		margin: auto; 
		width: 296mm;
		height:400mm;
		/*border: 2px solid red;	*/
		/*padding-top: 30mm; */
	}

	.page {
		margin: auto;
		text-align:center;
		border: initial;
		border-radius: initial;
		width: 276mm;
		height: 400mm;
		margin:10mm;
		min-height: initial;
		box-shadow: initial;
		background-position: center top;
		background-image: linear-gradient(to right bottom, #ffffff, #e9f3ff, #bdecff, #7ce7ff, #12e2eb) !important;
		background-size:cover;
		background-repeat: no-repeat;
		/*background-size: 276mm 400mm;*/
		/*border: 2px solid green;*/
		/*page-break-after: always;*/
	}
    
	.header {
		position: relative;    
		text-align:center;
		height:140mm;
		/*top: 10px;
		width: 100%;
		height: 100%;*/
	}
	
	.header span {
		font-size:10mm;
		font-family: 'Corsiva';
	}
  
	.boddy {
		position: relative;
		height: 220mm;
		/*margin-top:-30mm;*/
		/*margin-top: 200px;*/
		/*width: 100%;
		height: 100%;*/
	}
		
	.footer {
		position: relative;
		height:30mm;
		/*border:1px solid purple;*/
		/*margin-top:-60mm;*/
		/*margin-top:20px;*/
		/*top: 10px;
		width: 100%;
	height: 100%;*/
	}
  
	.footer span {
		font-size:20mm;
		font-weight: bold;
		color:#a84031;
	}
	
	.imagediv {
		display:block;
		float:left;
		margin-top:10mm;
		margin-bottom:10mm;
		height:100mm;
		width:168mm;	
		-webkit-clip-path: polygon(0% 0%, calc(100% - 32mm) 0%, 100% 32mm, 100% 100%, calc(100% - 32mm) 100%, 32mm 100%, 0% calc(100% - 32mm), 0% 32mm);
		clip-path: polygon(0% 0%, calc(100% - 32mm) 0%, 100% 32mm, 100% 100%, calc(100% - 32mm) 100%, 32mm 100%, 0% calc(100% - 32mm), 0% 32mm);	
		/*
			-webkit-clip-path: polygon(0% 0%, calc(100% - 100px) 0%, 100% 10px, 100% 100%, calc(100% - 100px) 100%, 100px 100%, 0% calc(100% - 100px), 0% 100px);
			clip-path: polygon(0% 0%, calc(100% - 100px) 0%, 100% 100px, 100% 100%, calc(100% - 100px) 100%, 100px 100%, 0% calc(100% - 100px), 0% 100px);	
		*/
	}
	
	.image {
		max-width:100%;
		max-height:100%;
	}
	
	.dontprint { display: none; margin-top:-64mm; }
}




.xclass {
	/*border: 1mm solid #a84031;
	border-radius: 1mm;*/
	height: 18mm;
	width: 22mm;
	float:left;
	margin:0.5mm;
   background-image: url("../images/pigeon.png");
background-size:100% 100%;
}

.xpigeon {
	padding-top:2mm;
	margin-left:-3.5mm;
	color: #c84031;
}














/*
html, body {
  background: #e5e5e5;
  font-family: sans-serif;
}*/

.month {
  width: 65mm;
  padding: 0mm;
  /*background: #fff;*/
  position: relative;
  overflow: hidden;
  float: left;
  margin: 2mm;
  height: 70mm;
}

.month h3 {
  text-align: center;
  margin: -5mm -5mm 7mm -5mm;
  padding-top: 5mm;
  padding-bottom: 1mm;
  /*background: #a84031;*/
  /*color: #fff;*/
}

.day, .dow, .dummy-day {
  display: inline-block;
  width: 12.7864%;
  float: left;
  text-align: center;
  margin-right: 1.5%;
}

.dow {
  font-weight: bold;
  margin-bottom: 4mm;
}

.day {
  color: #333;
  cursor: pointer;
  box-shadow: inset 0 0 0 1px #eee;
}

.day.weekend { color:#a84031; }

.day:hover { background: yellow; }

.day, .dummy-day {
  height: 7mm;
  line-height: 7mm;
  margin-bottom: 1.5%;
  /*background: #fff;*/
}

.dummy-day {
  /*background: #fff;*/
  color: #fff;
}