/*********** Inicializa��o ************/

html, body { margin:0 !important; height: 100% !important;}

.login-body {
  background-image: none !important;
}

.ui-tooltip.ui-tooltip-top, .ui-tooltip.ui-tooltip-bottom {
  z-index: 1021 !important;
}

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

.layout-topbar {
  z-index: 1020 !important;
}

#panel-side {
  z-index: 1021 !important;
}

.ui-datepicker {
  z-index: 9999998 !important;
}

body .ui-autocomplete-panel  {
  z-index: 9999998 !important;
}


.ui-menu  {
  z-index: 9999998 !important;
}

/************ ************/
.textArea {
  border: outset 1px LightGray !important;
  padding: 5px !important;
}

.label-obrigatorio {
  font-weight: bold !important;
  font-style: italic !important;
}

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


.maskValor {
  text-align: right;
}

/**************** TABELAS ****************/
.coluna-numerica, .ui-datatable tfoot td.coluna-numerica{
  text-align: right;
}
.coluna-resgate, .ui-datatable tfoot td.coluna-resgate{
  text-align: right;
  color: #c73124 !important;
}
.coluna-aplicacao, .ui-datatable tfoot td.coluna-aplicacao{
  text-align: right;
  color: #2a39d8 !important;
}
.coluna-Aplicacao, .ui-datatable tfoot td.coluna-Aplicacao{
  text-align: right;
    color: 0000ff;
}
.coluna-Resgate, .ui-datatable tfoot td.coluna-Resgate{
  text-align: right;
    color: e91700;
}
.coluna-texto, .ui-datatable tfoot td.coluna-texto{
  text-align: left;
}
.coluna-descricao, .ui-datatable tfoot td.coluna-descricao{
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.coluna-descricao-pesquisa, .ui-datatable tfoot td.coluna-descricao-pesquisa{
  white-space: nowrap;
}
.coluna-data, .ui-datatable tfoot td.coluna{
  text-align: center;
}
.coluna-formatada, .ui-datatable tfoot td.coluna-formatada{
  text-align: center;
}


      
.datatable-auto.ui-datatable table {
  table-layout: auto !important;
}

.datatable-auto.ui-datatable th,
.datatable-auto.ui-datatable td {
  width: auto !important;
}

/************ FIM TABELAS ****************/

/*** ETIQUETAS ****/

.etiqueta.status-verde{
	background: #c8e6c9;
	color: #256029;
}

.etiqueta.status-vermelho {
	background: #FFCDD2;
	color: #C63737;
}

.etiqueta.status-amarelo{
    background: #feedaf;
    color: #8a5340
}

.etiqueta.status-azul{
    background: #b3e5fc;
    color: #23547b;
}

.etiqueta.status-cinza{
    background: #a9a9a9;
    color: #585858
}

.etiqueta.status-azul-bebe {
    background: #9BF2F7;
    color: #2B7AA4;
}

.etiqueta {
	border-radius: 2px;
	padding: 0.25em 0.5rem;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 0.3px;
}

/*** FIM ETIQUETAS ****/
  
.text-uppercase{
  text-transform: uppercase !important;
}

.text-lowercase{
  text-transform: lowercase !important;
}

.text-capitalize{
  text-transform: capitalize !important;
}

.hidden{
  display: none !important;
}
.show{
  display: block !important;
}
.pull-right{
  float:right;
}
.pull-left{
  float:left;
}


input[disabled="disabled"], select[disabled="disabled"], textarea[disabled="disabled"] {
    opacity: 0.9 !important;
}

/*********
https://www.virendrachandak.com/techtalk/sticky-header-and-footer-using-css/
**********/
/* Make Footer Sticky */
#footer_container {
  background: #eee;
  border: 1px solid #666;
  bottom: 0;
  height: 50px;
  left: 0;
  position: fixed;
  width: 100%;
}

#footer {
  line-height: 60px;
  margin: 0 auto;
  width: 940px;
  text-align: center;
}

/* #footer_container { bottom:0; height:50px; left:0; position:fixed; width:100%; }
#footer {  width:940px; text-align:center; }
 */
.descricao-modulo {
  float: right;
  font-size: 15px !important;
  padding-right: 20px;
  font-weight: bold;
  text-shadow: -3px -1px #C5C5C5;
  letter-spacing: -1px;
  writing-mode: vertical-rl;
  text-orientation: upright;
  text-transform: uppercase;
  margin-top: -10px;
}

.indicador-legenda{
   width: 20px;
   height: 20px;
   border-radius: 5px;
   border: 1px solid gray;
   margin: -3px 10px 0px 10px;
   
 }

.txt-vermelho {
  color: #f94a60 !important;
}

.txt-amarelo {
  color: #fbbc05 !important;
}

.amarelo {
  background-color: #FFFF80aa !important;
}

.vermelho {
  background-color: #f94a60 !important;
}

.txt-verdeFolha {
  font-weight: bold !important;
}

.txt-azul {
  color: #00ABFF !important;
}

.azul {
  background-color: #00ABFF96 !important;
}

.txt-verde {
  color: #5bbf00 !important;
}

.verde {
  background-color: #5bbf00 !important;
}

.azul-fechamentoprogramacao {
  background-color: #869acc !important;
}

.desabilitado {
  background-color: #b3b3b3 !important;
}

.txt-branco {
  color: #FFFFFF59 !important;
}

.aprovada {
  background-color: #94F5A1 !important;
}

.recusada {
  background-color: #F5F544 !important;
}

.recusadaText {
  color: #F5F544 !important;
}

.selecionadaText {
  color: blue;
}

.reprovada {
  background-color: #ff0022ad !important;
  color: #FFFFFF !important;
}

.margin-form-fieldset {
  margin-top: 15px;
  margin-bottom: 15px;
}

.ui-datatable-even {
  /*background: none repeat scroll 0 0 #efefef !important;*/
}

/*CORRIGE MODAL DE NOTIFICA��O*/
/* body .ui-dialog{z-index: 99999999 !important;} */
/* body .ui-widget-overlay{z-index:999999 !important} */

/*CORRIGE QUEBRA DE PALAVRAS NO MENU*/
.layout-wrapper .layout-sidebar .layout-menu li > a > .menuitem-text{word-break: unset !important; }

/*DATA-TABLE ROLAGEM RETIRAR HORIZONTAL*/
.ui-datatable table {/*width:auto !important;*/}

/*AJUSTE NOS ICONES NAS LINHAS DA TABELA*/
body .ui-datatable tbody tr td{padding: 5px 6px !important;}

/* ALTERAR NOS LAYOUTS QUE SER�O UTILIZADOS PARA CUSTOMIZAR O SIDEBAR-ANCHOR DO MENU LATERAL*/
.layout-wrapper .layout-sidebar .sidebar-logo .sidebar-anchor {
  display: none;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  float: right;
  margin-right: 15px;
  margin-top: 12px;
  background-image: url('../../resources/imagens/logo-sgp.png');
  background-size: 25px 25px;
}
/* ALTERAR NOS LAYOUTS QUE SER�O UTILIZADOS PARA CUSTOMIZAR O SIDEBAR-ANCHOR DO MENU LATERAL*/
.layout-wrapper-static .layout-sidebar .sidebar-logo .sidebar-anchor {
  width: 25px;
  height: 25px;
  vertical-align: middle;
  float: right;
  margin-right: 15px;
  margin-top: 12px;
  background-image: url('../../resources/imagens/logo-sgp-fix.png');
  background-size: 25px 25px;
}

/*CLASSES UI*/
.sistema-sgp .layout-main .layout-content .ui-panel .ui-panel-titlebar{
  margin-bottom:10px;
}

.sistema-sgp .sgp-nopad{
  padding:0px !important;
}

.sistema-sgp .sgp-row{
  padding-top:0px !important;
  padding-left:0 !important;
  padding-right:0 !important;
  margin: 5px 0px 5px 0px;
}

@media screen and (max-width:1024px){
  .sistema-sgp .sgp-row span.md-inputfield{
    margin-top: 5px;
    margin-bottom: 15px;
  }
}

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

.btn-bottom{
  position: fixed !important;
    bottom: 5px !important;
    right: 15px !important;
    float: right !important;
    z-index: 10 !important;
}

/*AJUSTAR POSICIONAMENTO DO BREADCRUMB*/
.layout-wrapper .layout-main .layout-breadcrumb ul{
  margin: 10px 0px -5px -2px !important;
}

/* defini��es do breadcrumb - est� em cada thema para pegar as cores default
#breadcrumb {
  list-style: none;
  display: inline-block;
}
#breadcrumb .icon {
  font-size: 14px;
}
#breadcrumb li {
  float: left;
}
#breadcrumb li a {
  color: #FFF;
  display: block;
  background: #607d8b;
  text-decoration: none;
  position: relative;
  height: 20px;
  line-height: 20px;
  padding: 0 10px 0 5px;
  text-align: center;
  margin-right: 25px;
}
#breadcrumb li:nth-child(even) a {
  background-color: #607d8b;
}
#breadcrumb li:nth-child(even) a:before {
  border-color: #607d8b;
  border-left-color: transparent;
}
#breadcrumb li:nth-child(even) a:after {
  border-left-color: #607d8b;
}
#breadcrumb li:first-child a {
  padding-left: 15px;
  -moz-border-radius: 0px 0 0 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px 0 0 0px;
}
#breadcrumb li:first-child a:before {
  border: none;
}
#breadcrumb li:last-child a {
  padding-right: 15px;
  -moz-border-radius: 0 0px 0px 0;
  -webkit-border-radius: 0;
  border-radius: 0 0px 0px 0;
}
#breadcrumb li:last-child a:after {
  border: none;
}
#breadcrumb li a:before, #breadcrumb li a:after {
  content: "";
  position: absolute;
  top: 0;
  border: 0 solid #607d8b;
  border-width: 10px 10px;
  width: 0;
  height: 0;
}
#breadcrumb li a:before {
  left: -20px;
  border-left-color: transparent;
}
#breadcrumb li a:after {
  left: 100%;
  border-color: transparent;
  border-left-color: #607d8b;
}
#breadcrumb li a:hover {
  background-color: #8d9ca2;
}
#breadcrumb li a:hover:before {
  border-color: #8d9ca2;
  border-left-color: transparent;
}
#breadcrumb li a:hover:after {
  border-left-color: #8d9ca2;
}
#breadcrumb li a:active {
  background-color: #8d9ca2;
}
#breadcrumb li a:active:before {
  border-color: #8d9ca2;
  border-left-color: transparent;
}
#breadcrumb li a:active:after {
  border-left-color: #8d9ca2;
}
*/

.ui-color-default-button .fa-exclamation-triangle,
.ui-color-default-button .pi-check,
.ui-color-default-button .fa-times,
.ui-color-default-button .fa-check,
.ui-color-default-button .pi-plus,
.ui-color-default-button .fa-search {
    color: #fff !important;
}


/*Para cantos arredondados - default para todos os bot�es*/
.ui-button {
  -webkit-border-top-left-radius: 15px !important;
  -webkit-border-top-right-radius: 15px !important;
  -webkit-border-bottom-right-radius: 15px !important;
  -webkit-border-bottom-left-radius: 15px !important;

  -moz-border-radius-topleft: 15px !important;
  -moz-border-radius-topright: 15px !important;
  -moz-border-radius-bottomright: 15px !important;
  -moz-border-radius-bottomleft: 15px !important;

  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
  border-bottom-left-radius: 15px !important;
}

/*Classe para remover cantos arredondados*/
.no-round {
  -webkit-border-top-left-radius: 2px !important;
  -webkit-border-top-right-radius: 2px !important;
  -webkit-border-bottom-right-radius: 2px !important;
  -webkit-border-bottom-left-radius: 2px !important;

  -moz-border-radius-topleft: 2px !important;
  -moz-border-radius-topright: 2px !important;
  -moz-border-radius-bottomright: 2px !important;
  -moz-border-radius-bottomleft: 2px !important;

  border-top-left-radius: 2px !important;
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
}

/*Classe para cantos arredondados em splitbutton - EX. IMPRIMIR*/
.ui-splitbutton .ui-button.ui-splitbutton-menubutton {
  -webkit-border-top-left-radius: 0px !important;
  -webkit-border-top-right-radius: 15px !important;
  -webkit-border-bottom-right-radius: 15px !important;
  -webkit-border-bottom-left-radius: 0px !important;

  -moz-border-radius-topleft: 0px !important;
  -moz-border-radius-topright: 15px !important;
  -moz-border-radius-bottomright: 15px !important;
  -moz-border-radius-bottomleft: 0px !important;

  border-top-left-radius: 0px !important;
  border-top-right-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
  border-bottom-left-radius: 0px !important;
}

/*Classe para cantos arredondados em splitbutton - EX. IMPRIMIR*/
.ui-splitbutton > .ui-button  {
  -webkit-border-top-left-radius: 15px !important;
  -webkit-border-top-right-radius: 0px !important;
  -webkit-border-bottom-right-radius: 0px !important;
  -webkit-border-bottom-left-radius: 15px !important;

  -moz-border-radius-topleft: 15px !important;
  -moz-border-radius-topright: 0px !important;
  -moz-border-radius-bottomright: 0px !important;
  -moz-border-radius-bottomleft: 15px !important;

  border-top-left-radius: 15px !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 15px !important;
}

.overview-box:hover {
  opacity: 0.9;
}

.item-menu{
  background: transparent !important;
  box-shadow: none !important;
  text-align: left !important;
  width: 100% !important;
  border-top: 1px solid #FFFFFF38 !important;
  text-transform: uppercase;
  font-weight: bold;
}

.item-menu:hover{
  opacity: 0.6 !important;
  border: 1px solid #FFFFFF38;
}

.info-desenv{
  background-color:#ff0000;
  color:#FFF;
  position: fixed;
  bottom: 10px;
  left: 5%;
  text-transform:uppercase;
  padding:5px;
}

.info-desenv img{
  border-left: 2px solid #FFF;
  margin-left: 10px;
}

.info-desenv img:last-child{
  border:none;
  margin-left: 0px;
}

.separator-5{
  margin: 5px 0px 5px 0px;
}
.separator-10{
  margin: 10px 0px 10px 0px;
}

.separator-15{
  margin: 15px 0px 15px 0px;
}

.separator-20{
  margin: 20px 0px 20px 0px;
}

.modulo-sgp{
  cursor: pointer;
}

#logo-prefeitura{
  float: left;
  position:fixed;
  margin-left:40%;
  bottom:15px;
  z-index: -1 !important;
}

#logo-ici{
  position:fixed;
  bottom:15px;
  right: 20px;
  z-index: -1 !important;
}

@media (max-width: 620px) {
    #logo-prefeitura { display: none; }
}

.invert-color{
  filter: invert(100%);
}

.subitem-descricao-timeline{
  text-transform: none !important;
}

.cursor-pointer{
  cursor: pointer;
}

.initials{
  border-radius: 19px !important;
    font-weight: bold !important;
    padding: 10px !important;
    margin: 0px 2px 0px 2px !important;
}

@media screen and ( max-width : 1026px) {
  #dadosLogin {
    color:#757575 !important;
    word-break: unset !important;
    margin-left: 0px !important;
    font-size:calc(7px + 0.6vw) !important;
  }
}

@media screen and (min-width: 1027px) {
    #dadosLogin {
        color: #e8e8e8 !important;
        font-size:calc(10px + 0.6vw) !important;
    }
}

/*
  Customiza��o de cores para os task-box
*/
.dashboard .task-box.task-box-4 .task-box-header {
  background-color: #939393;
}

.dashboard .task-box.task-box-4 .task-box-footer .task-status {
  background-color: #939393;
}

.dashboard .task-box.task-box-5 .task-box-header {
  background-color: #000000;
}

.dashboard .task-box.task-box-5 .task-box-footer .task-status {
  background-color: #000000;
}

.dashboard .task-box.task-box-6 .task-box-header {
  background-color: #4CAF50;
}

.dashboard .task-box.task-box-6 .task-box-footer .task-status {
  background-color: #4CAF50;
}

button[disabled="disabled"] {
  opacity: 1 !important;
  filter: saturate(10%) !important;
}

.esconder{
  display: none;
}
.mostrar{
  display: block;
}

.transparencia-1 {
  filter: alpha(opacity = 10);
  opacity: 0.1;
  -moz-opacity: 0.1;
  -webkit-opacity: 0.1;
}

.transparencia-2 {
  filter: alpha(opacity = 30);
  opacity: 0.3;
  -moz-opacity: 0.3;
  -webkit-opacity: 0.3;
}

.transparencia-3 {
  filter: alpha(opacity = 50);
  opacity: 0.5;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
}

.transparencia-4 {
  filter: alpha(opacity = 70);
  opacity: 0.7;
  -moz-opacity: 0.7;
  -webkit-opacity: 0.7;
}

.ui-fluid .ui-calendar, .ui-fluid .ui-calendar input {
    display: block;
}



      
/********************************************************************/
/*                   CUSTOMIZA��ES DO SERENITY                      */
/********************************************************************/
/* selectonemenu */
body .md-inputfield .ui-selectonemenu ~ label,
body .md-inputfield .ui-selectonemenu.ui-state-focus ~ label,
body .md-inputfield .ui-selectonemenu.ui-state-filled ~ label {
  top: -18px;
  font-size: 12px;
  color: #607D8B;
}

body .ui-selectonemenu {
  height: 20px;
}

/* Bot�es footer dialog */
body .ui-dialog .ui-dialog-footer .ui-button {
  background-color: #607D8B !important;
  color: #ffffff !important;
}

body .ui-dialog .ui-dialog-footer .ui-button.secondary-btn {
  background-color: #7CB342 !important;
  color: #ffffff !important;
}





/* HIGHLIGHTS */
.hgl {
  font-weight: bold;
}

.hgl.hgl-verde {
  color: #3c763d;
  background-color: #dff0d8;
}

.hgl.hgl-azul {
  color: #3a87ad;
  background-color: #d9edf7;
}

.hgl.hgl-laranja {
  color: #8a6d3b;
  background-color: #fcf8e3;
}

.hgl.hgl-vermelho {
  color: #a94442;
  background-color: #f2dede;
}

.no-border {
  width: 250px;
  border: none;
  box-shadow: none;
  outline: none;
}

.same-color {
  color: inherit;
  background-color: transparent;
}