@import url('fonts.css');
/*
@import url('https://use.fontawesome.com/releases/v5.3.1/css/v4-shims.css');
@import url('https://use.fontawesome.com/releases/v5.3.1/css/all.css');
*/

* {
	box-sizing: inherit;
	font-size: inherit;
	font-family: inherit;
}

html {
	height: 100vh;

	font-family: "Noto Sans", "Open Sans", "Noto Sans Symbols2", "Noto Sans Symbols", "Noto Emoji", "Noto Color Emoji", "FreeSans", "Roboto", "DejaVu Sans", "Liberation Sans", "DejaVu Math TeX Gyre", "Helvetica Neue", Helvetica, Ubuntu, Tahoma, Arial, Verdana, sans-serif;
	font-size: 14px;
	box-sizing: border-box;
}

body {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0;
	max-height: 100vh;
	overflow: hidden;
	--flex-wrap: wrap;
}

h1, h2, h3, h4, h5, h6 {
	padding-left: 3pt;
	font-size: 18px;
	line-height: 20px;
	font-weight: 400;
}

h1 {
	font-size: 16.5px;
}

h2 {
	font-size: 12px;
	box-shadow: rgb(0, 132, 172) 0px -2px 0px 0px inset;
	color: rgb(0, 132, 172);
}

h6 {
	padding: 0;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.1;
	color: #516280;
	margin: 0;
}

.label {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
}

.label-info {
	right: 1em;
	position: absolute;
	background-color: #5bc0de;
}

.text-info {
	color: rgb(51, 122, 183);
}

#hDescPautaJulgamento {
	text-transform: uppercase;
}

body[data-sessao-excluida=true] #hDescPautaJulgamento {
	text-decoration: red dashed line-through;
	color: red;
}

.filtrosPorSituacao {
	margin-bottom: 5px;
}

.filtrosPorSituacao button {
	line-height: 130%;
	font-variant-caps: all-small-caps;
}

.filtrosPorSituacao button[data-selecionado=true] {
	font-weight: bolder;
	text-decoration: underline;
}

/*    body { border: 3px solid red; height: 100%; margin: 0; padding: 0; background-color: burlywood } 
*/

.coltitle {
	background-color: rgb(217, 237, 247);
	border-bottom: 2px solid rgb(221, 221, 221);
	border-top: 0px none rgb(69, 69, 69);
	color: rgb(69, 69, 69);
	border-collapse: separate;
	padding-top: 4px;
}

.coltitle * {
	font-size: 13px;
	font-weight: 700;
}

.coltitle .ordem {
	padding: 1pt;
}

.coltitle .processo {
	padding: 16pt;
}

#divCorpoPauta {
	border-right: 1px solid darkgray;
	flex: 1 0 380px;
	display: flex;
	overflow: hidden;
	width: 380px;
}

#divCentro {
	display: flex;
	--background-color: darkseagreen;
	min-height: 300px;
	flex: auto;
}

body[data-carregando=true] #hDescPautaJulgamento::after {
	content: " - Estabelecendo conexão e carregando pauta...";
	color: red;
}

body[data-carregando=true] #divCorpoPauta, body[data-carregando=true] #divContainerDetalhesProcesso {
	visibility: hidden;
}

#sectionProcessosPauta {
	flex: 1;
	display: flex;
	flex-direction: column;
	margin: 0px;
	padding: 0px;
}

#headerPautaJulgamento h1 {
	margin-bottom: 0;
	margin-top: 0;
}

#headerPautaJulgamento aside {
	padding: 4px;
	font-size: 11px;
}

div.dropdown {
	display: inline-block;
	position: relative;
}

button.dropdown-mainmenu {
	cursor: pointer;
}

div.dropdown .dropdown-mainmenu::after, div.dropdown .dropdown-mainmenu::after, .dropdown-mainmenu::after {
	content: '▼';
	color: gray;
	font-size: 14px;
}

div.dropdown:hover .dropdown-mainmenu::after, div.dropdown:active .dropdown-mainmenu::after, .dropdown-mainmenu:active::after {
	color: black;
}

.dropdown-items {
	display: none;
	position: absolute;
	min-width: 260px;
	background-color: #f8f8fe;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	padding: 4px 8px;
	z-index: 1;
}

div.dropdown:hover .dropdown-items {
	display: block;
}

.dropdown-items a {
	color: black;
	padding: 2px;
	text-decoration: none;
	display: block;
	font-size: 12px;
	opacity: 0.7;
}

.dropdown-items a:hover {
	opacity: 1;
}

#divProcessosPauta {
	overflow-y: scroll;
	background: #00a12210;
	flex: 1;
	margin: 0px;
	padding: 0px;
}

#divContainerDetalhesProcesso {
	padding: 4px;
	flex: 4 1 720px;
	display: flex;
	flex-direction: column;
}

#elemDetVotoOrgaoAcompanhado {
	position: absolute;
	color: cornflowerblue;
	right: 13px;
}

#elemDetVotoOrgaoAcompanhado[data-desc-orgao-julgador-acompanhado]::before {
	content: 'Acompanhando ' attr(data-desc-orgao-julgador-acompanhado);
}

/*
.seForRelator, .seNaoForRelator, .seVisualizandoDeclaracaoDoRelator, .sePermiteVoto, .seSessaoAberta, .seSessaoEncerrada, .seOrgaoJulgadorProcesso, .seVotou, .seSessaoNaoConcluida, .seSessaoEmAndamento, .seProcessoEmDestaqueExibir, .seProcessoEmDestaqueOcultar {
  visibility: inherit;
} 
*/
#divDetalhesProcesso[data-eh-usuario-relator=false] .seForRelator, #divDetalhesProcesso[data-eh-usuario-relator=true] .seNaoForRelator {
	visibility: hidden;
}

#divDetalhesProcesso[data-eh-usuario-relator=true] .seForRelatorOcultar, #divDetalhesProcesso[data-eh-usuario-relator=false] .seForRelatorExibir {
	display: none;
}

#divDetalhesProcesso[data-eh-documento-relator=false] .seDeclaracaoDoRelatorExibir, #divDetalhesProcesso[data-eh-documento-relator=true] .seDeclaracaoDoRelatorOcultar {
	display: none;
}

#divDetalhesProcesso[data-eh-documento-relator=false] .seVisualizandoDeclaracaoDoRelator {
	visibility: hidden;
}

#divDetalhesProcesso[data-eh-permitido-votar=false] .sePermiteVoto {
	visibility: hidden;
}

#divDetalhesProcesso[data-jah-votou=false] .seVotou {
	visibility: hidden;
}

#divDetalhesProcesso[data-foi-adiado=true] .seNaoFoiAdiado {
	visibility: hidden;
}

#divDetalhesProcesso[data-foi-retirado-julgamento=true] .seNaoFoiRetiradoJulgamento {
	visibility: hidden;
}

#divDetalhesProcesso[data-eh-sessao-concluida=true] .seSessaoNaoConcluida {
	visibility: hidden;
}

#divDetalhesProcesso[data-eh-sessao-concluida=false] .seSessaoEncerrada {
	visibility: hidden;
}

#divDetalhesProcesso[data-eh-sessao-em-andamento=false] .seSessaoEmAndamento {
	visibility: hidden;
}

#divDetalhesProcesso[data-eh-autor-documento=false] .seAutorDocumento {
	visibility: hidden;
}

#divDetalhesProcesso[data-eh-autor-documento=true] .seNaoForAutorDocumento {
	visibility: hidden;
}

#divDetalhesProcesso[data-estah-impedido=false] .seImpedidoExibir {
	display: none;
}

#divDetalhesProcesso[data-estah-impedido=true] .seImpedidoOcultar {
	display: none;
}

#divDetalhesProcesso[data-pediu-vista=false] .sePediuVistaExibir {
	display: none;
}

#divDetalhesProcesso[data-pediu-vista=true] .sePediuVistaOcultar {
	display: none;
}

#divDetalhesProcesso[data-eh-processo-em-destaque=false] .seProcessoEmDestaqueExibir {
	display: none;
}

#divDetalhesProcesso[data-eh-processo-em-destaque=true] .seProcessoEmDestaqueOcultar {
	display: none;
}

body[data-sessao-excluida=true] .seSessaoExcluidaOcultar, #divDetalhesProcesso[data-processo-excluido=true] .seProcessoExcluidoOcultar {
	display: none;
}

body:not([data-carregando=true]) #divContainerDetalhesProcesso:not([data-id-processo]) #divDetalhesProcesso::before {
	content: "Não há nenhum processo selecionado.";
	visibility: visible;
	min-width: 300px;
}

#divContainerDetalhesProcesso:not([data-id-processo]) #divDetalhesProcesso {
	visibility: collapse;
}

.barraBotoesLateralDir, #elemDetBotoesVoto {
	float: right;
	position: fixed;
	right: 15px;
	transform: translateY(16px);
	font-size: 13px;
}

.barraBotoesLateralDir ul, #elemDetBotoesVoto ul {
	text-align: left;
	margin: 1px;
	padding: 2px;
	list-style: none;
	box-sizing: border-box;
	--text-align: center;
	line-height: normal;
}

.barraBotoesLateralDir li, #elemDetBotoesVoto li {
	background: white;
	padding: 3px;
	margin: 5px;
	border-radius: 3px;
	box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 6px, rgba(0, 0, 0, 0.239216) 0px 1px 4px;
	--transition: all 0.4s;
	--transition-delay: 0s;
	--transition-timing-function: ease;
	box-sizing: border-box;
	border: 1px solid rgba(1, 1, 1, .2);
	min-width: 46px;
	/* line-height: 10px; */
	display: block;
	position: relative;
}

.barraBotoesLateralDir li:hover, #elemDetBotoesVoto li:hover {
	background: #e0e7f0;
}

.barraBotoesLateralDir i, #elemDetBotoesVoto i, #elemDetBotoesVoto .nonfa, #elemDetBotoesVoto .fa {
	--float: right;
	--padding-left: 10px;
	font-size: 13px;
}

#elemDetBotoesVoto .nonfa {
	--font-size: 14px;
}

.barraBotoesLateralDir a, #elemDetBotoesVoto a {
	text-decoration: none;
	display: block;
	color: rgb(51, 51, 51);
	text-transform: uppercase;
	font-weight: 400;
	touch-action: manipulation;
	text-align: right;
	line-height: 17px;
	height: 17px;
}

.barraBotoesLateralDir a::before, #elemDetBotoesVoto a::before {
	content: "-";
	text-align: left !important;
	padding-left: 3px;
	position: absolute;
	left: 2px;
}

.barraBotoesLateralDir :hover a::before, .barraBotoesLateralDir:focus-within a::before, #elemDetBotoesVoto:hover a::before, #elemDetBotoesVoto:focus-within a::before {
	--content: attr(title)
}

#elemTiposVotos li[data-selecionado=true] {
	background: #a0d0e7;
	border: 1px solid rgba(.5, .5, .5, .2);
}

.botaoSelecionado {
	background: #a0d0e7 !important;
	border: 1px solid rgba(.5, .5, .5, .2) !important;
}

#elemDetNotas .nonfa {
	font-size: 16px !important;
}

#elemDetNotas[data-num-notas]:not([data-num-notas="0"])::before {
	content: attr(data-num-notas);
}

#elemDetBtnDocumentosRelator {
	float: left;
	position: fixed;
	margin-top: 40px;
	margin-left: 5px;
}

#divDetalhesProcesso:not([data-eh-documento-relator=true]) #elemDetBtnDocumentosRelator {
	display: none;
}

#elemDetBtnDocumentosRelator ul li[data-selecionado=true] a {
	color: black;
	--outline: 2px solid #6a6060;
	background: #eff9ff;
	font-weight: bold;
}

#elemDetBtnDocumentosRelator ul {
	text-align: center;
	margin: 0px;
	padding: 0px;
	--background-color: white;
	display: inline-block;
	list-style: none;
	box-sizing: border-box;
}

#elemDetBtnDocumentosRelator ul li {
	min-width: 80px;
}

#elemDetBtnDocumentosRelator ul li a {
	min-width: inherit;
	padding: 3px 7px;
	margin: 2px;
	display: inline-block;
	background: white;
	color: #6D6D6D;
	text-decoration: none;
	box-sizing: border-box;
	border: 1px solid black;
	border-radius: 4px;
	font-size: 13px;
}

#elemDetBtnDocumentosRelator ul li a {
	color: #333;
}

#elemDetTabDocVotos ul {
	margin: 5px;
	padding: 0px;
	list-style: none;
	color: white;
	box-sizing: border-box;
}

#elemDetTabDocVotos ul li {
	display: inline;
	box-sizing: border-box;
}

#elemDetTabDocVotos ul li a {
	padding: 2px 5px;
	margin: 2px;
	display: inline-block;
	color: #6D6D6D;
	text-decoration: none;
	box-sizing: border-box;
	border: 1px solid black;
	border-radius: 4px;
	font-size: 14px;
}

#elemDetTabDocVotos ul li[data-documento-selecionado=true] a {
	color: black;
	--outline: 2px solid #6a6060;
	background: #eff9ff;
	box-sizing: border-box;
	font-weight: 400;
}

#elemDetTabDocVotos ul li:not([data-tem-declaracao-voto=true]) a {
	display: none;
}

#elemDetTabDocVotos ul li a:hover {
	color: #333;
	box-sizing: border-box;
}

#elemDetItem::before {
	content: "Item ";
}

#elemDetItem::after {
	content: " - ";
}

#elemDetHeader {
	border-bottom: thin solid gray;
	min-height: 52px;
}

#elemDetHeader h6 {
	line-height: 130%;
}

#elemDetHeader aside {
	line-height: 200%;
}

#divDetalhesProcesso[data-estah-impedido=false] #elemDetVotoOrgaoAtual:not([data-descricao-voto])::before {
	content: "Seu voto não foi proferido";
	color: maroon;
}

#divDetalhesProcesso[data-estah-impedido=true] #elemDetVotoOrgaoAtual::before {
	content: "Declarada suspeição ou impedimento";
	color: brown;
}

#elemDetVotoOrgaoAtual[data-descricao-voto]::before {
	content: attr(data-descricao-voto);
}

#elemDetDocumentoContainer {
	background-color: #eff9ff;
	width: 100%;
	min-height: 50px;
	display: block;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	box-sizing: border-box;
	overflow: scroll;
	overflow-x: auto;
	--border: 4px solid green;
}

.folhaA4 {
	font-family: "Noto Sans", "Open Sans", "Noto Sans Symbols2", "Noto Sans Symbols", "Noto Emoji", "Noto Color Emoji", "FreeSans", "Roboto", "DejaVu Sans", "Liberation Sans", "DejaVu Math TeX Gyre", "Helvetica Neue", Helvetica, Ubuntu, Tahoma, Arial, Verdana, sans-serif;
	font-size: 12px;
	background: #fff;
	width: 210mm;
	min-height: 297mm;
	margin: 0px auto;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
	color: #333;
	border: 1px solid #c0c0c0;
	box-shadow: 0px 0px 30px rgba(50, 50, 50, 0.75);
	padding-top: 25mm;
	padding-left: 30mm;
	padding-right: 30mm;
	padding-bottom: 25mm;
	border: 1px solid black;
	box-sizing: border-box;
}

.folha-A4 {
	font-family: "Noto Sans", "Open Sans", "Noto Sans Symbols2", "Noto Sans Symbols", "Noto Emoji", "Noto Color Emoji", "FreeSans", "Roboto", "DejaVu Sans", "Liberation Sans", "DejaVu Math TeX Gyre", "Helvetica Neue", Helvetica, Ubuntu, Tahoma, Arial, Verdana, sans-serif;
	font-size: 12px;
	background-color: white;
	width: 210mm;
	min-height: 297mm;
	margin: 0px auto;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
	color: #333;
	border: 1px solid #c0c0c0;
	box-shadow: 0px 0px 30px rgba(50, 50, 50, 0.75);
	padding-top: 25mm;
	padding-left: 30mm;
	padding-right: 30mm;
	padding-bottom: 25mm;
	box-sizing: border-box;
}

.folha-badon {
	background-color: white;
	width: 210mm;
	margin: 0px auto;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #c0c0c0;
	box-shadow: 0px 0px 30px rgba(50, 50, 50, 0.75);
}

.thumbsIcon{
	width: 22px;
	height: 20px;
}

#divFiltrosPorSituacao button {
	font-size: 14px;
	font-size-adjust: 0.5;
	border-style: groove;
	border-width: 1px;
	border-color: rgba(0, 0, 0, 0.1);
	line-height: 19px;
	margin-bottom: 3px;
	padding: 3px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.19);
	background-color: rgb(242, 241, 240);
	transition: all 0.4s;
	box-sizing: border-box;
	font-weight: 300;
}

#divFiltrosPorSituacao button:hover {
	border-color: rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.39);
}

#elemDetDocumentoVoto[data-pendente-liberacao=true]::before {
	position: fixed;
	bottom: 130px;
	margin-left: -210px;
	content: 'Documento pendente de liberação';
	display: block;
	color: red;
	transform: rotate(-90deg);
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px lightgrey;
	font-style: italic;
	background-color: #ff202050;
	padding: 0px 7px;
}

.svg-gavel, .svg-times, .svg-calendar, .svg-sticky-note, .svg-search-plus, .svg-edit, .svg-search-minus, .svg-plus-square, .svg-eye-slash {
	min-width: 13px;
	max-height: 13px;
	display: inline-block;
	font-style: normal;
	background-repeat: no-repeat;
	margin: 0px;
}

.svg-search-plus {
	mask: url('../img/search-plus-solid.svg') no-repeat;
	-webkit-mask: url(../img/search-plus-solid.svg) no-repeat;
	background-color: #303030;
	filter: blur(2px);
}

.svg-search-minus {
	mask: url("../img/search-minus-solid.svg") no-repeat;
	-webkit-mask: url(../img/search-minus-solid.svg) no-repeat;
	background-color: #303030;
	filter: blur(2px);
}

.svg-edit {
	background-image: url("../img/edit-regular.svg");
}

.svg-eye-slash {
	background-image: url("../img/eye-slash-regular.svg");
}

.svg-plus-square {
	background-image: url("../img/plus-square-regular.svg");
}

.svg-gavel {
	background-image: url("../img/gavel-solid.svg");
}

.svg-times {
	background-image: url("../img/times-solid.svg");
}

.svg-calendar {
	background-image: url("../img/calendar-times-regular.svg");
}


/* Development mode */
#divDevelHeader {
	background: black;
	color: white;
	width: 100%;
	display: none
}

#divSessaoAtual {
	float: right;
	padding: 4pt;
	font-size: 9px
}

#txtUsuarioAtual {
	width: 90px;
}

#txtPerfilAtual {
	min-width: 450px;
}

#selSessaoAtual {
	width: 190px;
	text-align: right;
}

#selMagistradoAtual {
	width: 200px;
	text-align: right
}

#btnReiniciar {
	margin: 2px; padding: 2px; font-size: 8px
}

#divDevelHeader h1 {
	font-size: 12px;
	font-weight: bolder;
	line-height: 1;
}

#divDevelHeader h1::before {
	font-size: 10px;
	display: block;
	content: 'Painel';
	line-height: 1;
}

#divDevelHeader div[role="group"] {
	display: inline-block;
}
#divDevelHeader label {
	display: block;
	font-size: 8px;
	font-weight: lighter;
}