@font-face { font-family: 'Andika'; src: url('AndikaNewBasic-R.ttf'); }
@font-face { font-family: 'Andika'; font-weight: bold; src: url('AndikaNewBasic-B.ttf'); }

@media screen {
body {
	font-family: 'Andika'; /* sans-serif; */
	color: #fff;
	text-align: center;
	background: #ebf4e9; /* For browsers that do not support gradients */
	background: -webkit-radial-gradient(circle, #ebf4e9, #b8d9d3, #5db4b4); /* Safari */
	background: -o-radial-gradient(circle, #ebf4e9, #b8d9d3, #5db4b4); /* Opera 11.6 to 12.0 */
	background: -moz-radial-gradient(circle, #ebf4e9, #b8d9d3, #5db4b4); /* Firefox 3.6 to 15 */
	background: radial-gradient(circle, #ebf4e9, #b8d9d3, #5db4b4); /* Standard syntax */
}
}

@media print {
	body {
		font-family: 'Andika'; /* sans-serif; */
		color: #000;
		text-align: center;
		background: #fff; 
		font-size: 8px; /* 8px pleases firefox too (won't print 2 pages when 40 codes)*/
	}
	#logo {
		width: 163px;
		height: 100px;
		text-align: center;
		margin-bottom: 0px;
	}
	.datagrid table td, .datagrid table th{
		padding: 0px 0px;
	}
	
	.datagrid table { 
		margin-top: 0px;
	}
	
	.hideWhenPrint{
		display: none;
	}
}


p , span{
	font-size: 16pt;
}

strong{
	font-size: 16pt;
	text-decoration: none;
}

h1 strong{
	font-size: 24pt;
}

h2{
	margin-bottom: 0px;
	}

.content, .text{
	background-color: #61b5b4;
    border-radius: 25px;
	border: 5px solid #c1e2e3;
	padding: 5px 10px 10px 10px;
	width: 80%;
	/*height: 450px;*/
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	box-shadow: 5px 5px rgba(0, 0, 0, .2);
}

.TextArea_Names{
	font-family: 'Andika', sans-serif;
	padding: 20px 10px 10px 10px;
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	}

.TextArea_Names input[type="text"],
.TextArea_Names input[type="email"],
.TextArea_Names input[type="search"],
.TextArea_Names textarea { 
	font-size: 16pt;
	width: 100%; 
	min-width: 100%; 
	box-sizing: border-box;
	padding: 4px;
	outline: none;
	overflow: hidden; /* Hides scrollbar */
	resize: none;
}


input[type="button"], button[type="button"]{
	display: inline-block;
	border-radius: 4px;
	border: none;
	color: #FFFFFF;
	background-color: #123;
	text-align: center;
	font-size: 22px;
	padding: 10px;
	width: 350px;
	transition: all 0.5s;
	cursor: pointer;
	margin: 20px 5px 10px 5px;
}

@media print {
	button[type="button"], input[type="button"], .overview_buttons { /*.gwd-button-1p79, */
		display: none;
	}
}

.javascript_hint_text{
	font-family: 'Andika';
	font-size: 16px;
	color: #123;
}

.namelist, .checksiteText{
	font-family: 'Andika';
	color: #123;
}

.datagrid table { 
	border-collapse: collapse; 
	text-align: left; 
	width: 100%;
	border: none;
	visibility: hidden;/* is made visible by script */
}
 
.datagrid {
	background: #fff; 
	overflow: hidden; 
	border: 2px solid #61b5b4; 
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px; 
	border-radius: 7px;
	color: #000;
	width: 60%;
	margin-right: auto;
	margin-left: auto;	
	font-family: 'Andika';/*inherit;*/
}

.datagrid table td, .datagrid table th { 
	padding: 2px 2px;
	border: 1px solid #61b5b4;
	text-align: center;
}

.datagrid table thead th {
	background-color:#61b5b4; 
	color:#FFFFFF; 
	font-size: 14px; 
	font-weight: bold; 
	border: none; 
	padding: 1px 1px;
	} 
	
.datagrid table thead th:first-child { 
	border: none; 
}

.datagrid table tbody td { 
	color: #00557F; 
	font-size: 16px;
	/*font-weight: normal; */
	}

.datagrid table tbody .alt td { 
	background: #E1EEf4; 
	color: #00557F; 
}

.datagrid table tbody td:first-child { 
	border-left: none; 
}

.datagrid table tbody tr:last-child td { 
	border-bottom: none; 
}

@media screen{
	
	#listname{
		color: #2A2A2A;
	}
	
	#txtEstimated{
		color: #2A2A2A;
	}
	
	#loadingElement{
		color: #2A2A2A;
	}
	
	#myProgress {
	  width: 60%;
	  background-color: #ddd;
	  border-radius: 7px;
	  margin-right: auto;
	  margin-left: auto;
	  position: relative;
	}
	
	#myBar {
	  width: 0%;
	  height: 30px;
	  background-color: deepskyblue;
	  text-align: center;
	  line-height: 30px;
	  color: white;
	  border-radius: 7px;
	}
	
	#barText
	{
		position: absolute;   
	 	left: 50%;
		color: #2A2A2A;
	}
	
	#dDB0YWxfdjRsaWRfTMO8NXRfSOKCrMOkZMO2cg
	{
		text-align: center;
	}
}

@media print{
	#myProgress{
		display: none;
	}
}

/* index.html */

#username 
{
	display: none;
}

#div_text_mandatory
{
	display: none;
}

#div_text_recommended
{
	display: none;
}

#headline
{
	margin-top: 1%;
	margin-bottom: 15px;
	font-size: 20pt;
	font-weight: bold;
}

/* Overview.html */

.overview_buttons {
	visibility: hidden;
}