.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; }

a, a:visited, a:hover, a:active {
  color: inherit;
}

.card h1 {
	color: #304D63;
	border-width: 0 0 3px;
    display: inline-block;
	line-height: 25px;
    margin-top: 10px !important;
    font-weight: 600;
}
.card h1 span{
	background: #304D63;
	display: block;
    width: 50px;
    height: 4px;
    position: absolute;    
}

.card h1:after {
    content: "\00bb";
    display: inline-block;    
    height:20px; 
    overflow: hidden;
    padding-left: 10px;
}

.card h2 {
	color: #304D63;
}
.card h3 {
	color: #304D63;
}
.card h4 {
	color: #304D63;
}.card h5 {
	color: #304D63;
}

.card i {
	/* Linha Comentada para deixar os ícones vermelhos */
	// color: #304D63; */
}
  
.ui-datagrid-no-border .ui-datagrid-content {
   border: none;
} 

/* .ui-outputlabel {
    color: #FFFFFF !important;
  } */

.landing-wrapper #header {
  width: 100%;
  min-height: 400px;
  background: url("/fortalezaonline/javax.faces.resource/images/landing/img_sobral_01.jpg.jsf?ln=ultima-layout") top left no-repeat #f7f7f7;
  background-size: 100% auto; 
}

#pricing h1 {      
      color: #304D63 !important;
}
        
.landing-wrapper #pricing .pricing-box .pricing-header span.fee {
        font-size: 25px !important;
        font-weight: 600 !important;
}
.landing-wrapper #pricing .pricing-box .pricing-header {
    padding: 0px 0px !important;
}

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

.ui-button {
	margin-right: 0.18em;
}

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

body.ui-button {
	background-color: #26a69a;
}

.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;	
	transition: 5s;	  
}

 .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;
}

.menu-icon{	
	font-size: 24px;
	padding-top: 10px; 
}
.menu-icon:hover{
	font-weight: bold;
	color: #00a195b8 !important;
}

.menu-icon-prod{	
	font-size: 70px; 
}
.menu-icon-focu{
	
}

.menu-icon-focu:hover{
	color: #00a195b8 !important;
}
.panel-menu-painel.ui-panel .ui-panel-content, .panel-menu-painel.ui-panel-content  {
	padding: 15px 0px !important;
}


.panel-title-portal{
	line-height: 25px;
}


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

.btnPrincipalPortal{
	background-color: #FCCE1C !important;
	font-weight: bold;
	color: #304D63 !important;
}
.btnPrincipalPortal:hover{
	background-color: #304D63 !important;
	color: #FFF !important;
}

body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number {
	background-color: #00a195b8 !important;
}

body .ui-button.ui-state-hover {
    background-color: #00a195b8;
}

.noborderpanel.ui-panel{
	
	border: none !important;
}

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

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

tr .ui-cell-editor-input .ui-inputfield.ui-inputtext.ui-widget.ui-state-default.ui-corner-all.ui-state-filled  {
	color: #000000 !important;
	border-color : #000000 !important;
	font-size : 20px !important;
	font-weight : bold; 
}

.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;
    margin: 5px !important;
    border: 0px;
}

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

a:hover {
    color: #00a195b8;
}

.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;
}

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

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

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

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

.h1_modificado {
     margin-left: 0px !important;
}

.h2_modificado {
     margin-left: 0px !important;
}

.h3_modificado {
     margin-left: 0px !important;
}

.h4_modificado {
     margin-left: 0px !important;
}


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

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

.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;
       /*background-color:  rgba(238,238,238);*/
       /*background-color: #F7F7F7;*/
       
   }

   @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 .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link {
    font-size: 15px;
}

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

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

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: 170px;
            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: 20px;
    font-size: 16px;
    /*line-height: 25px;
    font-size: 15px;*/
}

body.layout-compact .layout-wrapper .layout-menu #profile-menu {
    display: block !important;
}


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

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.layout-compact .ui-toolbar {
    background-color: #fcfcfc;
    border-color: #fcfcfc;
}

 
 .assignment {
	background: url(/fortalezaonline/resources/portal/images/assignment.svg) top left no-repeat;
	display: inline-block;
}

 .description {
	background: url(/fortalezaonline/resources/portal/images/description.svg) top left no-repeat;
	display: inline-block;
}

 .autorenew {
	background: url(/fortalezaonline/resources/portal/images/autorenew.svg) top left no-repeat;
	display: inline-block;
}

 .house {
	background: url(/fortalezaonline/resources/portal/images/house.svg) top left no-repeat;
	display: inline-block;
}

 .store {
	background: url(/fortalezaonline/resources/portal/images/store.svg) top left no-repeat;
	display: inline-block;
}

 .list {
	background: url(/fortalezaonline/resources/portal/images/list.svg) top left no-repeat;
	display: inline-block;
}

 .search {
	background: url(/fortalezaonline/resources/portal/images/search.svg) top left no-repeat;
	display: inline-block;
}

 .quiz {
	background: url(/fortalezaonline/resources/portal/images/quiz.svg) top left no-repeat;
	display: inline-block;
}

 body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link .ui-menuitem-text {
    /* margin-left: 30px !important; */
}