/******************************** Footer ******************************************/
.footer-text {
	line-height: 30px;
	margin: 0px;
	display: inline-block;
	color: #555;
}

/******************************** Sidebar ************************************/
.nome-modulo {
	font-size: 24px;
	color: #FFF;
	text-transform: uppercase;
	margin-left: 10px;
}

/******************************** Login ******************************************/
.login-logo {
	text-align: center;
	margin-top: 20px;
	height: 70px;
}

/******************************** Topbar ******************************************/
.logo {
	display: inline-block;
}

.logo img {
	height: 50px;
	position: absolute;
	top: 7px;
	left: 3px;
}

.logo-text, .logo-text-descricao {
	position: absolute;
	left: 150px;
	color: #555;
}

.logo-text {
	top: -8px;
}

.logo-text-descricao {
	top: 16px;
}

@media ( max-width : 640px) {
	.logo-text, .logo-text-descricao {
		left: 160px;
	}
	.nome-modulo {
		margin-left: 20px;
	}
}

@media ( max-width : 700px) {
	.logo-text-descricao {
		display: none;
	}
	.logo-text {
		top: 0px;
	}
}

/******************************** Breadcrumb ************************************/
[id$="breadCrumbMenu"] {
	border: none !important;
	border-bottom: 3px solid #999e99 !important;
	border-radius: 0px !important;
}

[id$="breadCrumbMenu"]>ul>li a, [id$="breadCrumbMenu"]>ul>li span {
	color: #888 !important; /*#7e80a5;*/
}

/********************************** input ***************************************/
.ui-outputlabel .ui-outputlabel-rfi {
	color: #a70000;
}

.label-obrigatorio:after {
	content: ' *';
	color: #a70000;
}

.label-obrigatorio:after {
	content: ' *';
	color: #a70000;
}

.ui-radiobutton-box.ui-state-error {
    border: 1px solid #f28a8b !important;
}

/******************************* Data table *************************************/
.ui-datatable-tablewrapper table i[class*=fa-], 
.ui-datatable-tablewrapper table i[class*=ui-icon-], 
.ui-datatable-tablewrapper table span[class*=fa-],
.ui-datatable-tablewrapper table span[class*=ui-icon-] {
	font-size: 22px;
}

.ui-datatable-tablewrapper table i[class*=fa-trash] {
	color: #DF5300;
}

.ui-datatable-tablewrapper table i[class*=fa-chain] {
	color: #8B3400;
}

.ui-datatable-tablewrapper table i[class*=fa-map-marker] {
	color: #FFF;
	margin-right: 5px;
	margin-left: 5px;
	font-size: 19px
}

.ui-datatable-tablewrapper table i[class*=fa-edit], 
.ui-datatable-tablewrapper table i[class*=ui-icon-pencil], 
.ui-datatable-tablewrapper table i[class*=ui-icon-check],
.ui-datatable-tablewrapper table i[class*=ui-icon-close],
.ui-datatable-tablewrapper table i[class*=fa-paperclip],
.ui-datatable-tablewrapper table i[class*=fa-dashboard], 
.ui-datatable-tablewrapper table span[class*=fa-edit], 
.ui-datatable-tablewrapper table span[class*=ui-icon-pencil],
.ui-datatable-tablewrapper table span[class*=ui-icon-check], 
.ui-datatable-tablewrapper table span[class*=ui-icon-close],
.ui-datatable-tablewrapper table span[class*=fa-paperclip],
.ui-datatable-tablewrapper table span[class*=fa-dashboard] {
	color: #444;
}

.ui-datatable-tablewrapper table .ui-state-highlight i[class*=fa-edit] {
	color: #FFF;
}

.ui-datatable-tablewrapper table .ui-state-highlight.ui-row-editing {
	background: inherit !important;
}

.ui-datatable-tablewrapper table .ui-row-editing .ui-cell-editor-input, 
.ui-datatable-tablewrapper table .ui-state-highlight.ui-row-editing .ui-cell-editor-input	{
	padding: 10px;
	color: #434560 !important;
}

.ui-datatable-tablewrapper table tr td.ui-editable-column input {
	border: 1px solid #b6b7c2 !important;
}

.ui-datatable-tablewrapper table .ui-row-editor .ui-icon-pencil:before {
	content: "\f044";
}

.ui-datatable-tablewrapper table .ui-row-editor .ui-icon-check:before {
	content: "\f046";
}

.ui-datatable-tablewrapper table .ui-row-editor .ui-icon-close:before {
	content: "\f00d";
}

.ui-datatable-tablewrapper table .ui-icon {
   width: auto;
}

/******************************* Growl messages *********************************/
.ui-growl {
	width: auto;
	max-width: 400px;
}

.ui-growl-message {
	width: auto;
	min-width: 220px;
	max-width: 320px;
	margin-left: 15px;
	float: left;
}

/*********************************** Align **************************************/
.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right !important;
}

.float-right {
	float: right;
}

.float-left {
	float: left;;
}

.ez-fix-center {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 800px;
}
/*********************************** Others **************************************/
.no-padding {
	padding: 0px;
}

.no-margin {
	margin: 0px !important;
}

.column-left {
	padding-right: 10px;
}

.column-right {
	padding-left: 10px;
}

.column-center {
	padding-right: 10px;
	padding-left: 10px;
}

.collumn-input-mask-slim{	
	text-align: center !important;
	width: 50px !important;
	padding-top: 1px !important;
	padding-bottom: 1px !important;
}


.collumn-input-mask-slim input{
	padding-top: 1px !important;
	padding-bottom: 1px !important;
}

/*********************************** Genérico para Panel *************************/
.no-border-panel .ui-widget-content {
	border: none !important;
	border-radius: 0px !important;
}

/*********************************** Lista de contatos ***************************/
.contato-pcj{
	padding: 2px;
	display: inline-block !important;
	width: 130px; 
}

.dashboard .contacts ul li .contact-info .name {
          display: block;
          margin-top: 4px;
          font-size: 16px; 
}

.dashboard .contacts ul li .contact-info .location {
          margin-top: 4px;
          display: block;
          font-size: 14px;
          color: #7e80a5; 
}

/*********************************** Right panel *********************************/
.layout-rightpanel .layout-rightpanel-header {
	background-color: #3d72b4;
	background-image: -webkit-gradient(linear, left top, right top, from(#3d72b4),
		to(#525252));
	background-image: -webkit-linear-gradient(left, #3d72b4, #525252);
	background-image: -moz-linear-gradient(left, #3d72b4, #525252);
	background-image: -ms-linear-gradient(left, #3d72b4, #525252);
	background-image: -o-linear-gradient(left, #3d72b4, #525252);
	background-image: linear-gradient(left, #3d72b4, #525252);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d72b4',
		endColorstr='#525252', gradientType='1');
	padding: 14px;
	height: auto;
	font-size: 20px;
	text-transform: uppercase;
	color: #FFF;
}

.caixa-modulo {
	padding: 20px 14px;
	background-color: #ddd;
	text-align: center;
	margin: 10px 0px;
}

.caixa-modulo span {
	color: #FFF;
	text-transform: uppercase;
	font-size: 18px;
}

.caixa-modulo:first-child {
	margin-top: 0px;
}

.caixa-modulo.orng {
	background-color: #FF8B47;
}

.caixa-modulo.ylw {
	background-color: #FFD847;
}

/*********************************** Picklist ************************************/
.ui-picklist .ui-picklist-list {
	min-width: 200px !important;
	width: auto !important;
}

.ui-picklist .ui-picklist-list-wrapper {
	width: 45% !important;
}

/*********************************** SelectOneMenu *****************************/
body .ui-state-highlight {
	background-color: #d8dae2;
	color: #333;
}
/*********************************** Dialog ************************************/
.ui-dialog-body {
	background-color: #ffffff;
}

/*********************************** Inputs *************************************/
.input-disable,
.input-disable input,
input.ui-state-disabled, 
textarea.ui-state-disabled, 
select.ui-state-disabled, 
label.ui-state-disabled, 
div.ui-state-disabled,
div.ui-state-disabled label {
	opacity: 1;
	color: #000 !important;
	background: #EEE !important;
	cursor: not-allowed !important;
}

/********************************** Components *********************************/
.modal-component {
	border-radius: 12px !important;
	border: 2px solid #666 !important;
}

.modal-component a.ui-overlaypanel-close {
	top: 1px !important;
	right: 1px !important;
	background-color: #444 !important;
}

/******************************* Layout Horizontal ******************************/
.layout-wrapper.layout-horizontal .layout-main .layout-topbar {
	background-color: #ffffff;
	background-image: none;
}

@media ( min-width : 641px) {
	.layout-wrapper.layout-horizontal .layout-main .layout-topbar .layout-topbar-menu-wrapper .topbar-menu>li>a,
	.layout-wrapper.layout-horizontal .layout-main .layout-topbar .layout-topbar-menu-wrapper .topbar-menu>li>a:hover,
	.layout-wrapper.layout-horizontal .layout-main .layout-topbar .layout-topbar-menu-wrapper .topbar-menu>li>a i,
	.layout-wrapper.layout-horizontal .layout-main .layout-topbar .layout-topbar-menu-wrapper .topbar-menu>li>a i:hover,
	.layout-wrapper.layout-horizontal .layout-main .layout-topbar .layout-topbar-menu-wrapper .topbar-menu>li>a .topbar-item-name,
	.layout-wrapper.layout-horizontal .layout-main .layout-topbar .layout-topbar-menu-wrapper .topbar-menu>li>a .topbar-item-name:hover{
		color: #434560;
	}
}

/******************************** Dashboard **********************************/
.layout-wrapper .layout-main .layout-topbar .layout-topbar-menu-wrapper .topbar-menu .topbar-badge
	{
	background-color: #da0505;
}

.caixa-servicos-titulo {
	padding: 10px;
	border-bottom: 3px solid #3E679B;
	font-size: 22px;
	color: #333;
}

.caixa-servicos {
	background-color: #FFF;
	border-bottom: 1px solid #999;
}

.caixa-servicos ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.caixa-servicos ul li {
	border-bottom: 1px solid #999;
	position: relative;
}

.caixa-servicos ul li a, .caixa-servicos ul li span {
	color: #333;
	display: block;
	padding: 10px 8px;
	text-decoration: none;
}

.caixa-servicos ul li span {
	padding: 0px;
}

.caixa-servicos ul li i[class*=-double-right], .caixa-servicos ul li i[class*=-double-down]
	{
	top: 10px;
	right: 10px;
	color: #444;
	font-weight: 500;
	font-size: 16px;
	position: absolute;
}

.caixa-servicos ul li a:hover, .caixa-servicos ul li span:hover {
	color: #153F74;
	cursor: pointer;
	background-color: #F2F2F2;
}

ul.accdn-conteudo li:first-child {
	border-top: 1px dashed #999;
}

ul.accdn-conteudo li {
	border-bottom: 1px dashed #999;
}

.caixa-servicos ul li:last-child {
	border: none;
}

.caixa-servicos-titulo.dados {
	border-bottom-color: #D86B2B;
}

.caixa-servicos-titulo.outorgas {
	border-bottom-color: #1C8C70;
}

.caixa-servicos-titulo.servicos {
	border-bottom-color: #555;
}

/******************************** Custom Accordion **********************************/
.accdn {
	/*for js accordion*/
	
}

.accdn-conteudo {
	display: none;
	margin-left: 20px;
}

/******************************* fileUpload *************************************/
.ui-fileupload-files {
	width: 100% !important;
	border: 1px solid #b6b7c2 !important;
}

.ui-fileupload-header {
	display: table-row;
	width: 100% !important;
	border: 1px solid #25548F !important;
	background: #3D72B4;
	color: #ffffff;
	font-weight: bold;
}

.ui-fileupload-header>div {
	display: table-cell;
	vertical-align: middle;
	padding: 6px 12px;
}

/******************************* Column without label *************************************/
.margin-top-not-label {
	margin-top: 19px;
}

/*********************************** indicadores *******************************/
.ind-box-border {
	border: 1px solid #aaa;
}

.ind-box-border h3 {
	margin-top: -4px;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 2px solid #999;
}

.chart-indicadores {
	height: 600px;
}

.chart-indicadores table.jqplot-table-legend>tbody {
	display: inline-flex;
}

.chart-indicadores table.jqplot-table-legend .jqplot-table-legend-swatch
	{
	width: 15px;
}

.chart-indicadores table.jqplot-table-legend td.jqplot-table-legend {
	padding-top: 0px !important;
}

.chart-indicadores table.jqplot-table-legend, .chart-indicadores table>.jqplot-table-legend-label
	{
	font-size: 0.85em !important;
}

.chart-indicadores table.jqplot-table-legend tr {
	margin-left: 10px !important;
}

.chart-indicadores table.jqplot-table-legend tr:first-child {
	margin-left: 0px !important;
}

.chart-indicadores .jqplot-title {
	font-weight: bolder !important;
}

/*********************************** graphicImage rounded *******************************/
.graphicImage-rounded {
	border-radius: 50%;
}

/*********************************** Fieldset clean *******************************/
fieldset.fieldSetClean {
	border: 2px solid #b6b7c2;
}

fieldset.fieldSetClean legend {
	color: #252323 !important;
	margin-left: 10px !important;
	background: none !important;
	border: none !important;
	font-size: 15px !important;
	font-weight: bold !important;
}

/*********************************** Fieldset none *******************************/
fieldset.fieldSetNone {
	border: 0px;
	margin: 0; 
	padding: 0;
}

fieldset.fieldSetNone legend {
	display: none;
}

fieldset.fieldSetNone .ui-fieldset-content {
	padding: 0;
}

/******************************** Wizard *****************************************/
body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title {
	border-right: 0px solid;
	margin: 0;
	padding: 6px 9px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius : 0;
	border: 0.02px solid #25548F;

}

body .ui-wizard-step-title {
	font-family: "Source Sans Pro", "Helvetica Neue", "sans-serif";
	padding: 3px 8px;
    color: #ffffff;
    text-decoration: none;
    border-color: #25548F;
    background-color: #3D72B4;
    font-size: 16px;
    font-weight: bold !important;
}

body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title :first-child {
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

body .ui-custom-widget-header {
	background: #3D72B4;
    padding: 0px 0px;
    border: 1px solid #25548F;
}

body .ui-wizard-step-title .ui-state-default .ui-corner-all {
	font-family: "Source Sans Pro", "Helvetica Neue", "sans-serif";
	padding: 3px 8px;
    color: #ffffff;
    text-decoration: none;
    border-color: #25548F;
    background-color: #3D72B4;
    font-size: 16px;
    font-weight: bold !important;
}

body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child {
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border: 1px solid #25548F;
	font-size: 14px;
	font-weight: bold !important;
}

body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight {
	border-color: #b6b7c2;
	background-color: #525252;
	color: #ffffff;
	font-weight: bold !important;
	font-size: 14px;
	border-radius: 0px;
	border: 1px solid #25548F;
}



/******************************** contatos *****************************************/
.dashboard .contacts ul li .contact-actions .connection-status.inactive {
            background-color: #babdb6; }



/******************************* Divs e Boxes ****************************************************/
.ez-box {
/*   -moz-border-radius: 2px; */
/*   -webkit-border-radius: 2px; */
/*   border-radius: 2px; */
/*   background: #ffffff; */
  padding: 16px;
/*   box-sizing: border-box; */
  margin-bottom: 16px; }
  .ez-box.ez-box-w-title {
    padding-bottom: 16px; }
  .ez-box.no-gutter {
    margin-bottom: 0; }
  .ez-box h1 {
    font-size: 20px;
    font-weight: 400;
    margin: 24px 0; }
    .ez-box h1:first-child {
      margin-top: 0px; }
  .ez-box h2 {
    font-size: 18px;
    font-weight: 400; }
  .ez-box h3 {
    font-size: 16px;
    font-weight: 400; }
  .ez-box h4 {
    font-size: 14px;
    font-weight: 400; }
    

.ez-box-white {
    position: relative;
    background-color: white;
    padding: 10px;
    box-shadow: 2px 2px 4px gray;
    border-top-color: #ccc;
    border-left-color: #ccc;
    border-top-style: solid;
    border-left-style: solid;
    border-top-width: 1px;
    border-left-width: 1px;
}    

/******************************** bloco página edição *********************************/

.

/******************************** blocos clicáveis *****************************************/

.caixa-selecao a {
	color: #fff;
}


.ez-box-selecao {
	background-color: #ffffff;
	-moz-border-radius: 1%;
    -webkit-border-radius: 1%;
    border-radius: 1%;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(72, 57, 0, 0.6);
    -moz-box-shadow: 1px 1px 1px 1px rgba(72, 57, 0, 0.6);
    box-shadow: 1px 1px 1px 1px rgba(72, 57, 0, 0.6);
    padding: 15px 15px 15px 15px ;
}

.ez-box-selecao-div-icon {
	padding: 7px 10px 15px 10px;
	font-size: 37px;
	background-color: white;
	-webkit-box-shadow: 0 0 10px 0 rgba(48, 28, 84, 0.6);
	-moz-box-shadow: 0 0 10px 0 rgba(48, 28, 84, 0.6);
	box-shadow:0 0 10px 0 rgba(48, 28, 84, 0.6);
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	height: 35px;
	width: 35px;
	text-align: center;	
	margin-right: 5px;
}

.ez-box-cor-1 {
	background-color: #633ea5;
}

.ez-box-cor-2 {
	background-color: #ffc700;
}

.ez-box-cor-3 {
	background-color: #ed3c76;
}

.ez-box-selecao-conteudo {
	background-color: #ffffff;
	margin-left: 10px;
	
}

.ez-box-selecao-titulo {
	font-size: 25px;
}

.ez-box-selecao div[class*="overview-box-title"] {
	font-size: 30px !important;
	padding-left: 5px;	
}

.ez-box-selecao div[class*="overview-box-details"] {
	font-size: 18px !important;
	padding-left: 5px;	
}

#divPagina {
	margin-top: 50px;	
}

.ez-box-info {
	background-color: #ffffff;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(72, 57, 0, 0.6);
    -moz-box-shadow: 1px 1px 1px 1px rgba(72, 57, 0, 0.6);
    box-shadow: 1px 1px 1px 1px rgba(72, 57, 0, 0.6);
    position: relative;   
}

.ez-box-nr-pcj {
	background-color: #3D72B4;
	padding: 10px 10px 10px 10px;
	color: #fff;
	vertical-align: top;
	display: table-cell;
}

.ez-box-nr-pcj .ez-font-3 {
	color: #fff;
}

.ez-box-contador {
	font-weight: bold; 
	font-size: 20px;
	
}

.ez-box-ubh-header {
	display: table;
}

.ez-box-ubh-header-content {
	vertical-align: top;
	margin-top: -8px; 
}

.ez-box-ubh-header-uid {
	font-size: 18px;
	margin-top: 35px;
}

.ez-box-ubh-header-title {
	font-size: 22px;
	font-weight: bold;
}

.ez-box-ubh-header-cnae {
	font-size: 13px;
	padding-top: 5px;
}

.ez-box-ubh-header-endereco {
	padding-top: 25px;
}

.ez-box-ubh-header-respl {
	position: absolute;
	background-color: #f9f9f9;
	right: 0px;
	top: 0px;
	bottom: 0px;
	max-height: fit-content;
/* 	box-shadow: 0px 1px 1px 0px rgba(72, 57, 0, 0.6); */
}

.ez-box-ubh-header-respl-title-box {
    background-color: #3d72b4;
    margin-left: -8px;
    margin-right: -8px;
    margin-top: -8px;
    padding-top: 2px;
    padding-left: 3px;
    padding-bottom: 2px;
    text-align: right;
    padding-right: 7px;
    color: #fff;
}

.ez-box-ubh-respl-title {
	font-style: italic;
}

.ez-box-ubh-header-respl .ez-box-ubh-header-title {
	font-size: 16px;
}

.ez-box-ubh-header-respl .ez-box-ubh-header-uid {
	font-size: 14px;
}

.ez-idpcj {
	font-size:17px;
	text-align:center;
}

.ez-font-usuario-rec{
    font-size: 16px;
    font-weight: bold;
    color: #555;
}

.ez-font-usuario-doc{
    color: #555;
}

/******************************* Content ******************************************************/

.pagina-titulo {
	font-size: 25px;
}

.ez-font-1{
    font-family: 'Source Sans Pro';
    font-weight: normal;
    font-size: 14px;
    color: #6a6a6a;
}

.ez-font-1-label {
	font-weight: bold;
}

.ez-font-2{
  /*  font-family: segoe ui,arial,helvetica;*/
    font-weight: normal;
    font-size: 18px;
    color: #6a6a6a;
}    

.ez-font-3{
 /*   font-family: segoe ui,arial,helvetica;*/
    font-weight: normal;
    font-size: 24px;
    color: #6a6a6a;
}

.ez-font-2-black {
	font-weight: normal;
    font-size: 18px;
    color: #000;
}

.ez-font-id-pcj {
	font-size: 30px;	
}

.ez-font-bold {
	font-weight: bold;
}

.ez-link-icon {
	font-family: "Source Sans Pro", "Helvetica Neue", "sans-serif" !important;
	font-size: 40px !important;
	
}
/******************************************* box listagem ************************************/

.ez-box-list-item {
	font-family: "Source Sans Pro", "Helvetica Neue", "sans-serif" !important;
	
	-moz-border-radius: 1%;
	-webkit-border-radius: 1%;
	border-radius: 1%;
	
	-webkit-box-shadow: 1px 0px 1px 1px rgba(72, 57, 0, 0.6);
    -moz-box-shadow: 1px 0px 1px 1px rgba(72, 57, 0, 0.6);
    box-shadow: 1px 1px 1px 0px rgba(72, 57, 0, 0.6);
}

.ez-box-list-item div[style*=table-cell] {
	font-family: "Source Sans Pro", "Helvetica Neue", "sans-serif" !important;
	padding: 5px 5px 5px 5px;
}

.ez-box-list-item-pend {
	background-color: #fff20033;  /*#f4f3f8;*/ 
}

.ez-box-list-item-atend {
	background-color: #0b782a33; 
}

.ez-box-list-item-natend {
	background-color: #f2a5a5e6; 
}

/******************************************* panel grid PCJ - no border ************************************/
.panelgrid-noborder>tbody>tr{
    border: none !important;
}

.panelgrid-noborder>tbody>tr>td{
    border: none !important;
}

/******************************************* coluna label - form PCJ - no border ************************************/
.panelgrid-column-field-label {
	width: 150px
}

.panelGrid-row-extension.title {
	font-weight: bold;
	
}

/****************************************** grid ***************************************************************/
.datascroller-ez-uso .ui-datascroller .ui-datascroller-item {
    border-bottom: 1px solid #A8A8A8;
    padding: 25px 10px;
    /* with the exported variables from Nova and Luna Themes*/
    border-bottom-color: var(--input-border-color, #A8A8A8);
}

/******************************************* componente steps - definindo largura ************************************/
body .ui-wizard .ui-wizard-step-titles {
	margin: auto;
	margin-bottom: 25px;
    width: 95%;
}
body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title {
    width: 23%;
}
/******************************************* alterando cor de fundo - th - datatable ************************************/
#datatableThNoColor thead th {
	background-color: #ffffff;
	border-color: #DBE1E6;
	color: #020202d9;
	padding: 6px 0px;
}

span input .general-md-input-width {
	width: 30%;
}

/****************************************** items ativos/inativos *******************************************************/
.ez-item-ativo .fa-circle-o-notch {
	color: #56b927;
	
}

.ez-item-inativo .fa-circle-o-notch{
	color: #babdb6;
}

/****************************************** dialog recupera senha *******************************************************/
.ez-dialog-recup-senh {
	color: #525252;
	background-color: #fff;
	height:200px;
	font-size: 16px;
}

.ez-dialog-recup-senh  h1 {
	font-weight: normal;
	font-size: 30px;
}

.ez-dialog-recup-senh .input-wrapper {
      position: relative; 
}

.ez-dialog-recup-senh .input-wrapper i {
        position: absolute;
        color: #bdc3c9;
        top: 5px;
        right: 8px;
        font-size: 16px; 
}

.ez-dialog-recup-senh .input-wrapper input {
        padding-right: 22px; 
}

.ez-dialog-recup-senh label {
	font-size: 14px;
	font-weight: bold;	
}

/******************************************** páginas uso *******************************************************************/
.ez-box-secao-uso {
	margin-top: 10px;
	padding: 15px;
}

/***************************************** panelGrid *************************************************/
.custom-pn-grid:first-child{
	margin-top: 0px;
}

.custom-pn-grid div.ui-grid-row:first-child{
	background-color: #555;
}

.custom-pn-grid div.ui-grid-row:first-child a,
.custom-pn-grid div.ui-grid-row:first-child span{
	color: #FFF;
}

.custom-pn-grid .descricao{
	font-style: italic;
	color: #555;
}

.custom-pn-grid div.ui-grid-row a:hover{
	font-size: 14.3px;
	color: #E2E2E2;
}

.custom-pn-grid.blue-header div.ui-grid-row:first-child{
    background-color: #25548F;
    border-color: #20487b !important;
}

/*********************************************** Fonts ********************************************************/
.font-bold {
	font-weight: bold !important;
}

.font-bold-red {
	font-weight: bold;
	color: red;
}

.font-upper{
    text-transform: uppercase;
}

.font-italic {
	font-style: italic;
}

.text-note {
    font-size: 12px;
    color: #888;
}

.title-h{
	padding: 5px;
	border-bottom: 2px solid #7f8087;
	margin-bottom: 10px;
}

.title-h > h1,
.title-h > h2,
.title-h > h3,
.title-h > h4{
	margin: 0px;
}

.title-h.border-fit{
	border-bottom: 1px solid #555;
}

.custom-span-box{
    color: #FFFFFF; 
    border: 1px solid #555;
    background-color: #aaa;
    padding: 5px;    
    border-radius: 10px;
    margin-left: 10px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold; 
}

.custom-span-box.orange{
	background-color: #D35003;
	border: 1px solid #833100;
}

.custom-radio-selected:before {	
	font-family: FontAwesome; 
	color: #305a8e;
	font-size: 22px;
	content: "\f192";
}

.custom-radio-unselected:before {
	font-family: FontAwesome; 
	color: #c8c8c8;
	font-size: 22px;
	content: "\f1db";
}

.ui-inputswitch-on .ui-state-active  {
	background-color: #4e9664 !important;
}
/*********************************************** Sincronizacao ********************************************************/
.link-usos,
.link-usos i,
.link-usos span{
	font-size: 16px;
	font-weight: 500;
}

.link-usos i{
	position: absolute;
	top: 10px;
	margin-left: 5px;
}

/******************************************************* LAbel ******************************/

.label-finalidade-titulo {
	color: #434560;
	font-style: normal;	 	
}

.label-finalidade-detalhe {
	color: #888a85;
	font-style: italic;	 	
}

/************************************** Box **************************************/

.box-padrao {
	padding: 5px 0px 5px 7px;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
}

.box-emp {
	background-color: #ffffff;
}
.ui-widget-header-table {
    background: #3D72B4;
    color: #ffffff;
    border: 1px solid #25548F;
    font-weight: bold;
}

.box-uso {
	border-radius: 1px 1px 1px 1px;
	-moz-border-radius: 1px 1px 1px 1px;
	-webkit-border-radius: 1px 1px 1px 1px;
	border: 1px solid #d9d9d9;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,1);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,1);
}

/************************************* Auditoria ****************************************/
.auditoria-atributos > div{
	margin-left: 15px;
	margin-right: 15px;
}

.auditoria-atributos h2{	
	margin-top:0px;
	margin-bottom:0px; 
	padding-bottom: 0px;
	color:#b50303; 
	text-transform: capitalize;
}

.auditoria-atributos:first-child > h2:first-child {
	padding-top: 0px;
}

.auditoria-atributos-border {
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}

.auditoria-atributos:last-child .auditoria-atributos-border:last-child {
	border: none;
}

.auditoria-alteracao{
	background: #bbcfe8;
}

.auditoria-box {
	border: 2px solid #999;
	border-radius: 4px;
	margin-bottom: 20px;	
}

.auditoria-box > div > h2:first-child {	
	font-weight: bold;	
	border-bottom: 2px solid #3274af;
	padding-top: 5px;
	padding-bottom: 10px;
	margin: 0px
}

.auditoria-box > div.ui-g-6:nth-child(1){
	border-right: 2px dashed #434560;
}

/***************************************** layout card *************************************************/
.panel-card i[class*=fa-],
.panel-card span[class*=fa-] {
	font-size: 22px;
}

.panel-card i[class*=fa-trash] {
	color: #DF5300;
}

.panel-card-body{
	display: table; 
	height: 100%; 
	width: 100%;
	min-height: 25px;
}

.panel-card-body > div {
	display: table-cell; 
	vertical-align: middle;
}

.box-white {
    position: relative;
    background-color: white;
    padding: 10px;
    box-shadow: 2px 2px 4px grey;
    border-top-color: #ccc;
    border-top-style: solid;
    border-top-width: 1px;
    border-left-color: #ccc;
    border-left-style: solid;
    border-left-width: 1px;
}

.text-box-vaz input {
	height:25px;
}

.ez-label {
	font-size: 14px;
}

.info{	
	padding: 10px;
	font-size: 16px;
	font-weight: 500;
	border-radius: 6px;
}


/****************************************** layout pdf ****************************************************/
.pdf-header {
	width: 100%;
	position: relative;
	padding-bottom: 5px;
	border-bottom: 2px solid #777;
	margin-bottom: 10px;
}

.pdf-header-body {
	display: table; 
	height: 100%; 
	width: 100%;
}

.pdf-header-body > div {
	display: table-cell; 
	vertical-align: middle;
}

.pdf-header-img {
	width: 150px;
}

.pdf-header-title {
	padding-right: 150px;
	text-align: center;	
	font-weight: bold;	
	font-size: 18px;
	color: #555;
}

.pdf-quebra {
	page-break-inside: avoid;
}

.pdf-table thead th{
	background-color: #ddd !important;
	border-color: #ccc !important;
	color: #444 !important;
}

.pdf-table thead th,
.pdf-table tbody td {
	/* font-size: 11px !important; */
}

.pdf-table tbody td {
	font-weight: 500 !important;
}

.pdf-table > .ui-datatable-footer.ui-widget-header{
	background-color: #ddd !important;
	border-color: #ccc !important;
	color: #444 !important;
	/* font-size: 11px !important; */
	text-align: left;
}

/*.pdf-quebra tbody tr, 
.pdf-quebra tbody td,*/
.pdf-quebra div {
	page-break-inside: avoid !important;
	/*page-break-before: auto;*/
}

.pdf-line-title {
	background-color: #bbb;
	color: #333;
}

.pdf-line-title > span {
	margin-right: 10px;
}

.pdf-line-title > div {
	padding: 8px 10px;
	display: inline-block;
	background-color: #d9d9d9;
}

input.pdf-input,
.pdf-input,
.pdf-input input,
.pdf-input > input {
    background: none !important;
    border: none !important;
    padding: 2px 0px 0px 0px !important;
}

.pdf-memorial-usolote {
	margin-top: 10px; 
	border: 1px solid #aaa; 
	border-radius: 6px;
}

.pdf-memorial-usolote .pdf-memorial-usolote-dados {
	border-bottom: 1px solid #aaa;
}

.pdf-memorial-usolote .pdf-memorial-usolote-dados:last-child {
	border-bottom: none;
}

.pdf-memorial-usolote div.title-h {
	background-color: #ddd; 
	border-bottom: none;
	padding-left: 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

/* -------------- Div as Table Cells ---------------------*/

.row {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-spacing: 10px;
}
.column {
    display: table-cell;    
}

.box-resumo-erro {
	height: 320px; 
	overflow-x: overlay;
    overflow-y: scroll;
	border: 1px solid #d9d9d9;
	padding-top: 5px;
	padding-left: 5px;
}

.status-lote-sucesso {
	color: green;
	font-weight: bold;
}

.status-lote-erro {
	color: red;
	font-weight: bold;
}

.status-afericao-pendente {
	color: orange;
	font-weight: bold;
}

.status-afericao-aprovado {
	color: green;
	font-weight: bold;
}

.status-afericao-reprovado {
	color: red;
	font-weight: bold;
}

/*------------------ buttonset -----------------*/
body .ui-selectbooleanbutton.ui-state-hover {
    background-color: #f1f2f7; }

body .ui-selectbooleanbutton.ui-state-focus {
    background-color: #f1f2f7;
    color: #434560; }

body .ui-buttonset .ui-button {
  background-color: #f1f2f7;
}

body .ui-selectbooleanbutton {
  background-color: #f1f2f7;
}

body .ui-button .buttonset-active {
	background-color: #525252 !important;
}

body .ui-button .buttonset-inactive {
	background-color: #f1f2f7 !important;
}

.ui-custom-disabled {
	cursor: not-allowed !important;	
}

.ui-growl {
				z-index: 999999 !important;
			}