/** as eis el 100% y fucina bien */
/* Asegura que el modal ocupe toda la pantalla */
.modal-fullscreen_ {
  max-width: 100%;
  width: 100%;
  height: 100%;
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  padding: 0;
  z-index: 1050; /* Asegura que esté sobre otros elementos */
}

/* Si quieres que el contenido esté alineado a la izquierda */
.modal-left .modal-dialog_ {
  width: auto; /* Puedes ajustarlo si quieres un ancho específico */
  height: 100%;
  margin: 0; /* Quita el margen para estar pegado al borde */
}

/* Si deseas cambiar el contenido dentro del modal, por ejemplo que no tenga bordes */
.modal-content_ {
  border-radius: 0; /* Sin bordes redondeados */
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Ajusta el fondo para que cubra toda la pantalla */
.modal-backdrop.show_ {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Fondo oscuro */
}


/* estiñl oamazon*/
/* Modal pegado a la derecha y con ancho del 70% */
.modal-fullscreen {
  max-width: 70%;       /* Ancho del modal al 70% */
  width: 70%;           /* El modal ocupará el 70% del ancho de la pantalla */
  height: 100%;         /* El modal ocupa el 100% del alto de la ventana */
  margin: 0;            /* Sin márgenes */
  position: fixed;      /* Fija la posición */
  top: 0;               /* Pegado al borde superior */
  right: 0;             /* Pegado al borde derecho */
  padding: 0;           /* Sin relleno adicional */
  z-index: 1050;        /* Asegura que el modal esté sobre otros elementos */
}

/* Ajustes dentro del modal para no tener bordes redondeados */
.modal-content {
  border-radius: 0;     /* Sin bordes redondeados */
  height: 100%;         /* El contenido ocupa el 100% de la altura del modal */
  display: flex;
  flex-direction: column; /* Para mantener los elementos en columna */
}

/* Ajusta el fondo para que cubra toda la pantalla */
.modal-backdrop.show {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Fondo oscuro */
}

/* pie de pagin del modal */
.modal-footer {
  padding: 10;           /* Sin relleno adicional */
}


/* para modl creo*/ 
.min-height-element {
  min-height: 70px; /* Ajusta este valor según tus necesidades */
}

.derecha{
  text-align: right;  
}

/* laoding.gif del index */
/*
.loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url('../assets/images/loading1.gif') 50% 50% no-repeat rgb(255,255,255); }
*/


/* redaonly styke */

input[readonly], 
textarea[readonly], 
select[readonly] {
  background-color: #f5f5f5; /* Gris muy tenue */
  color: #555; /* Texto un poco más oscuro para contraste */
  border: 1px solid #ddd; /* Borde sutil */
  cursor: not-allowed; /* Cambia el cursor para indicar que no es editable */
  opacity: 0.9; /* Ligera transparencia */
}

/* Estilo para cuando el input readonly tiene foco (opcional) */
input[readonly]:focus, 
textarea[readonly]:focus, 
select[readonly]:focus {
  outline: none; /* Elimina el contorno por defecto */
  box-shadow: 0 0 3px rgba(0,0,0,0.1); /* Sombra muy sutil */
}

/* Estilo para etiquetas asociadas a inputs readonly (opcional) */
label[for][readonly], 
label + input[readonly] {
  color: #777; /* Gris un poco más oscuro para la etiqueta */
}

/* cno msa pequelos */
.feather-sm {
  width: 16px;
  height: 16px;
  stroke-width: 2; /* Opcional: ajusta el grosor del trazo */
}

/* cno msa pequelos */
.feather-md {
  font-size: 1.2rem; /* o cualquier otro tamaño */
  width: 1.2rem;
  height: 1.2rem;
}
.small {
    font-size: 12px;  /* o el tamaño que prefieras */
 
}