table {
	-moz-appearance: none;  
    /* firefox browser appearance none  */
	-webkit-appearance: none;
	/* Safari Chrome browser appearance none  */
	align:center;
	text-align:center;
	margin: 0px auto;
}

table td tr { 
	border-spacing: 0;
	border-collapse: collapse;
	align: center;
	valign: middle;
}

.t {
	-webkit-appearance: none;
	border-collapse: collapse;
	background-color: #FFFFFF;
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: none; 
/* 	#666690 solid 2px; */
}

tr.noborder, td.noborder {
	border-top: #FFFFFF solid 0px !important;
	border-right: #FFFFFF solid 0px !important;
	border-left: #FFFFFF solid 0px !important;
	border-bottom: #FFFFFF solid 0px !important;
}


.rightthickborder {
	border-right: #666690 solid 2px;
}

.leftthickborder {
	border-left: #666690 solid 2px;
}

.topthickborder {
	border-top: #666690 solid 2px;
}

.bottomthickborder {
	border-bottom: #666690 solid 2px;
}

.rightborder {
	border-right: #DDDDEE solid 1px;
}

.leftborder {
	border-left: #DDDDEE solid 1px;
}

.topborder {
	border-top: #DDDDEE solid 1px;
}

.bottomborder {
	border-bottom: #DDDDEE solid 1px;
}

.prefilleddigit {
 	-webkit-appearance: none; 
	outline: none;
	border: solid 0 #fff;
	text-align: center;
	margin: 0;	
	font-size: 22px;
	background-color: transparent;
}

/* for blank grid */
.emptycell {
 	-webkit-appearance: none; 
	outline: none;
	border: solid 0 #fff;
	text-align: center;
	margin: 0;	
	font-size: 22px;
	font-family: 'Roboto';
	background-color: transparent;
}

/* for blank grid */
.smallemptycell {
 	-webkit-appearance: none; 
	outline: none;
	border: solid 0 #fff;
	text-align: center;
	margin: 0;	
	font-size: 16px;
	font-family: 'Roboto';
	background-color: transparent;
}
	
/* for blank grid */
.tinyemptycell {
 	-webkit-appearance: none; 
	outline: none;
	border: solid 0 #fff;
	text-align: center;
	margin: 0;	
	font-size: 13px;
	font-family: 'Roboto';
	background-color: transparent;
}	

.unknowndigit {
	-webkit-appearance: none; 
	outline: none;
	border: solid 0 #fff;
	text-align: center;
	margin: 0;	
	font-family: 'Caveat', cursive !important;
	background-color: transparent;	
}

.candidatedigits, .withcandidatevalues {
	-webkit-appearance: none; 
	outline: none;
	border: solid 0 #fff;
	text-align: center;
	margin: 0;	
	color: red;
	font-size: 12px;
	line-height:13px;
	font-family: 'Handlee', cursive !important;
	background-color: transparent;	
	overflow: hidden;
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    resize: none;
}


/* .unknowndigit { */
.unknowndigit {
	color: blue;
}

/* .prefilleddigit { */
.prefilleddigit {
	color: black;
}

@media only screen and (max-width: 700px) {
	.input {
		font-size: 10px;
		vertical-align: middle;
		text-align: center;
		}
}

@media only screen and (min-width: 701px) {
	.input {		
		font-size: 100px !important;
		vertical-align: middle;
		text-align: center;
		
	}
}