.booking-history-wrap .booking-main-tbl-cont {
    margin-bottom: 12px;
    overflow: hidden;
}

.booking-history-wrap .booking-main-table-row-cont {
    margin-bottom: 12px;
}

.booking-history-wrap .white-bgr {
    background: #fff;
}

.booking-history-wrap .booking-main-table-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: minmax(min-content, max-content);
    text-transform: uppercase;
    color: black;
    width: 100%;
    background: #ebebeb;
    /*border-bottom: 1px solid #c5c5c5;*/
    align-items: center;
    margin-bottom: 10px;
}

.booking-history-wrap .booking-main-table-grid .booking-main-table-cell-inner {
    font-size: 13px;
    padding: 9px 0;
    border-right: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.booking-history-wrap .booking-main-table-grid .booking-main-table-cell-inner a {
    font-size: 13px;
    color: #000;
    text-decoration: underline;
}

.booking-history-wrap .booking-main-table-row {
    display: grid;
    color: white;
    cursor: pointer;
    width: 100%;
    grid-template-columns: 1fr 2fr 2fr 4fr 2fr 2fr 1fr;
    align-items: center;
}


.booking-history-wrap .booking-main-table-row .booking-main-table-cell {
    padding: 5px;
    font-size: 13px;
    border-right: 1px solid white;
    text-align: center;
    text-transform: uppercase;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.booking-history-wrap .booking-main-table-row .booking-main-table-cell:last-child {
    border-right: none;
}

.booking-history-wrap .lnk-hotel-bonuses {
    color: black;
    text-decoration: underline;
    text-transform: uppercase;
    font-weight: 600;
    margin-left: 20px;
}

.booking-main-table-cell-inner.ver-mid > span {
    vertical-align: middle;
}

.booking-history-wrap .booking-main-tbl-cont .booking-main-table-row-inner .booking-main-table-cell-inner.ver-mid > span {
    display: inline-block;
}

.booking-main-table-cell-inner .cancel-reason + span,
.booking-main-table-cell-inner .barter-ico-inner + span {
    max-width: 70%;
}

.cancel-reason {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
}

.cancel-reason-0,
.cancel-reason-1 {
    display: none !important;
}

.cancel-reason-2 {
    background: url(/images/cancel_reason_2.png) center no-repeat;
}

.cancel-reason-3 {
    background: url(/images/cancel_reason_3.png) center no-repeat;
}

.cancel-reason-4 {
    background: url(/images/cancel_reason_4.png) center no-repeat;
}

.cancel-reason-5 {
    background: url(/images/cancel_reason_5.png) center no-repeat;
}

.cancel-reason-6 {
    background: url(/images/cancel_reason_6.png) center no-repeat;
}

.cancel-reason-7 {
    background: url(/images/cancel_reason_7.png) center no-repeat;
}

.cancel-reason-8 {
    background: url(/images/cancel_reason_8.png) center no-repeat;
}

.cancel-reason-9 {
    background: url(/images/cancel_reason_6.png) center no-repeat;
}

.cancel-reason-10 {
    background: url(/images/cancel_reason_10.png) center no-repeat;
}

.cancel-reason-10.data-error-moderated-1 {
    background: url(/images/cancel_reason_10_1.png) center no-repeat;
}

.cancel-reason-11 {
    background: url(/images/cancel_reason_11.png) center no-repeat;
}

.cancel-reason.fly-data {
    background: url(/images/air3.png) center no-repeat;
}

.cancel-reason.registration-data {
    background: url(/images/card3.png) center no-repeat;
}

.cancel-reason.registration-and-fly-data {
    background: url(/images/air-card.png) center no-repeat;
}

.hotel-bonus-ico {
    display: none;
    width: 31px;
    height: 27px;
    vertical-align: middle;
}

.hotel-bonus-ico.hello {
    background: url(/images/bonus/hello.png) center no-repeat;
    display: inline-block;
}

.hotel-bonus-ico.info-tour {
    background: url(/images/bonus_info_tour.png) center no-repeat;
    display: inline-block;
}

.hotel-bonus-ico.not {
    background: url(/images/bonus/not.png) center no-repeat;
    display: inline-block;
}

.hotel-bonus-ico.contact {
    background: url(/images/contact-hotel.png) center no-repeat;
    display: inline-block;
}

.hotel-bonus-ico.some {
    background: url(/images/bonus/some.png) center no-repeat;
    display: inline-block;
}

.hotel-bonus-ico.full {
    background: url(/images/bonus/full.png) center no-repeat;
    display: inline-block;
}

.recalculate-bonuses-ico {
    display: inline-block;
    vertical-align: middle;
    background: url(/images/bonus-recalculate_ico.png) center no-repeat;
    width: 31px;
    height: 27px;
}

.hm-bonus-and-nights {
    display: inline-block !important;
}

.reservation_links a {
    margin-left: 10px;
}

.comment-ico-wrap {
    position: relative;
}

.comment-ico-wrap a {
    margin: 0 3px;
}

.comment-unread-counter {
    position: absolute;
    right: -2px;
    bottom: -5px;
    font-size: 11px;
    width: 17px;
    height: 17px;
    border-radius: 15px;
    text-align: center;
    background: grey;
    color: white;
    border: 1px solid #ffffff;
}

.comment-unread-counter.unread {
    background-color: red;
}

.viewed-by-hm {
    width: 26px;
    height: 27px;
    vertical-align: middle;
    background: url(/images/icon-view.png) center no-repeat;
    display: inline-block;
}

.auto-approved-hm {
    width: 27px;
    height: 27px;
    vertical-align: middle;
    background: url(/images/icon-auto-confirm.png) center no-repeat;
    display: inline-block;
}

@media (min-width: 768px) {
    .booking-history-wrap .booking-main-table-grid .booking-main-table-cell-inner:nth-child(4n) {
        border-right: none;
    }

    .booking-history-wrap.hotel-manager .booking-main-table-row {
        grid-template-columns: 1fr repeat(5, 2.5fr) 1.2fr;
    }

    .booking-history-wrap.hotel-entries-history .booking-main-table-row {
        grid-template-columns: 0.8fr 2.2fr 2.2fr 3.5fr 1fr 2.2fr 2.2fr 0.8fr;
    }

    .booking-history-wrap.transfer-history .booking-main-table-row {
        grid-template-columns: repeat(5, 4fr) 1fr;
    }

    .booking-history-wrap.free-info-tour-history .booking-main-table-row {
        grid-template-columns: 1fr repeat(4, 4fr) 1fr;
    }
}

@media (max-width: 767px) {
    .booking-history-wrap .booking-main-table-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .booking-history-wrap .booking-main-table-grid .booking-main-table-cell-inner:nth-child(2n) {
        border-right: none;
    }
    .booking-history-wrap .booking-main-table-row {
        grid-template-columns: 1fr;
    }
    .booking-history-wrap .booking-main-table-row .booking-main-table-cell {
        align-items: flex-start;
        text-align: left;
        width: 100%;
        border-bottom: 1px solid white;
        font-size: 13px;
    }
    .booking-history-wrap .booking-main-table-row .booking-main-table-cell.spoiler {
        align-items: center;
        text-align: center;
    }
    .booking-history-wrap .booking-main-tbl-cont .booking-main-table-row-inner {
        background: white;
    }
    .comment-ico-wrap {
        margin: 0 auto;
    }
    .booking-history-wrap .lnk-hotel-bonuses {
        display: none;
    }
}