.entrada {
	font-size: 16px; width: 98%; color: black; background-color: white; padding: 6px 10px;
	outline:none; text-align: left; border: 0px; margin: 3px;
}
.entrada2 {
	font-size: 16px; color: black; background-color: white; outline:none; padding: 6px 10px;
	border: 0px; margin: 3px;
}

button {
    font-size: 16px; color: var(--cor_text_input); border: 0px; padding: 6px 10px; background: linear-gradient(var(--cor_input_1), var(--cor_input_2)); outline:none; cursor: pointer; margin: 2px;
    -webkit-box-shadow: 0px 1px 4px 0px black;
	   -moz-box-shadow: 0px 1px 4px 0px black;
	        box-shadow: 0px 1px 4px 0px black;

	   -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
            border-radius: 20px;
}
button:hover {
    color: var(--cor_text_hover); background: linear-gradient(var(--cor_prin_1), var(--cor_prin_2)); 
}
button:hover img, .divBotao:hover img {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}


.divBotao {
    padding: 5px 10px; margin: 5px; background: linear-gradient(var(--cor_input_1), var(--cor_input_2)); color: var(--cor_text_input); display: inline-table; font-weight: bold; cursor: pointer;
}
.divBotao:hover {
    color: var(--cor_text_hover); background: linear-gradient(var(--cor_prin_1), var(--cor_prin_2)); 
}

.btnFecharModal {
    background-color: red; position: fixed; right: 5px; top: 5px; 
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.entrada, .entrada2, .botao {
	-webkit-box-shadow: 0px 1px 4px 0px black;
	   -moz-box-shadow: 0px 1px 4px 0px black;
	        box-shadow: 0px 1px 4px 0px black;

	   -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
            border-radius: 20px;
}

#botoesBilhete {
	width: 80mm; background-color: var(--cor_leve); padding: 5px 0px; text-align: center;
}

input, select, textarea {
    padding: 4px 8px;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

    font-family: 'Arial Narrow', 'Calibri', sans-serif;
}

input[type=radio] {
	width: 25px; height: 25px; cursor: pointer; text-align: center; color: white; line-height: 20px; font-weight: bold;
}
input[type=radio]::after {
	width: 25px; height: 25px; border: 2px solid var(--cor_prin_1); box-sizing: border-box; background-color: white; content: attr(value); display: block;
}
input[type=radio]:checked::after {
	background-color: var(--cor_prin_1); color: var(--cor_input_1);
}

.titulosPequenosLeve {
	background-color: var(--cor_leve); text-align: center; color: black; padding: 5px 2px;
    font-size: 18px;
}
.titulosPequenosForte {
    background: linear-gradient(var(--cor_prin_1), var(--cor_prin_2)); text-align: center; color: white;
    font-size: 18px;
}



#bolasSorteio {
    display: inline-table; margin: 3px; padding: 10px 13px; font-size: 30px; color: white;
    border-radius: 50%;
    background: linear-gradient(var(--cor_prin_1), var(--cor_prin_2), var(--cor_prin_1));
}

#bolasSorteio2 {
    display: inline-table; margin: 3px; padding: 6px 8px; font-size: 22px; color: black;
    border-radius: 50%;
    background: linear-gradient(lightgray, gray, lightgray);
}

.voltarTopo {
    position:fixed; right:4px; padding: 5px; display: none; bottom:67px;
}
.btnWhatsApp {
    position:fixed; right:5px; padding: 5px; bottom:22px; background-color: green;
}
.btnWhatsApp:hover {
    background-color: #006200;
}

.vermelho {
    background-color: lightcoral; cursor: no-drop;
}
.verde {
    background-color: lightgreen; cursor: pointer;
}
.cinza {
    background-color: lightgray; cursor: pointer;
}



.numerosSorteio {
    display: inline-table; padding: 3px 7px; margin: 2px; background-color: lightgray; font-size: 28px; cursor: pointer; border: 1px solid black; color: black;
}
.numerosSorteio:hover {
    background-color: yellow;
}
.numSorteado {
    display: inline-table; padding: 3px 7px; margin: 2px; background-color: lightcoral; font-size: 28px; cursor: not-allowed; border: 1px solid black; color: black;
}