/* TOGGLE */
.eg-toggle {
	float: right;
	line-height: 50px;
	margin-right: 15px;
	color: #fff;
}

/* MENU */
.eg-menu {
	font-size: 1.1em;
}

.eg-menu>ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.eg-menu>ul a {
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	font-weight: 500;
	color: #373737;
}

.eg-menu>ul i {
	margin-right: 6px;
}

.eg-menu>ul a:hover, .eg-menu>ul a:focus {
	background-color: #dfdfdf;
}

.eg-menu>ul .is-selected {
	border-left: 3px solid #1e94d2;
	background-color: #f3f3f3;
}

.eg-menu>ul .is-selected a {
	margin-left: -3px;
	color: #1e94d2;
}

/* PAGE-TITLE */
.eg-page-title {
	margin: 0;
	padding: 20px 0;
	font-size: 1.5em;
	color: #373737;
}

.eg-welcome-message {
	margin-top: 3em; /* Ajusta a distância para baixo */
	text-align: center; /* Centraliza o texto na página */
	font-size: 2em; /* Ajusta o tamanho da fonte */
}
/* btn-primary  */
.btn-primary {
	color: #fff !important;
	background-color: #007bff !important;
	border-color: #007bff !important;
	background-image: none !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}

.btn-primary:hover {
	background-color: #0069d9 !important;
	border-color: #0062cc !important;
}

/* btn-secondary */
.btn-secondary {
	color: #fff !important;
	background-color: #6c757d !important;
	border-color: #6c757d !important;
	background-image: none !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}

.btn-secondary:hover {
	background-color: #5a6268 !important;
	border-color: #545b62 !important;
}

/* btn-success */
.btn-success {
	color: #fff !important;
	background-color: #28a745 !important;
	border-color: #28a745 !important;
	background-image: none !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}

.btn-success:hover {
	background-color: #218838 !important;
	border-color: #1e7e34 !important;
}

/* btn-danger */
.btn-danger {
	color: #fff !important;
	background-color: #dc3545 !important;
	border-color: #dc3545 !important;
	background-image: none !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}

.btn-danger:hover {
	background-color: #c82333 !important;
	border-color: #bd2130 !important;
}

/* btn-warning */
.btn-warning {
	color: #fff !important;
	background-color: #f4b700 !important;
	border-color: #f4b700 !important;
	background-image: none !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}

.btn-warning:hover {
	background-color: #e0a800 !important;
	border-color: #d39e00 !important;
}

/* btn-info */
.btn-info {
	color: #fff !important;
	background-color: #17a2b8 !important;
	border-color: #17a2b8 !important;
	background-image: none !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}

.btn-info:hover {
	background-color: #138496 !important;
	border-color: #117a8b !important;
}

/* btn-dark */
.btn-dark {
	color: #fff !important;
	background-color: #343a40 !important;
	border-color: #343a40 !important;
	background-image: none !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}

.btn-dark:hover {
	background-color: #23272b !important;
	border-color: #1d2124 !important;
}

/* btn-light */
.btn-light {
	color: #555555 !important;
	background-color: #fafafa !important;
	border-color: #cecece !important;
	background-image: none !important;
}

.btn-light:hover {
	background-color: #e2e6ea !important;
	border-color: #dae0e5 !important;
}

.btn-buscar {
    background-color: #1976d2; /* azul médio estilo Material Design */
    color: white;
    border: none;
    font-weight: bold;
}


/* toolbar */
.t-toolbar {
	background: none !important;
	border-style: none !important;
	margin-top: -1.5em;
}

.f-toolbar {
	background: none !important;
	border-style: none !important;
	margin-top: 1.5em;
	width: max-content;
}

.wizard-button-container {
	display: flex;
	justify-content: space-between; /* Botões nas extremidades */
	margin-top: 20px; /* Espaço acima dos botões */
}

.left-button {
	margin-right: auto; /* Alinha à esquerda */
	
}
.right-button {
	margin-left: auto; /* Alinha à direita */
}

.button-small {
   width: 20px;  ; /* Define a largura dos botões como 20% do contêiner pai */
}

.ui-dialog {
  width: 90% !important; /* Toma quase toda a largura em dispositivos menores */
  max-width: 400px;      /* Define um limite máximo */
  margin: auto;
}

@media screen and (max-width: 768px) {
  .ui-dialog {
    width: 100% !important; /* Full width em dispositivos menores */
  }
}
.custom-dialog {
  width: auto;
  max-width: 90%;
  left: 10px !important; /* Mantém 10px de distância da borda esquerda */
  margin-left: 0 !important; /* Remove deslocamento adicional */
}

.custom-dialog .ui-dialog-title {
    /*text-color: red;  Altera a cor do texto */
    font-weight: bold; /* Deixe o texto mais destacado */
}

.ui-dialog {
    z-index: 1050 !important; /* Certifique-se de que o valor é maior que outros elementos */
}

.ui-widget-overlay {
    z-index: 1049 !important; /* Certifique-se de que a sobreposição também seja visível */
}
.calendar-button-group {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem; /* Espaçamento entre os elementos */
    align-items: center; /* Alinha verticalmente no centro */
}

.filter-item {
    display: flex;
    flex-direction: column;
    min-width: 180px; /* Garante que a largura não fique muito pequena */
    margin-right: 1rem; /* Espaço entre os itens */
}

@media (max-width: 768px) {
    .calendar-button-group {
        flex-direction: column; /* Em telas menores, os itens quebram para baixo */
    }

    .filter-item {
        margin-right: 0; /* Remove o espaçamento à direita quando os itens estão em coluna */
        width: 100%;
    }
}