﻿:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.txt-or {
    font-weight: 600;
}

.btn-outline-secondary {
    color: var(--color-black-border);
    border-color: var(--color-black-border);
}

hr {
    height: 1px;
    background: currentColor;
}

.btn-dark {
    color: var(--color-white) !important;
    background-color: var(--color-dark-bluish-black) !important;
    border-color: var(--color-dark-bluish-black) !important;
}

.bootstrap-dialog.type-primary .modal-header {
    background-color: var(--bg-header-color-logo) !important;
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
    border-radius: 0;
}

    .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-check:active + .btn-primary, .btn-secondary:hover {
        background-color: #303747;
        border-color: #303747;
        color: #fff;
        text-decoration: none;
    }

/*global css - End*/
.btn-makeOffer:active {
    background-color: var(--color-orange) !important;
}

.btn-buynow:focus,
.btn-buynow:focus-visible
{
    outline: none !important;
}

.btn-makeOffer:focus,
.btn-makeOffer:focus-visible {
    color: white !important;
    background-color: var(--color-orange) !important;
    outline: none !important;
}

    .btn-buynow:hover,
    .btn-buynow:focus {
        background-color: var(--color-dark-blue) !important;
        color: white !important;
    }

.awe-rt-ListingClosedMessage {
    position: relative;
    padding: 1.5rem 1.5rem;
    margin-bottom: 1.5rem;
    border: 1px solid var(--color-light-yellow);
    border-radius: 0.25rem;
    font-size: var(--font-size-16);
}

.awe-rt-ListingActionMessage .alert {
    margin-top: 0px;
    font-weight: 700;
}

.awe-rt-ListingActionMessage .alert-danger {
    color: var(--color-red-warning) !important;
    background-color: var(--color-warning);
    border-color: var(--color-light-yellow);
}

.lot_bidding_details .detail__title {
    margin-top: 0;
    margin-bottom: 0.75rem;
    font-weight: var(--font-weight-bold);
    line-height: 1.2;
    font-size: calc(1.3rem + .6vw);
    color: var(--bg-footer-top-color);
}

.detail__subtitle, .watch-list, .addToWatch, txt-or {
    color: var(--color-text-navy-blue);
}

.notWatchedText {
    color: var(--color-icon-orange);
}

.row-flex {
    display: flex !important;
    flex-wrap: wrap !important;
}

.detail__subtitle {
    opacity: 0.9;
}

#ContextualStatus1 .alert-warning, .awe-rt-ListingClosedMessage {
    color: var(--color-warning-text);
    background-color: var(--color-warning);
    border-color: var(--color-light-yellow);
}

.para-watchCount {
    /*    background-color: var(--color-bg-mercury) !important;
    border-color: var(--color-mercury);
    padding: 7.5px;*/
    padding: 0.5rem !important;
    min-width: 180px;
    text-align: left;
    font-size: 15px;
    font-weight: 600;
}

.watch-list {
    margin-top: 7.5px;
    margin-bottom: 7.5px;
    letter-spacing: 0px;
}

    .watch-list .fa-plus {
        font-size: small;
        color: var(--color-dark-orange);
    }

.addToWatch {
    color: var(--color-navy-blue);
}

.watch-list .fa-eye, .watch-list .fa-plus, .watch-list .fa-check {
    margin-right: 4px;
}

.mr-custom {
    margin-left: 1rem;
}

.add-watch-label, .addToWatch {
    font-weight: 600;
    font-size: 15px;
}

.post-question-title {
    font-size: 23px;
    color: var(--bg-footer-top-color);
    font-weight: 700;
}

.char-count {
    margin-bottom: 7.5px;
    color: var(--color-bluish-grey);
    font-size: 15px;
}

.fixedPrice-details #ListingQuestionInput {
    height: 180px;
}

.listing-question-box {
    min-height: calc(1.5em + .75rem + 2px);
}

.listing-question-box {
    display: block;
    padding: .5rem 1.1rem;
    font-size: 15px;
    line-height: 1.5;
    border: 1px solid #ced4da;
    border-radius: .4rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#ListingQuestionInput {
    height: 75px;
}

.listing-question-box:focus, .listing-question-box:focus-visible {
    color: var(--color-dark-bluish-black);
    background-color: none;
    border-color: var(--color-orange);
    outline: currentColor;
}

#ContextualStatus1 .alert {
    margin-bottom: 15px;
}

#ContextualStatus1 .alert-success {
    background-color: var(--color-success);
    animation: 1s infinite alternate ease-out breathing-color--green;
    color: var(--color-black);
}

#ContextualStatus1 .alert-danger {
    background-color: var(--color-red-warning);
    animation: 1s infinite alternate ease-out breathing-color--red;
    color: var(--color-white);
}

.bootstrap-dialog-close-button .close {
    color: white !important;
}

.delete-question-btn {
    color: red;
    font-weight: bold;
}

.delete-icon {
    font-size: 20px;
    color: red;
}

@keyframes breathing-color--green {
    from {
        background-color: var(--color-success);
    }

    to {
        background-color: var(--color-success-dark);
    }
}

@keyframes breathing-color--red {
    from {
        background-color: var(--color-breathing-light-red);
    }

    to {
        background-color: var(--color-breathing-dark-red);
    }
}

.current-price {
    margin-top: 7.5px;
    margin-bottom: 7.5px;
}

    .current-price .awe-rt-CurrentPrice, .current-price .Bidding_Local_Price {
        color: var(--color-orange);
        font-weight: 700;
    }

.closed-details.listing-details-1 {
    border: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: var(--font-weight-400);
    margin-bottom: 0px;
    margin-top: 0px;
}

    .closed-details.listing-details-1 .list-group-item {
        padding: 15px 0px;
    }

.quantity-dropdown #Quantity {
    display: inline-block;
    width: max-content;
    padding: 6px 4px;
}

.btn-buynow, .btn-makeOffer {
    text-transform: uppercase;
    white-space: normal;
}

    .btn-buynow:hover, .btn-makeOffer:hover {
        background-color: var(--color-navy-blue);
        color: var(--color-white);
    }

.btn-buynow, .btn-makeOffer {
    background-color: var(--color-orange);
    font-size: calc(1.2rem + 0.6vw);
    border-radius: 26px;
    color: white;
}
.btn-buynow {
    background-color: var(--color-mango) !important;
}
.gap-20-px{
    gap: 20px;
}
.animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.QA-action-btn-container, .display-flex--question-answer-section {
    display: flex !important;
}

.QA-action-btn-container {
    gap: .5rem;
}

.display-flex--question-answer-section {
    gap: 1em;
}

.post-answer-button,
.delete-question {
    margin-top: 0 !important;
}

.fa-reply,
.reply-qa-btn {
    color: var(--color-orange)
}

    .fa-reply:hover,
    .delete-icon:hover {
        color: #022c66;
    }

.reply-qa-btn,
.question-datetime {
    margin-right: 5px;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}


.question-text,
#QuestionTextToAnswer,
.answer-text {
    word-break: break-all;
}

@media (min-width: 1200px) {
    .lot_bidding_details .detail__title {
        font-size: var(--font-size-2--5-rem);
    }
}

@media (min-width: 768px) {
    .detail__subtitle {
        font-size: var(--font-size-17);
    }

    .fixedPrice-details, .fixedPrice-quantitiy, .watch-list,
    .success-and-error-msg {
        font-size: var(--font-size-1--8-rem);
    }

        .lot_bidding_details .alert, .fixedPrice-details .detail__each {
            font-size: var(--font-size-16);
        }

    .current-price, .quantity-dropdown, .listing-closed-price {
        font-size: 22px;
        font-weight: 500;
    }

    .details-lower-section .tab-content {
        min-height: 265px;
    }
}

@media (max-width: 768px) {
    .detail__option-menu__label {
        white-space: normal;
    }
}

@media (max-width: 440px) {
    .detail__option-menu__link {
        padding: 10px 5px;
    }
}

.m-r-10px {
    margin-right: 10px;
}

.detail-properties-1 .para-tax {
    width: 100% !important;
    border: 1px solid var(--color-light-gray);
    max-width: none;
}

.color-bg-white {
    background-color: var(--color-white) !important;
}

.col-md-width-3-5 {
    flex: 1;
}

.px-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.extra-styles-flex-wrap {
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    padding: 0;
}

.min-width-270px {
    min-width: 270px !important;
}

.max-width-437px {
    max-width: 437px !important;
}

@media only screen and (max-width: 768px) {
    #MakeOffer, .btn-buynow {
        font-size: 14px !important;
    }
}

.flex-seller-details-fixed-price {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.flex-wrap-wtachlist-watching {
    flex-wrap: wrap;
}

@media (max-width: 767px) {
    .mobile-margin-listing-image {
        margin-bottom: 15px !important;
    }
    .fixed-btn-section {
        flex-direction: column;
        gap: 1rem !important;
    }
    .fixed-btn-section > * {
        width: 100%;
        margin-right: 0 !important;
    }
}

#MakeOffer, .btn-buynow {
    border-radius: 0px !important;
}

    #MakeOffer:hover {
        background-color: var(--color-orange);
    }

#MakeOffer {
    background-color: var(--color-dark-blue);
}

.max-width-255px {
    max-width: 255px;
}

.width-195px {
    width: 195px !important;
}

.next-prev-listing-details {
    justify-content: space-between !important;
    padding: 10px 15px !important;
    
}

.next-prev-listing-details button {
    font-weight: 400 !important;
    text-transform:capitalize !important;
    font-size: 15px;
}