/* ::-webkit-scrollbar {
 width: 5px;
height: 5px;  
}
::-webkit-scrollbar-track-piece  {
background-color: ##969696;   #a3cd9b ;
}
::-webkit-scrollbar-thumb:vertical {
 height: 5px;  
background-color: #969696; rgb(197, 159, 100);
}
::-webkit-scrollbar-thumb:horizontal {
 height: 5px;  
background-color: #969696; rgb(197, 159, 100);
} */


/* #myModalImportarNf{
	margin-top: -20px !important;
	z-index: 3000 !important;
} a.[rel=popover], */


/* .ui-editor .ui-widget-content > iframe, .ui-editor .ui-widget-content .iframe,  textarea[disabled="disabled"]{
	background-color: #DDD !important;    nao adiantou
} */


/* .popover-xl[rel=popover] .popover, .popover-xl[rel=popover] .popover-inner {
    background-color: yellow;
    width: 600px !important;
} */


/* .btnCadastroUpdate{
	nao especificado
} */

/* body .ui-toggleswitch .custom-switch-sm, .custom-switch-sm{
   vertical-align: bottom;
    width: 3rem !important; 
    height: 1.4rem !important;
}
 */
 
 
 
  /*v8.8   obs janela 
   p:dialog = ui-dialog = z-index: 3000 !important 
  ERRO FILTROS NAO APARECIAM DEVIDO MODAL-OPEN trazer overflow-y diferente! 
   
  Overflow content is clipped at the element's overflow clip edge that is defined using the overflow-clip-margin property.
   As a result, content overflows the element's padding box by the
    <length> value of overflow-clip-margin or by 0px if not set. The difference between clip 
    and hidden is that the clip keyword also forbids all scrolling, including programmatic scrolling. No new formatting context is created. 
  To establish a formatting context, use overflow: clip along with display: flow-root. 
  The element box is not a scroll container.
  
   */
  .modalNoOverFlow, .modalErroFiltroComponente{
      overflow-y: clip;
  } 
  
   
     .modal-body-responsive {
    /* 100% = dialog height, 120px = header + footer  
     calc(100% - 120px); calc(100vh - 80px);  */
    max-height: calc(100vh - 220px);
    /* 450px; */
      overflow-x: clip;
       overflow-y: auto;
 
    padding-bottom: 0px;
}


.paddingMenuLiItem{
	padding-bottom: 0px;
	padding-top: 5px;
	height: 38px;
}

.paddingMenuLiItem a{
	/* margin-top: 10px !important; */
    padding-top: 10px !important;
}
   
   
   
  .modal-body-xml, .modal-scrollable {
    /* 100% = dialog height, 120px = header + footer  
     calc(100% - 120px); calc(100vh - 80px);  */
    max-height: calc(100vh - 220px);
    /* 450px; */
    overflow-y: auto;
}



.alinharIconeBtnPrimefaces{
     margin-top: -0.7rem !important; 
}
  
 

/*  v8.7 color-change setado em cada layout  .destacarCorLayout */
 i.fa.fa-tachometer.destacarCorLayout,  i.ressaltar.destacarCorLayout, i.ressaltar       {
	 margin-left: 1px;
	-webkit-animation: color-change 1s infinite;
    -moz-animation: color-change 1s infinite;
    -o-animation: color-change 1s infinite;
    -ms-animation: color-change 1s infinite;
    animation: color-change girar 1s infinite;
    animation-iteration-count: 10;  
	/*   animation: color-change 5s infinite; 
	     animation-direction: alternate; */
}

  @keyframes size-change {
  0% {   transform:    scale(1.0)  }
  25% {    transform:   scale(1.15)  }
  50% {    transform:   scale(1.25)  }
  100% {  transform:   scale(1.0)  }
} 
 

/*  v8.9   setado em cada layout  .destacarCorLayout */
  i.ressaltarNoColor   ,   i.ressaltarTamanho,   i.ressaltarSize    {
	 margin-left: 1px;
	-webkit-animation: size-change  1s infinite;
    -moz-animation:  size-change 1s infinite;
    -o-animation:   size-change 1s infinite;
    -ms-animation: size-change  1s infinite;
    animation:  size-change  girar 1s infinite;
    animation-iteration-count: 10;  
	/*   animation: color-change 5s infinite; 
	     animation-direction: alternate; */
}




   
 @keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

/* v8.5 equalizar tamanho dos botoes qdo usar h:comand ou p: comand os do tipo H nao ficavam iguais */
.btn{
    line-height: 21px;  /*  ficava com 14 */
    font-size: 14px;   /*  ficava com 12 */
}

	
	

.layout-line-direction .gridPerfil div, 
.layout-line-direction .gridPerfil,
.gridPerfil div, .gridPerfil div .ui-g-12 .ui-md-12    {
	margin-right: 10px !important;
	margin-left: 5px !important;
} 


 

/* .spinnerModal{
     display: contents !important;
     opacity: 0.8;
     margin-left: 5p;
}
 */
   
    

.gMapBox{
	-webkit-border-radius: 5px;
    z-index:0;
}

.destacarSwitchIcon{
	font-size: 18px !important;
/* 	 vertical-align: middle; */
}

 .ui-md-1, .ui-md-2, .ui-md-3, .ui-md-4, .ui-md-5, .ui-md-6, .ui-md-7, .ui-md-8, .ui-md-9, .ui-md-10, .ui-md-11, .ui-md-12 {
        padding: .1em;  /* v8.4 */
	
}

body .ui-columntoggler .ui-columntoggler-items { 
    margin-top: -12px;
}

.agrolinkClass{
	display: none; /* v8.2 */
} 

.ignoreMarginP p{
	margin: 0px !important;
}

/* .selectOneButtonSlim span, .selectOneButtonSlim div span,     
.selectOneButtonSlim   .ui-button  , .selectOneButtonSlim div  input,
  .selectOneButtonSlim div >  .ui-selectonebutton  */  
    .selectOneButtonSlim div .ui-button-text    {
	padding: 3px !important; 
	margin: 0px !important;
	font-size: 13px !important;
}

    .selectOneButtonMini div .ui-button-text  ,
    .selectOneButtonXs div .ui-button-text      {
	/* padding:  !important;  */
	 font-size: 11px !important; 
}


    .selectOneButtonMedio div .ui-button-text  ,
    .selectOneButtonMedio div .ui-button-text      {
	    padding-left: 3px  !important;   
	    padding-right: 3px  !important;   
	/*  font-size: 13px !important;  */
}





.nav-g a, .nav-g > li > a, .nav-tabs .nav-g > li > a{
	font-size: 14px !important;
}
.nav-g a, .nav-gg > li > a, .nav-tabs .nav-gg > li > a{
	font-size: 17px !important;
}




.rowTableDetalhes, .paddingSup, .padding10{
	padding-top: 10px;
}

.rowSlim, .row-slim, .modal-body .row .rowSlim{
	margin-bottom: 5px !important;
    margin-top: 5px !important;
}

.rowMini, .row-mini, .modal-body .row .rowMini{
	margin-bottom: 0px !important;
    margin-top: 0px !important;
}


.lazyload{
	  background: #c4c4c4; 
	 /*  url(../imagens/logo_as_bottom.png) no-repeat left top;  rotate */
 }
 


.panel-default-light{
	background-color: #f4f4f4 !important;
}

.glyphicon-refresh .rotate{
	margin-right: 15px !important;
}


body .ui-spinner .ui-spinner-input {
    padding-right: 2.857rem !important;
}

.iconAtivoNormalize{
	width: 35px;
	 height: 30px;
}

.double-scroll, #double-scroll{
     width: 100% !important;
    /*    background-color: gray;   */
  }
  
  .opacity80, .opacityOitenta {
   opacity: 0.8; 
  }
  
  .opacityIconDefault {
   opacity: 0.9; 
  }
  
  

   
/* https://stackoverflow.com/questions/3934271/horizontal-scrollbar-on-top-and-bottom-of-table  */
 

/* .scrollSup, .scrollInf { width: 100%; overflow-x: auto; overflow-y: hidden; }
.scrollSup { height: 20px;  margin-bottom: 10px;  }
 .scrollInf{ height: 100%; margin-bottom: 10px; } 
.scrollSupDiv { height: 20px; }
.scrollInfDiv { overflow: visible; }  overflow: visible;
 */

.forceNormalSpace{
	white-space: pre !important;
}
 
 
 .vibrar{
   /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.5s; 
  /* When the animation is finished, start again */
  animation-iteration-count: infinite;
 }
 
 /*CSS Horizontal Scrolling Text: Right-to-Left*/
 
 .scroll-container {
  /* border: 3px solid black;
  border-radius: 5px; */
  overflow: hidden;
}


.scroll-text {
  /* animation properties */
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  
  -moz-animation: my-animation 10s linear infinite;
  -webkit-animation: my-animation 10s linear infinite;
  animation: my-animation 10s linear infinite;
}

/* for Firefox */
@-moz-keyframes my-animation {
  from { -moz-transform: translateX(100%); }
  to { -moz-transform: translateX(-100%); }
}

/* for Chrome */
@-webkit-keyframes my-animation {
  from { -webkit-transform: translateX(100%); }
  to { -webkit-transform: translateX(-100%); }
}

@keyframes my-animation {
  from {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
 
.inputTextStyle{
	
	background-color: #eee;  display: table-cell; 
	border-top-right-radius: 0; border-bottom-right-radius: 0;
	
	margin-right: 0px;
    border-radius: 4px;
    line-height: 30px;
    border: 1px solid #ccc;
    color: #555;
    background-image: none;
    height: 30px !important;
    padding: 6px;
	
	
	
	cursor: not-allowed !important;
   
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 0%), 0 0 8px rgb(153 204 102 / 0%) !important;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.0), 0 0 8px rgba(153, 204, 102, 0.0) !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 0%), 0 0 8px rgb(153 204 102 / 0%) !important;
    
}
 
 /* New way of prioritization = id ex: #bootstrap-overrides */
 
 /* v8.3 precisa de todos esses 
 .ui-state-disabled .btn:hover > i ,
 
  .ui-state-disabled.btn[disabled] ,
  a[disabled]:hover > div,
   a > .ui-state-disabled  ,
 
  .ui-state-disabled:hover    > span ,   
   .btn[disabled]  > i, .btn-info[disabled]  > i, 
  .btn.disabled, .btn[disabled]  
  
  
  a.ui-state-disabled[disabled]:hover    .btn-default[disabled]:hover,   a[disabled]:hover  
  .ui-state-disabled:hover      > span .ui-button-text ,  
  .ui-state-disabled:hover    > div .ui-button-text,  */
  
  
html input[disabled]:hover, input[disabled]:hover, .input[disabled]:hover 
html input[disabled]:hover > span .ui-button-text, 
input[disabled]:hover > span .ui-button-text, 
.input[disabled]:hover > span  .ui-button-text, 

  .ui-state-disabled:hover    > span,  
 .ui-state-disabled:hover    > div   
{     
  cursor: not-allowed !important; /*v8.2 obs o css less esta sobrescrevendo =/ [rel=popover]  ! */
}

 /*v8.3    .btn[disabled] > i[rel=tooltip]  .colunaAcoesDatable >  ! */
 a.btn[disabled]         {     
 pointer-events: auto !important; /*v8.3 importante essa tag!   */
 cursor: not-allowed !important;
}
   

 

.proibido, .forbidden, .notAllowed{ 
	cursor: not-allowed !important;
}

.btn-disabled, .btn-disabled,   .btn-disabled > span .ui-button-text {
	opacity: 0.9 !important;
	cursor: not-allowed !important; 
}
	
 
 body  .ui-datatable-sticky.ui-sticky{
     z-index: 6000 !important;
     background-color: #CCC  !important;
      color: #000000 !important;
 
 }
 
 .toDo{
 background-color:  rgba(255, 32, 9, 0.05) !important;
 color: #a5281a !important;
 }
 
 
 
 .logoHome:hover{
	opacity: 0.8 !important;	
 }
 
  .opacity8{
	opacity: 0.8 !important;	
 }
 
  .opacity7{
	opacity: 0.7 !important;	
 }
 
 
 .well-modal  {
     margin-top: 3px;
     margin-bottom: 7px;
    padding-top: 6px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
      
}
 
 .well-sem-fundo{
 background-color: transparent !important;
 }
 
 .badageMini{
 font-size: 8px;
  margin-left: 2px; 
 } 
 .ui-confirm-dialog-message{
  line-height: 20px  !important;
 }

 
 
 @-moz-document url-prefix() {
  /* firefox mozilla hacks */  
  .input-group .search-query { 
    float: right !important;
  }
    
}


.border-slim, .borderSlim{
	    border-width: 0.5px   !important; 
}

.alert-mini, .alertMini{
	padding: 9px;
    border-radius: 8px;
}

.btn-mini, .btnMini {
       padding: 1px 4px;
       font-size: 12px !important;
    line-height: 1.5;
    border-radius: 3px;
}
   
 

.well-slim, .well-md, .alert-slim{
	padding-top: 8px;
	padding-bottom: 8px;
	/* padding-left: 10px;
	padding-right: 10px; */
}

.well-mini{ 
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

 
.well-xs, .well-xs, .alert-xs{
	  margin-bottom: 0px;
	  padding: 4px; 
	/* padding-left: 10px;
	padding-right: 10px; */
}

.tamTotal{
width:100%;
}

.tam400, .tamanho400{
  width: 400px;
}

.tam350, .tamanho350{
  width: 350px;
}

.tam300, .tamanho300{
  width: 300px;
}

.tam200, .tamanho200{
  width: 200px;
}
 
.tam250, .tamanho250{
  width: 250px;
}

.tam180, .tamanho180{
  width: 180px;
}


.tam170, .tamanho170{
  width: 180px;
}

.tam150, .tamanho150{
  width: 150px;
}

.tam120, .tamanho120{
  width: 120px;
}

.tam110, .tamanho110{
  width: 110px;
}

.tam130, .tamanho130{
  width: 130px;
}

.tam100, .tamanho100{
  width: 100px;
}

.tam80, .tamanho80{
  width: 80px;
}

.tam70, .tamanho70{
  width: 70px;
} 
 
 
.tam60, .tamanho60{
  width: 60px;
} 
 
.tam50, .tamanho50{
  width: 50px;
}

.tam40, .tamanho40{
  width: 40px;
}

.tam30, .tamanho30{
  width: 30px;
}


.alert-mostarda, .alert-ocre, .alert-ouro{
    color: #50481c;
    background-color: #e7cf77b8;
    border-color: #ddaf71;
}


.linhaDupla{
  line-height: 2.0;
}

.novaLinha, .newLine{
	display: block;
}

.novaLinha::after, .newLine::after  {
  content: "";
  display: block;
}


.ui-chkbox-box .ui-widget .ui-corner-all .ui-state-default .ui-state-disabled, 
.ui-chkbox .ui-chkbox-box.ui-state-disabled{ 
	  background-color: #ddd ;
	  border: 1px solid #f0f0f0;
	  color: black;
}


.paddingXs{
padding-left: 4px;     
padding-right: 4px;
padding-top: 0px;
padding-bottom: 0px;
}

.descritivoNoticia a{
	pointer-events: none;
      cursor: default;
      /* bloquear links de terceiros */
}

/* [class^="icon-"], [class*=" icon-"]{
  [id="growlUnder_container"] */
    
    
select[class^="col-"], select.col-md-12  {
	padding-right: 5px   ;
	padding-left: 5px   ;
}






.margin0, .semMargem, .margem0{
	margin: 0px  !important;
}

.semCursor, .semCursor:hover{
	cursor: default;
}

.fonte12{
    font-size: 12px !important;
}

.fonte14{
    font-size: 14px !important;
}

.badge-label{
	padding-top: 6px;
	padding-bottom: 5px;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de !important;
    border-color: #46b8da;
}

 




.ui-inputfield.ui-state-focus, .ui-widget-content .ui-inputfield.ui-state-focus{
 border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);	
}


body .ui-datatable .ui-datatable-header {
     border: none;
    }

.border-bottom, tr.border-bottom td {
	 border-bottom: 1px solid black;	 
	  padding: 10px	
}

.paddingDezCinco{
padding-top: 10px;  
padding-bottom: 10px;   
padding-right: 5px;   
padding-left: 10px;
  }

.ui-column-title a{
	color: #495057;
}


/* .btn-layout-alt, .btnFiltroColunas:hover,  body .ui-button */
.btn-danger{ 
	background-color: #d9534f !important;
    border-color: #d43f3a !important;
}

.btn-danger:hover{ 
	    background-color: #c9302c !important;
    border-color: #ac2925 !important;
}


.ui-datatable thead .ui-state-default{ 
	padding-top: 3px !important;
}

.ui-confirm-dialog-message{
    margin-top: 15px !important;	
}

body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider  {
       background:  #c5c9cc;  
}
 
   
.destacarSwitchAtivo.ui-toggleswitch-checked > .ui-toggleswitch-slider > .ui-toggleswitch-handler      {
      background-color: #828486   !important;   
	  border: 1px solid #000000;  	
}
 


body .ui-slider{
	background:  #828486;  
}
body .ui-slider .ui-slider-handle{
	  background:  #c5c9cc; 
      border: 2px solid #4d4f50;
       width: 1.6rem;
      height: 1.6rem;
	
}

body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar{
	font-size: 12px;
	    margin-top: -7px;

}

body .ui-selectcheckboxmenu {
    vertical-align: top; /* v6.1 */
    }
 
 

body .ui-datatable thead th.ui-sortable-column.ui-state-focus {
    outline: 0 none;
    outline-offset: 0;
        box-shadow: none;
 }
    

 .ui-selectcheckboxmenu{
    height: 30px;
 }
 .ui-selectcheckboxmenu-label  { 
     height: inherit;
         height: 20px;
 }

 body .ui-datatable .ui-datatable-header{
   background-color: transparent;
 }
 
 body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield,
 body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield{
   text-indent: 20px;  
 }
 
/*  body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { 
    margin-top: -0.7em; 
 } */

body .ui-dialog .ui-dialog-content { 
    padding-top: 10px; 
}
 
   
/*   default azul */
body .ui-selectbooleanbutton.ui-state-active, 
body .ui-selectonebutton > .ui-button.ui-state-active,
body .ui-selectmanybutton > .ui-button.ui-state-active {
color: #fff; 
  background-color: #337ab7; 
    border:  1px solid #2e6da4;
}
 
body .ui-selectonemenu, .alinharVertical, .alinharVerticalmente,  .alinharAoMeio {
    vertical-align: middle;
  }  
  
  .alinharSup, .alinharSuperior {
    vertical-align: top;
  }  
  
  .alinharInf, .alinharInferior, .alinharBase{
    vertical-align: bottom;
  }  
  
    
.ui-selectonemenu .ui-selectonemenu-label, .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
	   /*   padding: 5px 0px 0px 6px !important;  */ 
}

/* body .ui-commandlink, body .ui-commandlink:hover,  */
body .ui-commandlink .ui-widget, .ui-commandlink .ui-widget .btn-default, body .ui-link .btn-default {
	color: black;
} 


body .ui-widget{
font-size: 12px;
}
 


 .btn-primary,  .btn-success,  .btn-info , .btn-inverse, .btn-danger, .btn-warning {
	color: white !important;   
} 

select, input{  
margin-right: 0px; 
   border-radius: 4px; 
line-height: 30px;   
   border: 1px solid #ccc;  
  color: #555; 
  background-image: none;
  height:30px !important; 
    padding-left: 6px;
 /*  background-color: transparent !important; 
   padding: 6px 6px !important;  
  
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;  */
}


select{
	  padding-left: 3px   !important;
	  font-size: 13px; /* v7.4  = .ui-inputfield, */
}

input[type="submit"]{ 
  height: 34px !important;
  color: white;   
 }

select{
 background-color: white; 
 
 }
 

 
 input[value="� Voltar"]{
 color: black !important;
 } 




 body .ui-widget {
    /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
      font-size: 14px;
    text-decoration: none;
 }

body .ui-commandlink:hover{
	text-decoration:  none;
/* 	transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; */
}

/* input .ui-state-disabled {
   cursor: not-allowed;
    background-color: #EEE;
    border-color: #DDD;
} */

/* .ui-selectonemenu-panel { 
    background: white;
}
 
/*   
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
	/*   background: none !important; 
	  height: 22px !important; mudou de 25 v6.1
	  max-height: 27px !important;
	  overflow:hidden;
	  border: none !important;  
	  padding-top: 4px !important; 
	  padding: 0px 0px 0px 0px; 
		
	margin-left: 5px;    float: left;	
} */




.btn-info:hover   { 
    background-color: #31b0d5 !important;
}


 
  
 .ui-inputfield {
/* padding: 3.5px; */
padding: 0px 2px 1px !important;    
}  




.ui-inputfield , .ui-selectcheckboxmenu-label  {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-kerning: auto;
font-size: 13px !important;  /*  v6.1 */
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-variant-ligatures: normal;
font-weight: normal;
glyph-orientation-horizontal: 0deg;
glyph-orientation-vertical: auto;
/* height: 30px; */
}
 
 

.myAlertBadge{
	margin-top: 0px !important; 
	margin-left: -5px !important;  
	/*    position: absolute;  */
	    border-radius: 90px;
	  padding: 5px;
}

/* select[multiple], select[size]  */
select:hover{
    cursor: pointer !important; 
	cursor: hand !important;;
}

::placeholder {
 /*  color: blue; */
  font-size: 12px;
   color: #ccc;
}

.navbar .nav .active > a > i,   
.navbar .nav .active  a > .glyphicon,
.navbar .nav .active a > .fa { 
  font-size: 17px; 
}

.navbar .nav .active > a:hover > i, 
.navbar .nav .active > a:hover > .girarImgMenu, 
.navbar .nav .active  a:hover > .glyphicon,   
.navbar .nav .active a:hover > .fa {
	
	
   /*  nao funcionou girar imagem em backgorund soh se ela tiver em <div
      .navbar .nav .active > a:hover > .fa,  
   .navbar .nav .active > a:hover >  i */
    	/* transform: scale(1.2); */
    	 -webkit-transform: rotate(-10deg);
	    -moz-transform: rotate(-10deg);
	    -o-transform: rotate(-10deg);
	    -ms-transform: rotate(-10deg);
	    transform: rotate(-10deg);  
   
}

 
.navbar .nav .active > a:hover > i.girarImgMenu,  
.navbar .nav .active > a:hover > i  
{
	 transform: scale(1.5);
}



#formDetalhes:tabela:dataVctoFiltradaHeader_input {
	width: 80px !important;
}



.scrollBig, .ui-selectcheckboxmenu-items-wrapper .scrollBig, .ui-selectcheckboxmenu-items-wrapper > .scrollBig{
/* 	min-height: 500px;
    height: 500px !important;
	 overflow: auto; */
	 
}

.btn-cinza{
    color: #333 !important;
    background-color: #dcdcdc !important;
    border-color: #bababa!important;
  }

.badge-warning{
  	color: #212529; 
      background-color: #ffc107 !important;
}

.iconeNoMenu{
	margin-left: -30px;
	margin-top: 8px;
    position: relative;
    font-size: 11px;
    background: white;	
    color: black;
}

.alertMsgIco{
	margin-top: -10px !important;
}

.border4{
	border-radius: 4px;
}
 

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus,
body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active:hover,
body .ui-chkbox .ui-chkbox-box.ui-state-active:hover { 
color: #fff;
background-color: #8B969B; /* #337ab7; */ 
}

 
/* span .active-user{  
 padding: 10px 15px;
 font-size: small; 
 } */
 
.liChatPadrao {  
    padding: 10px 15px;
    font-size: small;
  
 }

    


.active-user .active{
	    font-weight: bold;
	    font-color:black;
	    text-decoration: underline;
}



.modal-content .alinharLabel label {
    /* .modal-content label 
    float: right; */
    margin-top: 10px !important;
}

.selectManyCheckboxModal   {
	margin-left: -15px  !important;

}
.selectManyCheckboxModal label, .selectManyCheckboxModal tr td   {
	margin-bottom: 5px  !important;
	margin-top: 5px  !important;
}

a[rel=popover] {
 cursor: pointer   !important;
 text-decoration: none !important;
}

/* v7.5  a[rel=popover] i {
 cursor: help  !important;
} */

.iconExport{
	margin-right: 2px;
}

 
.btn-padrao-alt, .btn-padraoAlt { 
	background-color: #bebebe !important;    
    background-repeat: repeat-x;
    
}


.btn .btn-default .btn-layout-alt, .btn-layout-alt{ 
	background-color: rgb(65, 65, 65);
    color: white;  
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}


body .ui-button ,  .btn-default, .btn-default:hover, a .btn-default, .btn .btn-default  {
	color: black ; 
 }
 
  
 
 .ui-source-filter-input{
 text-indent: 18px !important;
 }
 

.btn-sm-fromLabel{
	 
	/* padding: 5px 10px !important;  */
	 display: inline-block; 
	margin-bottom: 0; 
	font-size: 12px; /*  ou 14!?? */
	 text-decoration: none; padding: 2px 10px; line-height: 1.5; border-radius: 3px;
}

.btn-md-fromLabel{
	display: inline-block; 
	padding: 6px 12px; 
	margin-bottom: 0; 
	font-size: 14px; 
	    font-weight: normal; 
	    line-height: 1.42857143; 
	    text-align: center;  
	    vertical-align: middle;    
	    border-radius: 4px; 
					                 
					               
}
 
 
  /* btn-inverse =  layout lua */
.btn .btn-default .btn-principal-layout, .btn-principal-layout{ 
	background-color: rgb(65, 65, 65);
     color: white !important;   /* v6.10 */
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btnFiltroColunas:hover, body .ui-button { /* v6.1  body .ui-button:hover */
	background-color: #f5f5f5;
    border: 1px solid #e3e3e3; 
    padding: 1px 6px;  /* v6.2 */
}


.btn-layout-alt, .btn-cinza{
	background-color: #f5f5f5;
    border: 1px solid #e3e3e3;	   /* v6.3 */
}

.btnFiltroColunas:hover{
	color: black !important;
}

 

.btn .btn-default .btn-principal-layout:hover, .btn-principal-layout:hover,
.btn .btn-default .btn-principal-layout:focus, .btn-principal-layout:focus
.btn .btn-default .btn-principal-layout:active, .btn-principal-layout:active     {  
    background-color: #e3e3e3;
    border-color: black;
      color: white; /*  #e5e5e5 */;    
}

  body .ui-button:hover      { 
    background-color: #e3e3e3;
    border-color: black;
     color: black; 
     /* v8.4 */
}

  body .ui-state-hover    { 
   font-size: small; color: black; 
     /* v8.4 */
}

 .ui-button-text .ui-icon   :hover , .ui-icon:hover   { 
   font-size: small !important; 
     /* v8.4 */
}



.ui-growl-item-container{
    border-radius: 8px;
}

.ui-growl-error{
  color: #a94442 !important;
  background-color: #f2dede !important;
  border-color: #ebccd1 !important;
}

.ui-growl-info{ /*  sucesso */
  color: #3c763d !important;
  background-color: #dff0d8 !important;
  border-color: #d6e9c6 !important; 
  
}

.ui-growl-warn{
 color: #8a6d3b !important;
  background-color: #fcf8e3 !important;
  border-color: #faebcc !important;
}
.ui-growl-item-container{
	opacity: 1 !important;
}

body .ui-growl, .ui-growl  {
    top: 45px;
      width: 40% !important; 
     z-index: 5000 !important; 
     word-break: break-word;
}

div[id="growlUnder_container"] { 
   /* v7.4 estraga filtros mobile.. ex: listar contas. left: 50%;   margin-left:-150px; */
  /*   right: 10px;
   position:   absolute; ou fixed? */
    /*  bottom: 120px;
      top: auto;  */
    
}
 
 
 
  

#growl_container{
 z-index: 5000 !important; 	
}

.ui-growl-message{
	 width: 87% !important;
}

/*  /*  background-image: none */;  /* estragou os icones do timeline */
.ui-growl-icon-close .ui-icon,  .ui-growl-icon-close .ui-icon, 
 .ui-growl-item-container .ui-state-highlight .ui-icon, .ui-growl-item-container > .ui-state-highlight .ui-icon, */
.ui-state-highlight .ui-icon { 
     text-indent: 9999px;  
     overflow: unset;
 }
 
.ui-growl-icon-close {
	background-image: none !important; 
 }
  
.ui-growl-image {
	background: none !important;
	position:relative;
 }
 
/* v8.2 somente mobile? 
   <div class="ui-growl-icon-close ui-icon ui-icon-closethick" style="display:none">  */
  .ui-growl-icon-close  , .ui-icon-closethick  { 
     display: block !important;
 }
   
   
 .ui-growl-icon-close:before:hover  , .ui-icon-closethick::before:hover  { 
    color: #333 !important;
 }
 
 .ui-growl-icon-close:before, .ui-growl-icon-close > .ui-icon .ui-icon-closethick:before,
.ui-growl-icon-close.ui-icon > .ui-icon-closethick:after, .ui-growl-icon-close .ui-icon:after{
   content: "\f00d"   !important;
    font-family: FontAwesome;
    top: 0px;   right: 5px; 
    position:absolute;
     font-size: 14px !important; 
     background-image: none !important;
     text-indent: 9999px;  
     overflow: unset;
     color: #777  !important;
 }
 

/* https://fontawesome.com/cheatsheet  &#xf2d3; &#xf2d4; */
.ui-growl-image-error:before {
    content: "\f2d4"   !important;
    font-family: FontAwesome;
      left:5px;  right:5px;   top:0px;
    position:absolute;
     font-size: 20px;
   /*  font-weight: 900;  */
 }
 
 .ui-growl-image-warn:before {
   content: "\f071"   !important;   
   font-family: FontAwesome;
   left:5px;  right:5px;   top:0px;
   position:absolute;
   font-size: 20px;
 } 
 
   
 .ui-growl-image-info:before {
     content: "\f046"   !important;   /*  f06a = simbilo exclamacao */
   font-family: FontAwesome;
     left:5px;  right:5px;   top:0px;
    position:absolute;
     font-size: 20px;
 }
 
 
 
 
 .ui-icon .ui-icon-alert .ui-confirm-dialog-severity, .ui-confirm-dialog-severity{
      background: none !important;
	   position: absolute; 
	       left:15px;  right:15px;   top: 15px;  margin: 15px;
 }
 


 .ui-state-disabled, .disabled, .btn.disabled {
	opacity: 0.7 !important;
	cursor: not-allowed  !important;
    pointer-events: auto;
	 
}



 

.textArea, textarea {
    margin-right: 0px;
    border-radius: 4px; 
    border: 1px solid #ccc;
    color: #555;
    background-image: none; 
    }

.dataHoraInput{
	    width: 145px;	    
}

  .input-xxs{ /* , .input-mini */
	max-width: 50px;
}  

.fc-buttom,    .fc-button-primary     { 
background-color: #dedede  !important;
color: black !important;
}

.fc-buttom:hover,    .fc-button-primary:hover     { 
background-color: #cbcbcb !important; 
}

 .fc-buttom:disabled ,   .fc-button-primary:disabled  { 
background-color: #F5F5F5 !important; 
}



/* timeline */
.vis-item.vis-box{ 
	/* mouse para clicar no timeline */
	cursor: pointer !important;	
}
.vis-item.vis-box:hover{ 
   opacity: 0.8;
}
.timeline-menu button, .timeline-menu > .ui-state-defaul{
   background: #eee -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.8)),to(rgba(255,255,255,0))) !important;
}

.quebrarLinha, .quebrarPalavra, .quebraPalavra{
	word-break: break-word;
}

  .selecaoSize[size] {  /*  select[size] */
   /*  height: 30px !important;
     margin-top:-10px;  
        paddding-bottom:10px;  */
       /*  position: fixed; */
 }


/* .input-group-addon{ 
    padding-bottom: 5px;
     padding-top: 8px;
} */

.input-group-addon { /*  .iconeFiltroTabelas */
  /*   padding: 6px 12px;  */
   padding-bottom: 5px;
     padding-top: 8px;  
    background-color: #eee;
    border: 1px solid #e6e5e8; 
    border-radius: 4px;
}
    


.paddingInf,   .paddingInfDez  {
    padding-bottom: 10px !important;
}

.paddingSup,   .paddingSupDez  {
    padding-top: 10px !important;
}

.iconeDoTipo{
opacity: 0.8;	
}


.tachado, .tachado .ui-chkbox-label{
text-decoration:line-through !important;
}

.ui-selectcheckboxmenu-header {
	border: none;
	background: none;
	}
	
.ui-fileupload-content {
min-height:  30px;	
}

.ui-fileupload-simple input[type=file], .ui-fileupload-simple .ui-widget span  {
	/* background: blue !important; */
	color: black !important;	
}

/* .ui-fileupload-simple .ui-widget  span     {
	background-color: #F5F5F5 !important; 
	border: 1;
}
 */

 
	
	
.page-header{
	 vertical-align: middle;
}
	
.btnDecimalColunas{ 
  /*    vertical-align: middle;   */
	border: 1px solid #a8a8a8;
    background: #c4c4c4 url(/as/javax.faces.resource/images/ui-bg_highlight-hard_80_c4c4c4_1x100.png.html?ln=primefaces-aristo) 50% 50% repeat-x;
    background: #c4c4c4 linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0));
    background: #c4c4c4 -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.8)),to(rgba(255,255,255,0)));
    background: #c4c4c4 -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0));
    font-weight: bold;
    color: #4f4f4f;
    text-shadow: 0 1px 0 rgba(255,255,255,0.7);
	background-color: transparent;
	border-radius: 8px;
	height: 33px;
	margin-top:-15px !important;
 }
 .btnDecimalColunas span{
  font-size: 10px !important; 
      margin-top: 5px;
 }
 
	
	
.dropdown-slim li a, dropdown-slim a {
	height:  33px !important;
}

.dropdown-menu{
    max-height: calc(100vh - 85px);    /* 500px;  */
    overflow-y: auto;
}
	  

#li_togglerSelectAll  {  margin-top: -12px;  border-bottom: 1px dashed; border-color: #80808080;  }
#togglerSelect{    margin-top: -10px; vertical-align: bottom;  } 




.img-thumbnail{ 
    padding: 4px;
    line-height: 1.42857143;
    background-color: rgba(158, 158, 158, 0.27);
   /*  #78848a!important; */ 
    border: 1px solid #4CAF50 !important;
}

.img-avatar{
	opacity: 0.9;
	margin-top: -8px !important;
	margin-right: 7px !important;
	 padding: 0px !important;
   /*  line-height: 1.42857143;
    background-color: none; rgba(158, 158, 158, 0.27);
    #78848a!important;  */
    border: 0.3em solid white  !important;  
}
/* .img-avatar:hover {
	border: 0.1em solid black !important;
} */
	
 .normalizeBorderAvatar{
	 border: 0.1em solid !important;
 }
	

.btn-sm, .btn-group-sm > .btn {
    padding: 2px 10px;   /*  antes era 4 e 10 */
     
}

.btn-sm span, .btn-sm i{
	 font-size: 12px ; /* important */
}

.btn-info[rel=popover]  {
	  padding: 2px 4px !important; /* .btn-info[rel=popover] */
	  background-color: lightgray; 
	  border-color: darkgrey;
	 
	  
}

 

 

.zclip{
background-color: #ffbc00b3;  
opacity: 0.2;
/* height:   !important */;
}

.padronizarAlturaLinhaTabela tr{
	height: 30px !important; 
}

 div .ui-selectonemenu-items-wrapper{
	max-height: 300px !important;
}

/* defaults btn-info */
/* .btn-principal-layout, #formFiltro\:buttonFiltrar,  #formFiltro\:buttonFiltrarNormal {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
    
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
} */
/* defaults btn-primary  */
/* .btn-principal-layout:hover, #formFiltro\:buttonFiltrar:hover, .btn-info[rel=popover]:hover, #formFiltro\:buttonFiltrarNormal:hover {
       color: #fff;
    background-color: #286090;
    border-color: #204d74;
} */



.selectOneMenuSmall .ui-buttonset .ui-button, .selectOneMenuSmall input, 
.selectOneMenuSmall .ui-selectonebutton ,  
.selectOneMenuSmall .ui-button-text-only .ui-button-text  {
	padding:  5px 1px 5px 1px !important;  
	font-size: 13px !important;
}
     

.tamanhoTodo{
 width: 	-webkit-fill-available;
}


 
.alert-light {
  color: #444444;
    background-color: #b7b7b712;
    border-color: #d6d6d6;
}

.alert-fatal {
   color: #444444;
    background-color: #00000024;
    border-color: #000000;
    font-weight: 450;
}

.superscriptWord{
  vertical-align: super;
  font-size: 12px;
}
.fecharModal{
   margin-top: -5px;
    font-size: medium;
}

.jqplot-pie-series .jqplot-data-label, #formListagem\:graficoLocal > .jqplot-pie-series .jqplot-data-label  {
   /*  position: relative; */
    color: #fffdf7 !important; /* #000;   */
   }



 
/* .ui-fileupload   .ui-widget-header, 
.ui-fileupload   .ui-widget-header div, 
.ui-fileupload-content .ui-widget-content, 
.ui-fileupload-content > .ui-widget-content, 
.ui-fileupload-content .ui-widget-content */

.ui-fileupload-buttonbar .ui-widget-header  > .transparentUpload,  .transparentUpload	{
		background: white !important; 
	 background-color: white !important;
	 border: 0px !important; 
	  border: none !important; 
}
 
.ui-picklist .ui-picklist-item { 
    font-size: 14px;
} 

.ui-datatable-resizable{
	margin-left: 0px;  
}

.ui-datatable-resizable > .ui-datatable-tablewrapper {
        overflow: unset; 
            margin-left: 12px;
      
}

.ui-treetable-resizable > table{
    /*   overflow: unset;  */
     /*   margin-left: -1px; */
}

.ui-treetable table {
    /* border-collapse: collapse; */
    width:  99% !important;
}

.ui-datatable-resizable table  , .ui-datatable-resizable table thead  {
	/* margin-left: -16px; v6.9 */
	/* table-layout: auto; */ 
} 

.ui-treetable-scrollable-header, .ui-treetable-header .ui-widget-header, .ui-widget-header .ui-treetable-scrollable-header,
.ui-treetable-header .ui-widget-header .ui-corner-top, .ui-treetable .ui-treetable-header{
	border: none !important; 
	background: transparent !important; 
 
}

/* ui-widget-content ui-treetable-selectable-node default ui-state-highlight */
/* .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{ */
.ui-treetable-selectable-node > .ui-state-highlight, .ui-treetable .ui-treetable-data tr.ui-state-highlight{
  /* color: #a70000!important; */
   background: #e6e6e6!important;	 
}

.ui-widget-content .ui-state-highlight a{
/*  color: blue; */
}


/* tira a borda do primefaces, pra ficar igual a do Bootstrap */
.ui-datatable .ui-datatable-data td, .ui-datatable .ui-datatable-data-empty td {
	border: none; 
	line-height: 18px;
	border-top: 1px solid #DDD !important; 
}

.ui-treetable-slim > .ui-treetable tbody td,  .ui-treetable-slim tbody, .ui-treetable-slim td {
	 padding: 3px 5px 3px 5px !important;
}
 

.input-group-addon-mini {
    padding: 6px 6px;
}

.ui-columntoggler{
	      z-index: 4010 !important; /* important  v9.0 */
	       min-width: 170px;
	       padding:  10px 0px 0px 5px;
} 

/* .ui-datatable .ui-column-resizer, .ui-column-resizer{
	   z-index: 5010 !important;
} */
  
	

  
.iconeVsFontSizeDefault{
	font-size: 15px !important;
}  
     
#melhorias ul{
 margin-right: 20px;
}


.alinhamentoLabelModal .modal-content label{
margin-top: 10px !important;
}




.iframeMaps{
	border: 2px solid #949494;  
	 -moz-border-radius: 5px; 
	 border-radius: 5px;
	 box-shadow: 1px 1px 20px 4px rgba(0,0,0,.5);
}

.iframeBordaFina, .borda, .bordaFina{
	border: 1px solid #949494;  
	 -moz-border-radius: 5px; 
	 border-radius: 5px;
	/*  box-shadow: 1px 1px 20px 4px rgba(0,0,0,.5); */
}



.dividerSlim{
	border-right: 1px solid #949494;
	 
}

.bordaSlim{
	/* border: 0.1em solid   !important; */
	border-width:  0.2em !important;
}

.bordaInf, .bordaInferior{
	border-bottom: 1px solid #949494;   
}

.bordaSup, .bordaSuperior{
	border-top: 1px solid #949494;   
}

.bordaDireita{
	border-right: 1px solid #949494;   
}

.bordaEsquerda{
	border-left: 1px solid #949494;   
}


.tam100porcento, .cemPorcento, .tam100p, .cemP, .t100p{
	width:  100%;
}


.semBorda, .semBorda tr{
border: none !important;
}

.sombra, .shadow{ 
	 box-shadow: 1px 1px 20px 4px rgba(0,0,0,.5) !important;
}

.sombraLight, .sombraLeve, .shadowLight{ 
	    box-shadow: -1px -1px 14px 1px rgba(0,0,0,.5) !important;
}

/* usado em myCommonscrips .putTooltip */

.tooltipFrente{
	z-index: 90000 !important;
	text-align: left;
	
}

#formListagem\:exibirTabelaCompleta {
	font-size: 0.6em !important;  
/* .page-header .ui-widget, .page-header .btn-default { */ 
}

.ui-picklist td:first-child,
.ui-picklist td:last-child {
   /*  width: 50% !important; */
}
.ui-picklist .ui-picklist-list {
  /*   width: auto !important; */
    min-width: 50px;
}

.ui-picklist.ui-picklist-responsive .ui-picklist-buttons button, .ui-picklist-buttons  {
	width: 35px !important;
}

.alinhamentoLabelFiltro{
	vertical-align: bottom !important;
}

.panel-default > .panel-heading-custom {
    color: #333;
   /*  background-color: transparent; */
    border-color: #ddd;
}

.panel-default{
background-color: #efefef !important;
}

.panel-heading-custom {
    padding: 5px 5px 5px 5px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-heading-slim {
    padding: 1px 4px 1px 4px !important;
 }

.vcenter {
   /*  display: inline-block;
    vertical-align: middle;
    float: none; */
}

.temperaturaMedia{
	color: #fe6202;
} 
.temperaturaAlta{
	color: #e50900;
	font-weight: bold;
}

  

.timelineAlturaMaxQuinhentos .timeline-frame {
	/*   position: relative !important;  */
	  max-height: 500px !important;   
} 



.btn-normalize{
	 /* .ui-widget  */
	  font-size: 1em;
}

.ui-state-disabled .ui-selectonemenu-label {
background-color: #eeeeee !important;
border: 1px solid #ccc !important; 
opacity: 0.8 !important;


}

.semmouse, .semmouse:hover{ 
cursor: unset  !important;

}


.ui-state-disabled .ui-selectonemenu-label:hover{
background-color: #eeeeee !important;
border: 1px solid #ccc !important; 
cursor: not-allowed !important;

}

.filtroColuna, input.filtroColuna,  
.filtroColuna > .ui-state-default,  
.filtroColuna .ui-datatable thead .ui-state-default, .filtroColuna .ui-datatable tfoot .ui-state-default{
border: 1px solid #ccc !important;  
padding: 0px !important;   
color: black;
}

.filtroColuna{
	display: none;
	width:95%;
}


.filtroColunaExibir{
	display: inline;
	width:95%;
}

.tam90p{ 
	width:90% !important;
}

.tam85p{ 
	width:85% !important;
}

.tam80p{ 
	width:80% !important;
}

.tam70p{ 
	width:70% !important;
}

.filtroDiscreto{
	background-color: #f6f6f6!important;
}



.azul{
	color: #08C !important;  
}
 
 

.fundoSubtable{
	background-color: #E2EAEE;
}

.fundoSubtableRosa{
	background: #fff0f0 !important;
	background-color: #fff0f0 !important;
}

.fundoSubtableVerde{
	background: #dbffe4!important;
	background-color: #dbffe4 !important;
}


.mapaView{
    border: 3px solid yellow !important;
    border-color: grey !important; 
  border-radius: 10px !important;
   -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
}
 
.fundoPagInicial{
	  
	 -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -ms-background-size: cover !important;
    -o-background-size: cover !important;
        background-attachment: fixed !important;
	 
	margin: 0 auto;
	padding: 0;  
	
	
	/* background: transparent url(http://www.agrosolutions.agr.br/images/erp/aereaM.jpg) no-repeat 0 0;
	background: transparent URL('http://www.agrosolutions.agr.br/images/erp/agrosolutionsWallpaper.jpg') no-repeat 0 0;   */
	  
	/* background: transparent URL('../resources/img/aereaM.jpg') no-repeat 0 0;  */
	
} 


.bordaDefault {  
    border-color: #49afcd !important; 
}

.linhaDetalhesResponsivo{
	    line-height: 28px;
}

.esquerdaVinte, .dialogPositionAuto { 
left: 5% !important;
top: 5% !important;
}


.btn-clear, .btn-clear span .ui-button-text-only .ui-button-text{  
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal; 
    border: 0px solid transparent !important;
    border-radius: 5px important;
    padding-bottom: 1px !important;
			padding-left: 6px !important;
			padding-right: 6px !important;
			padding-top: 1px !important; 
    /*  button span .ui-button-text-only .ui-button-text, span .ui-button .ui-button-text  */
}

.btn-clear-sm, .btn-clear-md{  
    margin-bottom: 0;
    font-size: 15px;
    font-weight: normal; 
    border: 0px solid transparent !important;
    border-radius: 5px important;
    padding-bottom: 1px !important;
			padding-left: 10px !important;
			padding-right: 10px !important;
			padding-top: 2px !important; 
    /*  button span .ui-button-text-only .ui-button-text, span .ui-button .ui-button-text  */
}

.btn-altura{
height:  33px !important;
}



.btn-clear-2, .btn-clear-2 span .ui-button-text-only .ui-button-text{  
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal; 
    border: 0px solid transparent !important;
    border-radius: 5px important;
    padding-bottom: 5px !important;
			padding-left: 10px !important;
			padding-right: 10px !important;
			padding-top: 5px !important; 
    /*  button span .ui-button-text-only .ui-button-text, span .ui-button .ui-button-text  */
}


/* .icon-stack {
    position: relative;
}
.icon-stack .glyphicon {
    position: absolute; 
} */



#imagemCC:empty {
  display: none; 
}
.imagemCC {
	cursor:  zoom-in;
	opacity:0.8;
	transition: all .2s ease-in-out;  
}
.imagemCC:hover{
	opacity: 1; 
	transform: scale(1.1);
}


.imgcc{
	 background-size: cover; /*Css padrão*/
	-webkit-background-size: cover; /*Css safari e chrome*/
	-moz-background-size: cover; /*Css firefox*/
	-ms-background-size: cover; /*Css IE não use mer#^@%#*/
	-o-background-size: cover; /*Css Opera*/
	/*
	 opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
	 
}
 
.ui-panelgrid .ui-panelgrid-cell {
    padding-top: 3px;
 /*    #formHome\:colAlerta  */
}

li.nostyle {
    list-style-type: none;
}


.timeline-event-content{
	    font-size: smaller;
}

.semFundo, .fundoTransparente{
	background-color: transparent !important;
}

.fundoBranco{
	background-color:  white !important;
}

.fundoVerdeTabela, .verdeUm ,  .semHover  tbody tr:hover td  .verdeUm {
	background-color: rgba(122, 255, 0, 0.05) !important;
}

.fundoVermelhoTabela, .vermelhoUm, .semHover  tbody tr:hover td  .vermelhoUm {
	background-color:  rgba(255, 32, 9, 0.05) !important;
}

.fundoVerdeTabela, .verdeDois, .semHover  tbody tr:hover td  .verdeDois {
	background-color: rgba(122, 255, 0, 0.2) !important;
}

.fundoVermelhoTabela, .vermelhoDois, .semHover  tbody tr:hover td  .vermelhoDois { 
	background-color:  rgba(255, 32, 9, 0.2) !important;
}

.fonteVerdeTabela{
	background-color:  rgba(122, 255, 0, 0.1);
}

.fundoAmareloTabela, .amareloDois, .semHover  tbody tr:hover td  .amareloDois { 
	background-color:   rgba(255, 235, 1, 0.2);
}

.modal-xl {
   width: 90% !important;
}
  

body {
	padding-top: 40px;
	padding-bottom: 30px;
}

 
.ui-selectonemenu-items-wrapper{ height: auto !important; }

.layout .control-group label{ 
	/*   margin-top:10px;  */
	  margin-bottom:15px;  
	    margin-right:10px;  
}


.layout .control-group .ui-selectmanycheckbox  label { 
    margin-bottom: 0px;   
}



.destaqueLinhaXs, .destaqueLinhaMini, .destacarLinhaXs, .hr-slim, .hrSlim{
	  height: 0.5px !important; 
	  margin-top: 20px; 
}

.hrMini{
	 margin-bottom: 5px !important; 
	  margin-top: 5px !important; 
	  /*  height: 0.5px !important;  */
}

 

.semChuva{
	width: 100px;
}


/* body .ui-selectonemenu { 
    background: none;
} */
 


.ql-container, .ql-container .ql-snow{
    background-color: white; 
 }

/* primefaces overrride */


.ui-widget label{
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-kerning: auto;
font-size: 14px;
}

h4, H4{
	margin-top:14px !important;
	margin-bottom:12px !important;
}

.ui-selectonemenu-label .ui-inputfield  {
	height:29px !important;
	border: 0px;  
}

.ui-selectonemenu, .ui-selectcheckboxmenu    {	
vertical-align: top; 
border-radius: 5px !important;
}

.ui-selectonemenu  {
    border: 0.3mm solid #ccc;
     /*  removido o !important;    pois a borda qdo eh selecionado nao fica destacada!   */
  /*   0.4mm solid #74AD62 !important; */ 
}

  .ui-selectcheckboxmenu-trigger   {
    border-right: 0.3mm solid #ccc !important;  
     border-top: 0.3mm solid #ccc !important; 
     margin-top:-1px;
}


.alinharSup, .alinharTop, .alinharTopo{
	vertical-align: top;
}

.alinharAoMeio,  .alinharMeio, .vertical-align, .verticalAlign {
	vertical-align: middle;
}


.badge-success {
    color: #fff;
    background-color: #28a745 !important;
}

.badge-danger {
    color: #fff;
    background-color: #dc3545 !important;
}

/* por algum motivo ele esta sobrescrevendo os demais... remover?  */
 .badge{
  background-color: #888787; /*  #b3b3b3; */
}

h3 .badge{
	/* 	----*-*-*-*-*-*-*-* */
	/*....  */  
/* 	----*-*-*-*-*-*-*-* */
}

.ui-selectonemenu .ui-selectonemenu-trigger{
	width: auto;
	background: white !important;
}

/*select one menu PF*/

.ui-selectonemenu-items-wrapper{
	max-height: 400px;
}

.ui-selectonemenu { 
    padding-right: 0px !important; 
    min-width: 100px !important;
     
}




.ui-selectonemenu .ui-selectonemenu-label { 
        overflow: hidden !important;  
       padding: 6px 12px !important; 
       max-height: 27px !important;
}

.ui-selectonemenu .ui-selectonemenu-label,
 .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label , .input-lg, select.input-lg   {
    padding-left: 6px !important;
}

 /*  v8.8 normalizeSelectOneMenu nao funcionou..  */
  #formDetalhe\:maquinaIncluir_label,
  div .normalizeSelectOneMenu span  { 
     padding: 2px 5px !important;  
   
}

.ui-selectonemenu .ui-selectonemenu-trigger,  
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger, 
 .ui-selectcheckboxmenu-trigger,   .ui-selectonemenu-trigger  { 
    width: 25px !important; 
    padding: 2px !important;
    border-left: none;
    background-color: white;
    color: black;
 }
 
/* .ui-selectcheckboxmenu .ui-state-hover, .ui-selectcheckboxmenu:hover {
	background-color: white !important;
 	  border:1px solid #7096ab;  
    -webkit-box-shadow: 0 0 0px #85b2cb;
 }
 */
 
.ui-selectcheckboxmenu-label .ui-state-hover, .ui-selectcheckboxmenu-label .ui-corner-all .ui-state-hover,
.ui-selectcheckboxmenu-trigger .ui-state-default .ui-corner-right .ui-state-hover    {
  border-color: rgba(221, 221, 221, 0.9) !important; 
  background-color: rgba(221, 221, 221, 0.9) !important;  
}
/*   
.ui-selectonemenu-list-item {
    line-height: 1.2 !important;
    font-size: 0.9em !important;
} */  
 
.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    margin-top: 6px !important;
    margin-left: 1px !important;
}

.ui-state-hover{
	/*  background-color: transparent !important;
	  border: none !important; 
	  background: none !important; */
 }


/* to del
.ui-selectcheckboxmenu .ui-state-hover { 
 font-weight: normal; 
border:1px solid #7096ab;
background: #85b2cb url("/as/javax.faces.resource/images/ui-bg_highlight-hard_80_85b2cb_1x100.png.html?ln=primefaces-aristo") 50% 50% repeat-x;
background: #85b2cb linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0));
background: #85b2cb -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.6)), to(rgba(255,255,255,0)));
background: #85b2cb -moz-linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0)); 
color: #313131;
-moz-box-shadow: 0 0 5px #85b2cb;
-webkit-box-shadow: 0px 0px 8px #85b2cb;
box-shadow: 0px 0px 8px #85b2cb;  
} */ 

    
/* .ui-selectonemenu-trigger, .ui-selectonemenu-trigger:hover, .ui-state-default > .ui-selectonemenu-trigger    {
	background: white !important;
	background-color: transparent !important;
	border: none !important; 
}
 */




 

.ui-state-default{
  border: 1px solid #ccc;
}


.padraoBtnBoot{
height: 26px;
padding-left: 2px;
padding-right: 0px;
text-shadow: none;
font-weight: normal;
font-size: 12.2px;
text-align: center;
padding-bottom: 2px;
vertical-align: top;
}
 
/* [class^="icon-"], [class*=" icon-"]{
    background:none!important;
}

.btn [class^="icon-"], .btn [class*=" icon-"] {
    line-height: 1.3em;
} */

.break-word {
  word-wrap: break-word;
}

.pequeno{
	width: 120px;
}

/* 
.filtroMisto{
	 margin-top: -10px !important;
}
.filtroMisto input, .filtroMisto select{
	margin-bottom: 20px !important;
} */

.datasMisto input, .datasMisto select, .datasMisto tr, .datasMisto td{
	margin-bottom: 0px !important; margin-top: -10px !important;
}



.iconeBarraMenu{
	opacity: 0.4;	
}

#menuLeftBar .iconeBarraMenu{
	opacity: 0.9;	
}


.ui-picklist-buttons-cell{
margin-top:45px;	
}
.ui-picklist-buttons-cell div{
	margin-top:20px;	
}
 
#detalhes tr, #formDetalhes\:detalhes tbody tr,  table tbody tr {	
padding-bottom:10px;
margin-bottom: 50px;
}

 

.cursorLink:hover, .exibirMouse:hover, .comMouse:hover{
	cursor: pointer !important; 
	cursor: hand !important;
	text-decoration: underline !important;
}

.imgOpener:hover{
	cursor: -webkit-zoom-in;
	cursor: hand;
}

.superiorEsquerda{
	padding-left: 7px;
	float: left;
}

#liHome:hover, .liHome:hover, .icon-home:hover, #liTop:hover, .icon-chevron-up:hover  {
	opacity: 1 !important;
}
 
.navbar-toggle{
/*  margin-top:0px; */
 }

.botaoOcultarMenu{
	margin-top:-5px; 
	float: right; 
	opacity:0.2;
	margin-right:5px;
	z-index: 1000 !important;
	position: relative;
}





 
.ui-selectcheckboxmenu .ui-widget .ui-state-default .ui-corner-all .ui-helper-clearfix {	
}

 /* SOBRESCREVENDO selectcheckboxmenu STYLING PRIMEFACES*/
 

 
 .ui-selectcheckboxmenu-header .ui-inputfield {
    padding: 1px 20px 1px 2px !important;
    height: 20px;
}

.ui-selectcheckboxmenu-label-container, .ui-selectcheckboxmenu-label-container .ui-state-hover,
.ui-selectcheckboxmenu-label .ui-corner-all, .ui-selectcheckboxmenu-label .ui-state-hover {
	border: none !important; 
}



.ajusteSubtable {
  display: table-cell !important;
}

.naoExibir, .ocultar, .ocultarAlt, .destaqueProhort{
	display: none !important;
}

.reExibir, .exibir{
	display: block !important;
}

.margemNegativaCinco{
	margin-left: -5px !important;
}




.branco, .corBranca, .fonteBranca{
	color: white;
}



.preto, .corPreta,  .corPreto{
	color: black !important;
}

.laranja{
color: #b78222;
}

.laranja:hover{
	color: orange;
}

.corLaranja, .corWarning { 
	color:  #f0ad4e !important; 
}



.well-ciza, .well-alt{
	background-color: #e2e2e2!important;
	  border: 0.2rem solid #6f6f6f !important;
}


.cinza{
	/*  #666666  */
	 background-color: rgb(102, 102, 102) !important;
	 
} 

.verde{
	/* #99cc66   */
	 background-color: rgb(153, 204, 102) !important;
}  

.corVerde{ 
	 color: rgb(153, 204, 102) !important;
}

.corVerdeAlt{ 
	 color: #13790b !important;
}

.borderVerde{
	border-color: #4cae4c !important; ;
}

/* v7.4 */
.borderLua, .borderCinza{
	border-color:  #6c757d !important; ;
}


.borderCoruja{
	border-color: #000000 !important; ;
}

.borderMarrom, .borderTerra{
	border-color: #9c8158 !important; ;
}

.borderRoxo, .borderAurora{
	border-color: #7f3c8c !important; ;
}
 



.corVermelhoAlt, .corVermelhoDois,  .corVermelho2, .vermelho2   { 
	color: #a5281a !important;
}



.corCinza{ 
	 color: rgb(102, 102, 102) !important;
}

.corAmarela,  .corAmarelo  { 
	 color: #ccc033 !important;
}

/*  -----   -----  fundos background-color ----- ------ */

.fundoBranco{
	background-color: white;	
}

.fundoBrancoImportant{
	background-color: white !important;
}


.fundoCinza{
	background-color: #eeeeee !important;
}

.fundoCinzaAlt, .fundoCinza2, .fundoCinzaEscuro{
	background-color: #33333382 !important;
}

.fundoCinzaClaro{
	background-color: #f5f5f5 !important;
}

.fundoAmareloAlt{
background-color: 	#ffc60012;	
}

.fundoAmareloClaro   {
	background-color: rgba(255, 255, 0, 0.28);
}

.fundoMarromClaro   {
	background-color: #55593412 !important;	
}


.fundoAmarelo, .amarelo { 
	background-color: #ccc033 !important;
}

.fundoLaranja, .fundoWarning { 
	background-color:  #ffc107 !important; 
}

.fundoPreto, .fundoInverse { 
	background-color:  #000000 !important; 
}

.fundoBranco, .fundoWhite { 
	background-color:  #ffffff !important; 
}



.fundoVermelho { 
	background-color: #f35320 !important;
}

.fundoVerdeAlt, .fundoVerdeDois{ 
	 background-color: #13790b !important;
}

.fundoVermelhoAlt, .fundoVermelhoDois,  .fundoVermelho2    { 
	background-color: #a5281a !important;
}

/* .table-striped tbody tr:nth-child(odd) td */
/* .table-striped  .fundoVermelho2,  .fundoVermelho2,
.table-striped tbody tr:nth-child(odd) .fundoVermelho2 td , .table-striped tbody tr:nth-child(odd) .fundoVermelho2  th  { 
	background-color: #a5281a !important;
}
  */

.fundoMarrom { 
	background-color: #c78851 !important;
}



 

.textoVerde {
	color: green;
}


.corAzul{
	 color: blue !important;
}

.ui-chkbox .ui-chkbox-label {
	  margin: 0px 0 0 3px !important;
}

 


/*  layout menor, iphone   
SOBRESCREVER BOOTSTRAP E ESCLUIR O MEDIA DE   @media (max-width: 979px)
 }*/
 
 .OitentaPxResponsive {
	width: 80px; 
}
 

 .cemPx {
	width: 150px !important; 
}
    

.DezPorCento {
	width: 10%; 
}

.VintePorCento {
	width: 20%;
}

.SessentaPorCento {
	width: 60%;
}

.QuarentaPorCento {
	width: 40%;
}


.NoventaPorCento {
	width: 90%;	
}

.OitentaPorCento {
	width: 80%;
}

/* .calendarioSemAno .ui-datepicker select.ui-datepicker-year{
display:'none'
} */

/* FONTE DA BARRA LAYOUT */
.navbar .nav > li > a { 
padding: 10px 8px 10px;
/* font-weight: 300;  */
font-size: 13.5px;
}
.rodape{
	font-weight: 400;  
}

/*treetabel negrito linhas resumo [aria-expanded="true"] */
.ui-treetable [data-prk="1"], .ui-treetable [data-prk="0"], .ui-treetable [data-prk="2"], .ui-treetable [data-prk="3"],
.ui-treetable [data-prk="4"], .ui-treetable [data-prk="5"], .ui-treetable [data-prk="6"], .ui-treetable [data-prk="7"],
.ui-treetable [data-rk="1"], .ui-treetable [data-rk="0"], .ui-treetable [data-rk="2"], .ui-treetable [data-rk="3"],
.ui-treetable [data-rk="4"], .ui-treetable [data-rk="5"], .ui-treetable [data-rk="6"], .ui-treetable [data-rk="7"] {
	 font-weight: bold; 
}
/* 
.ui-treetable thead tr:nth-child(odd),  */
.ui-treetable tbody tr:nth-child(odd)    {
background-color: #f9f9f9 !important; 
}
/* .ui-datatable-even{
	background-color: #F9F9F9 !important; 
}
	 */
 

/*treetabel negrito linhas resumo 
.ui-treetable  [aria-expanded="true"] {
	  text-decoration:underline;  
}*/



.transparente i { 
	 opacity:0.4;
     filter:alpha(opacity=40); /* For IE8 and earlier */
}

#iconeSuporte:hover, .navbar .nav > a:hover {
	 opacity:1 !important;
}

.active .transparente i, .dropdown li:hover{ 
	 opacity:1;
     filter:alpha(opacity=100); /* For IE8 and earlier */
}


.iconeRodapetransparente  { 
	 opacity:0.4;
     filter:alpha(opacity=40); /* For IE8 and earlier */
}

.centro, .center {
text-align: center !important;
}

.bottom-align{
    position: absolute;
    bottom: 0; 
   padding-right: 0px;
   /* color: yellow; */
    /*  right: 0; */
  }
 
.ui-buttonset {
margin-right: 3px;
}

.menuNaoTransparente  {
	opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
}

/* GRAFICOSSSSS  */
.jqplot-point-label {
  /* border: 1.5px solid #aaaaaa; */
  padding: 1px 1px;
  background-color: rgba(255, 255, 255, 0.87);
  margin-left: 20px;  
}

.jqplot-highlighter-tooltip{
	z-index: 200;	 
	background-color: rgba(233, 233, 233, 1);
	
}
.jqplot-title{
 font-weight: bold;	
   
}

.jqplot-table-legend{
	 
  border: none !important;
	
}
/* FIM GRAFICOSSSSS  */


.fundoFiltro{
	min-height: 10px;
/* 	height:28px; */
	margin-bottom: 0px;
	
}

.btnTexto{
	padding: 2px 7px 2px 7px !important;
}

.colunaCPFouTelefone{
	min-width: 90px;
}

.colunaMoedaG{
 width: 120px;
}

.colunaMoedaGG{
 width: 150px;
}





/* Change frozen width */
.frozenlayout .ui-datatable-frozenlayout-left , .ui-datatable-frozenlayout-left   {
    /*  width: 20%;  */
     padding-top: 30px !important;  
}

#formListagem:tabelaRelatorio:hover ,  tabelaRelatorio:hover {
/* 	background: blue !important; */
}
 
   
 .semHover  tbody tr:hover td  { 
        background-color: transparent !important; 
      /*   transparent !important;    rgba(155, 233, 233, 0.1) !important;   */
       
       
  }
 

.colunaID, .colunaId{
	width: 45px;
}

.colunaBoleana{
	width: 60px;
}


.colunaAcoesDatable, .colunaAcoesDatableDoisBotoes{
	text-align: center !important; 
	width: 90px !important;
}

.colunaAcoesDatableTresBotoes{
	text-align: center !important;
	width: 138px !important;  /* ou 130? */
	 
}

.colunaAcoesDatableTresBotoesXs{
	text-align: center !important;
	width: 110px !important;
}

.colunaAcoesDatableQuatroBotoes{
	text-align: center !important;
	width: 175px !important;
}

.colunaDatahora , .colunaDataHora{ 
	width: 130px !important;
}

.colunaData{ 
	width: 98px !important;
}



.colunaValorFinanceiro, .colunaDinheiro{ 
	min-width: 80px !important;
}


.corVermelho, .corVermelha,  .vermelho{ 
	color: red !important;
}

.obrigatorio{
		color: #c40005!important;
		font-weight: bold;
		font-size: 14px;
}
 
.listagemPoligono:hover{
	opacity: 0.7;
	background-color: #eeeeee !important;
	  border: 0.2rem solid #6f6f6f !important;
	
}
.listagemPoligono.active, .well-active{ 
/* 	background-color: #c4c4c4!important; */
	 border: 0.3rem solid #4a834c !important;
	 background-color: #e0e0e0 !important;
	
}


.light-well{ 
/* 	background-color: #c4c4c4!important; */
	/*  border: 0.3rem solid #4a834c !important; */
	border: none !important;;
	 background-color: #f7f7f7!important;
	/*  opacity: 0.5; */
	
	min-height: 20px;
      padding: 0px;
        padding-top: 10px;
          margin-bottom: 20px;
            margin-top: 10px;
  
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%); 
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    	
}


.semMargemTop{
		margin-top: 0px;
}
.semMargemInf{
		margin-bottom: 0px;
}
.semMargemEsq{
		margin-left: 0px;
}
.semMargemDir{
	margin-right: 0px;
}
.semMargem{
  margin:  0px;	
}




.margemSupDezNeg, .margemSupNeg{
	margin-top: -10px;
}

.margemSupDez, .margemSup, .margemTop{
	margin-top: 10px;
}

.vertical{
	vertical-align:  middle !important;
}



.padInf, .padInfDez{
	    padding-bottom: 10px !important;
}
.padSup, .padSupV{
	    padding-top: 10px !important;
}

.margemInfDez, .margemInf{
	margin-bottom: 10px;
}
.margemEsqDez, .margemEsq{
	margin-left: 10px;
}
.margemDirDez, .margemDir{
	margin-right: 10px !important;
}

.margemSupCinco, .margemSupC, .margemTopC{
	margin-top: 5px;
}
.margemInfCinco, .margemInfC{
	margin-bottom: 5px;
}
.margemEsqCinco, .margemEsqC{
	margin-left: 5px;
}
.margemDirCinco, .margemDirC{
	margin-right: 5px !important;
}

.margemSupVinte, .margemSupV{
	margin-top: 20px;
}
.margemInfVinte, .margemInfV   {
	margin-bottom: 20px;
}
.margemEsqVinte, .margemEsqV{
	margin-left: 20px !important;
}
.margemDirVinte, .margemDirV{
	margin-right: 20px !important;
}

.margemEsqQuinze, .margemEsq15{
	margin-left: 15px !important;
}
.margemDirQuinze, .margemDir15{
	margin-right: 15px !important;
}


.margemEsqTrinta, .margemEsqT{
margin-left: 30px;
}

.margemDirTrinta, .margemDirT{
margin-right: 30px;
}

.margemTopTrinta, .margemTopT, 
.margemSupTrinta, .margemSupT{
margin-top: 30px;
}

.margemInfTrinta, .margemInfT{
margin-bottom: 30px;
}



.margemSupQuarenta, .margemSupQ{
	margin-top: 40px;
}

.margemSupSessenta, .margemSupS{
	margin-top: 60px;
}

.margemInfQuarenta, .margemInfQ{
	margin-bottom: 40px;
}

.margemInfSessenta, .margemInfS{
	margin-bottom: 60px;
}




.margemEsqQuarenta, .margemEsqQ{
	margin-left: 40px;
}

.margemEsqSessenta, .margemEsqS{
	margin-left: 60px;
}
 
 .margemSupDois,  .margemTopDois{
	margin-top: 2px;
}

.transparenteSete, .transp70, .transp7{
	opacity: 0.7 !important; 
}

.transparenteOito, .transp80, .transp8{
	opacity: 0.8 !important; 
}

.negrito {     
font-weight: bold !important; 
}

.italico {     
font-style: italic;
}


.input-group .btn, .input-prepend .btn, .input-append .btn, .bordaArredondada{
	border-radius: 3px !important;
}

.btn:focus {
/* outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; */
outline: none;
}

.ui-editor iframe:hover, .ui-editor iframe:active{
border-color: rgba(82, 168, 236, 0.8);
outline: 0;
outline: thin dotted \9;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
                 
/* background: #ffffff; .ui-editor iframe:hover, border: 1px solid #F00000 !important;
color: #4f4f4f;   .ui-editor iframe:hover,  .ui-editor input:active   */    
}

.ui-editor{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.ui-datatable-even{
	background-color: #F9F9F9 ;  /* retirando important important */
}



.fundoTab {
margin-left: 0;
margin-right: 0;
background-color: #fff;
border-width: 1px;
border-color: #ddd;
border-radius: 4px 4px 4px 4px;
box-shadow: none;

position: relative;
/* padding: 10px 15px 15px; */
/* margin: 0 0px 15px; */
background-color: transparent; /*  #fafafa; */
box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
border-color: #e5e5e5 #eee #eee;
border-style: solid;
border-width: 1px 0;
}

.margemTabelas{
	 padding: 10px 15px 15px;  
}

.poucaMargemDireita{
 padding: 10px 6px 15px; 
}



.tituloTab {
margin-bottom: 10px;
left: 10px;
font-size: 12px;
font-weight: bold;
color: #969696;
text-align: left;
text-transform: uppercase;
letter-spacing: 1px;
}

#myTabCinza .tab-content, .myTabCinza {
	background-color: #fff !important; 
}

 

focus, :focus {
    outline: -webkit-focus-ring-color auto 0px;
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: 0px;
}

/* Sobrescrevendo o tamanho do span9 do laytout do boostrap  
.row-fluid  .col-md-9 {
   min-width: 77.468085099%;
  *min-width: 77.4148936096383%;    
}

/* .span2, .row-fluid .span2, .col-md-2, .row-fluid .col-md-2  {
width:250px !important;
} */

.campoId{
	width: 50px !important;
}

/* .ui-editor, .ui-editor iframe:active,  .ui-fileupload, .input-large , .input-lg, .input-xxxlarge {
	 width: 300px !important;
} */
	 
.input-xl {
	 width: 350px !important;
}

.voltarMenuBtn, #voltarMenu{
	margin-top:-10px; 
	margin-left:-12px; 
	margin-right:6px; 
	margin-bottom:5px;
	 
	float: left; 
	opacity:0.5;
	z-index: 1000 !important;
	position: relative;
	
	background-color: #fab988!important;
    
	 
}

#exibirF{
	background-color: #fab988!important;
	opacity:0.5;
}


.menuFixo{
 position: fixed; 
}

#menuLeftBarContent{
min-width: 200px;	
}

.ui-fileupload-row>div{
	   display: inline-block !important;	
}       
.ui-fileupload-row>.ui-widget-content{
    display: none!important;
}


.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th{
 border: none !important;
}







#menuForm .well li {
		font-size: 12px !important; 
}

#menuForm .well li a{
		font-size: 14px !important; 
}

 

.iconeFiltroTabelas:hover{
border-color: rgba(82, 168, 236, 0.8);
outline: 0;
outline: thin dotted \9;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
cursor: pointer; 
}


/* Sobrescrevendo o layout dos select inputs */
select:focus  {
border-color: rgba(82, 168, 236, 0.8);
outline: 0;
outline: thin dotted \9;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}




 .ui-panelgrid, .ui-panelgrid td, .ui-panelgrid tr {
	 border: none !important;
/*	border: medium;
	border-color: transparent; */
	padding: 0px;
	
}

 
/* SOBRESCREVENDO PICKLIST STYLING PRIMEFACES*/

/* janela comonente acima de tudo  */
.ui-selectonemenu-panel  {
 z-index: 2001 !important;
}



.telaGrande{
	width: 800px !important;	 
}

/* SOBRESCREVENDO Timeline STYLING PRIMEFACES*/
#timeline .ui-state-highlight, #timeline .ui-widget-content .ui-state-highlight, #timeline .ui-widget-header .ui-state-highlight,
#formListagem\:timeline .ui-state-highlight, #formListagem\:timeline .ui-widget-content .ui-state-highlight, #formListagem\:timeline .ui-widget-header .ui-state-highlight {
  background: none !important;
  border: none;
}

div.tl_variavel_numerica, .tl_variavel_numerica{  
    background: #fcf8e3 none !important;  /* amarelo */  
    border-color: #b0ac52 !important;      
}  



div.tl_situacao, .tl_situacao{  
    background: #BAE4FC none !important;  /* blue */  
    border-color: #0066FF !important;     /* blue */  
}  
  
div.tl_vida, .tl_vida{  
    background: #B6ECB6 none !important;  /* green */  
    border-color: #136e13 !important;     /* green */  
}  
  
div.tl_os, .tl_os {  
    background: #F1F1F1  none !important;  /* silver */  
    border-color: #474747  !important;     /* silver */  
}


div.tl_borda_estimativa, .tl_borda_estimativa, .tl_situacao .tl_borda_estimativa ,
div.tl_situacao .tl_borda_estimativa {  
      border-color: #ff885a !important;     /*vermelho  */
}  



.timeline-event-boxCustom {
text-align: center;
border-style: solid;
border-width: 1px;
border-radius: 5px;
-moz-border-radius: 5px;

padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px; 
padding-right:  5px; 
}
/* fim SOBRESCREVENDO Timeline STYLING PRIMEFACES*/




.ui-chkbox .ui-widget{
	margin-right: 4px;
}

.ui-radiobutton-box  { 
margin-left: -5px !important;
}

/* .labelModal{
	padding-top:15px !important;
} */

/* input[type="radio"] {
	margin-top:-5px !important;
}  */
/* , input[type="checkbox"] */
.radio label{
	margin-left: 3px; 
	margin-right: 8px; 
    vertical-align: top !important;
}

.ui-selectoneradio label  {
margin-right: 15px !important;
}


.ui-selectcheckboxmenu {
	background: none;
	background-color: white !important;
	display: block;
}
/* .ui-selectcheckboxmenu .ui-state-hover{	 
	background: none !important;
} */


.form-horizontal select.ui-helper-hidden
{	display: none; }

.ui-picklist .ui-picklist-filter {
padding-right: 15px;
width: 96%;
text-align: left;
}

.ui-picklist .ui-picklist-list {
list-style-type: none;
margin: 0;
padding: 0; 
overflow: auto;
height: 200px;
/* min-width:  450px !important;  */ 
}


 
.ui-picklist .ui-picklist-caption {
text-align: center;
padding: 0;
font-size: small;
}

.ui-picklist .ui-button {
display: block;
margin-left: 0.3em;
margin-right: 0.3em; 
margin-bottom: 0.2em;
}

.ui-picklist .ui-button-icon-only {
width: 1.8em;
}
 
/*PICKLIST STYLING*/
   
/*  
.ui-datatable-data-empty .ui-dt-c {
    width: 100% !important;
}   */
.iconeDeUsuario{ 
	margin-left: 8px;
	margin-top: 6px !important;
}

.iconeDeUsuarioSlim {
     margin-left: 5px; 
    margin-top: 2px !important;
    font-size: 11px;
}   
    


.knobPequeno .knob{
	font-size: 10px !important;
}

.fontePequena, .fonteP{
	font-size: 10px !important;
}

.fontePequena2, .fonteP2, .fonte12{
	font-size: 12px !important;
}

.fontePequena1, .fonteP1, .fonte11{
	font-size: 11px !important;
}

.fonteMedia, .fonteM,   .fonte13{
font-size: 13px !important;	
}

.fonteG, .fonteGrande{
font-size: 16px !important;	
}

.fonteGG, .fonteGrandeAlt{
font-size: 18px !important;	
}

.fonteBtn{
	font-size: 12px !important;
}

.fontePequena2, .fonteMenor  {
	font-size: 12px !important;
}

.destacarNome, .destacarMuito {	
	font-size: x-large;
}

.destacarMedio{
	font-size: large; 
}

.destacarSmall{
	font-size: small; 
}

.destacarPouco{
	font-size: medium; 
}

.destacarMuitoPouco{
  font-size: 13px !important;
 }
 
 .destacarLabel{
  font-size: 11px !important;
 }
 
 

 

.deslocAEsquerda1, .paddingLeft5 {
	padding-left:  5px;
}

.deslocAEsquerda2 , .paddingLeft10{
	padding-left:  10px;
}

.deslocAEsquerda3, .paddingLeft20 {
	padding-left:  20px;
}

.deslocAEsquerda4, .paddingLeft25 {
	padding-left:  25px;
}

.deslocAEsquerda5, .paddingLeft30 {
	padding-left:  30px;
}

.sidebar-nav {
	padding: 9px 0;
}

td.right {
    text-align: right;
}

td.center {
    text-align: center;
}


td.left {
    text-align: left;
}

.textoEsquerda, .esquerda, .left{
    text-align: left !important;
}

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

.floatRight, .forcarDireita, .floatDireita, .alinharDireita{
	float: right !important;
}
.floatCenter, .forcarCentro, .floatCentro, .alinharCentro{
	margin: 0 auto;
}
 
 

.sublinhar, .sublinhado{
	text-decoration:underline !important;
}

.naoSublinhar, .naoSublinhar a:hover{
	text-decoration: none !important;
}


.detalhar-foto {  
position: absolute;
padding-left: 70px;
max-height:180px; 
max-width:180px;	 
}



 

.c1-descricao {    
text-align: right;
font-weight: bold;
padding-right:10px;
}

/* #detalhesForm\:detalhes .row first-child{
text-align: right;
font-weight: bold;
padding-right:10px;
}

#detalhesForm\:detalhes .row .col-md-6 span{
	padding-bottom:10px !important; 
   text-align: left;
}
 */





#menuForm .nav .nav-header {
    display: block;
    padding: 3px 0px;
    font-size: 12px;
    font-weight: bold !important;
    line-height: 18px;
     color: #747474;  
   
   /*  color: #4c87b3; #999; */
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.dropdown-menu li .nav-header, .dropdown-menu > .nav-header {
	  color: #747474;  
	
}

.nav-header {
	color: #bfbfbf;
}

#menuForm .nav .nav-header h5 {
	font-weight: bold;

}


#menuForm .nav-list > li > a {
/* line-height: 18px !important; */
padding: 3px 3px !important;
}

 .ui-datatable tbody td {
padding: 4px 10px;
 overflow: inherit; 
}

/* ui-datatable-data td  */
.colunaCPFouTelefone{
white-space: nowrap !important;
/* text-align: right !important; */
}

.quebrarLabel{
    white-space: pre-wrap;
}

.quebrarLinha{
	white-space: normal !important;
}
.quebrarPalavra, .quebrarPalavras{
 word-wrap: break-word;
}

.colunaAtivo{
white-space: nowrap !important;
width: 59px !important;
}
 

/* #menuForm  .nav-list > li , #menuForm  .nav-list .nav-header {
    margin-right: 5px;
    margin-left: 10px; 
} */
#menuForm .nav .nav-list .nav-header {
    margin-bottom: 2px !important;
    margin-top: 10px !important;
}
#menuForm .nav .nav-list .nav-header h5 {    
    margin-top: -5px;
     margin-bottom: 0px;
}

/* #menuForm .nav-list li .active, #menuForm .nav-list > li > .active      {
    color: white !important;
    background-color: #428BCA;
} */

  

.c1-20porcento {    
text-align: right;
width: 20%;
font-weight: bold;
padding-right:10px;
}

.c1-10porcento {    
text-align: right;
width: 10%;
font-weight: bold;
padding-right:10px;
}

.c1-25porcento {    
text-align: right;
width: 25%;
font-weight: bold;
padding-right:10px;
}

.c1-22porcento {    
text-align: right;
width: 23%;
font-weight: bold;
padding-right:10px;
}

.c1-30porcento {    
text-align: right;
width: 30%;
font-weight: bold;
padding-right:10px;
}

.c1-40porcento {    
text-align: right;
width: 40%;
font-weight: bold;
padding-right:10px;
}

.c1-60porcento {    
text-align: right;
width: 60%;
font-weight: bold;
padding-right:10px;
}
 
.c1-15porcento {    
text-align: right;
width: 15%;
font-weight: bold;
padding-right:10px;

}
#menuLeftBar{
   padding-right: 3px;
    padding-left: 10px;
}

/*  table tbody tr  td */
.c1-descricao, .c2-descricao, .c4-descricao, .c2tripla-descricao, .c1-20porcento, 
.c1-15porcento, .c1-30porcento, .c1-22porcento, .c1-25porcento, .c1-10porcento   {
	padding-bottom:10px !important;
}
  


/* estragou os botoes com icones em pag de detalhes 
     #formDetalhes\:detalhes span, #detalhesForm\:detalhes span, #formDetalhes\:detalhes .c1-descricao{
         line-height: 25px !important;  
     
} */
 
.ui-button-text-only .ui-button-text {
    padding: .4em .3em !important;
        font-size: small;
}


 
body .ui-picklist .ui-picklist-caption {
   padding: 5px;
}
    
    
.ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .label  {
     text-shadow: none !important;  
     /* text-shadow: 0 1px 0 rgba(255,255,255,0.7); */
}
 
/* .jqplot-pie-series .jqplot-data-label, .jqplot-pie-series > .jqplot-data-label,  
div.jqplot-pie-series .jqplot-data-label, div.jqplot-data-label   
#modalGraficoForm\\:pizzaDialog > .jqplot-target, 
#modalGraficoForm\\:j_idt644 > .jqplot-target, */

div.jqplot-data-label, .corLabelPie {
	color: #000000 !important; /*  #f3f3f3 */
}   


 
#formDetalhes\:detalhes .row, #detalhesForm\:detalhes .row, #formDetalhes\:detalhes .c1-descricao{
  margin-bottom: 5px;  
 }  
 
 
#formDetalhes\:detalhes .row .col-md-2, #detalhesForm\:detalhes .row .col-md-2,
#formDetalhes\:detalhes .row .col-md-4, #detalhesForm\:detalhes .row .col-md-4,
#formDetalhes\:detalhes .row .col-md-3, #detalhesForm\:detalhes .row .col-md-3,
#formDetalhes\:detalhes .row .col-md-6, #detalhesForm\:detalhes .row .col-md-6,
#formDetalhes\:detalhes .row .col-md-12, #detalhesForm\:detalhes .row .col-md-12,
#detalhesOpForm\:detalhes .row .col-md-2, #detalhesOpForm\:detalhes .row .col-md-4, 
#detalhesOpForm\:detalhes .row .col-md-3,  #detalhesOpForm\:detalhes .row .col-md-6,  
#detalhesOpForm\:detalhes .row .col-md-12 {
	margin-bottom: 5px;
 }
 
#formDetalhes\:detalhes .quebrarLogicaEspacamento .row .col-md-2, #detalhesForm\:detalhes .quebrarLogicaEspacamento .row .col-md-2,
#formDetalhes\:detalhes .quebrarLogicaEspacamento .row .col-md-4, #detalhesForm\:detalhes .quebrarLogicaEspacamento .row .col-md-4,
#formDetalhes\:detalhes .quebrarLogicaEspacamento .row .col-md-3, #detalhesForm\:detalhes .quebrarLogicaEspacamento .row .col-md-3,
#formDetalhes\:detalhes .quebrarLogicaEspacamento .row .col-md-6, #detalhesForm\:detalhes .quebrarLogicaEspacamento .row .col-md-6,
#formDetalhes\:detalhes .quebrarLogicaEspacamento .row .col-md-12, #detalhesForm\:detalhes .quebrarLogicaEspacamento .row .col-md-12{
	margin-bottom: 0px !important;
 }
 
.espacamentoLinhasDetalhes{
margin-bottom: 5px;
 }
 
 
  
.linhaPequena{
	margin-top:0px !important; 
	margin-bottom: 0px !important; 
	padding-top:0px !important; 
	padding-bottom: 0px !important; 
 }
 
  
.linhaPeq, .linhaP {
	margin-top:5px !important; 
	margin-bottom: 5px !important; 
	padding-top:5px !important; 
	padding-bottom: 5px !important; 
 }
 
 
 
  
.c2-descricao {  
   text-align: left;
   /* padding-right: 150px; */
   
}

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

 
.c2tripla-descricao {  
   text-align: left;
  /*  padding-right: 100px; */ 
   width: 17%;
}


.legendas {
font-style: italic;
font-size: small; 
}

.c2-cadastro {   
   padding-left: 80px;
}

.c2-cadastro-os {
    padding-left: 40px;
}

.c2-MaxDeslocCadastro {   
   padding-left: 120px;
}

/*SOBRESCREVENDO control-label BOOTSTRAP */
.form-horizontal .control-label{ 
}
 
.popover.bottom {
 /*   margin-left:  100px;    */
}

.popover.bottomCenter {
  /*  margin-left:  0px;   */
} 



/* Criando MULTI-LEVEL MENU BOOTSTRAP */
.nav li.dropdown ul.dropdown-menu li:HOVER ul
{ 
display:block; 
position:absolute; 
left:100%; 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; 
border-radius: 3px;
 
}
  
.nav li.dropdown ul.dropdown-menu ul 
{
display: none;
float:right;
position: relative; 
top: auto; 
margin-top: -30px;
}

.floatRight{
	float:right;
}

.nav li.dropdown ul.dropdown-menu .dropdown-menu::before
 {
 content: ''; 
display: inline-block; 
border-top: 7px solid transparent; 
border-bottom: 7px solid transparent; 
border-right:7px solid #CCC; 
border-right-color: rgba(0, 0, 0, 0.2); 
position: absolute; 
top: 9px; 
left: -14px; 
}

#menuForm .nav-list .deslocAEsquerda1 span{
 color: #B5B5B5;
 /*  text-decoration: line-through; */
 font-size: 14px !important;
 padding: 3px 3px !important;
}
  
 
.nav li.dropdown ul.dropdown-menu .dropdown-menu::after 
{ 
content: ''; 
display: inline-block; 
border-top: 6px solid transparent; 
border-bottom: 6px solid transparent;
border-right:6px solid white;
position: absolute;
top: 10px; 
left: -12px;
 
}

 
/*SOBRESCREVENDO POPOVER BOOTSTRAP 3070 v8.9 aumentou o index  .ui-dialog{ removido abaixo em v6.9 para funcionar em modal do primefacces */
.popover, .tooltip{
	z-index: 5000 !important; 	
}

 .tooltip , a[rel=tooltip] {/* v7.9 [role=tooltip] [rel=tooltip] */
  	word-break: break-word;
 } 
 
 
 



.popover-content {
 /*  width: 400px; */ 
  /*  background-color: rgb(252, 250, 237); */ 
  font-size: 13px;
}
/* .popover{
	 max-width: 500px; 
} */
/*FIM SOBRESCREVENDO POPOVER BOOTSTRAP */

/*PRIMEFACES FILTRO DE TABELAS*/
.ui-datatable .ui-column-filter{
	margin: 0;
	margin-bottom: 5px;	
}

/* .ui-inputfield, removido v8.0  */
 
/*PRIMEFACES SPINNER  */
   .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield   {
/*box-shadow: inset 0 0px 0px #CCC;*/ 
 
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
      -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;          
          
text-align: left;
}


 



.myCalendar input {
width: 90px;
opacity: 1;
padding: 4px !important;
}

.myCalendarMini input {
width: 90px;
opacity: 1;
height: 30px;
padding: 4px !important;
}

.myCalendarMiniXs input, .myCalendarMiniAlt input  {
width: 83px;
opacity: 1;
height: 30px;
padding: 4px !important;
}




.myCalendarTime input {
width: 135px;
opacity: 1;
padding: 4px !important; 
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
	width: 25px;
}


#empresaForm .ui-datepicker select.ui-datepicker-year{
display: none;
}

.ui-datepicker-trigger{
margin-top: 5px;	
}

#cadastroPerfilForm .ui-selectmanycheckbox{
background-color: transparent;
}
 
#cadastroPerfilForm  .transparente table:hover, #cadastroPerfilForm table tr:hover{
	background-color: white;  
}

#tabelaGlobalPerfil table :hover  {
background-color:  rgba(129, 129, 129, 0.2) !important; 
}
  



#cadastroPerfilForm .ui-selectmanycheckbox .ui-widget {
height: 16px !important;
width: 16px !important;
   /*
text-align: center;
padding-left: 2px;
padding-top: 2px;*/
}

#cadastroPerfilForm .ui-chkbox .ui-chkbox-box .ui-chkbox-icon{
    margin-top: -0.8rem;
}
 


  
/* .myCalendarTime .ui-state-disabled {
	opacity: .90;
} */

html input[disabled], input[disabled], .input[disabled] {
	color: black !important;
	background-color: #EEE;
  }

.modal-open .ui-datepicker, .modal-idleTimer, .modal-open .ui-selectonemenu-panel, .modal-open .ui-selectcheckboxmenu-panel {  
/* ficar na camada sobre o modal bootstrap  v8.9 antes era 2070 mas alguns modal sao 4000 */
z-index: 4010  !important;   
}

.ui-datepicker {  
/* ficar na camada sobre o modal bootstrap */
/* z-index: 2070 !important;    */
z-index: 3000 !important;
}

.ui-selectcheckboxmenu-panel, .ui-selectonemenu-panel {
	z-index: 3570 !important;  
	  /* v6.9 incluido ui-selectonemenu-panel (p:selectOneMenu)  
	 v6.0 era 2070 antes (mas ai nao funcionava em p:confirmDialog )  */
} 

 
  


.mySpinner input {
width: 100px;
}
 

.ui-spinner .ui-state-disabled, .ui-spinner .ui-widget-content .ui-state-disabled, 
.mySpinner .ui-state-disabled, button[disabled], html input[disabled]    {
	opacity: 0.8 !important;
}

.ui-datepicker-trigger {
	line-height: 1;
	 vertical-align: bottom; 
}

.mySpinnerMini input, .mySpinnerMini {
width: 52px;
vertical-align: top;
}

.myLeftControlGroup {
width: 398px;
}  


.ui-selectonebutton {	
font-size: 13px;
font-weight: normal;
line-height: 18px;  	
}

 
.ui-selectonebutton  .ui-state-default  {
    /*  padding: 6px 12px; */
    padding: 1px;
    color: #333;
    background-color: #f0ecf2;
    border-color: #b7b7b7; /*#ccc*/
}
 

.bordaBox{
	border-width: medium; 
	/* margin-top:5px;  */
	border-color: rgb(224, 224, 224);    
	padding-top:5px !important;
	
}

.bordaBoxHome{  
padding: 5px !important; 
border-radius: 4px 4px 4px 4px;  position: relative; 
margin: 0 5px 5px;
background-color: transparent; /*  #fafafa; */
box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
border-color: #e5e5e5 #eee #eee;
border-style: solid;
border-width: 2px;
}

.table th, .table td {
line-height: 18px;
/* text-align: inherit; */
}

/*  .table td {
  text-align: center !important;
}
 */


/* v4.9estilo calendario  removido .ui-state-highlight */



  .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
	/* text-shadow: black; */
	color: black;
    text-shadow: none;
    font-weight: bold; 
  }
  
  .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { 
/* ui-state-default .ui-state-active:hover */
    border: 1px solid #aac1a0;
    background: #aac1a0 url("/as/javax.faces.resource/images/ui-bg_inset-hard_65_85b2cb_1x100.png.html?ln=primefaces-aristo") 50% 50% repeat-x;
    background: #aac1a0 linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,0.4));
    background: #aac1a0 -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(rgba(255,255,255,0.4)));
    background: #aac1a0 -moz-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,0.4));
    font-weight: bold;
    color: #1c4257;
    text-shadow: none; /* 0 1px 0 rgba(255,255,255,0.7); */
}
  
  
 #formListagem\:exibirColunasBtn, #formListagem\:ocultarColunasBtn{
 background: none; 
 font-size: 13px;
/*  padding-left: 5px;
  padding-right: 5px; */
 opacity: 0.7 !important;
 }
  
 
  #formListagem\:ocultarColunasBtn .ui-button-text {
  /*  margin-left: 10px; */
 padding:  .3em 1em .3em 2.1em !important;
}

 
  

/*

 CSS do Primefaces para DATATABLE

*/ 
.ui-datatable table, .ui-datatable, .ui-datatable .ui-datatable-tablewrapper, 
.ui-treetable .ui-state-default, .ui-state-default .ui-sortable-column .ui-filter-column left {	
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
  background: none;  
border: none !important;  
}


   
  
  /* v6.1 */
.ui-treetable .ui-column-filter,   input.filtroColuna   { 
	     border: 1px solid #b5b5b5 !important;
	    background-color: #fbfbfb !important;  /*  .filtroColuna */
	    text-indent: 22px;
	    
}

input[type='text'].filtroColuna, .ui-treetable .ui-column-filter {
    background-image: url(../img/icones/icon-search.png) !important;
    background-position: 7px 8px; 
    background-size: 10px; 
    background-repeat: no-repeat !important; 
}  

.btnFiltroColunas{
	border-radius: 6px !important; 
	 border-color: rgba(221, 221, 221, 0.8) !important;  
	 border-width: thin !important;
}
 
.btnFiltroColunas:hover, .btnFiltroColunas{
	padding: 1px 1px !important;  /* v6.4 */
}

.btnFiltroColunasTreetable{
	 border-radius: 10px !important; 
	 border-color: rgba(221, 221, 221, 1) !important;  
	 border-width: thin !important;
 }
 

/* cabecalho das tabelas */

/* border: none !important;  v6.1*/
	/* padding: 8px;
	white-space: nowrap; */
.ui-datatable thead .ui-state-default, .ui-datatable tfoot .ui-state-default { 
    line-height: 18px;   
    padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 4px;
	padding-right: 4px;
}


.ui-icon-check {
    background-position: -65px -145px;
}
.ui-icon-bullet {
    background-position: -81px -145px;
}


 


/* aparecer a borda superior ao colcoar o mouse
.ui-datatable thead th{
	 overflow: auto;
}*/

/*posicao icone para re-ordenacao*/
 
/* .ui-datatable .ui-sortable-column-icon {
margin-left: -5px; 
} */

.ui-datatable thead th, .ui-datatable tfoot td, .justificado, .justificar {
	text-align: justify;	
}
 
.ui-datatable .ui-datatable-data td div.ui-dt-c,
.ui-datatable .ui-datatable-data-empty td div.ui-dt-c, 
.ui-datatable tfoot td div.ui-dt-c,
.ui-widget-content .ui-datatable-odd,
.ui-widget-content .ui-datatable-even { 
padding: 8px;
line-height: 18px; 
vertical-align: top;
border: none; 
background: none;
}

.ui-datatable .ui-datatable-data-empty td, .ui-widget-content .ui-datatable-empty-message{
	background-color: #F5F5F5; 
}
 

/*  DELICADO DE MEXER */
.ui-datatable-header {
border: none;	
background: none; 
}

/* ,  */
/* .ui-widget-header .ui-state-default,   */

.ui-datatable-data { 
	line-height: 18px;
	border: none !important;
}


.ui-datatable tr, .ui-datatable td, .ui-datatable th  {
border: none; 
}
  
 
 
.ui-datatable table,
.ui-datatable th div.ui-dt-c, 
.ui-datatable .ui-datatable-data td div.ui-dt-c, 
.ui-datatable .ui-datatable-data-empty td div.ui-dt-c, 
.ui-datatable tfoot td div.ui-dt-c,
.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td   {
padding: 8px; 
border-width: 1px;
border-style: solid;
/* p/ cabecalho ficar com borda superior>>>
overflow: hidden !important; */
  
}

.ui-datatable .ui-paginator-pages .ui-state-active{
	background: #DDD !important;
}


.ui-datatable-scrollable .ui-state-default, .ui-datatable-scrollable .ui-widget-content .ui-state-default, .ui-datatable-scrollable .ui-widget-header .ui-state-default,
.ui-datatable-scrollable .ui-datatable-scrollable-header, .ui-datatable-scrollable .ui-datatable-scrollable-footer {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
background: none;
margin-bottom: 0px !important;
margin-left: 0px;
margin-right: 0px;
 /* padding-right: 0px !important;
padding-left: 0px !important; */
/*border: none; !important;  v3.8*/
}

.ui-datatable-scrollable-theadclone{
	 visibility: collapse;  
}

/* NAO  COSNIGO ATRIBUIR ISSO SOMENTE AS TABELAS Q TEM ROLAGEM HORIZONTAL!!!! */
#formListagemAplicabilidade .ui-datatable .ui-datatable-data td, 
#formListagemAplicabilidade .ui-datatable .ui-datatable-data-empty td {
	/*  primeface datatable. Seems there is padding on the cells (padding: 4px 10px;). 
	somente para quando tem   SCROLL */ 
/* padding: 0px 10px !important; */
}

.ui-dialog{
	margin-top: 80px;
	 border-radius: 7px;
	 z-index: 3000; /*  removido important  v8.8 */
}
 
 body .ui-dialog .ui-dialog-titlebar .ui-dialog-title{
	    font-size: 1.0em;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon{
	    color: #fff;
} 
 
  .ui-confirm-dialog-message:before {  /*  .ui-dialog-title:after */
    content: "\f071"   !important;  
   font-family: FontAwesome;
         right:5px;   top:2px; 
    position: unset;
     font-size: 30px; color: #de5d5d;
     opacity: 0.95;
     margin-left: -10px;
      margin-right: 5px;
      vertical-align: sub;
 } 


/*
 FIM CSS do Primefaces para DATATABLE
*/

/* 
sobrescrevendo o display inline-block do form-horizontal do BOOTSTRAP que exibia as radios incorretamente.
*/
.form-horizontal input.ui-helper-hidden, .form-inline input.ui-helper-hidden {   
	display: none !important; 
		 	
/*	.form-search input, 
	.form-inline input, 
	.form-horizontal input, 
	.form-search textarea, 
	.form-inline textarea,
	.form-horizontal textarea, 
	.form-search select,
	.form-inline select,
	.form-horizontal select,
	.form-search .help-inline, 
	.form-inline .help-inline, 
	.form-horizontal .help-inline,
	.form-search .uneditable-input,
	.form-inline .uneditable-input,
	.form-horizontal .uneditable-input,
	.form-search .input-prepend,
	.form-inline .input-prepend, 
	.form-horizontal .input-prepend,
	.form-search .input-append, 
	.form-inline .input-append,
	.form-horizontal .input-append {
	*/
	
	 }



 
.ui-datatable .ui-datatable-data td{
	white-space: normal;
}

 
/* DELICADO DE MEXER
.ui-widget, .ui-widget-content ,  .ui-state-hover {
background: none;
border: none;	
} */


/*sem cor no cabeçalho ... mas esté estragando o footer
.ui-datatable .ui-sortable-column não da pois a coluna açoes não é sortable! */
.ui-datatable .ui-state-default {		
background: none;
 
}

/*distancia e o tamanho do select da paginação*/
.ui-paginator .ui-paginator-current, .ui-paginator .ui-paginator-rpp-options {
	margin-top: 5px;
}
.ui-paginator select {
width: 50px; 
}

.icon-black{
	color: #4F4F4F !important; 
}

/*tira textura do rodape da tabela */
.ui-datatable .ui-paginator, .ui-datatable  .ui-paginator .ui-widget-header   { 
    border: none;
    border-top: 1px solid #DDD;  
	background: none;	 
	padding-top: 20px;  
}

 
#modalInativacao{ 
display:none;
}


/*BILBIOTECA jsPlumb*/
.mainPlumb, #formListagem #mainPlumb {
    /* these two margins settings are here just to ensure that jsPlumb handles   margins properly. 
      overflow: hidden; */
    overflow: visible;
   /* position: fixed;
    position: absolute; height: 1700px;   */
   /* margin-top:44px;
    margin-left: auto;  
    position: relative;
    font-size: 80%;
    margin-right: auto;
    width: 850px;   
    
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color:#eaedef; */
}

#formListagem .window { 
   /* // background-color:white;
   // text-align:center; */
    z-index:30 !important;
	cursor: move; 
	box-shadow: 2px 2px 19px #aaa;
   -o-box-shadow: 2px 2px 19px #aaa;
   -webkit-box-shadow: 2px 2px 19px #aaa;
   -moz-box-shadow: 2px 2px 19px #aaa;
  /*   width: 200px !important; */ 
}

path, ._jsPlumb_endpoint { 
	position: absolute !important;
	 
/* cursor:pointer; */
}

/* z index stuff. windows are at z-index 24. */

._jsPlumb_connector { z-index:18; }
._jsPlumb_endpoint { z-index:19; }
._jsPlumb_overlay { z-index:20; }

._jsPlumb_connector._jsPlumb_hover {
    z-index:21 !important;
}

._jsPlumb_endpoint._jsPlumb_hover {
    z-index:22 !important;
}

._jsPlumb_overlay._jsPlumb_hover {
    z-index:23 !important;
}

.jqplot-event-canvas{
	  background-color: rgba(255, 255, 255, 0.13);
}
.jqplot-table-legend-label{ 
	padding-left: 5px;
}

/*jqplot-axis */
.jqplot-yaxis{
	margin-left:10px;
	width:50px !important;
}

.jqplot-yaxis-label{
	margin-left:-20px;
}


.btn-cinza {
    color: #333;
    background-color: #F5F5F5 !important;
    border-color: #CCC;  
  }

/*.page-header .btn .btn-default .btn-padrao  .page-header table .btn, */
.page-header table .ui-button-text   {
	height: 28px !important;
	/* padding: 2px 8px 1px 6px !important; */
}

.page-header table .ui-button-text   {	
	 padding: 2px 8px 1px 6px !important;  
}

 

.ui-button-text  {
	/* .ui-button-text-only  */ 
display: inline-block; 
font-size: 14px;
font-weight: normal; 
text-align: center;
white-space: nowrap;
vertical-align: middle;

-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
 
border: 1px solid transparent;
border-radius: 4px;
}

.ui-button-text-only .ui-button-text:hover  {
	/* ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only margemEsq btn  btn-xs btn-padrao  */	 

}






input[disabled]:hover, button[disabled]:hover, html input[disabled]:hover, html input[disabled]:hover,
select[disabled]:hover, html select[disabled]:hover {
    border-color: gray !important;
}

.normalizeInputBtn label, .normalizeInputBtn .ui-state-default, .normalizeInputBtn label.ui-state-default, #dadosImportForm\:tipoNovaOp_label,
.normalizeInputBtn label .ui-selectonemenu .ui-selectonemenu-label, .normalizeInputBtn label .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label{
/* 	height: 20px !important; */
	padding: 2px !important;
	background: white !important;
	    font-size: 12px;
}

#formListagem\:tipoGraficoPizza_label, #rodape\:tipoGraficoPizza_label,
#rodape\:tipoGraficoPizza_label .ui-selectonemenu .ui-selectonemenu-label,
.normalizeMenuSelect .ui-selectonemenu .ui-selectonemenu-label{
padding: 2px 5px !important;
  border: 1px solid #b5b5b5 !important;

}

 .normalizeMenuSelect label, .normalizeMenuSelect .ui-selectonemenu-trigger  {
  border: 1px solid #b5b5b5 !important;
}


 #dadosImportForm\:tipoNovaOp .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon, #dadosImportForm\:tipoNovaOp .ui-icon {
     margin-top: 3px !important;  
}



.undisabledBtn{
	opacity: 1 !important;
}


.spinner {
  display: inline-block;
  opacity: 0;
  /* width: 0;  */
  max-width: 0;  
  margin-left:-3px;
   
  
   /* deslocamento da animacao horizontal  */
  -webkit-transition: opacity 0.25s, max-width 0.45s; 
  -moz-transition: opacity 0.25s, max-width 0.45s;
  -o-transition: opacity 0.25s, max-width 0.45s;
  transition: opacity 0.25s, max-width 0.45s; /* Duration fixed since we animate additional hidden width */
}

.spinner i { 
margin-right: 10px;
font-weight: bold;
color: white; /* v7.6 */
}

label.error {
  font-weight: bold;
  color: red;
  padding: 2px 8px;
  margin-top: 2px;
}

/* body .ui-radiobutton, .ui-radiobutton .ui-widget   {
	margin: 0px !important;
	margin-right: 5px !important;;
	font-size: 8px;
}

.ui-radiobutton .ui-widget label, .ui-selectoneradio label {
	font-size: 12px ;
}

body .ui-radiobutton .ui-radiobutton-box{
	width: 14px;
	height: 14px;
	margin: 0px !important;
	margin-right: 5px !important;;
	font-size: 10px;
} */

 /* antes nao tinha o i .. era pra todo bloco v8.4 .has-spinner i */
 #formFiltro\:buttonFiltrar  , 
 #formFiltro\:buttonFiltrarNormal ,
 #formFiltroOutside\:buttonFiltrarNormal   {
	font-size: 11px !important;
	text-decoration: none !important;
}

/* defaults btn-info
   #formFiltro\:buttonFiltrar,  #formFiltro\:buttonFiltrarNormal {
   font-size: 11px !important;
	text-decoration: none !important;
}  
  */
 

 
  
.has-spinner.active .spinner, .glyphicon-refresh .rotate { 
  opacity: 1 !important;
 /*  width: auto; This doesn't work, just fix for unkown width elements */ 
  max-width: 50px; /* More than it will ever come, notice that this affects on animation duration */
   /* animation: 1.5s linear 0s normal none infinite spinAround; */
     
    /*   transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
                
	transition: transform 2000s ease-out infinite;
	-webkit-transition: -webkit-transform 3s ease-out;
        -moz-transition: -moz-transform 3s ease-out;   */   
       
}

.btn-disabled-div,
 button[disabled] .btn-disabled-div,
 button[disabled] .btn-disabled-div:hover,
 button .icon-satelite:hover{
 border: none !important;
 cursor: default !important;	
 box-shadow: none;
}

/* https://fontawesome.com/docs/web/style/rotate
fa-flip-horizontal	Mirrors an icon horizontally
fa-flip-vertical
 */
 
.rodarCentoOitentaGraus    { 
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.rodarNoventaGraus,  .inverterHorizontal   { 
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.rodar270Graus { 
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}


/* .btnGirar{
	color: white !important;
} */
  
.rotate{
    -webkit-animation-name:             rotate; 
    -webkit-animation-duration:         1s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;   
    
  -webkit-animation: rotate 1s infinite; /* Safari 4+ */
  -moz-animation:    infinite-spinning 1s infinite; /* Fx 5+ */
  -o-animation:     infinite-spinning 1s infinite; /* Opera 12+ */
   animation:       infinite-spinning 1s infinite; /* IE 10+ */
   
   /* display: inline-block !important;
    position: absolute !important;
    z-index: 6000 !important; 
    color: green !important;      
     max-width: 100px !important;  More than it will ever come, notice that this affects on animation duration */
    
}
 

 @-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to { 
    -webkit-transform: rotate(360deg);
  }
}

@keyframes infinite-spinning {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.input-group a  {
 margin-left:5px;
 }
  
.has-spinner.active {	
  cursor:progress;
}


.has-spinner.btn-xs.active .spinner {
    width: 10px;
}

.has-spinner.btn-sm.active .spinner {
    width: 13px !important;
}

.has-spinner.btn.active .spinner {
    width: 16px;
}

.has-spinner.btn-lg.active .spinner {
    width: 19px;
}


.nav-list > .active > a, .nav-list > .active > a:hover {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
color: white; 
background-color: #8B969B;
}

.maiuscula{
	text-transform: uppercase;
}
/* .nav-list > li > a, .nav-list .nav-header {
margin-right: -10px
} */

.rssBlock
{
	font-family: Arial;
	font-size: 12px;
	color: black;
	border: 1px solid silver;
	width: 300px;
}

.rssParentTitle
{
	font-size: 20px;
	color: #006600;
}

.rssTitle
{
	font-size: 16px;
	color: #006600;
}

#rssBodyTemplate a, #rssBodyTemplate a:hover, #rssBodyTemplate {
		text-decoration: none;
		font-size: small;
		position: relative;
		height: auto;
		margin-top: 10px;
		overflow: auto;
		padding-right: 0px;		
 }
 
.fundoAmareloClaro{
 background-color: 	rgba(255, 248, 200, 0.63);
 } 
  
#rssBodyTemplate a,  #rssBodyTemplate a:hover{
 background-color: 	rgb(238, 238, 238);
 }
 

#rssBodyTemplate hr{
margin: 9px 0; 
}

.ui-panelgrid td{
border-width: 0px;
}

 
/* .timeline-frame .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight,
.imeline-navigation  .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight, */
 
.timeline-navigation .ui-widget .timeline-navigation .ui-widget .ui-state-highlight , .timeline-navigation,
.timeline-navigation  > .ui-state-highlight, .timeline-navigation, .timeline-navigation .ui-state-highlight, 
.timeline-frame .timeline-navigation{
background: white !important;
background-color: white !important;

}

.label-inverse {
  background-color: black;
}

.label-marrom, .label-terra {
  background-color: #9c8158;
}

.label-aurora, .label-roxo,     .fundoRoxo {
  background-color: #7f3c8c;
}

.label-rosa, .label-pink{
	  background-color: #f587ed;
}

.label-danger-alt{
	background-color: red;
}

.label-default, .label-cinza {
  background-color: #777;
}

.label-alt, .label-slim {
 /*  background-color: #b8b8b8; */
  background-color: none;;
  color: black;
   border: 1px solid black;
  border-radius: 5px; 
}

 


.borderHome, #formHome .ui-widget-content  {
border: 0 !important; 
}



/* https://github.com/kkvesper/vesper-icons 
https://getbootstrap.com/docs/3.3/components/
https://fontawesome.com/v4.7.0/icons/
https://www.flaticon.com/icon-packs/farm
https://www.flaticon.com/packs/agriculture-line-1-de-2
*/

/* .flaticon{
	
}
 */



.input-group-addon input, .input-group-addon .input-large, 
.input-group-addon.input-group-addon .input-lg 
.input-group-addon .input-sm, .input-group-addon .input-md{
	border-radius: 0 !important; 
	border-radius: 0 !important; 
	border-top-left-radius: 0 !important; 
  border-top-left-radius: 0 !important; 
}


/* v4.6 animacao */
.modalLoad   { 
    color: #969696;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    
}