:root {
    --primary-color-duiz: #c10101;
}

#qrcode {
    margin-top: 40px;
}

#qrcode h5 {
    font-size: large;
    color: var(--primary-color-duiz) !important;
    font-weight: bold;
    text-transform: capitalize;
}

#qrcode h5 span {
    color: #000;
}

#qrcode .border-bottom {
    border-bottom: 1px solid var(--primary-color-duiz);
    margin-bottom: 20px;
}

#qrcode .panel-heading {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.2em;
    color: #fff;
    background-color: var(--primary-color-duiz);
}

#qrcode .panel-body label {
    padding: 0 !important;
    margin: 0 !important;
}

#qrcode .form-group {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

#qrcode h6 {
    font-size: 18px;
    border-bottom: 1px solid #e3e3e3;
}

#qrcode .button-export {
    float: inline-end;
}