@import url("/codigos/sistema/variaves.css");


html, body, #geral {height: 100%;}
body > #geral {height: auto; min-height: 100%;}

*{
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color:#000000;
}


.toast_exibir {
	bottom: 20px;
	transition: bottom 1.0s ease 0s;
}


.geralCentroA{
	display:flex;	
	flex-direction:column;
	padding:20px;
	padding-top: 0;
	align-items:center;
}

.geralCentroB{
	display: flex;
	flex-direction: column;
	max-width: 600px;
}

.modalidade_Nselecionado{
	width:940px;
	background-color:#FFFFFF;
	display:flex;
	padding: 30px 10px;
	border: 2px #FFFFFF solid;
	box-sizing:border-box;
	gap:10px;
}

.modalidade_selecionado{
	border: 2px #CCCCCC solid;
	border-radius: 10px;
	background-Color:var(--cor-item-selecionado);
}

.consulta_resultado_row{
	display: flex;
	justify-content: center;
	margin-top:20px;
	margin-bottom:20px;
}

.consulta_resultado_row div{
	width:240px;
}

.consulta_resultado_row span{
	display:block;
}

.consulta_resultado_row input{
	width:200px;
	margin-right:1px;
}


.centroMod1 .a {
	display: flex;
	flex-direction: column;
	border-radius:10px;
	border: 2px solid blue;
	padding:10px;
	margin:10px;
	justify-content: space-between;
}


	.containerCadastroWhats {
		display: flex;
		flex-wrap: wrap;
	}

	.containerCadastroWhats .col {
		margin: 10px;
		border: 2px #C1C1C1 solid;
		border-radius:10px;
		padding:10px;
		width:300px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}


.noHover{
    pointer-events: none;
}

#div_ocorrencias_comentarios p{
    max-width: 400px;
}

#div_ocorrencias_comentarios .comentario{
    border-color: #FFFEFE;
	padding: 0;
	margin: 0;
}

#div_ocorrencias_comentarios .solicitante{
	text-align:center;
}

#div_ocorrencias_comentarios .row{
    background-color:#faf7f7;
	margin-bottom:10px;
	padding:8px;
	border-radius:5px;
}

#div_ocorrencias_comentarios .rowCabecalho{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	align-items:center;
}

#div_ocorrencias_comentarios p{
	font-size:11px;
}

textarea {
  resize: none;
}

.alerta{
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 10px;
  background-color: yellow;
  box-sizing: border-box;
  color: black;
  font-weight: bold;
  border-radius: 8px;	
}

.imgBTN{
	border: 2px white solid;
	border-radius: 50%;
	cursor:pointer;
}

.imgBTNcolor1{
	border-color: var(--base-cor001);
}
.imgBTNcolor2{
	border-color: var(--cor-painel-bg);
}

.imgBTNcolor3{
	border-color: #ffa500;
}

.imgBTN:hover{
	border-color: black;
}

.valoresModal{
	float:			left;
	width:			180px;
	color:			#000000;
	/*margin-left:	10px;*/
	border: 		2px var(--base-cor005) solid;
	border-radius:	20px;
	padding:		10px;
	box-sizing: 	border-box;
	/*min-height:		144px;*/
	background-Color:#FFFFFF;
}

.valoresModal .titulo{
	display: block;
	color:var(--base-cor005);
	font-weight:bold;
	box-sizing: border-box;
	text-align: center;
	margin-bottom:5px;
	background-Color:var(--base-cor010);
	border-radius: 5px;
}

.valoresModal .row{
	display:flex;
	justify-content: space-between;
	margin-bottom:5px;
}

.valoresModal .label{
	color:#000000;
	box-sizing: border-box;
}

.valoresModal .valor{
	width:63px;
	color:#000000;
	font-weight:bold;
	box-sizing: border-box;
	text-align: end;
}

.valoresModal .input{
	width:63px;
	text-align:center;
}

.esperaResumo{
	float: left;
	width: 100%;
	/*border: 2px #ffa500 solid;*/
	background-color:#f9f9f9;
	padding: 20px;
	margin-bottom:20px;
	margin-top:20px;
	border-radius:20px;
	box-sizing: border-box;
}
.esperaResumo .titulo{
	background:#ffa500;
	padding:5px;
	margin-bottom:5px;
	display: flex;
	justify-content: space-between;
}

.esperaResumo .titulo span{
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px; 
	
}
.esperaResumo .cabecalho {
	margin-bottom:5px;
	padding-bottom:2px;
	
}
.esperaResumo .row {
	border-bottom:1px solid black;
	margin-bottom:5px;
	padding-bottom:2px;
	
}

.esperaResumo .cabecalho span{
	display:inline-block;
	width:80px;
	font-weight:bold;
} 

.esperaResumo .row span{
	display:inline-block;
	width:80px;
} 




.comentario{
	border: 	1px solid #000000;
	display: 	inline-block;
	padding: 	5px;
	min-width:	200px;
	margin: 	5px;
	border-radius:5px;
}

.comentario p{
	color:#000000;
	padding:0px;
}

.comentario p:first-child{
	font-weight:bold;
}

.tblResumoDia{
	display:inline-block;
	color:#000000;
	padding:0;
	text-align:center;
}

.controlePresencaMenu1{
	color:#000000;
	background:#EBEBEB;
	text-align:center;
	border-radius:5px;
	border: 2px solid #000000;
	padding:5px;
	cursor:pointer;
}
.controlePresencaMenu0{
	color:blue;
	background:#FFFFFF;
	text-align:center;
	border-radius:5px;
	border: 2px solid #FFFFFF;
	padding:5px;
	cursor:pointer;
}

.errorTela{
	width: 100%;text-align: center;display: block;
}

.centroMod1 {
    display:		flex;           
    flex-direction:	column;  
	justify-content:space-around; 
    align-items:	stretch;     
	margin-left:	10px;
	margin-right:	10px;
	margin-bottom: 	10px;
}

.centroMod1Row{
	display: flex;
    flex-direction:	column;  
	flex-wrap: wrap;
	justify-content: center;
	
}

.centroMod1RowMod2{
	display: flex;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	
	border-radius:10px;
	padding:10px;
	margin:10px;
	background-color:var(--cor-tabs-closed-bg);
	
}
.centroMod1RowMod2 > h1{
	display:inline-block;
}

.centroMod1RowMod2 > div{
	display: flex;
	flex-wrap: wrap;
	justify-content: right;	
	flex-grow:2;
}
.centroMod1RowMod2 > div h2{
	display:inline-block;
	
	border-radius:5px;
	padding:10px;
	margin:5px;
	
	background-color:var(--cor-button-bg);
	border-color:	var(--cor-button-border);
	color:			var(--cor-button-texto);
	
	cursor:pointer;
	font-weight: normal;
	user-select: none;

}

.centroMod1 .selecionado{
	background-color: #FFFFFF;
	padding:8px;
	border: 2px solid #000000;

	
}

.centroMod1 fieldset{
	padding:5px;
	margin:5px 0;
}

.centroMod1 fieldset legend{
	font-weight: bold;
	padding:0 10px;
}

.centroMod1 > h1{
	padding:12px;
	background-color:var(--cor-cabecalho-bg);
	border-radius:10px;	
	box-sizing: border-box;
	text-align:center;
	margin:10px;	
}

.centroMod1 > h2, .centroMod1 .a > h2, .centroMod1 .b > h2{
	background-color:var(--cor-acordion-closed-bg);
	color:#FFFFFF;
	padding:6px;
	margin-top:5px;
	font-weight	:bold;
}

.centroMod1 >span {
	color:#000000;
	display: inline-block;
}

.centroMod1 > button {
	margin-top:10px;
}

.centroMod1 .a {
	display: flex;
	flex-direction: column;
	border-radius:10px;
	border: 2px solid blue;
	padding:10px;
	margin:10px;
	justify-content: space-between;
}
.centroMod1 .a:hover {
	background-color:var(--cor-item-selecionado);
	border-width: 3px;
	padding:9px;
}
.centroMod1 .a:hover button{
	background:		var(--cor-button-master-bg);
	border-color:	var(--cor-button-master-border);
	color:			var(--cor-button-master-texto);
	
}

.centroMod1 .a >div{
	display: flex;
	flex-direction: column;
}
.centroMod1 .b {
	flex-direction: row;
}

.empresaHabilitadaRow{
	display: flex;
    flex-direction:	column;  
	flex-wrap: wrap;
	justify-content: center;
	
}

.empresaHabilitadaRow .c {
	display: 		flex;
	flex-direction: column;
	border-radius:	10px;
	border: 		2px solid blue;
	padding:		10px;
	margin:			10px;
	justify-content:space-between;
	min-width: 		200px;
	align-items:	center;
	min-height:		120px;
}

.empresaHabilitadaRow .c:hover {
	/*background-color:var(--cor-item-selecionado);*/
	border-width: 3px;
	padding:9px;
}


.tableMod1 td:nth-child(1){
	text-align	:left;
	font-weight	:bold;	
	padding:2px 0 0 0;
}

.tableMod1 td:nth-child(2){
	text-align	:left;
	padding:2px 0 0 0;
}


.flexTab{
	display: flex;
	flex-direction: column;
	width: 100%;
	
	border-radius:10px;
	border: 2px solid #000000;

}
.flexTab .head {
	display: flex;
	flex-direction: column;
	width: 100%;

}

.flexTab .head .col {
	flex: 1;
	margin: 5px;
	padding: 5px;
	font-weight:bold;
	background-color:var(--cor-acordion-closed-bg);
	color:#FFFFFF;
}

.flexTab .row {
  display: flex;  
  flex-direction: column;
  border-top: 1px solid black;
}

.flexTab .row .col {
	flex: 1;
	background-color: #FFFFFF;
	margin: 5px;
	padding: 5px;
}

.userInfo{
	width:200px;
	border-radius:5px;
	border: 2px solid #0c6a93;
	padding:5px 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor:pointer;
}

.dropdownMenu {
  position: relative;
  display: inline-block;
}

.dropdownMenu-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdownMenu-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdownMenu-content a:hover {background-color: #f1f1f1}
.dropdownMenu:hover .userInfo {background-color: #f9f9f9;}

.dropdownMenu:hover .dropdownMenu-content {
  display: block;
}


#telaBloqueada{
	display			:none;
	position		:fixed;
	z-index			:1000;
	left			:0;
	top				:0;
	width			:100%;
	height			:100%;
	overflow		:auto;
	cursor			:wait;
}

.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 999; /* Sit on top */
	justify-content: center;
	align-items: center;
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
	/*padding-top: 100px; /* Location of the box */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  padding: 10px;
  border: 1px solid #888;
  border-radius:10px;
  /*min-width:400px;
  margin: auto;
  width: 40%;*/
}

.popup_hidden {
  opacity: 0;
  visibility: hidden;
  transition: all ease-in-out 0.3s;
}

.popup_visible {
  opacity: 1;
  visibility: visible;
}


.popUpItensSpan{
	margin-left: 10px;
}

.modal-sub{
	margin:20px;
	max-height:530px;
	/*min-height:50px;*/
	overflow: auto;
}

img.right{
	float:right;
	cursor:pointer;
}

img.left{
	float:left;
	cursor:pointer;
}


.cadastroCliente_FP{
	display:flex;
	border-bottom:1px solid black;
}

.cadastroCliente_FP span{
	border: 1px solid black;
	margin:	10px;
	padding:10px;
	font-weight:bold;
	background-color:var(--cor-item-selecionado);
	min-width:120px;
	text-align:center;
	color: #000000;
}

.cadastroCliente_FP span:first-of-type{
	border-color: var(--cor-item-selecionado);
	flex-grow:1;
	font-size:14px;
	text-align:left;
}

.cadastroCliente_FP_desabitado{
	font-size:			12px 						!important;
	border-color: 		var(--cor-fundo-desabled) 	!important;
	opacity:			0.6 						!important;
	background-color:	var(--cor-fundo-desabled) 	!important;
	cursor:pointer;
}





.modal-content label{
	opacity:0.7;
}






	.pac-icon{
		padding:0;	
	}
	.pac-container{
		padding:0;
		width: 500px !important;
	}
	.pac-item{
		padding:0;	
		font-size: 8px; 
		width:700px;
	}
	.pac-container span{
		padding:0;	
		margin-right:1px;
		font-size: 10px; 
	}
	.pac-matched{
		margin-right:0px;
		
	}
	
	.firstHeading{
		font-size: 14px; 
	}

.divChat_execLote{
	width: 200px;
	display: inline-block;
	text-align: center;
	color: var(--base-cor005);
	background-color: var(--base-cor003);
	margin: 3px;
	padding: 10px;
	cursor: pointer;
	border-radius: 7px;	
}

.divChat_execLote_exluir{
	color: #FFFFFF;
	background-color: red;
}


#divChat_dire{
	width:200px;
	display: inline-block;	
	text-align:center;
	color:#FFFFFF;
	background-color:#000000;
	margin:3px;
	padding:10px;
	cursor:pointer;
	border-radius: 7px;
}

.divChatleft{
	position:fixed;
	left:10px;
	bottom:20px;
	z-index:999;
	height: auto;
	overflow: auto;
	width:245px;
}
.divChatright{
	position:fixed;
	right:10px;
	bottom:20px;
	z-index:999;
	height: auto;
	overflow: auto;
	width:245px;
}

.divChat_msgBody .comentario{
	border: inherit;
	display: inline-block;
	padding: 5px;
	border-radius: 5px;
	margin: inherit;
	min-width: 100%;
	box-sizing: border-box;
}


.divChat_msg{
	border: 1px solid #000000;
	float:left;
	border-radius:10px;
	padding:10px;
	width:200px;
	margin:3px;

}
.divChat_msg span{
	color:#000000;
}

.cabecalho_infoMsg{
	background-color:	var(--cor-cabecalho-bg);
	color:				var(--cor-cabecalho-texto);
	display:			block;
	text-align:			center;
	padding:			10px;
}

.divChat_msg button{
	background:		var(--cor-button-bg);
	border-color:	var(--cor-button-border);
	color:			var(--cor-button-texto);
}

.header{
	width:100%;float:left;margin-top:20px;padding:12px; background-color:var(--cor-cabecalho-bg);border-radius:10px;	
	box-sizing: border-box;
}

.header .header-img{
	float:left;
	margin-top:3px;
	margin-right:3px;
}

.header .header-titulo{
	display: 		flex;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size: 		14px;
	color:			var(--cor-cabecalho-texto);
	font-weight: 	bold;
}

.headerFlex{
	margin-top:20px;padding:12px; background-color:var(--cor-cabecalho-bg);border-radius:10px;	
	box-sizing: border-box;
	display:flex;
	align-items: center;
	min-width:920px;
	justify-content: space-between;
}

.headerFlex .titulo{
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size: 		14px;
	color:			var(--cor-cabecalho-texto);
	font-weight: 	bold;
}


.cabecalhoTitulo{
	margin-bottom:20px;
}

.cabecalhoTitulo img{
	float:left;
	margin-top:3px;
	margin-right:3px;
}

.headerSub1{
	display:flex;
	justify-content:space-between;
	align-items:center;
	box-sizing: border-box;
	
	padding: 10px;
	background-color: var(--cor-titulo-bg);
	border-radius: 5px;
}

.headerSub2{
	display:flex;
	justify-content:space-between;
	align-items:center;
	box-sizing: border-box;
	
	padding: 10px;
	background-color: var(--cor-tituloSub-bg);
	border-radius: 5px;
}


.cabecalhoTitulo span{
	display: 		block;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size: 		14px;
	color:			#000000;
	font-weight: 	bold;
}

#mySelectNew p{
	border-radius:5px;
	border: 1px solid #c1c1c1;	
	margin:3px 0px;
	padding-left:5px;
	cursor:pointer;
	margin-right:10px;
}

#mySelectNew p:hover, #mySelectNew .focus{
	background-color:var(--cor-item-selecionado);
	color:black;
}

#mySelectNew .selected{
	background-color:var(--cor-item-selecionado);
	color:black;
	border-color:black;
	font-weight:bold;
	cursor:default;
}

#cabecalho{
	margin:			0 auto;
	max-width: 		1000px;
	min-height: 	65px;
	/*padding:		10px 0 0 0;*/
	display:		flex;
	justify-content:space-between;
	align-items:	center;
	flex-wrap:		wrap;	
}

.consultaResultadoCabecalho div{
display:flex;align-items:center;border-radius:7px;padding:5px;background-color:#eee;margin:2px;cursor:pointer;
}  


#menu{
/*	margin:0 auto;
	list-style:none;
	background:#fff url(path/menu/six_0.gif) repeat-x;
	min-height: 73px;*/
}

#corpo,#corpo_OS{
	padding-bottom: 20px;
	/*width: 100%;*/
}

table.tabelaValores {
	border-collapse: collapse;
	width:100%;
	color:#000000;
}



table.tabelaValores tbody tr th {
	padding:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	text-align:left;
	color:blue;
}
table.tabelaValores tbody tr td {
	border:0px solid #FFFFFF; 
	border-bottom:1px solid #000000;
	padding:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	text-align:right;
	color:#000000;
}

table.tabelaValores tbody tr td:first-child {
	text-align:left;
	color:#000000;
}

#rodape{
	margin:0 auto;
	width: 1190px;
	/*border: 1px solid black;*/
	
	position: relative;
	margin-top: -20px; 
	height: 20px;
	clear:both;
}

#rodape span{
	display: block;
	text-align: center;	
}

#directions-panel{
	padding:			5px 0;
	width:				100%;
	margin-bottom:		5px;
	background-color:	var(--cor-painel-bg);
	
	display:			flex;
	justify-content:	space-between;
}

#directions-panel div{
	margin-left:	5px;
	margin-right:	25px;
}

#directions-panel span{
	float:		left;
	font-weight:bold;
	color:		var(--cor-painel-texto);
}

#directions-panel label{
	float:		left;
	color:		var(--cor-painel-texto);
}



.OS_valores >*{
	text-align:			center					;
	font-weight:		bold					;
	background-color:	var(--cor-painel-bg) 	;
	border-color:		var(--cor-painel-bg)	!important;
	color:				var(--cor-painel-texto)	;
}

.OS_valores label{
	font-weight:		normal					;
}



	
#div_OS_valores {
/*	 margin-top:-100px;*/
}
	
#div_OS_bts {
/*	 margin-top:-40px;
	 margin-bottom:10px; 
*/
}



			table.calendario tr th {
				font-family: Verdana, Arial, Helvetica, sans-serif; 
				font-size: 12px; 
				font-weight:bold;
				color:var(--cor-cabecalho-texto);
				text-align:center;

				padding:11px 14px;
				background:var(--cor-titulo-bg);	
				border: 1px solid var(--base-branco);
			}
			
			table.calendario tr td {
				font-family: Verdana, Arial, Helvetica, sans-serif; 
				font-size: 12px; 
				padding:10px 13px;
				color:var(--base-cor009);
				text-align: center;
				background:var(--base-branco);	
				border: 3px solid var(--base-branco);
				cursor:pointer;
			}
			
			.calendario_utilN{
				background:var(--base-cor003)	!important;
				color:var(--base-branco)		!important;
			
			}
		
			.calendario_nulo{
				cursor:default					!important;
				color:var(--base-branco)		!important;
				background:var(--base-branco) 	!important;
			}
		
			table.calendario td:hover  {
				border-color:var(--base-azulll);
			}
			
			.calendario_hoje{
				font-weight:bold;
				text-decoration:underline;
				color:var(--base-pretoo)		!important;
			}
		
			.calendario_clicado{
				border-color:var(--base-pretoo) !important;
				font-weight:bold;
			}







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

.dropdown-content {
	z-index:2;
    display: none;
    position: absolute;
	top:-150px;
    right: 20px;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.2);
    padding: 5px 15px;
}
/*   se for ao passar o mouse
.dropdown:hover  .dropdown-content {
    display: block;
}	
*/


.dropdown-content span {
	cursor:	pointer;
	float:	left;
	margin-top:3px;
	margin-bottom:3px;
	width:	250px;
	padding-left:5px;

}

.dropdown-content hr {
	float		:left;
	width		:255px;
	border		:1px solid var(--base-cor012);
	border-top	:0px;
}

.dropdown-content img {
	float:	right;
	cursor:	pointer;
	margin-top:5px;
}



.dropdown-content span:hover {
  color: #FFFFFF !important;
  background:var(--base-cor012);
  padding-left:5px;
}

.dropdown-content p {
	float:	left;
	margin-top:5px;
	margin-bottom:5px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	padding:4px 1px 4px 1px;
	color:#666666;
}

.spnBorder0{
	padding:5px 5px 5px 5px;
	margin:10px 0;
	font-size:12px;
	text-align:center;	
	display:block;
	font-weight:bold;
	border:1px solid #000000;
}


table.bordasimplesArredondada {
	/*border-collapse: collapse;*/
	overflow		:hidden;
    border-collapse	:separate;
    border			:2px solid #000000;
    border-radius	:25px;
	color:#000000;
}
table.bordasimplesArredondada tr td {border:1px solid #f2f2f2 ; padding:5px;					color:#000000;}
/*table.bordasimplesArredondada tr td:hover{background-color:#C1C1C1;}*/
table.bordasimplesArredondada tr th {border:1px solid #f2f2f2 ; padding:5px;background:#CDCDCD;	color:#000000;}



table.bordasimples {border-collapse: collapse;	color:#000000;}
table.bordasimples tr td {border:1px solid #000000 ; padding:5px;color:#000000;}
table.bordasimples tr th {border:1px solid #000000 ; padding:5px;background:#CDCDCD;color:#000000;}

table.borda0 {border-collapse: collapse;}
table.borda0 tr td {border:0px solid #FFFFFF; padding:5px}

table.tabela1 {border-collapse: collapse;}
table.tabela1 tr th {
	border:0px solid #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	padding:5px 2px 5px 2px;
	color:#00000;
	text-align: left;
	background:#D3D3D3;	
	/*border-radius:10px;*/
}
table.tabela1 tr td {
	border:0px solid #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	padding:0px 2px 0px 2px;
	color:#000000;
	border-bottom:1px solid #000000;
}

p.class1{
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	float:left;
	padding:5px;
}


table.tabela2 {border-collapse: collapse;width:100%;border:1px black solid;}
table.tabela2 tbody tr th {
	border:0px solid #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	padding:10px 2px 0px 2px;
	color:blue;
	text-align:right;
}
table.tabela2 tbody tr td {
	border:0px solid #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	padding:5px 2px 5px 10px;
	color:#000000;
	border-bottom:1px solid #000000;
	text-align:right;
}

table.tabela2 tbody tr td:first-child {
	text-align:left;
	padding:5px 2px 5px 2px;
}


.btnAbaOS{
	height:auto;
	float:right;
	width:130px;
	margin-left:11px;
	border-style:solid;
	border-width:2px ;
	border-color:var(--cor-tabs-closed-border)  !important;
	font-size:11px;
	min-height:30px;
	padding:2px 4px 2px 4px;
	border-radius:10px 10px 0px 0px;
	background-color:var(--cor-tabs-closed-bg);
	color:var(--cor-tabs-closed-texto);	
	border-bottom:none	!important;
}

.btnAbaOS_open {
	background-color:var(--cor-tabs-open-bg);
	color:var(--cor-tabs-open-texto);	
}

.btnAbaOS:focus {
	/*border:0px;*/
}


.abaContainer{
	float:left;
	width:550px;
	height:210px;
	background-color:var(--cor-tabs-open-bg);
	display:none;
	border-style:solid;
	border-width:0px;
	border-color:var(--cor-tabs-closed-border);
	/*transition:all 0.6s ease;*/
}

.abaContainerFull{
	height:404px;;
	
}

.osNovaFullTrue .divv{
	margin-top		:10px;
	margin-bottom	:17px;
	box-sizing		:border-box;
}

.osNovaFullTrue_espera .divv{
	margin-top		:5px;
	margin-bottom	:8px;
	box-sizing		:border-box;
}


.osNovaFullTrue .campos{
	/*		iguais osNovaFullTrue_espera .campos		*/
	display:block;
	width: 100%;
	box-sizing: border-box;
}
.osNovaFullTrue_espera .campos{
	/*		iguais osNovaFullTrue .campos				*/
	display:block;
	width: 100%;
	box-sizing: border-box;
}


.osNovaFullFalse .divv{
	float:left;
	margin-top:2px;
	margin-bottom:2px;
	box-sizing: border-box;
}



#DIV_login{
	margin:0 auto;
	width: 425px;
	margin-top: 80px; 
}

.textoPadrao{
	font-family: Verdana,Arial,sans-serif;
	font-size: 12px;
}


input, select,  textarea,input:disabled ,select:disabled, textarea:disabled{
	font-family: Verdana,Arial,sans-serif;
	font-size: 12px;
	padding: 3px 3px 3px 5px; 
	border-style:solid;
	border-width:2px;
	border-color:#D7D7D7;
    background:#FFFFFF;
	color:#000000;
/*   height: 25px;*/
}

.meuDados span{
	display:block;
}

.meuDados p{
	float:right;
}

.meuDados input{
	width:100%;
	margin-top:-2px;
	margin-bottom:10px;
	box-sizing: border-box;
}


button{
	border-style:solid;
	border-width:2px;
	padding:2px 10px 2px 10px;
	font-size:13px; 
	font-family:Verdana,Arial,sans-serif;
	font-weight:bold;
	cursor:pointer;
	text-align:center;
	background:		var(--cor-button-master-bg);
	border-color:	var(--cor-button-master-border);
	color:			var(--cor-button-master-texto);
	min-height: 	40px;
	/*
	color:#191970;
	background:blue;
	border-color:blue;
	color:#FFFFFF;
	*/
	border-radius:15px;
	outline-style: none;
	box-shadow: none;
}


button.simples{
	background:		var(--cor-button-bg);
	border-color:	var(--cor-button-border);
	color:			var(--cor-button-texto);
}

button.atencao{
	background:		var(--cor-button-atencao-bg);
	border-color:	var(--cor-button-atencao-border);
	color:			var(--cor-button-atencao-texto);
}

button.red{
	background:		red;
	border-color:	red;
	color:			#FFFFFF;
}

button.fraco{
	background:		var(--cor-button-fraco-bg);
	border-color:	var(--cor-button-fraco-border);
	color:			var(--cor-button-fraco-texto);
}

button.bordaBranca{
	border-color:	#FFFFFF;
}


button.novo{
	width:100%;
	padding:10px;
}



button:hover {
	 text-decoration: underline;
	/* border-color: transparent;
	border-color:#000000 !important;
	outline-style: none;
	box-shadow: none;*/
}


.spanF{
	font-weight:normal;	
	color:#FFFFFF;
}

button:disabled {
  opacity: 0.50; 
  cursor: not-allowed;
}



#div_lista_iti span{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	padding:4px 1px 4px 1px;
	color:#000000;
/*	border-style:solid;
	border-width:2px;
	border-color:black;*/
}


span, label, p, tr, td, strongstrong{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	padding:4px 1px 4px 1px;
	color:#666666;
	outline: 0;
/*	border-style:solid;
	border-width:2px;
	border-color:black;*/
}



.cluster span{
	font-size: 13px; 
	padding:0px;
	color:#FFFFFF;

}


.span0{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	padding:4px 1px 4px 1px;
	color:#000000;
/*	border-style:solid;
	border-width:2px;
	border-color:black;*/
}

.span1{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	padding:4px 1px 4px 1px;
	color:#666666;
/*	border-style:solid;
	border-width:2px;
	border-color:black;*/
}

.span2{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	padding:4px 1px 4px 1px;
	color:blue;
	cursor:pointer;
}

.span3{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 20px; 
	padding:4px 1px 4px 1px;
	color:#000000;
}

.span4{ 
	padding:10px;
	font-size: 20px; 
	color:#FFFFFF;
	font-weight:bold;
	margin-right:5px;
	cursor:pointer;
	text-align:center;
}

.span5{
	color: #000000;
	font-size: 13px;	
	
}

.span6{ 
	padding:10px;
	font-size: 13px; 
	color:#000000;
	font-weight:bold;
	margin-right:5px;
	cursor:pointer;
	text-align:center;
}



#div_mostrar_arquivos a{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	padding:4px 1px 4px 1px;
	color:#666666;
}


input:focus, select:focus, textarea:focus{
	border-style:solid;
	border-width:2px;
	border-color:black;
}


.selectOS	{width:400px}
.selectRelat{width:200px;}
.spanRelat	{width:65px;display: inline-block;}


.cssPad12a{padding: 7px;}
.cssPad32a{padding: 4px 7px 7px 7px;}

div.scroll {
    height: 310px;
	overflow: auto;
}

#div_fat_lan_cons_391 {
    height: 300px;
	overflow: auto;
}

#DIV_colab_ed_famili{
    height: 310px;
	overflow: auto;
}

#DIV_col_ed_MOD{
    height: 310px;
	overflow: auto;
}


#DIV_cli_ed_CC{
    height: 340px;
}

#DIV_cli_ed_MOD{
    height: 430px;
	overflow: auto;

}

#DIV_cli_ed_USU{
    height: 430px;
	overflow: auto;

}

#div_fat_lan_PF_802{
    height: 340px;
	overflow: auto;

}


table#table_oco522 td {background:#F8F8F8;padding:5px}
 
 .tabs-container {
  position: relative;
  /*height: 390px;*/
  max-width: 98%;
  margin: 0 auto;
}
.tabs-container p{
  margin: 0;
  padding: 0;
}
.tabs-container:after {
  content: '.';
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
  line-height: 0;
  visibility: none;
}
input.tabs {
  display: none;
}
input.tabs + label {
  line-height: 40px;
  padding: 0 20px;
  float: left;

  background: #444;
  color: #fff;
  cursor: pointer;
  transition: background ease-in-out .3s;
}
input.tabs:checked + label {
  color: #FFFFFF;
  background: #000099;
}
input.tabs + label + div {
  width: 98%;
  opacity: 0;
  position: absolute;
  background: #FFFFFF;
  top: 40px;
  left: 0;
  height: 380px;
  padding: 10px;
  z-index: -1;
  transition: opacity ease-in-out .3s;
}

input.tabs:checked + label + div {
  opacity: 1;
  z-index: 1;
}


 
 
 
 
 
 
  
  
.botao{
border-style:solid;
border-color:#000000;
border-width:1px;
padding:2px 5px 2px 5px;
font-size:11px; 
font-family:Verdana,Arial,sans-serif;
font-weight:bold;
color:#000000;
cursor:pointer;
text-align:center;
} 

.divSolicitacaoMSGBOX {
	position:fixed;
/*	right:10px; */
	top:150px;
	display:none;

	left:30%; right:70%; 
	width:500px;
	border: 2px solid black;
	padding:10px;
	box-shadow: 10px 10px 5px #888888;
	background-color: #F5F5F5;
	z-index:2;
	
	color: #000000; !important
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px;

}

.divSolicitacaoMSGBOX span{
	color: #000000; !important
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px;
	float:left;
	margin-top:10px;
}

.divCP_msgBox {
	position:fixed;
	top:200px;
	left:30%; right:70%; 

	width:400px;
	/*display:none;*/
	border: 2px solid black;
	padding:20px;
	border-radius:10px;
	/*box-shadow: 10px 10px 5px #888888;*/
/*	background-color: @FFE4B5;@E6E8FA*/
	background-color: var(--cor-tituloSub-bg);
	z-index:900;
	
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px;
	font-weight: bold;

}



.divOcoorrMSGBOX {
	position:fixed;
	top:70px;
	left:5%; right:95%; 

	width:max-content;
	display:none;
	border: 2px solid black;
	padding:10px;
	box-shadow: 10px 10px 5px #888888;
/*	background-color: @FFE4B5;@E6E8FA*/
	background-color: #F5F5F5;
	z-index:900;
	
	color: #900;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px;
	font-weight: bold;

}

.divOcoorrMSGBOX span{
	color: #900;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px;
	font-weight: bold;
	float:left;
}

.divPopUpMSGBOX {
	position:fixed;
	top:150px;
	left:30%; right:70%; 

	width:400px;
	display:none;
	border: 2px solid black;
	padding:10px;
	box-shadow: 10px 10px 5px #888888;
	background-color: #F5F5F5;
	z-index:900;
}

.divPopUpMSGBOX span{
	color: #900;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px;
	float:left;

}


.divEditttMSGBOX {
	position:fixed;
/*	right:10px; */
	top:70px;
	display:none;

	left:5%; right:95%; 
	width:900px;
	border: 2px solid black;
	padding:10px;
	box-shadow: 10px 10px 5px #888888;
	background-color: #F5F5F5;
	z-index:900;
	
}

.divEditttMSGBOX span{
	color: #900;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px;
	float:left;
	/*font-weight: bold;*/
}
.divEditttMSGBOX p{
	color: #900;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px;
	float:left;
	padding:4px 1px 4px 1px;
}

.divMostOcMSGBOX {
	position:fixed;
/*	right:10px; */
	top:70px;
	display:none;

	left:5%; right:95%; 
	width:900px;
	border: 2px solid black;
	padding:10px;
	box-shadow: 10px 10px 5px #888888;
	background-color: #F5F5F5;
	z-index:900;
	
	color: #900;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px;

	height: 440px;
	overflow: auto;

}

.divMostOcMSGBOX span{
	color: #900;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px;
	float:left;
}


.divFatMostar {
	position:fixed;
/*	right:10px; */
	top:70px;
	display:none;

	left:5%; right:95%; 
	width:900px;
	border: 2px solid black;
	padding:10px;
	box-shadow: 10px 10px 5px #888888;
	background-color: #F5F5F5;
	z-index:900;
	
	height: 440px;
	overflow: auto;
	
	color: #900;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px;
	float:left;
}

.divFatMostar span{
	color: #900;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px;
	float:left;
}




.divFatConfigGeral {
	position:fixed;
/*	right:10px; */
	top:20%;
	display:none;

	left:30%; 
	width:450px;
	border: 2px solid black;
	/*padding:20px;*/
	box-shadow: 10px 10px 5px #888888;
	background-color: #F5F5F5;
	z-index:900;
	
	height: 280px;
	overflow-y: scroll;
	overflow-x: hidden;
	
	
	color: #900;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px;
	float:left;
}

.divFatConfigGeral span{
	color: #900;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px;
	float:left;
}

.divFatConfigGeralEnd{
	background-color: #F5F5F5;
    border-style: solid;
    border-color: #F5F5F5;
	
}

#div_sol_Lote_respX span{
	color: #000000;
	font-size: 13px;	
	
}
.DIV_ConsultaResultado span{
	color: #000000;
	font-size: 13px;	
}

.DIV_ConsultaResultado .row{
	width:975px;float:left;border:2px solid;margin-bottom:8px;padding:2px;border-radius:5px;	
	
}

.DIV_ConsultaResultado .cabecalho{
	width:975px;float:left;margin:-2px;padding:2px;border-radius:3px;min-height:54px;
}

.DIV_ConsultaResultado .cabecalhoOpen{
	background-Color:#f4f4f4;
}

.DIV_ConsultaResultado .rodape{
	width:979px;float:left;padding:10px 2px;background-color:var(--cor-painel-bg);border-radius:5px;margin-bottom:20px;
}

.DIV_ConsultaResultado .itin{
	width:975px;
	float:left;
	padding:10px;
	display:none;	
	box-sizing:border-box;
	
}




#resultado_consulta span{
	color: #000000;
	font-size: 13px;	
}



.direta10px{
	float:left;
	margin-top:10px;
	
}

.divColabMSGBOX {
	position:fixed;
/*	right:10px; */
	top:150px;
	display:none;

	left:30%; right:70%; 
	width:460px;
	border: 2px solid black;
	padding:20px;
	box-shadow: 10px 10px 5px #888888;
	text-align: center;	
	background-color: #900;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: bold;
	z-index:2;
	height: 229px;
	overflow: auto;
}

.divClienteMSGBOX {
	position:fixed;
/*	right:10px; */
	top:150px;
	display:none;

	left:30%; right:70%; 
	width:460px;
	border: 2px solid black;
	padding:20px;
	box-shadow: 10px 10px 5px #888888;
	text-align: center;	
	background-color: #900;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: bold;
	z-index:2;
	height: 229px;
	overflow: auto;
}

.divMaloteEdiEmpresa {
	position:fixed;
/*	right:10px; */
	display:none;

	left:25%; 
	width:660px;
	border: 2px solid black;
	/*padding:20px;*/
	box-shadow: 10px 10px 5px #888888;
	background-color: #F5F5F5;
	z-index:900;
	
	color: #900;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px;
	float:left;
}

.divSolicitacaoBuscaF {
	position:fixed;
/*	right:10px; */
	display:none;
	top:150px;

	left:25%; 
	width:660px;
	border: 2px solid black;
	/*padding:20px;*/
	box-shadow: 10px 10px 5px #888888;
	background-color: #F5F5F5;
	z-index:2;
	
	color: #900;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px;
/*	float:left;*/
}

.divOcorrenciaObs {
	position:fixed;
/*	right:10px; */
	display:none;

	left:25%; 
	width:660px;
	border: 2px solid black;
	/*padding:20px;*/
	box-shadow: 10px 10px 5px #888888;
	background-color: #F5F5F5;
	z-index:900;
	
	color: #900;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px;
	float:left;
}




#listHolder{position:absolute;border:0;}


#topo							{ float:right; width:180px; height:80px; text-align:right; line-height:inherit;}


#menu_horizontal 				{ padding-left:10px; list-style:none; height:35px; background:#fff url(../img/path/three_0.gif); position:relative; }
#menu_horizontal ul 			{ list-style:none; text-decoration:none; margin: 0; padding: 0; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center;}
#menu_horizontal li 			{ float:left; }
#menu_horizontal li a 			{ width:124px; line-height:35px; height:35px; display:block; text-decoration:none; color:#ffffff; background:#000 url(../img/path/three_0.gif);}
#menu_horizontal li a:hover		{ width:124px; line-height:35px; height:35px; display:block; text-decoration:none; color:#FFCC00; background:#000 url(../img/path/three_1b.gif) no-repeat;}
#menu_horizontal li.current a 	{ width:124px; line-height:35px; height:35px; display:block; text-decoration:none; color:#FFCC00; background:#000 url(../img/path/three_2b.gif) no-repeat;}


#menu_vertical 					{ padding:10px 0 0 10px;}
#menu_vertical ul 				{ float:left; list-style:none; margin: 0; padding: 0; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center;}
#menu_vertical li  				{ float:left;}
#menu_vertical li a 			{ float:left; width:125px; line-height:35px; height:35px; display:block; text-decoration:none; color:#ffffff; background:#000 url(../img/path/three_0.gif);}
#menu_vertical li a:hover		{ float:left; width:125px; line-height:35px; height:35px; display:block; text-decoration:none; color:#FFCC00; background:#000 url(../img/path/three_1b.gif) no-repeat;}
#menu_vertical li.current a 	{ float:left; width:125px; line-height:35px; height:35px; display:block; text-decoration:none; color:#FFCC00; background:#000 url(../img/path/three_2b.gif) no-repeat;}


#bloco_01 						{ float:center;  width:990px; height:100%; background-color:#EDECE4;}

.style1 						{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; font-weight: bold; }
.style4 						{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#003366; font-weight: bold; }
.style6							{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#666666; }
.style7 						{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; }
.style7disable					{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; width:400px; background-color:#FFFFFF; border-color:#FFFFFF }
.style8 						{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; }
.style13						{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#333333; }

.bto{
border-style:solid;
border-color:#000000;
border-width:1px;
border-bottom-width:1px;
border-right-width:1px;
border-top-width:1px;
padding:2px 5px 2px 5px;
font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; color:#000000;
cursor:pointer;
text-align:center;
} 

 .topBOX {
	background:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	border:1px solid #C8BA92;
	padding:5px;
	width:150px;
 }
 
 .bodyBOX{
	background:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border-left:1px solid #C8BA92;
	border-right:1px solid #C8BA92;
	border-bottom:1px solid #C8BA92;
	padding:5px;
	width:150px;
 }
 
 .classAlerta{
	background-color: #900;
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 2px solid #900;
	padding:5px;
	text-align: center;	
    margin: auto;
    width: 95%;
 	display:inline;
	border-radius:5px;
}

 .classAlerta div{
	background-color: #900;
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.selectDisabled {
	background-color:	var(--cor-fundo-desabled)	!important;
	padding-top:		5px 						!important;
	padding-bottom:		5px 						!important;
	opacity:			1	 						!important;
	color:			 	#000000 					!important;
	border:				none 						!important;
	-webkit-appearance:	none 						!important;
	-moz-appearance: 	none 						!important;
	appearance: 		none 						!important;
	-ms-appearance: 	none 						!important; 
}



 .classInfo{
	background-color: #ad8748;
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	border: 2px solid #ad8748;
	padding:5px;
	text-align: center;	
    margin: auto;
    width: 95%;
 	display:inline;
	border-radius:5px;
}
 
.classLimpo{
	display:none;
 }
  


 
 
 /* MENU INICIO */
.menu,
.sub-menu {
  margin: 0;
  padding: 0;
  z-index:100;
}
.clearfix:after{
  content: '.';
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0;
  visibility: hidden;
  overflow: hidden;
}

.clearfix{
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:center;
	/*usando no menu e na DIV APROVAR*/
}

.flex-itens{
	margin:0 10px;
}

.menu,
.sub-menu {
  list-style: none;
  background: #000;
}

.sub-menu {
  background: #444;
}

.menu a {
  text-decoration: none;
  display: block;
  padding: 10px 10px;
  color: #fff;
  font-family: sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
}
.menu li {
  position: relative;
}
.menu > li {
  float: left;
}
.menu > li:hover {
  background: #000099;
}
.menu li:hover > .sub-menu {
  display: block;
}

.sub-menu {
  display: none;
  position: absolute;
  min-width: 200px;
}

.sub-menu li:hover {
  background: #000099;
}

.sub-menu a {
  border-top: 1px solid #efefef;
  border-right: 1px solid #efefef;
}

.sub-menu .sub-menu {
  top: 0;
  left: 100%;
}
.menuImagem1{
 background-image: url('../img/path/seta1.png');background-repeat:no-repeat;background-position:right;
} 

.menuImagem2{
 background-image: url('../img/path/seta2.png');background-repeat:no-repeat;background-position:right;
} 
 /* MENU FIM */
 
 
	.iw_container{
        /*width: 400px;*/
		padding:0px;
		
	}
	/*.iw_container table {border-collapse:collapse;}*/
	.iw_container table {border-collapse: separate;border-spacing: 0 5px;line-height:17px;}
	.iw_container table tr td {border-bottom:1px solid #FF0000;}

	.iw_container span{
		color: #000000;
		font-size: 11px;	
		padding-top:0px;
		padding-bottom:0px;
	}
	.iw_container label{
		color: #000000;
		font-size: 11px;	
		padding-top:0px;
		padding-bottom:0px;
	}
	.mapa_infoo_letra0{
		border: 1px solid black;
		padding:2px;
		margin:3px;		
		color:#000000;
		background-color:#FFFFFF;
		cursor:pointer;
	}
	
	.mapa_infoo_letra1{
		border: 1px solid black;
		padding:2px;
		margin:3px;
		color:#FFFFFF;
		//background-color:#000000;
		cursor:default;
	}
 
     #floating-panel {
		margin-top:10px;
		margin-left:10px;
        position: absolute;
        top: 10px;
        left: 25%;
        z-index: 5;
        background-color: #fff;
        padding: 5px;
        border: 1px solid #999;
        text-align: center;
        font-family: 'Roboto','sans-serif';
        line-height: 30px;
        padding-left: 10px;
		/*display: none;*/
      }

 
 
 
 
 
     #map, #Dmap,#mapaIFRAME,#mapaAPI,#map_rast,#map_rast63 {
        width: 100%;
        /*height: 100%; NAO SEI... arriscando*/
      }
	   
       #Dmap,#mapaIFRAME,#mapaAPI,#map_rast,#map_rast63 {
		   float:left;
       }
/*	   .OS_nova_container{
		display: flex;  
		align-items:  stretch;
		}
		.OS_nova_container > * {
		  flex: 1 100%;
		}*/
 .btnOSendereco0{
	cursor:pointer;
	height:18px;
 }
 
 .tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 220px;
  background-color: black;
  color: #FFFFFF;
  text-align: center;
  border-radius: 6px;
  padding: 10px;
  margin-top:15px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
 
 #div_msg_bol{
	background-color:#FFE4B5;
	border-radius:10px;
	padding:6px;
	display:none;
	flex-direction:column;
	align-items:center;
	/*width: 160px;*/
	width:auto;
}

.accordionMaps {
  background-color: #000066;
  color: #FFFFFF;
  cursor: pointer;
  padding: 5px;
  display:inline-block;
  width: 95%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 10px;
  font-weight: bold;
  transition: 0.4s;
}

.active, .accordionMaps:hover {
  background-color: #ccc;
  color:#000066;
}

.accordionMaps:after {
  content: '\002B';
  color: #FFFFFF;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.map_menu_letraAtivo{
  border:1px solid #000000;
  padding:5px;
  background-color:#000066;
  color:#FFFFFF;
  display:inline-block;
  text-align:center;
  margin-right:5px;
  min-width:25px;
  cursor: pointer;
}

.map_menu_letraDesativado{
  border:1px solid #000000;
  padding:5px;
  background-color:#FFFFFF;
  color:#000066;
  display:inline-block;
  text-align:center;
  margin-right:5px;
  min-width:25px;
  cursor: pointer;
}

.map_rastrea_info523_listaOS_0{
	display:block;
	border:1px solid #000000;
	color:#000066;
	background-color:#FFFFFF;
	padding:5px;
	margin:0px 5px 5px 0px;
	cursor: pointer;
}

.map_rastrea_info523_listaOS_1{
	display:block;
	border:1px solid #000000;
	color:#FFFFFF;
	background-color:#000066;
	padding:5px;
	margin:0px 5px 5px 0px;
}

.map_rastrea_info523_listaOS_0:hover{
	background-color: yellow;
}



.accordion {
  background-color: #000066;
  color: #FFFFFF;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  height:auto;
}

.active, .accordion:hover {
  background-color: #ccc;
  color:#000066;
}

.accordion:after {
  content: '\002B';
  color: #FFFFFF;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  margin-bottom:20px;
}

.disabled {
    pointer-events: none;
    opacity: 0.5;
}

.nao-pode-selecionar {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
	user-select: none;
}
 

/* Estilo iOS */
.switch__container {
   /*margin: 30px auto;*/
 display: inline-block;
  /*width: 42px;*/
}

.switch {
  visibility: hidden;
  position: absolute;
  margin-left: -9999px;
}

.switch + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}

.switch--shadow + label {
  padding: 2px;
  width: 42px;
  height: 21px;
  background-color: #dddddd;
  border-radius: 21px;
}
.switch--shadow + label:before,
.switch--shadow + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}
.switch--shadow + label:before {
  right: 1px;
  background-color: #f1f1f1;
  border-radius: 21px;
  transition: background 0.4s;
}
.switch--shadow + label:after {
  width: 22px;
  background-color: #fff;
  border-radius: 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: all 0.4s;
}
.switch--shadow:checked + label:before {
  background-color: var(--cor-button-master-bg);
  /*background-color: #8ce196;*/
}
.switch--shadow:checked + label:after {
  transform: translateX(21px);
}

/* Estilo Flat */
.switch--flat + label {
  padding: 2px;
  width: 42px;
  height: 21px;
  background-color: #dddddd;
  border-radius: 21px;
  transition: background 0.4s;
}
.switch--flat + label:before,
.switch--flat + label:after {
  display: block;
  position: absolute;
  content: "";
}
.switch--flat + label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: #fff;
  border-radius: 21px;
  transition: background 0.4s;
}
.switch--flat + label:after {
  top: 4px;
  left: 4px;
  bottom: 4px;
  width: 19px;
  background-color: #dddddd;
  border-radius: 18px;
  transition: margin 0.4s, background 0.4s;
}
.switch--flat:checked + label {
  background-color: var(--cor-button-master-bg);
  /*background-color: #8ce196;*/
}
.switch--flat:checked + label:after {
  margin-left: 21px;
  background-color: var(--cor-button-master-bg);
  /*background-color: #8ce196;*/
}

.consultaResultadoCabecalhoDefault{
	background-color: var(--base-branSu);
	padding:8px;
	border-radius:10px;
}

.consultaResultadoCabecalhoDefault span{
	font-size:11px;
}

.filtro_blocos{
	/*width: 100%;*/
	display: flex;
	justify-content: center;
	/*align-items: center;*/
	overflow-x: auto;
}

.filtro_blocos .bloco{
	display: flex;
	flex-direction: column;
	border-radius:10px;
	justify-content: space-around;
	padding:5px;
	margin:10px 10px 0 10px;
	min-width:150px;
	max-width:150px;
	background-color:var(--cor-button-bg);
	color:			var(--cor-button-texto);
	
	border-radius:10px;
	border: 2px solid #c1c1c1;
	cursor:pointer
}


.filtro_blocos .bloco:hover {
	background-color:var(--cor-item-selecionado);
	border-width: 3px;
	padding:4px;
}


.filtro_blocos span{
	text-align:center;
	/*word-wrap:break-word;*/
}



.usuarioAutorizar{
	display: flex;
	flex-direction: column;
	align-items: center;
	
}
.usuarioAutorizar .rowBlocos{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}


.usuarioAutorizar .bloco{
	display: flex;
	flex-direction: column;
	border-radius:10px;
	padding:15px;
	margin:10px;
	min-width:180px;
	background-color:var(--cor-button-bg);
	color:			var(--cor-button-texto);
	
	border-radius:10px;
	border: 2px solid #c1c1c1;
	margin:10px;
	cursor:pointer
}
.usuarioAutorizar .bloco h1,h2,h3{
	text-align:center;
	color:black;	
}


.usuarioAutorizar .bloco h1{
}

.usuarioAutorizar .bloco h2{
	color:#c1c1c1;
	font-weight:normal;
}

.usuarioAutorizar .bloco h3{
	margin-top:20px;
	font-size:25px;	
}


.usuarioAutorizar .bloco:hover {
	background-color:var(--cor-item-selecionado);
	border-width: 3px;
	padding:14px;
}

.usuarioAutorizar .row{
	display:flex;
	flex-wrap: wrap;	

	border-radius:10px;
	border: 2px solid #c1c1c1;
	margin:10px;
}

.usuarioAutorizar .row .col{
	display:flex;
	flex-direction:column;
	padding: 5px;
}

.usuarioAutorizar .row .a{
	min-width: 300px;
}

.usuarioAutorizar .row .b{
	min-width: 170px;
}

.usuarioAutorizar .row .c{
	min-width: 200px;
	max-width: 200px;
	text-align:center;
}

.usuarioAutorizar .row .d{
	min-width: 150px;
	max-width: 150px;
	text-align:center;
}

.usuarioAutorizar .row .e{
	flex-direction: row;
	align-items: center;
}

.usuarioAutorizarEditar{
	display: flex;
	flex-direction: column;

	border-radius:10px;
	border: 2px solid #c1c1c1;
	margin-bottom:10px;
	margin-left:5px;
	padding:10px;
	max-width:300px;
}

.usuarioAutorizarEditar:hover {
	background-color:var(--cor-item-selecionado);
	border-width: 3px;
	padding:9px;
}

.usuarioAutorizarEditar .bloco{
	display: flex;
	justify-content:space-between;
	align-items: center;	
}

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

.usuarioAutorizarEditar_rodape span{
	margin:0;
	padding:0;
	font-size:11px
}

.usuarioAutorizar span,td{
	margin:0;
	padding:0;
}

.usuarioAutorizar_filtro{
	display:flex;
	justify-content:right;
	margin:5px;
	min-width:920px;
	
}

 .usuarioAutorizar_filtro .labels{
   background-color: var(--cor-item-selecionado);
    padding: 0 10px;
    border-radius: 20px;
    box-sizing: border-box;	
	
	display: flex;
	align-items: center;
 }

.minWidth600{
	min-width:600px;
}

.buttonX{
	background-color: red;
	padding: 3px 5px !important; 
	color: white;
	font-weight: bold;
	border-radius: 50%;
	margin-left: 2px !important;
	margin-right: 20px !important;
	cursor:pointer;
	font-size: 8px;
}

.semBorda{
	border-color:rgba(0, 0, 0, 0) !important;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

@media only screen and (max-width: 600px) {
	.geralCentroA{align-items:normal;}
}

 @media screen and (max-width: 1215px) {
/*  #div_OS_valores {margin-top:60px;}*/
/*	#div_OS_bts 	{margin-top:40px;margin-bottom:30px;}*/
}

@media only screen and (min-width: 700px) {
	.centroMod1 .a 		{width:510px;}
	.centroMod1 .b 		{width:510px;}
	.centroMod1			{align-items: center;}
	.centroMod1 > h1	{width:510px;}
	.centroMod1RowMod2	{width:90%;}
	.centroMod1Row		{flex-direction:row;}
	.empresaHabilitadaRow{flex-direction:row;}
	
	.flexTab .head 		{flex-direction:row;}
	.flexTab .row 		{flex-direction:row;}


	
}

 @media screen and (max-width: 800px) {
	#geral 			{width: 100% !important}
	#menu			{width: 100% !important}
	#corpo,#corpo_OS{width: 100% !important}
	#rodape span	{text-align: left;}
 	#div_ocorrencias_comentarios .solicitante{text-align:left;}
	.headerFlex{min-width:auto;width:100%;}
	.usuarioAutorizar .row{flex-direction:column;}
	.usuarioAutorizar .row .e{justify-content: space-around;;}
	.usuarioAutorizar .row .c{max-width:none;}
	.usuarioAutorizar .row .d{max-width:none;}
	.usuarioAutorizarEditar_rodape{flex-direction:column;align-items: stretch;}
	.usuarioAutorizar_filtro .labels{flex-direction:column;align-items: center;width: 100%;}
	.minWidth600{min-width:auto;}
	.usuarioAutorizar_filtro{min-width:100%;}
	
}
 
 @media screen and (max-width: 640px) {

	/*#img_motoboy1s	{order:1} 
	#imgProtegido	{order:2} 
	#img_empresa1s	{order:3} 
	#userInfo		{order:4} 
	#div_msg_bol	{order:5} */

	#userInfo{margin: 10px;}	

	#cabecalho{margin-top:10px;justify-content:space-around;}
	
	.clearfix{flex-direction:column;}
	
	
	.sub-menu{
	  top: 0;
	  left: 100%;
	}
	.flex-itens{
		width:150px
	}
	
	#rodape span{
		text-align: left;
	}
	
}