@font-face {
	font-family: Calli;
	src: url('Roboto-Regular/Roboto-Regular.ttf');
}

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: 'Roboto', sans-serif; font-size: 14px;

}
#body{
	min-height: 100%;
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: 1;
	margin-top: 200px; /*errc em 05/04/2023: foi acescentados estes px para afastar o body depois de acrescentar a class fixed-top no ficheiro IFH_SIG\estrutura\header.php*/
}
.corpo1{

	margin-left: 2.0%;
	margin-right: 2.0%;
	padding: 20px;
	background-color: #EBEBEB;
	border-radius: 15px;
	margin-top: -20px;
	margin-bottom: 20px;
}
.corpo{

	margin-left: 2.0%;
	margin-right: 2.0%;
	padding: 20px;
	background-color: #D9E0E3;
	border-radius: 15px;
	margin-top: -20px;
	margin-bottom: 20px;
}
.corpo_filtro{
margin-left: 2.0%;
	margin-right: 2.0%;
	padding: 20px;
	
	border-radius: 15px;
	margin-top: -20px;
	margin-bottom: 20px;
}
.titulo{
	font-weight: bold;
	font-size: 18px;
	color: #909090!important;
	margin-bottom: 8px;
	margin-top: -15px;
}
.titulo2{
	font-weight: bold;
	font-size: 15px;
	color: #909090!important;
	margin-bottom: 8px;
	margin-top: -15px;
}
.card{
	background-color: #D9E0E3;
}

div.body-content{
	/** Altura do rodapé tem que ser igual a isso aqui e vice-versa **/
	padding-bottom: 22px;
}
footer{
	width: 100%;
	height: 22px;
	position: absolute;
	bottom: 0;
	left: 0;
}


ul li a {
	color: white !important;
}


.nav-item .disabled{
	color:#909090 !important; 
}
.dropdown-menu {
	
	
	display: none;
	position: absolute;
	right: 0;
	background-color: #f1f1f1 !important;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	 z-index: 1010;
	margin-top: 0px;
	
}
.dropdown-item{
	color:black !important;
}
.navbar-nav li:hover > ul.dropdown-menu {
	display: block;
	background-color:#D9E0E3 ;
 z-index: 1010;
}
.dropdown-submenu {
	position:relative;
}
.dropdown-submenu>.dropdown-menu {
	top: 3px;
	left: 100%;
	margin-top:-6px;
}

/* rotate caret on hover */
.dropdown-menu > li > a:after {
	text-decoration: underline;
	transform: rotate(-90deg);
}


.dropdown-item:active {
	background-color: #7B7B7B ;
}

.dropdown {cursor: pointer;}
.pointer {cursor: pointer;}
.hide {
	display: none;
}
.ts{
	color: #909090;

}

.tb{
	color: black !important;


}
.tv{
	color: #990000!important;



}
span.tv{
	color:red!important;
font-size: 15px;


}
.bg-v{
	background-color: #990000;
	color: white;

}
.bg-s{
	background-color: #D9E0E3;

}
.ativoMenu{
	color: #990000!important;
}
.navCaminho{
	border-top:  solid ;
	border-bottom:  solid ;
	border-color: #909090;
	color: #909090;
	border-width: 1px;
	padding: 5px; /*errc em 05/04/2023: aumentar de 2 para 5*/
	background-color: #ffffff; /*errc em 05/04/2023: foi acescentada a cor branca*/
	cursor:default;

}




/** Progres barrr **/

.progressbar {
	display:flex;
	justify-content:flex-end;
	height: 33px;
	counter-reset: step;
	margin-right: 8px;
	margin-top: -35px;	
}
.progressbar li {
	list-style-type: none;
	width: 5%;
	float: left;
	font-size: 12px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	color: #990000;
}
.progressbar li:before {
	width: 20px;
	height: 20px;
	content: counter(step);
	counter-increment: step;
	line-height: 18px;
	border: 2px solid #990000;
	display: block;
	text-align: center;
	margin: 0 auto 10px auto;
	border-radius: 50%;
	background-color: white;
}
.progressbar li:after {
	width: 100%;
	height: 2px;
	content: '';
	position: absolute;
	background-color: #990000;
	top: 10px;
	left: -50%;
	z-index: -1;
}
.progressbar li:first-child:after {
	content: none;
}
.progressbar li.active {
	color: white;

}
.progressbar li.active:before {
	border-color: #990000;
	background-color: #990000;
}
.btnIcon{
	height: 55px;
	width: 80px;
	cursor: pointer;
}
.btnIconLeft{
	margin-bottom: -40px;
}
.btnIconRight{

	margin-bottom: -20px;
	display: flex; 
	justify-content: flex-end; 
}
.modal{
	background-color: rgba(20, 20, 20, 0.9);
	  overflow-y:auto;
}




table{
	
	
	width: 100%;
	border: 1px solid  #909090;
	border-top: 0px ;

	-webkit-box-shadow: 0px 0px 18px -3px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 18px -3px rgba(0,0,0,0.75);
box-shadow: 0px 0px 18px -3px rgba(0,0,0,0.75);
}
th{
	background-color: #7B7B7B;
	color: white;
}
td{
	border-bottom: solid 0.5px;
	border-color: #909090;
	
}
tr:nth-child(even) {
	background-color: #EBEBEB;
	
}


.dataTables_length{
	margin-bottom: -35px;
}


	a.page-link {
		background-color: #D9E0E3 !important;
		color:  #4269B2!important;
	}
	

	.page-item.active .page-link {
		border: none !important;;
		color:#7B7B7B !important;
		font-weight: bold !important;;
		outline: none !important;

	}

	li.paginate_button.page-item{
		outline: none;
	color: blue !important;
	}
	.invalidAutoCloplete{
	    border: solid 1px;
		border-color:red;
		padding-right:calc(1.1em + .25rem);
 		background-position:top calc(.375em + .1875rem) right calc(.375em + .1175rem);
 		background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right .13rem/calc(.75em + .375rem) calc(.75em + .375rem);
	}


.modal-backdrop {
  z-index: -1;
}
/*NAVTABS --------------*/
.nav-tabs {
  border-bottom: 1px solid #990000 !important;
  margin-top: 10px !important;
}

.tab-content{
  padding-top: 15px;
}

.nav-tabs .nav-item {
  margin-bottom: 1px !important;
}

.nav-tabs .nav-link {
  font-size: 16px;
  border: 1px solid transparent !important;
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
  color: black !important;
}


.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  /* Cor1: top, Cor2: lados cor3: baixo*/
  border-color: #990000 #990000 #fff !important;
  border-bottom: 1px solid #fff !important;
  color: #990000 !important;
}

.nav-tabs .nav-link.disabled {
  color: #6c757d !important;
  background-color: transparent !important;
  border-color: transparent !important;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #990000 !important;
  
  border-color: #7B7B7B #7B7B7B #EBEBEB  !important;
  border-bottom: 4px solid #D9E0E3  !important;
  margin-bottom: -20px !important;
  background-color:  #D9E0E3 !important;
}


.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
  background-color: #4171ba !important;
  border-color:#4171ba !important;
}
.btn-secondary, .btn-secondary:hover, .btn-secondary:active, .btn-secondary:visited {
  background-color: #666 !important;
  border-color:#666 !important;
}
.tab-content{
	border: solid; border-width: 1px;
	 border-color:#7B7B7B;
	  background-color:#D9E0E3;
	  padding: 25px ;
	  
}

.card-body{
	 background-color:#D9E0E3 ;

}

.ulAuto{  
	background-color:#eee;  
	cursor:pointer;      position: absolute;
	z-index: 10;
}  
.liAuto{  
	padding:12px;  
}

/* style span acompanhar / status plano auditoria */
.stateEL {
	font-weight: bold;
	color: #333;
	cursor: pointer;
}

.stateGE{
	font-weight: bold;
	color: #D2691E;
	cursor: pointer;
}

.stateEX {
	font-weight: bold;
	color: green;
	cursor: pointer;
}

.stateFE{
	font-weight: bold;
	color: #990000;
	cursor: pointer;
}
/* fim style span acompanhar / status plano auditoria */

select[readonly] {
  background: #eee;
  pointer-events: none;
  touch-action: none;
}

ul.nav.nav-tabs{
    z-index: 1;
}