h1{
   font-size: 30px;
}
.header{
   background-color: #ffffffc7;
    padding: 15px;
    border: 2px solid #0000001f;
    border-radius: 10px;
}
.imagen_logo{
   width: 50%;
}
.cont_bienvenido{
   display: grid;
    align-items: center;
}
.editar{
    border: none;
    background-color: #deba00c7;
    color: white;
    height: 35px;
    border-radius: 3px;
    width: 100%;
}
.titulo_bienvenido{
   color: black;
   font-size: 30px;
}
.banner{
   background-color: #1d4b8e80;
    border-radius: 10px;
    padding: 15px;
    margin-right: 15px;
    border: 2px solid #1d4b8e80;
}
.aprobar{
   background-color: #2ebc2ea8;
   color: white;
}
.fila{
   display: flex;
   margin-top: 20px;
   color: white;
}
.elementos{
   display: flex;
   justify-content: center;
   min-width: 100%;
}
.documentos_modal{
   
}
.registrar_usuarios{
   cursor: pointer;
}
.usuarios_registrados{
   cursor: pointer;
}
.usuarios_seleccionados{
   cursor: pointer;
}
.cerrar_sesion{
   display: flex;
   align-items: center;
   margin-left:5%;
}
/*Pacientes*/
.formulario_user, .formulario_user2, .formulario_user3,.formulario_user4{
   margin-top: 70px;
   max-width: 60%;
   padding: 30px;
   box-shadow: 0 0 10px 5px #1d648e66;
   border-radius: 15px;
}
.observa{
   height: 90px;
}
.pasos{
text-align:center; 
font-size:20px; 
margin-top:30px;
}
.ali-boton{
   display: flex;
   justify-content: center;
}
.paciente_sin_docu{
   max-width: 60%;
   display: none;
}
.paciente_recien_calle{
   max-width: 60%;
   display: none;
}
.paciente_recien_papas{
   max-width: 60%;
   display: none;
}
.paciente_diabetes{
   max-width: 60%;
   display: none;
}

/*Documentos*/
.documento_curp{
   display: none;
}
.documentos_zoquipan{
   display: none;
}
.documentos_hermo{
   display: none;
}
.documento_receta{
   display: none;
}
.documento_Ine{
   display: none;
}
/*Urgencias*/
.urgencias{
   display: none;
}
.no_urgencias{
   display: none;
}
.link_vista{
   color: white;
   text-decoration: none;
}

.link_vista:hover{
   color: white !important;
}
/*Modo responsivo*/
.dtr-title{
   font-weight: bold;
}
.mis_botones{
   display: grid;
}
.seleccionado{
   margin-right: 5px;
}
.eliminar{
   background-color: rgb(205, 59, 59);
   color: white;
}
.estilos_aprobar{
   font-size: 20px;
    text-align: center;
    border: 2px solid green;
    background-color: #b3e0b3;
    border-radius: 5px;
   
}
.text{
   position: relative;
   top: 10px;
}

.imagen-error{
   font-size: 50px;
}
.alinear-error{
   
   position: relative;
   top: 50px;
}
.color{
   background-color: #afc8db14;
}
.titulo_form{
   text-align: center;
    margin-top: 10px;
}
.dataTables_wrapper{
   margin-top: 10px;
}
.imagen_es{
   width: 32%;
}
.tabla_usuarios_registrados{
   justify-content: center;
   display: flex;
}
.selects{
    display: flex;
    justify-content: center;
}
.ano_mes{
    background-color: #1d4b8e80;
    padding: 7px;
    color: white;
    border: none;
    font-weight: bold;
    border-radius: 5px;
}
.flecha_recta{
   display: none;
}
.flecha_arriba{
   display:none;
}
.seleccionar_usuarios{
   width: 60%;
   margin-top: 20px;
}
.titulo_paciente{
   text-align: center;
}
.opcion_titulo{
   margin-bottom: 10px;
}
.opcion_si{
   text-align: center;
   border: 2px solid red;
   border-radius: 5px;
   width: 20%;
   margin-right: 10px;
}
.opcion_no{
   text-align: center;
   border: 2px solid blue;
   border-radius: 5px;
   width: 20%;
}
.card-body{
   display: flex;
}
.no_urgencias{
   border: 2px solid blue;
    width: 60%;
   text-align: center;
    padding: 5px;
    border-radius: 5px;
}
.urgencias{
   border: 2px solid red;
    width: 60%;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
}
.boton_guardar{
   display: flex;
   justify-content: center;
}
.datos_paciente{
   display: none;
}
.indigente{
   max-width: 60%;
   display: none;
}

.formulario{
   border: 2px solid #0000001c;
   border-radius: 10px;
   margin-top: 50px;
   padding: 30px 30px 30px 30px;
}
.notif{
   margin-top: 20px;
}
.texto_noti{
   margin-top: 20px;
}
.titulo_notif{
   margin-top: 10px;
   text-align: center;
}
.boton_notificaciones{
   margin-top: 30px;
   width: 100%;
}
.reloj{
   position: relative;
   top: 4px;
   right: 5px;
   /* width: 50%; */
   margin-right: 10px;
   cursor: pointer;
}
.notificacion{
   display: flex;
    position: relative;
    top: 10px;
    margin-right: 10px;
}
.redondo{
   border: 2px solid #0f1f7b;
    border-radius: 5px;
}
.notificaciones{
   position: absolute;
    display: flex;
    top: 27px;
    justify-content: center;
    left: 65%;
}
/*esconder las tablas para visualizar los datos*/
.tabla_usuarios_indigentes{
   display: flex;
   justify-content: center;
   width: 100%;
}
.tabla_recien_indigentes{
   display: flex;
   justify-content: center;
   width: 100%;
}
.tabla_recien_padres{
   display: flex;
   justify-content: center;
   width: 100%;
}
.icono_texto{
   display: flex;
   justify-content: center;
}
.documentos{
   display: grid;
}
.contenido_editar{
   border: 2px solid #00000026;
    background: white;
    padding: 20px;
    border-radius: 10px;
    width: 60%;
}
.Tabla{
   margin-top: 90px;
    padding: 30px;
    text-align: center;
  
}
@media only screen and (max-width: 700px) {
    .observaciones{
        max-width:100%;
    }
    .indigente{
        max-width:100%;
    }
   .notificaciones{
      position: absolute;
    display: flex;
    top: 100px;
    justify-content: center;
    left: 35%;
   }
.res{
   margin-left: 90px;
}
.tabla_usuarios_registrados{
   
   display: block;
}
.tabla_recien_padres{
   display: block;
}
.imagen_es{
   width: 100%;
   display: flex;
   justify-content: center;
}
.flecha_recta{
   display: flex;
   width:20%;
   position: relative;
   top: -20px
}
.flecha_arriba{
   display: none;
}
.flecha_a_res{
   display: none;
}
.registrar_usuarios{
   text-align: center;
}
.usuarios_registrados{
   text-align: center;
}
.usuarios_seleccionados{
   text-align: center;
}
.titulo_bienvenido{
   text-align: center;
   font-size: 20px;
}
h1{
   font-size: 13px;
}
.cerrar_sesion{
    display: grid;
    align-items: center;
    justify-content: center;
}
.formulario_user, .formulario_user2, .formulario_user3,.formulario_user4, .formulario{
   max-width: 100%;
}
.text{
   position: relative;
   top: 0px;
}
}