.login {width: 350px; background-color: #0489B1;}

.barraSuperior {width: calc(100% - 159px); margin-left: 159px;}
.barraSuperiorIn {background-color: #0489B1; color: white; font-size: 20px;}
.barraLateralEsquerda {background-color: #0489B1; width: 155px; position: fixed;}
.barraConteudo {min-height: 800px; height: auto; padding: 10px 5px; width: 100%;}
.barraRodape {background-color:#0489B1; height: 300px; color: white; margin: 15px 0px 0px 0px;}

.barraSimbolo {background-color: #0489B1; width: 140px; }
.barraSimbolo img {width: 100%;}

nav ul {width: 100%;}
nav ul li {color: white;}
nav ul li:hover {background-color: #045FB4;}

nav ul li ul {width: 100%;}
nav ul li ul li {color: white;}
nav ul li ul li:hover {background-color: #0489B1;}

.liSelecionado {background-color: orange}

#divPF, #divPJ, #divPF label, #divPJ label {cursor: pointer;}

.subMenu {
    display: none; position: absolute; right: 5px; top: 30px; background-color: white; z-index: 99999;
}


#carregarPag, #carregarPag2 {background-color: #E6E6E6; z-index: 999999999; position: fixed; top: 1%; bottom: 1%; left: 0.5%; right: 0.5%; display: none; overflow: auto;}
#carregarDialogo, #carregarDialogo2 {background-color: #E6E6E6; min-width: 420px; height: auto; z-index: 999999999; position: fixed; top: 50%; left: 50%; display: none; transform: translate(-50%, -50%);}
#carregarDialogo2, #carregarPag2 {z-index: 999999999999;}

.divConteudoPagModal {height: 91%; overflow: auto;}

#mascaraSemCLick, #mascaraSemCLick2, #mascaraSemCor, #mascara, #mascaraProcessandoDados {background-color: black; opacity: 0.6; position: fixed; width: 100%; height: 100%; z-index: 999999; display: none;}
#mascaraSemCLick2 {z-index: 9999999999;}
#mascaraSemCor {background-color: black; opacity: 0; position: fixed; width: 100%; height: 100%; z-index: 99999; display: none;}

#mascaraProcessandoDados {z-index: 999999999999999;}
#modalProcessandoDados {background-color: #E6E6E6; min-width: 420px; height: auto; z-index: 9999999999999999; position: fixed; top: 50%; left: 50%; display: none; transform: translate(-50%, -50%);}
/*Div com efeitos Processando dados..*/
.processandoDados {
	padding: 10px; text-align: center; margin: auto; display: flex; align-items: center; justify-content: center; gap: 5px;
}
.processandoDados 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;
}
@keyframes spin {
	to {transform: rotate(360deg);}
}
/*Div com efeitos Processando dados..*/


table {border: 0px; border-spacing: 0px; width: 100%;}
table thead th {background-color: #0489B1; padding: 4px;}
table tbody td {padding: 4px; vertical-align: top;}
table th {border: 1px solid #E6E6E6;}
table td {border: 1px solid #E6E6E6;}
table tr:nth-child(even) {background: #FAFAFA}
table tr:nth-child(odd) {background: #EEE}

/*Responsividade*/
@media (max-width: 768px) {
    #carregarDialogo2 {width: 90%;}
}
@media (max-width: 360px) {
    h1 {font-size: 18px;}
	.login {width: 98%;}
}