/* ESTRUCTURA */

.r01gContainer form fieldset,
.rup-dialog form fieldset {
	background-color: #f5fafd;
	padding: 1rem 1.5rem;
}

.r01gContainer .filter-item,
.rup-dialog .filter-item,
.dialog-personalizado .filter-item {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}
.r01gContainer .filter-item .label,
.rup-dialog .filter-item .label,
.dialog-personalizado .filter-item .label {
	font-size: 0.875rem;
	font-weight: 600;
	color: #444444;
	margin-left: 0.25rem;
	margin-bottom: 0;
}
.r01gContainer .filter-item .value,
.r01gContainer form .ui-state-default,
.rup-dialog .filter-item .value,
.rup-dialog form .ui-state-default,
.dialog-personalizado .filter-item .value,
.dialog-personalizado form .ui-state-default {
	background: #FFFFFF;
	color: #555555;
	font-size: 0.75rem;
	border: 1px solid #dddddd;
	border-radius: 8px;
}

.r01gContainer #busqlugares {
	color: #333;
	font-size: 0.75rem;
	border: 1px solid #d0e3ee;
	border-radius: 8px;
}
.r01gContainer #busqlugares.rup-autocomplete_inicio  {
	background: #FFFFFF;
}

/* INPUTS, COMBOS */
.r01gContainer form .filter-item input.value,
.r01gContainer form a.ui-selectmenu,
.r01gContainer #busqlugares
/*.dialog-personalizado form .filter-item input.value,
.dialog-personalizado form .filter-item a.ui-selectmenu*/ {
	height: 1.75rem;
	padding: 0 0.6rem;
	box-shadow: none;
	outline: none;
	/*transition: none;*/
}
.r01gContainer form .filter-item input.value:focus {
	/*border: 1px solid #9CA3AF;*/
	border: 1px solid #999999;
	outline: none;
}

.r01gContainer form a.ui-selectmenu
/*.dialog-personalizado form .filter-item a.ui-selectmenu*/ {
	display: inline-flex;
	align-items: center;
}

.r01gContainer form button.ui-multiselect {
	height: 1.75rem;
}

/*
.r01gContainer .filter-item .value:hover,
.r01gContainer .ui-state-default:hover, 
.dialog-personalizado .filter-item .value:hover,
.dialog-personalizado .ui-state-default:hover {
	box-shadow: 0 0 0 3px rgba(7, 106, 159, 0.15);
	border-color: #076a9f;
}

.r01gContainer .filter-item .value:focus,
.r01gContainer .ui-state-default:focus,
.dialog-personalizado .filter-item .value:focus,
.dialog-personalizado .ui-state-default:focus {
	outline: none;
	box-shadow: 0 0 0 3px rgba(7, 106, 159, 0.25);
	border-color: #076a9f;
}
*/

/* FECHAS, HORAS */
.r01gContainer form div.rup-date-input-group-material button,
.r01gContainer form div.rup-time-input-group-material button
/*.dialog-personalizado div.rup-date-input-group-material button,
.dialog-personalizado  div.rup-time-input-group-material button*/ {
	height: 1.75rem;
	border: 1px solid #dddddd;
	border-left: none;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	margin-left: -0.4rem;
}

.r01gContainer form div.rup-date-input-group-material button:hover,
.r01gContainer form div.rup-time-input-group-material button:hover {
	background-color: #ffffff;
}

/* COMBOS */
.r01gContainer .ui-selectmenu-menu > ul {
	/*padding: 0 0.75rem;*/
	border: 1px solid #d0e3ee !important;
	border-radius: 8px;
}
.r01gContainer .ui-selectmenu-menu > ul > li {
	font-size: 0.75rem;
	padding: 0.1rem 0.75rem;
}

/*
.ui-selectmenu-menu .ui-selectmenu-menu-dropdown li a:hover {
	background-color: #f5fafd;
	border: none;
}
.ui-selectmenu-menu .ui-selectmenu-menu-dropdown li a:focus {
	background-color: #d0e3ee;
	border: none;
}
li.ui-state-hover {
	border: none !important;
}
*/


/* TEXTAREAS */
.r01gContainer textarea {
	box-shadow: none;
	outline: none;
}

.r01gContainer form textarea {
	width: 100%;
    padding: 10px;
    font-size: 16px;
    font-family: inherit;
    border: 2px solid #ccc;
    border-radius: 4px;
    resize: none;
    
    /* La magia está aquí */
    field-sizing: content;
    min-height: 3em; /* Altura mínima de 2 líneas */
    max-height: 300px; /* Opcional: altura máxima */
}

/* BOTONES */
.r01gContainer form input[type='button'] {
	font-size: 0.875rem !important;
}
.r01gContainer form input[type='button']:hover {
	background-color: #555555;
	color: #fff;
	border: 1px solid #555555;
	transition-duration: 0.3s;
}

/* GENÉRICOS */
input[readonly],
textarea[readonly] {
	background-color: #f5f5f5 !important;
	/*color: #666 !important;*/
	border: 1px solid #dddddd !important;
	cursor: not-allowed;
}







/* Autocomplete */ 
.r01gContainer .elementosAutocomplete {
	position: absolute;
	width: calc(100% - 0.9rem);
	max-height: 12.6rem;
	overflow: auto; 
	z-index: 999;
	display: none;
	
	background-color: #ffffff;
	border: 1px solid #ced4da;
	border-radius: 7px; 
	color: #495057;
	padding: 0.5rem 0;
	top: 2.5rem;
}

.r01gContainer .spanAutocomplete{
	margin-top:-0.2rem !important;
}

.r01gContainer .elementoAutocomplete {
	/*margin: 0em 1em;*/
	padding: 0.2rem 1rem; 
	cursor: pointer;
	font-size: 10px;
}

.r01gContainer .elementoAutocomplete.contains {
	border-bottom: 1px dotted #ced4da;
}

.r01gContainer .elementoAutocomplete:hover {
	background-color: #f7f7f9;
}

/** COLLAPSE **/
button.btn.btn-collapse {
	font-size: 1rem;
	background-color: #f5fafd;
	border: 1px solid #d0e3ee;
	border-radius: 8px;
	margin: 0.5rem 0;
}
button.btn.btn-collapse:hover {
	background-color: #d0e3ee;
	border: 1px solid #00507b;
}