@charset "utf-8";

button.ui-button {
        margin-right: .5rem;
}

.small-icon-button {
    font-size: 10px;
    padding: 0.25rem 0.5rem;
}

.small-icon .ui-icon {
    font-size: 100% !important; /* Reduz 40% */
}

.nome-solicitante {
    white-space: nowrap;       /* Impede quebra de linha */
    overflow: hidden;          /* Esconde o texto que ultrapassa */
    text-overflow: ellipsis;   /* Adiciona "..." no final */
    max-width: 150px;          /* Define largura máxima da célula */
    display: inline-block;     /* Necessário para o efeito funcionar */
}

.ui-selectonemenu-label {
    font-size: 12px;
}

/* Reduz altura das linhas da tabela */
.ui-datatable tbody > tr > td {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  line-height: 1.2 !important;
  font-size: 12px; /* opcional: diminui a fonte */
}
.ui-datatable thead > tr > th {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}



.ui-selectonemenu .ui-selectonemenu-label {
          font-size: 12px;
}
            
.ui-selectonemenu .ui-selectonemenu-trigger {
          height: 33px !important; /* you can change this value according to the value of your font-size. */
}


.row-red {
	background-color: rgb(255, 0, 0) !important;
	background-image: none !important;
	color: #000000 !important;
}


.row-blue {
	background-color: rgb(0, 128, 255) !important;
	background-image: none !important;
	color: #000000 !important;
}


.red-background {
    background-color: #FF0000; /* Vermelho */
}
.sem-borda {
  border: none;
}

.ui-widget,
.ui-widget .ui-widget {
	font-size: 12px !Important;
	font-family: Arial, Helvetica, sans-serif !Important;
	margin: 0px !Important;
	font-weight: normal !Important;

}

body {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	font-weight: normal;
}

header {
	padding: 5px 0px;
	margin-bottom: 20px;
	height: 30px;
	background-color: #545454;
	color: #fff;
	box-shadow: 0px 2px 2px #ccc;
}


.small-rounded-button {
  border-radius: 40%;
  width: 14px;     /* ou outro valor menor */
  height: 14px;
  padding: 2px;
  font-size: 8px; /* ajusta o tamanho do ícone/texto */
}


header>div {
	margin-left: 8px
}

#conteudo {
	padding: 0px 8px
}

footer {
	padding: 0px 8px;
	margin-bottom: 10px
}

h1 {
	font-size: 24px;
	font-weight: 500;
	padding: 0px;
	margin: 0px
}

.page-title {
	font-family: Arial, sans-serif;
	font-size: 23px;
	margin-bottom: 10px;
}

.ui-menubar {
	/*font-size: 12px !important;*/
	border: 0px solid #aed0ea !important;
	background: #ffffff 50% 50% repeat-x !important;
	color: #ffffff !important;
	font-weight: bolder !important;
;
}

.ui-menubar .ui-menuitem-link {
	font-size: 14px !important;
	  display: inline-block !important;
	  font-family: Arial, Helvetica, sans-serif;

}

.ui-menu .ui-menu-parent .ui-menu-child {
                width: max-content !important;
                	
            }

.max-content-cell {
    width: max-content !important;
}

.myDialog {
	margin: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.panel-grid-no-border {
	border: none;
}


.custom-toolbar {
	text-align: center;
	display: flex;
	vertical-align: top;
	justify-content: center;
	align-items: baseline;
	height: 60px;
	/* Ajuste a altura conforme necessário */
	margin: 0;
	margin-top: 0;
	margin-bottom: 0;
	background-color: #ffffff !important;
}

.transparent-button .ui-button {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

.transparent-menubar .ui-submenu {
    max-height: none; /* Certifique-se de não restringir a altura */
}


.transparent-menubar .ui-menuitem {
  /*  height: 40px;  Ajuste a altura conforme necessário */
  /*  width: 750px !important; /* Ajuste a largura conforme necessário */
 /*   line-height: 40px; /* Ajuste a linha de altura para centralizar o conteúdo verticalmente */
  /* padding: 0 15px;  Ajuste o preenchimento conforme necessário */
 /*   font-size: 16px; /* Ajuste o tamanho da fonte conforme necessário */
}






.transparent-menubar .ui-menuitem-text {
   /* line-height: normal;  Ajuste a altura das linhas conforme necessário */
  /*  padding: 5px 10px;  Ajuste o preenchimento conforme necessário */
}

.centered-div {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	width: 100%;
}