body {
	margin: 0;
	padding: 0;
	font-size:16px;
}
.main-inp {
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
    background-image: url(/images/sq4.png);
    height: 24px;
    border: none;
    letter-spacing: 13.5px;
	padding-left:5px;
	border-left:1px solid gray;
	background-size:auto 24px;
	  line-height: normal !important;
	}


#fireworks{position:absolute;left:30%;top:400px;z-index:20}
#fireworks{position:fixed;left:40%;top:40%;z-index:20;max-width:50%}
#message2 {
	background-color: #3F6FB4!important;
	xxxbackground-color: #3DB39E!important;
    color: white!important;
	position: fixed;
    bottom:5%;
    min-height: 60px;
    border-radius: 7px;
    z-index: 2000;
	max-width: 350px;
	overflow:hidden;
-webkit-overflow-scrolling:touch;
padding: 5px 10px;
}
.close{
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
	opacity:100%
    
}
a.close {text-decoration:none}
button, h1, form {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.sudoku-menu {
	width: 50%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.sudoku-menu button {
	font-size: 24px;
	margin: 10px;
	padding: 5px;
}
input[type='number'] {
    -moz-appearance:textfield;
}

.sudoku-container input::-webkit-outer-spin-button,
.sudoku-container input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.sudoku-container {
	border-collapse:separate;
	border-spacing:2px;
	border: 2px solid #666;
	margin-left: auto;
	margin-right: auto;
}

.sudoku-container td {
	margin: 0; padding: 0; min-width:23px;text-align:center
}
.sudoku-container input {
	width: 20px;
	height: 40px;
	text-align: center;
	font-size: 18px;
	padding: 0;
	border: 1px #ccc solid;
	border:none;
	background: transparent;xborder:1px solid green;
	
}
.sudoku-container input.notes {
	font-size:.7em;
	position: absolute;
	padding-left: 0.1em;
	text-align:left;
	height: 10px;
}

.sudoku-container .sudoku-input-error {
	background: #ffc9d7;
}
.sudoku-container.valid-matrix {
	border: 5px solid #7edb37;
}
.sudoku-section-two {
	border:1px solid #ccc
}
.sudoku-container .sudoku-section-two  input {border:none}
.sudoku-section-one {
	background: #ccc;
}
.blue {color:blue}
@media all and (min-width:330px){
	.sudoku-container input {
		width: 25px;	
		font-size: 20px;
	}
	.sudoku-container input.notes{
	width: 20px;	
		font-size: .6em;
}}
@media all and (min-width:412px){
.sudoku-container input {width: 33px;	
}


	.sudoku-container input.notes{
	width: 40px;
	font-size: .7em;	
	
}
}
@media all and (min-width:768px){
	#message2{
		bottom:auto;
}
.sudoku-container input {width: 40px;	
}

}
}