﻿body.order-page {
    overflow-y: auto;
    background-color: #ffffff;
}
    body.order-page .hamburger,
    body.order-page .header,
    body.order-page .right-nav,
    body.order-page .left-nav,
    body.order-page .footer {
        display: none !important;
    }

    body.order-page .content {
        background-color: #ffffff;
        height: 100%;
    }

.order-page .wrapper {
    max-width: inherit;
    margin: 20px auto;
    padding-top: 0;
}

.order-wrapper {
    display: flex;
    flex-direction: column;
    padding: 0 15px 10px 15px;
    max-width: 980px;
    margin: 0 auto;
}

.order-page .order-actions {
    margin-bottom: 10px;
}
    .order-page .order-actions i {
        cursor: pointer;
        transition: font-size .1s linear;
        color: #118dcf;
        font-size: 24px;
    }

.order-page .order-header-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.order-page .order-footer {
    display: block;
    margin: 5px 15px;
}

    .order-page .order-footer .order-footer-actions {
        text-align: left;
    }

        .order-page .order-footer .order-footer-actions button {
            background-color: #118dcf;
            color: white;
            text-align: center;
            border: 1px solid #118dcf;
            padding: 6px 10px;
            box-shadow: 0 0 5px silver;
        }

.order-page .order-comment {
    margin: 5px 0;
    border: 1px solid #dddddd;
    padding: 10px;
    white-space: pre;
}

.order-page table,
.order-page .order-header-item,
.order-page .order-footer {
    font-size: 16px;
}

.order-page .order-footer-logo {
    display: none;
}

.order-page .letter-spacing {
    letter-spacing: 0.5px;
}

@media print {
    body.order-page table,
    body.order-page .order-header-item,
    body.order-page .order-footer,
    body.order-page .order-comment {
        font-size: 16px !important;
    }
        body.order-page table td,
        body.order-page .order-comment {
            padding: 5px !important;
        }

    body.order-page .order-footer-logo {
        display: block;
    }
        body.order-page .order-footer-logo {
            width: 680px;
            position: absolute;
            bottom: 0;
        }

    .order-page .order-actions {
        display: none;
    }
}