/* CSS Document */
  
.w3-NoEnlace{
	text-decoration:none;	
	}
.w3-Negrita{
	font-weight:bold;	
	}
.w3-subrayado{
	text-decoration: none; /* Elimina el subrayado predeterminado */
	position: relative; /* Permite posicionar el subrayado en relación con el texto */           
}
.w3-subrayado::before {
	content: ""; /* Agrega un contenido vacío para crear la línea */
	position: absolute; /* Permite colocar la línea en relación con el texto */
	width: 125px; /* Ancho del subrayado igual al ancho del texto */
	height: 2px; /* Grosor del subrayado */
	background-color: #3498db; /* Color del subrayado */
	bottom: -3px; /* Espacio entre el subrayado y el texto */
	left: 0; /* Alinea el subrayado con el inicio del texto */
}
.w3-Mayusculas{
	text-transform:uppercase;
	}
.w3-DisplayNone {display:none}
.w3-PunteroMouse{cursor:pointer}
.w3-PrimeraMayuscula{
	text-transform:capitalize;
	}
.w3-OcultarTextoSobrante{	
	overflow:hidden;
    text-overflow:ellipsis;
	}
html{
	background:url(/Imagenes/Fondos/FondoPeq.jpg) no-repeat center center fixed;
	/*background: url(images/bg.jpg) no-repeat center center fixed; */
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}
#TListadoMovimientosBiocidas tbody tr td{
	padding:3px;
	}
input#Login:-webkit-autofill,
input#Login:-webkit-autofill:hover, 
input#Login:-webkit-autofill:focus,textarea#Login:-webkit-autofill,
textarea#Login:-webkit-autofill:hover
textarea#Login:-webkit-autofill:focus,
select#Login:-webkit-autofill,
select#Login:-webkit-autofill:hover,
select#Login:-webkit-autofill:focus,input#Contra:-webkit-autofill,
input#Contra:-webkit-autofill:hover, 
input#Contra:-webkit-autofill:focus,textarea#Contra:-webkit-autofill,
textarea#Contra:-webkit-autofill:hover
textarea#Contra:-webkit-autofill:focus,
select#Contra:-webkit-autofill,
select#Contra:-webkit-autofill:hover,
select#Contra:-webkit-autofill:focus{
  border: 1px solid white;
  -webkit-text-fill-color: #2b88c5;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
}
.TApp,.SApp {
  color: transparent;
  -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: white;
  font-family:My Puma Regular;
}
input[type=date].w3-QuitarEstiloInput::-webkit-inner-spin-button { display: none; }
input[type=date].w3-QuitarEstiloInput::-webkit-calendar-picker-indicator{ display: none; }
input[type=date].w3-QuitarEstiloInput::-webkit-clear-button{ display: none; }
@font-face {
font-family: 'My Puma Regular';
font-style: normal;
font-weight: normal;
src: local('My Puma Regular'), url('MYPUMA.woff') format('woff');
}

/* Style the links inside the sidenav */
#IncidenciasClientes a {
  position: absolute; /* Position them relative to the browser window */
  left: -198px; /* Position them outside of the screen */
  transition: 0.3s; /* Add transition on hover */
  width: 253px; /* Set a specific width */
  text-decoration: none; /* Remove underline */
  border-radius: 0 5px 5px 0; /* Rounded corners on the top right and bottom right side */
}

#IncidenciasClientes a:hover {
  left: 0; /* On mouse-over, make the elements appear as they should */
}
#NuevoPermiso{
	display:flex;
	flex-flow:row wrap;
	align-items:flex-end;
	gap:10px 24px;
	}
#InfoPermiso{
	display:flex;
	flex-flow:row wrap;
	gap: 12px;	
	align-items:center;
	}
#DSeleccionarCliente,#InfoCliSel,#InfoContrato{
	display:flex;
	flex-flow: row wrap;
	gap:10px;	
}
.Flexo{
	display: flex;
	flex-flow: row wrap;		
}
.FlexoColumna{
	display: flex;
	flex-flow: column wrap;		
}
/* The about link: 20px from the top with a green background */