/* =====================================================
   CONTROL DE INGRESO
   Campamento Infantil
===================================================== */

body{
    background:#f4f6f9;
    font-family: "Segoe UI",Tahoma,Geneva,Verdana,sans-serif;
}

/* ===========================
   ENCABEZADO
=========================== */

h2{
    font-weight:700;
}

#estadoConexion{
    font-size:15px;
    padding:8px 14px;
    border-radius:20px;
}

/* ===========================
   BUSCADOR
=========================== */

.card{
    border:none;
    border-radius:15px;
}

.card-header{
    border-radius:15px 15px 0 0 !important;
}

.input-group-lg .form-control{

    font-size:28px;

    font-weight:bold;

    text-align:center;

    letter-spacing:3px;

    height:65px;

}

.input-group-text{

    font-size:26px;

}

#btnBuscar,
#btnLimpiar{

    width:150px;

    font-size:18px;

    font-weight:600;

}

/* ===========================
   TARJETAS
=========================== */

.card-body h1{

    font-size:55px;

    font-weight:bold;

}

.card-body h5{

    font-weight:600;

}

/* ===========================
   TABS
=========================== */

.nav-tabs .nav-link{

    font-size:17px;

    font-weight:600;

}

.nav-tabs .badge{

    font-size:15px;

}

/* ===========================
   TABLAS
=========================== */

.table{

    font-size:15px;

}

.table th{

    text-align:center;

    vertical-align:middle;

}

.table td{

    vertical-align:middle;

}

.table img{

    width:55px;

    height:55px;

    object-fit:cover;

    border-radius:50%;

    border:2px solid #DDD;

}

/* ===========================
   REGISTRO
=========================== */

.registro{

    font-size:18px;

    font-weight:bold;

    color:#0d6efd;

}

/* ===========================
   HORA
=========================== */

.horaEntrada{

    font-weight:bold;

    color:#198754;

}

.horaSalida{

    font-weight:bold;

    color:#dc3545;

}

/* ===========================
   SCROLL TABLAS
=========================== */

.table-responsive{

    max-height:520px;

    overflow-y:auto;

}

/* ===========================
   SCROLL BONITO
=========================== */

.table-responsive::-webkit-scrollbar{

    width:10px;

}

.table-responsive::-webkit-scrollbar-thumb{

    background:#bdbdbd;

    border-radius:20px;

}

/* ===========================
   SWEET ALERT
=========================== */

.swal2-popup{

    border-radius:20px;

}

.swal2-title{

    font-size:28px;

}

.swal2-html-container{

    font-size:18px;

}

/* ===========================
   FOTO DEL RESULTADO
=========================== */

.fotoResultado{

    width:180px;

    height:180px;

    object-fit:cover;

    border-radius:50%;

    border:6px solid #198754;

}

/* ===========================
   RESPONSIVE
=========================== */

@media(max-width:992px){

    .input-group-lg .form-control{

        font-size:22px;

        height:58px;

    }

    #btnBuscar,
    #btnLimpiar{

        width:120px;

        font-size:16px;

    }

    .card-body h1{

        font-size:40px;

    }

}

@media(max-width:768px){

    .table{

        font-size:13px;

    }

    .table img{

        width:45px;

        height:45px;

    }

    .input-group-lg .form-control{

        font-size:18px;

        letter-spacing:1px;

    }

}