#content-body {
    margin-top: 0
}
.card-deck.vendor-list .card .card-body {
    font-size: 1.1rem
}

.card-deck.vendor-list .card .card-footer {
    background: transparent;
    border: 0;
    padding: 0 0 1rem
}

.card-deck.vendor-list .card .card-title {
    margin: 0;
    padding: 2px 2px;
    color: #fff;
}

    .card-deck.vendor-list .card .card-title span {
        line-height: 1.2;
        overflow: hidden;
        text-overflow: -o-ellipsis-lastline;
        text-overflow: ellipsis;
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        max-height: 20px;
        height: 20px;
    }

.card-deck.vendor-list .card .card-title, .card-deck.vendor-list .card .ult_price_body_block {
   
}

.card-deck.vendor-list .card .ult_price_body_block {
    height: 3em;
    margin-bottom: 3em;
    font-size: 16px
}

    .card-deck.vendor-list .card .ult_price_body_block .ult_price_body {
        font-size: 16px;
        width: 6em;
        height: 6em;
        padding: 0;
        line-height: 1em;
        border: 2px solid #f0f0f0;
        border-radius: 500%;
        margin: 0 auto !important;
        position: relative;
        top: 0;
        background: #FFF;
        color: #777;
        box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
        overflow: hidden
    }

        .card-deck.vendor-list .card .ult_price_body_block .ult_price_body .ult_price {
            padding: 10px;
            overflow: hidden;
            max-width: 100%;
            border-radius: 500%
        }

            .card-deck.vendor-list .card .ult_price_body_block .ult_price_body .ult_price .box-image {
                border-radius: 50%
            }
.card-deck.vendor-list .card .card-title, .card-deck.vendor-list .card .ult_price_body_block {
    background: ;
}
.col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}
.card-deck.vendor-list .card .ult_price_body_block .ult_price_body {
    font-size: 16px;
    width: 6em;
    height: 6em;
    padding: 0;
    line-height: 1em;
    border: 2px solid #f0f0f0;
    border-radius: 500%;
    margin: 0 auto !important;
    position: relative;
    top: 0;
    background: #FFF;
    color: #777;
    box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
    overflow: hidden
}

    .card-deck.vendor-list .card .ult_price_body_block .ult_price_body .ult_price {
        padding: 10px;
        overflow: hidden;
        max-width: 100%;
        border-radius: 500%
    }

        .card-deck.vendor-list .card .ult_price_body_block .ult_price_body .ult_price .box-image {
            border-radius: 50%
        }

.card-deck.vendor-list .card .ult_price_body_block .ult_price_body .ult_price {
    padding: 10px;
    overflow: hidden;
    max-width: 100%;
    border-radius: 500%
}

    .card-deck.vendor-list .card .ult_price_body_block .ult_price_body .ult_price .box-image {
        border-radius: 50%
    }

#content {
    margin-top: var(--content-margin-top, 1.5rem);
    margin-bottom: var(--content-margin-bottom, 1.5rem)
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: .3125rem
}

    .card > hr {
        margin-right: 0;
        margin-left: 0
    }

    .card > .list-group:first-child .list-group-item:first-child {
        border-top-left-radius: .3125rem;
        border-top-right-radius: .3125rem
    }

    .card > .list-group:last-child .list-group-item:last-child {
        border-bottom-right-radius: .3125rem;
        border-bottom-left-radius: .3125rem
    }

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link + .card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #e3f2fd;
    border-bottom: 1px solid rgba(0,0,0,0.1)
}

    .card-header:first-child {
        border-radius: calc(.3125rem - 1px) calc(.3125rem - 1px) 0 0
    }

    .card-header + .list-group .list-group-item:first-child {
        border-top: 0
    }

.card-footer {
    padding: .75rem 1.25rem;
    background-color: #e3f2fd;
    border-top: 1px solid rgba(0,0,0,0.1)
}

    .card-footer:last-child {
        border-radius: 0 0 calc(.3125rem - 1px) calc(.3125rem - 1px)
    }

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.card-img {
    width: 100%;
    border-radius: calc(.3125rem - 1px)
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.3125rem - 1px);
    border-top-right-radius: calc(.3125rem - 1px)
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(.3125rem - 1px);
    border-bottom-left-radius: calc(.3125rem - 1px)
}

.card-deck {
    display: flex;
    flex-direction: column
}

    .card-deck .card {
        margin-bottom: 10px
    }

@media (min-width: 576px) {
    .card-deck {
        flex-flow: row wrap;
        margin-right: -10px;
        margin-left: -10px
    }

        .card-deck .card {
            display: flex;
            flex: 1 0 0%;
            flex-direction: column;
            margin-right: 10px;
            margin-bottom: 0;
            margin-left: 10px
        }
}

.card-group {
    display: flex;
    flex-direction: column
}

    .card-group > .card {
        margin-bottom: 15px
    }

@media (min-width: 576px) {
    .card-group {
        flex-flow: row wrap
    }

        .card-group > .card {
            flex: 1 0 0%;
            margin-bottom: 0
        }

            .card-group > .card + .card {
                margin-left: 0;
                border-left: 0
            }

            .card-group > .card:first-child {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0
            }

                .card-group > .card:first-child .card-img-top, .card-group > .card:first-child .card-header {
                    border-top-right-radius: 0
                }

                .card-group > .card:first-child .card-img-bottom, .card-group > .card:first-child .card-footer {
                    border-bottom-right-radius: 0
                }

            .card-group > .card:last-child {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0
            }

                .card-group > .card:last-child .card-img-top, .card-group > .card:last-child .card-header {
                    border-top-left-radius: 0
                }

                .card-group > .card:last-child .card-img-bottom, .card-group > .card:last-child .card-footer {
                    border-bottom-left-radius: 0
                }

            .card-group > .card:only-child {
                border-radius: .3125rem
            }

                .card-group > .card:only-child .card-img-top, .card-group > .card:only-child .card-header {
                    border-top-left-radius: .3125rem;
                    border-top-right-radius: .3125rem
                }

                .card-group > .card:only-child .card-img-bottom, .card-group > .card:only-child .card-footer {
                    border-bottom-right-radius: .3125rem;
                    border-bottom-left-radius: .3125rem
                }

            .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
                border-radius: 0
            }

                .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
                    border-radius: 0
                }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width: 576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

        .card-columns .card {
            display: inline-block;
            width: 100%
        }
}

.accordion .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0
}

.accordion .card:not(:first-of-type) .card-header:first-child {
    border-radius: 0
}

.accordion .card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion .card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}
.card-deck .card {
    margin-bottom: 20px
}

.card-shadow {
    box-shadow: 0 2px 16px -2px rgba(var(--shadow-colorbase-rgb), calc(var(--shadow-intensity) * 0.12)),0 2px 3px -2px rgba(var(--shadow-color-rgb), calc(var(--shadow-intensity) * 0.15))
}

.card-body > p:last-child {
    margin-bottom: 0
}

.card-footer .btn {
    font-weight: 400
}

.card-body > *:last-child {
    margin-bottom: 0 !important
}

.card-body.disabled {
    opacity: .5
}

@media (min-width: 576px) {
    .card-deck.card-cols-sm-1 .card {
        -ms-flex: 1 0 100% !important;
        flex: 1 0 calc(100% - 20px) !important;
        max-width: calc(100% - 20px)
    }

    .card-deck.card-cols-sm-2 .card {
        -ms-flex: 0 0 50% !important;
        flex: 0 0 calc(50% - 20px) !important;
        max-width: calc(50% - 20px)
    }

    .card-deck.card-cols-sm-3 .card {
        -ms-flex: 0 0 33.333% !important;
        flex: 0 0 calc(33.333% - 20px) !important;
        max-width: calc(33.333% - 20px)
    }

    .card-deck.card-cols-sm-4 .card {
        -ms-flex: 0 0 25% !important;
        flex: 0 0 calc(25% - 20px) !important;
        max-width: calc(25% - 20px)
    }

    .card-deck.card-cols-sm-5 .card {
        -ms-flex: 0 0 20% !important;
        flex: 0 0 calc(20% - 20px) !important;
        max-width: calc(20% - 20px)
    }

    .card-deck.card-cols-sm-6 .card {
        -ms-flex: 0 0 16.666% !important;
        flex: 0 0 calc(16.666% - 20px) !important;
        max-width: calc(16.666% - 20px)
    }

    .card-group.card-cols-sm-1 .card {
        flex: 1 0 100% !important;
        max-width: 100%
    }

    .card-group.card-cols-sm-2 .card {
        flex: 0 0 50% !important;
        max-width: 50%
    }

    .card-group.card-cols-sm-3 .card {
        flex: 0 0 33.333% !important;
        max-width: 33.333%
    }

    .card-group.card-cols-sm-4 .card {
        flex: 0 0 25% !important;
        max-width: 25%
    }

    .card-group.card-cols-sm-5 .card {
        flex: 0 0 20% !important;
        max-width: 20%
    }

    .card-group.card-cols-sm-6 .card {
        flex: 0 0 16.666% !important;
        max-width: 16.666%
    }

    .card-columns.card-cols-sm-1 {
        column-count: 1
    }

    .card-columns.card-cols-sm-2 {
        column-count: 2
    }

    .card-columns.card-cols-sm-3 {
        column-count: 3
    }

    .card-columns.card-cols-sm-4 {
        column-count: 4
    }

    .card-columns.card-cols-sm-5 {
        column-count: 5
    }

    .card-columns.card-cols-sm-6 {
        column-count: 6
    }
}

@media (min-width: 768px) {
    .card-deck.card-cols-md-1 .card {
        -ms-flex: 1 0 100% !important;
        flex: 1 0 calc(100% - 20px) !important;
        max-width: calc(100% - 20px)
    }

    .card-deck.card-cols-md-2 .card {
        -ms-flex: 0 0 50% !important;
        flex: 0 0 calc(50% - 20px) !important;
        max-width: calc(50% - 20px)
    }

    .card-deck.card-cols-md-3 .card {
        -ms-flex: 0 0 33.333% !important;
        flex: 0 0 calc(33.333% - 20px) !important;
        max-width: calc(33.333% - 20px)
    }

    .card-deck.card-cols-md-4 .card {
        -ms-flex: 0 0 25% !important;
        flex: 0 0 calc(25% - 20px) !important;
        max-width: calc(25% - 20px)
    }

    .card-deck.card-cols-md-5 .card {
        -ms-flex: 0 0 20% !important;
        flex: 0 0 calc(20% - 20px) !important;
        max-width: calc(20% - 20px)
    }

    .card-deck.card-cols-md-6 .card {
        -ms-flex: 0 0 16.666% !important;
        flex: 0 0 calc(16.666% - 20px) !important;
        max-width: calc(16.666% - 20px)
    }

    .card-group.card-cols-md-1 .card {
        flex: 1 0 100% !important;
        max-width: 100%
    }

    .card-group.card-cols-md-2 .card {
        flex: 0 0 50% !important;
        max-width: 50%
    }

    .card-group.card-cols-md-3 .card {
        flex: 0 0 33.333% !important;
        max-width: 33.333%
    }

    .card-group.card-cols-md-4 .card {
        flex: 0 0 25% !important;
        max-width: 25%
    }

    .card-group.card-cols-md-5 .card {
        flex: 0 0 20% !important;
        max-width: 20%
    }

    .card-group.card-cols-md-6 .card {
        flex: 0 0 16.666% !important;
        max-width: 16.666%
    }

    .card-columns.card-cols-md-1 {
        column-count: 1
    }

    .card-columns.card-cols-md-2 {
        column-count: 2
    }

    .card-columns.card-cols-md-3 {
        column-count: 3
    }

    .card-columns.card-cols-md-4 {
        column-count: 4
    }

    .card-columns.card-cols-md-5 {
        column-count: 5
    }

    .card-columns.card-cols-md-6 {
        column-count: 6
    }
}

@media (min-width: 992px) {
    .card-deck.card-cols-lg-1 .card {
        -ms-flex: 1 0 100% !important;
        flex: 1 0 calc(100% - 20px) !important;
        max-width: calc(100% - 20px)
    }

    .card-deck.card-cols-lg-2 .card {
        -ms-flex: 0 0 50% !important;
        flex: 0 0 calc(50% - 20px) !important;
        max-width: calc(50% - 20px)
    }

    .card-deck.card-cols-lg-3 .card {
        -ms-flex: 0 0 33.333% !important;
        flex: 0 0 calc(33.333% - 20px) !important;
        max-width: calc(33.333% - 20px)
    }

    .card-deck.card-cols-lg-4 .card {
        -ms-flex: 0 0 25% !important;
        flex: 0 0 calc(25% - 20px) !important;
        max-width: calc(25% - 20px)
    }

    .card-deck.card-cols-lg-5 .card {
        -ms-flex: 0 0 20% !important;
        flex: 0 0 calc(20% - 20px) !important;
        max-width: calc(20% - 20px)
    }

    .card-deck.card-cols-lg-6 .card {
        -ms-flex: 0 0 16.666% !important;
        flex: 0 0 calc(16.666% - 20px) !important;
        max-width: calc(16.666% - 20px)
    }

    .card-group.card-cols-lg-1 .card {
        flex: 1 0 100% !important;
        max-width: 100%
    }

    .card-group.card-cols-lg-2 .card {
        flex: 0 0 50% !important;
        max-width: 50%
    }

    .card-group.card-cols-lg-3 .card {
        flex: 0 0 33.333% !important;
        max-width: 33.333%
    }

    .card-group.card-cols-lg-4 .card {
        flex: 0 0 25% !important;
        max-width: 25%
    }

    .card-group.card-cols-lg-5 .card {
        flex: 0 0 20% !important;
        max-width: 20%
    }

    .card-group.card-cols-lg-6 .card {
        flex: 0 0 16.666% !important;
        max-width: 16.666%
    }

    .card-columns.card-cols-lg-1 {
        column-count: 1
    }

    .card-columns.card-cols-lg-2 {
        column-count: 2
    }

    .card-columns.card-cols-lg-3 {
        column-count: 3
    }

    .card-columns.card-cols-lg-4 {
        column-count: 4
    }

    .card-columns.card-cols-lg-5 {
        column-count: 5
    }

    .card-columns.card-cols-lg-6 {
        column-count: 6
    }
}

@media (min-width: 1200px) {
    .card-deck.card-cols-xl-1 .card {
        -ms-flex: 1 0 100% !important;
        flex: 1 0 calc(100% - 20px) !important;
        max-width: calc(100% - 20px)
    }

    .card-deck.card-cols-xl-2 .card {
        -ms-flex: 0 0 50% !important;
        flex: 0 0 calc(50% - 20px) !important;
        max-width: calc(50% - 20px)
    }

    .card-deck.card-cols-xl-3 .card {
        -ms-flex: 0 0 33.333% !important;
        flex: 0 0 calc(33.333% - 20px) !important;
        max-width: calc(33.333% - 20px)
    }

    .card-deck.card-cols-xl-4 .card {
        -ms-flex: 0 0 25% !important;
        flex: 0 0 calc(25% - 20px) !important;
        max-width: calc(25% - 20px)
    }

    .card-deck.card-cols-xl-5 .card {
        -ms-flex: 0 0 20% !important;
        flex: 0 0 calc(20% - 20px) !important;
        max-width: calc(20% - 20px)
    }

    .card-deck.card-cols-xl-6 .card {
        -ms-flex: 0 0 16.666% !important;
        flex: 0 0 calc(16.666% - 20px) !important;
        max-width: calc(16.666% - 20px)
    }

    .card-group.card-cols-xl-1 .card {
        flex: 1 0 100% !important;
        max-width: 100%
    }

    .card-group.card-cols-xl-2 .card {
        flex: 0 0 50% !important;
        max-width: 50%
    }

    .card-group.card-cols-xl-3 .card {
        flex: 0 0 33.333% !important;
        max-width: 33.333%
    }

    .card-group.card-cols-xl-4 .card {
        flex: 0 0 25% !important;
        max-width: 25%
    }

    .card-group.card-cols-xl-5 .card {
        flex: 0 0 20% !important;
        max-width: 20%
    }

    .card-group.card-cols-xl-6 .card {
        flex: 0 0 16.666% !important;
        max-width: 16.666%
    }

    .card-columns.card-cols-xl-1 {
        column-count: 1
    }

    .card-columns.card-cols-xl-2 {
        column-count: 2
    }

    .card-columns.card-cols-xl-3 {
        column-count: 3
    }

    .card-columns.card-cols-xl-4 {
        column-count: 4
    }

    .card-columns.card-cols-xl-5 {
        column-count: 5
    }

    .card-columns.card-cols-xl-6 {
        column-count: 6
    }
}