/*Configuração das fontes-Início*/

@font-face {
	font-family: Merienda;
	src: url('fonts/Merienda-Regular.ttf') format('truetype');
}

@font-face {
	font-family: Merienda-bold;
	src: url('fonts/Merienda-Bold.ttf') format('truetype');
}

@font-face {
	font-family: Roboto-black;
	src: url('fonts/Roboto-Black.ttf') format('truetype');
}

@font-face {
	font-family: Roboto-blackitalic;
	src: url('fonts/Roboto-BlackItalic.ttf') format('truetype');
}

@font-face {
	font-family: Roboto-bold;
	src: url('fonts/Roboto-Bold.ttf') format('truetype');
}

@font-face {
	font-family: Roboto-BoldItalic;
	src: url('fonts/Roboto-BoldItalic.ttf') format('truetype');
}

@font-face {
	font-family: Roboto-italic;
	src: url('fonts/Roboto-Italic.ttf') format('truetype');
}

@font-face {
	font-family: Roboto-normal;
	src: url('fonts/Roboto-Regular.ttf') format('truetype');
}

@font-face {
	font-family: Merriweather-Regular;
	src: url('fonts/Merriweather-Regular.ttf') format('truetype');
}

@font-face {
	font-family: Merriweather-Bold;
	src: url('fonts/Merriweather-Bold.ttf') format('truetype');
}

/*Configuração das fontes-Final*/

/*---------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------*/

/*Configuração geral-Início*/

html, body {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	font-family: Roboto-normal;
	font-size: 14px;
	display: flex;
  flex-direction: column;
}

.conteudo {
  flex: 1;
  padding-top: 15px;
}

.carregando{
	color:#ff0000;
	display:none;
}

.ui-autocomplete {
	font-size: 12px;
	font-family: Roboto-normal;
	width: 200px;
}

.mensagem {
	font-family: Roboto-normal;
	font-size: 14px;
	font-weight: bold;
	color: green;
	position: fixed;  
	top: 10px; 
	height: 50px;
  width: 225px;  
  background-color: whitesmoke;
  border-radius: 10px;
  border-color: green;
  border-width: 1px;
  border-style: solid;
  padding: 10px;
  z-index: 10;  
}

.animacao {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  background-color: green;
  border-radius: 50%;
  animation: pulse 1s infinite;
}

.error {
  border: 2px solid red !important;
}

.misspelled {
  text-decoration: underline red;
}

a.link_anexo {
    white-space: nowrap; /* Prevent text from wrapping */
    overflow: hidden; /* Hide overflow */
    text-overflow: ellipsis; /* Add ellipsis for truncated text */
    max-width: 100%; /* Adjust this value as needed */
}

.anexo_del_option {
    display: block; /* Ensures the element respects block behavior */
    max-width: calc(100% - 35px) !important; /* Adjust to reserve space for the button */
}

.delete-file {
    flex-shrink: 0; /* Prevents the button from shrinking */
}

@keyframes pulse {
  0% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  50% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(0.8);
    opacity: 0.5;
  }
}

div.procs_tables {
	margin-bottom: 50px;
	width: 90%;
	margin-left: 6%;
}

div#result_ord {
	margin-top:0px;
	padding: 10px;
}

div.tables_meus_processos {
	margin-bottom: -21px;
}

/*div.tables_procs_d_d_o {
	border: solid 2px #157347;
	margin-bottom: 10px;
	margin-top: -15px;
	border-radius: 5px;
}*/

.grupo_principal {
    margin-bottom: 20px;
}

.btn.online {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 5px;
}

.circulo input.oculto_2 {
    width: 30px;
    text-align: center;
    border: none;
    background: transparent;
    font-weight: bold;
    pointer-events: none;
}

.subitens {
    padding-left: 20px;
    border-left: 3px solid #ccc;
    margin-left: 10px;
    display: none;
}

.tables_procs_d_d_o {
    border: solid 2px #157347;
    margin-bottom: 10px;
    margin-top: -7px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #f7f7f7;
}

div.sem_processo {
	background-color: #f8f9fa;
	color: black;
	width: 95%;
	margin-left: 50%;
	transform: translateX(-50.4%);
	border: 1px solid #157347;
	border-radius: 5px;
	padding: 5px;
	margin-bottom: 10px;
	margin-top: 10px;
}

button.online, button.dispensa, button.ordinario {
	margin-bottom: 10px;
	width: 100%;
}

span.texto_processos {
	float: left;
}

span.texto_mais {
	float: right;
}

h3 {
	font-family: Merriweather-Bold;
	position: fixed;
  left: 0;
  right: 0;
  top: 30px;
  overflow-x: auto;
  padding: 10px;
  white-space: nowrap;
  z-index: 8;
}

h5 {
	font-family: Merriweather-Bold;
}

.h3y {
	display: none;
}

input[type=number], input[type=date], input.numProcesso, input.numProtocolo, select.anos_proc, select.anos_fiscais, input.nums_notifs, .curto {
	width: 140px !important;
	padding: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

input.nums_notifs_jud {
	width: 100px !important;
	padding: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

button[type=button] {
	margin-right: 10px;
}

.dimmed-input {
  background-color: #f2f2f2;
  color: #999999;
  opacity: 0.6;
}

@media screen and (max-width: 992px) {
  h3 {
  	display: none;
    /*font-size: 15px;
    margin-top: 30px;*/
  }
}

@media screen and (max-width: 992px) {
  .texto_processos {
  	font-size: 12px !important;
  	line-height: 20px;
  }
}

@media screen and (min-width: 992px) {
  input.oculto_2 {
		border:none !important;
		width:20px !important;
		outline:none;
		background-color: transparent;
		color: black;
		font-family: Arial;
		font-size: 20px;
		font-weight:bold;
		margin-top: -5px;
	}
}

@media screen and (max-width: 992px) {
  input.oculto_2 {
  	border:none !important;
		width:20px !important;
		outline:none;
		background-color: transparent;
		color: black;
		font-family: Arial;
		font-weight: bold;
  	position: absolute;
  	height: 15px;
  	font-size: 14px;
  	top: 1px;
  	right: -3.5px;
  }
}

@media screen and (max-width: 992px) {
  span.circulo {
  	height: 15px !important;
  	width: 15px !important;
  }
}

/*Configuração geral-Final*/

/*---------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------*/

/*Configuração do login-Início*/

.form-signin {
  max-width: 300px;
  padding: 10px;
  position:relative;
  margin-top: 15%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px;
  background-color: #f8f9fa;
  border: solid 4px #07b128;
  border-radius: 10px;
}

.form-signin_2 {
  width: 800px;
  padding: 10px;
  position:relative;
  margin-top: 5%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 100px;
  background-color: #f8f9fa;
  border: solid 4px #07b128;
  border-radius: 10px;
}

.form-signin_3 {
  width: 330px;
  padding: 10px;
  position:relative;
  margin-top: 15%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px;
  background-color: #f8f9fa;
  border: solid 4px #07b128;
  border-radius: 10px;
}

.form-signin-heading {
	margin-top: 4px;
	font-size: 25px;
	text-align: center;
	margin-left: 5px;
}

.form-signin-heading_2 {
	margin-top: 3px;
	font-size: 25px;
	margin-left: 5px;
}

.botao-acessar-tec, .botao-redef {
	margin-bottom: 0px !important;
}

.subtitle_redef_senha {
	font-size: 25px !important;
	font-weight: bold;
	margin-bottom: -6px;
}

.h2_bold {
	font-family: Merriweather-Bold;
	font-weight: bold;
}

/* .logo_form_r {
	margin-left: ;
} */

#heading-form_2 {
	margin-left: 50%;
	transform: translateX(-50%);
	width: 450px;
}

.head_row {
	margin-bottom: 0px;
}

img#logo_login {
	height: 40px;
	width: 40px;
}

.login_checkbox {
	margin-top: 10px;
	margin-bottom: 15px;
}

a {
	text-decoration: none !important;
}

a.link_login {
	text-decoration: none;
	color: #07b128;
}

#login_tecnico, #login_publico {
	margin-top: 12px;
}

#registro_pf {
	margin-left: 78%;
}

#registro_pj {
	margin-left: 76%;
}

.form-signin .checkbox {
  font-weight: normal;
}

.form-signin .form-control, .form-signin_3 .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 7px;
  margin-top: -5px !important;
  font-size: 14px;
}

.form-signin .form-control:focus {
  z-index: 2;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #07b128;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #07b128;
}

input:focus + .slider {
  box-shadow: 0 0 1px #07b128;
}

input:checked + .slider:before {
  -webkit-transform: translateX(36px);
  -ms-transform: translateX(36px);
  transform: translateX(36px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/* Adding text in the toggle switch */
.switch .labels {
    position: absolute;
    top: 8px;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 12px;
    transition: all 0.4s ease-in-out;
}

.switch .labels::after {
    content: attr(data-off);
    position: absolute;
    right: 5px;
    color: #ffffff;
    opacity: 1;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    transition: all 0.4s ease-in-out;
}

.switch .labels::before {
    content: attr(data-on);
    position: absolute;
    left: 10px;
    color: #ffffff;
    opacity: 0;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    transition: all 0.4s ease-in-out;
}

.switch input:checked~.labels::after {
    opacity: 0;
}

.switch input:checked~.labels::before {
    opacity: 1;
}

/* --------------------------------------------------------------------------------------------------------------- */

.form-signin button[type="submit"], .form-signin_2 button[type="submit"], .form-signin_3 button[type="submit"] {
	background-color: #07b128;
}

.form-signin input[type="email"], .form-signin input[type="text"], .form-signin_2 input[type="email"], 
.form-signin_2 input[type="text"], .form-signin_3 input[type="text"] {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  margin-top: 0px;
  margin-bottom:10px;
}

.form-signin input[type="password"], .form-signin_2 input[type="password"] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0px;
  margin-bottom: 10px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 800px) {
  #heading-form_2 {
    width: 280px;
  }
}

@media screen and (max-width: 800px) {
  .form-signin_2 img#logo_login {
    width: 35px;
    height: 35px;
  }
}

@media screen and (max-width: 800px) {
  .form-signin-heading_2 {
    font-size: 20px;
    margin-top: 6px;
  }
}

@media screen and (max-width: 800px) {
  .form-signin, .form-signin_2 {
    width: 350px;
    padding: 5px;
    border: solid 3px #07b128;
  }
}

@media screen and (max-width: 800px) {
  .form-signin_2 {
  	margin-top: 30px;
  	margin-bottom: 30px;
  }
}

@media screen and (max-width: 800px) {
  #registro_pf {
  	font-size: 12px;
  	margin-left: 55%;
  }
}

@media screen and (max-width: 800px) {
  #registro_pj {
  	font-size: 12px;
  	margin-left: 52%;
  }
}

/*Configuração do login-Fim*/

/*---------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------*/

/*Configuração das tabelas-Início*/

button[type=button].excluir:hover {
	background-color: darkred;
}

button[type=button].excluir {
	border: solid 1px red;
	background-color: red;
	margin-right: 0px;
}

button[type=button].editar {
	margin-right: 2px;
}

button[type=submit].button_pesquisa {
	margin-left: -15px;
	margin-top: 3px;
}

button[type=submit]#button_submit_r {
	width: 110%;
	height: 80%;
}

/*form.filtro_emp {
	margin-top: -10px;
}*/

div.select_my_procs {
	margin-top: -1px;
	margin-right: 5px;
}

.pesquisa {
	max-width: 400px;
	position: relative;
	margin-left: 50%;
	transform: translateX(-50%);
	margin-bottom: 10px;
}

.search_my_processes {
	/*border: solid 2px red;*/
	margin-top: 15px;
	margin-bottom: -15px;
}

.tbr {
	max-height: 620px;
	display: block;
	overflow-y: auto;
	overflow-x: auto;
	margin-bottom: 0px;
	width: 100%;
}

.tbrp {
	max-height: 530px;
	display: block;
	overflow-y: auto;
	overflow-x: auto;
	margin-bottom: 50px;
	width: 100%;
}

.tbrp2 {
	max-height: 620px;
	display: block;
	overflow-y: auto;
	overflow-x: auto;
	margin-bottom: 0px;
	width: 100%;
}

.tbrp3 {
	max-height: 420px;
	display: block;
	overflow-y: auto;
	overflow-x: auto;
	margin-bottom: 0px;
	width: 100%;
}

.tbe {
	max-height: 620px;
	display: block;
	overflow-y: auto;
	overflow-x: auto;
	margin-bottom: 10px;
	width: 90%;
	margin-left: 6%;
}

.tbd {
	max-width: 550px;
	margin-left: 50%;
	transform: translateX(-50%);
	margin-bottom: 40px;
}

.tbde {
	width: 110%;
	margin-left: 50%;
	display: block;
	overflow-y: auto;
	overflow-x: auto;
	transform: translateX(-50%);
	margin-bottom: 60px;
}

.paginacao {
	text-align: center;
	position: relative;
	margin-bottom: 150px;
	margin-top: -40px;
	margin-left: 50%;
	transform: translateX(-50%);
}

.paginacao_lista_empresas {
	text-align: center;
	position: relative;
	margin-bottom: 50px;
	margin-top: 20px;
	margin-left: 50%;
	transform: translateX(-50%);
}

/*.table_procs {
	width: 2000px;
}*/

.table_emp {
	width: 100%;
}

.table_validacao {
	width: 1200;
}

.table_procs_2 {
	width: 100%;
}

.table_procs_3 {
	width: 1450px;
}

table {
	text-align: center;
}

table thead th, table tbody td {
	padding: 10px;
	font-weight: normal;
	font-size: 11px;
	border: none;
}

/*.end_table {
	width: 200px;
}

.ativ_table {
	width: 200px;
}*/

.first_row {
	background-color: #198754 !important;
	color: white;
	font-weight: bold;
	font-size: 12px;
	position: sticky;
	top: -1px;
}

.col_button {
	border: solid 1px white;
}

table tbody tr:nth-child(even) {
	background-color: #cfe2ff;
}

table tbody tr:nth-child(odd) {
	background-color: #f8f9fa;
}

table tbody tr:hover {
	background-color: lightgrey;
}

div#espaco_procs {
	height: 80px;
}

div#espaco_procs_2 {
	height: 110px;
}

div#espaco_procs_3 {
	height: 95px;
}

div#pesquisa_empresa {
	margin-left: 50%;
	transform: translateX(-50%);
	width: 800px;
	margin-bottom: 10px;
}

input[type=text].parametro_emp {
	width: 240px;
}

button[type=submit].button_pesquisa_emp {
	margin-left: -15px;
	margin-top: 3px;
}

#modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 4%);
    width: 50%; /* Adjust width as needed */
    height: 650px; /* Adjust height as needed */
}

#modal-content iframe {
    width: 100%; /* Make the iframe span the full width of the modal content */
    height: 100%; /* Make the iframe span the full height of the modal content */
    display: block; /* Display the iframe as a block element */
    margin: 0 auto; /* Center the iframe horizontally within the modal content */
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 992px) {
  .pesquisa {
    width: 220px;
  }
}

@media screen and (max-width: 992px) {
  div#pesquisa_empresa {
    width: 350px;
  }
}

@media screen and (max-width: 600px) {
  input[type=text].parametro_proc,
  .button_pesquisa {
    height: 25px;
    font-size: 11px;
  }
}

@media screen and (max-width: 600px) {
  input[type=text].parametro_emp, button[type=submit].button_pesquisa_emp {
  	width: 160px;
    height: 25px;
    font-size: 10px;
    margin-left: 0px;
  }
}

@media screen and (max-width: 992px) {
  button[type=submit].button_pesquisa {
    margin-left: 1%;
  }
}

@media screen and (max-width: 600px) {
  .tbr, .tbe, .tbd, .tbrp, .tbrp2, .tbde {
    max-height: 285px;
    width: 330px;
  }
}

@media screen and (max-width: 600px) {
  .table_procs_2 {
    width: 1200px;
    /*width: 100%;*/
  }
}

@media screen and (max-width: 600px) {
  .tbr {
    margin-bottom: -15px;
  }
}

@media screen and (max-width: 600px) {
  .tbrp {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 600px) {
  table tbody td {
    font-size: 9px;
  }
}

@media screen and (max-width: 600px) {
  table th {
    font-size: 9px !important;
  }
}

@media screen and (max-width: 600px) {
  button[type=button].excluir, button[type=button].editar {
    font-size: 9px;
  }
}

@media screen and (max-width: 600px) {
  button[type=submit].editar {
    font-size: 9px;
    width: 27px;
  }
}

@media screen and (max-width: 600px) {
  .paginacao, .paginacao_lista_empresas {
    font-size: 11px;
  }
}

@media screen and (max-width: 992px) {
  div#espaco_procs {
    height: 80px;
  }
}

/*Configuração das tabelas-Fim*/

/*---------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------*/

/*Configuração da navbar-Início*/

#header {
	position: fixed;
	width: 100%;
	background-color: #fbfcfc;
	padding-bottom: 15px;
	z-index: 7;
}

#logo {
	height: 45px;
	position: relative;
	margin-left: 80px;
	margin-top: 15px;
}

#barra {
	z-index: 15;
}

.fixo {
	width: 100%;
	position: fixed;
}

div#dados_login {
	position: fixed;
	font-weight: bold;
	font-size: 12px;
	float: right;
	top: 7px;
	right: 7px;
	z-index: 12;
}

div#usuario {
	float: right;
}

div#dados_login_2 {
	position: fixed;
	float: right;
	top: 7px;
	right: 7px;
	font-weight: bold;
	font-size: 10px;
	z-index: 11;
}

div#usuario_2 {
	margin-top: 3px;
}

div#aux {
	float: right;
}

button[type=button]#sair {
	width: 70px;
	height: 30px;
	font-size: 11px;
	float: right;
}

button[type=button]#sair_2 {
	width: 60px;
	height: 25px;
	font-size: 10px;
}

button[type=button]#sair:hover, button[type=button]#sair_2:hover {
	background-color: darkred;
}

ul {
	position: relative;
	list-style-type: none;
	text-decoration-style: none;
}

li a {
	text-align: center;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 992px) {
  .dropdown-menu {
    margin-left: 50%;
    transform: translateX(-50%);
  }
}

/*Configuração da nova navbar-vertical*/

ul.nav li a {
	font-size: 13px;
}

ul.submenu li a {
	font-size: 11px;
}

#sidebar {  
	font-family: Merriweather-Regular;
  position: fixed;  
  top: 0;  
  left: 0;  
  width: 145px;  
  transform: translateX(-85px); /* Collapsed position */
  transition: transform 1s ease;
  height: 100%;  
  background-color: forestgreen;  
/*  transition: width 1s;  */
  overflow-x: visible;  
/*  overflow-y: scroll;*/
  z-index: 22;
} 
#sidebar.expanded {  
/*    width: 145px;  */
    transform: translateX(0); /* Expanded position */
} 
#sidebar .nav-item {  
    width: 100%;  
}  
#sidebar .nav-link {  
    color: #fff;  
/*    padding: 15px; */
    padding: 15px 10px; /* Add consistent padding */
    display: flex; /* Align icons and text in a single row */
    align-items: center; /* Center align text with icons */
    justify-content: start; /* Align content to the left */
    transition: all 0.5s ease;
}   
#sidebar .nav-link:hover {  
    background-color: white;
    color: black;
    font-size: 13px;  
} 
#sidebar .nav-link #notificationDropdown:hover {  
   background-color: yellow;
   color: yellow;
   font-size: 13px;  
}  
#sidebar .nav-link.selected {
    background-color: white;
    color: black;
}
#sidebar.expanded .nav-link {  
    text-align: left;
}  
#sidebar .nav-link i {  
    font-size: 20px;  
    display: inline-block; /* Ensure icons are always visible */
    transition: transform 1s ease; 
    transform: translateX(92px);
}  
#sidebar.expanded .nav-link i {  
    transform: translateX(0);
}
#sidebar .nav-link span {  
    height: -3px;
    opacity: 0; /* Ensure smooth fade-in */
    margin-left: 10px;
    transition: opacity 1s ease, transform 1s ease;
} 
#sidebar.expanded .nav-link span {  
    margin-left: 10px;  
    display: inline-block; /* Show text */
    opacity: 1; /* Fade in */
/*    transform: translateX(0); /* Reset position */*/
}   
#sidebar .nav-link #bell {  
    transform: translateX(85px);
}
#sidebar.expanded .nav-link #bell {  
    transform: translateX(0);
}  
#sidebar .nav-link #notificationCount {  
		opacity: 1;
    display: inline-block; /* Ensure icons are always visible */
    transition: transform 1s ease; 
    transform: translateX(80px);
} 
#sidebar.expanded .nav-link #notificationCount {  
    transform: translateX(0px);
} 
#sidebarToggle {  
    position: absolute;  
    top: 10px;  
    right: 5px;  
    background-color: white;  
    border-radius: 50%;  
    color: green;  
    border: none;  
    outline: none;  
    width: 50px;  
    height: 50px;  
    font-size: 24px;  
    cursor: pointer;
} 
/* Styles for submenus */  
/*.submenu .nav-link {  
    padding-left: 50px;  
    display: flex;  
    align-items: center;  
    white-space: nowrap;  
} */ 
.submenu .nav-link span {  
    display: inline;  
}  
.collapse {
    transition: height 0.5s ease-out; /* Smooth animation */
}
/*collapse.show {
    max-height: 500px;
}*/
/* Adjust toggle button when sidebar is expanded */  
#sidebar.expanded #sidebarToggle {  
    right: 45px;  
}  
#sidebar #logo {
    transition: transform 1s ease, margin-left 1s ease;
    /* Optional: Initial position */
    transform: translateX(85px);
}

#sidebar.expanded #logo {
    /* Move the image to the right during sidebar expansion */
    transform: translateX(45px); /* Adjust the value as needed */
}

/* Estilo para o dropdown de notificações */
#notificationList {
    width: 300px; /* Largura do dropdown */
    max-height: 400px; /* Altura máxima */
    overflow-y: auto; /* Adiciona scroll se houver muitas notificações */
    position: fixed;
    text-align: center;
    top: 66px; /* Ajuste a distância do topo conforme necessário */
    left: 148px; /* Ajuste a distância da esquerda conforme necessário */
    z-index: 23;
    font-size: 8px !important;
    font-weight: bold !important;
    background-color: white; /* Cor de fundo do dropdown */
    border: 1px solid #ddd; /* Borda do dropdown */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra para destacar o dropdown */
}

/* Estilo para os itens de notificação */
#notificationList .dropdown-item {
		font-size: 12px;
    white-space: normal; /* Permite que o texto quebre em várias linhas */
    padding: 0.5rem 1rem; /* Espaçamento interno */
    color: black; /* Cor do texto */
    font-weight: 500;
    text-decoration: none; /* Remove sublinhado dos links */
    display: block; /* Faz com que cada item ocupe uma linha inteira */
}

#notificationList .dropdown-item:hover {
    background-color: #f8f9fa; /* Cor de fundo ao passar o mouse */
}

#notificationCount.hidden {
/*    opacity: 0 !important;*/
    display: none !important; /* Completely hide it */
}

#notificationDropdown i {
    display: inline-block; /* Ensure icons are always visible */
    transition: transform 1s ease; 
}

/* Move the bell icon when notification count is hidden */
#notificationDropdown.no-notifications i {
    transform: translateX(96px) !important; /* Adjust as needed */
}

#sidebar.expanded #notificationDropdown.no-notifications i {
    transform: translateX(0px) !important; /* Adjust as needed */
}

button[type=submit].button_notif_menu_down {
	width: 106%;
	background-color: white;
	border-color: white;
	border-width: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: -3%;
}

.dropdown-header {
	font-size: 14px;
	color: forestgreen;
}

.data_receb_notif_menu {
	font-size: 9px;
	color: grey;
}

.nenhuma_notificacao {
	font-size: 12px;
	color: black;
}

#notificacoes_lidas, #notificacoes_recebidas {
	width: 96%;
	margin-left: 2%;
	margin-bottom: -3px !important;
	font-size: 11px;
	color: forestgreen;
	background-color: whitesmoke;
	border-width: 0px;
	border-radius: 7px;
	padding: 3px;
}

/*Configuração da navbar-Fim*/

/*---------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------*/

/*Configuração do dashboard-Início*/

.table .google-visualization-table-tr-odd, .table .google-visualization-table-tr-even {
    background-color: transparent;
}
#table_div .table {
    margin-bottom: 0;
}
.TotalRow {
    background-color: #e4e9f4;
}
.TotalRow td {
    background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.7) 30%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 100%);
    font-weight : 700;
}

div#espaco_dash {
	margin-top: 50px;
}

.col-dash-10 {
	width: 10%;
}

.col-dash-4 {
	width: 4%;
}

.col-dash-5 {
	width: 5%;
}

.col-dash-20 {
  width: 20%;
}

.col-dash-40 {
  width: 40%;
}

.col-dash-45 {
  width: 45%;
}

.col-dash-39 {
	width: 39%;
}

.col-dash-48 {
	width: 48%;
}

.col-dash-55 {
  width: 55%;
}

.col-dash-56 {
  width: 56%;
}

.col-dash-60 {
  width: 60%;
}

.col-dash-71 {
  width: 71%;
}

button[type=submit]#submit_tabela {
	margin-left: -17px;
	height: 33px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 992px) {
  div#espaco_dash {
    height: 20px;
  }
}

@media screen and (max-width: 1400px) {
  .col-dash-40 {
    width: 55%;
  }
}

@media screen and (max-width: 1400px) {
  .col-dash-60 {
    width: 45%;
  }
}

@media screen and (max-width: 992px) {
  .col-dash-5, .col-dash-39, .col-dash-56 {
    width: 100%;
  }
}

@media screen and (max-width: 992px) {
	.col-dash-aux {
    width: 71%;
    margin-top: 20px;
  }
}

@media screen and (max-width: 992px) {
  .col-dash-20 {
    width: 37%;
  }
}

@media screen and (max-width: 992px) {
  .col-dash-40, .col-dash-60 {
    width: 50%;
  }
}

@media screen and (max-width: 500px) {
	.col-dash-71, .col-dash-aux {
    width: 100%;
  }
}

/*@media screen and (max-width: 992px) {
  button[type=submit]#submit_tabela, select#anos {
  	margin-left: 0px !important;
  	margin-top: 5px !important;
  	font-size: 14px;
  }
}*/

/*@media screen and (max-width: 992px) {
  div#curve_chart, div#bars_2 {
  	/*width: 450px;*/
  	margin-top: 10px !important;
  	/*margin-left: 50%;
  	transform: translateX(-50%);
  	margin-bottom: 150px;*/
  }
}*/

@media screen and (max-width: 992px) {
  div#table_div, div#bars_1 {
  	width: 600px;
  	margin-left: 50%;
  	transform: translateX(-50%);
  	margin-bottom: 10px !important;
  }
}

@media screen and (max-width: 992px) {
  div#curve_chart {
		margin-top: -70px !important;
  	width: 600px;
  	margin-left: 50%;
  	transform: translateX(-50%);
/*  	margin-bottom: 10px !important;*/
  }
}

@media screen and (max-width: 992px) {
  div#bars_2 {
/*  	margin-top: 20px !important;*/
  	width: 600px;
  	margin-left: 50%;
  	transform: translateX(-50%);
  	margin-bottom: 50px;
  }
}

@media screen and (max-width: 500px) {
  div#table_div, div#bars_1 {
  	width: 340px;
  	margin-left: 50%;
  	transform: translateX(-50%);
  	margin-bottom: 10px !important;
  }
}

@media screen and (max-width: 500px) {
  div#curve_chart {
  	margin-top: -70px !important;
  	width: 340px;
  	margin-left: 50%;
  	transform: translateX(-50%);
/*  	margin-bottom: 10px !important;*/
  }
}

@media screen and (max-width: 500px) {
  div#bars_2 {
/*  	margin-top: 20px !important;*/
  	width: 340px;
  	margin-left: 50%;
  	transform: translateX(-50%);
  	margin-bottom: 50px;
  }
}

/*Configuração do dashboard-Fim*/

/*---------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------*/

/*Configuração do quadro de resumo-Início*/

.fundo {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 9;
	display: none;
}

.snd_fundo {
	position: fixed;
	margin-top: -2%;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 21;
	display: none;
}

.fechar {
	float: right;
	color: red;
	font-size: 20px;
	font-weight: bold;
	margin-top: -3px;
	margin-right: 2px;
}

.fechar_2 {
	float: right;
	color: red;
	top: 0px;
	left: 0;
	font-size: 20px;
	font-weight: bold;
	margin-top: -5px;
	margin-right: 0px;
}

.fechar:hover, .fechar_2:hover {
	color: black;
	cursor: pointer;
}

@keyframes aumentar {
	from {transform: scale(0);}
	to {transform: scale(1);}
}

.aumentar_img {
	animation-name: aumentar;
	animation-duration: 2s;
	animation-fill-mode: forwards;
}

div#infos, div#anexos {
	position: absolute;
  top: 5%;
  left: 30%;
  width: 40%; /* Adjust width as needed */
  height: 90%; /* Adjust height as needed */
	background-color: white;
	/*margin-left: 30%;
	margin-top: 2%;*/
	padding: 5px;
	border: solid 3px #198754;
	border-radius: 8px;
	/*width: 800px;
	max-height: 0px;*/
	display: block;
	overflow-y: auto;
	z-index: 20;
}

div#caixa_notif {
	background-color: white;
	margin-left: 33%;
	margin-top: 2%;
	padding: 5px;
	border: solid 3px #198754;
	border-radius: 8px;
	width: 700px;
	max-height: 650px;
	display: block;
	overflow-y: auto;
	z-index: 20;
}

div#caixa_taxa, div#caixa_parecer, div#caixa_minuta, div#caixa_enc_dfa, div#caixa_dfa_enc, div#caixa_relatorio, 
div#caixa_notificacao_dfa, div#caixa_auto, div#caixa_termo, div#caixa_enc_jud, div#caixa_defesa,
div#caixa_tca_ou_pd, div#caixa_termo_quitacao, div#caixa_memorando, div#caixa_jud_enc, div#caixa_dla_enc_gab, div#caixa_anexo_dfa,
div#caixa_os_dfa, div#caixa_outros_anexos_dfa {
	background-color: white;
	margin-left: 33%;
	margin-top: 2%;
	padding: 5px;
	border: solid 3px #198754;
	border-radius: 8px;
	width: 600px;
	max-height: 80vh; /* Adjust the maximum height to 80% of the viewport height */
	display: block;
	overflow-y: auto;
	z-index: 20;
	position: relative; /* Ensures sticky positioning works */
}

.encaminhamento {
	position: sticky; 
	bottom: 0px; 
	background: white; 
	border: solid 3px #017CFF;
	border-radius: 8px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 3px;
	margin-right: 3px;
}

.swal2-container {
    z-index: 21 !important; /* Adjust this value as needed */
}

div.docs_disp {
	background-color: #f8f9fa;
	border: solid 2px black;
	border-radius: 5px;
	text-align: center;
	padding: 4px;
	/*height: 110px;*/
	margin-bottom: 10px;
}

div.docs_disp_2 {
	padding-top: 10px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	background-color: #f8f9fa;
	border: solid 2px #198754;
	border-radius: 8px;
	/*height: 110px;*/
	margin-bottom: 10px;
}

div.docs_disp_3 {
	padding-top: 5px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	background-color: #f8f9fa;
	border: solid 2px #198754;
	border-radius: 8px;
	margin-top: 5px;
	margin-bottom: 10px;
}

div.docs_disp_resp {
	background-color: #198754;
	/*border: solid 2px black;*/
	border-radius: 5px;
	text-align: center;
	padding: 4px;
	/*height: 110px;*/
	/*margin-bottom: 10px;*/
}

div.docs_disp_resp_2 {
	background-color: #198754;
	border-radius: 5px;
/*	font-size: 11px;*/
	padding: 5px;
	text-align: center;
	color: white;
 	white-space: nowrap;       /* Prevent the text from wrapping to the next line */
  overflow: hidden;          /* Hide the overflowing text */
  text-overflow: ellipsis;   /* Add "..." to indicate truncation */
  max-width: 100%;           /* Ensure it doesn't exceed the parent container's width */
  height: 100%;
}

div.docs_disp_resp_3 {
	background-color: #e4e9f4;
	border: solid 1px red;
	border-radius: 5px;
	text-align: center;
	padding: 4px;
	color: black;
	margin-top: 5px;
	margin-bottom: 5px;
}

div.docs_disp_resp_4 {
	background-color: #e4e9f4;
	border-radius: 5px;
	text-align: center;
	padding: 4px;
	color: black;
	margin-top: -2px;
	margin-bottom: 5px;
}

div.docs_disp_resp_4:hover {
	background-color: #2B3A67;
	color: white;
}

div.docs_disp_perg {
	background-color: #f8f9fa;
	/*border: solid 2px black;*/
	color: black;
	border-radius: 5px;
	text-align: center;
	padding: 4px;
	/*height: 110px;*/
	margin-bottom: 10px;
}

div.tipo_notif {
	background-color: white;
	border: solid 2px #198754;
	border-radius: 5px;
	text-align: justify;
	padding: 8px;
	/*height: 110px;*/
	margin-bottom: 10px;
}

div.notif {
	/*background-color: #375065;*/
	background-color: #f8f9fa;
	color: black;
	border: solid 1px #198754;
	border-radius: 5px;
	text-align: justify;
	padding: 4px;
	/*height: 110px;*/
	margin-bottom: 7px;
	margin-top: 5px;
}

div.notif_2 {
	/*background-color: #375065;*/
	background-color: #f8f9fa;
	color: black;
	border: solid 1px #198754;
	border-radius: 5px;
	text-align: justify;
	padding: 4px;
	/*height: 110px;*/
	margin-bottom: 10px;
}

div#resp_enviada {
	margin-top: 5px;
}

div.circulo_01 {
  width: 20px;
  height: 20px;
  position: relative;
  margin-top: -50px;
  margin-left: 33px;
  border-radius: 50%;
  color: white;
  line-height: 20px;
  font-weight: bold;
  background-color: red;
}

span.circulo {
	width: 20px;
  height: 20px;
  position: relative;
  border-radius: 50%;
  line-height: 20px;
  font-weight: bold;
  background-color: white;
  float: right;
  margin-top: 2px;
}

input.oculto_1 {
	border:none;
	outline:none;
	background-color:transparent;
	font-weight:900;
}

div.circulo_01_none {
	display: none;
}

div.circulo_02 {
  width: 20px;
  height: 20px;
  position: relative;
  margin-top: -50px;
  margin-left: 33px;
  border-radius: 50%;
  /*border: solid 1px black;*/
  color: black;
  line-height: 20px;
  font-weight: bold;
  background-color: yellow;
}

div.nenhuma_notif {
	border: solid 1px red;
}

div.anexar {
	width: 100%;
	margin-left: 50%;
	transform: translateX(-50%);
}

div.botoes_notif {
	margin-bottom: -30px;
}

div.ok {
	/*border: solid 1px darkred;*/
	margin-bottom: -38px;
}

div#bts_taxa {
	margin-bottom: 5px;
}

textarea#campo_notif {
	margin-bottom: 10px;
}

textarea#campo_resp_notif {
	margin-top: 5px;
	border: solid 1px #198754;
}

button[type=submit].enviar_notif {
	margin-left: 33%;
	transform: translateX(-40px);
}

button[type=submit].enviar_notif:hover {
	background-color: #005000;
}

button[type=button].cancelar_notif {
	margin-left: 66%;
	margin-top: -13%;
	transform: translateX(-50px);
}

button[type=button].cancelar_notif:hover {
  background-color: darkred;
}

button[type=submit].enviar_taxa {
	margin-top: 10px;
}

button[type=button].resp_notif {
	margin-bottom: 5px;
	background-color: #e4e9f4;
	color: black;
	border-color: #e4e9f4;
	font-size: 14px;
}

button[type=button].resp_notif:hover {
	background-color: #2B3A67;
	color: white;
}

button.notif_docs_1 {
	font-size: 11px;
	width: 85px;
	height: 30px;
	cursor: pointer;
	border-radius: 6px;
	border-width: 1px;
	border-style: solid;
	border-color: green;
}

button.notif_docs_2 {
	font-size: 11px;
	width: 85px;
	height: 30px;
	cursor: pointer;
	border-radius: 6px;
	border-width: 1px;
	border-style: solid;
	border-color: green;
	margin-top: 5px;
	margin-bottom: 10px;
}

button {
	font-family: Merriweather-Bold;
}

button[type=button].notif_docs_1:hover, button[type=button].notif_docs_2:hover {
	background-color: #198754;
	color: white;
}

button[type=button]#add-anexo-1, button[type=button]#add-anexo-2, button[type=button]#add-anexo-3, 
button[type=button]#add-anexo-4, button[type=button]#add-anexo-5, button[type=button]#add-anexo-6,
button[type=button]#add-anexo-7, button[type=button]#add-anexo-8, button[type=button]#add-anexo-9,
button[type=button]#add-anexo-10 {
	/*background-color: #198754;*/
	color: black;
	margin-top: 9px;
	margin-left: -3px;
	border-radius: 4px;
	font-family: Merriweather-Bold;
}

button[type=button].bt_remove {
	/*background-color: #dc3545;*/
	color: black;
	margin-top: 9px;
	margin-left: -3px;
	border-radius: 4px;
	font-family: Merriweather-Bold;
}

button[type=button].bt_add:hover, button[type=button].bt_remove:hover {
	background-color: lightgrey;
}

button[type=button]#ver_taxa_2, button[type=button]#substituir_taxa_2, button[type=button]#ver_comprovante {
	width: 100%;
}

div.centralizar_bt {
	width: 35px;
	margin-left: 50%;
	transform: translateX(-50%);
}

button.btn-dark {
/*	color: blue;*/
	background-color: #2B3A67;
}

button[type=submit].btn-dark:hover {
	color: white;
	background-color: #0D1321;
}

button.btn-light {
  color: white;
	background-color: #2667FF;
}

button[type=submit].btn-light:hover {
	color: white;
	background-color: #3B28CC;
}

form#solicitacao_doc, form#esclarecimento {
	margin-top: 15px;
}

form.aux_position {
	margin-top: -24px;
}

p.resumo_info {
	font-size: 20px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

p.resumo_info_2 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

p.resumo_info_3 {
	font-size: 11px;
  color: #999999;
	margin-top: 5px;
	margin-bottom: 5px;
}

p.resumo_info_4 {
	font-size: 14px;
  color: #999999;
	margin-top: 5px;
	margin-bottom: 5px;
}

p.notif_subtitle {
	color: black;
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 10px;
}

p.tipo_notif {
	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
}

label.pergunta_titulo {
	color: black;
	font-weight: bold;
}

label.pergunta {
	color: black;
}

span.pergunta_titulo {
	color: black;
	font-weight: bold;
}

span.pergunta {
	color: black;
}

span.resposta_titulo {
	color: black;
}

span.resposta {
	color: white;
}

span.ok {
	font-size: 40px;
	background-color: white;
	border-radius: 50%;
	color: #198754;
}

@media screen and (max-width: 992px) {
  div#infos, div#anexos {
  	margin-left: 3%;
		margin-top: 15%;
    width: 350px;
		height: 520px;
  }
}

@media screen and (max-width: 992px) {
  div#caixa_notif {
  	margin-left: 3%;
		margin-top: 15%;
    width: 350px;
    height: 520px;
  }
}

@media screen and (max-width: 992px) {
  div#caixa_taxa {
  	margin-left: 2%;
		margin-top: 35%;
    width: 350px;
  }
}

@media screen and (max-width: 992px) {
  button[type=submit].po, button[type=button].po {
  	width: 35px;
  }
}

@media screen and (max-width: 992px) {
  button[type=submit].enviar_notif, button[type=button].cancelar_notif {
  	width: 100%;
  	margin-left: 0%;
  	transform: translateX(0px);
  }
}

@media screen and (max-width: 992px) {
  button[type=submit].enviar_notif {
  	margin-bottom: 30px;
  }
}

@media screen and (max-width: 992px) {
  div.botoes_notif {
  	margin-bottom: -10px;
  }
}

@media screen and (max-width: 992px) {
  button[type=button].notif_docs_1, button[type=button].notif_docs_2 {
  	font-size: 10px;
  	height: 35px;
  }
}

@media screen and (max-width: 992px) {
  button.esc {
    font-size: 11px;
    width: 150px;
  }
}

/*Configuração do quadro de resumo-Fim*/

/*---------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------*/

/*Configuração dos forms-Início*/
* {
  box-sizing: border-box;
}

.formulario{
	position: relative;
	background: #d4dfe6;
	color: black;
	font-weight: normal;
	max-width:900px;
	margin-top: -15px;
	margin-right: auto;
  margin-left: auto;
  margin-bottom: 100px;
	border-radius: 5px;
	padding: 10px;
	z-index: 5;
}

.formulario_2{
	position: relative;
	background: #d4dfe6;
	color: black;
	font-weight: normal;
	max-width:700px;
	margin-top: -15px;
	margin-right: auto;
  margin-left: auto;
  margin-bottom: 100px;
	border-radius: 5px;
	padding: 10px;
	z-index: 5;
}

.required::after {
	content:" *"; 
	color: grey;
	position: absolute;
	margin-left: -15px;
	margin-top: 5px;
	font-size: 16px;
}

input[type=text], select, textarea {
  width: 100%;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
}

input[type=file] {
  padding: 5px;
  text-align: center;
  width: 355px;
  /*border: 1px solid #ccc;*/
  /*border-radius: 4px;*/
  /*resize: vertical;*/
}

input[type=number].edit, input[type=date].edit {
	width: 215px;
}

label {
  padding: 12px 12px 12px 0;
  display: inline-block;
}

button[type=submit] {
  margin-bottom: 10px;
  margin-right: 5px;
}

button[type=submit].btn-success:hover {
  background-color: #45a049;
}

button[type=submit].enviar {
  width: 100%;
}

.encaminhar {
	width: 100% !important;
  margin-top: 10px !important;
}

.container {
  padding-top: 15px;
  /*border: 3px solid green;*/
}

.search_labels {
	background-color: #208454;
	color: white;
	margin-left: 50px;
}

.search_means {
	margin-right: 50px;
}

.search_means_dfa {
/*	margin-right: 50px;*/
	font-size: 11px !important;
	height: 25px;
	width: 115px !important;
	margin-left: -3px;
	display: flex;
  align-items: center; /* Centers text vertically */
  padding-top: 4px; /* Push the text downward */
  flex: none !important;
}

.search_labels_p {
	background-color: #208454;
	color: white;
	margin-left: 30%;
}

.search_labels_dash {
	background-color: #208454;
	color: white;
	margin-left: 0px;
}

.search_labels_dash_dfa {
	background-color: #208454;
	color: white;
	font-size: 11px !important;
	height: 25px;
}

.search_means_p {
	margin-right: 30%;
}

.col-form-5 {
  margin-left: -10px;
  width: 5%;
}

.col-form-7 {
  width: 7%;
}

.col-form-10 {
  width: 10%;
}

.col-form-15 {
  width: 15%;
}

.col-form-25 {
  width: 25%;
}

.col-form-30 {
  width: 30%;
}

.col-form-35 {
  width: 35%;
}

.col-form-50 {
	width: 50%;
}

.col-form-60 {
  width: 60%;
}

.col-form-65 {
  float: left;
  width: 65%;
}

.col-form-70 {
  width: 70%;
}

.col-form-75 {
  float: left;
  width: 75%;
}

.col-form-85 {
  width: 85%;
}

.col-form-93 {
  width: 93%;
}

.file {
	margin-left: 50%;
	transform: translateX(-50%);
	border: solid 1px black;
	width: 450px;
}

div#docs {
	margin-bottom: 10px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - when the screen is less than 992px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 992px) {
  .col-form-25, .col-form-35, .col-form-75, button[type=submit], button[type=reset], button[type=button].encaminhar {
    width: 100%;
    margin-top: 0;
  }
}

@media screen and (max-width: 992px) {
  .search_labels, .search_labels_p {
    margin-left: 5%;
    font-size: 11px !important;
  }
}

@media screen and (max-width: 992px) {
  .search_means, .search_means_p {
    margin-right: 5%;
    font-size: 11px !important;
  }
}

@media screen and (max-width: 470px) {
  .required_2::after {
    content:" *"; 
		color: red;
		position: absolute;
		margin-left: -32%;
		margin-top: 5px;
		font-size: 16px;
  }
}

@media screen and (max-width: 992px) {
  .col-form-70 {
    width: 95%;
  }
}

@media screen and (max-width: 992px) {
  .col-form-65 {
    width: 85%;
    margin-top: 0;
  }
}

@media screen and (max-width: 992px) {
  .col-form-15 {
    margin-left: -25px;
  }
}

@media screen and (max-width: 992px) {
  .col-form-10 {
    width: 15%;
    margin-top: 0;
  }
}

@media screen and (max-width: 992px) {
  .col-form-5 {
    width: 5%;
  }
}

@media screen and (max-width: 992px) {
  input[type=file] {
    width: 300px;
    font-size: 12px;
    padding: 2px;
  }
}

@media screen and (max-width: 992px) {
  button[type=submit] {
    margin-top: 6px;
    /*margin-left: 0px !important;*/
  }
}

/*Configuração dos forms-Fim*/

/*---------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------*/

/*Configuração da pesquisa-Início*/

div.busca_rea {
	margin-left: 50%;
	transform: translateX(-50%);
	width: 450px;
	margin-bottom: 0px;
}

form.filtro_pesquisar {
	/*margin-left: 50%;
	transform: translateX(-50%);*/
	/*width: 450px;*/
}

div#busca_rapida_div {
	background-color: #d4dfe6;
	border-radius: 5px;
	width: 450px;
	margin-bottom: 10px;
	padding-top: 12px;
	padding-bottom: 5px;
	margin-left: 0.1%;
}

div#busca_avancada_div {
	background-color: #d4dfe6;
	width: 450px;
	padding-top: 10px;
	border-radius: 5px;
	border-width: 0px;
	/*padding-left: 10px;
	padding-right: 10px;*/
}

button#busca_r {
	font-size: 18px;
	font-weight: normal;
	width: 450px;
	color: #ece2d0;
	height: 40px;
	cursor: pointer;
	text-decoration: none;
	border-radius: 5px;
	border-width: 3px;
	border-style: solid;
	border-color: #d4dfe6;
	margin-bottom: 7px;
	margin-top: -15px;
}

button#busca_a {
	font-size: 18px;
	font-weight: normal;
	width: 450px;
	color: #ece2d0;
	height: 40px;
	cursor: pointer;
	text-decoration: none;
	border-radius: 5px;
	border-width: 3px;
	border-style: solid;
	border-color: #d4dfe6;
	margin-bottom: 7px;
}

button.pesquisa_1 {
	padding: 0px;
	font-size: 11px;
	width: 80px;
	height: 40px;
	cursor: pointer;
	border-radius: 6px;
	border-width: 1px;
	border-style: solid;
	border-color: green;
	margin-right: 0px;
}

button.pesquisa_2 {
	padding: 0px;
	font-size: 11px;
	width: 80px;
	height: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
	/*background: #37123c;
	color: #ece2d0;*/
	cursor: pointer;
	border-radius: 6px;
	border-width: 1px;
	border-style: solid;
	border-color: green;
	margin-right: 0px;
}

button.pesquisa_1:hover, button.pesquisa_2:hover {
	background-color: #45a049;
	color: white !important; 
}

button.buttons_venc {
	padding: 0px;
	font-size: 11px;
	width: 80px;
	color: white;
	height: 30px;
	margin-top: 10px;
	background-color: #dc3545;
	margin-bottom: 10px;
	cursor: pointer;
	border-radius: 4px;
	border-width: 1px;
	border-style: solid;
	border-color: white;
	margin-right: 0px;
}

button.buttons_reg {
	padding: 0px;
	font-size: 11px;
	width: 80px;
	color: white;
	height: 30px;
	margin-top: 10px;
	background-color: seagreen;
	margin-bottom: 10px;
	cursor: pointer;
	border-radius: 4px;
	border-width: 1px;
	border-style: solid;
	border-color: white;
	margin-right: 0px;
}

button[type=button].buttons_venc:hover {
	background-color: #e35d6a;
}

button[type=submit]#submit_ba {
	font-size: 15px;
	border: 2px solid;
	border-color: #d4dfe6;
	color: white;
	width: 450px;
	border-radius: 5px;
	cursor: pointer;
	height: 30px;
	margin-top: 5px;
	margin-bottom: 0px;
	line-height: 3px;
}

input[type=text].busca_a, select.busca_a {
	width: 400px;
}

input[type=text].busca_a_venc {
	width: 400px;
	margin-left: 50%;
	transform: translateX(-50%);
}

.busca_a {
	margin-bottom: 5px;
}

.label_data {
	margin-right: 0px;
}

.col-pesq-10 {
  width: 10%;
}

.col-pesq-16 {
	margin-left: -17px;
  width: 16%;
}

.col-pesq-40 {
  width: 40%;
}

.col-pesq-84 {
  width: 84%;
}

p#titulo_pesquisa {
	margin-top: 100px;
	margin-bottom: 30px;
	font-size: 28px;
	text-align: center;
	font-family: Merriweather-Bold;
}


p#pesquisa_vazia, p#pesquisa_success {
	margin-top: 5px;
	font-size: 14px;
	color: red;
	text-align: center;
}

.button_selected {
	background-color: darkred !important;
}

.button_selected_r {
	background-color: #2B3A67 !important;
	color: white !important;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 992px) {
  p#titulo_pesquisa {
    font-size: 18px;
  }
}

@media screen and (max-width: 992px) {
  div.busca_rea, div#busca_rapida_div, div#busca_avancada_div, button[type=submit]#submit_ba {
    width: 340px;
  }
}

@media screen and (max-width: 992px) {
  button#busca_r, button#busca_a  {
    width: 340px;
  }
}

@media screen and (max-width: 992px) {
  button.pesquisa_1, button.pesquisa_2 {
    width: 60px;
    font-size: 10px;
  }
}


@media screen and (max-width: 992px) {
  input[type=text].busca_a, input[type=text].busca_a_venc, select.busca_a {
    width: 320px;
  }
}

@media screen and (max-width: 992px) {
  .col-pesq-10 {
    width: 14%;
  }
}

@media screen and (max-width: 992px) {
  .col-pesq-16 {
  	width: 22%;
  	width: 90px;
  	margin-top: -5px;
  }
}

@media screen and (max-width: 992px) {
  .col-pesq-40 {
  	width: 36%;

  }
}

@media screen and (max-width: 992px) {
  .col-pesq-84 {
  	width: 78%;
  }
}

@media screen and (max-width: 992px) {
  input[type=date].busca_a_data {
    width: 115px;
    height: 30px;
    font-size: 11px;
  }
}

/*Configuração da pesquisa-Fim*/

/*---------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------*/

/*Configuração do footer-Início*/

#rodape_1 {
	position: relative;
  left: 0;
  bottom: 0;
  margin-top: 50px;
  width: 100%;
  background-color: #fbfcfc;
/*  z-index: 999;*/
}

.rodape_2_class {
	position: relative;
  width: 100%;
  background-color: #fbfcfc;
/*  z-index: 999;*/
}

.rodape_2_class_x {
	position: fixed;
	left: 0;
  bottom: 0;
  width: 100;
  background-color: #fbfcfc;
  /*  z-index: 999;*/
}

@media screen and (max-width: 600px) {
  #rodape_1, #rodape_2 {
    height: 30px;
    font-size: 11px;
  }
}

/*Configuração do footer-Fim*/

/*---------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------*/