/*Design for new detail page changes 2896*/
#spnEventName a, #hOrgName a {
    color: #3F4254;
}

.new_item_list_wrapper .highbid-ribbon {
    height: 130px;
    width: 129px;
    cursor: pointer;
}

.new_item_list_wrapper .outbid-ribbon {
    height: 120px;
    width: 118px;
    cursor: pointer;
}

#divImageScroll img {
    border-radius: 5px !important;
}

#kt_content {
    margin-top: 0 !important;
    padding: 0 !important;
}

.corporate .small-nav-header.public-small-header {
    border: none !important;
}

.create_item_wrapper.new_item_details_design .highest-bid-box i {
    color: #ffffff !important;
}

#kt_content .create_item_wrapper.new_item_details_design .card-footer {
    background-color: rgb(0, 0, 0, 0.05) !important;
    padding: 5px !important;
}

    #kt_content .create_item_wrapper.new_item_details_design .card-footer div div {
        padding: 0 !important;
    }

.create_item_wrapper.new_item_details_design #divItemInfo #lblReserve {
    font-size: 14px !important;
    font-weight: 500 !important;
}

.create_item_wrapper.new_item_details_design #divItemInfo .item_info #divItemValueRight {
    margin-bottom: 0.5rem !important;
}

.create_item_wrapper.new_item_details_design #divItemInfo .item_info #divAllowShipping {
    margin-bottom: 0.5rem !important;
}

.create_item_wrapper.new_item_details_design #divItemInfo .item_info #divStartBidRight .input-with-icon i.currencyText {
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.create_item_wrapper.new_item_details_design #divItemInfo .item_info .input-with-icon i.currencyText {
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.create_item_wrapper.new_item_details_design #divItemInfo #lblOutOfStock div {
    padding: 15px;
    border-radius: 8px !important;
    background-color: #ffd23e !important;
    display: flex;
    align-items: flex-start;
    text-align: left !important;
    margin-top: 15px;
    gap: 15px;
}

    .create_item_wrapper.new_item_details_design #divItemInfo #lblOutOfStock div i {
        font-size: 24px !important;
        color: #ffffff;
    }

    .create_item_wrapper.new_item_details_design #divItemInfo #lblOutOfStock div label {
        margin: 0;
        color: #ffffff !important;
        font-size: 16px;
    }

.create_item_wrapper.new_item_details_design #divItemInfo .out_stock div {
    padding: 15px;
    border-radius: 8px;
    background-color: #ffd23e !important;
    display: flex;
    align-items: flex-start;
    text-align: left !important;
    margin-top: 15px;
    gap: 15px;
}

    .create_item_wrapper.new_item_details_design #divItemInfo .out_stock div i {
        font-size: 24px !important;
        color: #ffffff;
    }

    .create_item_wrapper.new_item_details_design #divItemInfo .out_stock div label {
        margin: 0;
        color: #ffffff !important;
        font-size: 16px;
    }

.new_item_details_design .card {
    box-shadow: none !important;
    border: none !important;
}

.create_item_wrapper.new_item_details_design .item-container .add-btn {
    background-color: #0073e9 !important;
    padding: 10px !important;
    color: #fff;
    border: #0073e9 solid 2px !important;
    border-radius: 4px !important;
}

    .create_item_wrapper.new_item_details_design .item-container .add-btn:hover {
        background-color: #fff !important;
        color: #0073e9;
        border: #0073e9 solid 2px !important;
    }

.new_item_details_design .event-profile-details p {
    font-size: 15px;
}

.subheader.subheader-solid.small-nav-header .howto-btn {
    border: none;
    border-radius: 5px !important;
    background-color: #ecf1fc;
    color: #0073e9 !important;
}

    .subheader.subheader-solid.small-nav-header .howto-btn .fa {
        font-size: 14px;
        color: #0073e9 !important;
    }

.new_item_details_design .card #divItemInfo {
    padding: 10px;
    border-radius: 10px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,.1);
    min-height: inherit !important;
    justify-content: flex-start !important;
    height: auto !important;
}

.create_item_wrapper.new_item_details_design #divItemInfo .item_info {
    background-color: #f2f2f2;
    border-radius: 10px !important;
    padding: 10px;
    margin-top: 0;
    margin-bottom: 15px;
}

    .create_item_wrapper.new_item_details_design #divItemInfo .item_info .input-with-icon i {
        font: 500 normal normal 14px/1 FontAwesome !important;
    }

    .create_item_wrapper.new_item_details_design #divItemInfo .item_info #divStartBidRight {
        justify-content: space-between !important;
    }

    .create_item_wrapper.new_item_details_design #divItemInfo .item_info #lblDonatedByName, .create_item_wrapper.new_item_details_design #divItemInfo .item_info #lblComma, .create_item_wrapper.new_item_details_design #divItemInfo .item_info #lblDonatedByCompanyName {
        color: #3F4254 !important;
        font-weight: 500;
    }

    .create_item_wrapper.new_item_details_design #divItemInfo .item_info #divStartBidRight #lblRightStartBid {
        font-size: 14px;
        text-transform: uppercase;
    }

    .create_item_wrapper.new_item_details_design #divItemInfo .item_info #divStartBidRight .input-with-icon {
        justify-content: flex-end;
    }

        .create_item_wrapper.new_item_details_design #divItemInfo .item_info #divStartBidRight .input-with-icon .bid-value-text {
            font-size: 14px;
            font-weight: 500;
        }

    .create_item_wrapper.new_item_details_design #divItemInfo .item_info #divItemValueRight h3 {
        flex: inherit;
        width: auto !important;
        font-size: 14px !important;
        text-transform: uppercase;
    }

.create_item_wrapper.new_item_details_design #divItemInfo #divStartBidRight #lblCurrentBid {
    text-transform: uppercase;
    flex: inherit;
    width: auto !important;
    font-weight: 500 !important;
    font-size: 14px;
}

.create_item_wrapper.new_item_details_design #divItemInfo .item_info #divItemValueRight .input-with-icon {
    flex: 1;
    width: auto !important;
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.create_item_wrapper.new_item_details_design #divItemInfo .item_info #divItemValueRight .bid-value-text {
    font-size: 14px;
    padding-left: 1.2rem;
    font-weight: 500;
    background-color: transparent !important;
}

.create_item_wrapper.new_item_details_design #divItemInfo .item_info #lblTax {
    margin-left: 0 !important;
    display: flex;
    text-align: left;
    font-size: 14px;
    font-weight: 500 !important;
    justify-content: space-between;
    text-transform: uppercase;
    margin: 0 0 0.5rem !important;
}

.create_item_wrapper.new_item_details_design #divAllowShipping #divItemInfo .item_info #divAllowShipping h3 {
    justify-content: space-between;
}

.create_item_wrapper.new_item_details_design #divItemInfo .item_info #divAllowShipping h3 #lblAllowShipping {
    font-weight: 500 !important;
    text-transform: uppercase;
    font-size: 14px;
}



.create_item_wrapper.new_item_details_design #divItemInfo .item_info #divCatalogNumber {
    justify-content: space-between;
    width: 100%;
}

    .create_item_wrapper.new_item_details_design #divItemInfo .item_info #divCatalogNumber label {
        font-weight: 500 !important;
        text-transform: uppercase;
        font-size: 14px;
    }

.create_item_wrapper.new_item_details_design #divItemInfo .item_info #smCatalogNumber {
    flex: inherit;
    width: auto !important;
    text-align: right;
    font-size: 14px !important;
    font-weight: 500;
    word-break: break-all;
    color: #3F4254 !important;
}

.create_item_wrapper.new_item_details_design #divItemInfo .item_info .date-donated-text {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem !important;
    align-items: center;
}

.create_item_wrapper.new_item_details_design #divItemInfo .item_info #divProductDonate .form-group {
    justify-content: space-between;
}

    .create_item_wrapper.new_item_details_design #divItemInfo .item_info #divProductDonate .form-group label {
        flex: inherit;
        width: auto !important;
        margin: 0 !important;
        font-size: 14px;
        font-weight: 500 !important;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .create_item_wrapper.new_item_details_design #divItemInfo .item_info #divProductDonate .form-group small {
        font-size: 14px !important;
        font-weight: 500;
        color: #3F4254 !important;
        text-align: right;
        display: inline-block;
    }

.create_item_wrapper.new_item_details_design #divItemInfo .item_info .date-donated-text {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .create_item_wrapper.new_item_details_design #divItemInfo .item_info .date-donated-text label {
        flex: inherit;
        width: auto !important;
        margin: 0 !important;
        text-align: left !important;
        font-weight: 500 !important;
        font-size: 14px !important;
        text-transform: uppercase;
    }

    .create_item_wrapper.new_item_details_design #divItemInfo .item_info .date-donated-text #txtBiddingEndDate {
        text-align: right;
        font-size: 14px;
        font-weight: 500 !important;
        flex: 2;
    }

.create_item_wrapper.new_item_details_design #divItemInfo .bid-history {
    color: #3F4254 !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-transform: uppercase;
}

    .create_item_wrapper.new_item_details_design #divItemInfo .bid-history:hover {
        text-decoration: underline !important
    }

.create_item_wrapper.new_item_details_design #divItemInfo .item_info #divAllowShipping h3 #btnCalculateShipCost {
    flex: 1;
    width: auto !important;
    color: #3F4254;
    text-align: right;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}

    .create_item_wrapper.new_item_details_design #divItemInfo .item_info #divAllowShipping h3 #btnCalculateShipCost:hover {
        text-decoration: underline !important;
    }

.create_item_wrapper.new_item_details_design .highest-bid-box {
    background-color: #41ad60;
    padding: 10px;
    border-radius: 8px !important;
    color: #ffffff;
    font-weight: 500;
    font-size: 15px;
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}

.create_item_wrapper.new_item_details_design .item-container {
    border: none;
}

.create_item_wrapper.new_item_details_design #divBidArea {
    padding: 0 !important;
}

.create_item_wrapper.new_item_details_design #divShareThisFooter {
    margin: 15px 0 !important;
}

    .create_item_wrapper.new_item_details_design #divShareThisFooter .sharethis-inline-share-buttons {
        display: flex;
        justify-content: flex-start;
    }

.create_item_wrapper.new_item_details_design #st-1.st-has-labels .st-btn {
    min-width: inherit;
}

.create_item_wrapper.new_item_details_design #divShareThisFooter .sharethis-inline-share-buttons .st-btn {
    width: 40px;
    border-radius: 100% !important;
}

    .create_item_wrapper.new_item_details_design #divShareThisFooter .sharethis-inline-share-buttons .st-btn > span {
        font-size: 14px;
        font-weight: normal;
        display: none !important;
    }

    .create_item_wrapper.new_item_details_design #divShareThisFooter .sharethis-inline-share-buttons .st-btn img {
        margin-right: 0;
        width: 40px;
        border-radius: 100% !important;
    }

.closed-auction.bg-red-bx {
    background-color: #ff5858;
    display: flex;
    padding: 15px;
    border-radius: 8px !important;
    color: #fff;
    align-items: flex-start;
    gap: 15px;
}

.closed-auction.bg-green-bx {
    background-color: #41ad60;
    display: flex;
    padding: 15px;
    border-radius: 8px !important;
    color: #fff;
    align-items: flex-start;
    gap: 15px;
}

.closed-auction .fa {
    font-size: 24px !important;
    color: #ffffff;
}

.closed-auction h1 {
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 600;
}

.closed-auction p {
    margin: 0;
}
/*End*/


.view_btn {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    transition: box-shadow .28s cubic-bezier(.4,0,.2,1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    user-select: none;
    line-height: 0px !important;
}

.form-control-new {
    height: 45px;
    min-height: 45px;
    display: none;
    width: 100%;
    padding: 0.375rem 0.75rem;
    line-height: 1.6;
    background-color: rgb(255, 255, 255);
    background-clip: padding-box;
    border: 1px solid rgb(211, 223, 234);
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    border-radius: 5px;
    outline: 0px;
    color: rgb(66, 78, 121);
    opacity: 1;
}
/*
samapika autocomplete*/
/*the container must be positioned relative:*/
.autocomplete {
    position: relative;
    display: inline-block;
}

/*input {
    border: 1px solid transparent;
    background-color: #f1f1f1;
    padding: 10px;
    font-size: 16px;
}*/

/* input[type=text] {
        background-color: #f1f1f1;
        width: 100%;
    }*/

input[type=submit] {
    background-color: DodgerBlue;
    color: #fff;
    cursor: pointer;
}

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}

    .autocomplete-items div {
        padding: 10px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4;
    }

        /*when hovering an item:*/
        .autocomplete-items div:hover {
            background-color: #e9e9e9;
        }

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
    background-color: DodgerBlue !important;
    color: #ffffff;
}

/*samapika*/
* {
    box-sizing: border-box
}


.mySlides {
    display: none
}

img {
    vertical-align: middle;
}

/* Slideshow container */
.slideshow-container {
    max-width: 1000px;
    position: relative;
    margin: auto;
}

/* Next & previous buttons */
.prevSlide, .nextSlide {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: brown;
    font-weight: bold;
    font-size: 24px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */
.nextSlide {
    right: 0;
    border-radius: 3px 0 0 3px;
}

    /* On hover, add a black background color with a little bit see-through */
    .prevSlide:hover, .nextSlide:hover {
        /*background-color: rgba(0,0,0,0.8);*/
    }

/* Caption text */
.text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

/* The dots/bullets/indicators */
.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

    /* .active, .dot:hover {
        background-color: #717171;
    }*/
    .itemActive, .dot:hover {
        background-color: #717171;
    }

/* Fading animation */
/*.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}*/

/*@-webkit-keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}*/

/*@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}*/

/* On smaller screens, decrease text size */
@media (max-width: 640px) {
    .create_item_wrapper.new_item_details_design .col-sm-4.custom-col {
        margin-top: 15px;
    }

    .create_item_wrapper.new_item_details_design #divShareThisFooter .sharethis-inline-share-buttons {
        margin: 0 !important;
    }
}

@media only screen and (max-width: 300px) {
    .prevSlide, .nextSlide, .text {
        font-size: 11px
    }
}

.DisplayNone {
    display: none !important;
}

.d-flex.DisplayNone {
    display: none !important;
}


::-webkit-scrollbar {
    width: 4px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px transparent;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #f2f6f9;
    border-radius: 10px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #f2f6f9;
    }