#boleto{
    display: flex;
    justify-content: center;
    background-color: #333;
    min-height: 100vh;
}


#boleto .container{
    flex-direction: column;
}

#boleto form{
    width: 30%
}

#boleto .result{
    display: flex;
    flex: 1;
    margin-top: 100px;
}

#boleto .result table{
    width: 100%;
    border-collapse: collapse;
}

#boleto .result table thead{
    text-align: left;
}

#boleto .result thead th{
    padding: 10px;
    background-color: #1299d4;
}

#boleto .result thead th:first-child{
    border-top-left-radius: 10px;
}

#boleto .result thead th:last-child{
    border-top-right-radius: 10px;
}

#boleto .result tbody{
    background-color: #f1f1f1;
}

#boleto .result tbody td{
    padding: 10px;
}