/*
	@name PLFR1087
*/
/* Only edit this if you know what you are doing! */
body { margin: 0px; padding: 0px; font-family: 'Avenir Next'; overflow-x:hidden; }

/* Only edit this if you know what you are doing! */
img { position: absolute; display: block; margin: 0px; border: none; padding: 0px; }


border: none;
color: transparent;
text-shadow: 0 0 0 gray;
text-align: center;

&:focus {
    outline: none;
}

#content {
	text-align: center;
}


#confirm_header {
	margin: 0 auto;
	margin-top: 40px;
	font-size: 15pt;
	text-align: center;
	color:#676c76;
	max-width: 400px;
}

#verification_codes {
	margin-top: 30px;
	height: 82px;
	background-color: red;
}


#confirm_button {
	margin-top: 148px;
	display: inline-block;
	background-color: #8DC63F;
	text-align: center;
	font-size: 16pt;
	line-height: 10pt;
	padding-top: 16px;
	padding-bottom: 14px;
	padding-left: 20px;
	padding-right: 20px; 
	text-align: center;
	color:#ffffff;
	border-style: none;
	border-radius: 5px;
	font-family: 'Avenir Next';
}


#table_parent {
	position: absolute;
	margin-top: 30px;
	left: 80px;
	right: 80px;
}


#verification_table {
	width: 100%;
	max-width: 400px;
	position: relative;
	margin: 0 auto;
}


.numbers {
	width: 40px;
	height: 70px;
	font-size: 45px;
	text-align: center;
	color:#676c76;
	border-radius: 5px;
	border-style: solid;
	border-width: 5px;
	border-color: #C8C8C8;
	padding: 0px;
	-webkit-appearance: none;
}

#verification_table tr td {
	width: 25%;
}


/* Handle small-ass screens. */
@media (max-width: 380px) {
    #table_parent {
        left: 40px;
        right: 40px;
	}
	#confirm_header {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media (max-width: 305px) {
    #table_parent {
        left: 20px;
        right: 20px;
	}
	#confirm_header {
        padding-left: 20px;
        padding-right: 20px;
    }
}