@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);
@media print {

    #footer,
    #header {
        display: none !important
    }

    body {
        font-family: Roboto, sans-serif;
        transform: scale(.9);
        transform-origin: 0 0;
        min-width: 350px
    }
}

@page {
    margin: 0 1px 1px 1px
}

.w-full {
    width: 100%
}

.hidden {
    display: none
}

.flex {
    display: flex
}

.justify-center {
    justify-content: center
}

.h-24 {
    height: 6rem
}

.w-32 {
    width: 8rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-center {
    text-align: center
}

.font-semibold {
    font-weight: 600
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.underline {
    text-decoration: underline
}

.border-dashed {
    border-style: dashed
}

.border-black {
    border-color: #000
}

.border-t {
    border-top-width: 1px
}

.border-t-dashed {
    border-top: 1px dashed #000
}

.border-b-dashed {
    border-bottom: 1px dashed #000
}

.items-center {
    align-items: center
}

.justify-start {
    justify-content: flex-start
}

.justify-between {
    justify-content: space-between
}

.mt-2 {
    margin-top: .5rem
}

.overflow-hidden {
    overflow: hidden
}

.border-b {
    border-bottom-width: 1px
}

.min-w-full {
    min-width: 100%
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.uppercase {
    text-transform: uppercase
}

.text-right {
    text-align: right
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.w-40 {
    width: 10rem
}

.italic {
    font-style: italic
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.gap-2 {
    gap: .5rem
}

.h-3,
.w-3 {
    width: .75rem
}

.w12 {
    width: 50%
}

.justify-end {
    justify-content: flex-end
}

.font-medium {
    font-weight: 500
}

.mt-4 {
    margin-top: 1rem
}

.font-bold {
    font-weight: 700
}

.my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem
}