@charset "UTF-8";

*{
    margin: 0; padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    background-color: #f0f0f0;
}
a {
    text-decoration: none; color: black;
}

.divNumeros {width: 50%;}
.divNumerosSelect {width: 25%;}

.erro {background-color: #F6CECE;}
.sucesso {background-color: #BCF5A9;}
.aguardando {background-color: #A9E2F3;}
.alerta {background-color: orange;}

/*dispositivos móveis*/
@media (min-width: 320px) and (max-width: 480px) {
    .divNumeros, .divNumerosSelect {width: 98%;}
}
/*iPads, tablets*/
@media (min-width: 481px) and (max-width: 768px) {
	.divNumeros, .divNumerosSelect {width: 98%;}
}
/*telas pequenas, laptops*/
@media (min-width: 769px) and (max-width: 1024px) {
    .divNumeros {width: 57%;}
	.divNumerosSelect {width: 39%;}
}
/*desktops, telas grandes*/
@media (min-width: 1025px) and (max-width: 1200px) {
    .divNumeros {width: 63%;}
	.divNumerosSelect {width: 32%;}
}
/*telas muito grandes, TVs*/
@media (min-width: 1201px) {

}