.container {right: 0; text-align: center;}

.container .left, .container .center, .container .right { display: inline-block; }

.container .left { float: left; }
.container .center { margin: 0 auto; }
.container .right { float: right; }
.clear { clear: both; }

@media screen and (max-width: 600px){
  .container .right { float: none; }
  .container .left, .container .center, .container .right { display: block; }
}
    
.ui-datagrid-no-border .ui-datagrid-content {
   border: none;
} 

.div-menu{
	color: #304D63; 
	font-weight: bold;
	border-radius:8px;	  
}

.ui-button {
	margin-right: 0.18em;
}
.ui-button.ui-button-icon-only {
    -moz-border-radius: 25% !important;
    -webkit-border-radius: 25% !important;
    border-radius: 25% !important;
}

.div-menu:hover {
	background: #efeded;	
	border-color: #304D63;
	font-weight: bold;
	border-radius:8px;	  
}

 .layout-wrapper .layout-menu .profile .profile-image {
    width: 60px;
    height: 60px;
    margin: 0 auto 5px auto;
    background: url("/fortalezaonline/javax.faces.resource/images/avatar_none2.png.jsf?ln=ultima-layout") top left no-repeat;
    background-size: 60px 60px; 
}

.layout-wrapper .topbar-items > li.profile-item .profile-image {
    width: 36px;
    height: 36px;
    background: url("/fortalezaonline/javax.faces.resource/images/avatar_none2.png.jsf?ln=ultima-layout") top left no-repeat;
    background-size: 36px 36px; }

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;

    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.pace-inactive {
    display: none;
}

.pace .pace-progress {
	 background: #e9161c;
	 position: fixed;
	 z-index: 2000;
	 top: 0;
	 right: 100%;
	 width: 100%;
	 height: 2px;
}

.fildsetCard 
{
	color: #304D63;
}

tr.ui-widget-content.ui-datatable-odd.ui-datatable-selectable.ui-state-highlight{
	background-color: #00a19a5c !important;
}

tr.ui-widget-content.ui-datatable-odd.ui-state-highlight.ui-row-editing{
	background-color: #00a19a5c !important;
}

.input-readonly-gestor {
    opacity: 100 !important;
    filter: alpha(opacity=100) !important; /* For IE8 and earlier */
} 

.ui-selectonemenu-panel.ui-widget.ui-widget-content.ui-corner-all.ui-helper-hidden.ui-shadow{
	/*width: 100vh;*/	
}

.ui-datatable table 
{
	border-collapse: collapse;
	width: 100%;
	table-layout: auto;
}

/*ui-button ui-widget ui-state-default ui-button-text-only ui-corner-right*/

body .ui-buttonset .ui-state-default {
    background:#eeeeee !important;
    color: #000 !important;
}

body .ui-buttonset .ui-state-active{
     background-color: #16213d !important;
     color: #FFF !important;
}

body.layout-compact .ui-panel .ui-panel-content {
    padding: 5px !important;
    marging: 5px !important;
}

/* a {
    text-decoration: none !important;
    color: #16213d !important;
} */

/* a:hover {
    text-decoration: underline !important;
} */

.bordaTextoExibicao 
{ 
	border: #d3d3d3 solid 1px !important; 
	background-color:transparent;
}

body .ui-selectmanycheckbox label {
    margin-top: -18px !important;
    display: block !important;
    padding-left: 20px !important;
}

body .ui-selectoneradio label {
    margin-top: -18px !important;
    display: block !important;
    padding-left: 20px !important;
}

/*body .ui-scrollpanel-content {
    padding-left: 0px !important;
    right: 13px;
}

body .ui-scrollpanel {
    width: 100% !important;
}

body .ui-scrollpanel-container,.ui-scrollpanel-content {
    width: auto !important;
}*/

body .ui-tabmenu .ui-tabmenu-nav
{
  flex-wrap: nowrap !important;
  overflow-x: auto !important;

  li {
    flex: 0 0 auto !important;
  }
}

body .ui-tabs .ui-tabs-nav
{
  flex-wrap: nowrap !important;
  overflow-x: auto !important;

  li {
    flex: 0 0 auto !important;
  }
}

body .ui-panelgrid .ui-panelgrid-cell {
     padding: 10px 16px !important;
}

body .ui-datagrid-content {
	border: none !important;
}

h1 {
     margin-left: 5px !important;
}

h2 {
     margin-left: 5px !important;
}

h3 {
     margin-left: 5px !important;
}

h4 {
     margin-left: 5px !important;
}


.dialogProcessando.ui-dialog .ui-dialog-content {
   min-height: 40px;
}

/***************************************/

.layout-wrapper .topbar .topbar-right #topbar-menu-button i {
  color: #26a69a ; }
  
.layout-wrapper .topbar .topbar-right #topbar-menu-button i:hover {
  color: #26a69a; }

.layout-wrapper .topbar .topbar-right #topbar-menu-button i {
    margin-right: 2px;
}

@media (max-width: 1024px)
	{
	.layout-wrapper .topbar .topbar-right #topbar-menu-button {
	    margin-right: 2px;
	}
}


   /*.footer {
       position: fixed;
       bottom: 0px !important;
       width: 100%;
       z-index: 99999999;
       padding-right: 0px !important;
       box-sizing: inherit;
       padding-bottom: 0px !important;
       height: 60px !important;
       background-color: #EEEEEE;
       
   }

   @media(max-width: 1024px) {
       .footer {
           padding-right: 0px !important;
       }
   }	*/
   
   
body.layout-compact .card{
    padding: 16px !important;
    margin-bottom: 0px !important;
    box-sizing: border-box;
}

body.layout-compact .ui-panel .ui-panel-titlebar {
    text-align: center;
    background-color: #26a69a;
    border: 0px;
}



body.layout-compact .ui-menu.ui-slidemenu .ui-slidemenu-backward {
    width: 100%;
    box-sizing: border-box;
    -moz-border-radius: 100;
    -webkit-border-radius: 100;
    border-radius: 0;
       position: fixed;
    bottom: 55px !important;
    z-index: 99999999;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    margin-top: -50px !important;
	height: 35px !important;
    font-size: 15px;
    padding: 4px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-color: #26a69a;
    border: 0px;
}

   @media(max-width: 1024px) {
       .body.layout-compact .ui-menu.ui-slidemenu .ui-slidemenu-backward {
           padding-right: 0px !important;
       }
   }	


body.layout-compact .layout-wrapper .ultima-menu li a {
    font-size: 15px;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link .ui-menuitem-text {
    width: 93%;
}



body.layout-compact .ui-datatable .ui-paginator {
    background-color: #26a69a;
    border: 0px;
}

.layout-wrapper .topbar-items > li .topbar-icon {
    display: none;
	}

@media (min-width: 1025px){
.layout-wrapper .topbar-items > li .topbar-icon {
    display: none;
	}
}

body .ui-buttonset .ui-state-active {
    background-color: #26a69a !important;
}

body.layout-compact .ui-fileupload .ui-fileupload-buttonbar {
    background-color: #26a69a;
}

body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-hover
{
	background-color: #26a69a;
}

/* somente mobile
       
.ui-g-1, .ui-g-2, .ui-g-3, .ui-g-4, .ui-g-5, .ui-g-6, .ui-g-7, .ui-g-8, .ui-g-9, .ui-g-10, .ui-g-11, .ui-g-12 {
    padding: 0px !important;
}

body.layout-compact .ui-panel .ui-panel-content {
    padding: 0px !important;
    margin: 0px !important;
    border: 0px;
}

body .ui-menu {
    border: 0px;
}


somente mobile*/

.topbar-right{
  background-color: #FCFCFC;
  /*background-color:  rgba(247,248,218);*/
  height: 45px !important;
}

body.layout-compact{
	background-color: #FCFCFC;
}

.layout-wrapper .topbar {
  background-color: #FCFCFC;
}

.ui-grid .ui-grid-row {
    height: 100%;
    background-color: #FCFCFC;
}

html {
    height: 100%;
    background-color: #FCFCFC;
}

.ui-g-1, .ui-g-2, .ui-g-3, .ui-g-4, .ui-g-5, .ui-g-6, .ui-g-7, .ui-g-8, .ui-g-9, .ui-g-10, .ui-g-11, .ui-g-12 {
    background-color: #FCFCFC;
}

body.layout-compact .ui-widget-content {
    background-color: #FCFCFC;
}


.layout-wrapper .ultima-menu li.active-menuitem > a {
    color: #212121;
}

/*body.layout-compact .ui-paginator .ui-paginator-pages a {
    background-color: #ffffff;
}*/

body .ui-paginator .ui-paginator-pages a.ui-state-active {
    color: #000;
    background-color: #ffffff;
}

body.layout-compact .ui-datepicker .ui-datepicker-header {
    background-color: #26a69a;
}

.ui-datepicker th {
    background-color: #26a69a;
}

a:hover {
  text-decoration: underline;
}

a:active {
  text-decoration: underline;
}

        .login-fortaleza-digital {
            display: flex;
            flex-flow: row;
            width: 100%;
            height: 30px;
            text-decoration: none;
            background: #26a69a;
            font-family: sans-serif;
            font-size: 14px;
            align-items: center;
            color: #FFF;
            padding: 0;
        }

        .login-fortaleza-digital:hover {
            background-color: #26a69a;
            color: #eee;
            transition: 300ms;
        }
        
body.layout-compact .card {
    background-color: #FCFCFC;
}

.ui-steps .ui-steps-item.ui-state-highlight .ui-menuitem-link, .ui-steps .ui-steps-item.ui-state-disabled .ui-menuitem-link {
    background-color: #FCFCFC;
}

body.layout-compact .ui-datatable thead th {
    background-color: #FCFCFC;
}

body.layout-compact .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link {
    padding: 10px;
}

body.layout-compact .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link {
    font-size: 15px;
}

body.layout-compact .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link {
    line-height: 5px;
}


/*body.layout-compact .ui-icon {
    font-size: 22px;
}*/

body .ui-paginator .ui-paginator-pages a.ui-state {
    color: #000;
}
	
/*.jexcel {
     width: auto !important;
}*/

/*.jexcel 
{
	width: 100% !important;
	table-layout: auto !important;
}*/
	
/*table-layout: auto !important;*/ 


/*.jexcel tr{
  display: grid !important;
  grid-template-columns: 35px 1fr 25% 35px !important;
  grid-template-rows: auto !important;
  align-items: center !important;
}*/

body.layout-compact .ui-fluid .ui-spinner .ui-spinner-button {
    background: #fcfcfc;
}

.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

body.layout-compact .ui-button {
    margin: 4px 4px 4px 4px;
}
	
	
body .ui-button {
    background-color: #26a69a !important;
}

body a {
    color: #212121 !important;
}

body .ui-accordion .ui-accordion-header {
    background-color: #26a69a !important;
}

/*a:visited, a:hover, a:active {
    color: #26a69a !important;
    text-decoration: underline;
}*/

body.layout-compact .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler {
    background-color: #26a69a;
}