@page {
    size: letter portrait;
    margin: 2mm 0 0 0;
}

@media (min-width: 751px) {
    .hide-onmobile {
        display: block;
    }
    .show-onmobile {
        display: none;
    }
}

@media (max-width: 750px) {
    .hide-onmobile {
        display: none;
    }
    .show-onmobile {
        display: block;
    }
}

@media print {
    .hide-print {
        display: none;
    }

    /*    html, body {
        width: 210mm;
        height: 297mm;
    }*/

    body {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        height: 10in;
        padding: 0;
        font-size:16px;
    }
    .QrFormHeight {
        height: 520px;
    }
}

@font-face {
    font-family: 'kunstler';
    src: url('fonts/KUNSTLER.TTF') format('truetype');
}
@font-face {
    font-family: 'imprint mt shadow regular';
    src: url('fonts/imprint mt shadow regular.ttf') format('truetype');
}

.body-div {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    height: 1250px;
}

.content-div {
    margin-left: 2mm;
    margin-right: 2mm;
}

.font-kunstler {
    font-family: 'kunstler';
}

.side-div {
    width: 270px;
    height: 750px;
    vertical-align: top;
    /*background-color: brown !important;*/
    border: 2px dotted black;
}

.main-div {
    vertical-align: top;
    padding-left:15px;
}
.form-button{
    width:120px;
}

.form-floating {
    position: relative;
}

    .form-floating > .form-control,
    .form-floating > .form-select {
        height: calc(3.5rem + 2px);
        padding: 1rem .75rem .25rem .75rem;
    }

    .form-floating > label {
        position: absolute;
        top: 0.25rem;
        left: 0.75rem;
        padding: 0 .25rem;
        font-size: 0.85rem;
        transition: all 0.2s ease-in-out;
        background-color: white;
        pointer-events: none;
    }

    .form-floating > .form-control:focus ~ label,
    .form-floating > .form-control:not(:placeholder-shown) ~ label,
    .form-floating > .form-select:focus ~ label,
    .form-floating > .form-select:not([value=""]) ~ label {
        top: -0.5rem;
        left: 0.5rem;
        font-size: 0.85rem;
        color: #007bff;
        background-color: #fff;
    }