.border-radius-none {
    border-radius: 0;
}

.text-truncate-one-line, .text-truncate-one-lines {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.text-truncate-three-lines {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.avatar-xl {
    height: 8rem;
    width: 8rem;
}

.avatar-xxl {
    height: 10rem;
    width: 10rem;
}

.token-info-box {
    width: 315px;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

    .token-info-box .input-group-text {
        width: 180px;
        flex: 0 0 180px;
    }

    .token-info-box .form-control {
        flex: 1 1 auto;
        color: #405189;
        font-weight: 500;
    }

.gallery-list-box {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: .25rem;
    overflow: visible;
}

    .gallery-list-box a {
        width: 100px;
        height: 100px;
        flex: 0 0 100px;
    }

    .gallery-list-box img {
        width: 100%;
        height: 100%;
        object-fit: scale-down;
        background-color: #fff;
    }

.order-info-box {
    width: 315px;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

    .order-info-box .input-group-text {
        width: 180px;
        flex: 0 0 180px;
    }

    .order-info-box .input-group-value {
        display: flex;
        align-items: center;
        flex: 1 1 auto;
        padding: .25rem .5rem;
        font-size: .7109375rem;
        border-radius: 0 0.2rem 0.2rem 0;
        border: 1px solid #ced4da;
        color: #405189;
        font-weight: 500;
    }

.input-group.has-validation .input-group-text {
    border-radius: .25rem 0 0 .25rem;
}

.invoice-table th, .invoice-table td {
    vertical-align: middle;
}