.yacht-reservation-history__item-upper-block .warning {
    color: #f33;
}

.yacht-reservation-history__item-upper-block .rent-approval {
    display: inline-flex;
    align-items: center;
    background: #1ccc78;
    color: white;
    padding: 0 15px;
    height: 30px;
}
.yacht-reservation-history__item-upper-block .tourist-info {
    display: inline-flex;
    align-items: center;
    background-color: #1ccc78;
    color: white;
    padding: 0 15px;
    height: 30px;
}

.yacht-reservation-history__item-upper-block .tourist-info.filled {
    background: #ff9b0b;
}

.yacht-reservation-history__item-upper-block {
    border-bottom: 1px solid #c5c5c5;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.yacht-reservation-history__item-upper-block .price-management,
.yacht-reservation-history__item-upper-block .cancel-reasons {
    display: flex;
    align-items: center;
}

.yacht-reservation-history__item-upper-block .tourist-info:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: url(/images/yacht/users-icon-white-2.svg) center no-repeat;
    margin-right: 10px;
}

.yacht-reservation-history__item-upper-block .tourist-info.filled:before {
    background-image: url(/images/yacht/users-icon-white.svg);
}

.yacht-reservation-history__item-upper-block .tourist-info.partial:before {
    background: url(/images/yacht/users-icon-white-red.svg) center no-repeat;
}

.yacht-reservation-history__item-upper-block .tourist-info-cont {
    display: flex;
    gap: 10px 20px;
    flex-wrap: wrap;
}

.yacht-reservation-history__item-upper-block .price-management,
.yacht-reservation-history__item-upper-block .cancel-reasons {
    display: flex;
    align-items: center;
    text-decoration: underline;
}

.yacht-reservation-history__item-upper-block .price-management {
    color: #cf5919;
}

.yacht-reservation-history__item-upper-block .cancel-reasons {
    color: black;
}

.yacht-reservation-history__item-upper-block .cancel-reservation {
    display: flex;
    align-items: center;
    color: #f33;
}

.yacht-reservation-history__item-upper-block .cancel-reservation:before {
    content: '';
    width: 18px;
    height: 18px;
    display: block;
    background: url(/images/icon_delete.png) no-repeat center;
    margin-right: 10px;
}

.yacht-reservation-history__item-upper-block .price-management:before,
.yacht-reservation-history__item-upper-block .cancel-reasons:before {
    content: '';
    width: 18px;
    height: 18px;
    display: block;
    margin-right: 10px;
}

.yacht-reservation-history__item-upper-block .price-management:before {
    background: url(/images/yacht/icon_edit.png) no-repeat center;
}

.yacht-reservation-history__item-upper-block .cancel-reasons:before {
    background: url(/images/online/faq.png) no-repeat center;
}

.yacht-book-history-wrap .rent-status .approved {
    display: flex;
    align-items: center;
}

.yacht-book-history-wrap .rent-status .approved:before {
    content: '';
    display: block;
    background: url(/images/online/checked.png) no-repeat center;
    width: 18px;
    height: 18px;
    min-width: 18px;
    margin-right: 10px;
}

.yacht-rent-decline,
.yacht-rent-approve {
    display: flex;
    align-items: center;
}

.yacht-rent-decline:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.yacht-rent-decline {
    background: url(/images/icon_delete.png) left center no-repeat;
}

.yacht-rent-approve {
    justify-content: center;
}

.yacht-rent-approve:hover,
.yacht-rent-approve {
    background: #1ccc78;
    color: white !important;
    padding: 3px 20px;
    margin-right: 20px;
}

.yacht-rent-approve.approved:hover,
.yacht-rent-approve.approved {
    background: #ffa500;
}

.yacht-rent-approve,
.yacht-rent-approve:focus {
    text-decoration: none;
}

.yacht-rent-decline,
.yacht-rent-decline:hover {
    color: #ff3333;
}

.yacht-rent-approve:hover {
    color: #1ccc78;
}

.yacht-reservation-history__item-rent-block .warning {
    color: #f33;
}

.yacht-reservation-history__item-rent-block {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.yacht-reservation-history__item-rent-block .rent-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.yacht-reservation-history__item-rent-block .rent-status .pending {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.yacht-reservation-history__item-rent-block .rent-status h3 {
    margin-bottom: 0;
}

.yacht-reservation-edit-warning {
    font-size: 14px;
    color: gray;
    font-style: italic;
}

@media (min-width: 1200px) {
    .yacht-book-history-wrap .hotel-reservation-history__item-info-row {
        grid-template-columns: repeat(6, 1fr);
        grid-column-gap: 10px;
    }

    .yacht-book-history-wrap .hotel-reservation-history__item-header {
        grid-template-columns: 1fr 3fr 3fr 1.8fr 3.5fr 3.5fr 2fr 50px;
    }

    .yacht-book-history-wrap .hotel-reservation-history__item-sub-header {
        grid-template-columns: repeat(5, 1fr);
    }
}