html,body{
	font-family:Arial,Verdana,Kalimati;
	font-size:10pt;
	height: 102%;
}

a{
	text-decoration:none;
}

input[type=radio] {
    display:none;
}

label span{
	margin-left:30px !important;
}

input[type=radio] + label{
	display:inline-block;
	background-image:url('../../images/input_radio.png');
	background-repeat:no-repeat;
	background-position:left center;
	padding:5px;
	cursor:pointer;
}

input[type=radio]:checked + label{
	background-image: none;
	background-image:url('../../images/input_radio_selec.png');
	background-repeat:no-repeat;
	background-position:left center;
}

input[type='button'], input[type='submit']{
	background-color:transparent;
	border:0px;
	cursor:pointer;
}

input[type='text']{
	border:0px;
	background-color:#ffffff;
	border-radius:10px;
	padding:5px;
}

textarea{
	resize:none;
	border:0px;
	background-color:#ffffff;
	padding:5px;
}

fieldset legend{
	font-size:12pt;
	font-weight:bold;
	color:#1c283d;
	padding-bottom:25px;
}

.ui-dialog {
	z-index: 9999 !important;
}

.ui-front {
	z-index: 9999 !important;
}

.styled-select {
	width: 265px;
	height: 19px;
	overflow: hidden;
	background-image:url('../../images/select_arrow.gif');
	background-repeat:no-repeat;
	background-position:right;
	background-color:#ffffff;
	border: 1px solid #afb7c1;
}

.nice {
	height:27px;
	color:#ffffff;
	line-height:27px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.nice .NFI-button {
	background-color:#276fab;
	width:60px;
	height:27px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	box-shadow: 0 1px 0 #FFFFFF, 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.nice .NFI-filename{
	color:#04192e;
	font-weight:bold;
	height:27px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.styled-select select{
	background: transparent;
	width: 285px;
	padding-left: 5px;
	font-size: 14px;
	line-height: 1px;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	z-index:1;
}

p.nomeescola{
	text-align:center;
	color:#676767;
	padding-top:25px;
	font-size:8pt;
	font-weight:bold;
	clear:both;
}

p.endereco{
	text-align:center;
	color:#676767;
	font-size:8pt;
	padding-bottom:25px;
	clear:both;
}

p.linktexto{
	margin-left:15px;
	padding-bottom:15px;
}

p.linktexto a{
	color:#04192e;
	font-size:11pt;
}

table{
	border-collapse:collapse;
}

table tr.header{
	background-color:#04192e;
	color:#ffffff;
	border:1px solid #afb8c1;
	text-align:center;
}

table tr.header td{
	padding-top:3px;
	padding-bottom:3px;
	padding-right: 15px;
}

table tr.spacer{
	border:0px;
	margin:0px;
	padding:0px;
	height:0px;
}

table tr.spacer td{
	border:0px;
	margin:0px;
	padding:0px;
	height:0px;
}

table tr.values td{
	border:1px solid #afb8c1;
}

table tr.values td.disciplina{
	text-align:left;
	background-color:#ffffff;
	height:25px;
	line-height:25px;

}

table tr.values td.disciplina p{
	margin:0 20px;
}

table tr.values td.value{
	background-color:#ffffff;
	text-align:center;
	height:25px;
	line-height:25px;
}

div#mensagem{
	background-color:#ffffff;
	padding:10px;
	margin-bottom:25px;
}

div#mensagem p{
	color:#323539;
}

.modal {
	-moz-opacity:0.6;
	filter:alpha(opacity=60);
	opacity:0.6;
	background-color:#000000;
	display:none;
	position:fixed;
	z-index:1002;
	top:0;
	left:0;
	height:100%;
	width:100%;

	font-weight: bold;

    /* Centralização do conteúdo */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;

    /* Ocultar por padrão */
    visibility: hidden;	

	/* destacar */
    color: #000; /* Cor do texto */
    font-size: 18px; /* Tamanho da fonte */
    text-shadow: 1px 1px 2px rgba(255,255,255,0.7); /* Sombra do texto para destaque */	
}

.modal .spinner {
    border: 8px solid rgba(255, 255, 255, 0.3);
    border-top: 8px solid white;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite;
    margin-bottom: 15px;
}

@keyframes spin {
    0% { transform: rotate(0deg);}
    100% { transform: rotate(360deg);}
}

#ajax-message {
    background-color: rgba(255,255,255,0.8); /* Fundo semi-transparente */
    padding: 10px 20px; /* Espaçamento interno */
    border-radius: 5px; /* Cantos arredondados */
    box-shadow: 0 0 10px rgba(0,0,0,0.3); /* Sombra da caixa */
	display:none;
}

body.loading {
    overflow: hidden;   
}

body.loading .modal {
    visibility: visible;
}

.customSelect{
	height:19px;
    font:12px sans-serif;
    background:#fff url('../../images/select_arrow.gif') right center no-repeat;
    border:1px solid #afb7c1;
    color:#737373;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px 2px;
	text-align:left !important;
	line-height:19px;
	padding-left:3px;
}

.progress {
    border: 0px solid #dddddd;
    position: relative;
    width: 100%;
	display:none;
	z-index:1001;
}

.bar {
	background-color: #04192e;
	border-radius: 3px;
	height: 2px;
	width: 0;
}

.percent {
	/*display: inline-block;*/
	display:none;
	left: 48%;
	position: absolute;
	top: 3px;
}

div#fundo{
	width:895px;
	min-height:535px;
	border-radius:25px;
	background-color:#c6ced8;
	position: relative;
	left:50%;
	margin-left:-447px;
	padding-top:25px;
	margin-top:25px;
	clear: both;
	display:inline-block;
}

@media only screen and (max-width: 768px)
{
	div#fundo
	{
		left: 0%;
		margin-left:20px;
		margin-right:20px;
	}

	p.nomeescola
	{
		width: 895px;
	}

	p.endereco
	{
		width: 895px;
	}	

}


div#fundo div#cabecalho{
	width:945px;
	height:175px;
	background-color:#032c51;
	margin-left:-28px;
	margin-bottom:10px;
	overflow:hidden !important;
}

div#fundo div#cabecalho img{
	width:945px;
	height:175px;
}

div#fundo div#cabecalho#moodular {
	overflow: hidden;
}

div#fundo div#cabecalho #moodular, #moodular li {
	margin: 0;
	padding: 0;
	list-style: none;
	width:945px;
	height:175px;
}

div#fundo div#barra{
	width:945px;
	height:30px;
	line-height:30px;
	background-color:#70a9db;
	margin-left:-28px;
	margin-bottom:15px;
}

div#fundo div#barra span#nomelogado{
	font-size:9pt;
	float:right;
	margin-right:60px;
	color:#04192e;
}

div#fundo div#barra span#horaexpira{
	font-size:8pt;
	color:#466a8a;
	margin-left:65px;
}

div#fundo div#barra span#sairlogado{
	float:right;
	margin-right:50px;
}

div#fundo div#barra span#sairlogado a{
	font-size:9pt;
	color:#000000;
}

div#fundo div#barra span#nomeportal{
	color:#ffffff;
	margin-left:55px;
	font-size:14pt;
}

div#fundo div#menu{
	padding-left:15px;
	margin-bottom:30px;
	box-sizing: content-box;
}

div#fundo div#menu *,
div#fundo div#menu ::after,
div#fundo div#menu ::before {
    box-sizing: inherit;
}

div#fundo div#menu ul{
	display: inline-block;
    overflow: hidden;
	text-align:center;
	margin:0px;
	padding:0px;
}

div#fundo div#menu ul li{
	float:left;
	min-width:90px;
	height:18px;
	line-height:18px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 1px;
	list-style: none outside none;
	background-color:#04192e;
	margin-right:1px;
}

div#fundo div#menu ul li.selected{
	background-image:url('../../images/barra_selec_menu.png');
	background-repeat:no-repeat;
	background-position:bottom center;
	font-weight:bold;
}

div#fundo div#menu ul li:hover{
	background-image:url('../../images/barra_selec_menu.png');
	background-repeat:no-repeat;
	background-position:bottom center;
}

div#fundo div#menu ul li a{ 
	display: inline-block;
	color:#ffffff;
	text-decoration:none;
}

div#info
{
    display: flex;
	align-items: stretch;
    gap: 20px;
}

div#info img
{
	width:95px;
	height:auto;
    height: auto;
    object-fit: cover;
	margin-left:50px;
}

div#info div.texto {
    flex: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 10px 0; /* Espaçamento vertical */
}

div#info div.texto p {
	margin: 0 0 10px 20px; /* Espaçamento entre parágrafos */
}

div#info div.texto p span.item1
{
	font-weight: bold;
}

div#info div.texto p a
{
	font-weight: 600;
	color:#000000;
}

div#info div.faleconosco
{
    display: flex;
    align-items: center;
    justify-content: center;
	flex:1;
}

div#info div.faleconosco a
{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}


div#info div.faleconosco img
{
	width:62px;
	height:auto;
}

div#fundo div#conteudo{
	margin-right:20px;
	margin-left:20px;
	padding-bottom:40px;
}

div#fundo div#conteudo::after{
	content: " ";
	display: block; 
	height: 0; 
	clear: both;	
}

.alert-success
{
	padding: 1rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: 0.25rem;
	color: #198754;
	background-color: #dff0d8;
	border-color: #d6e9c6;
	text-align:center;
}

.alert-danger
{
	padding: 1rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: 0.25rem;
	color: #842029;
	background-color: #f8d7da;
	border-color: #f5c2c7;
	text-align:center;
}

.alert-warning
{
	padding: 1rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: 0.25rem;
	color: #664d03;
	background-color: #fff3cd;
	border-color: #ffecb5;
	text-align:center;
}