@charset "UTF-8";
/* CSS EXTRA */
.webpayweb .table-responsive {
    width: 100%;
    overflow-x: auto;
}

.webpayweb .table {
    width: 100%;
    border-collapse: collapse;
}

@media (max-width: 630px) {
    .webpayweb .form-group{
        display: flex;
        flex-direction: column;
        flex-flow: nowrap;
    }
    .webpayweb .table-responsive{
        border:none;
    }
    .webpayweb .table thead{
        display: none;
    }

    .webpayweb .table tbody tr {
        display: block;
    }

    .webpayweb .table tbody tr td {
        display: block;
    }

    .webpayweb .table tbody tr td:first-child {
        font-weight: bold;
        margin-top: 15px
    }

    .webpayweb .table tbody tr td:nth-child(1)::before {
        content: "Comprobante: ";
        font-weight: bold;
    }
    
    /* Estilo para el segundo td en el tbody */
    .webpayweb .table tbody tr td:nth-child(2)::before {
        content: "Emitido: ";
        font-weight: bold;
    }
    
    /* Estilo para el tercer td en el tbody */
    .webpayweb .table tbody tr td:nth-child(3)::before {
        content: "Vencimiento: ";
        font-weight: bold;
    }
    
    /* Estilo para el cuarto td en el tbody */
    .webpayweb .table tbody tr td:nth-child(4)::before {
        content: "Total: ";
        font-weight: bold;
    }
}
#wpsearch small::after {
	content: ", sin puntos con guión y dígito verificador (Ej: 16123456-7)";
}