body {
    background-color: #e6e6e6;
}

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

.text-monospace {
    font-family: Consolas,Menlo,Courier,'Roboto Mono','Lucida Console','Liberation Mono','DejaVu Sans Mono','Bitstream Vera Sans Mono','Droid Sans Mono','Droid Serif Mono','Courier New',monospace;
    font-size: 0.875rem;
    font-weight: 400;
}

.rotate {
    animation: rotation 2s infinite linear;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

.receipts-page {
    font-size: 16px;
    margin: 20px 0 40px 0;
}

.receipts-page.fancy-border {
    margin: 40px 0 40px 0;
    position: relative;
    border-radius: 0;
}

.fancy-border:before {
    position: absolute;
    width: 100%;
    height: 20px;
    top: -20px;
    left: 0px;
    content: '';
    background-image: url('../receipt-top.svg');
    background-repeat: repeat-x;
    box-shadow: 0 9px 0px 0px #fff,0 -9px 0px 0px #e6e6e6,0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);
}

.fancy-border:after {
    position: absolute;
    width: 100%;
    height: 20px;
    bottom: -20px;
    left: 0px;
    content: '';
    background-image: url('../receipt-bottom.svg');
    background-repeat: repeat-x;
    box-shadow: 0 9px 0px 0px #e6e6e6,0 -9px 0px 0px #fff,0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);
}

@media only screen and (max-width:600px) {
    .fancy-border:before {
        box-shadow: 0 9px 0px 0px #fff;
    }

    .fancy-border:after {
        box-shadow: 0 -9px 0px 0px #fff;
    }
}

table > tbody > tr.receipts-totals-row > td {
    font-weight: 700;
}

table > thead > tr > th.text-right,
table > tbody > tr > td.text-right {
    text-align: right;
}

.receipt-divider {
    border: 1px solid var(--mud-palette-divider);
    height: 1px;
    margin: 0 3px;
    flex-shrink: 0;
    background-color: var(--mud-palette-divider);
}

@media only print {
    .no-print, .no-print * {
        display: none !important;
    }

    .receipts-page {
        box-shadow: none;
        margin: 0;
    }
    .fancy-border:before, .fancy-border:after {
        display: none;
    }
}

div.strong {
    font-weight: bold;
}