/* getSaferpayQRCode popup start */
#getSaferpayQRCodeDiv
{
    height: 100%;
    text-align: center;
}

#getSaferpayQRCodePopupContent
{
    width: 100%;
    height: 100%;
}

#getSaferpayQRCodePopupText
{
    height: 90%;
    width: 90%;
    margin: 0 auto;
}

#getSaferpayQRCodePopupText h1
{
    padding: 0;
    margin: 0;
    font-size: 3rem;
}

@media all and (orientation: portrait)
{
    #getSaferpayQRCodePopupText>img
    {
        width: 100%;
        height: auto;
    }
}

@media all and (orientation: landscape)
{
    #getSaferpayQRCodePopupText>img
    {
        width: auto;
        height: calc(100% - 4rem);
    }
}

#getSaferpayQRCodeForm>table
{
    width: 100%;
    table-layout: fixed;
    font-size: 1.5rem;
    border-spacing: 1rem;
}

#getSaferpayQRCodeForm>table input
{
    height: 2rem;
    font-size: 1.1rem;
}

#getSaferpayQRCodeForm>table td:nth-of-type(odd)
{
    width: 30%;
    font-weight: bold;
}

#getSaferpayQRCodeForm>table td:nth-of-type(even)
{
    width: 70%;
    text-align: left;
}

#getSaferpayQRCodeButtonRow
{
    height: 5%;
}

#getSaferpayQRCodeButtonRow>div
{
    display: table;
    width: 100%;
}

#getSaferpayQRCodeButtonRow>div>div
{
    display: table-row;
    width: 100%;
}

#getSaferpayQRCodeButtonRow>div>div>div
{
    display: table-cell;
    width: 30%;
}