.centro {text-align: center;}
.esquerdo {text-align: left;}
.direita {text-align: right;}
.margemAuto {margin: auto;}
.linhaCinzaClaro {border: 0px; border-bottom: 1px #D8D8D8 solid;}
.linhaCinza {border: 0px; border-bottom: 1px grey solid;}
.linhaBranca {border: 0px; border-bottom: 1px white solid;}
.linhaAzul {border: 0px; border-bottom: 1px #0489B1 solid;}
.linhaHover:hover {background-color: #e4e6c2;}
.padding2 {padding: 2px;}
.padding3 {padding: 3px;}
.padding5 {padding: 5px;}
.padding2-5 {padding: 2px 5px;}
.padding10 {padding: 10px;}
.padding5-10 {padding: 5px 10px;}
.margem2 {margin: 2px;}
.margem5 {margin: 5px;}
.margem10 {margin: 10px;}
.corVermelho {color:red;}
.corLaranja {color:orange;}
.corPreto {color: black;}
.corCinza {color: #6f6f6f;}
.corBranco {color: white;}
.corVerde {color: green;}
.corAzul {color: blue;}
.negrito {font-weight: bold;}
.ladoALado {display: inline-table; vertical-align: top;}
.cursorMao {cursor: pointer;}
.bordaCinza {border: 1px solid gray;}
.verticalTop {vertical-align: top;}


.fundoPreto {background-color: black;}
.fundoCinza {background-color: #A4A4A4;}
.fundoCinzaClaro {background-color: lightgray;}
.fundoAzulClaro {background-color: #0489B1;}
.fundoVermelho {background-color: #B40404;}
.fundoVermelhoClaro {background-color: #F5A9A9;}
.fundoVerde {background-color: green;}
.fundoVerdeClaro {background-color: #82d682;}
.fundoLaranja {background-color: #ffa600;}
.fundoLaranjaClaro {background-color: #fbc560;}

.displayFlex {
	display: flex;
}
.displayFlexSapce {
	display: flex;
	justify-content: space-between;
}
.displayFlexCentro {
	display: flex;
	justify-content: center;
	align-items: center;
}
.displeyFlexGrow1 {
	flex-grow: 1;
}
.displayFlexSpaceBetween {justify-content: space-between;}
.gap5 {gap: 5px;}

.fontePequena {font-size: 0.8rem;}
.fonteNormal {font-size: 1rem;}
.fonteMaior {font-size: 1.2rem;}
.fonteMedio {font-size: 1.4rem;}
.fonteGrande {font-size: 1.8rem;}

.circulo {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

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

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

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

.sombraPreta {
    -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.77);
    -moz-box-shadow:    0px 0px 7px rgba(0, 0, 0, 0.77);
    box-shadow:         0px 0px 7px rgba(0, 0, 0, 0.77);
}


/*Div com efeitos Carregando..*/
.carregando {
	padding: 10px; text-align: center; margin: auto; display: flex; align-items: center; justify-content: center; gap: 5px;
}
.carregando div:nth-child(1) {
	width: 25px; height: 25px; border-radius: 50%; 
	border-top: 4px solid black;
	border-left: 4px solid black;
	border-right: 4px solid transparent;

	animation: spin .7s infinite linear;
}
.carregando div:nth-child(2)::before {
	content: "Carregando...";
}
@keyframes spin {
	to {transform: rotate(360deg);}
}
/*Div com efeitos Carregando..*/



/*SVG*/
.svg15 { margin-right: 2px; height: 15px; width: 15px; text-align: center; vertical-align: top; }
.svg18 { margin-right: 2px; height: 18px; width: 18px; text-align: center; vertical-align: top; }
.svg20 { margin-right: 2px; height: 20px; width: 20px; text-align: center; vertical-align: top; }
.svg25 { margin-right: 2px; height: 25px; width: 25px; text-align: center; vertical-align: top; }
.svg30 { margin-right: 2px; height: 30px; width: 30px; text-align: center; vertical-align: top; }
.svg50 { margin-right: 2px; height: 50px; width: 50px; text-align: center; vertical-align: top; }
.svg65 { margin-right: 2px; height: 65px; width: 65px; text-align: center; vertical-align: top; }
.svg100 { margin-right: 2px; height: 100px; width: 100px; text-align: center; vertical-align: top; }
.svg150 { margin-right: 2px; height: 150px; width: 150px; 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%); }