/* ETIQUETAS */

input::placeholder{
	font-size: clamp(0.75rem, 1vw, 1rem);
}

/* hacer clicable todo el input de tipo calendario */
input[type="date"] {
    cursor: pointer;
}


/* CLASES */

.camposMayusculas {
    text-transform: uppercase
}

.oculto {
	display: none
}

/* para el botón de búsqueda de municipios */
.ui-widget {
    font-family: 'Open Sans', Verdana,Arial,sans-serif;
    font-size: 1.1em;
}
.ui-autocomplete {
	max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
} 
.ui-state-active {
    background-color: #087021ab !important;
    color: white !important;
}


/* Estilos para los iconos de ordenación de las cabeceras de la tablas usando DataTables.
Nota: imprescindible usar fuentes incluidas en: https://cdn.juntadeandalucia.es/components/sass/1.2.5/css/fonts.css */

.dataTables_paginate .pagination li.paginate_button:nth-child(n+8):not(.previous):not(.next) {
  display: none;
}
table.dataTable thead th a {
  position: relative;
  display: inline-block;
  padding-right: 24px;
}
/* base iconos */
table.dataTable thead th a::before,
table.dataTable thead th a::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  right: 6px;
  font-size: 16px;
  line-height: 1;
  color: #c4ddca;
  transition: color 0.2s ease;
}
/* flecha arriba */
table.dataTable thead th a::before {
  content: "\f0de";
  top: 50%;
  transform: translateY(-40%);
}
/* flecha abajo */
table.dataTable thead th a::after {
  content: "\f0dd";
  top: 50%;
  transform: translateY(-40%);
}
/* activo */
table.dataTable thead th.sorting_asc a::before {
  color: #087021;
}
table.dataTable thead th.sorting_desc a::after {
  color: #087021;
}


/********************** CSS AÑ‘ADIDO PARA CONSULTA DE LIQUIDACIONES ********************/
/* /surweb/src/main/webapp/estilos/css/ov_marcos.css */

#ocultar_liquidaciones_seleccionadas{
    display:none !important;
}
#mostrar_liquidaciones_seleccionadas{
    display:block !important;
}

.dots {
	flex-grow: 1;
	border-bottom: 2px dotted #000;
	margin: 0 40px 5px 20px;
}