.receipt-self {
    width: 100%;
    border: 1px dotted black;
    background-color: lightcyan;
    padding: 0.5em;
}

.receipt-name {
    width: 100%;
}

.receipt-name:hover {
    background-color: lightblue;
}

.receipt-head-normal {
    width: 100%;
    font-weight: normal;
    text-align: center;
}

.receipt-head-bold {
    width: 100%;
    font-weight: bold;
    text-align: center;
}


.receipt-space {
    position: relative;
    width: 100%;
    height: 1em;
    color: gray;
}

.receipt-company {
    text-align: center;
    width: 100%;
}

.company-name {
    font-weight: bold;
}

.company-inn {
    font-weight: normal;
}

.receipt-title {
    text-align: center;
    font-weight: bold;
    width: 100%;
}

.receipt-type {
    text-align: center;
    font-weight: bold;
    width: 100%;
    color: white;
    background-color: #7d8293;
    padding: 2px;
}

.receipt-customer {
    text-align: left;
    width: 100%;
}

.customer-name::before {
    content: "ПОКУПАТЕЛЬ: ";
}

.customer-inn::before {
    content: "ИНН ПОКУПАТЕЛЯ: ";
}

.receipt-total
{
    text-align: center;
    font-weight: bold;
    width: 100%;
    color: white;
    background-color: #7d8293;
    padding: 2px;
}

.receipt-line
{
    text-align: center;
    font-weight: normal;
    width: 100%;
}

.receipt-line-2check
{
    text-align: center;
    font-weight: normal;
    width: 100%;
    background-color: yellow;
}

.receipt-left {
    display: inline-block;
    text-align: left;
    width: 49%;
    padding-right: 1em;
}

.receipt-right {
    display: inline-block;
    text-align: right;
    width: 49%;
}

.receipt-items-header {
    border-top: 1px dotted black;
    font-weight: bold;
    width: 100%;
}

.receipt-items {
    width: 100%;
    border: 1px solid blue;
}

.receipt-item-number {
    vertical-align: top;
    display: inline-block;
    width: 4%;
    text-align: right;
}

.receipt-item-type {
    text-decoration: underline;
}

.receipt-item-title {
    vertical-align: top;
    display: inline-block;
    width: 55%;
    text-align: left;
}

.receipt-item-price {
    vertical-align: top;
    display: inline-block;
    width: 14%;
    text-align: right;
}

.receipt-item-quantity {
    vertical-align: top;
    display: inline-block;
    width: 10%;
    text-align: right;
}

.receipt-item-amount {
    vertical-align: top;
    display: inline-block;
    width: 14%;
    text-align: right;
}

.receipt-vat {
    font-size: 80%;
    text-align: left;
    vertical-align: top;
    display: inline-block;
    width: 80%;
    color: gray;
}

.receipt-vat-amount {
    font-size: 80%;
    text-align: right;
    vertical-align: top;
    display: inline-block;
    width: 14%;
    color: gray;
}

.receipt-qrcode {
    width: 100%;
    align-content: center;
}

@media only screen and (max-width: 575px) {
    .receipt-item-title {
        width: 50%;
    }
    .receipt-item-title {
        width: 50%;
    }

}