/*---------------------------------------------------------------------------*/
/*--------------------------------- Cabeçalho -------------------------------*/
/*---------------------------------------------------------------------------*/
/*
OBSERVA��O IMPORTANTE: qualquer altera��o realizada no "#headerContainer"
abaixo, tamb�m deve ser aplicado ao "#headerContainer" no arquivo
"Cabecalho.jsp", no "internal CSS" feito para funcionar no IE.
*/


div#headerContainer div#tarjaAmbienteDev{
	background: #e6554e;
	width: 45%;
	height: 35px;
	color: yellow;
	font-size: 15px;
	margin: auto;
	text-align: center;
	padding-top: 10px;
}

.btnAltocontraste {
    display: block;
	float: left;
	width: 130px;
	border: 1px solid #fff;
	border-radius: 10px;
	padding: 1px;
	color: #fff!important;
	margin-right: 50px;
	margin-top: 10px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	text-decoration: none!important;
	opacity: 0.8;
}

.btnAltocontraste:hover {
	opacity: 1;
}

.btnAltocontraste img {
	float: left;
	margin-right: 10px;
}

.text-bnt {
	padding-top: 1px;
}

table.form {
	width: 100%;
}
table.form h3 {
    /*color: #63735F;
    border-bottom: 1px solid #63735F;*/
    border-bottom: 1px solid;
    padding-left: 10px;
    margin-bottom: 5px; /* Henry: alterado para manter o mesmo espa�amento dos demais */
    line-height: 1.7em;
    width: 66%;
    font-size: 1.5em;
    font-weight: bold;
}

table.form h2 {
	/*color: #63735F;
	border-bottom: 2px solid #63735F;*/
    border-bottom: 2px solid;
	padding-left: 10px;
	margin-bottom: 5px; /* Henry: alterado para manter o mesmo espa�amento dos demais */
	line-height: 1.7em;
	width: 66%;
	font-size: 1.7em;
	font-weight: bold;
}

table.form li {
	padding-bottom: 10px;
}

table.form input {
	font-size: 11px;
}
table.form input[type="text"], Input[type="password"] {
	height: auto !important;
}
table.form input.button {
    width: 120px;
}

table.form input.widerButton {
    width: 140px;
}

table.form td.label {
    text-align: right;
    padding-right: 5px;
    vertical-align: middle;
    width: 1%;
    white-space: nowrap;
    font-weight: bold;
}
table.form td.labelLink {
    text-align: left;
    vertical-align: middle;
    width: 1%;
    white-space: nowrap;
    font-weight: bold;
    padding-bottom: 10px;
}


/* ========== Error and Success Messages ========== */

div#errorMessages {
    margin-bottom: 10px;
    width: 50%;
}

div.top-left, div.top-right, div.bottom-left, div.bottom-right {
	background-image: url(/img/messages/box.gif);
	height: 5px;
	font-size: 2px;    /* Correction IE for height of the <div>'s */
}

div.top-left, div.bottom-left {
	margin-right: 5px;
}

div.top-right, div.bottom-right {
	margin-left: 5px;
	margin-top: -5px;
}

div.top-right {
	background-position: top right;
}

div.bottom-left  {
	background-position: bottom left;
}

div.bottom-right {
	background-position: bottom right;
}

div.box-content * {
    margin: 0;
    padding: 0;
}

div.box-content ul {
    margin-left: 45px;
}

div.box-content h4 {
    padding-left: 30px;
    line-height: 1.8em;
}

div.box-content div.spaces {
    padding: 15px 15px;
}

div.box-content h4 {
    font-weight: bold;
    font-size: 1.1em;
}

div#errorMessages {
    color: #F00;
}

div#errorMessages div.top-left, div#errorMessages div.top-right, div#errorMessages div.bottom-left, div#errorMessages div.bottom-right {
	background-image: url(./img/messages/box.gif);
}

.mensagemErro {
    color: #ff0000;
}

.esconderCampo {
    display: none;
}

.mostrarCampo {
    display: block;
}
div#errorMessages div.box-content {
    border-left: 3px solid #F00;
	border-right: 3px solid #F00;
	background-color: #FFF;
}

div#errorMessages div.box-content h4 {
    background: transparent url(./img/messages/iError.gif) no-repeat scroll center left;
}




/*------------------------------------------------------------------*/
/*
a:link.Menu {
	color: #FFFFFF;
	text-decoration: none;
	
}
a:hover{
	text-decoration: 
	color:#FF9900;
	font-weight:bold; 
}
a:visited.Menu {
	color: #FFFFFF;
	text-decoration: none;
}

a:active.Menu {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover.Menu {
	color: #FFFFFF;
	text-decoration: underline;
}
*/

body,td,th {
    font-family: Verdana,Arial,Helvetica,Sans-Serif;
    font-size: 11px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
/*
a {
	color:#990000;
}
a:hover {
	color:#993300;
}
*/
td{
	margin-left:1px;
	margin-right:1px;
}

td.MenuTopo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
}
td.TitulosWhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	color: #FFFFFF;
}


.primeiraLinha {
	/*background-color:#63735F;*/
	color:#FFFFFF;
	font-weight:bold;
	font-size: 14px;
	
}

.ultimaLinha {
	/*background-color:#63735F;*/

}

.tituloPagina {
	font-size:16px;
	font-weight:bold;

}

.subTituloPagina {
	font-size:12px;
	font-weight:bold;

}

.topico {
	color:#3E4034;
	font-weight: bold;
	

}

.subTituloTabela {
	/*background-color:#63735F;*/
	color: #FFFFFF;
	font-weight:bold;
}

.subTituloTabela2 {
	/*background-color:#3E4034;*/
	color: #FFFFFF;
	font-weight:bold;
}

.tBranca {
	background-color:#FFFFFF;

}


/* ========== Page Navigator ========== */

div#navigator div.navRight {
	font-size:1.1em;	
}

div#navigator div.navLeft {
	font-size:1.1em;
	font-weight: bold;
}

/* ========== Page Navigator ========== */

div.displayTag {
	position:absolute;
	right:20px;
	display:inline;	
}
span.pagebanner{
	margin-bottom:3px;
}

div#navigator div {
    margin-bottom: 3px;
}

div#navigator div.navLeft {
    text-align: left;
	width: 60%;
    float: left;
}

div#navigator div.navRight {
    text-align: right;
    width: 40%;
    float: right;
}

div#navigator span {
    display: none;
}

a.arrowFirstOn, a.arrowPreviousOn, a.arrowNextOn, a.arrowLastOn, a.arrowFirstOff, a.arrowPreviousOff, a.arrowNextOff, a.arrowLastOff {
    height: 13px;
}

a.arrowFirstOn, a.arrowLastOn, a.arrowFirstOff, a.arrowLastOff {

}

a.arrowPreviousOn, a.arrowNextOn, a.arrowPreviousOff, a.arrowNextOff {

}

a.arrowFirstOn, a.arrowPreviousOn, a.arrowFirstOff, a.arrowPreviousOff {
    margin-right: 8px;
}

a.arrowNextOn, a.arrowLastOn, a.arrowNextOff, a.arrowLastOff {
    margin-left: 8px;
}

tr div.extendedinfo {
    margin: 6px 5%;
    width: 90%;
    overflow: hidden;
    text-align:left;
}

td a.link {
    padding-left: 20px;
}


/* ========== Page Navigator ========== */

a.arrowFirstOn:link:hover, a.arrowPreviousOn:link:hover, a.arrowNextOn:link:hover, a.arrowLastOn:link:hover, a.arrowFirstOff:link:hover, a.arrowPreviousOff:link:hover, a.arrowNextOff:hover, a.arrowLastOff:hover {
    text-decoration: none;
}


/* ========== Page items ========== */

table.resultTable {
    border: 1px solid;/* #63735F;*/
}

.resultTable th, .resultTable th.orderOff {
    border: 2px solid #FFF;
    color:#FFF;
}

.resultTable thead {
    /*background-color: #63735F;*/
    color:#FFF;
}

.resultTable tr.even {
    background-color: #FFF;
}

/* ========== Page Sorter ========== */

/** Manter as regras NESTA ORDEM: Off, Asc, Desc **/

.resultTable a.orderOff{
 /*  background: #63735F url( ./img/themes/olive/iArrowOff.gif ) no-repeat scroll center right; */
 color:#ffffff;
}

.resultTable a.orderAsc{
/* background: #63735F url( ./img/themes/olive/iArrowUp.gif ) no-repeat scroll center right; */
color:#ffffff;
}

.resultTable a.orderDesc{
 /*background: #63735F url( ./img/themes/olive/iArrowDown.gif ) no-repeat scroll center right; */
color:#ffffff;
}



/* ============= OUTROS ========== */
.resultTable th a{
    font-size: 1em;
}

table.resultTable{
	width:100%;
    border-spacing:0px;
}

.resultTable th {
    text-align: center;
}

.resultTable th.orderOff, .resultTable th.orderAsc, .resultTable th.orderDesc  {
    padding-left:10px;
}

.resultTable td {
    padding-left: 10px;
    height:1.7em;
}

.resultTable td ul {
    padding-left: 15px;
}

.resultTable td.tiny {
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
}

.resultTable th.tiny {
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
}

.resultTable td img {
	vertical-align: top;
}

.resultTable th a {
    padding-right: 20px;
    margin-left: 0px;
}






/* inputs */
/*
Input[type="text"], Input[type="password"] {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #706C4C;
    vertical-align: middle;
    background-image: url(./imagens/bg_form_extended.gif);
    border: 1px solid #CCCCCC;
}

Input[type="button"] {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}
*/

input {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
	height: auto !important;
}


Select {
    font-size: 10px;
    background-color : #fff;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #000000;
}


/* bot�es */
.Botao {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    background-image: url(./imagens/bt_primary-enabled.jpg);
    background-repeat: repeat-x;
    background-color: #F4F2EC;
    background-position: center center;
    color: #660000;
    border-top:solid 1px #CAAC96;
    border-bottom:solid 1px #CAAC96;
    border-left:solid 1px #CAAC96;
    border-right:solid 1px #CAAC96;
    font-size: 10px;
    padding: 0px 8px;
    overflow: visible;
}

.BotaoOn {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    background-image: url(./imagens/bt_primary-roll.jpg);
    background-repeat: repeat-x;
    background-color: #e3d1d1; /*#A5CBDE;*/
    background-position: center center;
    color: #660000;
    border: solid 1px #ab7878;
    font-size: 10px;
    padding: 0px 8px;
    overflow: visible;
}

.BotaoOver {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /*background-image: url(../imagens/button_primary-enabled.gif);*/
    background-repeat:repeat-x;
    background-color: #A5CBDE;
    background-position:center center;
    color:#666666;
    border-top:solid 1px #336699;
    border-bottom:solid 1px #336699;
    border-left:solid 1px #6699CC;
    border-right:solid 1px #6699CC;
    font-size:11px;
    padding:0px 8px;
    overflow:visible;
}


/*---------------------------------------------------------------------------*/
/*--------------------------------- Cabeçalho -------------------------------*/
/*---------------------------------------------------------------------------*/
/*
OBSERVA??O IMPORTANTE: qualquer altera??o realizada no "#headerContainer"
abaixo, tamb?m deve ser aplicado ao "#headerContainer" no arquivo
"Cabecalho.jsp", no "internal CSS" feito para funcionar no IE.
*/
div#headerContainer {
    height: 45px;
    font-size: 11px;
    font-family: Arial Black, arial-black;
    min-width: 771px;
    border-bottom:1px solid #FFF;
}

div#headerContainer div#logo{
    display:none;
}

div#logo h1 {
    font-size: 2.45em;
    visibility: hidden;
}

div#headerContainer h2{
    position: absolute;
    padding-top:0px;
    padding-left:20px;
    font-size: 1.5em;
    font-family: Arial Black, arial-black;
    font-weight: bolder;
    font-style: italic;
    color: #FFF;
}

.sso-div {
    text-align: center;
    top: 50%;
    position: relative;
    height: 100%;
    display: none;
    visibility: hidden
}

.sso-div a {
    cursor: pointer;
    color: #0C6AA8;
}

.seeu-spinner {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.seeu-spinner div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid rgb(21, 100, 142);
    border-radius: 50%;
    animation: seeu-spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: rgb(21, 100, 142) transparent transparent transparent;
}
.seeu-spinner div:nth-child(1) {
    animation-delay: -0.45s;
}
.seeu-spinner div:nth-child(2) {
    animation-delay: -0.3s;
}
.seeu-spinner div:nth-child(3) {
    animation-delay: -0.15s;
}
@keyframes seeu-spinner {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Estilo do modal de seleção de colunas do grid da tela distribuicaoProcesso.jsp */
#modalColunas {
    display: none;
    position: fixed;
    top: 20%;
    left: 50%;
    transform: translate(-50%, 0);
    background: #fff;
    border: 1px solid #ccc;
    padding: 24px 32px 20px 32px;
    z-index: 1000;
    min-width: 420px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.18);
    border-radius: 8px;
}
#modalColunas .modal-title {
    margin-top: 0;
    margin-bottom: 25px; /* Mantém o espaçamento inferior aumentado */
    font-size: 1.18em;
    font-weight: bold;
    text-align: center;
    width: 100%;
    border-bottom: none !important; /* Garante a remoção da borda */
    padding-bottom: 0; /* Remove o padding que era para a borda */
    border-bottom: 1px solid var(--cor-cinza-claro) !important;
    color: var(--cor-primaria);
}
#formColunas {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 24px;
    max-height: 320px;
    overflow-y: auto;
    margin-bottom: 18px;
}
#formColunas label {
    font-size: 1em;
    cursor: pointer;
    user-select: none;
}
#modalColunas button,
#modalColunas .modal-btn {
    min-width: 90px;
    margin-right: 10px;
    padding: 6px 16px;
    border-radius: 4px;
    border: 1px solid #bbb;
    font-size: 1em;
    cursor: pointer;
    transition: background 0.2s;
    display: inline-block;
}
#modalColunas button:hover,
#modalColunas .modal-btn:hover {
    background: #e0e0e0;
}
#modalColunasOverlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.2);
    z-index: 999;
}

#modalOrdenacaoOverlay {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 9998;
    display: none;
}
#modalOrdenacao {
    position: fixed;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 20px rgba(0,0,0,0.3);
    padding: 30px 25px 20px 25px;
    z-index: 9999;
    min-width: 350px;
    max-width: 90vw;
    display: none;
}
#modalOrdenacao .modal-title {
    margin-top: 0;
    margin-bottom: 25px; /* Mantém o espaçamento inferior aumentado */
    font-size: 1.18em;
    font-weight: bold;
    text-align: center;
    width: 100%;
    border-bottom: none !important; /* Garante a remoção da borda */
    padding-bottom: 0; /* Remove o padding que era para a borda */
    border-bottom: 1px solid var(--cor-cinza-claro) !important;
    color: var(--cor-primaria);
}