/*
Theme Name: PF-2021
Theme URI:	https://softfocus.com.br/
Author: Rafael Forcadell
Version: 1.0
*/


/* 
Listagem
--------------------------------------------
*/


.listagem { z-index: 2; width: var(--listagem); min-height: 140px; margin: 0 auto; background-color: var(--cor-fundo-claro); }



/* 
Súmulas de julgamento
--------------------------------------------
*/


.sumula { display: flex; padding: 24px 30px; border: 1px solid var(--cor-borda); border-top: 0; background-color: var(--cor-fundo-claro); transition: background-color 200ms ease-in-out; }
.sumula,
.sumula * { cursor: pointer; }
.sumula:hover,
.sumula:focus,
.sumula.focus { background-color: var(--cor-fundo); }
.sumula:first-child { border-top: 1px solid var(--cor-borda); }

.sumula.voce { z-index: 2; left: -20px; width: calc(100% + 40px); margin-top: -1px; border: 1px solid var(--cor-borda); box-shadow: 0 0 30px rgba(0,0,0,.15); }
.sumula.voce + .sumula.voce { clip-path: inset(0px -30px -30px -30px); }
.sumula.voce:after { position: absolute; top: -1px; left: -7px; width: 7px; height: calc(100% + 2px); content: ""; }

.sumula span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.sumula .operacao { width: 17%; padding-right: 25px; }
.sumula .operacao > strong { display: table; font-size: var(--h2-font-size); font-weight: var(--font-weight-regular); line-height: var(--h2-font-size); margin-bottom: 2px; }
.sumula .operacao .instancia span { display: inline-block; vertical-align: top; max-width: 100%; }

.sumula .empreendimento { width: 17%; padding-right: 25px; padding-left: 25px; border-left: 1px solid var(--cor-borda); }
.sumula .empreendimento strong { display: block; font-size: var(--h3-font-size); font-weight: var(--font-weight-regular); line-height: var(--h2-font-size); margin-bottom: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sumula .empreendimento .evento span { display: inline-block; vertical-align: top; max-width: 100%; }

.sumula .prazo { width: 26%; padding-right: 25px; padding-left: 25px; border-left: 1px solid var(--cor-borda); }
.sumula .prazo strong { display: flex; font-size: var(--h3-font-size); font-weight: var(--font-weight-regular); line-height: var(--h2-font-size); margin-bottom: 2px; }
.sumula .prazo strong.atrasado { color: var(--cor-perigo); }

/*.sumula.desistido .prazo { visibility: hidden; }*/

.sumula .situacao { display: flex; flex-direction: column; align-items: flex-end; width: 40%; text-align: right; padding-right: 25px; margin-left: auto; }
.sumula .situacao span { display: inline-block; vertical-align: top; }
.sumula .situacao strong { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: var(--h3-font-size); font-weight: var(--font-weight-regular); line-height: var(--h2-font-size); margin-bottom: 2px; }
.sumula .situacao .resultado { display: inline-block; }

.sumula .situacao .comprovacao { margin-left: 7px; }
.sumula .situacao .documentacao,
.sumula .situacao .comprovacao,
.sumula .situacao .resultado { padding-left: 17px; }
.sumula .situacao .documentacao:before,
.sumula .situacao .comprovacao:before,
.sumula .situacao .resultado:before { position: absolute; top: 7px; left: 0; width: 10px; height: 10px; border-radius: 100%; box-sizing: border-box; content: ""; }

.sumula .situacao .entregue:before { background-color: var(--cor-cinza-claro); }
.sumula .situacao .desistido:before { background-color: var(--cor-cinza-claro); }
.sumula .situacao .aguardando-decisao:before { border: 1px solid var(--cor-cinza-medio); }
.sumula .situacao .pendente:before { border: 1px solid var(--cor-cinza-medio); }
.sumula .situacao .em-analise:before { background-color: var(--cor-secundaria); }
.sumula .situacao .parcial:before { background-color: var(--cor-secundaria); }
.sumula .situacao .completa:before { background-color: var(--cor-secundaria); }
.sumula .situacao .aprovada:before { background-color: var(--cor-primaria); }
.sumula .situacao .finalizada:before { background-color: var(--cor-primaria); }
.sumula .situacao .deferido:before { background-color: var(--cor-primaria); }
.sumula .situacao .irregular:before { background-color: var(--cor-perigo); }
.sumula .situacao .indeferido:before { background-color: var(--cor-perigo); }
.sumula .situacao .indeferido-sumariamente:before { background-color: var(--cor-perigo); }

.sumula .situacao .resultado.irregular,
.sumula .situacao .resultado.atencao,
.sumula .situacao .resultado.em-interpelacao { padding-left: 19px; }
.sumula .situacao .resultado.em-interpelacao { font-weight: var(--font-weight-medium); color: var(--cor-perigo); }
.sumula .situacao .resultado.irregular:before,
.sumula .situacao .resultado.atencao:before,
.sumula .situacao .resultado.em-interpelacao:before { border-radius: 0; width: 12px; background-color: transparent; background-position: center; background-repeat: no-repeat; }
.sumula .situacao .resultado.irregular:before { background-image: url(imagens/icones/resultado-irregular.svg); }
.sumula .situacao .resultado.atencao:before,
.sumula .situacao .resultado.em-interpelacao:before { background-image: url(imagens/icones/resultado-em-interpelacao.svg); }

.sumula .situacao .apos-plantio:before { }
.sumula .situacao .documentacao-irregular:before { }

.sumula .situacao .legenda { position: absolute; top: 0; right: 0; width: 5px; height: 100%; }

/*.sumula .situacao .legenda.em-interpelacao:before { position: absolute; top: 0; left: 0; width: 12px; height: 10px; background-image: url(imagens/icones/resultado-atencao.svg); background-position: center; background-repeat: no-repeat; content: "";  }*/

.sumula.voce.aguardando-analise:after,
.sumula.aguardando-analise .situacao .legenda { background-color: var(--cor-borda); }
.sumula.voce.em-analise:after,
.sumula.em-analise .situacao .legenda { background-color: var(--cor-cinza-claro); }
.sumula.voce.aguardando-revisao:after,
.sumula.aguardando-revisao .situacao .legenda { background-color: var(--cor-secundaria-clara); }
.sumula.voce.em-revisao:after,
.sumula.em-revisao .situacao .legenda { background-color: var(--cor-secundaria); }
.sumula.registrando .situacao .legenda,
.sumula.desistencia-agendada .situacao .legenda,
.sumula.envio-sicor-agendado .situacao .legenda { width: 7px; }

.sumula.voce.registrando:after,
.sumula.registrando .situacao .legenda,
.sumula.voce.desistencia-agendada:after,
.sumula.desistencia-agendada .situacao .legenda,
.sumula.voce.envio-sicor-agendado:after,
.sumula.envio-sicor-agendado .situacao .legenda { border: 1px solid var(--cor-cinza-claro); border-width: 1px 0; }

.sumula.registrando .situacao .legenda:before,
.sumula.desistencia-agendada .situacao .legenda:before,
.sumula.envio-sicor-agendado .situacao .legenda:before { position: absolute; top: 0; left: calc(50% - 1px); width: 1px; height: 100%; background-color: var(--cor-cinza-claro); content: ""; }

/*.sumula.voce.registrando:after,
.sumula.registrando .situacao .legenda { background-color: var(--cor-secundaria); }*/
.sumula.voce.erro:after,
.sumula.erro .situacao .legenda { background-color: var(--cor-perigo); }
.sumula.erro .situacao strong { color: var(--cor-perigo); }
.sumula.voce.julgada:after,
.sumula.julgada .situacao .legenda { background-color: var(--cor-primaria); }
.sumula.voce.desistido:after,
.sumula.desistido .situacao .legenda { background-color: var(--cor-borda); }

.sumula.voce.aguardando-revisao-cer:after,
.sumula.aguardando-revisao-cer .situacao .legenda { background-color: var(--cor-alerta-claro); }
.sumula.voce.enviado-revisao-cer:after,
.sumula.enviado-revisao-cer .situacao .legenda { background-color: var(--cor-alerta); }

.sumula .erros { visibility: hidden; position: absolute; z-index: 1; top: 24px; right: 30px; padding: var(--line-height) 25px 0; opacity: 0; transition: opacity 100ms ease-in-out; }
.sumula .erros:before { position: absolute; top: -18px; right: -22px; width: calc(100% + 28px); height: calc(100% + 38px); border: 1px solid var(--cor-borda); background-color: var(--cor-fundo-claro); content: ""; box-shadow: 0 0 var(--sombra-blur) var(--sombra); }
.sumula .erros > strong:first-child { display: block; font-size: var(--h3-font-size); font-weight: var(--font-weight-regular); line-height: var(--h2-font-size); color: var(--cor-perigo); text-align: right; margin-bottom: 15px; }
.sumula .erros .legenda { position: absolute; top: 0; right: 0; width: 5px; height: 100%; background-color: var(--cor-perigo); }
.sumula .erros table { max-width: 500px; border-collapse: collapse; }
.sumula .erros table th,
.sumula .erros table td { text-align: center; padding: 10px 0; border-bottom: 1px solid var(--cor-borda); }
.sumula .erros table tr:last-child td { border-bottom: 0; }
.sumula .erros table th { padding-top: 0; font-size: var(--h6-font-size); line-height: 1.3em; font-weight: var(--font-weight-light); color: var(--cor-cinza-claro); }
.sumula .erros table .descricao { text-align: left; padding-left: 25px; }
.sumula .erros.exibir { visibility: visible; opacity: 1; }



@media screen and (min-width: 1080px) and (max-width: 1349px) {

	.sumula { align-items: center; }
	.sumula .situacao .comprovacao { margin-left: 0; }
	.sumula .situacao .documentacao,
	.sumula .situacao .comprovacao,
	.sumula .situacao .resultado { display: flex; justify-content: flex-end; padding-left: 0; padding-right: 17px; }
	.sumula .situacao .documentacao:before,
	.sumula .situacao .comprovacao:before,
	.sumula .situacao .resultado:before { left: auto; right: 0; }

}


@media screen and (min-width: 1280px) and (max-width: 1349px) {
	
	.sumula .operacao { width: 21%; }
	.sumula .empreendimento { width: 21%; }
	.sumula .prazo { width: 34%; }
	.sumula .situacao { display: block; align-self: stretch; width: 24%; min-height: 100%; }

}


@media screen and (min-width: 1080px) and (max-width: 1279px) {
	
	.sumula .operacao { width: 20%; }
	.sumula .empreendimento { width: 20%; }
	.sumula .prazo { width: 34%; }
	.sumula .situacao { display: block; align-self: stretch; width: 26%; min-height: 100%; }

}