body {
    
    background-color: #FFFFFF !important;
    font-family: 'Helvetica', 'Arial', sans-serif;
  
  }


  p, label {
	  
	color: #00a3fe;
	  
  }
  
 button {
	 
    background-color: #0000ff !important;
    color: #ffffff !important;

 }
 .offcanvas-title{
    color: #0097f9 !important;
 }
.hamburg-boton {
    background-color: #0000ff !important; /* Color de fondo azul */
    border: 2px solid #ffffff; /* Línea blanca de 2 píxeles alrededor del botón */
    border-radius: 5px; /* Opcional: Redondear los bordes del botón */
    padding: 10px 20px; /* Opcional: Añadir algo de relleno interno al botón */
    color: #ffffff; /* Opcional: Color del texto dentro del botón */
    font-size: 16px; /* Opcional: Tamaño de la fuente */
    text-align: center; /* Opcional: Centrar el texto */
    cursor: pointer; /* Opcional: Cambiar el cursor al pasar sobre el botón */
}

 .fondo-barraMenu{
    background-color: #0000ff !important;
 }
 
  
 h3 {
	 
	 color: #00a3fe !important; 
	 
 }
 
 h5
  {
	 
	 color: #000089 !important; 
	 
 }

 #pdf-container {
            width: 10cm; /* Ancho del contenedor */
            height: 12cm; /* Alto del contenedor */
 }
 #pdf-viewer {
            width: 100%;
            height: 100%;
 }
 
 /* estilo para jquery que dibuje con fadeIn el formulario de mail y contraseña del registro */
 
 #miBloque {
            display: none; /* Inicialmente oculto */
           
        }

.logo-index {
    width: 100%; /* Ajusta el ancho al 100% del contenedor */
    height: auto; /* Mantiene la proporción original de la imagen */
}

  #fondoSistema {

            background: #f0f8ff; 
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100vh; 
            margin: 0;
        }
        .container {
            text-align: center;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            background-color: #ffffff;
        }
         .custom-container {
            text-align: left;
            
        }
        .title {
            font-size: 2rem;
            font-weight: bold;
            color: #333;
        }

/* Estilo básico para la lista de autocompletado */
.ui-autocomplete {
    background-color: #fff;
    border: 1px solid #ccc;
    max-height: 200px;
    overflow-y: auto;
    /* Añadir sombra para dar efecto de elevación */
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    list-style-type: none; /* Eliminar puntos de la lista */
    padding: 0; /* Eliminar padding */
    margin: 0; /* Eliminar margen */
}

/* Estilo para cada ítem de la lista */
.ui-menu-item {
    padding: 8px 12px;
    cursor: pointer;
    list-style-type: none; /* Asegurar que no hay puntos en los ítems */
}

/* Estilo para ítem seleccionado */
.ui-state-active {
    background-color: #007bff;
    color: #fff;
}

        
     .form-check-label-term a {
            text-decoration: underline;
            color: #007bff;
            cursor: pointer;
            margin-left: 10px;
        }

        .form-check-label-term a:hover {
            color: #0056b3;
        }


 #domicilio_per {
    resize: none; /* Evita que el usuario cambie el tamaño */
    height: 38px; /* Ajusta la altura automáticamente */
    padding: 10px; /* Ajusta el relleno interno */
    border-radius: 4px; /* Define bordes redondeados como un input */
    border: 1px solid #ced4da; /* Borde como el de un input */
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); /* Sombra interior como un input */
    font-size: 1rem; /* Tamaño de fuente similar al input */
     overflow: hidden; /* Oculta las flechas de desplazamiento */
}

#domicilio_per:focus {
    border-color: #80bdff; /* Cambia el color del borde al enfocar */
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(128, 189, 255, 0.6);
}
  

     .btn-sophisticated {
            background-color: #007bff; /* Color del fondo */
            color: white; /* Color del texto */
            border: none; /* Sin bordes */
            width: 50%; /* Mitad del ancho disponible */
            padding: 15px; /* Espaciado interno */
            margin-bottom: 10px; /* Espaciado inferior entre los botones */
            text-align: center; /* Centrar texto */
        }

        .btn-sophisticated:hover {
            background-color: #0056b3; /* Color del fondo al pasar el cursor */
        }

    .form-container-pass {
            max-width: 600px; /* Ancho máximo del formulario */
            margin: 50px auto; /* Centrar el formulario vertical y horizontalmente */
            padding: 20px;
            border: 1px solid #ddd; /* Borde alrededor del formulario */
            border-radius: 8px; /* Bordes redondeados */
            background-color: #f9f9f9; /* Color de fondo */
        }



        .move-left {
            position: relative;
            left: -460px;
        }
        .move-left2 {
            position: relative;
            left: -560px;
        }