/*APENAS EFEITOS*/
.entradaSemEfeito1 {
    color: black; text-align: left; border: 0px; background: transparent;
}
.entradaSemEfeito2 {
    color: black; text-align: right; border: 0px; font-weight: bold; font-size: 16px;
    background: transparent; padding: 3px 2px 3px 2px; width: 99%;
}

.bordaRedonda {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.bordaRedonda10 {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.bordaRedondaSup {
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
}

.bordaRedondaInf {
    -moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
}

.sombra {
	-webkit-box-shadow: 0px 1px 4px 0px black;
	   -moz-box-shadow: 0px 1px 4px 0px black;
	        box-shadow: 0px 1px 4px 0px black;
}

.borda{
    border: 1px solid gray;
}
.bordaEsqCorSite {
	border-left: 4px var(--cor_prin_1) solid;
}
.bordaInfCorSite {
	border-bottom: 4px var(--cor_prin_1) solid;
}
.bordaEsqVerde {
	border-left: 4px solid var(--cor_prin_1);
}
.bordaEsqVermelha {
	border-left: 4px solid red;
}
.cursorMao {cursor: pointer;}
.margemAuto {margin: auto;}
.margem {margin: 5px;}
.margem1 {margin: 1px;}
.margem2 {margin: 2px;}
.margem2-5 {margin: 2px 5px;}
.margem5 {margin: 5px;}
.margem10-5 {margin: 10px 5px;}
.padding {padding: 2px 5px;}
.padding0-2 {padding: 0px 2px;}
.padding1-3 {padding: 1px 3px;}
.padding3-5 {padding: 3px 5px;}
.padding3-10 {padding: 3px 10px;}
.padding3 {padding: 3px;}
.padding5 {padding: 5px;}
.padding10 {padding: 10px;}
.ladoALado {display: inline-table; vertical-align: top;}
.linha {border: 0px; border-top: 1px solid var(--cor_prin_1);}
.linhaCinza {border: 0px; border-top: 1px solid gray;}
.linhaCinzaClaro {border: 0px; border-top: 1px solid #c6c6c6;}
.bordaEsquerda1px {border-left: 1px solid var(--cor_prin_1);}
.centro {text-align: center;}
.esquerdo {text-align: left;}
.justificado {text-align: justify;}
.negrito {font-weight: bold;}
.semNegrito {font-weight: normal;}


.displayFlex {display: flex;}
.displayFlexCentro {align-items: center;}
.displayFlexJustCentro {justify-content: center;}
.displayFlexSpaceBetween {justify-content: space-between;}
.displayFlexSpaceAround {justify-content: space-around;}
.gap5 {gap: 5px;}
.gap10 {gap: 10px;}

.fundoPreto {background-color: black; color: white;}
.fundoVermelho {background-color: red; color: white;}
.fundoVerde {background-color: green; color: white;}
.fundoAzul {background-color: blue; color: white;}
.fundoLaranja {background-color: orange;}
.fundoBranco {background-color: white;}
.fundoCinzaClaro {background-color: #d2d2d2;}

.infoAdicional {
    font-size: 14px; padding: 1px 3px; text-align: center; background-color: #f0f0f0; width: auto; color: var(--cor_prin_1); border-right: 2px solid var(--cor_prin_1); border-left: 2px solid var(--cor_prin_1); }

.infoAdicionalSite {
    font-size: 14px; padding: 1px 3px; margin: 2px; text-align: center; background-color: var(--cor_leve); width: auto; display: inline-table; color: black; font-weight: bold; }

.jogoTimes {
    background-color: lightgray; border-left: 2px solid var(--cor_prin_1); border-right: 2px solid var(--cor_prin_1); width: 100%; padding: 2px 6px; font-size: 20px; margin-top: 4px;
}


.contaJogos {
    background: linear-gradient(var(--cor_prin_1), var(--cor_prin_2)); color: white; padding: 1px 4px; width: auto; text-align: center; font-size: 11px; font-weight: normal; vertical-align: top; z-index: 9999999; display: inline-table;

    -moz-border-radius: 45%;
    -webkit-border-radius: 45%;
    border-radius: 45%;
}

.circulo { border-radius: 50%; padding: 6px 8px; }


.blocoResponsivo {
    width: auto;
}


#msgValorAposta, #msgMaximoAposta, #msgLimiteApurado, #msgAposta, #msgMaximoJogos, #msgLimitePremio, #msgSaldoAposta {
    color: white; background-color: red; display:none; font-size: 14px; padding: 1px 0px 1px 0px;
    text-align: center; font-weight: normal; width: 100%;
}


/*SVG*/
.svg15 { margin-right: 3px; height: 15px; width: 15px; text-align: center; vertical-align: top; }
.svg18 { margin-right: 3px; height: 18px; width: 18px; text-align: center; vertical-align: top; }
.svg20 { margin-right: 3px; height: 20px; width: 20px; text-align: center; vertical-align: top; }
.svg25 { margin-right: 3px; height: 25px; width: 25px; text-align: center; vertical-align: top; }
.svg30 { margin-right: 3px; height: 30px; width: 30px; text-align: center; vertical-align: top; }
.svg50 { margin-right: 3px; height: 50px; width: 50px; text-align: center; vertical-align: top; }
.svg130 { margin-right: 3px; height: 130px; width: 130px; text-align: center; vertical-align: top; }
.svgBranco { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); }
.svgPreto { filter: invert(0%) sepia(4%) saturate(20%) hue-rotate(334deg) brightness(104%) contrast(100%); }
.svgVerde { filter: invert(64%) sepia(36%) saturate(6501%) hue-rotate(68deg) brightness(93%) contrast(98%); }
.svgVermelho { filter: invert(24%) sepia(95%) saturate(6805%) hue-rotate(356deg) brightness(100%) contrast(120%); }
.svgAzul { filter: invert(9%) sepia(98%) saturate(6525%) hue-rotate(248deg) brightness(58%) contrast(115%); }
.svgAmarelo { filter: invert(71%) sepia(60%) saturate(509%) hue-rotate(3deg) brightness(102%) contrast(102%); }

.svgBotao {
    filter: var(--svg_botao);
}

/*dispositivos móveis*/
@media (max-width: 480px) {
    .blocoResponsivo {width: 96%;}
}