.x13recieptorinvoice-info {
    margin-bottom: 10px !important;
}

.x13recieptorinvoice {
    background-color: #F4F4F4;
    border: 1px solid #DDD;
    padding: 10px 15px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
    line-height: 25px;
}

.x13recieptorinvoice:before,
.x13recieptorinvoice:after {
    display: none !important;
}

.x13recieptorinvoice img,
.x13recieptorinvoice-my-account img {
    height: 25px;
    width: 25px;
    object-fit: contain;
    object-position: center;
}

.x13recieptorinvoice input {
    width: 16px;
    height: 16px;
}

.x13recieptorinvoice label {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
}

.x13recieptorinvoice[data-is16="1"] label {
    font-size: 13px;
}

.x13recieptorinvoice .radio,
.x13recieptorinvoice input:not(:disabled) {
    cursor: pointer;
}

.x13recieptorinvoice-error {
    padding: 10px 15px;
    color: #FFF;
    background: orange;
    margin-top: -15px;
    margin-bottom: 15px;
}

.x13recieptorinvoice-error a {
    color: #FFF;
    text-decoration: underline;
    font-weight: bold;
}

.x13recieptorinvoice-error a:hover {
    color: #FFF;
}

/* supercheckout fix */
#x13recieptorinvoice-reciept,
#x13recieptorinvoice-invoice {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    position: relative;
}

@media (max-width: 991.98px) {
    .x13recieptorinvoice {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* mobile display */
@media (max-width: 767.98px) {
    .x13recieptorinvoice {
        flex-direction: column;
        align-items: flex-start;
    }
}