h3{
    font-weight: 400;
}

.margin-auto{
    margin: auto;
}

.text-center{
    text-align: center;
}

.margin-3{
    margin:25px !important;
}

.margin-4{
    margin: 33px !important;
}

.margin-top-3{
    margin-top: 15px !important;
}   

#qrcode img{
    border-radius: 15px;
    margin: auto;
}

.justify-content-center{
    text-align: center;
    align-items: center;
}

.qrcode{
    margin-top: 0 auto;
}

#qrcode-message{
    margin-top: 15px;
}

table.account-references-table {
    border: 1px solid #ccc;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    border-radius: 10px;
}

table.account-references-table tr {
    border: 1px solid #ddd;
    padding: .35em;
}

table.account-references-table th{
    font-weight: bold;
    border-bottom: 1px solid #ddd;
}

table.account-references-table th,
table.account-references-table td {
  padding: .625em;
  text-align: center;
  vertical-align: middle;
}

.label-total-ref{
    font-size: 18px;
    margin:5px;
}

.label-result-ref{
    font-size: 14px;
    font-weight: bold;
    margin:5px;
    text-decoration-line: underline;
}

table.account-references-table tbody tr td.td-total{
    text-decoration-line: underline;
}

.div-link-share{
    margin-top: 10px;
    margin-bottom:15px;
}

#link-copied{
    font-size: 15px;
}

#button-link-reference{
    margin: 3px;
}

.text-line{
    text-decoration: underline;
}

#div-bank, #div-paypal,#div-zelle,#div-save-information {
    display: none;
}

span.alert{
    color:#BF0B1A;
}

div.form-input{
    margin-top:5px;
    margin-bottom:5px;
    padding: 5px 0px 0px 5px;
}

div.form-input label{
    margin: 3px 0px 0px 5px;
}

@media screen and (max-width: 600px) {

    table.account-references-table {
      border: 0;
    }
  
    table.account-references-table thead {
        display: none;
    }
    
    table.account-references-table tr {
        border-bottom: 1px solid #ddd;
        display: block;
        margin-bottom: .625em;
    }
    
    table.account-references-table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: right;
    }
    
    table.account-references-table td::before {
     
      content: attr(data-label);
      float: left;
      font-weight: bold;
    }
    
    table.account-references-table td:last-child {
      border-bottom: 0;
    }
}