@charset "utf-8";
html {height:100%;overflow-x: hidden;}
body {font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin: 0px; font-weight: normal;height:100%;width:100%;overflow-x: hidden;}

header {padding: 5px 0px; margin-bottom: 20px; height: fit-content; background-color: #E2E3E4; color: #000; box-shadow: 0px 2px 2px #ccc;}

header > div {margin-left: 8px;}

#link_manual{color:darkred;text-decoration:none;}
#link_manual:hover{text-decoration:underline;}
#conteudo {padding: 0px 8px;min-height: calc(100vh - 175px);margin:0;} /* min-height:472px;*/

@media screen and (max-width:300px){
	#greeting{height:fit-content !important;}
}
@media screen and (max-width: 450px) {
	html, body {overflow-x: scroll;}
	#topbar{overflow:visible;width:2000px;}
	#navbar-content{display:grid;justify-content:center;width:100%; text-align:center;}
	#navbar{padding-left:2px;}
	#menu-bar{display:grid !important;}
	#greeting{margin-right:0px !important; width:fit-content !important;}
	#login-dialog {margin-top: 100px !important;}
}

@media screen and (max-width: 955px) {
	#topbar{float:none;display:flex;justify-content:center;width:100%;}
	#header-logo{float:none;display:flex;justify-content:center;width:100%;}
 	#navbar-content{display:flex;justify-content:center;width:100%; text-align:center;}
	.ui-menuitem{ margin:0px; margin-bottom:15px;padding:0px !important;}
	#greeting{padding-left:15px;}
	#navbar {margin:0;}
}
@media screen and (max-width: 780px) {
	#greeting{margin-right:10px !important;}
	.box-campo-pesquisa{width:82vw !important;}
}

/* Menu sistema inicio */
	.menu-sistema { border: 0px !important; padding: 0px !important; background: none !important;}
	
	.menu-sistema .ui-menu-parent > a .ui-menuitem-text, .menu-sistema > .ui-menu-list > .ui-menuitem > a > .ui-menuitem-text {color: #000000 !important;}
	
	.other-submenus .ui-menuitem-link > .ui-icon-triangle-1-s{
	  display: none !important;
	}
	ul.ui-menu-child {
	    white-space: nowrap;
	    width: 120px !important;
	}
	.other-submenus .ui-menu-child{
	    width: 150px !important;
	}
	.submenu-servicos .ui-menu-child{
	     white-space: nowrap;
	    width: 230px !important;
	}
	
	#greeting{float: left; height: 30px; width:fit-content !important;text-align:left; margin-right: 40px;color:darkslategray;line-height:30px;}

/* Menu sistema fim */

/* tela de login */
	input{
    	color: #1d66a2;
	}
	#login-dialog {width: 90vw; margin: auto; margin-top: 150px;height:60vh;color:darkslategray;}
	
	#login-logo-div{margin-bottom:10px;padding-left:10px;margin:auto !important; width:fit-content;}
	
	.grid-login {background-color: #f2f2f2;	border-radius: 8px;	border: 1px solid #ccc;	margin-top: 15px; padding: 10px; width:fit-content; margin:auto;margin-top:20px;}
	
	.tooltip {
	  position: relative;
	  display: block;
	  text-align:center;
	  padding:5px;
	  margin-top:10px;
	  color: darkgray;
	}
	
	.tooltip .tooltiptext {
	  visibility: hidden;
	  width: 180px;
	  background-color: lightgray;
	  color: darkslategray;
	  font-size:14px;
	  text-align: center;
	  padding: 10px;
	  border-radius: 2px;
	  top: 100%;
	  left: 35%;
	  margin-left: -60px; 
	  position: absolute;
	  z-index: 1;
	}
	.tooltip .tooltiptext::after {
	  content: " ";
	  position: absolute;
	  bottom: 100%;  /* At the top of the tooltip */
	  left: 50%;
	  margin-left: -5px;
	  border-width: 5px;
	  border-style: solid;
	  border-color: transparent transparent lightgrey transparent;
	}
	
	.tooltip:hover .tooltiptext {
	  visibility: visible;
	}
	.tooltip:hover{
		color:#6b6b6b;
		cursor: pointer;
		text-decoration:underline dotted gray;
		
	}
	.ui-datalist-item {
        padding:3px;
        margin-bottom:5px;
    }
/* tela de login fim */

/*campos de entrada*/
	.box-campo-pesquisa{
		border-style: solid;
		border-color: #DCDCDC;
		border-width: 1px;
		border-radius:5px 5px;
		width: 700px;
		padding: 5px;
		padding-left: 5vw;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.ui-inputtext, .ui-password, .ui-inputmask, .ui-inputfield.ui-widget.ui-state-default {
		border-color:lightgray;
		box-shadow:none;
	}
	
	.ui-inputtext:focus, .ui-password:focus, .ui-inputmask:focus, .ui-inputfield.ui-widget.ui-state-default:focus {
	  
	  box-shadow:  0px 0px 5px 1px gray;
	}
	.dateTimeField input {
		width:80px;
	}
	form#j_idt49 {
	    margin: 0 auto;
	}
	
/*campos de entrada fim*/


footer{
	padding: 10px 8px 10px 0;
	margin-top: 10px;
	position: relative;
	left: 0;
	bottom: 0;
	text-align: center;
	background-color: #eaeaea;
	width: 100%;
	height:45px;
	color:#2e4b4b;
}

.mie_link {
	color:#1d66a2;
	text-decoration: none;
}
.mie_link:hover {
	text-decoration: underline;
	color:steelblue;
}

.ui-panelgrid.showcase-text-align-center .ui-grid-responsive .ui-panelgrid-cell {
    text-align: center;
}

.customPanelGrid .ui-panelgrid-content {
    align-items: center;
}

.ui-fileupload-buttonbar {
    padding: 0.2em 0.4em;
    text-align: center;
}
td.ui-panelgrid-cell.rotulo {
    text-align: center;
}
span.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.ui-fileupload-choose {
    margin: 5px;
}
button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.ui-state-disabled.ui-fileupload-upload {
    margin: 5px;
}
button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.ui-state-disabled.ui-fileupload-cancel {
    margin: 5px;
}
.numeroARListagem{
	text-decoration:none;
}
.numeroARListagem:hover{
	text-decoration:underline;
}

h1 {font-size: 24px; font-weight: 500; padding: 0px; margin: 0px;}

.ui-selectonemenu{
     width: 185px !important;
}
.ui-selectonemenu-label{
     width: 185px !important;
}

.rotulo {width: 150px}

.ui-panelgrid td {height: 34px}

.ajax-status {position: fixed; top: 40px; right: 20px; width: 35px; height: 35px;}

.ui-selectmanycheckbox td {border-width: 0px !important; padding: 0px !important;}

.ui-selectmanycheckbox td label {padding-right: 10px;}

.produto-tabela {width: 100% !important;}

.produto-tabela input {width: 99%;}

/* Customiza TabView - início */
	.ui-tabs .ui-tabs-panel {padding: 0.5em 0.2em !important;}
	
	.ui-tabs {padding: 0px !important;}
	
	.ui-tabs .ui-tabs-nav {margin: -1px !important;}
	
	.ui-tabs.ui-tabs-top > .ui-tabs-nav {padding: 0px !important;}
/* Customiza TabView - fim */

.ui-state-disabled {opacity: .80 !important;}

/*Imagem da página 403.xhtml*/
.acesso{margin:auto;text-align:center;width:100%;} /*-49px -223px 0px 700px;*/

/*Página 500*/
.erroh1{ color:#2121DA; font-size: 70px; font-family: sans-serif; margin: 0 0 0 64px;}
.erroh2{color:#2121DA; font-size: 35px; font-family: sans-serif; margin: 0 0 0 64px;}
.erroh3{color:#808080;font-family: sans-serif; margin: 0 0 0 64px;}