@import '_fontes.css';

.filtro {
	padding: 18px;
	background-color: #cbe3ef;
	margin-bottom: 20px;
	border-radius: 15px;
}

.filtro-select {
	display: flex;
    flex-direction: column;
    width: fit-content;
}

.filtro-select label {
	color: #71869d;
}

.filtro-select select {
	padding: 5px;
}

/*Botões filtro*/
.btn-filtro-impressao {
	display: flex;
}

.informacoes-impressoes-firefox {
	margin-left: 10px;
}

.informacoes-impressoes-firefox:hover > .box-info {
	display: block;
} 

.informacoes-impressoes-firefox {
	display: none;
}

/*Chrome*/

.informacoes-impressoes-chrome {
	margin-left: 10px;
	display: none;
}

.informacoes-impressoes-chrome:hover > .box-info-2 {
	display: block;
} 


.box-info {
	display: none;
	background-color: white;
	padding: 20px;
	width: 250px;	
	position: absolute;
    z-index: 1;
    left: -75px;
    right: 0;
    top: 49px;
	text-align: left;
	border-radius: 15px;
	background-color: #ffc02f;
	box-shadow: 4px 12px 18px -8px rgb(224, 163, 23);
    border-radius: 8px;
	color: #fff;
}

.box-info-2 {
	display: none;
	background-color: white;
	padding: 20px;
	width: 250px;	
	position: absolute;
    z-index: 1;
    left: -75px;
    right: 0;
    top: 49px;
	text-align: left;
	border-radius: 15px;
	background-color: #ffc02f;
	box-shadow: 4px 12px 18px -8px rgb(224, 163, 23);
    border-radius: 8px;
	color: #fff;
}

.box-info ul {
	list-style: decimal;
	padding-left: 15px;
}

.box-info ul li:first-child{
	margin-bottom: 10px;
}

.box-info-2 ul {
	list-style: decimal;
	padding-left: 15px;
}

.box-info-2 ul li:first-child{
	margin-bottom: 10px;
}

.card-adm {
	padding: 18px;
	background-color: #fff;
	margin-bottom: 20px;
	border-radius: 15px;
	border: 1px solid #d1d1d1;
	box-shadow: 0px 25px 16px -23px rgba(0,0,0,0.1);
}

.card-donut-flex {
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.card-adm h4{
	font-family: "roboto-regular";
	margin-bottom: 10px;
    color: #43acff;
}

.card-subtitulo {
	display: flex;
	align-items: center;
}

.card-subtitulo img{
	margin-right: 5px;
}


.card-subtitulo h5{
	font-family: "roboto-regular";
    color: #71869d;
	text-transform: uppercase;
}

.informacoes h2 {
	color: #000;
	margin-bottom: 0;
    margin-top: 10px;
}

/*Gráficos*/
.grafico-area {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 15px;
}

.grafico-info  {
	margin-right: 15px;
}

.grafico-info h5 {
	font-family: "roboto-regular";
    color: #71869d;
	text-transform: uppercase;
}

.grafico-info h1 {
	color: #000;
	margin-top: 0;
}

.grafico-center {
	text-align: center;
}

.grafico-center img {
	margin: auto;
}

/*Legenda*/
.table-legenda {
	width: 100%;
}

.width-legenda {
	width: 25%;
	text-align: center;
	padding: 5px;
}

.legenda-topico {
	display: flex;
	align-items: center;
}

.legenda-topico p{
	margin-bottom: 0;	
	color: #71869d;
	text-transform: uppercase;
	/*white-space: nowrap;*/
	text-align: left;
}

.box-projudi {
	/*background-color: #0287d0;*/
	width: 15px;
	height: 15px;
	border-radius: 5px;
	margin-right: 15px;
}

.box-pje {
	/*background-color: #8e44ad;*/
	width: 15px;
	height: 15px;
	border-radius: 5px;
	margin-right: 15px;
}

.box-pje {
	/*background-color: #8e44ad;*/
	width: 15px;
	height: 15px;
	border-radius: 5px;
	margin-right: 15px;
}

.box-eproc {
	/*background-color: #da3c78;*/
	width: 15px;
	height: 15px;
	border-radius: 5px;
	margin-right: 15px;
}

.box-outros {
	/*background-color: #0eac51;*/
	width: 15px;
	height: 15px;
	border-radius: 5px;
	margin-right: 15px;
}

.box-ativo {
	/*background-color: #83b6ff;*/
	width: 15px;
	height: 15px;
	border-radius: 5px;
	margin-right: 15px;
}

.box-suspenso {
	/*background-color: #ff6161;*/
	width: 15px;
	height: 15px;
	border-radius: 5px;
	margin-right: 15px;
}

.box-arquivados {
	/*background-color: #ffae85;*/
	width: 15px;
	height: 15px;
	border-radius: 5px;
	margin-right: 15px;
}

.box-provisoriamente {
	/*background-color: #3da321;*/
	width: 15px;
	height: 15px;
	border-radius: 5px;
	margin-right: 15px;
}

.box-baixados {
	/*background-color: #969696;*/
	width: 15px;
	height: 15px;
	border-radius: 5px;
	margin-right: 15px;
}

.card-height-adm {
	height: 628px;
}

.legenda-margin-top {
	margin-top: 100px;
}

.card-adm-header {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

.procentagem {
	background-color: #d1ffc7;	
	border-radius: 5px;	
	height: 29px;
}

.procentagem-legenda {	
	width: min-content;
    margin: auto;	
}


.procentagem p {
	padding: 4px 9px;
	color: #05a53a;	
}

.total {
	text-align: right;
}


.total h4 {
	font-weight: bold;
	color: #000;
	
}

.processos-procurador td:last-child {
	text-align: right;
}

.icone-legenda {
	width: 20px;
	margin-right:10px;
}

/*Processo por procurador*/
.titulo-processo p{
	font-family: "roboto-regular";
    color: #71869d;
    text-transform: uppercase;
	letter-spacing: 0;
	margin-top: 8px;
}

.abas-processos {
	border: 0;
}

.abas-processos > li.active > a {
	border-color: #2d9af4 !important;
	box-shadow: 0px 17px 30px -23px rgba(0,0,0,0.42) !important;
	opacity: 1;
	transform: scale(1.05);
	transition: 0.5s;
}

.abas-processos > li > a {
	background-color: #fff;
	border-radius: 12px;
	color: #71869d !important;
	text-transform: uppercase;
	border-radius: 12px;
	border: 1.8px solid !important;	
	font-weight: 100 !important;		
	box-shadow: none !important;
	letter-spacing: 1px !important;
	opacity: 0.5;
}
.abas-processos  li {
	min-width: 200px;
	margin-right: 15px;
}

.abas-processos {
	width: auto;
	overflow-x: auto;
	overflow-y: hidden;
	display: flex;
}

.abas-processos > li > a:hover {
	background-color: #fff !important;
}
.abas-processos > li > a h2{
	margin-top: 8px;
	color: #000 !important;
	margin-bottom: 8px;
}

/*Scroll*/
.abas-processos {
	padding: 10px 15px 25px 5px;
}
.abas-processos::-webkit-scrollbar-track {
	background-color: #dad8d8;
	border-radius: 25px;
}

.abas-processos::-webkit-scrollbar {
	width: 6px;
	z-index: -1000;
}

.abas-processos::-webkit-scrollbar-thumb {
	background: #2d9af4;
	border-radius: 25px;
}

/*Header print*/
.header-print {
	display: none;
}

 .header-logo {
	 margin-right: 25px;
 }

.header-print .header-logo img {
	width: 80px;
}

.header-conteudo h2{
	color: #000000;
	font-size: 20px;
	margin-top: 0;
	margin-bottom: 0;
}

.header-conteudo p{
	color: #000000;
	font-size: 15px;
	text-transform: uppercase;
	margin-bottom: 0;
}

.header-contato {
	display: flex;
	flex-direction: column;
}

.header-contato span {
	font-size: 12px;
}

.d-none {
	display: none;
}

#graficoQuantidadeProcessoProcuradoria svg {
	display: flex;
	margin: auto;
}