@charset "UTF-8";

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 0.66em;
    font-family: "Poppins", sans-serif !important;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    margin-top: 0;
}



body {
    font-family: "Poppins", sans-serif !important;
    font-weight: 400;
    /*background: #eef0f8 !important;*/
    background: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inherit !important;
}

h3,
.h3 {
    font-size: 1.5rem !important;
}

.header-dropdown li {
    border: none !important;
}

.justify-content-center {
    justify-content: center !important;
}

.footer a:hover {
    color: #fff;
}
.fa.fa-dollar.donation-icon {
    background-color: #333;
    width: 19px;
    height: 19px;
    border-radius: 100%;
    display: flex;
}
    .fa.fa-dollar.donation-icon:before {
        color: #fff;
        font-size: 13px;
        margin: auto;
    }
#myModal.fade.show {
    opacity: 1;
}

#myModal.modal .modal-header .close i {
    font-size: 24px;
}

.mb-6,
.my-6 {
    margin-bottom: 2rem !important;
}

.card-group > .card:only-child {
    border-radius: 3px;
}

.d-sm-flex {
    display: flex !important;
}

.header-dropdown li a:hover {
    color: #0073e9 !important;
    text-decoration: underline;
}

.btn-list > .btn,
.btn-list > .dropdown {
    margin-bottom: 0.5rem;
}

.mr-2,
.mx-2 {
    margin-right: 10px !important;
}

.btn-google:hover {
    color: #fff;
    background-color: #d03526;
    border-color: #c63224;
}

.btn-google {
    color: #fff;
    background-color: #dc4e41;
    border-color: #dc4e41;
}

.btn-twitter {
    color: #fff;
    background-color: #1da1f2;
    border-color: #1da1f2;
}

    .btn-twitter:hover {
        color: #fff;
        background-color: #0d8ddc;
        border-color: #0c85d0;
    }

#dvContainer #kt_content .container-fluid {
    width: 100%;
}

.iframecontainer iframe {
    width: 100% !important;
}

#divShareThisFooter {
    clear: both;
    margin: 0 0 80px !important;
    width: 100%;
    text-align: center;
}

.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading,
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link {
    background-color: #d2e9ff !important;
    color: #333333;
    opacity: 1;
    border-radius: 50px;
}

.hero-banner .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading,
.hero-banner .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link {
    background-color: #ffffff1a !important;
    color: var(--banner-color) !important;
}

.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-text,
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-text {
    color: #0073e9 !important;
}

.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-icon i {
    color: #0073e9 !important;
}

.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading,
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link {
    background-color: #d2e9ff !important;
    color: #fff;
    opacity: 1;
    border-radius: 50px;
}

.hero-banner.newdesign_sidebar .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading,
.hero-banner.newdesign_sidebar .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link {
    background-color: #ffffff1a !important;
    color: #fff;
    opacity: 1;
    border-radius: 50px;
}

.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading .menu-text,
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-text {
    color: #0073e9 !important;
}

.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading .menu-icon,
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-icon {
    color: #0073e9 !important;
    background-color: transparent !important;
}

.hero-banner.newdesign_sidebar .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading .menu-icon,
.hero-banner.newdesign_sidebar .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-icon {
    color: var(--banner-color) !important;
    background-color: transparent !important;
}

.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-icon,
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-icon {
    color: #0073e9 !important;
    background-color: transparent;
}


.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-icon i {
    color: #0073e9 !important;
}

.hero-banner.newdesign_sidebar .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-icon i {
    color: var(--banner-color) !important;
}

/*<..........css 04-01-2024 .............*/
.dashboard-content-wrapper{
    min-height: 74vh;
}
.tab_content.first.tab_general.active.tab_1_1 .assign-outer-box div:first-child {
    flex: 2.5;
}
.tab_content.first.tab_general.active.tab_1_1 .assign-outer-box div:first-child p{
    max-width: 78%;
}
.tab_content.tab_auction.active.tab_1_3 .assign-outer-box div:first-child {
    flex: 2.5;
}
.tab_content.tab_auction.active.tab_1_3 .assign-outer-box div:first-child p {
        max-width: 78%;
}
#textHTMLSumernote .note-toolbar.panel-heading {
    white-space: normal !important;
}
#textHTMLSumernote .note-editor .note-toolbar .note-btn-group {
    width: auto;
}
#textHTMLSumernote .btn{
    padding-left: 10px;
    padding-right: 10px;
}
/*<..........css 27-10-2023 .............*/
.tab_content.tab_auction.active.tab_1_3 .assign-outer-box {
    border-bottom: 1px solid #dfe3eb;
}
#divBuy #divBuyNowForm {
    width: 100%;
    max-width: 100%;
}

#divBuyNowForm #btnBuyNow {
    padding: 0 15px !important;
    font-size: 16px !important;
}

#divBuyNowForm #txtBuyNowPrice {
    flex: 2.8;
    padding-right: 0 !important;
}

#divBuyNowForm.modal-form {
    max-width: 100% !important;
}

#Bid_historybdy i {
    color: #6f6f6f;
}
.create_item_wrapper.new_item_details_design {
    padding: 0 !important;
}
.tip-details{
    font-size: 10px !important;
}
#filteritemsmobile {
    color: #333;
    background: transparent;
    height: 100%;
    top: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center !important;
    line-height: 87px;
    width: 100%;
    max-width: 68px;
    margin: 0 auto;
    z-index: 999999;
}
#auction_terms-tab #summernoteTerms span, #auction_terms-tab #summernoteTerms div, #auction_terms-tab #summernoteTerms p {
    text-indent: inherit !important;
}
#auction_terms-tab #summernoteTerms {
    padding: 15px;
}

#hOrgName {
    margin-top: 10px !important;
    margin-bottom: 0;
}

    #hOrgName small {
        font-size: 1.175rem;
    }

#divItemInfo .st-total {
    display: none !important;
}

#embedtext {
    min-height: 110px;
}

#divShare .st-total {
    display: none !important;
}

#aLearnMore:focus, #aLearnMore:hover {
    color: #0073e9;
}

#confirm_table.table td {
    vertical-align: top;
}

    #confirm_table.table td.nowrap {
        white-space: nowrap;
    }

#confirm_table.table tr td:nth-of-type(3), #confirm_table.table tr td:nth-of-type(4) {
    white-space: nowrap;
}
/*<..........css 01-11-2023 .............*/

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

.history-accordion .history-accordion-item {
    margin: 10px 0;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: none;
}

.accordion-titel {
    background-color: #f3f6f9;
    padding: 10px 15px;
    cursor: pointer;
}

    .accordion-titel h2 {
        margin: 0;
        font-size: 18px;
    }

.accordion-contant {
    padding: 15px 0;
    background-color: transparent;
    display: none;
}

.accordion-titel h2 span {
    float: right;
}

    .accordion-titel h2 span .fa {
        font-size: 18px !important;
        color: #333333;
    }

.buynow_quantities {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
    .buynow_quantities #txtAvailableBuyNowQuantity {
        padding-left: 10px;
    }
    .buynow_quantities #txtBuyNowQuantity {
        max-width: 70px;
        text-align: center !important;
        margin-left: 5px;
        border: #d3dfea solid 1px;
        border-radius: 4px;
        min-height: 34px;
    }

#divItemInfo #divTimeClock {
    justify-content: space-between;
    align-items: center;
    margin: 0 !important;
    margin-bottom: 0.5rem !important;
}

.info-label-text {
    font-weight: 500 !important;
    line-height: normal;
    font-size: 12px !important;
}

.bid-tabs li a {
    font-weight: 500;
    font-size: 18px;
}

.invoice_table_box .invoice_table tbody tr:first-child td:nth-of-type(2) {
    text-align: left !important;
    width: 50%;
}

#success-modal .modal-form div.badges:first-child {
    padding: 0.75rem !important;
}

#success-modal .modal-form div.badges i {
    color: #3F4254;
}

.new_ev #image-list #cc-profile-modal .itemNameHeight {
    min-height: inherit;
}

#cc-profile-modal #card-form-step-2-bid .input-with-icon {
    display: flex;
    width: 100%;
}

    #cc-profile-modal #card-form-step-2-bid .input-with-icon i {
        top: 22px !important;
        font-size: 18px !important
    }

    #cc-profile-modal #card-form-step-2-bid .input-with-icon #txtCurrentBidAmount {
        height: 60px !important;
        width: 100% !important;
        border-right: none;
        padding-right: 10px;
        margin-left: 0;
        border-left: #d3dfea solid 1px;
        border-radius: 5px;
    }

    #cc-profile-modal #card-form-step-2-bid .input-with-icon input[type="text"] {
        width: 50px !important;
        padding: 0px;
        display: inline-block;
        margin: 0px;
        height: 60px !important;
        border-left: none;
        margin-left: -10px;
        color: #56a1de;
        font-weight: bold;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }


#cc-profile-modal-one #card-form-step-2 .input-with-icon {
    display: flex;
    width: 100%;
}

    #cc-profile-modal-one #card-form-step-2 .input-with-icon i {
        top: 21px !important;
    }

    #cc-profile-modal-one #card-form-step-2 .input-with-icon #txtCurrentBid {
        height: 60px !important;
        width: 100% !important;
        border-right: none;
        padding-right: 10px;
        margin-left: 0;
        border-left: #d3dfea solid 1px;
        border-radius: 5px;
    }

    #cc-profile-modal-one #card-form-step-2 .input-with-icon input[type="text"] {
        width: 50px !important;
        padding: 0px;
        display: inline-block;
        margin: 0px;
        height: 60px !important;
        border-left: none;
        margin-left: -10px;
        color: #56a1de;
        font-weight: bold;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }

.enter-bid-modal#BidModal #auto-bid .modal-form {
    width: 100% !important;
    max-width: 100%;
}

    .enter-bid-modal#BidModal #auto-bid .modal-form .input-with-icon i {
        top: 22px !important;
        font-size: 18px !important;
    }

    .enter-bid-modal#BidModal #auto-bid .modal-form .input-with-icon {
        padding-bottom: 10px;
        display: flex !important;
        width: 100%;
        align-items: center;
    }

        .enter-bid-modal#BidModal #auto-bid .modal-form .input-with-icon #txtCurrentBidAmount {
            height: 60px !important;
            width: 100% !important;
            border-right: none;
            padding-right: 10px;
            margin-left: 0;
            border-left: #d3dfea solid 1px;
            border-radius: 5px;
        }

        .enter-bid-modal#BidModal #auto-bid .modal-form .input-with-icon input[type="text"] {
            width: 50px !important;
            padding: 0px;
            display: inline-block;
            margin: 0px;
            height: 60px !important;
            border-left: none;
            margin-left: -10px;
            color: #56a1de;
            font-weight: bold;
            border-top-left-radius: 0px;
            border-bottom-left-radius: 0px;
        }

/*<..........css 09-10-2023 .............*/
#btnPlaceBid.px-9 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
}
.communicateModal#promot_modal .modal-body .col-md-10 {
    width: 100%;
    max-width: 100%;
}

    .communicateModal#promot_modal .modal-body .col-md-10 #embedurl {
        border: 1px solid #eeeeee;
    }

    .communicateModal#promot_modal .modal-body .col-md-10 #embedtext {
        text-align: left;
    }

    .communicateModal#promot_modal .modal-body .col-md-10 #st-1 .st-total > span.st-shares {
        display: none !important;
    }

    .communicateModal#promot_modal .modal-body .col-md-10 #st-1.st-has-labels .st-btn {
        min-width: 42px;
    }

    .communicateModal#promot_modal .modal-body .col-md-10 #st-2.st-has-labels .st-btn {
        min-width: 42px;
    }

    .communicateModal#promot_modal .modal-body .col-md-10 #divShare .sharethis-inline-share-buttons {
        justify-content: flex-start;
    }

        .communicateModal#promot_modal .modal-body .col-md-10 #divShare .sharethis-inline-share-buttons .st-btn img {
            width: 100%;
            margin-right: 0;
            max-width: 42px;
        }

        .communicateModal#promot_modal .modal-body .col-md-10 #divShare .sharethis-inline-share-buttons .st-btn > span {
            display: none !important;
        }

    .communicateModal#promot_modal .modal-body .col-md-10 #divShare #st-4.st-has-labels .st-btn {
        min-width: inherit;
    }

#cc-profile-modal-one #card-form-step-2 .input-with-icon {
    display: flex;
    width: 100%;
}

    #cc-profile-modal-one #card-form-step-2 .input-with-icon i {
        top: 21px !important;
    }

    #cc-profile-modal-one #card-form-step-2 .input-with-icon #txtCurrentBid {
        height: 60px !important;
        width: 100% !important;
        border-right: none;
        padding-right: 10px;
        margin-left: 0;
        border-left: #d3dfea solid 1px;
        border-radius: 5px;
    }

    #cc-profile-modal-one #card-form-step-2 .input-with-icon input[type="text"] {
        width: 50px !important;
        padding: 0px;
        display: inline-block;
        margin: 0px;
        height: 60px !important;
        border-left: none;
        margin-left: -10px;
        color: #56a1de;
        font-weight: bold;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }

.communicateModal#modaldemo1 .table-borderless td, .communicateModal#modaldemo2 .table-borderless td, .communicateModal#modaldemo3 .table-borderless td {
    word-break: break-word;
}

.public-sub-header.mobile-subheader {
    display: none;
}

#divItemInfo .item-container #divBidArea .bidding-tab .bid-tabs {
    border: none;
}

#divItemWrapper.create_item_wrapper .card:first-child .card-body {
    padding: 1rem !important;
}

#divItemWrapper .card #divCardDesc .card {
    border: none;
}

#btnFooterterms {
    margin-bottom: 15px;
}

.howto-bid-details {
    padding: 10px;
}

    .howto-bid-details h1 {
        font-size: 16px;
        font-weight: 600;
        margin: 0 0 6px;
    }

    .howto-bid-details p {
        font-size: 14px;
        margin-bottom: 1.5rem;
        font-weight: 500;
    }

    .howto-bid-details .yellow-text-bx {
        background-color: #fdffe1;
        border: 1px solid #d3d987;
        padding: 25px;
        border-radius: 6px;
    }

    .howto-bid-details .blue-text-bx {
        background-color: #f1f3fc;
        border: 1px solid #ccd2fa;
        padding: 25px;
        border-radius: 6px;
    }

    .howto-bid-details .green-text-bx {
        background-color: #edf7ee;
        border: 1px solid #d0e9d2;
        padding: 25px;
        border-radius: 6px;
    }

    .howto-bid-details ul {
        list-style: disc;
        margin: 0 0 0 15px;
    }

        .howto-bid-details ul li {
            font-size: 14px;
            font-weight: normal;
        }

#tbFreeBody td:last-child {
    white-space: nowrap;
}

.all-items-popover textarea.form-control {
    height: auto !important;
}

/*<..........new_event_design_css...........*/
.new-wrapper-area.new-event-wrapper .nav-event-tabs-wrapper #divStartBidRight #lblCurrentBid {
    font-size: 20px;
}

.new-wrapper-area.new-event-wrapper .nav-event-tabs-wrapper .bid-value-text {
    font-size: 20px;
}

#tbFreeBody td:last-child {
    white-space: nowrap;
}

#tbFreeBody td:last-child {
    white-space: nowrap;
}

.all-items-popover textarea.form-control {
    height: auto !important;
}

/*.brand.arrow-bidder .btn .svg-icon svg g [fill]{
    fill: #ffffff1a !important;
}*/
.hero-banner.newdesign_sidebar .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-heading,
.hero-banner.newdesign_sidebar .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-heading,
.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link {
    background-color: #ffffff1a !important;
    border-radius: 50px;
}

.hero-banner.newdesign_sidebar .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading,
.hero-banner.newdesign_sidebar .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link {
    background-color: #ffffff1a !important;
    border-radius: 50px;
}

.hero-banner.newdesign_sidebar .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-icon i,
.hero-banner.newdesign_sidebar .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-icon i {
    color: var(--banner-color) !important;
}

.hero-banner.newdesign_sidebar .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-text,
.hero-banner.newdesign_sidebar .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-text {
    color: var(--banner-color) !important;
}

#summernoteTerms.card {
    border-radius: 0;
    border: none;
}

.aside-menu .menu-nav .nav-tabs {
    border: none;
}

.new-event-wrapper {
    position: relative;
}

    .new-event-wrapper .header-option.editEventBtnBidder {
        position: absolute;
        left: 10px;
        top: 10px;
        z-index: 99;
    }

#kt_aside_menu_wrapper.hero-banner.newdesign_sidebar {
    padding: 0 !important;
}

    #kt_aside_menu_wrapper.hero-banner.newdesign_sidebar .menu-nav {
        padding: 15px 10px !important;
    }

.newdesign_sidebar .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-icon,
.newdesign_sidebar .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-icon {
    color: var(--banner-color) !important;
    background-color: transparent;
}

    .newdesign_sidebar .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-icon i {
        color: var(--banner-color) !important;
    }

.newdesign_sidebar .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-text,
.newdesign_sidebar .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-text {
    color: var(--banner-color) !important;
}

.new_ev.aside-minimize .hero-banner.newdesign_sidebar .sidebar-cards-wrapper .card-border {
    display: none;
}

.new_ev.aside-minimize .hero-banner.newdesign_sidebar .sidebar-user-info {
    margin-top: 40px;
}

.user-firstletter {
    display: none;
}

.new_ev.aside-minimize .hero-banner.newdesign_sidebar .sidebar-user-info .user-firstletter {
    display: block;
    text-transform: uppercase;
}

.new_ev.aside-minimize .hero-banner.newdesign_sidebar .sidebar-user-info .user-fullletter {
    display: none;
}

.new_ev.aside-minimize .hero-banner.newdesign_sidebar .user-top p {
    display: none;
}

.new_ev.aside-minimize #kt_aside_menu {
    padding-top: 80px;
}

.new_ev.aside-minimize .hero-banner.newdesign_sidebar .invite-btn {
    font-size: 0;
    justify-content: center;
    gap: 0;
}

.new_ev.aside-minimize .hero-banner.newdesign_sidebar #target {
    position: fixed;
}

.new_ev.aside-minimize .hero-banner.newdesign_sidebar .invite-btn .fa.mr-2 {
    margin-right: 0 !important;
}

.new_ev.aside-minimize .hero-banner.newdesign_sidebar .sidebar-brand .header-brand-logo-heart-icon {
    display: block !important;
    margin: 0 auto;
}

.new_ev.aside-minimize .hero-banner.newdesign_sidebar .sidebar-brand .logo-white {
    display: none !important;
}

.newdesign_sidebar .logo-primary {
    display: none;
}

.newdesign_sidebar .logo-white {
    display: block !important;
    margin: 0 auto;
}

#watch_demo_video.modal .modal-dialog {
    max-width: 1000px;
}

.new_ev .small-brand-logo-icon {
    display: none;
}

.sidebar-mini-actions {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 15px;
}

    .sidebar-mini-actions .btn {
        min-height: 45px;
        border-radius: 50px;
        margin: 0;
        font-weight: 600;
    }

.sidebar-brand {
    text-align: center;
    margin-top: auto;
    padding-bottom: 10px;
}

    .sidebar-brand h5 {
        font-size: 14px;
        margin-bottom: 0;
    }

.new_ev .small-header-search .has-search .form-control {
    padding-left: 1.5rem;
    border-radius: 25px 0 0 25px !important;
    height: 40px;
    border-right: none;
}

.new_ev .small-header-search .has-search .form-control-feedback {
    height: 40px;
    border-radius: 0 25px 25px 0 !important;
}

.btn.btn-add-more-big {
    border-radius: 50px !important;
    padding: 12px 25px;
    height: auto !important;
    font-size: 16px;
    display: inline-block;
    min-height: 50px;
}

.no-items-wrapper {
    margin-bottom: 25px;
}

    .no-items-wrapper .graphic {
        border-radius: 15px;
    }

.bar-1 {
    display: block;
    height: 3px;
    background-color: #becad5;
    width: 100%;
    border-radius: 10px;
}

.new_ev #kt_content .card-footer {
    background-color: transparent !important;
}

    .new_ev #kt_content .card-footer div div {
        width: auto;
    }

#image-list .itemContainerHeight h5 {
    -webkit-line-clamp: 2;
}

#image-list .itemNameHeight {
    -webkit-line-clamp: 2;
    min-height: 40px;
}

.new-wrapper-area .main-image-area {
    margin: 0 -15px;
}

.sidebar-mini.brown-theme {
    background-color: #221714;
}

.brown-theme .sidebar-cards-wrapper .card-border {
    background-color: #ffffff !important;
    border-color: transparent !important;
    color: #fff;
}

.blue-theme .event-setting-right label,
.blue-theme .config-left .lable-value {
    color: #fff;
}

.blue-theme .sidebar-mini-nav li .nav-link,
.blue-theme .sidebar-mini-nav li .nav-link:hover {
    background-color: transparent !important;
    color: var(--banner-color);
}

.blue-theme .sidebar-mini-nav li a .menu-icon {
    color: var(--banner-color);
}

.blue-theme .sidebar-mini-nav li a.active {
    background-color: #ffffff1a !important;
}

.blue-theme .sidebar-cards-wrapper .card-border,
.blue-theme .sidebar-cards-wrapper .card-border .fa {
    background-color: #ffffff1a !important;
    border-color: transparent !important;
    color: #fff !important;
}

    .blue-theme .sidebar-cards-wrapper .card-border:hover {
        color: #fff;
    }

.new_ev .sidebar-mini {
    height: 100%;
    display: flex;
    flex-direction: column;
}

    .new_ev .sidebar-mini .logo-box {
        overflow: hidden;
        margin-bottom: 25px;
        height: auto;
        border-radius: 0;
    }

.sidebar-content-scroll {
    overflow-y: auto;
}

.new_ev .sidebar-mini .event-setting-right {
    padding: 0px 15px;
}

.new_ev .sidebar-mini-nav {
    list-style: none;
    padding: 0px 15px 25px;
    margin: 0;
    display: block;
    border: none;
}

    .new_ev .sidebar-mini-nav li {
        display: block;
        margin-bottom: 5px;
    }

        .new_ev .sidebar-mini-nav li .nav-link {
            display: flex;
            align-items: center;
            padding: 10px;
            color: var(--banner-color) !important;
            font-weight: 600;
            background-color: #fff;
            border-radius: 50px;
            border: none;
        }

        .new_ev .sidebar-mini-nav li a .menu-icon {
            color: var(--banner-color) !important;
            font-size: 1.5rem !important;
            margin-right: 10px;
        }

        .new_ev .sidebar-mini-nav li a.active {
            background-color: #d2e9ff;
            color: #0073e9;
        }

            .new_ev .sidebar-mini-nav li a.active .menu-icon {
                color: #0073e9;
            }

.new_ev .sidebar-mini .sidebar-cards-wrapper {
    padding: 0px 10px;
    margin-bottom: 25px;
    display: block;
    border: none;
}

    .new_ev .sidebar-mini .sidebar-cards-wrapper .card-border {
        min-height: auto;
        padding: 10px;
        display: block;
    }

        /*.new_ev .sidebar-mini .sidebar-cards-wrapper .card-border:hover {
  color: #3F4254;
}*/
        .new_ev .sidebar-mini .sidebar-cards-wrapper .card-border h3 {
            font-size: 14px !important;
            font-weight: normal;
        }

        .new_ev .sidebar-mini .sidebar-cards-wrapper .card-border .card-time {
            margin-bottom: 0;
            font-size: 16px;
            font-weight: 600;
        }

.new_ev #kt_content .card-footer {
    background-color: transparent !important;
}

.new_ev .sidebar-mini .logo-box img {
    border-radius: 0;
}

.new_ev #sidmenuUL {
    padding: 0 !important;
    margin: 0;
    margin-top: 0;
}

/*.new-wrapper-area #auction-tab #image-list .item-image-wrapper img {
    height: 135px;
    object-fit: contain;
}*/

.new-wrapper-area #image-list .card {
    border: 1px solid #f2f2f2;
    padding: 0;
    overflow: hidden;
}

.new-wrapper-area .sidebar-mini .logo-box {
    overflow: hidden;
    margin-bottom: 25px;
    min-height: 210px;
    display: flex;
    align-items: flex-start !important;
    justify-content: flex-start;
    border-radius: 0;
}

.new-wrapper-area #banner-image-box {
    top: auto;
}

.new-wrapper-area .event-banner-area {
    position: relative;
    overflow: hidden;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 150px;
    height: auto;
}

#kt_content .new_event_design_wrapper .card-footer div div {
    width: auto;
}

.new_ev .aside-menu {
    padding-bottom: 25px;
}

.new_ev .sidebar-brand {
    text-align: center;
}

.blue-theme .sidebar-brand h5 {
    color: #fff;
}

.new_ev .sidebar-brand h5 {
    font-size: 14px;
    margin-bottom: 0;
    color: var(--banner-color);
}

.new_ev .sidebar-brand .brand-logo img {
    max-width: 200px;
}

.new_ev .sidebar-brand .brand-logo .logo-white {
    display: none;
}

.new_ev .color-dark-brown .sidebar-brand .brand-logo .logo-white {
    display: inline;
}

.new_ev .color-dark-brown .sidebar-brand .brand-logo .logo-primary {
    display: none;
}

.color-dark-brown .sidebar-brand .brand-logo .logo-white,
.blue-theme .sidebar-brand .brand-logo .logo-white {
    display: inline;
}

.color-dark-brown .sidebar-brand .brand-logo .logo-primary,
.blue-theme .sidebar-brand .brand-logo .logo-primary {
    display: none;
}

.new_ev .aside #kt_brand.brand {
    background-color: #f6f8fc !important;
    position: absolute !important;
    right: 0;
    top: 0;
    z-index: 9;
}

    .new_ev .aside #kt_brand.brand.arrow-bidder {
        background-color: transparent !important;
    }

.new_ev .sidebar-cards-wrapper .card-border {
    min-height: auto;
    padding: 10px;
}

.new_ev .newdesign_sidebar .sidebar-cards-wrapper .card-border {
    background-color: #ffffff1a !important;
    border: 1px solid #ffffff1a !important;
    margin: 0 8px 15px !important;
}


.new_ev .sidebar-cards-wrapper .card-border .card-time {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--banner-color);
}

    .new_ev .sidebar-cards-wrapper .card-border .card-time .fa {
        color: var(--banner-color) !important;
    }

.new_ev .sidebar-cards-wrapper .card-border h3 {
    font-size: 14px !important;
    font-weight: normal;
    color: var(--banner-color);
}

/* Sidebar color change styles */
.new_ev .aside #kt_aside_menu_wrapper.color-dark-brown {
    background-color: #231710;
}

    .new_ev .aside #kt_aside_menu_wrapper.color-dark-brown #kt_aside_menu {
        background-color: transparent !important;
    }

    .new_ev .aside #kt_aside_menu_wrapper.color-dark-brown .aside-menu .menu-nav > .menu-item > .menu-link .menu-text,
    .new_ev .aside #kt_aside_menu_wrapper.color-dark-brown .aside-menu .menu-nav > .menu-item > .menu-link .menu-icon i {
        color: #fff;
    }

.new_ev .aside .color-dark-brown .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-text,
.new_ev .aside .color-dark-brown .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-icon i {
    color: #fff !important;
}

.new_ev .aside .color-dark-brown .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link {
    background-color: #ffffff1f !important;
}

    .new_ev .aside .color-dark-brown .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-text,
    .new_ev .aside .color-dark-brown .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-icon i {
        color: #fff !important;
    }

.new_ev .aside #kt_aside_menu_wrapper.color-dark-brown .sidebar-brand h5 {
    color: #fff;
}

.new_ev .aside .color-dark-brown .sidebar-cards-wrapper .card-border {
    background-color: #ffffff1f !important;
    border-color: transparent !important;
    color: #fff;
}

.new_ev .aside .color-dark-brown .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link {
    background-color: #ffffff1f !important;
}

.new_ev .aside .color-dark-brown .sidebar-user-info,
.new_ev .aside .color-dark-brown .user-bottom {
    border-color: transparent;
    background-color: #ffffff1f;
}

    .new_ev .aside .color-dark-brown .sidebar-user-info .user-top,
    .new_ev .aside .color-dark-brown .user-bottom .invite-btn,
    .new_ev .aside .color-dark-brown .user-bottom .invite-btn .fa {
        color: #fff;
    }

.new_ev .card-item-ui .card-footer {
    background-color: transparent !important;
    margin-top: 10px;
    padding-bottom: 0 !important;
}

    .new_ev .card-item-ui .card-footer .d-flex:first-child div:first-child {
        flex: initial !important;
        width: auto !important;
    }

.new_ev .aside-minimize .aside .sidebar-cards-wrapper,
.new_ev .aside-minimize .aside .sidebar-user-info,
.new_ev .aside-minimize .aside .sidebar-brand h5 {
    display: none;
}

.new_ev #image-list .itemContainerHeight h5 {
    -webkit-line-clamp: 2;
}

.new_ev #image-list .itemContainerHeight {
    min-height: inherit;
}

    .new_ev #image-list .itemContainerHeight .d-flex:first-child div:first-child {
        min-height: 180px;
    }

.new_ev #image-list .itemNameHeight {
    min-height: 40px;
}

/*.new_ev .header-mobile {
    background-color: transparent;
    position: fixed;
    top: 0;
}*/

.new_ev .header-mobile .burger-icon {
    background: #008afc;
    color: #fff;
    padding: 10px !important;
    width: 40px;
    height: 40px;
    border-radius: 10px;
}

    .new_ev .header-mobile .burger-icon span,
    .new_ev .header-mobile .burger-icon span::after,
    .new_ev .header-mobile .burger-icon span::before {
        background-color: #fff;
    }

    .new_ev .header-mobile .burger-icon span {
        width: 50%;
        top: 16px;
    }

        .new_ev .header-mobile .burger-icon span::before {
            top: -7px;
        }

        .new_ev .header-mobile .burger-icon span::after {
            bottom: -7px;
        }

.new-wrapper-area .small-header-wrapper {
    display: flex;
    align-items: center;
    padding: 12px;
}

    .new-wrapper-area .small-header-wrapper .small-header-search {
        max-width: 250px;
        display: flex;
        align-items: center;
        border: #d3dfea solid 1px;
        border-radius: 50px;
        overflow: hidden;
        padding: 0px 10px;
    }

.new-wrapper-area .small-header-search .form-control {
    min-height: 35px;
    height: 35px;
}

.new_event_design_wrapper .small-header-wrapper {
    display: flex;
    align-items: center;
    padding: 12px;
}

    .new_event_design_wrapper .small-header-wrapper .small-header-search {
        max-width: 250px;
        display: flex;
        align-items: center;
        border: #d3dfea solid 1px;
        border-radius: 50px;
        overflow: hidden;
        padding: 0px 10px;
    }

.new_event_design_wrapper .small-header-search .form-control {
    min-height: 35px;
    height: 35px;
}

.new_event_design_wrapper .small-header-wrapper .small-menu-right ul {
    margin: 0;
    padding-left: 10px;
    list-style: none;
}

.new-wrapper-area .small-header-wrapper .small-menu-right ul {
    margin: 0;
    padding-left: 10px;
    list-style: none;
}

    .new-wrapper-area .small-header-wrapper .small-menu-right ul .shorting-list {
        font-size: 14px;
    }

.new_event_design_wrapper #image-list .itemContainerHeight {
    min-height: 100px;
}

.new_event_design_wrapper #image-list .itemContainerHeight .d-flex:first-child div:first-child {
    min-height: 180px;
}

.ms-img {
    display: none;
}

.invite-btn {
    font-size: 12px;
    font-weight: 600;
    color: var(--banner-color) !important;
    display: flex;
    align-items: center;
    gap: 10px;
}

    .invite-btn .fa {
        color: var(--banner-color) !important;
        font-size: 18px;
    }

.align-top-section {
    margin-top: 0;
}

#target {
    background: #ffffff;
    width: 100%;
    height: 300px;
    height: auto;
    padding: 15px 0;
    display: none;
    position: absolute;
    z-index: 999;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.06);
    border-radius: 8px;
    max-width: 245px;
    left: 10px;
}

.target-info {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 0 15px;
}

.target-menu .dropdown-language .btn {
    height: auto;
}

.target-menu {
    list-style: none;
    padding: 0;
    text-align: center;
}

    .target-menu li {
        display: block;
    }

        .target-menu li a {
            padding-bottom: 5px;
            display: block;
            color: #333333;
            font-size: 14px;
        }

.target-info span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    margin-bottom: 10px;
    text-align: center;
    font-size: 24px;
    background-color: #f9dcd5;
    color: #d05c41;
}

.target-info h3 {
    font-size: 16px !important;
    margin: 0;
}

.target-btn {
    padding: 15px;
    border-top: 1px solid #eeeeee;
}

.new_design_wrapper.new_event_design_wrapper {
    max-width: 1920px;
    margin: 0 auto;
    min-height: 92.8vh;
    width: 100%;
}

    .new_design_wrapper.new_event_design_wrapper .event-banner-area {
        position: relative;
        max-height: 200px;
        overflow: hidden;
        border-radius: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 120px;
        height: auto;
        /*background-color: #231710;*/
    }

    .new_design_wrapper.new_event_design_wrapper .main-image-area .event-banner-area {
        min-height: 90px;
    }

        .new_design_wrapper.new_event_design_wrapper .main-image-area .event-banner-area #banner-image-box span {
            padding-left: 0;
        }

    .new_design_wrapper.new_event_design_wrapper .logo-box.event-banner-area {
        max-height: inherit;
    }

    .new_design_wrapper.new_event_design_wrapper .event-banner-area #banner_imgupld_img {
        max-height: 200px;
        object-fit: contain;
        width: 100%;
        object-position: center;
    }

.symbol.symbol-35 .symbol-label {
    border-radius: 100%;
}

.symbol.symbol-light-success .symbol-label {
    background-color: #607D8B;
    color: #ffffff;
}

.sidebar-user-info {
    border: 1px solid #ffffff1a;
    border-radius: 15px;
    overflow: auto;
    background-color: #ffffff1a !important;
    margin: 0 8px;
}

    .sidebar-user-info .user-top {
        padding: 10px;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

        .sidebar-user-info .user-top h1 {
            font-size: 16px;
            font-weight: bold;
            margin: 0;
            flex: 2;
            max-width: 210px;
            color: var(--banner-color);
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

.user-bottom {
    padding: 10px;
    background-color: #ffffff1a !important;
}

.user-top div {
    display: flex;
    flex-direction: column;
}

.sidebar-user-info .user-top .fa {
    font-size: 18px;
    color: var(--banner-color);
}

.user-top p {
    margin: 5px 0 0;
    font-size: 10px;
    font-weight: 500;
    color: var(--banner-color);
}

/*<..........new_event_design_css_end...........*/
.color-picker-box {
    display: flex;
    align-items: center;
    gap: 15px;
}

#invoice_checkout .login-box .tab-content {
    border: none;
}

.show-box {
    display: none;
}

.show-box-2 {
    display: none;
}

.enter-bid-modal.modal.modal-custom .modal-dialog {
    max-width: 600px;
}

.enter-bid-modal.modal.modal-custom .modal-content {
    border-radius: 15px !important;
}

.enter-bid-modal .modal-content .nav-tabs {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

    .enter-bid-modal .modal-content .nav-tabs li {
        flex: 1;
    }

        .enter-bid-modal .modal-content .nav-tabs li a {
            display: flex;
            align-items: center;
            padding: 1.5rem;
            font-size: 18px;
            justify-content: center;
            border: #d3dfea solid 1px;
            border-bottom: none;
        }

    .enter-bid-modal .modal-content .nav-tabs .nav-item {
        margin-bottom: 0;
    }

.enter-bid-modal#success-modal .modal-form {
    margin: 0px !important;
    max-width: 100% !important;
    border: none;
    border-radius: 0;
    padding: 25px;
}

.enter-bid-modal#success-modal .tab-content {
    border: #d3dfea solid 1px;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #ffffff !important;
    background-color: #0073e9;
    border-color: #E4E6EF #E4E6EF #ffffff;
}

.enter-bid-modal#success-modal .modal-form .input-with-icon #txtCurrentBid {
    font-weight: bold;
    text-align: right;
    color: #56a1de;
    height: 60px;
    width: 100%;
    border-right: none;
    padding-right: 10px;
    margin-left: 0;
    border-left: #d3dfea solid 1px;
    border-radius: 5px;
}

.enter-bid-modal#success-modal .modal-form .input-with-icon input {
    width: 50px;
    padding: 0px;
    display: inline-block;
    margin: 0px;
    height: 60px;
    border-left: none;
    margin-left: -10px;
    color: #56a1de;
    font-weight: bold;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.enter-bid-modal .input-with-icon input,
.input-with-icon i {
    font-size: 30px;
}

.btn.btn-link-success {
    color: #0073e9 !important;
}

#header_notification_bar .btn.btn-success {
    color: #0073e9;
    background-color: #ffffff;
    border-color: #ffffff;
}

.toast.toast-success {
    background-color: #51a351 !important;
    color: #ffffff;
}

.extra-notes {
    padding: 20px;
    border: 1px solid #aae3f5;
    border-radius: 5px;
    background-color: #daf6ff;
}

    .extra-notes p {
        margin-bottom: 0;
    }

    .extra-notes label {
        font-weight: 600;
        color: #0073e9;
    }

.card.border-none {
    border: none !important;
}

#formShipping #zipcode {
    min-height: 44px;
}

#chkTktDisclaimer {
    display: inline-block;
    float: left;
    margin: 0;
    line-height: normal;
    position: relative;
    top: 5px;
    margin-right: 10px;
}

.tab_content.first.tab_general.active.tab_1_1 #Prof_del {
    position: absolute;
    right: 5px;
    top: 10px;
}

#PaymentWizard .card {
    box-shadow: none !important;
    border: 1px solid #eeeeee !important;
}

.bd-highlight .highlight-large {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 5px;
    margin: 0;
}

    .bd-highlight .highlight-large .fa {
        font-size: 20px !important;
    }

.inner_content_wrapper .card {
    border: 1px solid #eeeeee;
}

.event-main-details .card {
    border: 1px solid #eeeeee;
}

#OuterDiv .card.overflow-hidden {
    border: 1px solid #eeeeee;
    box-shadow: none !important;
}

#eventMainDiv .card {
    border: 1px solid #eeeeee;
}

.event-web-card.green-box .card-header,
.event-web-card.purpal-box .card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/*.box-hide #show {
    display: none;
}

.box-hide #show2 {
    display: none;
}*/
.event-web-card.green-box,
.event-web-card.purpal-box {
    min-height: inherit;
    height: 100%;
}

    .event-web-card.green-box.height-full,
    .event-web-card.purpal-box.height-full {
        height: inherit;
    }

.box-hide button {
    border: none;
    background-color: #0073e9;
    border-radius: 5px;
    font-size: 12px;
    color: #fff;
    padding: 0px 10px;
}

.d-close {
    display: none;
}

.copy-url .input-group-text {
    min-height: 45px;
}

input.input-color-picker {
    width: 100%;
    min-height: 40px;
    line-height: normal;
    height: 40px;
    border-color: #eeeeee;
    min-width: 40px;
}

.hero-banner {
    background: var(--banner-bg-color) !important;
    transition: all .16s ease-in-out;
}

    .hero-banner #banner-image-box span {
        color: var(--banner-color);
        transition: all .16s ease-in-out;
    }

#markas .modal-footer {
    border-top: none !important;
}

#markas.communicateModal.modal .modal-content {
    border-radius: 12px !important;
}

    #markas.communicateModal.modal .modal-content .modal-body {
        padding: 2rem;
    }

.pay-option {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .pay-option input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    .pay-option .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 22px;
        width: 22px;
        background-color: #ffffff;
        border-radius: 50%;
        border: 2px solid #dddddd;
    }

    .pay-option:hover input ~ .checkmark {
        background-color: #ffffff;
    }

    .pay-option input:checked ~ .checkmark {
        background-color: #2196F3;
        border-color: #2196F3;
    }

    .pay-option .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    .pay-option input:checked ~ .checkmark:after {
        display: block;
    }

    .pay-option .checkmark:after {
        top: 2px;
        left: 2px;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: white;
    }

.select-pay-option {
    margin-top: 30px;
}

#paid-des {
    display: none;
}

    #paid-des textarea {
        width: 100%;
        border: 1px solid #dddddd;
        border-radius: 5px;
        min-height: 100px;
    }

.card.card-custom {
    border: 1px solid #eeeeee;
}

.TopStatsContainer .card.card-custom.card-stretch {
    border: 1px solid #eeeeee;
}

#MemberActivity.TopStatsContainer .card.card-custom {
    border: 1px solid #eeeeee;
}

.card.card-custom.SalesSummaryContainer,
.card.card-custom.DailySalesContainer,
.card.card-custom.LiabilityContainer {
    border: 1px solid #eeeeee;
}

#Paymentbox .card {
    border: 1px solid #eeeeee !important;
    box-shadow: none !important;
}

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

.error-msg-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #dad0b433;
    padding: 25px;
    border-radius: 15px;
    margin: 0 15px 15px;
    width: 100%;
}

    .error-msg-box p {
        margin: 0;
        display: flex;
    }

        .error-msg-box p span.mr-3 {
            min-width: 32px;
        }

    .error-msg-box img {
        width: 32px;
        vertical-align: middle;
    }

#invoice_checkout #step3 #tkt-last-step {
    justify-content: flex-end;
}

#tickets-tab #invoice_checkout .yellow-box table tr th,
#tickets-tab #invoice_checkout .yellow-box table tr td {
    white-space: nowrap;
}

.fa {
    /* font: normal normal normal 14px/1 FontAwesome !important; */
    font-family: FontAwesome !important;
    font-weight: normal !important;
    line-height: normal !important;
}

.table > tbody#TktOrderSummary > tr > td {
    border: none
}

.winners-table-list h2 ~ p {
    min-height: 38px;
}

.add-date {
    position: relative;
}

    .add-date .fa {
        position: absolute;
        right: 10px;
        top: 11px;
        font-size: 24px;
    }

.ui-helper-hidden-accessible {
    display: none;
}

.TktEndStatus {
    white-space: nowrap;
}

    .TktEndStatus ~ td {
        white-space: nowrap;
    }

#boldTktAddress {
    display: flex;
    gap: 5px;
}

#tickets-tab #st-3.st-has-labels .st-btn.st-remove-label {
    min-width: 120px;
}

    #tickets-tab #st-3.st-has-labels .st-btn.st-remove-label > span {
        display: inline-block;
    }

.currency-icon {
    font-weight: bold;
    color: #B5B5C3;
}

    .currency-icon .fa {
        color: #B5B5C3;
    }

.currency-icon-field {
    position: relative;
}

    .currency-icon-field span {
        position: absolute;
        left: 10px;
        font-size: 20px;
        top: 7px;
        color: #B5B5C3;
    }

#invoice_checkout .currency-icon-field .form-control {
    background-color: transparent;
    padding-left: 50px;
}

#tickets-tab .event-web-table .ticket-desc {
    font-weight: normal;
}

    #tickets-tab .event-web-table .ticket-desc p {
        margin-bottom: 0;
    }

#tickets-tab .event-web-table .fa.fa-dollar {
    font-weight: normal;
    color: #3F4254;
}

.event-web-table .fa.fa-dollar {
    color: #3F4254;
}

#tktPrice {
    padding-left: 54px !important;
}

#main-image-box span {
    display: block;
    padding: 0;
    width: 100%;
    border: none;
    font-size: 32px;
    color: #fff;
    border-radius: 0;
    word-wrap: break-word;
    font-weight: 500;
    line-height: 46px;
    text-align: center;
}

.modal-backdrop.show {
    opacity: 0.5;
    z-index: 99 !important;
}

#auction-tab #image-list .item-image-wrapper img {
    height: 205px;
    object-fit: contain;
}

#ticketList tr td .fa-dollar {
    color: #3F4254;
}

.add-description {
    margin-bottom: 15px;
}

.copy-url.form-group {
    display: flex;
    align-items: center;
    border: #d3dfea solid 1px;
    border-radius: 8px;
    padding: 5px;
}

.page .copy-url.form-group .form-control {
    border: none;
    height: 45px;
    min-height: 45px;
}

.copy-btn {
    border: none;
    background-color: transparent;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 50px;
}

    .copy-btn i {
        font-size: 18px;
        margin: 0;
        color: #555;
    }

#edit_event_modal .modal-content {
    border-radius: 20px !important;
}

#edit_event_modal .modal-body .close {
    position: absolute;
    right: 15px;
    top: 15px;
    opacity: 1;
}

#edit_event_modal .modal-dialog {
    max-width: 660px;
}

#summernote p {
    text-align: justify;
}

.about-tab-right #divShare .st-btn .st-label {
    display: none;
}

.about-tab-right #divShare .st-btn {
    min-width: inherit !important;
}

.about-tab-right #divShare .sharethis-inline-share-buttons .st-btn img {
    margin-right: 0;
    width: 40px;
}

.about-tab-right #divShare .sharethis-inline-share-buttons {
    justify-content: flex-start;
}

.about-tab-right #divShare #st-2.mt-6 {
    margin-top: 0rem !important;
}

.new_design_wrapper {
    padding: 15px 15px 30px;
}

.breadcrumb-icon-main-container {
    display: inline-flex;
    align-items: center;
}

    .breadcrumb-icon-main-container .header-icon {
        height: 48px;
        width: 48px;
        border-radius: 4px;
        background-color: #406ae8;
        text-align: center;
        display: inline-flex;
        justify-content: center;
        margin: 15px 16px 15px 0;
        align-items: center;
        box-shadow: 0 3px 22px 0 rgb(0 0 0 / 40%);
    }

        .breadcrumb-icon-main-container .header-icon .breadcrumb-icon {
            display: inline-flex;
            align-items: center;
        }

            .breadcrumb-icon-main-container .header-icon .breadcrumb-icon .icons {
                font-size: 24px !important;
                display: inline-flex;
                font-style: normal;
                font-weight: 400;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                color: #fff;
            }

    .breadcrumb-icon-main-container .breadcrumb-heading {
        margin: 0;
    }

.dashboard-header .btn .caret {
    margin-left: 0;
}

.dashboard-header .btn .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 10px;
    vertical-align: middle;
    border-top: 6px dashed;
    border-top: 6px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.dashboard-header .btn.dropdown-toggle:after {
    display: none;
}

.download-view-div {
    min-height: 65px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.dashboard-header .btn.header-dropdown {
    font-size: 15px;
    display: inline-flex;
    align-items: center;
    font-weight: 300;
    padding: 11.5px 16px;
    line-height: 24px !important;
    border: 1px solid #e9e9eb;
    height: auto;
    background-color: #ffffff;
    margin-left: 5px;
    border-radius: 6px !important;
}

    .dashboard-header .btn.header-dropdown:hover {
        border: 1px solid #e6e6e6;
        background-color: #e6e6e6;
        color: #333333;
    }

    .dashboard-header .btn.header-dropdown i {
        color: #406ae8;
        padding-right: 8px;
    }

.download-view-div {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.dashboard-header .dropdown-menu {
    border: 1px solid #cccccc;
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}

    .dashboard-header .dropdown-menu > li > a {
        padding: 5px 3px;
        font-size: 13px;
        color: #707070;
        line-height: 1.7;
        transition: border-color .1s ease-in-out 0s, background-color .1s ease-in-out 0s;
        display: flex;
        align-items: center;
    }

        .dashboard-header .dropdown-menu > li > a .fa-file-excel-o {
            color: #4ac380;
        }

.dashboard-sub-title {
    color: #172856;
    font-size: 20px;
    line-height: 35px;
    padding: 0 0 20px;
}

span.ae-badge {
    display: inline-block;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    letter-spacing: 0;
    line-height: 15px;
    text-transform: capitalize;
    color: #fff;
    text-align: center;
    padding: 7px 10px;
    margin: 3px;
    vertical-align: middle;
    background: #ec4a40;
}

.green-icon {
    color: #77e2b7;
}

.circle-btn-white-close {
    color: #333937;
    font-weight: 700;
    text-decoration: none;
    border-radius: 50%;
    display: inline-flex;
    cursor: pointer;
    background: #fff;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 32px;
    float: right;
    padding: 3px 0 0;
    margin: 0;
    text-decoration: none !important;
    box-shadow: 0 0 50px 0 #babbbf;
}

    .circle-btn-white-close .ac-icon-arrow-up-xs {
        font-size: 18px;
        margin: auto;
        color: #767a8b;
    }

    .circle-btn-white-close:hover {
        background-color: #406ae8;
    }

        .circle-btn-white-close:hover i {
            color: #ffffff;
        }

#kt_header {
    box-shadow: none;
    border-bottom: none;
}

#kt_aside_menu_wrapper {
    box-shadow: none;
}

.check-list-box {
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 8px 30px 0 rgb(0 0 0 / 6%);
    display: flex;
    align-items: stretch;
    flex-direction: column;
    flex-grow: 1;
    padding: 20px 20px 20px;
    text-align: center;
    margin: 0 5px 20px;
    justify-content: space-between;
}

    .check-list-box p {
        font-size: 15px;
        text-align: center;
        font-weight: 500;
        color: #282b40;
    }

.checklist-icon {
    display: block;
    margin-bottom: 15px;
}

    .checklist-icon img {
        min-width: 100px;
    }

.check-list-box .btn.btn-checklist {
    background-color: #0073e9;
    color: #fff;
    border-radius: 40px;
    padding: 7px 10px;
    height: auto !important;
    line-height: normal !important;
}

.checklist-purpal {
    background-color: #e9e9fd;
    border: 1px solid #a9a9ee;
}

.checklist-yellow {
    background-color: #fdffe1;
    border: 1px solid #d3d987;
}

.checklist-green {
    background-color: #e9fdee;
    border: 1px solid #a7e8b7;
}

.checklist-pink {
    background-color: #fde9f5;
    border: 1px solid #e472b6;
}

.checklist-lightpink {
    background-color: #fde9e9;
    border: 1px solid #f2bfbf;
}

.checklist-cyan {
    background-color: #e1fffe;
    border: 1px solid #83e6e2;
}

.checklist-lightpurpal {
    background-color: #fdeeff;
    border: 1px solid #ed95f9;
}

.checklist-orange {
    background-color: #fff7e4;
    border: 1px solid #d9b255;
}

.dashboard-content-wrapper {
    margin-top: 10px;
}

    .dashboard-content-wrapper .card-shadow {
        box-shadow: none;
        border-radius: 6px;
        display: flex;
        align-items: stretch;
        flex-direction: column;
        flex-grow: 1;
        padding: 5px 15px 0;
        border: 1px solid #eeeeee;
    }

    .dashboard-content-wrapper.new-event-design .card.card-shadow.mt-10.p-0 {
        border: none;
    }

    .dashboard-content-wrapper .card-shadow .card-header {
        padding: 0;
        border-bottom: none;
        color: #172856;
        font-size: 18px;
        line-height: 24px;
        font-weight: 500;
        background-color: transparent;
    }

.event-velue-conatiner h4 {
    color: #172856;
    font-size: 30px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.event-velue-conatiner label {
    color: #aaafbe;
    font-size: 12px;
    display: block;
    margin: 0;
    padding: 0;
}

.event-velue-conatiner .value-box {
    margin-bottom: 10px;
    border-bottom: 1px dotted #ccc;
    padding: 0 10px 13px;
}

.round-icon {
    width: 46px;
    height: 47px;
    border-radius: 17px;
    line-height: 0;
    display: inline-flex;
    align-items: center;
    text-align: center;
    background: linear-gradient(116.57deg, #406ae8, #40a2e8);
    box-shadow: 0 10px 16px 0 rgb(64 106 232 / 25%);
}

    .round-icon .round-icon-size {
        font-size: 25px;
        color: #fff;
        margin: auto;
    }

.items-value-bx {
    text-align: center;
}

    .items-value-bx h4 {
        margin: 0;
        color: #172856;
        font-size: 30px;
        font-weight: 300;
        line-height: 28px;
        text-align: center;
    }

    .items-value-bx label {
        color: #626473;
        font-size: 11px;
        font-weight: 500;
        line-height: 21px;
        text-align: center;
    }

.side-checklist-wrapper,
.sidebar-tip-box {
    display: none;
}

.timer-box {
    background-color: #fff7e4;
    border: 1px solid #e1b959;
    padding: 10px 15px;
    border-radius: 10px;
    min-height: 94px;
    margin-bottom: 9px !important;
}

.winners-table-list .nav-tabs .nav-link {
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom: 2px solid transparent;
    padding: 0 0 15px;
    font-weight: 600;
    font-size: 16px;
}

    .winners-table-list .nav-tabs .nav-link:first-child {
        margin-right: 32px;
    }

    .winners-table-list .nav-tabs .nav-link.active,
    .winners-table-list .nav-tabs .nav-item.show .nav-link {
        color: #0073e9 !important;
        background-color: transparent;
        border-color: #0073e9 !important;
    }

.winners-table-list .nav-tabs {
    border-bottom: none;
}

.search-filter .input-group {
    background-color: #ffffff;
    border-radius: 6px;
    padding: 5px;
    border: 1px solid #e9e9eb;
}

    .search-filter .input-group .input-group-append .btn {
        height: 45px;
        border-radius: 6px;
        background: linear-gradient(116.57deg, #406ae8, #40a2e8);
    }

        .search-filter .input-group .input-group-append .btn i {
            padding-right: 0;
            color: #ffffff;
        }

        .search-filter .input-group .input-group-append .btn:hover i {
            color: #ffffff !important;
        }

    .search-filter .input-group .form-control {
        border: none;
        border-radius: 0;
    }

.items-list-table table td,
.items-list-table table th {
    border-top: 1px solid #e3e3e3;
}

.items-list-table table tbody {
    background-color: #ffffff;
    border-radius: 6px;
}

    .items-list-table table tbody th:first-child {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }

    .items-list-table table tbody td:last-child {
        border-bottom-right-radius: 6px;
        border-top-right-radius: 6px;
    }

.timer-block {
    font-size: 3em;
    font-weight: 100;
    color: white;
    text-align: center;
    /*display: flex;
align-items: center;
justify-content: center;*/
}

    .timer-block div {
        display: inline-block;
        min-width: inherit;
    }

    .timer-block .timer-text {
        color: #B1CDF1;
        font-size: 0.35em;
        font-weight: 400;
        color: #1e2137;
        font-style: normal;
        font-weight: 500;
        font-size: 34px;
        line-height: normal;
    }

        .timer-block .timer-text span {
            font-size: 12px;
            display: block;
            color: #626473;
            font-weight: 500;
            line-height: 21px;
            text-align: center;
        }

.timer-dot {
    color: #1e2137;
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: normal;
    min-width: 30px;
    display: inline-block;
}

.timer-box h6 {
    font-size: 14px;
    display: block;
    color: #626473;
    font-weight: 500;
    line-height: 21px;
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.items-list-table table th,
.items-list-table table td {
    padding: 15px;
    text-transform: inherit;
    font-size: 14px;
    color: #7E8299;
}

    .items-list-table table th .fa-check,
    .items-list-table table td .fa-check {
        color: #4ac380;
    }

.p-42 {
    padding: 39px 0;
}

.checklist-outer-wrapper.checklist-close,
.checklist.checklist-close {
    display: none !important;
}

.checklist-status .fa-check-circle {
    color: #4ac380;
    font-size: 18px;
}

.checklist-status .fa-times {
    color: #999999;
    font-size: 18px;
}

.checklist-outer-wrapper {
    display: grid;
    align-items: stretch;
    gap: 1.25rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.dashboard-header .all-items-header .btn.header-dropdown {
    margin-left: 0;
    margin-right: 5px;
    border-radius: 6px !important;
}

.all-items-header .search-filter .input-group .input-group-append .btn {
    height: 40px;
    z-index: 1;
}

.all-items-header .search-filter .input-group .form-control {
    height: 40px;
    min-height: 40px;
}

#items-sortable .ui-state-default {
    background-color: transparent !important;
}

.responsive-table {
    overflow: auto;
}

#items-sortable {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    white-space: inherit;
    border-collapse: separate;
    border-spacing: 0 15px;
    font-size: 15px;
    line-height: 22px;
}

    #items-sortable h4 {
        font-size: 1.25rem;
    }

    #items-sortable .fa-bars {
        cursor: move;
    }

    #items-sortable tr {
        background-color: #fff;
        border-radius: 5px;
        box-shadow: none;
        width: 100% !important;
    }

        #items-sortable tr.active td {
            border: 2px solid #62e840;
            border-right: none;
            border-left: none;
            background-color: #cdffcd;
        }

            #items-sortable tr.active td:first-child {
                border-left: 2px solid #62e840;
            }

            #items-sortable tr.active td:last-child {
                border-right: 2px solid #62e840;
            }

        #items-sortable tr th,
        #items-sortable tr td {
            padding: 10px;
            vertical-align: top;
        }

        #items-sortable tr th {
            color: #aeb2c1;
            font-weight: normal;
            text-align: left;
            white-space: nowrap;
        }

        #items-sortable tr td:first-child {
            border-radius: 6px 0 0 6px;
        }

        #items-sortable tr td:last-child {
            border-radius: 0 6px 6px 0;
        }

    #items-sortable .ui-state-default {
        box-shadow: none;
    }

.move-icon {
    cursor: move;
}

.status-icons {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
}

    .status-icons i {
        font-size: 28px;
        margin-right: 8px;
        color: #ef4448;
        cursor: pointer;
    }

        .status-icons i.active-icon {
            color: #77e2b7;
        }

        .status-icons i.unactive-icon {
            color: #dcdedd;
            pointer-events: none;
        }

.status-action-icons {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
}

    .status-action-icons i {
        font-size: 28px;
        margin-right: 0;
        cursor: pointer;
    }

    .status-action-icons .dropdown .dropdown-toggle::after {
        display: none;
    }

    .status-action-icons span {
        display: flex;
        background-color: #406ae81a;
        width: 40px;
        height: 40px;
        border-radius: 100%;
        align-items: center;
        justify-content: center;
        margin-left: 5px;
        color: #406ae8;
    }

        .status-action-icons span i {
            color: #406ae8;
        }

    .status-action-icons .dropdown-menu {
        border: 1px solid #cccccc;
        box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    }

        .status-action-icons .dropdown-menu > li > a {
            padding: 5px 10px;
            font-size: 12px;
            color: #707070;
            line-height: 1.7;
            transition: border-color .1s ease-in-out 0s, background-color .1s ease-in-out 0s;
            display: flex;
            align-items: center;
        }

            .status-action-icons .dropdown-menu > li > a .fa {
                color: #ef4448;
                font-size: 14px;
            }

.all-items-popover {
    position: fixed !important;
    background: #fff;
    background: var(--ae-color-neutral-0, #fff);
    top: 0;
    right: 0;
    bottom: 0;
    transition: width .5s ease !important;
    z-index: 331;
    width: calc(45% - 75px);
    padding: 25px 25px 100px;
    height: 100%;
    overflow-y: auto;
}

    .all-items-popover form .form-control {
        border: 1px solid #e9e9eb;
    }

.back-dark-overlay {
    left: 0 !important;
    top: 0 !important;
    background: rgba(0, 0, 0, .2);
    background: var(--ae-color-black-op20, rgba(0, 0, 0, .2));
    width: 100% !important;
    height: 100% !important;
    position: fixed;
    z-index: 331;
}

.items-popover-header {
    border-bottom: 1px solid #e9e9eb;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

    .items-popover-header span {
        font-size: 28px;
        font-weight: 500;
        color: #1e2137;
        padding-left: 0;
        padding-right: 10px !important;
    }

    .items-popover-header .popover-left a {
        background: #fff;
        background: #fff;
        border: 1px solid #e9e9eb;
        border: 1px solid #e9e9eb;
        border-radius: 8px;
        padding: 0;
        color: #404255;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        height: 32px;
        width: 32px;
        margin-right: 5px;
    }

        .items-popover-header .popover-left a[disabled="disabled"] {
            pointer-events: none;
        }

        .items-popover-header .popover-left a:hover {
            background-color: #406ae8;
            color: #ffffff;
        }

            .items-popover-header .popover-left a:hover i {
                color: #ffffff;
            }

.all-items-popover form sup {
    color: #ff0000;
    font-size: 12px;
}

.all-items-popover form label {
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    line-height: 22px;
    color: #404255;
}

    .all-items-popover form label.check-container {
        font-weight: 300;
    }

.all-items-popover form .customField2 label {
    font-size: 14px;
}

.label-bold {
    font-weight: 500 !important;
}

.all-items-sidebar {
    display: none !important;
}

.all-items-sidebar-2 {
    display: none !important;
}

.all-items-sidebar.items-sidebar-open {
    display: block !important;
}

.all-items-sidebar-2.items-sidebar-open {
    display: block !important;
}

.time-bx {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    background-color: #fafafa;
    border: 1px solid #e9e9eb;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 10px;
}

.block-action .edit-block {
    display: inline-flex;
    background-color: #34c313;
    border-radius: 3px;
    color: #fff;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    opacity: 0;
}

.block-action .delete-block {
    display: inline-flex;
    background-color: #cc180a;
    border-radius: 3px;
    color: #fff;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    opacity: 0;
}

.time-bx:hover .block-action .delete-block,
.time-bx:hover .block-action .edit-block {
    opacity: 1;
}

.block-action .edit-block i,
.block-action .delete-block i {
    color: #ffffff;
}

.time-block-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .time-block-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    .time-block-container .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: #eee;
        border-radius: 4px;
    }

    .time-block-container:hover input ~ .checkmark {
        background-color: #ccc;
    }

    .time-block-container input:checked ~ .checkmark {
        background-color: #2c4aa2;
    }

    .time-block-container .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    .time-block-container input:checked ~ .checkmark:after {
        display: block;
    }

    .time-block-container .checkmark:after {
        left: 9px;
        top: 3px;
        width: 6px;
        height: 15px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.all-items-popover form label small {
    display: block;
}

.new-timeblock,
.new-category {
    display: none;
}

.new-timeblock {
    margin-top: 15px;
}

.advanced-features {
    padding: 15px;
    border-radius: 6px;
    border: 1px solid #dddddd;
}

.adv-features-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.adv-features-wrapper {
    display: none;
    margin-top: 15px;
}

.adv-features-wrapper {
    margin-top: 15px 0 0;
}

#items-sortable .time-block-container .checkmark {
    position: relative;
    height: 22px;
    width: 22px;
    margin-left: 0;
    border: 2px solid #406ae8;
    background-color: transparent;
}

#items-sortable .time-block-container {
    padding-left: 0;
}

    #items-sortable .time-block-container .checkmark:after {
        left: 7px;
        top: 1px;
        width: 6px;
        border-color: #406ae8;
    }

.sort-by-select {
    min-height: 51px !important;
    border-radius: 6px !important;
    border: 1px solid #e9e9eb !important;
    font-size: 15px;
}

#items-sortable strong {
    font-weight: 500;
    display: block;
    font-size: 13px;
}

#bulk-upload-message .modal-content,
#bulk-upload-message .modal-body {
    border-radius: 10px !important;
}

.new_design_wrapper .dropdown-menu {
    min-width: 200px;
}

/*#bulk-upload-message .close{
color: #406ae8;
font-size: 14px;
}*/
#bulk-upload-message .close .fas {
    margin: 0;
    padding: 0;
}

#bulk-upload-message img {
    border-radius: 10px;
}

#bulk-upload-message button.close {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ff0000;
    border: 2px solid #dddddd;
    opacity: 1;
}

#items-sortable .ckbox label:before {
    width: 22px;
    height: 22px;
    border: 2px solid #406ae8;
    background-color: transparent;
    border-radius: 4px;
}

#items-sortable .ckbox input[type="checkbox"]:checked + label:before {
    background-color: transparent !important;
}

#items-sortable .ckbox input[type="checkbox"]:checked + label:after {
    color: #406ae8;
    top: 2px;
    font-size: 15px;
}

.form-input-wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    min-height: 75vh;
}

.form-footer .btn {
    border: 2px solid #0073e9;
    color: #0073e9;
    padding: 5px 20px;
    height: auto !important;
}

/*<.........new event page css.........*/
.new-wrapper-area {
    max-width: 1920px !important;
    margin: 0 auto;
    padding: 0px !important;
}

.btn-add-more-big:hover {
    background-color: #406ae8 !important;
    border-color: #406ae8 !important;
}

#banner-image-box span {
    display: block;
    padding: 0;
    width: 100%;
    border: none;
    font-size: 36px;
    color: #fff;
    border-radius: 0;
    word-wrap: break-word;
    font-weight: 500;
    line-height: 44px;
    text-shadow: 1px 1px 2px #333;
    text-align: center;
}

.item-banner #banner-image-box span {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}

.item-banner #banner-image-box {
    top: 40%;
}

.copy-url.form-group {
    display: flex;
    align-items: center;
    border: #d3dfea solid 1px;
    border-radius: 8px;
    padding: 5px;
}

.page .copy-url.form-group .form-control {
    border: none;
    height: 45px;
    min-height: 45px;
}

.copy-btn {
    border: none;
    background-color: transparent;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 50px;
}

    .copy-btn i {
        font-size: 18px;
        margin: 0;
        color: #555;
    }

.page .event-setting-left .form-control {
    min-height: 50px;
    height: 50px;
}

.event-setting-left label,
.event-setting-right label {
    font-weight: 500;
    font-size: 14px;
}

.form-switch .switches input {
    display: none;
}

.form-switch .switches {
    display: inline-block;
    width: 60px;
    height: 30px;
    margin: 0;
    position: relative;
    min-width: 60px;
}

.form-switch .slider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 30px;
    box-shadow: 0 0 0 1px #d3dfea, 0 0 4px #d3dfea;
    cursor: pointer;
    border: 4px solid transparent;
    overflow: hidden;
    transition: .4s;
}

    .form-switch .slider:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background: #d3dfea;
        border-radius: 30px;
        transform: translateX(-30px);
        transition: .4s;
    }

.form-switch input:checked + .slider:before {
    transform: translateX(30px);
    background: #406ae8;
}

.form-switch input:checked + .slider {
    box-shadow: 0 0 0 1px #406ae8, 0 0 1px #406ae8;
}

.form-group.form-switch {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.draggable-list {
    margin: 0;
    padding: 0 5px 0 0 !important;
    overflow-y: hidden;
}

    .draggable-list li {
        list-style: none;
        margin: 0 0 20px;
    }

        .draggable-list li:last-child {
            margin: 0 0 0;
        }

.config-nav-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.config-left {
    display: flex;
    align-items: center;
}

.config-right {
    display: flex;
    align-items: center;
}

.config-left img {
    margin-right: 10px;
    width: 24px;
    cursor: move;
}

.config-left .lable-value {
    font-weight: 500;
    font-size: 14px;
}

.edit-config a {
    display: inline-flex;
    width: 35px;
    height: 35px;
    background-color: red;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    background-color: #406ae81a;
}

.circle-edit-delete .fa {
    color: #406ae8;
    font-size: 20px;
}

.form-control.edit-input {
    display: none;
}

.config-right .form-switch {
    position: relative;
    top: 3px;
}

.config-nav-wrapper.editor-open .lable-value {
    display: none;
}

.config-nav-wrapper.editor-open .edit-input {
    display: block;
}

.config-nav-wrapper.editor-open .edit-config,
.config-nav-wrapper.editor-open .form-switch {
    display: none;
}

.show-edit .btn-save-rounded {
    padding: 9px 10px;
    border-radius: 20px;
    line-height: 18px !important;
    background-color: #406ae8;
    border: 1px solid #406ae8;
    color: #ffffff;
}

.show-edit .btn-cancel-rounded {
    padding: 9px 10px;
    border-radius: 20px;
    line-height: 18px !important;
    border: 1px solid #ddd;
    color: #333333;
}

.show-edit {
    display: none;
}

.config-nav-wrapper.editor-open .show-edit {
    display: inline-flex;
    white-space: nowrap;
}

.show-edit .fa {
    display: none;
}

.event-center-wrapper {
    background-color: #ffffff;
    box-shadow: none;
    border-radius: 0 0 5px 5px;
    padding: 5px 17px 10px !important;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 20px;
}

.main-img {
    border-radius: 15px;
    overflow: hidden;
    max-height: 276px;
    min-height: 276px;
    text-align: center;
}

    .main-img img {
        width: 100%;
    }

.align-top-section {
    position: relative;
    margin-top: 0;
    padding: 0 5px 0 !important;
}

    .align-top-section .card-body {
        padding: 0.5rem 1rem !important;
    }

.event-details-conatiner {
    padding: 10px 5px 0 15px;
    min-height: 276px;
    display: flex;
    align-items: stretch;
    flex-direction: column;
    justify-content: space-between;
}

    .event-details-conatiner h1 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        font-weight: 600;
        font-size: 21px;
        line-height: 31px;
        color: #172856;
        margin: 0;
        max-width: 94%;
    }

    .event-details-conatiner label {
        font-size: 15px;
        margin: 0 5px 0 0;
        white-space: nowrap;
        font-weight: 500;
    }

.benefits-lable {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 15px;
    margin-bottom: 0.5rem;
    position: relative;
}

.event-details-conatiner .btn + .btn {
    margin-left: 0;
}

.nav-event-tabs-wrapper .nav-tabs {
    align-items: center;
    justify-content: center;
    padding-bottom: 0 !important;
}

    .nav-event-tabs-wrapper .nav-tabs .nav-item {
        margin-bottom: 0;
    }

    .nav-event-tabs-wrapper .nav-tabs .nav-link,
    .nav-event-tabs-wrapper .nav-tabs .nav-link:hover {
        border: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom: 2px solid transparent !important;
        font-size: 14px;
        font-weight: 500;
        padding: 0.75rem 1.5rem;
        background-color: transparent;
    }

        .nav-event-tabs-wrapper .nav-tabs .nav-link.active,
        .nav-event-tabs-wrapper .nav-tabs .nav-item.show .nav-link,
        .nav-event-tabs-wrapper .nav-tabs .nav-link.active:focus {
            border: none;
            border-bottom: 2px solid #0073e9 !important;
            color: #0073e9;
            padding: 0.75rem 1.5rem;
            background-color: transparent;
        }

.nav-event-tabs-wrapper .tab-content {
    padding-top: 30px;
    overflow: inherit;
    background-color: #ffffff;
}

.card-border {
    border-radius: 6px !important;
    display: flex;
    align-items: stretch;
    flex-direction: column;
    flex-grow: 1;
    padding: 15px;
    border: 1px solid #dfe4ea;
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, .06);
    margin-bottom: 15px;
    justify-content: flex-start;
}

    .card-border h3 {
        font-size: 1.2rem !important;
    }

.purpal-box {
    background-color: #e9e9fd !important;
    border: 1px solid #a9a9ee !important;
    min-height: 140px
}

.yellow-box {
    background-color: #fdffe1 !important;
    border: 1px solid #d3d987 !important;
    min-height: 140px;
}

.green-box {
    background-color: #e9fdee !important;
    border: 1px solid #a7e8b7 !important;
    min-height: 140px;
}

.orange-box {
    background-color: #fff7e4 !important;
    border: 1px solid #e1b959;
    min-height: 140px;
}

.yellow-box .timer-block div {
    min-width: inherit;
}

.fund-raised-box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

    .fund-raised-box span {
        font-size: 42px;
        font-weight: 500;
        color: #0073e9 !important;
        display: flex;
        align-items: center;
        line-height: normal;
        gap: 5px;
    }

        .fund-raised-box span .fa {
            color: #1e2137 !important;
            font-size: 36px !important;
        }

    .fund-raised-box sup .fa {
        font-size: 18px;
        color: #3cd89c !important;
    }

.event-banner-area {
    position: relative;
    height: 300px;
    overflow: hidden;
    border-radius: 10px;
}

    .event-banner-area #banner_imgupld_img {
        max-height: 300px;
        object-fit: cover;
        width: 100%;
        object-position: center;
    }

#cover_delet {
    position: absolute;
    right: 168px;
    top: 10px;
}

    #cover_delet i {
        padding: 0;
        margin: 0;
    }

#Prof_del {
    position: absolute;
    right: 168px;
    top: 10px;
}

    #Prof_del i {
        padding: 0;
        margin: 0;
    }

.new-event-wrapper .ItemEditButton {
    position: absolute;
    right: 20px;
    z-index: 999;
}

.event-banner-area .btn-white {
    position: absolute;
    right: 10px;
    top: 10px;
}

.main-img {
    position: relative;
}

    .main-img .btn-white {
        position: absolute;
        right: 10px;
        top: 10px;
    }

.value-button {
    display: flex;
    justify-content: space-between;
    margin-top: 1.5rem;
}

    .value-button button {
        min-width: 100px;
        border: 1px solid #ddd;
    }

.nav-event-tabs-wrapper label {
    font-weight: 500;
    font-size: 14px;
}

.event-date-location {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    line-height: normal;
}

    .event-date-location .fa {
        font-size: 24px;
        color: #1e2137 !important;
        margin: 0;
    }

.select-date-drop {
    padding: 0;
    color: #0073e9 !important;
    font-weight: 600;
}

    .select-date-drop:after {
        display: none !important;
    }

.about-select-date .dropdown-menu li a,
.about-select-date .dropdown-menu li a .fa {
    color: #333333;
    align-items: center;
}

.social-share-list {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .social-share-list li {
        list-style: none;
    }

        .social-share-list li a {
            display: flex;
            width: 35px;
            height: 35px;
            border-radius: 5px;
            border: 1px solid #ddd;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            color: #1e2137 !important;
        }

            .social-share-list li a .fa {
                color: #1e2137 !important;
            }

#main-image-box {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: 0 auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 94%;
    padding: 0 15px;
    left: 0;
    right: 0;
}

#banner-image-box {
    position: absolute;
    top: 40px;
    bottom: auto;
    margin: 0 auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 94%;
    padding: 0 15px;
    left: 0;
    right: 0;
    top: auto;
}

/*............ticket setup css........*/
.border-button {
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    font-weight: 400;
    padding: 11.5px 16px;
    line-height: 24px !important;
    border: 1px solid #e9e9eb;
    height: auto;
    background-color: #ffffff;
    margin-left: 5px;
    border-radius: 6px !important;
    color: #333333;
}

    .border-button:hover {
        color: #333333;
    }

    .border-button .fas {
        color: #406ae8;
        font-size: 24px;
    }

.colored-button {
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    font-weight: 400;
    padding: 11.5px 16px;
    line-height: 24px !important;
    border: 1px solid #406ae8;
    height: auto;
    background-color: #406ae8;
    margin-left: 5px;
    color: #ffffff;
    border-radius: 6px !important;
}

    .colored-button .fas {
        color: #ffffff;
        font-size: 24px;
    }

.create-ticket-tab .nav-link,
.create-ticket-tab .nav-link:hover {
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-bottom: 10px;
    background-color: #ffffff;
    color: #333333;
}

    .create-ticket-tab .nav-link.active {
        border: 1px solid #0073e9 !important;
        background-color: #0073e9 !important;
        color: #fff;
    }

        .create-ticket-tab .nav-link.active .fas {
            color: #ffffff;
        }

    .create-ticket-tab .nav-link .fas {
        margin-right: 10px;
        color: #333333;
    }

.form-group.form-switch div:first-child {
    flex: 1;
}

#items-sortable.ticket-buyers-table {
    border-spacing: 0;
}

    #items-sortable.ticket-buyers-table tr {
        box-shadow: none;
    }

        #items-sortable.ticket-buyers-table tr td {
            white-space: nowrap;
        }

.payment-dropdown {
    margin-bottom: 20px;
}

.create-access-code {
    display: none;
}

    .create-access-code.create-access-code-show {
        display: block;
    }

.payment-dropdown input[type="radio"] {
    opacity: .011;
    z-index: 100;
    position: absolute;
    margin: 4px 0 0;
    line-height: normal;
    box-sizing: border-box;
    padding: 0;
}

.payment-dropdown label {
    border: 1px solid #dfe4ea;
    border-radius: 4px;
    color: #767a8b;
    font-size: 16px;
    line-height: 21px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.payment-dropdown-checked {
    border-radius: 4px;
    color: #fff !important;
    background: linear-gradient(116.57deg, #406ae8, #40a2e8);
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .06);
    font-size: 16px;
}

.h-45 {
    height: 44px !important;
}

.common-table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    white-space: nowrap;
    border-collapse: separate;
    border-spacing: 0 15px;
    font-size: 14px;
    line-height: 22px;
}

    .common-table tr th {
        color: #626473;
        font-weight: 600;
    }

    .common-table tr th,
    .common-table tr td {
        padding: 10px;
    }

        .common-table tr td h4 {
            font-size: 1.25rem;
        }

    .common-table thead {
        background-color: #ededf2;
    }

.ticket-buyers-edit,
.reminder-test,
.back-to-shedule {
    display: none !important;
}

    .ticket-buyers-edit.show-box,
    .reminder-test.show-box,
    .back-to-shedule.show-box {
        display: block !important;
    }

.shedule-btn.hide-btn {
    display: none;
}

.ticket-buyers-list.hide-box {
    display: none;
}

.bg-transparent {
    background-color: transparent;
}

.check-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .check-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    .check-container .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: #eee;
        border-radius: 5px;
    }

    .check-container :hover input ~ .checkmark {
        background-color: #ccc;
    }

    .check-container input:checked ~ .checkmark {
        background-color: #2196F3;
    }

    .check-container .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    .check-container input:checked ~ .checkmark:after {
        display: block;
    }

    .check-container .checkmark:after {
        left: 9px;
        top: 4px;
        width: 7px;
        height: 14px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.checkbox-wrapper {
    display: flex;
    align-items: center;
    gap: 50px;
}

#creatCode .modal-dialog {
    max-width: 600px;
}

#creatCode .modal-content {
    border-radius: 10px !important;
}

#creatCode .close {
    position: absolute;
    opacity: 1;
    right: 10px;
    top: 10px;
}

.modals-link {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 26px !important;
    border-radius: 8px !important;
    color: #333333 !important;
    background-color: transparent !important;
    border: 1px solid #ddd;
    font-size: 15px;
}

    .modals-link:hover {
        background-color: #406ae8 !important;
        border-color: #406ae8;
        color: #ffffff !important;
    }

        .modals-link:hover .fa {
            color: #ffffff !important;
        }

    .modals-link .fa {
        font-size: 24px;
    }

.radio-option {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .radio-option input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    .radio-option .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: #ffffff;
        border-radius: 50%;
        border: 2px solid #eeeeee;
    }

    .radio-option:hover input ~ .checkmark {
        background-color: #ffffff;
    }

    .radio-option input:checked ~ .checkmark {
        background-color: #2196F3;
        border: 2px solid #2196F3;
    }

    .radio-option .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    .radio-option input:checked ~ .checkmark:after {
        display: block;
    }

    .radio-option .checkmark:after {
        top: 3px;
        left: 3px;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: white;
    }

.ticket-buyers-table .dropdown-toggle::after {
    display: none;
}

.new_design_wrapper .ticket-buyers-table .dropdown-menu {
    min-width: 150px;
}

.new_design_wrapper #items-sortable .dropdown-menu {
    min-width: 150px;
}

.back-code {
    display: none;
}

    .back-code.show-code {
        display: block;
    }

.create-code.hide-code {
    display: none;
}

#btnEditName,
#btnOrganization {
    position: absolute;
    right: 0px;
    top: 0;
    border: 1px solid #eee;
    border-radius: 5px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0 !important;
}

    #btnEditName .fa,
    #btnOrganization .fa {
        color: #333333 !important;
    }

    #btnEditName:hover,
    #btnOrganization:hover {
        background-color: #0073e9 !important;
        border-color: #0073e9 !important;
        color: #ffffff;
    }

        #btnEditName:hover .fa,
        #btnOrganization:hover .fa {
            color: #ffffff !important;
        }

#lblOrganizationName {
    max-width: 60%;
    word-break: break-word;
}

.customField,
.customField2,
.customField3,
.customField4 {
    display: none;
}

.ticketsHolders {
    display: none;
}

#auction-tab .item-image-wrapper img {
    height: 180px;
    object-fit: contain;
    border-radius: 0;
    width: 100%;
}

#bannertextcnt,
#logotextcnt {
    text-align: right;
    font-size: 11px;
}

.credit-card-details,
.address-details {
    display: none;
}

.add-address-btn,
.add-credit-card {
    min-width: 161px;
}

@media (max-width: 1400px) {
    .all-items-popover form .customField2 label {
        font-size: 12px;
    }

    .new-wrapper-area.new-event-wrapper .card-footer {
        font-size: 8px;
        padding: 0.3rem !important;
    }

        .new-wrapper-area.new-event-wrapper .card-footer .fa {
            font-size: 8px !important;
            margin-right: 0.2rem !important;
        }
}


@media (max-width: 1368px) {
    .new-wrapper-area.new-event-wrapper .card-footer {
        font-size: 8px;
        padding: 0.3rem !important;
    }

        .new-wrapper-area.new-event-wrapper .card-footer .fa {
            font-size: 8px !important;
            margin-right: 0.2rem !important;
        }

    .all-items-popover {
        width: calc(52% - 75px);
        padding: 25px 15px 25px;
    }

    #banner-image-box span {
        font-size: 32px;
        line-height: 46px;
    }

    #main-image-box span {
        font-size: 24px;
        line-height: 34px;
    }

    #main_imgupld_btn {
        right: 5px;
        top: 5px;
        font-size: 13px;
    }

        #main_imgupld_btn .fa {
            padding-right: 2px;
        }

    #Prof_del i {
        margin-right: 3px;
    }
}

@media (max-width: 1250px) {
    #txtCurrentBid {
        font-size: 18px !important;
    }
    #divBuyNowForm #btnBuyNow {
        width: 40% !important;
        font-size: 16px !important;
        padding: 0 10px !important;
    }

    #Prof_del,
    #main_imgupld_btn,
    #cover_delet,
    #banner_imgupld_btn {
        font-size: 0;
        top: 5px;
    }

        #main_imgupld_btn .fa {
            padding-right: 2px;
        }

        #cover_delet i,
        #banner_imgupld_btn i {
            margin-right: 0 !important;
        }

    #Prof_del,
    #cover_delet {
        top: 5px;
        right: 55px;
    }

    #main_imgupld_btn .fa {
        padding-right: 2px;
    }

    #Prof_del i {
        margin-right: 3px;
    }
}

@media (max-width: 1024px) {

    #Prof_del,
    #main_imgupld_btn,
    #cover_delet,
    #banner_imgupld_btn {
        font-size: 0;
        top: 5px;
    }

        #Prof_del i,
        #main_imgupld_btn i,
        #cover_delet i,
        #banner_imgupld_btn i {
            margin-right: 0 !important;
        }

    .checklist-outer-wrapper {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .timer-block .timer-text span {
        font-size: 10px;
    }

    .timer-dot {
        font-size: 26px;
        min-width: 20px;
    }

    #timeBlockDiv .card .timer-block .timer-text {
        font-size: 14px !important;
    }

    .timer-block .timer-text {
        font-size: 24px;
    }

    .all-items-popover {
        width: calc(70% - 75px);
        padding: 25px 15px 25px;
    }

    #banner-image-box span {
        font-size: 26px;
        line-height: 36px;
    }

    #main-image-box span {
        font-size: 20px;
        line-height: 24px;
    }

    #items-sortable tr th,
    #items-sortable tr td {
        padding: 5px;
    }

    #items-sortable h4 {
        font-size: 12px;
    }

    .move-icon {
        width: 20px;
    }

    #items-sortable tr th {
        font-size: 12px;
    }

    .form-switch .switches {
        width: 40px;
        height: 20px;
        min-width: 40px;
    }

    .form-switch input:checked + .slider:before {
        transform: translateX(20px);
    }

    .form-switch .slider:before {
        transform: translateX(-20px);
    }

    .invoice_table_box .invoice_table tbody tr:first-child td:nth-of-type(2) {
        text-align: right !important;
        width: auto;
    }
}
.new_body_height {
    height: 100%;
}
@media (max-width: 991px) {
    .new_body_height{
        height:calc(100% - 73px) !important;
    }
    .all-items-popover {
        width: calc(80% - 75px);
        padding: 25px 15px 25px;
    }

    .m-l-img {
        max-width: 50%;
    }
}

@media (max-width: 767px) {
    .new_mob_fix {
        position: relative;
        top: 20px;
        text-align: left;
        display: block;
        width:100%;
        margin-bottom: 5px;
    }
    .checklist-outer-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .new-event-design .card-body {
        padding: 15px !important;
    }

    .all-items-popover {
        width: 100%;
        padding: 25px 15px 25px;
    }

    .event-web-card {
        min-height: inherit !important;
    }

    #invoice_checkout .currency-icon-field .form-control {
        min-width: 100px;
    }

    .event-center-wrapper {
        padding: 5px 0 10px !important;
    }
}

@media (max-width: 640px) {
    .invoice_table_box .invoice_table tbody tr:first-child td:nth-of-type(2) span {
        padding-left: 50px;
        display: block;
    }

    .event-center-wrapper {
        padding: 5px 5px 10px !important;
        max-width: 100%;
    }

    #invoice_checkout .text-muted {
        white-space: nowrap;
    }

    .nav-event-tabs-wrapper .tab-content {
        padding: 10px 0 !important;
        overflow: inherit;
    }

    .ui-sortable .w-32 {
        display: none;
    }

    .ui-sortable .move-icon {
        display: none;
    }

    .form-group.form-switch {
        display: flex;
        align-items: flex-start !important;
        justify-content: space-between;
        flex-direction: column;
        gap: 10px;
    }

    .checklist-outer-wrapper {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .event-banner-area {
        height: auto;
    }

    .timer-block div {
        display: inline-block;
        min-width: inherit;
    }

    .align-top-section {
        margin-top: 0;
    }

    .main-img {
        max-height: inherit;
        min-height: inherit;
    }

    .event-details-conatiner {
        min-height: inherit;
        padding: 10px 0;
    }

    .show-edit .fa {
        display: block;
    }

    .show-edit span {
        display: none;
    }

    .show-edit .btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 35px;
    }

        .show-edit .btn .fa {
            margin: 0;
            padding: 0;
        }

    .show-edit .auction-edit-save .fa {
        color: #fff;
    }

    #banner-image-box {
        top: 8px;
    }

        #banner-image-box span {
            font-size: 14px;
            line-height: normal;
        }

    #main-image-box span {
        font-size: 14px;
        line-height: normal;
    }

    .new_design_wrapper {
        padding: 15px 5px 30px;
    }

    #auction-tab .item_info,
    #auction-tab #divItemName,
    #auction-tab #divCardDesc {
        padding-left: 10px;
    }

    #banner_imgupld_btn,
    #main_imgupld_btn {
        font-size: 0;
        right: 3px;
        top: 3px;
        padding: 5px;
        line-height: normal !important;
        height: auto;
    }

        #banner_imgupld_btn .mr-2,
        #main_imgupld_btn .mr-2 {
            margin-right: 0 !important;
            padding-right: 0 !important;
        }

    .value-button button {
        min-width: 70px;
    }

    #Prof_del,
    #cover_delet {
        position: absolute;
        right: 30px;
        top: 4px;
        padding: 2px 6px;
        height: auto;
        line-height: normal !important;
    }

    .checkbox-wrapper {
        align-items: flex-start;
        gap: 10px;
        flex-direction: column;
    }

    .items-popover-header span {
        font-size: 24px;
    }

    .create-ticket-tab .nav-link,
    .create-ticket-tab .nav-link:hover {
        padding: 0.75rem;
    }

    .border-button .fas {
        font-size: 16px;
    }

    .border-button {
        font-size: 14px;
        padding: 11.5px 5px;
        margin-left: 0;
    }

    .status-action-icons span {
        width: 30px;
        height: 30px;
    }

    .status-action-icons i {
        font-size: 20px;
    }

    .nav-event-tabs-wrapper .nav-tabs .nav-link,
    .nav-event-tabs-wrapper .nav-tabs .nav-link:hover {
        padding: 0.75rem 0.5rem;
        font-size: 12px;
    }
}

@media (max-width: 375px) {
    #banner-image-box span {
        font-size: 12px;
        line-height: normal;
    }

    #main-image-box span {
        font-size: 12px;
        line-height: normal;
    }
}

.symbol.symbol-light-success .symbol-label {
    background-color: #ff8406 !important;
    color: #ffffff !important;
    border-radius: 100%;
}

#image-list .card {
    border: 1px solid #f2f2f2;
    padding: 0 0 0;
}

.error-msg-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #dad0b433;
    padding: 25px;
    border-radius: 15px;
    margin: 0 15px 15px;
    width: 100%;
}

    .error-msg-box p {
        margin: 0;
    }

    .error-msg-box img {
        width: 32px;
        vertical-align: middle;
    }

#tblLiabilityEvent .table td {
    word-break: normal;
}

#transaction-modal .modal-logo img {
    width: 250px;
}

#transaction-modal .modal-lg {
    max-width: 80%;
}

    #transaction-modal .modal-lg .card-body {
        overflow-x: scroll;
    }

#transaction-modal #ExportButton {
    color: #1BC5BD !important;
    background-color: transparent;
    border-color: #1BC5BD !important;
    margin-right: 15px;
}

    #transaction-modal #ExportButton:hover,
    #transaction-modal #ExportButton:focus {
        color: #ffffff !important;
        background-color: #1BC5BD;
        border-color: #1BC5BD !important;
    }

        #transaction-modal #ExportButton:hover .fa,
        #transaction-modal #ExportButton:focus .fa {
            color: #ffffff !important;
        }

#invoice_checkout .invoice_table i {
    font-size: 13px;
}

.table > thead > tr > th {
    border-bottom: 1px solid #ddd !important;
}

.invoice_table i,
.invoice_table td {
    font-size: 13px;
}

.invoice_table td {
    vertical-align: top !important;
}

#ModalVocabulary.modal .modal-header .close .fa {
    font-size: 18px;
    color: #ffffff;
}

#modalParsingVocabulary.modal .modal-header .close .fa {
    font-size: 18px;
    color: #ffffff;
}

.w-32 {
    width: 32px;
}

.search-keyword-box .input-group-append .btn {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    height: 100%;
}

.search-keyword-box .form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.purchase-keyword-options .radio {
    width: fit-content;
}

    .purchase-keyword-options .radio .circle {
        background: #fff;
        border: 1px solid #ccc;
    }

.edit-message-modal .modal-content {
    border-radius: 20px !important;
}

.keyword-table .actions .btn i {
    margin: 0;
    padding: 0;
}

.enable-message input[type="checkbox"].toggle {
    opacity: 0;
    position: absolute;
    left: -99999px;
}

    .enable-message input[type="checkbox"].toggle + label {
        height: 30px;
        line-height: 30px;
        background-color: #ffffff;
        padding: 0px 16px;
        border-radius: 16px;
        display: inline-block;
        position: relative;
        cursor: pointer;
        -moz-transition: all 0.25s ease-in;
        -o-transition: all 0.25s ease-in;
        -webkit-transition: all 0.25s ease-in;
        transition: all 0.25s ease-in;
        -moz-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.5);
        box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.5);
    }

        .enable-message input[type="checkbox"].toggle + label:before,
        .enable-message input[type="checkbox"].toggle + label:hover:before {
            content: " ";
            position: absolute;
            top: 2px;
            left: 2px;
            width: 25px;
            height: 25px;
            background: #cccccc;
            z-index: 2;
            -moz-transition: all 0.25s ease-in;
            -o-transition: all 0.25s ease-in;
            -webkit-transition: all 0.25s ease-in;
            transition: all 0.25s ease-in;
            -moz-border-radius: 14px;
            -webkit-border-radius: 14px;
            border-radius: 14px;
        }

        .enable-message input[type="checkbox"].toggle + label .off,
        .enable-message input[type="checkbox"].toggle + label .on {
            color: #333333;
        }

        .enable-message input[type="checkbox"].toggle + label .off {
            margin-left: 25px;
            display: inline-block;
        }

        .enable-message input[type="checkbox"].toggle + label .on {
            display: none;
        }

    .enable-message input[type="checkbox"].toggle:checked + label .off {
        display: none;
    }

    .enable-message input[type="checkbox"].toggle:checked + label .on {
        margin-right: 25px;
        display: inline-block;
    }

    .enable-message input[type="checkbox"].toggle:checked + label,
    .enable-message input[type="checkbox"].toggle:focus:checked + label {
        background-color: #ffffff;
    }

        .enable-message input[type="checkbox"].toggle:checked + label:before,
        .enable-message input[type="checkbox"].toggle:checked + label:hover:before,
        .enable-message input[type="checkbox"].toggle:focus:checked + label:before,
        .enable-message input[type="checkbox"].toggle:focus:checked + label:hover:before {
            background-position: 0 0;
            top: 2px;
            left: 100%;
            margin-left: -27px;
            background-color: #0073e9;
        }

.radio-b {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .radio-b input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    .radio-b .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 20px;
        width: 20px;
        background-color: #eee;
        border-radius: 50%;
    }

    .radio-b:hover input ~ .checkmark {
        background-color: #ccc;
    }

    .radio-b input:checked ~ .checkmark {
        background-color: #2196F3;
    }

    .radio-b .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    .radio-b input:checked ~ .checkmark:after {
        display: block;
    }

    .radio-b .checkmark:after {
        top: 4px;
        left: 4px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: white;
    }

#sidmenuUL li a h3.with-icon {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
    gap: 15px;
}

    #sidmenuUL li a h3.with-icon .fa {
        color: #008afc;
    }

.aside-minimize #sidmenuUL li a h3.with-icon {
    font-size: 0 !important;
    gap: 0;
    justify-content: center;
}

    .aside-minimize #sidmenuUL li a h3.with-icon .fa {
        color: #008afc;
        font-size: 24px !important;
    }

.all-items-popover .input-with-icon i.currencyText {
    top: 10px !important;
}

.horizontal-scroll {
    overflow-x: scroll;
}

#summernote {
    overflow-x: auto;
    border: none;
    border-radius: 0;
}

.about-tab-left #summernote iframe {
    width: 100% !important;
}

.header-dropdown li a:hover {
    color: #0073e9 !important;
    text-decoration: underline;
}

.header-dropdown li {
    border: none !important;
}

.product-strike {
    text-decoration: line-through;
    color: #7e818c;
    font-weight: 400;
    margin-left: 5px;
    font-size: 14px !important;
}

.header-dropdown {
    padding: 0;
}

    .header-dropdown li a:hover {
        color: #0073e9 !important;
        text-decoration: underline;
    }

    .header-dropdown li {
        border: none !important;
    }

    .header-dropdown .dropdown button {
        background-color: transparent;
        color: #616b76 !important;
        font-weight: 300;
        border: none;
    }

        .header-dropdown .dropdown button:focus {
            outline: none;
            border: none;
        }

    .header-dropdown .dropdown .dropdown-menu {
        display: none;
    }

    .header-dropdown .dropdown.open .dropdown-menu {
        padding: 15px;
        line-height: normal;
        display: flex;
        flex-direction: column;
        width: 200px;
        border-radius: 4px !important;
        border: 1px solid rgba(0, 0, 0, 0.15);
        z-index: 99999999;
    }

    .header-dropdown .dropdown.open .dropdown-toggle {
        border: none;
    }

    .header-dropdown .dropdown .dropdown-menu a {
        padding: 15px 0;
        color: #002e54;
        width: 120%;
        text-decoration: none;
    }

        .header-dropdown .dropdown .dropdown-menu a:hover {
            color: #008afc;
            text-decoration: none;
            background-color: transparent;
        }

#cc-profile-modal-one .add-amount i.currencyText {
    position: absolute;
    top: 15px;
    left: 15px;
    color: #424e79 !important;
    font-weight: 600;
}

#cc-profile-modal .add-amount i.currencyText {
    position: absolute;
    top: 15px;
    left: 15px;
    color: #424e79 !important;
    font-weight: 600;
}

#divBuyNowForm i.currencyText {
    color: #424e79 !important;
    font-size: 14px;
    margin-right: 3px;
}

i.currencyText {
    color: #424e79 !important;
}

.common-blur-wrapper.login.login-1 .login-aside {
    width: 100%;
    max-width: 20% !important;
    margin-right: 30% !important;
    overflow: visible !important;
}

.common-blur-wrapper.login.login-1 .login-content {
    width: 100%;
    padding: 1rem !important;
    max-width: 50% !important;
    padding: 1rem !important;
    background: white;
}

#SubscriptionModal {
    color: #3699FF;
}

.create-post a {
    color: #3699FF;
}

.green-box p {
    margin-bottom: 0;
}

#auction-tab #st-1.st-has-labels .st-btn.st-remove-label > span {
    display: none !important;
}

#auction-tab .create_item_wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#auction-tab #divShare .sharethis-inline-share-buttons .st-btn img {
    margin-right: 0 !important;
    width: 40px;
}

#auction-tab #st-1.st-has-labels .st-btn.st-remove-label {
    min-width: 40px !important;
}

#auction-tab #st-1 .st-total > span.st-shares {
    font-size: 14px;
    line-height: 9px;
    display: block !important;
}

#pagination_top {
    margin: 0;
}

#top_sections {
    width: 100%;
}

#timeBlockDiv .card .timer-block .timer-text {
    font-size: 30px !important;
}

#timeBlockDiv .card .card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#timeBlockDiv .card .timer-box {
    margin-bottom: 5px !important;
}

#timeBlockDiv .card .card-header a {
    font-size: 14px;
}

#timeBlockDiv .card {
    min-height: 431px;
}

    #timeBlockDiv .card .timer-block {
        display: block !important;
    }

.create_item_wrapper {
    width: 100%;
}

#ConfirmCCmodal .cancel_btn_go_public {
    position: absolute;
    right: 10px;
    top: 15px;
    opacity: 1;
    color: #000000;
}

    #ConfirmCCmodal .cancel_btn_go_public .fa {
        color: #000000;
    }

#ConfirmCCmodal .modal-content {
    border-radius: 10px !important;
}

    #ConfirmCCmodal .modal-content .modal-body p:last-child {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    #ConfirmCCmodal .modal-content .modal-body p label {
        margin-bottom: 0;
    }

    #ConfirmCCmodal .modal-content .modal-body p #regccmodalamount {
        font-size: 24px;
        color: #3F4254;
    }

#ConfirmCCmodal p #regccmodalamoun .fa-dollar {
    color: #3F4254 !important;
}

    #ConfirmCCmodal p #regccmodalamoun .fa-dollar:before {
        color: #3F4254 !important;
    }

#btnChargeCCevadmin {
    background-color: #28a745;
    border-color: #28a745;
    min-height: 48px;
}

#btnChargeCCbidder {
    margin-top: 10px;
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}

.body_content {
    position: relative;
    max-height: 375px;
    overflow-y: auto;
}

#Preregccdiv {
    height: 370px !important;
    background-color: #f4f5fb !important;
}

#bottom_sections {
    width: 100%;
}

.pagination-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 15px;
}

#spPageNowin1,
#spPageNowin,
#pagecount1 {
    outline: none !important;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2.25rem;
    min-width: 2.25rem;
    padding: 0.5rem;
    text-align: center;
    position: relative;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 500;
    border-radius: 0.42rem;
    border: 0;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    background-color: #3699FF;
    color: #ffffff;
    margin: 0 5px;
    background-color: transparent;
    color: #3F4254;
}

    #spPageNowin1:hover,
    #spPageNowin:hover,
    #pagecount1:hover {
        background-color: #3699ff;
        color: #ffffff;
    }

.activated {
    background-color: #3699ff !important;
    color: #ffffff !important;
    border-radius: 0.42rem !important;
}

.pagination-link #prevwin1,
.pagination-link #nextwin1,
.pagination-link #previtems,
.pagination-link #nextitems,
.pagination-link #previtems1,
.pagination-link #nextitems1,
.pagination-link #FirstItem,
.pagination-link #lastitem,
.pagination-link #FirstItem1,
.pagination-link #lastitem1,
.pagination-link #FirstItem,
.pagination-link #lastitem {
    outline: none !important;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2.25rem;
    min-width: 2.25rem;
    padding: 0.5rem;
    text-align: center;
    position: relative;
    line-height: 1rem;
    font-weight: 500;
    border-radius: 0.42rem;
    border: 0;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    background-color: #F3F6F9;
    color: #7E8299;
    margin: 0 5px;
    font-size: 0;
}

    .pagination-link #prevwin1 i,
    .pagination-link #nextwin1 i,
    .pagination-link #previtems i,
    .pagination-link #nextitems i,
    .pagination-link #previtems1 i,
    .pagination-link #nextitems1 i,
    .pagination-link #FirstItem i,
    .pagination-link #lastitem i,
    .pagination-link #FirstItem1 i,
    .pagination-link #lastitem1 i,
    .pagination-link #FirstItem i,
    .pagination-link #lastitem i {
        font-size: 1rem;
        margin: 0;
    }

    .pagination-link #prevwin1:hover,
    .pagination-link #nextwin1:hover,
    .pagination-link #previtems:hover,
    .pagination-link #nextitems:hover,
    .pagination-link #previtems1:hover,
    .pagination-link #nextitems1:hover,
    .pagination-link #FirstItem:hover,
    .pagination-link #lastitem:hover,
    .pagination-link #FirstItem1:hover,
    .pagination-link #lastitem1:hover,
    .pagination-link #FirstItem:hover,
    .pagination-link #lastitem:hover {
        background-color: #3699ff;
        color: #ffffff;
    }

        .pagination-link #prevwin1:hover i,
        .pagination-link #nextwin1:hover i,
        .pagination-link #previtems:hover i,
        .pagination-link #nextitems:hover i,
        .pagination-link #previtems1:hover i,
        .pagination-link #nextitems1:hover i,
        .pagination-link #FirstItem:hover i,
        .pagination-link #lastitem:hover i,
        .pagination-link #FirstItem1:hover i,
        .pagination-link #lastitem1:hover i,
        .pagination-link #FirstItem:hover i,
        .pagination-link #lastitem:hover i {
            background-color: #3699ff;
            color: #ffffff;
        }

#cc-profile-modal-one .modal-dialog.modal-lg {
    max-width: 700px;
}

#cc-profile-modal-one .modal-header .close {
    width: 35px;
    height: 35px;
    position: absolute;
    right: -12px;
    background-color: #ffffff;
    border-radius: 100% !important;
    z-index: 999999;
    line-height: 35px;
    top: -12px;
}

#cc-profile-modal-one .add-amount input {
    height: 55px;
    min-height: 55px;
}

#cc-profile-modal-one .add-amount input {
    height: 55px;
    min-height: 55px;
    padding-right: 50px;
    font-size: 24px;
}

.refund-modal .modal-header {
    background-color: #187DE4;
}

    .refund-modal .modal-header .modal-title {
        color: #ffffff;
    }

.refund-modal .modal-lg {
    max-width: 650px !important;
}

.refund-modal .modal-header .close .ki {
    color: #ffffff;
}

.refund-modal .modal-body {
    padding: 2rem;
}

.refund-modal .form-group.margin-btm label {
    font-size: 18px;
}

.refund-modal .form-group #refundamnt {
    min-height: 60px;
}

.refund-modal #EditTeamsModalForm .form-horizontal .form-group.row.mb-1 {
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 15px !important;
}

.refund-modal #EditTeamsModalForm .form-group.margin-btm {
    margin-top: 10px;
}

.refund-modal #EditTeamsModalForm .form-horizontal .form-group.row.mb-1 .text-md-right {
    text-align: left !important;
}

.refund-modal #EditTeamsModalForm .form-horizontal .form-group.row.mb-1 label {
    font-size: 16px;
    font-weight: 600;
}

.refund-modal .modal-footer {
    padding: 1.5rem 0 0 !important;
}

#EditTimeBlock .modal-lg {
    max-width: 700px;
}

#EditTimeBlock .time-block-list .time-block-left {
    flex-wrap: wrap;
}

    #EditTimeBlock .time-block-list .time-block-left .time-block-date {
        flex-basis: 47%;
    }

    #EditTimeBlock .time-block-list .time-block-left .time-block-time {
        flex-basis: 47%;
    }

#EditTimeBlock .edit-timeblock-wrapper {
    margin-bottom: 20px;
}

    #EditTimeBlock .edit-timeblock-wrapper .input-group > .form-control:not(:first-child) {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }

#EditTimeBlock .time-block-list {
    margin: 0 5px;
}

#EditTimeBlock .edit-timeblock-wrapper h1.form-label,
#EditTimeBlock .edit-timeblock-wrapper label {
    font-size: 13px;
    display: block;
    margin-bottom: 0.375rem;
    font-weight: 500;
    color: #424e79;
}

#EditTimeBlock .time-block-date .fa {
    top: 37px;
}

#EditTimeBlock .modal-body {
    padding: 2rem;
}

.corporate .card.overflow-hidden {
    box-shadow: 0 10px 10px 20px rgb(176, 184, 214, 0.09), 10px 10px 15px -5px #b0b8d6 !important;
}

#kt_subheader .container-fluid .flex-wrap.mr-1 .text-muted {
    display: flex;
    align-items: center;
}

    #kt_subheader .container-fluid .flex-wrap.mr-1 .text-muted .invusername {
        white-space: nowrap;
        margin-right: 10px;
    }

.pagination-link {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 10px;
}

#spPageNo {
    outline: none !important;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2.25rem;
    min-width: 2.25rem;
    padding: 0.5rem;
    text-align: center;
    position: relative;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 500;
    border-radius: 0.42rem;
    border: 0;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    background-color: #3699FF;
    color: #ffffff;
    margin: 0 5px;
}

.pagination-link #prev,
.pagination-link #next,
.pagination-link #prevwin,
.pagination-link #nextwin {
    outline: none !important;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2.25rem;
    min-width: 2.25rem;
    padding: 0.5rem;
    text-align: center;
    position: relative;
    line-height: 1rem;
    font-weight: 500;
    border-radius: 0.42rem;
    border: 0;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    background-color: #F3F6F9;
    color: #7E8299;
    margin: 0 5px;
    font-size: 0;
}

    .pagination-link #prev i,
    .pagination-link #next i,
    .pagination-link #prevwin i,
    .pagination-link #nextwin i {
        font-size: 1rem;
        margin: 0;
    }

.items-list-table {
    overflow-y: auto;
}

#kt_calendar.fc-unthemed .fc-popover .fc-body .fc-event-container {
    height: 74vh;
    overflow-y: auto;
}

.enter-bid-box {
    border: #eff0f6 solid 1px;
    background-color: #fff;
    border-radius: 0 0 10px 10px;
}

.add-amount {
    position: relative;
}

    .add-amount .fa {
        position: absolute;
        font-size: 18px;
        color: #424e79 !important;
        font-weight: bold;
        left: 13px;
        top: 14px;
    }

    .add-amount input {
        text-align: right;
        padding-left: 50px;
        font-size: 18px;
        color: #424e79 !important;
        font-weight: bold;
    }

.height-auto {
    height: auto !important;
    line-height: auto !important;
}

.edit-timeblock-wrapper h1 {
    font-size: 16px;
}

.time-block-list {
    display: flex;
    justify-content: space-between;
    gap: 50px;
    align-items: center;
}

.time-block-left {
    flex: 1;
    display: flex;
    gap: 30px;
    align-items: center;
}

    .time-block-left .time-block-date .form-control {
        min-height: 45px;
        height: auto;
    }

.edit-timeblock-wrapper {
    border: 1px solid #d3dfea;
    padding: 15px;
    border-radius: 10px;
    margin-top: 15px;
}

.time-block-date {
    flex: 2;
    position: relative;
}

    .time-block-date .fa {
        position: absolute;
        left: 10px;
        top: 15px;
        font-size: 19px;
        color: #333333;
    }

    .time-block-date input {
        padding-left: 35px;
    }

.block-edit .fa {
    font-size: 16px;
}

.block-delete-icon {
    color: green;
    margin-right: 10px;
}

.block-edit-icon {
    color: #ff0000;
}

.winners-table-list .tab-content {
    background-color: #ffffff;
    padding-top: 15px;
}

    .winners-table-list .tab-content .search-filter {
        padding-right: 15px;
    }

.search-filter .input-group {
    border: 1px solid #dddddd;
}

.auction-items-card {
    display: flex;
    flex-direction: column;
}

    .auction-items-card .p-42 {
        padding: 0;
    }

    .auction-items-card .card-body {
        display: flex;
        align-items: center;
    }

        .auction-items-card .card-body .row {
            width: 100%;
        }

.items-list-table .table thead {
    background-color: #ffffff;
}

.items-value-bx {
    white-space: nowrap;
}

.checklist .event-velue-conatiner .value-box {
    padding: 0 0 15px;
}

.checklist .card-body {
    padding: 1rem 0 !important;
}

.winners-table-list .items-list-table #ItemsTable thead th {
    text-align: center;
}

    .winners-table-list .items-list-table #ItemsTable thead th:first-child {
        text-align: left;
    }

.winners-table-list .items-list-table #ItemsTable tbody tr td {
    text-align: center;
}

    .winners-table-list .items-list-table #ItemsTable tbody tr td:first-child {
        text-align: left;
    }

.winners-table-list .items-list-table #WinnersTable thead th {
    text-align: center;
}

    .winners-table-list .items-list-table #WinnersTable thead th:first-child {
        text-align: left;
    }

.winners-table-list .items-list-table #WinnersTable tbody tr td {
    text-align: center;
}

    .winners-table-list .items-list-table #WinnersTable tbody tr td:first-child {
        text-align: left;
    }

.remove-image.remove-upload-img {
    background-color: #ff0000 !important;
    border: none;
    color: #ffffff !important;
    position: absolute;
    right: 5px;
    top: 5px;
    opacity: 0;
    z-index: 999;
}

    .remove-image.remove-upload-img i {
        color: #ffffff;
        margin: 0 5px !important;
        font-family: FontAwesome !important;
    }

.upload-wrapper .preview-zone:hover .remove-image.remove-upload-img {
    opacity: 1;
}

.upload-wrapper .dropzone-wrapper:hover .remove-image.remove-upload-img {
    opacity: 1;
}

.tab_content.first.tab_general .align-relative {
    position: relative;
}

.align-relative {
    position: relative;
}

/*...........cc profile modal css..........*/
.card-step-modal-ui .step-status-head {
    font-size: 22px;
    line-height: 35px;
    text-align: center;
    font-weight: normal;
    padding: 0;
    margin-top: 0;
}

.card-step-modal-ui .modal-content {
    border-radius: 15px !important;
}

.card-step-modal-ui .modal-header {
    padding: 0;
    border: none;
}

    .card-step-modal-ui .modal-header .close {
        position: absolute;
        right: 8px;
        top: 8px;
    }

        .card-step-modal-ui .modal-header .close,
        .card-step-modal-ui .modal-header .close .fa {
            color: #3699ff !important;
            z-index: 9;
            font-size: 24px !important;
        }

.card-step-modal-ui .step-success-box .icon-success {
    width: 70px;
    margin: 0 auto 25px;
    display: block;
}

.card-step-modal-ui .step-success-box {
    padding: 0;
    text-align: center;
}

.card-step-modal-ui .success-title {
    font-size: 24px !important;
}

.card-step-modal-ui .bidder-name {
    text-transform: uppercase;
    color: #187DE4;
    font-weight: bold;
}

.card-step-wizard-ui .progress-bar {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    background-color: transparent;
    flex-wrap: wrap;
}

    .card-step-wizard-ui .progress-bar .step {
        font-size: 1.1rem;
        font-weight: 600;
        color: #3F4254;
        display: flex;
        align-items: center;
        padding: 1.5rem 0;
    }

    .card-step-wizard-ui .progress-bar.two-steps .step {
        min-width: 50%;
    }

    .card-step-wizard-ui .progress-bar .step .bullet {
        font-size: 1.3rem;
        font-weight: 600;
        flex: 0 0 2.75rem;
        height: 2.75rem;
        width: 2.75rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgba(54, 153, 255, 0.08);
        color: #3699FF;
        margin-right: 1rem;
        border-radius: 0.5rem;
    }

    .card-step-wizard-ui .progress-bar .step.active .bullet {
        background-color: #3699FF;
        color: #fff;
    }

    .card-step-wizard-ui .progress-bar .step.active {
        color: #3699FF;
    }

.card-step-wizard-ui .step-page {
    display: none;
}

    .card-step-wizard-ui .step-page.active {
        display: block;
    }

.card-step-modal-ui .step-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #ebebeb;
    padding-top: 20px;
    margin-top: 0;
}

    .card-step-modal-ui .step-actions .btn {
        height: auto !important;
        line-height: inherit !important;
    }

.enter-bid-box {
    border: #eff0f6 solid 1px;
    background-color: #fff;
    border-radius: 0 0 10px 10px;
}

.add-amount {
    position: relative;
}

    .add-amount .fa {
        position: absolute;
        font-size: 24px;
        color: #424e79 !important;
        font-weight: bold;
        left: 13px;
        top: 15px;
    }

    .add-amount input {
        text-align: right;
        padding-left: 50px;
        font-size: 18px;
        color: #424e79 !important;
        font-weight: bold;
    }

.height-auto {
    height: auto !important;
    line-height: auto !important;
}

#cc-profile-modal {
    padding-left: 0 !important;
}

    #cc-profile-modal .modal-dialog.modal-lg {
        max-width: 700px;
    }

    #cc-profile-modal .modal-header .close {
        width: 35px;
        height: 35px;
        position: absolute;
        right: -12px;
        background-color: #ffffff;
        border-radius: 100% !important;
        z-index: 999999;
        line-height: 35px;
        top: -12px;
    }

    #cc-profile-modal .add-amount input {
        height: 55px;
        min-height: 55px;
        padding-right: 50px;
        font-size: 24px;
    }

.zero-value {
    position: absolute;
    color: #424e79 !important;
    font-size: 24px;
    font-weight: 700;
    right: 12px;
    top: 10px;
}

/*<...............end..................*/
.total-wrapper {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 10px;
    justify-content: space-between;
}

    .total-wrapper label {
        margin-bottom: 0;
        font-weight: 500;
        font-size: 16px;
    }

        .total-wrapper label i {
            font-size: 24px;
            color: #3F4254;
        }

    .total-wrapper.blue-wrapper {
        background-color: #0073e9 !important;
        border-color: #0073e9 !important;
    }

        .total-wrapper.blue-wrapper label {
            color: #ffffff;
        }

            .total-wrapper.blue-wrapper label i {
                color: #ffffff;
            }

#dvFeatureFieldBox-4 .input-with-icon i.currencyText,
#dvFeatureFieldBox-7 .input-with-icon i.currencyText {
    top: 10px !important;
}

.featured-content-body .input-with-icon {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

    .featured-content-body .input-with-icon #txtButNowPrice {
        padding-left: 52px;
        margin-left: 0;
    }

#divStartBidLeft .input-with-icon,
#divItemValueLeft .input-with-icon {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap;
}

#success-modal .modal-form label i.currencyClass {
    color: #424e79 !important;
    margin-right: 5px;
    font-size: 13px !important;
    font-family: inherit !important;
}

#success-modal i.currencyText {
    color: #424e79 !important;
    margin-right: 5px;
    font-size: 13px !important;
    font-family: inherit !important;
}

#success-modal .input-with-icon i.currencyText {
    font-size: 18px !important;
    font-family: inherit !important;
}

#buy-modal #divBuyNowForm .currencyClass {
    color: #424e79 !important;
    margin-right: 5px;
    font-size: 13px !important;
    font-family: inherit !important;
}


.input-with-icon i.currencyText {
    font-family: inherit !important;
    top: inherit !important;
}
    .input-with-icon i.currencyText ~ #txtStartBid, .input-with-icon i.currencyText ~ #txtItemValue,
    .input-with-icon i.currencyText ~ #txtReserveAmount, .input-with-icon i.currencyText ~ #txtCustomBidIncrement {
        padding-left: 50px !important;
    }
    .input-with-icon i.currencyText ~ #txtButNowPrice {
        padding-left: 55px !important;
    }
.item_info .input-with-icon i.currencyText ~ #txtItemValue {
    padding-left: 1.2rem !important;
}
    #divItemInfo .item_info .input-with-icon i.currencyText {
        font-family: inherit !important;
        top: inherit !important;
        font-size: 20px !important;
        font-weight: 600 !important;
    }

#divItemInfo .item_info #divStartBidRight .input-with-icon i.currencyText {
    font-family: inherit !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}

#Paymentbox .payment-online.text-center .row .col-md-6 {
    margin-bottom: 20px;
}

    #Paymentbox .payment-online.text-center .row .col-md-6 .card .card-body {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

#Paymentbox .payment-online .card {
    padding: 15px !important;
}

#Paymentbox .payment-online.text-center .row .col-md-12 h2 {
    padding-top: 0 !important;
    color: #3F4254 !important;
}

#Paymentbox .payment-online.text-center .row .col-md-12 h4 {
    font-weight: normal;
    margin-top: 15px;
    font-size: 1.2rem;
}

.note-editor .note-toolbar .note-btn-group .btn {
    color: #333333 !important;
}

.form-toggle {
    font-size: 18px;
    padding: 0 7px;
    border: none;
    border-radius: 5px;
    margin-top: 3px;
    margin-left: 5px;
    background-color: #008afc;
    color: #fff;
    display: none;
}

    .form-toggle .fa {
        color: #ffffff;
    }

.created-timeblock {
    margin-bottom: 15px;
}

.timeblock-wrapper {
    display: none;
}

.time-bx {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    background-color: #fafafa;
    border: 1px solid #dddddd;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 10px;
}

.all-items-popover form label {
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 22px;
    color: #404255;
}

.block-action .edit-block {
    display: inline-flex;
    background-color: #34c313;
    border-radius: 100%;
    color: #fff;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    opacity: 0;
}

.block-action .delete-block {
    display: inline-flex;
    background-color: #cc180a;
    border-radius: 100%;
    color: #fff;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    opacity: 0;
}

.time-bx:hover .block-action .delete-block,
.time-bx:hover .block-action .edit-block {
    opacity: 1;
}

.block-action .edit-block i,
.block-action .delete-block i {
    color: #ffffff;
}

.time-block-container {
    display: block;
    position: relative;
    padding-left: 0;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .time-block-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    .time-block-container .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 20px;
        width: 20px;
        background-color: #eee;
        border-radius: 4px;
    }

    .time-block-container:hover input ~ .checkmark {
        background-color: #ccc;
    }

    .time-block-container input:checked ~ .checkmark {
        background-color: #0073e9;
    }

    .time-block-container .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    .time-block-container input:checked ~ .checkmark:after {
        display: block;
    }

    .time-block-container .block-name {
        font-size: 14px;
        padding-left: 30px;
    }

    .time-block-container .checkmark:after {
        left: 7px;
        top: 2px;
        width: 6px;
        height: 13px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.time-bx {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    background-color: #fafafa;
    border: 1px solid #dddddd;
    border-radius: 6px;
    padding: 10px;
    margin-bottom: 10px;
}

.timeblock-wrapper .row {
    margin: 0;
    padding: 0 10px;
}

.time-block-container small,
.time-block-container .small {
    font-size: 12px;
    font-weight: 400;
}

.timeblock-wrapper .row .col-md-6,
.timeblock-wrapper .row .col-md-12 {
    padding: 0 0;
}

#btn-add-timeblock .edit-image {
    background-color: #0073e9 !important;
    border-color: #0073e9 !important;
    line-height: 19px;
    color: #ffffff;
    font-size: 10px;
    display: inline-block;
    height: 20px;
}

    #btn-add-timeblock .edit-image i {
        color: #fff;
        margin: 0 5px !important;
        font-family: FontAwesome !important;
    }

.removeinvites {
    border: none;
    background-color: transparent;
    margin: 0;
    color: #ff0000;
    font-weight: 600;
    display: flex;
    align-items: center;
}

    .removeinvites i {
        color: #ff0000;
        font-size: 18px;
        margin-right: 5px;
    }

#kt_content #kt_subheader .container-fluid {
    max-width: 100%;
}

#divItemShipFromAddress,
#divItemPickupAddress,
#divEventContactAddress {
    padding: 0 0 10px !important;
}

#MemberActivity .table-responsive .table tr td:nth-child(2) {
    white-space: nowrap;
}

#kt_subheader .container-fluid {
    flex-wrap: nowrap !important;
}

.subheader .container-fluid .flex-wrap.mr-1 {
    flex-wrap: nowrap !important;
    flex: 1;
}

    .subheader .container-fluid .flex-wrap.mr-1 h5 {
        word-break: break-word;
    }

#kt_subheader .container-fluid .flex-wrap.mr-1 .text-muted {
    word-break: break-all;
}

#kt_subheader .container-fluid .flex-wrap.mr-1 h5 {
    white-space: nowrap;
}

#InvitedEventAdminsTable.table.dataTable.nowrap td {
    white-space: normal;
}

#region_statistics_content table td {
    width: 25%;
}

#region_statistics_content.daily-stats-list table td {
    width: inherit;
}

#region_statistics_content table td:last-child {
    padding-right: 10px !important;
}

.copy-share-link {
    background-color: #0073e9 !important;
    width: 100%;
    border-color: #0073e9 !important;
    color: #fff;
    box-shadow: none;
    border: 1px solid #0073e9 !important;
    border-radius: 5px;
    min-height: 45px;
    font-size: 16px;
}

#divAdvFeature div:first-child {
    align-items: flex-start;
}

#divAdvFeature .font-size-h3 {
    font-size: 1.2rem !important;
}

.app-sidebar__user .howto-btn {
    margin-left: 0;
    white-space: nowrap;
    border-radius: 25px !important;
}

.create-event-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 10px;
}

.auto-resend-bx .pTimeClock {
    width: 100%;
    display: block;
    padding: 10px;
    color: #000000 !important;
    background-color: #fff3cd;
    border-color: #ffeeba;
    border-radius: 5px;
    margin-bottom: 5px;
    text-align: center;
}

.mCSB_container.height_auto {
    height: auto !important;
}

#MemberActivity .table-responsive,
#region_statistics_content .table-responsive {
    max-height: 250px;
}

#MemberActivity .table tr th:nth-child(5) {
    text-align: right;
}

#MemberActivity .table tr th:nth-child(4) {
    text-align: right;
    white-space: nowrap;
}

#MemberActivity .table tr th:nth-child(3) {
    text-align: right;
}

#MemberActivity .table tr th:nth-child(2) {
    width: auto !important;
    white-space: nowrap;
}

#MemberActivity .table tr td:nth-child(5) {
    text-align: right;
}

#MemberActivity .table tr td:nth-child(4) {
    text-align: right;
    white-space: nowrap;
}

#MemberActivity .table tr td:nth-child(3) {
    text-align: right;
}

.communicateModal.modal#helpsection .modal-content {
    border-radius: 15px !important;
}

#helpsection #carouselExampleControls iframe {
    min-height: 520px;
}

#helpsection .modal-footer {
    display: none;
}

#helpsection .modal-lg {
    max-width: 1000px;
}

#watch_demo_video iframe {
    min-height: 520px;
}

#helpsection .modal-body,
#watch_demo_video .modal-body {
    background-color: #ffffff !important;
    border-radius: 15px !important;
}

    #helpsection .modal-body .card-body,
    #watch_demo_video .modal-body .card-body {
        padding: 0 !important;
    }

        #helpsection .modal-body .card-body .card-title,
        #watch_demo_video .modal-body .card-body .card-title {
            display: none;
        }

#helpsection .modal-header,
#watch_demo_video .modal-header {
    padding: 0;
    background-color: transparent !important;
    border: none !important;
}

    #helpsection .modal-header button.close,
    #watch_demo_video .modal-header button.close {
        width: 35px;
        height: 35px;
        position: absolute;
        right: -12px;
        background-color: #ffffff;
        border-radius: 100% !important;
        z-index: 999999;
        line-height: 35px;
    }

        #helpsection .modal-header button.close .close,
        #watch_demo_video .modal-header button.close .close {
            color: red !important;
            font-size: 20px !important;
            width: auto;
            height: auto;
            /* position: inherit; */
            float: none;
        }

    #helpsection .modal-header .helpheader {
        display: none;
    }

.event-details-info {
    display: flex;
    align-items: center;
}

    .event-details-info span {
        margin-right: 5px;
        font-size: 11px;
    }

        .event-details-info span:last-child {
            margin-right: 0;
        }

.item-banner {
    position: relative;
}

    .item-banner #like_btn.add-btn-custom {
        position: absolute;
        right: 15px;
        top: 15px;
        width: auto;
    }

.Promotediv #embedtext {
    height: auto;
    border: #d3dfea solid 1px;
    padding: 10px !important;
    min-height: 130px;
    text-align: left;
    background-color: #f8f9fa;
}

.Promotediv label {
    font-size: 13px;
    font-weight: 700;
    color: #3f4254;
}

.withdrawal.show .modal-lg {
    max-width: 950px;
}

    .withdrawal.show .modal-lg .table thead th,
    .withdrawal.show .modal-lg .table tbody td {
        white-space: nowrap;
    }

/*......design invoice page css.............*/
.swal-button {
    border-radius: 5px !important;
}

.swal-modal {
    border-radius: 5px !important;
}

.swal-icon {
    border-radius: 50% !important;
}

.swal-footer {
    text-align: center !important;
}

.que-card {
    background: #f3f4f7;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 25px;
}

    .que-card .que-head {
        display: flex;
        flex-direction: column;
        gap: 0;
        align-items: flex-start;
    }

    .que-card .que-title {
        font-size: 14px;
        line-height: 20px;
        font-weight: 600;
    }

    .que-card .que-head button {
        min-width: 100px;
        min-height: auto !important;
        padding: 10px;
    }

.que-address-edit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

    .que-address-edit p {
        font-size: 14px;
        color: #666;
        margin: 0;
    }

    .que-address-edit .edit-btn {
        border: none;
        border-radius: 8px;
        background: #0073e9;
        color: #fff;
        width: 30px;
        height: 30px;
        min-width: auto !important;
        line-height: 0;
    }

        .que-address-edit .edit-btn i {
            color: #fff;
        }

.que-radios {
    display: flex;
    align-items: center;
    gap: 12px;
}

    .que-radios label {
        display: flex;
        align-items: center;
        gap: 5px;
        cursor: pointer;
    }

    .que-radios .radio-circle {
        width: 14px;
        height: 14px;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 50px;
        display: inline-block;
        position: relative;
    }

    .que-radios label.active .radio-circle {
        border-color: #007bff;
    }

        .que-radios label.active .radio-circle:before {
            content: '';
            width: 8px;
            height: 8px;
            border-radius: 50px;
            position: absolute;
            background-color: #007bff;
            left: 2px;
            top: 2px;
        }

/*...........end.............*/
#HeaderCurrentUserName {
    max-width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: bottom;
}

.toggle-header-wrapper ul li .toggle-switch-2#liv_prev {
    width: 155px;
}

    .toggle-header-wrapper ul li .toggle-switch-2#liv_prev input:checked + .slider:before {
        -webkit-transform: translateX(118px);
        -ms-transform: translateX(118px);
        transform: translateX(118px);
    }

.subheader .btn-primary.blue {
    border: 1px solid #ddd !important;
    padding: 0px 3px;
    border-radius: 25px !important;
    padding-right: 10px;
    margin-left: 10px;
    min-height: 35px;
    display: flex;
    align-items: center;
    background-color: #ffffff !important;
    color: #0073e9 !important;
    box-shadow: none;
    font-weight: 600;
    line-height: normal !important;
}

    .subheader .btn-primary.blue:hover {
        border: 1px solid #0073e9 !important;
        background-color: #0073e9 !important;
        color: #fff !important;
    }

        .subheader .btn-primary.blue:hover .fa {
            color: #fff !important;
        }

    .subheader .btn-primary.blue .fa {
        font-size: 22px;
        vertical-align: middle;
        margin-right: 10px;
        color: #0073e9 !important;
        margin-left: 5px;
    }

.profile-left-details {
    flex: 1;
}

.profile-left-details {
    flex: 1;
}

.exportbtn {
    border: 1px solid #ddd;
    background-color: transparent;
    padding: 0px 3px;
    border-radius: 25px;
    padding-right: 10px;
    margin-left: 10px;
    min-height: 35px;
    display: flex;
    align-items: center;
    background-color: #ffffff;
    color: #008000;
}

    .exportbtn:hover {
        border: 1px solid #008000 !important;
        background-color: #008000 !important;
        color: #fff;
    }

        .exportbtn:hover .fa {
            color: #008000 !important;
            background-color: #fff;
        }

    .exportbtn .fa {
        font-size: 16px;
        vertical-align: middle;
        margin-right: 10px;
        background-color: #008000;
        padding: 5px 6px;
        border-radius: 100%;
        color: #fff;
    }

#ExportToExcelButton,
#ExportToExcelButtones,
#ExportToExcelButtons {
    border: 1px solid #ddd;
    background-color: transparent;
    padding: 0px 3px;
    border-radius: 25px;
    padding-right: 10px;
    margin-left: 10px;
    min-height: 35px;
    display: flex;
    align-items: center;
    background-color: #ffffff;
    color: #008000;
    font-weight: 600;
    line-height: normal !important;
}

#ExportAuditLogsToExcelButton,
#ExportEntityChangesToExcelButton {
    border: 1px solid #ddd;
    background-color: transparent;
    padding: 0px 3px;
    border-radius: 25px;
    padding-right: 10px;
    margin-left: 10px;
    min-height: 35px;
    display: inline-flex;
    align-items: center;
    background-color: #ffffff;
    color: #008000;
    font-weight: 600;
    line-height: normal !important;
}

    #ExportToExcelButton:hover,
    #ExportAuditLogsToExcelButton:hover,
    #ExportEntityChangesToExcelButton:hover,
    #ExportToExcelButtones:hover,
    #ExportToExcelButtons:hover {
        border: 1px solid #008000 !important;
        background-color: #008000 !important;
        color: #fff;
    }

        #ExportToExcelButton:hover .fa,
        #ExportAuditLogsToExcelButton:hover .far,
        #ExportEntityChangesToExcelButton:hover .far,
        #ExportToExcelButtones:hover .fa,
        #ExportToExcelButtons:hover .fa {
            color: #008000 !important;
            background-color: #fff;
        }

    #ExportToExcelButton .fa,
    #ExportEntityChangesToExcelButton .far,
    #ExportToExcelButtones .fa,
    #ExportToExcelButtons .fa {
        font-size: 16px;
        vertical-align: middle;
        margin-right: 10px;
        background-color: #008000;
        padding: 5px 6px;
        border-radius: 100%;
        color: #fff;
    }

    #ExportAuditLogsToExcelButton .far {
        font-size: 16px;
        vertical-align: middle;
        margin-right: 10px;
        background-color: #008000;
        padding: 5px 7px;
        border-radius: 100%;
        color: #fff;
    }

.helpme-btn {
    border: 1px solid #ddd;
    background-color: transparent;
    padding: 0px 3px;
    border-radius: 25px;
    padding-right: 10px;
    margin-left: 10px;
    min-height: 35px;
    display: flex;
    align-items: center;
    background-color: #ffffff;
    color: #ff8c03;
}

    .helpme-btn:hover {
        border: 1px solid #ff8c03 !important;
        background-color: #ff8c03 !important;
        color: #fff;
    }

        .helpme-btn:hover .fa {
            color: #fff !important;
        }

    .helpme-btn .fa {
        font-size: 28px;
        vertical-align: middle;
        margin-right: 10px;
        color: #ff8c03 !important;
    }

#RefreshAuditLogsButton,
#RefreshEntityChangesButton {
    border: 1px solid #ddd !important;
    background-color: transparent;
    padding: 0px 3px;
    border-radius: 25px !important;
    padding-right: 10px;
    margin-left: 10px;
    min-height: 35px;
    display: inline-flex;
    align-items: center;
    background-color: #ffffff !important;
    color: #00bcd4 !important;
    box-shadow: none;
}

    #RefreshAuditLogsButton:hover,
    #RefreshEntityChangesButton:hover {
        border: 1px solid #00bcd4 !important;
        background-color: #00bcd4 !important;
        color: #fff !important;
    }

        #RefreshAuditLogsButton:hover .fa,
        #RefreshEntityChangesButton:hover .fa {
            color: #fff !important;
        }

    #RefreshAuditLogsButton .fa,
    #RefreshEntityChangesButton .fa {
        font-size: 28px;
        vertical-align: middle;
        margin-right: 10px;
        color: #00bcd4 !important;
    }

#make_donation .bulk-container {
    background-color: transparent;
}

#make_donation .close {
    background-image: none !important;
    text-indent: inherit;
}

.border-0.pl-0.pt-4.align-items-center div {
    width: 100%;
}

.w-100.w-md-1000px {
    width: 100% !important;
    max-width: 1000px !important;
}

.align-amount {
    min-width: 90px;
    white-space: nowrap;
    gap: 5px;
}

.purchase-item {
    text-transform: capitalize;
    display: block;
    width: 100%;
}

#PaytWizardDiv {
    padding: 0 5px;
}

.tip_header td {
    padding-left: 0 !important;
}

/*<.........my info tab css.............*/
.tip_header {
    border-top: 1px dashed #EBEDF3;
}

#invoice_checkout .form-control {
    background-color: transparent;
}

.help_tip {
    display: flex;
    align-items: center;
    position: relative;
}

    .help_tip i {
        position: absolute;
        left: 5px;
    }

    .help_tip #txtDonationUnitPrice {
        padding-left: 15px;
        text-align: right;
    }

div#divPaymentSuccessMsg {
    padding: 0 6px !important;
}

/*#invoice_checkout .click-to-pay .table th:last-child {
width: 120px;
}*/
#invoice_checkout #step3 .table th:last-child {
    width: 120px;
}

#pdf-download .table th:last-child {
    width: 120px;
}

#invoice_checkout .text-muted {
    color: #3F4254 !important;
    font-weight: 600 !important;
}

#itm_name.card-title {
    -webkit-line-clamp: 3;
    color: #0073e9;
    line-height: normal;
    font-size: 16px;
}

.shipping-option-list .radio {
    align-items: flex-start;
}

.step_wizard {
    display: none;
}

#pdf-download .btn-primary {
    height: auto !important;
    line-height: normal !important;
    min-height: 48px;
}

.my_info_wrapper h1 {
    font-size: 20px;
    margin: 0 0 10px;
    padding: 0;
}

.my_info_wrapper h5 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}

.profile_info ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .profile_info ul li {
        font-size: 14px;
        margin-bottom: 8px;
    }

.my_info_wrapper {
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 10px;
    max-width: 500px;
    /*margin: 0 auto;*/
    width: 100%;
    border-bottom: 5px solid #ddd;
    border-right: 5px solid #ddd;
}

.card_info_wrapper h2 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    font-size: 16px;
    margin-top: 15px;
}

/*<................invoice_checkout page css start here.........*/
#paymentInfo .hps-label-container .hps-label {
    font-size: 12px;
}

#totalAmountId {
    white-space: nowrap;
    margin-bottom: 0 !important;
}

#invoice_checkout .form-group {
    margin: 1rem 0;
}

#invoice_checkout .btn-primary,
#invoice_checkout .btn-light-primary {
    height: inherit;
    line-height: normal !important;
    min-height: 48px;
}

#btnSendInvoiveSMS {
    min-height: 48px;
}

.save-msg-wrapper {
    background-color: #feffc3 !important;
    color: #a67d00 !important;
}

.merge-card-row {
    display: flex;
    overflow-x: auto;
    width: 100%;
    gap: 20px;
}

.merge-card.card {
    background: #fff;
    border: 1px dotted #ccc;
    border-radius: 4px;
    min-width: 250px;
}

.merge-card .card-header {
    flex-direction: column;
}

.merge-card .form-group {
    width: 100%;
}

.merge-card .card-header .card-title {
    margin-bottom: 10px;
    font-size: 14px;
}

.merge-card .card-body {
    background-color: #e1f0ff;
}

    .merge-card .card-body .merge-list {
        list-style: none;
        padding-left: 0;
    }

        .merge-card .card-body .merge-list li {
            font-size: 14px;
            padding: 10px 0px;
            font-weight: 600;
            border-bottom: 1px dashed #ccc;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

            .merge-card .card-body .merge-list li:last-child {
                border: none;
            }

/*Excel Data Step 3*/
.sheet-view-table th:first-child,
.sheet-view-table td:first-child {
    min-width: 100px;
}

.sheet-view-table th {
    white-space: nowrap;
}

/*Excel Data Step 4*/
.step-success-wrap {
    text-align: center;
    max-width: 400px;
    margin: 25px auto;
}

    .step-success-wrap .success-icon {
        width: 100px;
        height: 100px;
        margin: 0 auto 25px;
    }

    .step-success-wrap h2 {
        font-size: 24px;
        font-weight: bold;
    }

    .step-success-wrap p {
        font-size: 14px;
        line-height: 25px;
        color: #666;
    }

.field input[type="file"] {
    display: block;
}

.imageThumb {
    max-height: 75px;
    border: 1px solid #ddd;
    padding: 1px;
    cursor: pointer;
}

.pip {
    display: inline-block;
    margin: 10px 10px 0 0;
    position: relative;
    z-index: 999;
    background: #fff;
    padding: 10px;
    border: 2px dotted #ccc;
}

.remove {
    display: block;
    background: #444;
    border: 1px solid black;
    color: white;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
    padding: 0 5px;
}

    .remove:hover {
        background: white;
        color: black;
    }

.bulk-upload-wrapper.images-uploaded .dz-message {
    display: none;
}

.bulk-upload-wrapper {
    padding: 0;
    text-align: center;
    cursor: pointer;
    border: 2px dashed #ccc;
    border-radius: 0.42rem;
    position: relative;
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f3f3f3;
}

    .bulk-upload-wrapper #files {
        width: 100%;
        min-height: 100px;
        opacity: 0;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
    }

.invoice_checkout {
    border: none !important;
    background-color: transparent !important;
    padding-top: 20px;
}

    .invoice_checkout > div.wizard-inner {
        margin-bottom: 0;
    }

.mw-md-1000 {
    max-width: 1000px !important;
}

.invoice_checkout .nav-tabs {
    text-align: left;
}

.invoice_checkout span.round-tab {
    position: relative;
    width: 2.75rem;
    height: 2.75rem;
    line-height: 2.75rem;
    border-radius: 5px;
    background: rgba(54, 153, 255, 0.08);
    color: #3699FF;
    border-color: transparent;
}

.invoice_checkout .nav-tabs > li a i {
    position: relative;
    top: 0;
    transform: inherit;
    font-style: normal;
    font-size: 1.1rem;
    font-weight: 500;
    left: 15px;
    color: #3F4254;
}

.invoice_checkout .nav-tabs > li.active > a i {
    color: #3699FF;
}

.invoice_checkout li.active span.round-tab {
    background: #3699FF;
    color: #fff;
    border-color: #3699FF;
}

.invoice_checkout .nav-tabs > li a {
    width: inherit;
    height: inherit;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
    background-color: transparent;
    position: relative;
    top: 0;
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
}

.invoice_checkout .wizard-desc {
    margin-left: 15px;
    color: #3F4254;
}

.invoice_checkout .list-inline {
    padding-left: 0;
    list-style: none;
    text-align: right;
    border-top: 1px solid #EBEDF3 !important;
    display: flex;
    justify-content: space-between;
}

.invoice_checkout select.form-control:not([size]):not([multiple]) {
    height: inherit;
}

.shipping-option-list label {
    min-width: 200px;
}

.invoice_checkout .prev-step,
.invoice_checkout .next-step {
    margin-top: 10px;
}

.invoice_checkout .list-inline button {
    margin-top: 10px;
}

.readonly-input {
    max-width: 100px;
    float: right;
}

.shipped-details {
    display: none;
}

.invoice_checkout .list-inline.save-details-btn {
    display: none;
}

.success_msg {
    text-align: center;
    color: green;
    font-size: 16px;
    margin-bottom: 20px;
}

.invoice_checkout .nav-tabs {
    position: relative;
    margin-bottom: 0;
    border-bottom: 1px dashed #EBEDF3;
    margin-bottom: 20px;
    z-index: 1;
}

.invoice_checkout > div.invoice_checkout-inner {
    position: relative;
    margin-bottom: 50px;
    text-align: center;
}

.invoice_checkout .nav-tabs > li.active > a,
.invoice_checkout .nav-tabs > li.active > a:hover,
.invoice_checkout .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 16px;
    color: #0e214b;
    font-weight: 500;
    border: 1px solid #ddd;
}

    span.round-tab i {
        color: #555555;
    }

.invoice_checkout li.active span.round-tab i {
    color: #5bc0de;
}

.invoice_checkout .nav-tabs > li {
    width: 25%;
}

/*<................invoice_checkout page css end here.........*/
#BtnSearchTips {
    border-radius: 0px 5px 5px 0 !important;
}

#OuterDiv .card-body h6 a {
    color: #3d3d3e;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    font-size: 14px;
    word-break: break-word;
    min-height: 48px;
}

    #OuterDiv .card-body h6 a:hover {
        color: #3699FF;
    }

#bid-history-modal .bulk-container {
    border-radius: 20px !important;
}

#make_donation button.close {
    position: absolute;
    right: 15px;
    top: 20px;
    opacity: 1;
    color: #fff;
}

#make_donation .close .fa {
    color: #fff !important;
    opacity: 1;
}

.corporate .app-sidebar__user {
    border: none !important;
}

/*<......invoice checkout.........*/
#pdf-download .logo-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

    #pdf-download .logo-box img {
        max-width: 400px;
        margin: 0 0 20px;
    }

.review-invoice-modal .modal-content {
    border-radius: 20px !important;
}

.invoice_wrap_table {
    position: relative;
}

    .invoice_wrap_table .invoice_stats {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        text-align: center;
        opacity: 0.2;
        z-index: 0;
    }

        .invoice_wrap_table .invoice_stats img {
            max-width: 600px;
            margin: 0 auto;
            display: none;
        }

        .invoice_wrap_table .invoice_stats.paid_active .paid_stamp {
            display: block;
        }

        .invoice_wrap_table .invoice_stats.unpaid_active .unpaid_stamp {
            display: block;
        }

    .invoice_wrap_table .invoice_table_box {
        position: relative;
    }

#lblProductStatus {
    margin-left: 0 !important;
}

#modal_UnableCreateItem .modal-footer {
    justify-content: center;
}

    #modal_UnableCreateItem .modal-footer #btn_upgrad_plan {
        background-color: #4cda62 !important;
        border-color: #4cda62 !important;
    }

#modal_UnableCreateItem .modal-content {
    border-radius: 20px !important;
}

#modal_UnableCreateItem .modal-body {
    padding: 50px !important;
    text-align: center;
    font-size: 18px;
}

    #modal_UnableCreateItem .modal-body .cancel_UnableCreateItem {
        position: absolute;
        right: 15px;
        top: 15px;
        opacity: 1;
    }

.sorting_disabled .ckbox input[type="checkbox"]:checked + label:after {
    top: 0;
}

#bid-history-modal .modal-body .card {
    box-shadow: none !important;
}

.modal .modal-body .card.card-custom {
    box-shadow: none !important;
}

#kt_content .inner_content_wrapper .modal .modal-body .card.card-custom {
    box-shadow: none !important;
}

#dvContainer #kt_content .inner_content_wrapper .modal .modal-body .card.card-custom {
    box-shadow: none !important;
}

/*<........... Invoice label badges css goes here..........*/
.review-invoice-modal .logo-box img {
    max-width: 400px;
    margin: 0px auto 20px;
}

.review-invoice-modal .modal-content {
    border-radius: 20px !important;
}

.assign-winner-wrap .svg-icon img {
    max-width: 75px;
}

.current-bid {
    display: inline-block;
    background-color: #fff;
    padding: 10px 20px;
    border-radius: 20px;
    margin: 5px 0;
    min-width: 100px;
    font-size: 20px !important;
}

.b-primary {
    background-color: #6259ca;
    color: #fff;
}

.b-danger {
    background-color: #821a49;
    color: #fff;
}

.b-warning {
    background-color: #fd6074;
    color: #fff;
}

.b-secondary {
    background-color: #ecb529;
    color: #fff;
}

.b-success {
    background-color: #01b8ff;
    color: #fff;
}

.b-info {
    background-color: #ff7800;
    color: #fff;
}

.b-dark {
    background-color: #3b4863;
    color: #fff;
}

.badge-green {
    background-color: #28a745;
    color: #ffffff;
}

.badge-yellow {
    background-color: #ffc646;
    color: #ffffff;
}

.badges-lightgreen {
    background-color: #c0cf36;
    color: #ffffff;
}

/*<..........badges end here..........*/
/*<........upgrade plan css goes here........*/
.plan-wrapper label {
    width: 100%;
}

.card-input-element {
    display: none;
}

.paln-body {
    width: 100%;
    position: relative;
    padding: 15px;
    background-color: #e5ffe5;
}

    .paln-body .fa {
        position: absolute;
        right: 15px;
        font-size: 20px;
        color: #fff;
        display: none;
    }

    .paln-body .fa-none {
        display: block;
        color: #3F4254;
    }

    .paln-body h3 {
        font-size: 24px !important;
        font-weight: 600;
        margin: 0;
        padding: 0;
    }

.card-input {
    margin: 10px;
    background-color: #ffff;
    border-radius: 10px;
    box-shadow: 0px 0px 30px 0px #ddd;
    text-align: center;
    padding: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}

.paln-heading {
    flex: 1;
    width: 100%;
    background-color: #ffffff;
    padding: 15px;
}

    .paln-heading h2 {
        font-size: 24px;
        margin: 0;
        padding: 0
    }

    .paln-heading span {
        font-size: 16px;
    }

.card-input:hover {
    cursor: pointer;
}

.card-input-element:checked + .card-input {
    background-color: #8bc34a;
}

    .card-input-element:checked + .card-input .paln-body {
        color: #ffffff;
        background-color: #8bc34a;
    }

        .card-input-element:checked + .card-input .paln-body .fa {
            display: block;
        }

.make-donation-btn {
    display: flex;
    align-items: center;
    position: relative;
    top: 48px;
    background-color: #0073e9 !important;
    color: #ffffff !important;
    justify-content: center;
}

.paln-heading {
    font-size: 24px;
}

.make-donation-btn .fa {
    color: #ffffff !important;
    font-size: 20px;
}

.donation-field .form-control {
    min-height: 76px;
    border-radius: 0 4px 4px 0 !important;
}

.donation-field .input-group-text {
    font-size: 40px !important;
    padding: 4px 20px;
}

#upgrade_plan_modal .modal-dialog {
    max-width: 80%;
}

#upgrade_plan_modal .modal-content {
    border-radius: 20px !important;
}

#upgrade_plan_modal .step-success-wrap {
    text-align: center;
    max-width: 400px;
    margin: 25px auto;
}

    #upgrade_plan_modal .step-success-wrap .success-icon {
        width: 100px;
        height: 100px;
        margin: 0 auto 25px;
    }

    #upgrade_plan_modal .step-success-wrap h2 {
        font-size: 24px;
        font-weight: bold;
    }

    #upgrade_plan_modal .step-success-wrap p {
        font-size: 14px;
        line-height: 25px;
        color: #666;
    }

#upgrade_plan_modal .wizard.wizard-4 .wizard-nav .wizard-wrapper {
    flex-wrap: nowrap;
    align-items: flex-start;
}

#upgrade_plan_modal .wizard.wizard-4 .wizard-nav .wizard-label .wizard-title {
    white-space: nowrap;
}

#upgrade_plan_modal .form-group.donation-field {
    margin: 20px;
}

    #upgrade_plan_modal .form-group.donation-field label {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 10px;
    }

#upgrade_plan_modal label.card-field {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    #upgrade_plan_modal label.card-field img {
        width: 140px;
    }

#upgrade_plan_modal .cvv-field label {
    display: block;
}

#upgrade_plan_modal .cvv-field input {
    width: 48%;
    float: left;
    margin-right: 5px;
}

    #upgrade_plan_modal .cvv-field input:last-child {
        margin-right: 0;
    }

.plan-1 {
    background-color: #e5f8ff;
}

.plan-2 {
    background-color: #fff7e5;
}

.plan-3 {
    background-color: #ffeae5;
}

.plan-4 {
    background-color: #c4faf5;
}

.plan-5 {
    background-color: #e2efed;
}

.plan-6 {
    background-color: #ffe7ef;
}

/*<........upgrade plan end here........*/
.subheader.subheader-solid {
    background-color: #ffffff !important;
}

#createItem #btnAddCategory {
    margin-right: 0 !important;
}

.tab_wrapper.default-tab .tab_1_1 .assign-outer-box {
    padding: 0;
    max-width: 95%;
    margin: 15px auto !important;
    flex-basis: inherit;
}

    .tab_wrapper.default-tab .tab_1_1 .assign-outer-box a.lead {
        color: #0073e9 !important;
        font-weight: 500;
        font-size: 1.25rem !important;
    }

#make_donation .mx-auto.py-5 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#make_donation .pb-5 {
    padding-bottom: 0 !important;
}

#make_donation .btn-amount {
    /*    height: auto !important;
    line-height: inherit !important;*/
    background-color: #EEF6FF;
    color: #3E97FF !important;
    font-size: 13px;
    font-weight: 600;
    min-height:40px !important;
    max-width: 112.5px !important;
    width: 112.5px !important;
}

#txtButNowPrice {
    padding-left: 35px;
    margin-left: 0;
}

#divBiddingStartDate,
#divBiddingEndDate {
    margin-right: 15px;
}

#btnAddCategory {
    margin-right: 20px;
    margin-left: 0 !important;
}

#bid-history-modal .card-body h2 {
    font-size: 24px;
}

#bid-history-modal .card-body .table thead tr th {
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}

#Bid_historybdy td,
#Bid_historybdy th {
    font-size: 14px;
    text-align: center;
}

#kt_content .inner_content_wrapper .app-sidebar__user {
    border: none !important;
}

/*<.........check list css start here......*/
.side-checklist-wrapper {
    background: transparent;
    border: 1px solid #d2e9ff;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 15px;
}

    .side-checklist-wrapper .drop-list {
        display: none;
    }

        .side-checklist-wrapper .drop-list.drop-list-open {
            display: block;
        }

    .side-checklist-wrapper .checklist-head {
        background-color: #d2e9ff;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 15px;
        width: 100%;
        border-radius: 10px;
        outline: none;
        border: none;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

        .side-checklist-wrapper .checklist-head h4 {
            font-size: 16px;
            margin: 0px;
            text-transform: uppercase;
            color: #0073E9;
        }

        .side-checklist-wrapper .checklist-head i {
            color: #0073E9;
            font-size: 20px;
        }

    .side-checklist-wrapper .check-accordion .card {
        border: none;
        border-bottom: 1px dashed #cccccc;
        background: transparent;
        margin: 0px;
        border-radius: 0 !important;
    }

        .side-checklist-wrapper .check-accordion .card:last-child {
            border: none;
        }

    .side-checklist-wrapper .checklist-head.collapsed i {
        transform: rotate(180deg);
    }

    .side-checklist-wrapper .check-accordion .card .accord-body {
        padding: 0px 15px 12px 40px;
        font-size: 13px;
        color: #333;
    }

        .side-checklist-wrapper .check-accordion .card .accord-body.show {
            display: block;
        }

    .side-checklist-wrapper .check-accordion .btn-link {
        display: flex;
        align-items: center;
        gap: 10px;
        text-decoration: none;
        color: #333333;
        font-size: 14px;
        font-weight: 500;
        padding: 12px 15px;
        position: relative;
        border-radius: 0;
    }

        .side-checklist-wrapper .check-accordion .btn-link i {
            font-size: 16px;
            width: 15px;
            height: 15px;
            padding: 0;
            margin: 0;
        }

        .side-checklist-wrapper .check-accordion .btn-link .icon-right {
            margin-left: auto;
            font-size: 20px;
            width: auto;
            height: auto;
        }

        .side-checklist-wrapper .check-accordion .btn-link.collapsed .icon-right {
            transform: rotate(180deg);
        }

        .side-checklist-wrapper .check-accordion .btn-link.active::before {
            position: absolute;
            content: '';
            background: url("/Common/Images/checkmark-flat.svg") no-repeat;
            background-size: cover;
            width: 15px;
            height: 15px;
        }

.sidebar-tip-box {
    text-align: center;
    background: #d2e9ff;
    border-radius: 10px;
    padding: 15px;
}

    .sidebar-tip-box .tip-control.tip button {
        display: none;
    }

    .sidebar-tip-box .tip-collapse {
        display: none;
    }

        .sidebar-tip-box .tip-collapse.tip-collapse-open {
            display: block;
        }

    .sidebar-tip-box .icon {
        width: 70px;
        margin: 0 auto;
        display: block
    }

    .sidebar-tip-box .heading {
        font-size: 18px;
        color: #222;
        margin: 0;
    }

    .sidebar-tip-box .content {
        color: #333;
        font-size: 13px;
        margin: 10px 0px 5px;
    }

    .sidebar-tip-box .btn-bottom {
        font-size: 14px;
    }

.sidebar-tip-box {
    text-align: center;
    background: #d2e9ff;
    border-radius: 10px;
    padding: 15px;
    position: relative;
    margin-bottom: 30px;
}

    .sidebar-tip-box .collapse.show {
        display: block;
    }

    .sidebar-tip-box .image-icon {
        width: 70px;
        margin: 0 auto;
        display: block
    }

    .sidebar-tip-box .heading {
        font-size: 18px;
        color: #222;
        margin: 0;
    }

    .sidebar-tip-box .content {
        color: #333;
        font-size: 13px;
        margin: 10px 0px 5px;
    }

    .sidebar-tip-box .btn-bottom {
        font-size: 14px;
    }

    /*.sidebar-tip-box .tip-control .btn-bottom {
display: none;
}
.sidebar-tip-box .tip-control.collapsed .btn-bottom {
display: inline-block;
}*/
    .sidebar-tip-box .tip-control .angle {
        position: absolute;
        right: 15px;
        top: 5px;
        font-size: 20px;
        color: #222;
    }

    .sidebar-tip-box .tip-control .angle {
        transform: rotate(180deg);
    }

/*<.......check list css end here.......*/
/*<..........Bid history modal.........*/
.bid-history {
    color: #3e80eb !important;
    font-weight: 500 !important;
    font-size: 18px;
}

.donation-field .form-control {
    min-height: 76px;
    border-radius: 0 4px 4px 0 !important;
    font-size: 36px;
    color: #495057;
}

.donation-field .input-group-text {
    font-size: 40px !important;
    padding: 4px 20px;
}

    .donation-field .input-group-text .fa {
        font-size: 40px !important;
    }

#bid-history-modal .modal-dialog {
    max-width: 800px;
}

#bid-history-modal .modal-content {
    border-radius: 20px !important;
}

#bid-history-modal .step-success-wrap {
    text-align: center;
    max-width: 400px;
    margin: 25px auto;
}

    #bid-history-modal .step-success-wrap .success-icon {
        width: 100px;
        height: 100px;
        margin: 0 auto 25px;
    }

    #bid-history-modal .step-success-wrap h2 {
        font-size: 24px;
        font-weight: bold;
    }

    #bid-history-modal .step-success-wrap p {
        font-size: 14px;
        line-height: 25px;
        color: #666;
    }

#bid-history-modal .wizard.wizard-4 .wizard-nav .wizard-wrapper {
    flex-wrap: nowrap;
    align-items: flex-start;
}

#bid-history-modal .wizard.wizard-4 .wizard-nav .wizard-label .wizard-title {
    white-space: nowrap;
}

#bid-history-modal .form-group.donation-field {
    margin: 20px;
}

    #bid-history-modal .form-group.donation-field label {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 10px;
    }

#bid-history-modal label.card-field {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    #bid-history-modal label.card-field img {
        width: 140px;
    }

#bid-history-modal .cvv-field label {
    display: block;
}

#bid-history-modal .cvv-field input {
    width: 48%;
    float: left;
    margin-right: 5px;
}

    #bid-history-modal .cvv-field input:last-child {
        margin-right: 0;
    }

.modal-logo {
    padding: 10px;
    text-align: center;
    border-radius: 20px 20px 0 0 !important;
}

    .modal-logo img {
        max-width: 400px;
    }

/*<.........bid History modal end........*/
.default-setting-tab .dataTables_wrapper {
    padding: 0 0 !important;
}

.draggable-table thead tr th {
    min-width: 100px;
    width: auto !important;
}

    .draggable-table thead tr th:first-child {
        min-width: inherit !important;
    }

#kt_content {
    width: 100%;
    min-height: 84vh;
}

.dataTables_wrapper .dataTable th,
.dataTables_wrapper .dataTable td {
    word-break: break-all;
}

#kt_aside_menu {
    background-color: transparent !important;
    padding-top: 60px;
}

.hero-banner.newdesign_sidebar #kt_aside_menu {
    padding-top: 0;
}

/*Donation steps starts*/
.donation-field .form-control {
    min-height: 76px;
    border-radius: 0 4px 4px 0 !important;
}

.donation-field .input-group-text {
    font-size: 40px !important;
    padding: 4px 20px;
}

.make-donation-btn {
    display: flex;
    align-items: center;
    position: relative;
    top: 48px;
    background-color: #0073e9 !important;
    color: #ffffff !important;
    justify-content: center;
}

    .make-donation-btn .fa {
        color: #ffffff !important;
        font-size: 20px;
    }

#make_donation .modal-dialog {
    max-width: 800px;
}

#make_donation .modal-content {
    border-radius: 20px !important;
}

#make_donation .step-success-wrap {
    text-align: center;
    max-width: 400px;
    margin: 25px auto;
}

    #make_donation .step-success-wrap .success-icon {
        width: 100px;
        height: 100px;
        margin: 0 auto 25px;
    }

    #make_donation .step-success-wrap h2 {
        font-size: 24px;
        font-weight: bold;
    }

    #make_donation .step-success-wrap p {
        font-size: 14px;
        line-height: 25px;
        color: #666;
    }

#make_donation .wizard.wizard-4 .wizard-nav .wizard-wrapper {
    flex-wrap: nowrap;
    align-items: flex-start;
}

#make_donation .wizard.wizard-4 .wizard-nav .wizard-label .wizard-title {
    white-space: nowrap;
}

#make_donation .form-group.donation-field {
    margin: 0;
}

    #make_donation .form-group.donation-field label {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 10px;
    }

#make_donation label.card-field {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    #make_donation label.card-field img {
        width: 140px;
    }

#make_donation .cvv-field label {
    display: block;
}

#make_donation .cvv-field input {
    width: 48%;
    float: left;
    margin-right: 5px;
}

    #make_donation .cvv-field input:last-child {
        margin-right: 0;
    }

.draggable-table {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: inherit;
    border-collapse: collapse;
    background: white;
}

    .draggable-table .draggable-table__drag {
        position: absolute;
        width: 100%;
        z-index: 10;
        cursor: grabbing;
        opacity: 1;
    }

    .draggable-table thead th {
        height: 25px;
        font-weight: bold;
        text-transform: capitalize;
        padding: 10px;
        user-select: none;
    }

.tab_content.active.first.tab_1_1 .draggable-table tbody tr {
    cursor: grabbing;
}

.draggable-table tbody tr {
    cursor: inherit;
}

    .draggable-table tbody tr td {
        padding: 10px;
        user-select: none;
    }

    .draggable-table tbody tr:nth-child(even) {
        background-color: #f7f7f7;
        border-bottom: 1px solid #eeeeee;
    }

    .draggable-table tbody tr:nth-child(odd) {
        background-color: #ffffff;
        border-bottom: 1px solid #eeeeee;
    }

    .draggable-table tbody tr.is-dragging {
        background: #ffffff;
    }

        .draggable-table tbody tr.is-dragging td {
            color: #000000;
        }

.draggable-table .draggable-table__drag {
    background: #e1f0ff !important;
    color: #000000 !important;
}

    .draggable-table .draggable-table__drag a {
        color: #000000 !important;
    }

/*.............Dragging table css goes here........*/
.modal .table td {
    word-break: break-all;
}

.cc-btn.cc-dismiss:hover {
    color: #ffffff !important;
}

.cc-message {
    max-width: inherit !important;
    flex: inherit !important;
    display: inline !important;
}

#myspan1,
#myspan2,
#myspan3 {
    word-wrap: break-word;
    padding: 0 20px !important;
}

/*<...............//////////////////..............*/
.dataTable .main_header_class th.sorting_asc {
    color: #181C32 !important;
}

    .dataTable .main_header_class th.sorting_asc:before {
        display: none !important;
    }

    .dataTable .main_header_class th.sorting_asc:after {
        display: none !important;
    }

.dataTable .main_header_class th.sorting_desc {
    color: #181C32 !important;
}

    .dataTable .main_header_class th.sorting_desc:before {
        display: none !important;
    }

    .dataTable .main_header_class th.sorting_desc:after {
        display: none !important;
    }

/*<...............//////////////////..............*/
#itemsTable_sold_wrapper.dataTables_wrapper .dataTable th.sorting_asc {
    color: #181C32 !important;
}

    #itemsTable_sold_wrapper.dataTables_wrapper .dataTable th.sorting_asc:before {
        display: none !important;
    }

    #itemsTable_sold_wrapper.dataTables_wrapper .dataTable th.sorting_asc:after {
        display: none !important;
    }

#itemsTable_sold_wrapper.dataTables_wrapper .dataTable th.sorting_desc {
    color: #181C32 !important;
}

    #itemsTable_sold_wrapper.dataTables_wrapper .dataTable th.sorting_desc:before {
        display: none !important;
    }

    #itemsTable_sold_wrapper.dataTables_wrapper .dataTable th.sorting_desc:after {
        display: none !important;
    }

/*<...............//////////////////..............*/
#itemsTable_sold_wrapper.dataTables_wrapper .dataTable th.sorting_asc {
    color: #181C32 !important;
}

    #itemsTable_sold_wrapper.dataTables_wrapper .dataTable th.sorting_asc:before {
        display: none !important;
    }

    #itemsTable_sold_wrapper.dataTables_wrapper .dataTable th.sorting_asc:after {
        display: none !important;
    }

#itemsTable_sold_wrapper.dataTables_wrapper .dataTable th.sorting_desc {
    color: #181C32 !important;
}

    #itemsTable_sold_wrapper.dataTables_wrapper .dataTable th.sorting_desc:before {
        display: none !important;
    }

    #itemsTable_sold_wrapper.dataTables_wrapper .dataTable th.sorting_desc:after {
        display: none !important;
    }

/*<...............//////////////////..............*/
#itemsTable_scheduled_wrapper.dataTables_wrapper .dataTable th.sorting_asc {
    color: #181C32 !important;
}

    #itemsTable_scheduled_wrapper.dataTables_wrapper .dataTable th.sorting_asc:before {
        display: none !important;
    }

    #itemsTable_scheduled_wrapper.dataTables_wrapper .dataTable th.sorting_asc:after {
        display: none !important;
    }

#itemsTable_scheduled_wrapper.dataTables_wrapper .dataTable th.sorting_desc {
    color: #181C32 !important;
}

    #itemsTable_scheduled_wrapper.dataTables_wrapper .dataTable th.sorting_desc:before {
        display: none !important;
    }

    #itemsTable_scheduled_wrapper.dataTables_wrapper .dataTable th.sorting_desc:after {
        display: none !important;
    }

.bd-example-modal-lg > div:first-child {
    width: 100% !important;
}

/*..........ALL Items page css start here..........*/
.bulk-container .form-control {
    min-height: 50px;
}

.bulk-container a[aria-expanded="true"] {
    color: #0073e9 !important;
    background: transparent;
}

.bulk-container a.btn-primary[aria-expanded="true"] {
    color: #ffffff !important;
}

.checkout-title {
    padding: 20px;
    background-color: #eee;
    margin-bottom: 0;
}

    .checkout-title [role="button"] .fa {
        font-size: 24px;
        color: #333333;
    }

    .checkout-title [role="button"] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #333333;
    }

.bulk-container {
    background: #ffffff;
    padding: 0;
    border-radius: 20px;
    border: none;
    overflow: hidden;
}

    .bulk-container h1 {
        margin: 0;
        padding: 20px;
        font-size: 26px;
        background: #0073e9;
        color: #fff;
        border-radius: 20px 20px 0 0;
    }

.checkout-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #fafbfa;
}

.checkout {
    background-color: #fff;
    border: none;
    padding: 20px;
}

.checkout-title {
    padding: 20px;
    background-color: #eee;
    margin-bottom: 0;
}

.panel {
    margin-bottom: 0px;
}

.checkout-step {
    border-top: none;
    color: #666;
    font-size: 14px;
    padding: 0;
    position: relative;
    margin-bottom: 5px;
}

.checkout-step-number {
    border-radius: 50%;
    border: 1px solid #666;
    display: inline-block;
    font-size: 12px;
    height: 32px;
    margin-right: 26px;
    padding: 6px;
    text-align: center;
    width: 32px;
}

.checkout-step-title {
    font-size: 18px;
    font-weight: 500;
    vertical-align: middle;
    display: inline-block;
    margin: 0px;
}

.checout-address-step .form-group {
    margin-bottom: 18px;
    display: inline-block;
    width: 100%;
}

.checkout-step-body {
    padding: 15px;
    border: 1px solid #eeeeee;
}

.checkout-step-active {
    display: block;
}

.checkout-step-disabled {
    display: none;
}

.bulk-container .btn {
    color: #ffffff !important;
    height: 42px;
    line-height: 1.8;
    min-width: 100px;
    text-transform: uppercase;
}

.ckbox {
    position: relative;
}

    .ckbox input[type="checkbox"] {
        opacity: 0;
    }

    .ckbox label {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        position: absolute;
        left: 0;
    }

        .ckbox label:before {
            content: '';
            top: 1px;
            left: 0;
            width: 18px;
            height: 18px;
            display: block;
            position: absolute;
            border-radius: 2px;
            border: 1px solid #bbb;
            background-color: #fff;
        }

    .ckbox input[type="checkbox"]:checked + label:before {
        border-color: #0073e9 !important;
        background-color: #0073e9 !important;
    }

    .ckbox input[type="checkbox"]:checked + label:after {
        top: 3px;
        left: 3.5px;
        content: '\f00c';
        color: #fff;
        font-size: 11px;
        font-family: 'FontAwesome';
        position: absolute;
    }

.bulk_edit {
    display: none;
}

.show_hide_th .th-title span {
    display: none;
}

.show_hide_th .th-title .bulk_edit {
    display: block;
}

.bulk_edit .dropdown-menu {
    min-width: 240px;
}

#edit_bulk_modal .modal-dialog {
    max-width: 750px;
}

#edit_bulk_modal .modal-content {
    border-radius: 20px !important;
}

#edit_bulk_modal .edit_bulk_top {
    padding: 25px;
}

    #edit_bulk_modal .edit_bulk_top h1 {
        margin: 0 0 10px;
        padding: 0;
        font-size: 32px;
    }

#edit_bulk_modal .form-container {
    padding: 25px;
    background-color: #eee;
}

    #edit_bulk_modal .form-container .form-control {
        height: 45px;
        border-radius: 6px !important;
        border: 1px solid #bbb;
    }

    #edit_bulk_modal .form-container label {
        font-weight: 500;
    }

    #edit_bulk_modal .form-container .radiobuttons {
        display: flex;
        align-items: center;
    }

        #edit_bulk_modal .form-container .radiobuttons .rdio {
            position: relative;
            margin-right: 15px;
        }

            #edit_bulk_modal .form-container .radiobuttons .rdio input[type=radio] {
                opacity: 0;
            }

            #edit_bulk_modal .form-container .radiobuttons .rdio label {
                padding-left: 20px;
                cursor: pointer;
                margin-bottom: 7px !important;
            }

                #edit_bulk_modal .form-container .radiobuttons .rdio label:before {
                    width: 25px;
                    height: 25px;
                    position: absolute;
                    top: -3px;
                    left: 0;
                    content: "";
                    display: inline-block;
                    -moz-border-radius: 50px;
                    -webkit-border-radius: 50px;
                    border-radius: 50px;
                    border: 1px solid #0073e9;
                    background: #fff;
                }

            #edit_bulk_modal .form-container .radiobuttons .rdio input[type=radio] {
                margin: 0px;
            }

                #edit_bulk_modal .form-container .radiobuttons .rdio input[type=radio]:disabled + label {
                    color: #999;
                }

                    #edit_bulk_modal .form-container .radiobuttons .rdio input[type=radio]:disabled + label:before {
                        background-color: #0073e9;
                    }

                #edit_bulk_modal .form-container .radiobuttons .rdio input[type=radio]:checked + label::after {
                    content: "";
                    position: absolute;
                    top: 1px;
                    left: 4px;
                    display: inline-block;
                    font-size: 11px;
                    width: 17px;
                    height: 17px;
                    background-color: #0073e9;
                    -moz-border-radius: 50px;
                    -webkit-border-radius: 50px;
                    border-radius: 50px;
                }

        #edit_bulk_modal .form-container .radiobuttons .rdio-default input[type=radio]:checked + label:before {
            border-color: #0073e9;
        }

        #edit_bulk_modal .form-container .radiobuttons .rdio-primary input[type=radio]:checked + label:before {
            border-color: #0073e9;
        }

        #edit_bulk_modal .form-container .radiobuttons .rdio-primary input[type=radio]:checked + label::after {
            background-color: #0073e9;
        }

.selected_item_list {
    display: flex;
    align-items: center;
}

.select-item-container {
    display: block;
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 15px;
}

    .select-item-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    .select-item-container .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 20px;
        width: 20px;
        background-color: #eee;
    }

    .select-item-container:hover input ~ .checkmark {
        background-color: #ccc;
    }

    .select-item-container input:checked ~ .checkmark {
        background-color: #2196F3;
    }

    .select-item-container .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    .select-item-container input:checked ~ .checkmark:after {
        display: block;
    }

    .select-item-container .checkmark:after {
        left: 8px;
        top: 4px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

/*..........ALL Items page css End here..........*/
#ShippingOptionModal .options-list a {
    color: #008afc !important;
}

#ShippingOptionModal .form-group h6 {
    font-size: 18px;
}

#ShippingOptionModal .form-group {
    margin: 0;
}

#ShippingOptionModal #form3 {
    width: 100% !important;
}

    #ShippingOptionModal #form3 .bd-example-modal-lg:first-child div {
        width: 100% !important;
    }

#tbl_subscription tbody .tr_available {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

#btnPayment {
    background-color: #4cda62 !important;
    border-color: #4cda62 !important;
}

.scrolltop {
    bottom: 55px !important;
    right: 15px !important;
}

#region_statistics_content .table.table-head-custom thead tr {
    color: #384b6e !important;
}

.scrolltop {
    bottom: 55px !important;
}

.tab_payment.tab_1_3 .d-flex.align-items-center.mt-5.mb-4.mr-2 {
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    margin-right: 0 !important;
}

    .tab_payment.tab_1_3 .d-flex.align-items-center.mt-5.mb-4.mr-2 h4 {
        flex: 1;
    }

#additonal-settng-box .custom-control.custom-radio {
    width: inherit;
    margin: 0;
    padding: 0;
}

#additonal-settng-box .custom-controls-stacked {
    align-items: center;
}

#additonal-settng-box .form-group .form-label {
    color: #333333;
    font-size: 14px;
    font-weight: 500;
}

#additonal-settng-box .custom-controls-stacked span {
    margin-right: 25px;
}

#additonal-settng-box .form-group {
    margin: 15px 15px 30px;
}

#OuterDiv .card-body .p-3 {
    padding: 0.75rem 0 !important;
}

#kt_quick_sidebar {
    z-index: 999999 !important;
}

#helpsection .card-body .form-group {
    margin: 0;
}

#ExportToExcelButton {
    border-radius: 25px;
}

.corporate .public-sub-header.public-mobile-menu {
    display: none;
}

#btn_go_live {
    background-color: #4cda62 !important;
    border-color: #4cda62 !important;
}

.additional-nav ul {
    margin-bottom: 0 !important;
}

.pre-header {
    padding-bottom: 10px;
}

.corporate #dvContainer .create-post .wrapper {
    margin-top: 0;
}

.inner-header-right .btn.btn-info.navbar-btn {
    background-color: #fff !important;
    border: 1px solid #bbb;
    color: #666 !important;
    min-width: 80px;
    margin: 15px 5px;
    border-radius: 4px !important;
    padding: 10px;
    font-weight: 500;
    float: none !important;
}

    .inner-header-right .btn.btn-info.navbar-btn:hover {
        background-color: #0073e9 !important;
        border: 1px solid #0073e9;
        color: #fff !important;
    }

#loadmore {
    font-size: 14px;
    font-weight: 500;
    color: #fff !important;
    cursor: pointer;
    height: 35px;
    text-align: center;
    border: none !important;
    background-size: 300% 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background-image: linear-gradient(to right, #0073e9, #4481eb, #04befe, #3f86ed);
    box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);
    width: 100%;
}

    #loadmore:hover {
        background-position: 100% 0;
        moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

#inner-sidebar #RegisterToBidMenu {
    font-size: 15px;
    font-weight: 500;
    color: #fff !important;
    cursor: pointer;
    height: 45px;
    text-align: center;
    border: none !important;
    background-size: 300% 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background-image: linear-gradient(to right, #0073e9, #4481eb, #04befe, #3f86ed);
    box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);
    width: 100%;
}

    #inner-sidebar #RegisterToBidMenu:hover {
        background-position: 100% 0;
        moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

#kt_header {
    padding: 10px 0;
    background-color: #ffffff !important;
}

#kt_wrapper {
    margin-top: 0;
    min-height: 100vh;
    height: inherit;
}

#inner-sidebar .btn-bid {
    background-color: #0073e9 !important;
    color: #fff;
    border-radius: 4px !important;
    padding: 10px;
    font-size: 15px !important;
    font-weight: 500;
}

.inner-header-right {
    display: flex;
    align-items: center;
}

.inner-login-btn {
    background-color: #fff !important;
    border: 2px solid #eee;
    color: #666 !important;
    min-width: 80px;
    margin: 15px 5px;
    border-radius: 4px !important;
    padding: 10px;
}

.inner-header {
    display: flex;
    justify-content: space-between;
}

#sidebarCollapse {
    box-shadow: none !important;
    outline: none !important;
    border: none;
    padding: 10px 15px !important;
    border-radius: 4px !important;
    background-color: #0073e9 !important;
    display: none;
    min-width: inherit;
    margin: inherit;
}

    #sidebarCollapse .fa {
        color: #fff !important;
    }

.wrapper {
    display: flex;
    align-items: stretch;
    margin-top: -23px;
}

#inner-sidebar {
    min-width: 250px;
    max-width: 250px;
    background: #f6f8fc !important;
    color: #fff;
    transition: all 0.3s;
    padding: 15px 10px !important;
}

    #inner-sidebar a,
    #inner-sidebar a:hover,
    #inner-sidebar a:focus {
        color: #333333;
    }

    #inner-sidebar.active {
        margin-left: -250px;
    }

.sidebar-header {
    padding: 0;
    background: transparent;
    min-height: 50px;
    display: flex;
    align-items: center;
    flex-direction: column;
    border: none;
    border-radius: 0 !important;
    margin-bottom: 15px;
}

    .sidebar-header .sidebar-logo img {
        width: 100%;
    }

#inner-sidebar ul.components {
    padding: 0 0;
}

#inner-sidebar ul p {
    color: #333;
    padding: 10px;
}

#inner-sidebar ul li {
    padding: 9px 5px;
    border-radius: 4px !important;
    color: #333333;
    margin-bottom: 5px;
}

    #inner-sidebar ul li select {
        border: none;
        font-size: 14px;
        font-weight: 600;
        min-width: 160px;
        background-color: transparent;
        -webkit-appearance: menulist;
        text-align: left;
        width: inherit;
        background: url(/Common/Images/up-down-arrow.png) no-repeat 95% 50%;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        padding: 0 15px;
        background-size: 10px;
    }

        #inner-sidebar ul li select:focus {
            outline: none;
            border: none;
        }

    #inner-sidebar ul li a {
        font-size: 1.1em;
        display: block;
        color: #333333;
        font-family: "Poppins", sans-serif !important;
        font-weight: 500;
    }

    #inner-sidebar ul li:hover {
        background-color: #e8ebf2 !important;
        color: #333333;
        opacity: 1;
    }

#inner-sidebar ul.CTAs li:hover {
    background-color: #ffffff !important;
    color: #333333;
    opacity: 1;
}

#inner-sidebar ul li:hover a {
    text-decoration: none;
    color: #333333;
    opacity: 1;
}

#inner-sidebar ul li .fa {
    font-size: 1.5rem !important;
    background-color: #e8ebf2 !important;
    border-radius: 100% !important;
    width: 38px !important;
    height: 38px !important;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: #333;
    margin-right: 15px;
    flex: 0 0 38px !important;
    overflow: hidden;
    display: inline-flex;
}

#inner-sidebar ul li:hover .fa {
    color: #fff !important;
    background-color: #0073e9 !important;
}

#inner-sidebar ul li.active > a,
a[aria-expanded="true"] {
    color: #333;
    background: #fff;
}

ul.CTAs {
    padding: 10px 0;
}

    ul.CTAs a {
        text-align: center;
        font-size: 0.9em !important;
        display: block;
        border-radius: 5px;
        margin-bottom: 5px;
    }

#inner-content-wrapper {
    padding: 20px;
    min-height: 100vh;
    transition: all 0.3s;
    flex: 1;
}

#LanguageDropDown .dropdown-menu {
    z-index: 9999999;
}

.event_name_description .event-profile-details #event_info_name {
    margin-top: 0 !important;
}

.event-profile-details #event_info_name {
    margin-top: 30px !important;
}

.footer-right .social-footer-list {
    display: flex;
    justify-content: flex-end;
    list-style: none;
    margin: 0;
    padding: 0;
}

    .footer-right .social-footer-list li {
        padding: 0 8px;
    }

        .footer-right .social-footer-list li a {
            font-size: 18px;
            color: #ffffff;
            opacity: 0.5;
        }

            .footer-right .social-footer-list li a:hover {
                opacity: 1;
            }

.footer-left {
    color: #fff;
    opacity: 0.5;
}

    .footer-left a {
        color: #fff;
    }

        .footer-left a:hover {
            opacity: 1;
        }

#kt_footer {
    padding-left: 0;
    background: #272626 !important;
    min-height: auto;
    margin-top:auto;
}

body.aside-minimize #kt_footer {
    padding-left: 0;
}

#MessagesTableFilter,
#BiddingsTableFilter {
    border-radius: 4px 0px 0px 4px !important;
}

#divCoverImage {
    margin-bottom: -25px;
}

.default-modal-img {
    border: 2px dashed #eee;
    padding: 5px;
    text-align: center;
}

#fileUpload::-webkit-file-upload-button {
    visibility: hidden;
}

#fileUpload::before {
    content: 'Select Image';
    display: block;
    background-size: 300% 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background-image: linear-gradient(to right, #0073e9, #4481eb, #04befe, #3f86ed);
    box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);
    border: none;
    border-radius: 3px;
    padding: 8px 8px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: none;
    font-weight: normal;
    font-size: 11pt;
    text-align: center;
    color: #fff;
    z-index: 999999;
}

#fileUpload:hover::before {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

#fileUpload:active::before {
    background-image: linear-gradient(to right, #0073e9, #4481eb, #04befe, #3f86ed);
}

#btnCreateItem,
#PUB_CREATE_ITEM {
    font-size: 18px;
    font-weight: 600;
    color: #fff !important;
    cursor: pointer;
    height: 55px;
    text-align: center;
    border: none !important;
    background-size: 300% 100%;
    border-radius: 50px;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background-image: linear-gradient(to right, #0073e9, #4481eb, #04befe, #3f86ed);
    box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);
}

    #btnCreateItem:hover,
    #PUB_CREATE_ITEM:hover {
        background-position: 100% 0;
        moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

    #btnCreateItem:focus {
        outline: none;
    }

.toggle-header-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dataTables_wrapper {
    padding: 0 15px !important;
    overflow-y: auto;
}

.no-data-img {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
}

    .no-data-img img {
        max-width: 250px;
        width: 100%;
    }

.upload-wrapper {
    display: flex;
    justify-content: space-between;
    margin: 0 !important;
}

    .upload-wrapper label {
        color: #0073e9 !important;
        font-weight: 500;
        font-size: 1.25rem !important;
    }

.dropzone-wrapper,
.preview-zone {
    flex: 1;
    margin: 1rem;
}

.upload-wrapper .dropzone-desc {
    position: absolute;
    margin: 0 auto;
    padding: 0 20px;
    left: 0;
    right: 0;
    text-align: center;
    width: 100%;
    top: 0;
    font-size: 18px;
    border: 2px dashed #d3dfea;
    color: #cccccc;
    position: relative;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    flex-direction: column;
}

    .upload-wrapper .dropzone-desc .fa {
        color: #0073e9 !important;
        font-size: 42px;
    }

    .upload-wrapper .dropzone-desc p {
        font-size: 12px;
        color: #626473;
    }

        .upload-wrapper .dropzone-desc p span {
            color: #0073e9;
        }

.upload-wrapper .dropzone,
.upload-wrapper .dropzone:focus {
    position: absolute;
    outline: none !important;
    width: 100%;
    height: 180px;
    cursor: pointer;
    opacity: 0;
    top: 0px;
    z-index: 999;
}

    .upload-wrapper .dropzone:hover,
    .upload-wrapper .dropzone-desc:hover {
        background: #f3f4f8;
    }

.upload-wrapper .preview-zone {
    text-align: left;
}

    .upload-wrapper .preview-zone .box {
        box-shadow: none;
        border-radius: 0;
        margin-bottom: 0;
    }

.upload-wrapper .box-body {
    text-align: center;
    border: 2px dashed #d3dfea;
    color: #92b0b3;
    min-height: 180px;
    border-radius: 8px;
    background-color: #f3f4f8;
    padding: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.invoice-body .upload-wrapper .dropzone,
.invoice-body .upload-wrapper .dropzone:focus {
    top: 44px;
}

.upload-wrapper .box-body img {
    max-width: 250px;
    width: auto;
    max-height: 150px;
}

.upload-wrapper .box-body p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #333;
}

#profileImage {
    line-height: normal !important;
}

.inactive-btn {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #f2f2f2 !important;
    display: flex;
    align-items: center;
    padding-left: 15px;
    z-index: 99;
}

.active-mode-golive .inactive-btn,
.active-mode-public .inactive-btn {
    display: none;
}

.error-box {
    padding: 25px 0 50px;
}

    .error-box .btn-success span {
        padding: 5px;
        background-color: #fff;
        border-radius: 100% !important;
        color: green;
        width: 30px;
        display: inline-block;
        height: 30px;
        margin-left: 5px;
    }

    .error-box .error-title {
        font-size: 250px;
        line-height: 1;
        position: relative;
        display: inline-block;
        margin-bottom: 40px;
        color: #0039e4;
        background-image: -moz-linear-gradient(145deg, #0039e4, #04daf1);
        background-image: -webkit-linear-gradient(145deg, #0039e4, #04daf1);
        background-image: linear-gradient(145deg, #0039e4, #04daf1);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-shadow: 8px 8px 13px rgba(2, 156, 236, 0.3);
        -moz-text-shadow: 8px 8px 13px rgba(2, 156, 236, 0.3);
        font-weight: bold;
    }

        .error-box .error-title img {
            position: absolute;
            top: 17px;
            right: -200px;
            z-index: -1;
        }

    .error-box h3 {
        font-size: 42px;
        font-weight: 900;
        line-height: 1.2;
        margin: 0 0 20px;
        color: #1a1b1e;
    }

    .error-box p {
        font-size: 18px;
    }

    .error-box .btn-success.btn {
        box-shadow: 8px 8px 18px 0px rgb(92 184 92 / 30%) !important;
        border-radius: 35px !important;
        padding: 8px 10px;
        float: none !important;
        background-color: #5cb85c;
        border-color: #4cae4c;
        height: inherit !important;
        line-height: normal !important;
    }

    .error-box .btn-success span {
        padding: 5px;
        background-color: #fff;
        border-radius: 100% !important;
        color: green;
        width: 30px;
        display: inline-flex;
        height: 30px;
        margin-left: 5px;
        align-items: center;
        justify-content: center;
    }

        .error-box .btn-success span i {
            color: green !important;
            padding: 0 !important;
            margin: 0 !important;
        }

.msg-wrapper {
    padding: 10px;
    background-color: #fff3cd;
    border-color: #ffeeba;
    color: #856404;
    text-align: center;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 5px;
}

.msg-wrapper-public {
    padding: 10px;
    background-color: #fff3cd;
    border-color: #ffeeba;
    color: #856404;
    text-align: center;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 5px;
}

.demo-mode {
    background-color: #86ec8d !important;
}

.event_tips_video {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 56.25%;
}

    .event_tips_video iframe {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        border: none;
    }

#eventMainDiv .flex-md-column {
    flex-direction: row !important;
}

#youtubetip .container {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 56.25%;
}

    #youtubetip .container iframe {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        border: none;
    }

.create_item_wrapper.Mobile_view #divImageScroll img {
    min-height: inherit;
}

.modal-dialog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 3.5rem);
}

.corporate #image-list {
    margin: 0 !important;
}

    .corporate #image-list .create_item_wrapper {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

.withdrawal-info .modal-footer .btn.btn-light-primary {
    background-color: #0073e9 !important;
    border-color: #0073e9 !important;
    color: #fff;
}

#EntityPropertyChangesTable thead th {
    font-weight: 600;
    color: #333333 !important;
}

#EntityPropertyChangesTable thead tr {
    text-transform: inherit;
    letter-spacing: normal;
    color: #333333 !important;
}

.withdrawal-info .modal-header,
#UpgradModal .modal-header {
    background: rgb(73, 60, 148);
    background: #008afc;
    border-radius: 0px;
    color: #fff;
    font-size: 16px;
}

    .withdrawal-info .modal-header .modal-title,
    #UpgradModal .modal-header .modal-title {
        color: #ffffff;
    }

        .withdrawal-info .modal-header .modal-title small {
            color: #ffffff;
        }

    .withdrawal-info .modal-header button.close i {
        color: #fff !important;
        opacity: 1;
        font-size: 14px !important;
    }

#UpgradModal .modal-body label {
    margin-bottom: 0;
}

#UpgradModal .modal-header button.close {
    color: #fff !important;
    opacity: 1 !important;
    font-size: 24px !important;
}

    #UpgradModal .modal-header button.close span {
        display: block !important;
    }

#UpgradModal .modal-footer .btn.btn-secondary {
    color: #3F4254;
    background-color: #0073e9 !important;
    border-color: #0073e9 !important;
}

#divStartBidRight #lblCurrentBid {
    flex: inherit;
    width: auto !important;
    font-weight: 500 !important;
    font-size: 24px;
}

.ModalCropContent .modal-footer {
    padding: 1rem 0 0;
}

.ModalCropContent #fileUpload {
    display: flex;
    margin: 15px auto;
    width: 100%;
}

    .ModalCropContent #fileUpload:hover,
    .ModalCropContent #fileUpload:focus {
        outline: none;
        border: none;
    }

#Withdrawalinfo_IdentityFile {
    padding: 10px;
    width: 100%;
    border-radius: 4px;
}

#imgDeleteImage {
    height: auto !important;
}

#kt_content .row.m-0 {
    margin: inherit !important;
}

#tc_modal.modal .modal-header .close {
    font-size: 20px !important;
}

.event-main-details #image-list .mobiledesktop.col-md-4 .item-image-wrapper img {
    height: 222px;
    object-fit: contain;
    border-radius: 8px 8px 0 0;
    width: 100%;
}

.event-main-details #image-list .mobiledesktop.col-md-6 .item-image-wrapper img {
    height: 342px;
    object-fit: contain;
    width: 100%;
    border-radius: 8px 8px 0 0;
}

.corporate #image-list .mobiledesktop.col-md-4 .card.overflow-hidden img {
    height: 205px;
    object-fit: contain;
    border-radius: 8px 8px 0 0;
    width: 100%;
}

.corporate #image-list .mobiledesktop.col-md-6 .card.overflow-hidden img {
    height: 342px;
    object-fit: contain;
    width: 100%;
    border-radius: 8px 8px 0 0;
}

.event-main-details #image-list .mobiledesktop.col-md-4 .overflow-hidden img {
    height: 222px;
    object-fit: contain;
    border-radius: 8px 8px 0 0;
    width: 100%;
    object-position: top;
}

.event-main-details #image-list .mobiledesktop.col-md-6 .overflow-hidden img {
    height: 342px;
    object-fit: contain;
    width: 100%;
    border-radius: 8px 8px 0 0;
}

#OuterDiv .item-banner.mb-2.mt-0 img {
    object-fit: cover;
    border-radius: 5px;
}

#OuterDiv .chat-widget-header .d-sm-block p {
    object-fit: cover;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.modal-confirm {
    color: #636363;
    width: 100%;
    font-size: 14px;
    max-width: 550px;
}

    .modal-confirm .modal-content {
        padding: 30px;
        border-radius: 5px;
        border: none;
    }

    .modal-confirm .modal-header {
        border-bottom: none;
        position: relative;
    }

    .modal-confirm h4 {
        text-align: center;
        font-size: 28px;
        margin: 30px 0 -15px;
        color: #333333;
    }

    .modal-confirm .form-control,
    .modal-confirm .btn {
        min-height: 40px;
        border-radius: 3px;
    }

    .modal-confirm .close {
        position: absolute;
        top: -5px;
        right: -5px;
    }

    .modal-confirm .modal-footer {
        border: none;
        text-align: center;
        border-radius: 5px;
        font-size: 13px;
        justify-content: center;
        border: none !important;
    }

    .modal-confirm .icon-box {
        color: #fff;
        position: absolute;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: -70px;
        width: 95px;
        height: 95px;
        border-radius: 50% !important;
        z-index: 9;
        background: #82ce34;
        padding: 15px;
        text-align: center;
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
        line-height: 95px;
    }

        .modal-confirm .icon-box i {
            font-size: 58px !important;
            position: relative;
            top: 3px;
            color: #fff;
        }

    .modal-confirm .btn {
        background-color: #0073e9 !important;
        color: #ffffff !important;
        border: #0073e9 solid 2px !important;
        font-weight: 500;
        border-radius: 50px !important;
        text-decoration: none;
        transition: all 0.4s;
        min-width: 100px;
        line-height: normal;
        border: none;
    }

        .modal-confirm .btn:hover,
        .modal-confirm .btn:focus {
            background: #6fb32b;
            outline: none;
        }

.trigger-btn {
    display: inline-block;
    margin: 100px auto;
}

.communicateModal#exampleModalCenter .modal-header {
    border: none;
    background: transparent;
    border-radius: 0px;
    color: #fff;
    font-size: 18px;
    padding: 30px 0 0;
    text-align: center;
}

.communicateModal#exampleModalCenter .modal-content {
    border-radius: 10px !important;
}

.communicateModal#exampleModalCenter .modal-header .modal-title {
    font-size: 24px;
    color: #181C32 !important;
}

.communicateModal#exampleModalCenter .modal-body {
    text-align: center;
    font-size: 15px;
}

.communicateModal#exampleModalCenter .modal-footer {
    justify-content: center;
    padding: 1.5rem;
    border-top: none !important;
    padding-bottom: 30px;
}

.communicateModal#exampleModalCenter .create-event-btn.menueCreate_event {
    background-color: #0073e9 !important;
    color: #ffffff !important;
    border: #0073e9 solid 2px !important;
    font-weight: 500;
    border-radius: 5px !important;
    margin-top: 0;
    margin-bottom: 0;
}

    .communicateModal#exampleModalCenter .create-event-btn.menueCreate_event .fa {
        color: #ffffff !important;
    }

#public_modal .modal-body,
#golive_modal .modal-body,
#SetupStripeconnect .modal-body {
    padding: 50px !important;
    text-align: center;
    font-size: 18px;
}

#public_modal .modal-content,
#golive_modal .modal-content,
#SetupStripeconnect .modal-content {
    border-radius: 20px !important;
}

#public_modal .modal-footer,
#golive_modal .modal-footer,
#SetupStripeconnect .modal-footer {
    justify-content: center;
}

#public_modal .modal-body .close,
#golive_modal .modal-body .close,
#SetupStripeconnect .modal-body .close {
    position: absolute;
    right: 15px;
    top: 15px;
    opacity: 1;
}

.toggle-header {
    background-color: #ffffff;
    padding: 10px !important;
    margin-bottom: 15px !important;
    border-bottom: 1px solid #eeeeee;
    box-shadow: none;
    margin-top: -15px !important;
}

.toggle-header-wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
}

    .toggle-header-wrapper ul li {
        font-size: 14px;
        margin-right: 20px;
        font-weight: 600;
    }

        .toggle-header-wrapper ul li .toggle-switch {
            position: relative;
            display: inline-block;
            width: 105px;
            height: 38px;
            margin-bottom: 0;
            z-index: 1;
        }

        .toggle-header-wrapper ul li .toggle-switch-2 {
            width: 120px;
            height: 38px;
        }

        .toggle-header-wrapper ul li .toggle-switch input {
            display: none;
        }

        .toggle-header-wrapper ul li .toggle-switch .slider {
            position: absolute;
            cursor: pointer;
            overflow: hidden;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #4cda62;
            -webkit-transition: .4s;
            transition: .4s;
        }

            .toggle-header-wrapper ul li .toggle-switch .slider:before {
                position: absolute;
                z-index: 998;
                content: "";
                height: 32px;
                width: 32px;
                left: 2px;
                bottom: 3px;
                background-color: #ffffff;
                -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
                -webkit-transition: .4s;
                transition: all 0.4s ease-in-out;
            }

        .toggle-header-wrapper ul li .toggle-switch input:checked + .slider:before {
            background-color: #fff;
        }

        .toggle-header-wrapper ul li .toggle-switch input:checked + .slider:before {
            -webkit-transform: translateX(69px);
            -ms-transform: translateX(69px);
            transform: translateX(69px);
        }

        .toggle-header-wrapper ul li .toggle-switch-2 input:checked + .slider:before {
            -webkit-transform: translateX(84px);
            -ms-transform: translateX(84px);
            transform: translateX(84px);
        }

        .toggle-header-wrapper ul li .toggle-switch .slider.round {
            border-radius: 100px;
        }

            .toggle-header-wrapper ul li .toggle-switch .slider.round:before {
                border-radius: 50%;
            }

        .toggle-header-wrapper ul li .toggle-switch .absolute-no {
            position: absolute;
            left: 0;
            color: #ffffff;
            text-align: right !important;
            font-size: 14px;
            width: calc(100% - 15px);
            height: 38px;
            line-height: 40px;
            cursor: pointer;
        }

.public-sub-header {
    padding: 0;
    background-color: #ffffff;
    box-shadow: 0 1px 0 #eeeeee;
    position: relative;
    top: 0;
    z-index: 1;
    border-top: none;
}

.corporate .public-sub-header {
    top: -23px;
    z-index: 998;
}

.public-sub-header #RegisterToBid.btn.btn-pill.btn-outline-light {
    margin: 0;
    background-size: 300% 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background-image: linear-gradient(to right, #0073e9, #4481eb, #04befe, #3f86ed);
    color: #fff;
    border-radius: 4px !important;
    padding: 10px;
    float: none;
}

    .public-sub-header #RegisterToBid.btn.btn-pill.btn-outline-light:hover {
        background-position: 100% 0;
        moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

.public-sub-header .small-header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .public-sub-header .small-header-wrapper .small-menu-right ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .public-sub-header .small-header-wrapper .small-menu-right ul li:first-child {
            border: none;
            min-width: inherit;
        }

        .public-sub-header .small-header-wrapper .small-menu-right ul li {
            display: inline-block;
            padding: 13px 5px;
            border-right: none;
            min-width: 100px;
            text-align: center;
            vertical-align: middle;
            position: relative;
        }

            .public-sub-header .small-header-wrapper .small-menu-right ul li:last-child {
                border-right: none;
            }

            .public-sub-header .small-header-wrapper .small-menu-right ul li a {
                color: #333333;
                font-size: 14px;
                font-weight: 500;
            }

                .public-sub-header .small-header-wrapper .small-menu-right ul li a:hover,
                .public-sub-header .small-header-wrapper .small-menu-right ul li a:focus {
                    text-decoration: none;
                }

            .public-sub-header .small-header-wrapper .small-menu-right ul li .fa {
                display: none;
            }

.small-header-search {
    min-width: 200px;
    padding: 6px 0;
    max-width: 200px;
}

.inner-search-wrapper .small-header-search {
    padding: 0;
}

.small-header-search .has-search {
    display: flex;
    align-items: center;
}

    .small-header-search .has-search .form-control {
        padding-left: 0.375rem;
        border-radius: 20px 0 0 20px !important;
        min-height: inherit;
        height: 32px;
        border-right: none;
    }

    .small-header-search .has-search .form-control-feedback {
        position: relative;
        z-index: 2;
        display: flex;
        width: 3rem;
        min-height: inherit;
        height: 32px;
        line-height: 2.375rem;
        text-align: center;
        pointer-events: inherit;
        color: #fff !important;
        top: 0;
        left: 0;
        cursor: pointer;
        border: 1px solid #0073e9;
        background-color: #0073e9;
        border-radius: 0 20px 20px 0 !important;
        align-items: center;
        justify-content: center;
    }

.corporate .small-header-search .has-search .form-control-feedback {
    top: 0;
    height: 32px !important;
}

.corporate #inner-sidebar .small-header-search .has-search .form-control-feedback {
    top: 0;
    height: 32px !important;
}

.small-header-search .fa {
    color: #0073e9 !important;
}

.search-close {
    display: none;
}

#search-open {
    display: none;
}

.inner-search-wrapper #search-open {
    background-color: #0073e9;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    text-align: center;
    line-height: 25px;
    color: #fff !important;
}

    .inner-search-wrapper #search-open i {
        color: #ffffff !important;
    }

.shorting-list {
    border: none;
    background-color: transparent;
    font-size: 14px;
    font-weight: 500;
    width: auto;
    background: url(/Common/Images/filter-icon.png) no-repeat;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 0 20px 0 10px;
    background-position: right center;
    background-size: 10px;
}

    .shorting-list:focus {
        outline: none;
        border: none;
    }

.highlight-large {
    font-size: 24px !important;
}

    .highlight-large label {
        font-size: 24px !important;
    }

    .highlight-large .fa {
        color: #3f4254;
    }

.paging_bootstrap_full_number {
    position: relative;
    z-index: 1;
}

#helpsection #carousel-example-generic.carousel,
#helpsection .carousel-inner {
    height: auto !important;
}

#helpsection .modal-footer {
    justify-content: space-between;
}

    #helpsection .modal-footer a {
        margin: 0 !important;
    }

#helpsection .card-body .form-group div {
    width: 100% !important;
}

.fab_field {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#fab_send {
    order: 2;
}

#prime .fa {
    color: #ffffff;
}

.tab_general.tab_1_1 .form-group label {
    color: #0073e9 !important;
    font-weight: 500;
    font-size: 1.25rem !important;
}

.corporate .page-content-wrapper .inner_content_wrapper .app-sidebar {
    margin-left: 25px;
}

.sub-header {
    box-shadow: 0 1px 3px #ddd;
    padding: 15px 0;
    background-color: #ffffff;
}

.public-header {
    display: flex;
    justify-content: space-between;
}

    .public-header .p-menu ul {
        margin: 0;
        padding: 0;
    }

        .public-header .p-menu ul li {
            list-style: none;
            display: inline-block;
        }

            .public-header .p-menu ul li .form-control {
                padding: 0 0.75rem;
                font-weight: 500;
                color: #333;
                background-color: transparent;
                border: none;
                border-radius: 0;
            }

                .public-header .p-menu ul li .form-control:focus {
                    outline: none;
                    border: none;
                    box-shadow: none;
                }

            .public-header .p-menu ul li a {
                margin-left: 15px;
                color: #333333;
                font-weight: 500;
            }

                .public-header .p-menu ul li a:hover,
                .public-header .p-menu ul li a:focus {
                    text-decoration: none;
                }

.p-search .form-control {
    padding-left: 3rem;
    outline: 0 !important;
    border-radius: 25px !important;
}

.p-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #0073e9 !important;
    left: 5px;
    top: 5px;
    font-size: 18px;
}

.p-search .form-group {
    position: relative;
}

.corporate .site-logo .m-logo {
    display: none;
}

.manage-event-btn {
    border: none !important;
    background-size: 300% 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background-image: linear-gradient(to right, #0073e9, #4481eb, #04befe, #3f86ed) !important;
    color: #fff !important;
    padding: 8px 15px !important;
    border-radius: 35px;
}

    .manage-event-btn:hover,
    .manage-event-btn:focus {
        background-position: 100% 0;
        moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

.dataTables_wrapper .manage-event-btn,
.dataTables_wrapper .manage-event-btn:hover,
.dataTables_wrapper .manage-event-btn:focus {
    background-color: #0073e9 !important;
    color: #fff;
    padding: 12px 15px !important;
    border-radius: 35px;
    display: block;
    max-width: 180px;
    margin: 15px auto;
    font-size: 16px;
}

.timeline-menu .menu-right .btn-list .btn-lightCustom,
#tc-modal {
    border-radius: 0 !important;
    border: none !important;
    height: auto !important;
    text-align: center;
    vertical-align: top;
    padding: 0;
    background-color: transparent !important;
    box-shadow: none !important;
    color: #0073e9 !important;
}

    .timeline-menu .menu-right .btn-list .btn-lightCustom .fa,
    #tc-modal .fa {
        display: block;
        margin-right: 0 !important;
        color: #0073e9 !important;
        font-size: 18px;
        margin-bottom: 5px;
    }

#invoicedetailspage .invoice-notes a {
    color: #008afc !important;
}

.invoice-header .invoice-logo {
    border: none;
    border-radius: 0;
    overflow: hidden;
    display: inline-block;
    margin: 10px 0 0;
    max-width: 250px;
}

#invoicedetailspage.p-6 {
    padding: 0 !important;
}

#invoicedetailspage .container {
    padding: 0 !important;
}

.image-save-btn {
    margin-top: 300px;
}

.modal-content {
    width: 100% !important;
}

#divBuyNowForm #txtBuyNowQuantityModal {
    border: #d3dfea solid 1px;
    border-radius: 5px;
    padding: 5px;
    margin-left: 5px;
    max-width: 70px !important;
    text-align: center;
}

.corporate .btnBuildAuc a {
    background-size: 300% 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background-image: linear-gradient(to right, #0073e9, #4481eb, #04befe, #3f86ed) !important;
    margin: 16px 0;
    padding: 15px 20px 15px !important;
    border-radius: 30px !important;
    color: #ffffff !important;
}

    .corporate .btnBuildAuc a:hover {
        background-position: 100% 0;
        moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

.corporate .header-navigation ul {
    display: flex;
    align-items: center;
}

.corporate .header-navigation > ul > li > a {
    padding: 15px 12px 15px;
}

#topcontrol {
    bottom: 65px !important;
    background-color: rgb(255, 255, 255) !important;
    border-radius: 100% !important;
}

.manage_event_dropdown .dropdown-menu a.menu-item-active i {
    display: none !important;
}

.help-content-wrapper #carouselExampleControls .HelpHeaderText {
    text-decoration: none;
    color: #212529 !important;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 32px;
    font-weight: 600;
}

.knowledgebase-content-wrapper {
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
    margin: 20px 10px;
    padding: 40px 0;
}

    .knowledgebase-content-wrapper p {
        margin: 0 0 10px;
        padding-bottom: 1em;
        color: #303030 !important;
        line-height: 1.7em;
        font-weight: 500;
        font-size: 16px !important;
    }

    .knowledgebase-content-wrapper a {
        color: #1e73be !important;
    }

    .knowledgebase-content-wrapper h2 {
        font-size: 24px;
        font-weight: 500;
        color: #333333;
        margin-bottom: 20px;
    }

    .knowledgebase-content-wrapper h3 {
        font-size: 18px !important;
        font-weight: 500;
        color: #333333;
        margin-bottom: 20px;
    }

.knowledgebase-image {
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 10px !important;
    overflow: hidden;
    box-shadow: 0px 10px 10px 20px rgb(176 184 214 / 9%), 10px 10px 15px -5px #b0b8d6;
    display: inline-block;
    margin-bottom: 20px;
}

.template-btn {
    color: #fff !important;
    background-color: #0073e9 !important;
    border: none !important;
    height: 36px;
    display: inline-block;
    margin-bottom: 0;
    font-size: 13px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 10%), 0 1px 2px rgb(0 0 0 / 18%);
    padding: 8px 14px 7px;
    border-radius: 4px !important;
    cursor: pointer;
}

#MemberActivity .table .event-big-circle {
    min-width: 30px;
    min-height: 30px;
    font-size: 18px;
    margin-right: 0;
    width: 30px;
    height: 30px;
}

body.aside-minimize #MemberActivity .table .event-big-circle {
    min-width: 50px;
    min-height: 50px;
    font-size: 24px;
    margin-right: 0;
    width: 50px;
    height: 50px;
}

#MemberActivity .table tr th {
    padding: 0.75rem !important;
    width: 25%;
}

    #MemberActivity .table tr th:nth-child(3n),
    #MemberActivity .table tr th:nth-newchild(4n),
    #MemberActivity .table tr th:nth-child(5n) {
        min-width: inherit !important;
    }

.TopStatsContainer {
    margin-top: 15px;
}

    .TopStatsContainer .card-title.font-size-h6 {
        font-size: 1.1rem !important;
        word-break: break-word;
    }

.card-custom.RegionalStatsContainer .card-header,
.card-custom.MemberActivityContainer .card-header {
    min-height: inherit !important;
}

    .card-custom.RegionalStatsContainer .card-header .card-title,
    .card-custom.MemberActivityContainer .card-header .card-title {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
        font-size: 1.1rem !important;
    }

.modal .table td {
    padding: 0.75rem !important;
}

#BidModal .modal-form .input-with-icon {
    padding-top: 0 !important;
}

    #BidModal .modal-form .input-with-icon > i {
        top: 16px !important;
    }

#divBuyNowForm table tr td,
#divBuyNowForm table tr td #tdBuyNowPrice {
    line-height: normal !important;
    font-size: 13px !important;
    font-family: "Poppins", sans-serif !important;
    font-weight: 500 !important;
}

#divBuyNowForm table tr td {
    padding: 0.75rem 0 !important;
}

    #divBuyNowForm table tr td:nth-child(2) {
        white-space: nowrap;
    }

#tc_modal div {
    clear: both;
}

#editImg-modal .image-lists {
    height: 420px;
    overflow-y: auto;
}

    #editImg-modal .image-lists ul {
        margin: 0 !important;
    }

.communicateModal#modaldemo1 .modal-header,
.communicateModal#modaldemo2 .modal-header,
.communicateModal#modaldemo3 .modal-header {
    background-color: #187de4 !important;
}

    .communicateModal#modaldemo1 .modal-header .close .fa,
    .communicateModal#modaldemo2 .modal-header .close .fa,
    .communicateModal#modaldemo3 .modal-header .close .fa {
        font-size: 18px;
        color: #ffffff !important;
    }

div#divPaymentErrorMsg {
    font-weight: 600;
    color: #ff0000;
    font-size: 16px;
    margin-bottom: 25px;
}

.corporate #dvContainer {
    margin-bottom: 50px;
}

#divPaymentErrorMsg,
#divPaymentErrorMsg:focus,
#divPaymentErrorMsg:focus-visible {
    border: none !important;
    outline: none !important;
}

.payment-header h5 {
    display: block;
    font-size: 20px;
    font-weight: bold;
}

.helpcontainor {
    padding: 15px;
}

.helpsectionlist {
    border-radius: 15px !important;
    padding: 15px;
    margin: 10px;
}

.corporate .helpsectionlist {
    width: 48%;
    border-radius: 0 !important;
    padding: 0;
    margin: 10px;
}

.public-help-header .help-small-header #txt_search {
    border-radius: 5px 0 0 5px !important;
}

.public-help-header .help-small-header #BtnSearchTips {
    font-size: 14px !important;
    border-radius: 0 5px 5px 0 !important;
}

.public-help-header {
    margin: 15px;
    padding: 15px 20px;
    background-color: #fff;
    margin-bottom: -5px;
    border-bottom: 1px solid #eee;
    position: relative;
    z-index: 9999999;
    border-radius: 10px 10px 0 0 !important;
    overflow: hidden;
    display: flex;
    align-items: center;
}

    .public-help-header .input-group {
        flex: 2;
        width: auto;
        max-width: 260px;
    }

    .public-help-header h5 {
        flex: 1;
        margin: 0;
        font-size: 20px;
        color: #181c32 !important;
        font-weight: 600;
    }

.corporate .small-nav-header.public-small-header {
    margin: 0 15px;
    padding: 15px 20px;
    background-color: #fff;
    margin-bottom: -5px !important;
    border-bottom: 1px solid #eee;
    position: relative;
    z-index: 1;
    border-radius: 0 0 0 !important;
    overflow: hidden;
    display: flex;
    align-items: center;
}

    .corporate .small-nav-header.public-small-header .howto-btn {
        border-radius: 25px !important;
        padding-right: 10px !important;
        margin-left: 10px;
    }

        .corporate .small-nav-header.public-small-header .howto-btn .fa-arrow-right.ml-2 {
            margin-left: 0.5rem;
        }

.corporate .small-nav-header .container-fluid .d-flex {
    flex: 1;
}

    .corporate .small-nav-header .container-fluid .d-flex:nth-child(3) {
        justify-content: flex-end !important;
    }

    .corporate .small-nav-header .container-fluid .d-flex.align-items-center.flex-wrap.mr-1 h5 {
        margin: 0 !important;
        font-size: 20px;
        color: #181c32 !important;
        font-weight: 600;
    }

#share-modal iframe {
    pointer-events: inherit !important;
}

.corporate #divItemInfo .bid-value-text {
    padding-left: 1.5rem;
}

#Identifycheck .modal-header {
    border-radius: 0px;
    color: #fff;
    font-size: 16px;
    background-color: #187de4;
}

    #Identifycheck .modal-header .modal-title {
        color: #ffffff;
    }

    #Identifycheck .modal-header .close .fa {
        font-size: 16px;
    }

.notification_settings_form .checkbox-inline {
    padding: 15px;
    border: 1px solid #dfe3eb !important;
    border-bottom: none !important;
}

    .notification_settings_form .checkbox-inline:last-child {
        border-bottom: 1px solid #dfe3eb !important;
    }

    .notification_settings_form .checkbox-inline .notification label {
        color: #0073e9 !important;
        font-weight: 500;
    }

    .notification_settings_form .checkbox-inline .notification .checkbox-outline {
        color: #3f4254 !important;
        padding-left: 0 !important;
        margin-bottom: 0;
        margin-right: 0;
    }

.notification_settings_form .notificationtype {
    display: flex;
}

.notification_settings_form .checkbox-inline .checkbox span {
    margin-right: 1.5rem;
    margin-left: 0.5rem;
    border-width: 2px;
}

.notification_settings_form .checkbox-inline .notificationtype input[type="checkbox"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    position: relative;
    top: 2px;
    left: 5px;
}

.notification_settings_form #saveBtn {
    background-color: #0073e9 !important;
    border-color: #0073e9 !important;
    border-radius: 4px !important;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 35px !important;
    font-family: "Poppins", sans-serif !important;
    color: #ffffff;
    margin-top: 15px;
    float: right;
    min-width: 80px;
}

#merchLogo {
    display: none;
}

.payment-header-top div {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 15px;
}

    .payment-header-top div h1 {
        margin-bottom: 0;
    }

#btnPaymentCancel {
    background-color: #999999 !important;
    border-color: #999999 !important;
    color: #fff;
    margin-top: 0;
    padding: 5px 15px;
    height: auto;
    width: auto;
    font-size: 12px;
}

    #btnPaymentCancel:hover {
        background-color: #666666 !important;
        border-color: #666666 !important;
    }

#payBtn {
    margin: 0 auto !important;
    width: 96%;
    font-size: 18px !important;
}

#hpp1 #cancelButton {
    display: none;
}

.m-0.payment_wrapper {
    margin-top: -25px !important;
}

    .m-0.payment_wrapper .col-md-8 {
        border: #eff0f6 solid 1px !important;
    }

        .m-0.payment_wrapper .col-md-8.payment-header {
            border: none !important;
            padding: 15px 0 !important;
        }

#paymentInfo .hps-label-container .hps-control {
    height: 50px;
    min-height: 50px;
    border: #d3dfea solid 1px;
}

#paymentInfo .hps-label-container .hps-label {
    height: 50px;
    line-height: 35px;
    color: #9999a4;
    font-weight: normal;
}

    #paymentInfo .hps-label-container .hps-label.active-label {
        height: inherit;
        line-height: normal;
        color: #ffffff;
    }

.bid-value-text {
    font-size: 24px;
    padding-left: 1.2rem;
    font-weight: 600;
}

.itme-image-wrapper {
    position: relative;
}

.item-image-wrapper {
    position: relative;
}

.edit_item {
    background-color: #fff;
    position: absolute;
    bottom: 5px;
    right: 5px;
    border: 1px solid #ddd !important;
    color: #000 !important;
    display: none !important;
    z-index: 2;
}

#image-list .mobiledesktop .ItemEditButton {
    top: 5px;
}

#image-list .mobiledesktop .card:hover .edit_item {
    display: block !important;
}

#image-list .edit-image:hover .edit_item,
#image-list .remove-image:hover .edit_item {
    display: block !important;
}

.slideshow-container:hover .edit_item {
    display: block !important;
}

.edit_item .fa {
    color: #000;
    margin-right: 5px;
}

.value-text {
    font-weight: bold;
    color: #3f4254 !important;
}

.action-buttons {
    display: flex;
    align-items: center;
    width: 100%;
}

#EditTeamsModalForm .form-group {
    width: 100% !important;
}

#EditTeamsModalForm .bootstrap-select .dropdown-menu.inner > li.selected > a .check-mark,
#EditTeamsModalForm .bootstrap-select .dropdown-menu.inner > li:hover > a .check-mark {
    color: #0cd440;
    font-size: 1rem;
}

#EditTeamsModalForm .btn.btn-light.dropdown-toggle:after {
    color: #ffffff;
}

#EditTeamsModalForm .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    text-transform: capitalize;
}

#EditTeamsModalForm .dropdown-menu .dropdown-item {
    white-space: normal;
    display: flex;
    align-items: flex-start;
}

    #EditTeamsModalForm .dropdown-menu .dropdown-item .glyphicon {
        margin-right: 10px;
        position: relative;
        top: 5px;
    }

    #EditTeamsModalForm .dropdown-menu .dropdown-item .text {
        font-weight: bold;
        font-size: 14px;
    }

        #EditTeamsModalForm .dropdown-menu .dropdown-item .text .text-muted {
            display: block;
            padding: 0;
            font-size: 12px;
            color: #001425 !important;
        }

#EditTeamsModalForm.form .btn.dropdown-toggle.btn-light {
    min-height: 60px;
    background-color: #00559f !important;
}

#EditTeamsModalForm.form .dropdown.bootstrap-select.show-tick.form-control {
    height: auto;
    padding: 0;
    border: none;
}

    #EditTeamsModalForm.form .dropdown.bootstrap-select.show-tick.form-control .filter-option {
        display: flex;
        align-items: center;
        color: #ffffff;
    }

        #EditTeamsModalForm.form .dropdown.bootstrap-select.show-tick.form-control .filter-option .filter-option-inner-inner .glyphicon {
            color: #ffffff;
        }

#EditTeamsModalForm .form-group.margin-btm {
    width: 100% !important;
}

.site-logo {
    margin-right: 0 !important;
    padding: 15px 0 !important;
}

.highbid-ribbon {
    height: 160px;
    width: 160px;
    position: absolute;
    right: -8px;
    top: -8px;
    overflow: hidden;
}

    .highbid-ribbon .highbid-ribbon-inside {
        background: linear-gradient(#9bc90d 0%, #79a70a 100%);
        color: #fff;
        transform: rotate(45deg);
        position: absolute;
        right: -41px;
        top: 27px;
        padding: 10px;
        min-width: 180px;
        text-align: center;
    }

        .highbid-ribbon .highbid-ribbon-inside:before {
            width: 0;
            height: 0;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-bottom: 10px solid #79a70a;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            content: "";
            top: 35px;
            transform: rotate(-45deg);
        }

        .highbid-ribbon .highbid-ribbon-inside:after {
            width: 0;
            height: 0;
            border-top: 7px solid transparent;
            border-left: 10px solid #79a70a;
            border-bottom: 7px solid transparent;
            position: absolute;
            left: 95%;
            right: 0;
            top: 34px;
            bottom: 0;
            content: "";
            transform: rotate(-45deg);
        }

.outbid-ribbon {
    height: 150px;
    width: 150px;
    position: absolute;
    right: -8px;
    top: -8px;
    overflow: hidden;
}

    .outbid-ribbon .outbid-ribbon-inside {
        background: linear-gradient(#ff0011 0%, #db0000 100%);
        color: #fff;
        transform: rotate(45deg);
        position: absolute;
        right: -38px;
        top: 20px;
        padding: 10px;
        min-width: 160px;
        text-align: center;
    }

        .outbid-ribbon .outbid-ribbon-inside:before {
            width: 0;
            height: 0;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-bottom: 10px solid #db0000;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            content: "";
            top: 35px;
            transform: rotate(-45deg);
        }

        .outbid-ribbon .outbid-ribbon-inside:after {
            width: 0;
            height: 0;
            border-top: 7px solid transparent;
            border-left: 10px solid #db0000;
            border-bottom: 7px solid transparent;
            position: absolute;
            left: 95%;
            right: 0;
            top: 34px;
            bottom: 0;
            content: "";
            transform: rotate(-45deg);
        }

.highbid-shadow-ribbon {
    position: absolute;
    background: linear-gradient(#9bc90d 0%, #79a70a 100%);
    top: -8px;
    padding: 10px;
    right: 15px;
    color: #fff;
    border-radius: 0 0 2px 2px;
}

    .highbid-shadow-ribbon:before {
        content: "";
        position: absolute;
        left: -8px;
        right: 0;
        top: 0;
        bottom: 0;
        width: 0;
        height: 0;
        border-bottom: 8px solid #79a70a;
        border-left: 10px solid transparent;
    }

.outbid-shadow-ribbon {
    position: absolute;
    background: linear-gradient(#ff0011 0%, #db0000 100%);
    top: -8px;
    padding: 10px;
    right: 15px;
    color: #fff;
    border-radius: 0 0 2px 2px;
}

    .outbid-shadow-ribbon:before {
        content: "";
        position: absolute;
        left: -8px;
        right: 0;
        top: 0;
        bottom: 0;
        width: 0;
        height: 0;
        border-bottom: 8px solid #db0000;
        border-left: 10px solid transparent;
    }

#divItemInfo .item_info .input-with-icon input[type="text"]:disabled,
#divItemInfo .item_info .input-with-icon input[type="number"]:disabled {
    color: #3f4254 !important;
}

#image-list .itemContainerHeight h5.card-title.f-14.mb-3 input:disabled {
    color: #3f4254 !important;
}

.payment-body {
    margin: 0px;
    max-width: 100%;
    border: solid 1px grey;
    padding: 15px;
}

.app-sidebar.app-sidebar3 .app-sidebar__user {
    padding: 20px 15px !important;
}

.app-sidebar.app-sidebar .app-sidebar__user {
    padding: 20px 15px !important;
    border-bottom: none !important;
}

#kt_wrapper .page-content-wrapper {
    padding-bottom: 60px;
}

.corporate .header {
    z-index: 999999 !important;
    background-color: #f6f8fc !important;
}

.corporate.modal-open .header {
    z-index: 998 !important;
}

#sidmenuUL {
    padding: 0 !important;
    margin: 0;
}

    #sidmenuUL li a h3 {
        margin: 0;
    }

.corporate .main {
    min-height: 100vh !important;
}

.help-small-header label {
    display: none;
}

.help-small-header #txt_search {
    height: 35px;
    min-height: 35px;
    border-radius: 5px 0 0 5px !important;
}

#carouselExampleControls iframe {
    width: 100% !important;
}

#carouselExampleControls .HelpHeaderText {
    text-decoration: none;
    color: #212529 !important;
    font-weight: 600;
}

#fixstyle .carousel-inner {
    height: auto;
}

.helpsectionlist ul {
    margin: 0 0 20px;
    padding: 0 0;
    list-style: none;
    font-size: 24px;
    font-weight: 600;
    position: relative;
    color: #1e73be;
}

    .helpsectionlist ul ul {
        padding-left: 40px;
    }

        .helpsectionlist ul ul:before {
            content: "\f114";
            width: 15px;
            height: 17px;
            margin-right: 0px;
            position: relative;
            z-index: 97;
            position: absolute;
            top: 3px;
            background-repeat: no-repeat;
            font: normal normal normal 28px/1 FontAwesome;
            color: #1e73be;
            left: 0;
        }

    .helpsectionlist ul li {
        position: relative;
        padding-left: 0;
    }

        .helpsectionlist ul li button {
            height: auto !important;
        }

        .helpsectionlist ul li:before {
            content: "\f10e";
            width: 15px;
            height: 17px;
            margin-right: 0px;
            position: relative;
            z-index: 97;
            position: absolute;
            top: 12px;
            background-repeat: no-repeat;
            font: normal normal normal 18px/1 FontAwesome;
            color: #1e73be;
        }

        .helpsectionlist ul li button {
            margin: 0 0 0 30px;
            padding: 0;
            font-size: 14px;
            font-weight: 600;
            color: #1e73be !important;
            word-break: break-word;
            height: auto;
            white-space: normal;
            text-align: left;
        }

            .helpsectionlist ul li button:hover,
            .helpsectionlist ul li button:focus {
                text-decoration: underline;
            }

#RegisterToBid.btn.btn-pill.btn-outline-light {
    margin: 15px 0;
    background-size: 300% 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background-image: linear-gradient(to right, #0073e9, #4481eb, #04befe, #3f86ed);
    color: #fff;
    border-radius: 4px !important;
    padding: 10px;
    float: right;
}

    #RegisterToBid.btn.btn-pill.btn-outline-light:hover {
        background-position: 100% 0;
        moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

#LanguageDropDown .btn {
    background-color: #fff !important;
}

.tc-btn,
.tc-btn:hover {
    background-color: #0073e9 !important;
    color: #fff;
}

.app-sidebar__user {
    border-bottom: 1px solid #eff0f6;
    color: #424e79;
}

.app-sidebar .dropdown-menu {
    box-shadow: 0px 10px 10px 20px rgb(16 22 58 / 2%), 10px 10px 15px -5px rgb(16 22 58 / 8%);
    background: #4454c3;
    color: #fff;
    border: 1px solid #eff0f6;
}

.app-sidebar__user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #424e79;
    width: 100%;
    padding: 25px 20px;
    display: inline-block;
    border-bottom: 1px solid #eff0f6;
}

.sidebar-title {
    margin: 0 0 15px;
    font-weight: bold;
    font-size: 1.5rem;
}

.manage_event_dropdown .dropdown-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .manage_event_dropdown .dropdown-box span {
        font-size: 1.5rem !important;
        background-color: transparent;
        border-radius: 100% !important;
        width: 38px !important;
        height: 38px !important;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        color: #ffffff !important;
        margin-right: 0;
        flex: 0 0 38px !important;
        display: flex;
        overflow: hidden;
        border: none;
    }

    .manage_event_dropdown .dropdown-box .span-event {
        margin-right: 15px;
    }

    .manage_event_dropdown .dropdown-box span .menu-link-icon {
        color: #333333;
    }

    .manage_event_dropdown .dropdown-box > div {
        display: flex;
        align-items: center;
    }

    .manage_event_dropdown .dropdown-box img {
        width: 36px;
        height: auto;
        margin-right: 0 !important;
        border: none;
        border-radius: 100%;
    }

    .manage_event_dropdown .dropdown-box h4 {
        font-size: 1rem !important;
        font-weight: bold;
        font-family: "Poppins", sans-serif !important;
        color: #3f4254;
        max-width: 155px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

.manage_event_dropdown .dropdown-toggle::after {
    font-size: 20px;
    color: #0073e9;
}

.manage_event_dropdown .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    vertical-align: 0.155em;
}

.manage_event_dropdown .dropdown-menu {
    padding: 8px;
    background-color: #fff !important;
    width: 100%;
}

    .manage_event_dropdown .dropdown-menu .span-event {
        font-size: 1.5rem !important;
        background-color: #ffffff !important;
        border-radius: 100% !important;
        width: 38px !important;
        height: 38px !important;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        color: #333;
        margin-right: 15px;
        flex: 0 0 38px !important;
        display: flex;
        overflow: hidden;
        border: none;
    }

        .manage_event_dropdown .dropdown-menu .span-event .symbol-label.text-success {
            color: #ffffff !important;
            font-family: "Poppins", sans-serif !important;
        }

    .manage_event_dropdown .dropdown-menu a.selected .span-event {
        background-color: #e8ebf2 !important;
    }

        .manage_event_dropdown .dropdown-menu a.selected .span-event i {
            color: #ffffff !important;
        }

    .manage_event_dropdown .dropdown-menu .span-event i {
        margin: 0;
        color: #333333;
        display: block;
        background-color: transparent;
    }

.app-sidebar__user .dropdown-menu {
    top: 10px !important;
}

.manage_event_dropdown .dr.manage_event_dropdown .dropdown-box span {
    font-size: 1.5rem !important;
    background-color: #e8ebf2 !important;
    border-radius: 100% !important;
    width: 38px !important;
    height: 38px !important;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: #333;
    margin-right: 15px;
    flex: 0 0 38px !important;
    display: flex;
}

.manage_event_dropdown ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.event-manage-details {
    display: flex;
    align-items: center;
}

    .event-manage-details img {
        width: 36px;
        height: auto;
        margin-right: 0 !important;
        border: none !important;
        border-radius: 0;
    }

.manage_event_dropdown .dropdown-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .manage_event_dropdown .dropdown-box > div {
        display: flex;
        align-items: center;
    }

    .manage_event_dropdown .dropdown-box h4 {
        font-weight: bold;
        font-family: "Poppins", sans-serif !important;
        font-size: 1rem !important;
        color: #3f4254;
    }

    .manage_event_dropdown .dropdown-box img {
        width: 36px;
        height: auto;
        margin-right: 0 !important;
        border: none;
        border-radius: 100%;
    }

.event-manage-details h5 {
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 140px !important;
    font-family: "Poppins", sans-serif !important;
}

.manage_event_dropdown .dropdown-menu {
    padding: 8px;
    background-color: #fff !important;
    width: auto !important;
    max-width: 260px !important;
    z-index: 999999 !important;
}

    .manage_event_dropdown .dropdown-menu i {
        background: #008afc;
        width: 18px;
        height: 18px;
        line-height: 18px;
        border-radius: 50%;
        color: #fff;
        text-align: center;
        margin-left: 5px !important;
        display: none;
    }

.manage_event_dropdown .dropdown-toggle::after {
    font-size: 20px;
}

.manage_event_dropdown .dropdown-menu a.selected i {
    display: block;
}

.manage_event_dropdown ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.manage_event_dropdown .dropdown-menu > li > a {
    padding: 0.5rem 0 !important;
}

    .manage_event_dropdown .dropdown-menu > li > a:hover,
    .manage_event_dropdown .dropdown-menu > li > a:focus {
        text-decoration: none;
        color: #6b6f80;
        background-color: #f4f3f1;
        border-radius: 4px;
    }

.corporate #dvContainer #kt_content .container-fluid {
    padding: 0;
}

.group-box {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
}

    .group-box label {
        margin: 0;
        font-size: 16px;
        margin-right: 10px;
    }

    .group-box span {
        font-size: 18px;
        line-height: normal;
    }

#goalamountText {
    text-align: right;
    border: 1px solid #d3dfea !important;
    margin: 0 !important;
    padding-right: 80px;
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.325rem) center !important;
    background-size: auto !important;
    padding-right: calc(2.2em + 1.3rem) !important;
    background-image: url(/Common/Images/required-img.png) !important;
}

.setting-outer-wrapper {
    padding: 15px;
    border-bottom: 1px solid #dfe3eb;
}

.more-content-box {
    display: none;
}

.details-container p {
    margin: 0;
    font-size: 13px;
}

.details-container.show .more-content-box {
    display: block;
}

.details-container.show .showmore-link-btn {
    display: none;
}

.showmore-link-btn,
.showless-link-btn {
    text-decoration: none;
    color: #0073e9;
    border: none;
    background-color: transparent;
}

.corporate #dvContainer .content {
    padding: 0 !important;
}

.bootstrap-switch {
    min-width: 45px !important;
}

.item-container .bidding-tab {
    border: none !important;
}

.item-container #divBidArea .tab-content {
    background-color: transparent;
    padding: 5px 0 !important;
}

    .item-container #divBidArea .tab-content label {
        font-weight: 500;
        margin: 0 0 5px !important;
    }

#createTeamsModal.modal-body {
    padding: 30px;
}

    #createTeamsModal.modal-body #txtEmails {
        width: 100% !important;
    }

    #createTeamsModal.modal-body .form-group {
        width: 100% !important;
    }

#createTeamsModal .bootstrap-select .dropdown-menu.inner > li.selected > a .check-mark,
#createTeamsModal .bootstrap-select .dropdown-menu.inner > li:hover > a .check-mark {
    color: #0cd440;
    font-size: 1rem;
}

#createTeamsModal .btn.btn-light.dropdown-toggle:after {
    color: #ffffff;
}

#createTeamsModal .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    text-transform: capitalize;
}

#createTeamsModal .dropdown-menu .dropdown-item {
    white-space: normal;
    display: flex;
    align-items: flex-start;
}

    #createTeamsModal .dropdown-menu .dropdown-item .glyphicon {
        margin-right: 10px;
        position: relative;
        top: 5px;
    }

    #createTeamsModal .dropdown-menu .dropdown-item .text {
        font-weight: bold;
        font-size: 14px;
    }

        #createTeamsModal .dropdown-menu .dropdown-item .text .text-muted {
            display: block;
            padding: 0;
            font-size: 12px;
            color: #001425 !important;
        }

#createTeamsModal form .btn.dropdown-toggle.btn-light {
    min-height: 60px;
    background-color: #00559f !important;
}

#createTeamsModal form .dropdown.bootstrap-select.show-tick.form-control {
    height: auto;
    padding: 0;
    border: none;
}

    #createTeamsModal form .dropdown.bootstrap-select.show-tick.form-control .filter-option {
        display: flex;
        align-items: center;
        color: #ffffff;
    }

        #createTeamsModal form .dropdown.bootstrap-select.show-tick.form-control .filter-option .filter-option-inner-inner .glyphicon {
            color: #ffffff;
        }

#Withdrawalinfo_BankAccountImage {
    width: 100%;
    border: 1px solid #d3dfea !important;
    padding: 8px;
    border-radius: 5px !important;
    min-height: 45px;
}

.login-aside .bgi-position-y-bottom {
    background-position-y: top !important;
}

.ssnkey {
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.325rem) center !important;
    background-size: auto !important;
    background-image: url(/Common/Images/required-img.png) !important;
}

.wizard-steps .btn.btn-primary {
    border-radius: 20px !important;
}

#PaymentWizard .font-weight-bold.text-dark {
    color: #008afc !important;
}

.routing-number {
    display: flex;
    align-items: center;
}

    .routing-number h3 {
        margin: 0;
        color: #008afc;
    }

#example-vertical-p-2 h5.col-md-12 {
    color: #ff0000;
}

#example-vertical-p-2 .custom-control {
    padding-left: 2rem;
}

#example-vertical-p-2 .custom-control-label::after {
    left: -23px;
    top: 3px;
    display: none;
}

#example-vertical-p-2 .custom-control-label::before {
    border: 2px solid #0073e9;
}

#example-vertical-p-2 .custom-control-label {
    padding-left: 10px;
}

.assign-box a.lead {
    color: #0073e9 !important;
    font-weight: 500;
}

.was-validated .form-control:valid,
.form-control.is-valid {
    border: 1px solid #d3dfea !important;
    background-image: none !important;
    border-color: #d3dfea !important;
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
    border-color: #d3dfea !important;
}

.event_name_description .event-profile-details:first-child {
    margin-bottom: 0;
}

#kt_aside_menu.aside-menu .menu-nav > .menu-item {
    margin-bottom: 5px;
}

#txtBuyNowQuantity {
    min-height: 35px;
}

#dvStartDateIcon .input-group-text,
#dvEndDateIcon .input-group-text {
    background-color: #0073e9 !important;
    border: 1px solid #0073e9;
}

.featured-content-body .input-group-append .input-group-text {
    background-color: #0073e9 !important;
    border: 1px solid #0073e9;
}

    .featured-content-body .input-group-append .input-group-text .fa {
        color: #ffffff !important;
    }

#dvStartDateIcon .input-group-text .la,
#dvEndDateIcon .input-group-text .la {
    color: #ffffff;
    font-size: 1.8rem;
}

#txtBiddingEndDate,
#txtBiddingStartDate {
    border-radius: 4px 0 0 4px !important;
}

.featured-content-body .input-group #txtTax {
    border-radius: 4px 0 0 4px !important;
}

#btnBid {
    border-radius: 5px 0 0 5px !important;
    overflow: hidden;
}

#btnBuy {
    border-radius: 0 5px 5px 0 !important;
    overflow: hidden;
}

#example-vertical-p-1 .form-horizontal .col-md-8 .row {
    margin: 0 -15px;
}

#example-vertical-p-1 .form-horizontal .col-md-8 .input-group input:first-child {
    margin-right: 5px;
}

#example-vertical-p-1 .form-horizontal .col-md-8 .input-group #BusinessCountry {
    margin-left: 5px;
}

#example-vertical-p-1 .form-horizontal .col-md-8 .input-group input:last-child {
    margin-left: 5px;
}

#example-vertical-p-1 .form-horizontal .col-md-8 .input-group #Businesstate {
    margin: 0 5px;
}

#example-vertical-p-2 .form-horizontal .col-md-8 .row {
    margin: 0 -15px;
}

#example-vertical-p-2 .form-horizontal .col-md-8 .input-group input:first-child {
    margin-right: 5px;
}

#example-vertical-p-2 .form-horizontal .col-md-8 .input-group #homeadcountry {
    margin-left: 5px;
}

#example-vertical-p-2 .form-horizontal .col-md-8 .input-group input:last-child {
    margin-left: 5px;
}

#example-vertical-p-2 .form-horizontal .col-md-8 .input-group #homestate {
    margin: 0 5px;
}

#example-vertical-p-2 .form-horizontal .col-md-8 .input-group #Withdrawalinfo_DepositorBirthYear {
    margin: 0;
}

#example-vertical-p-1 .form-horizontal .custom-controls-stacked .custom-control {
    padding-left: 5px;
}

#example-vertical-p-1 .form-horizontal #Withdrawalinfo_DepositorOrganizationPosition {
    margin-bottom: 1.75rem;
}

#example-vertical-p-3 .form-horizontal .custom-controls-stacked .custom-control {
    padding-left: 5px;
}

#like.btn-lightCustom.active {
    color: #0073e9 !important;
}

    #like.btn-lightCustom.active .fa-thumbs-up {
        display: none;
    }

#like.btn-lightCustom .fa-check {
    display: none;
}

#like.btn-lightCustom.active .fa {
    color: #ffffff;
}

#like.btn-lightCustom.active .fa-check {
    display: block;
}

.event-detail-info label {
    font-size: 13px;
    font-weight: 700;
    color: #3f4254;
}

.bidding-flex {
    position: relative;
    display: flex;
    margin-bottom: 10px;
}

#divBid .bidding-flex .input-with-icon {
    position: relative;
    display: flex !important;
    width: 70% !important;
    justify-content: space-between;
    margin-right: 5px;
    border: #d3dfea solid 1px;
    border-radius: 5px;
    align-items: center;
}

    #divBid .bidding-flex .input-with-icon i {
        top: auto !important;
    }

    #divBid .bidding-flex .input-with-icon #txtRightBidAmount {
        flex: 3;
        padding-right: 5px !important;
        max-width: inherit !important;
        min-width: inherit !important;
        border: none;
    }

    #divBid .bidding-flex .input-with-icon input {
        flex: 1;
        margin-left: 0 !important;
        max-width: inherit;
        min-width: 40px;
        border: none;
        max-width: 40px;
        padding-right: 0 !important;
    }
        #divBid .bidding-flex .input-with-icon input#txtCurrentBid{
            padding-right: 0 !important;
        }
        #divBuy .bidding-flex .input-with-icon {
            position: relative;
            display: flex !important;
            width: 100% !important;
            justify-content: space-between;
            margin-right: 5px;
            border: #d3dfea solid 1px;
            border-radius: 5px;
            align-items: center;
        }

    #divBuy .bidding-flex .input-with-icon #txtPageBuyNowPrice {
        flex: 3;
        padding-right: 5px !important;
        max-width: inherit !important;
        min-width: inherit !important;
        border: none;
    }

    #divBuy .bidding-flex .input-with-icon input {
        flex: 1;
        margin-left: 0 !important;
        max-width: inherit;
        min-width: 40px;
        border: none;
    }
        #divBuy .bidding-flex .input-with-icon input#txtBuyNowPrice{
            padding-right: 0 !important;
        }
        #divBuy .mr-2:first-child {
            margin-right: 0 !important;
        }

.wizard-steps {
    display: flex;
    justify-content: flex-end;
}

.payment-online .btn.btn-pill.btn-outline-light {
    color: #ffffff;
    background-color: #0073e9 !important;
    border-color: #0073e9 !important;
}

    .payment-online .btn.btn-pill.btn-outline-light:hover {
        color: #ffffff !important;
    }

.main_content_wrapper {
    min-height: 92vh;
}

.payment-online .card {
    min-height: 270px !important;
    height: 100%;
    padding: 15px 0 !important;
}

#event_description {
    display: flex;
    align-items: center;
}

    #event_description:before {
        color: #c5bfcd;
    }

#example-vertical-p-1 .custom-control-label::after,
#example-vertical-p-3 .custom-control-label::after {
    left: -23px;
}

#Withdrawalinfo_BankAccountNumber,
#Withdrawalinfo_BankRoutingNumber {
    margin-bottom: 15px;
}

#inviteBtn .fa {
    color: #ffffff;
}

.date-donated-text.pr-5.pl-5 {
    padding: 0 !important;
}

.date-donated-text label {
    width: auto !important;
    margin-left: 0 !important;
}

#divItemValueRight {
    height: auto !important;
}

.morecontent span {
    display: none;
}

.morelink,
.morelink:focus {
    display: block;
    text-decoration: none;
    color: #0073e9;
}

#example-vertical.wizard .input-group {
    margin-bottom: 1rem !important;
}

.small-nav-header .howto-btn:first-child {
    display: none !important;
}

#divItemInfo .item_info .input-with-icon input {
    height: auto;
    font-weight: 500;
    font-size: 20px !important;
    color: #3f4254 !important;
    padding-left: 10px;
}

#divItemInfo .item_info .input-with-icon i {
    top: auto !important;
    font-size: 20px;
    font-weight: 500;
    color: #3f4254 !important;
    position: inherit !important;
    font: 500 normal normal 18px/1 FontAwesome !important;
}

#divItemInfo .item_info h3 {
    margin-bottom: 0;
}

.event-profile-details {
    margin-right: 0 !important;
    position: relative;
}

    .event-profile-details.mt-2 {
        margin-top: 0 !important;
    }

.event_name_description .event-profile-details:last-child {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .event_name_description .event-profile-details:last-child label {
        margin: 0 3px 0 0;
        min-width: 100px;
    }

    .event_name_description .event-profile-details:last-child #btnOrganization {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        top: 5px;
    }

#dvContainer.container {
    min-height: 100vh;
    padding: 0 !important;
}

.event_name_description {
    flex: 1;
    margin-top: 30px;
}

    .event_name_description .event-profile-details div {
        margin-top: 0 !important;
        width: auto !important;
    }

#divImageScroll img {
    max-height: 528px;
    border-radius: 5px;
    min-height: 460px;
    object-fit: contain;
    width: 100%;
}

#divImageScroll br {
    display: none;
}

.mySlides {
    text-align: center;
}

#dvProfilePicture .image-wrapper {
    background-color: #f3f3f3;
    min-height: inherit;
    display: flex;
    align-items: center;
    width: 100%;
}

#share-modal .col-md-offset-1 {
    margin-left: 0;
}

.icon-navs .header-option:last-child {
    display: none;
}

.small-nav-header {
    margin-bottom: 0 !important;
}

#goback {
    display: none;
}

#show-item-name {
    max-width: 98%;
}

.event-infobox {
    display: flex;
    position: relative;
}

.info-text {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.info-1 .fa,
.info-2 .fa,
.info-3 .fa {
    color: #008afc;
    font-size: 12px;
}

.info-box1,
.info-box2,
.info-box3 {
    position: absolute;
    background-color: #008afc;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    top: 20px;
    box-shadow: 0 10px 10px 20px rgba(176, 184, 214, 0.09), 10px 10px 15px -5px #b0b8d6 !important;
    display: none;
    left: 0;
    width: 100%;
}

.info-1:hover .info-box1 {
    display: block;
}

.info-2:hover .info-box2 {
    display: block;
}

.info-3:hover .info-box3 {
    display: block;
}

.tenancy-name {
    display: none;
}

/*#helpsection .modal-header {
background-color: #0073e9 !important;
}*/
#helpsection .btn.btn-secondary {
    background-color: transparent !important;
    color: black !important;
    border: none;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    margin-left: 2px;
    cursor: pointer;
    border-radius: 4px !important;
    box-shadow: none;
    height: inherit !important;
    line-height: normal !important;
}

    #helpsection .btn.btn-secondary:hover {
        background-color: #e7e7e7 !important;
    }

.modal .modal-header .close {
    min-height: 20px;
    min-width: 20px;
    line-height: 20px;
}

#input::-webkit-contacts-auto-fill-button {
    display: none !important;
}

.app-sidebar__user .event-form::-webkit-scrollbar-track {
    background: #eeeeee;
}

.app-sidebar__user .event-form::-webkit-scrollbar-thumb {
    background-color: #0073e9;
    border-radius: 6px;
    border: 3px solid #0073e9;
}

.aside .aside-menu.ps > .ps__rail-y > .ps__thumb-y {
    background: #bbbbbb !important;
}

#eventMainDiv .row:first-child .col-md-12 #eventMainDiv .row:first-child .col-xl-12,
#eventMainDiv .row:first-child .col-lg-12 {
    padding-left: 0;
    padding-right: 0;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto,
.col-xxl-1,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12,
.col-xxl,
.col-xxl-auto {
    padding-left: 15px;
    padding-right: 15px;
}

#success-modal .modal-form div:first-child {
    border: none !important;
    padding: 0 !important;
}

.was-validated #selectPopCornTime.form-control:valid,
#selectPopCornTime.form-control.is-valid {
    background-image: none;
}

#image-list .itemContainerHeight label {
    margin-bottom: 0;
}

    #image-list .itemContainerHeight label.div {
        font-size: 13px;
        font-weight: 700;
    }

#image-list .itemContainerHeight p {
    margin: 0;
}

#image-list .itemContainerHeight .d-flex:first-child div:first-child {
    min-height: 160px;
    flex: 1;
    width: 100%;
}

#selectPopCornTime {
    -moz-appearance: none;
    -webkit-appearance: none;
}

#kt_aside_menu hr {
    display: none;
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.325rem) center !important;
    background-size: auto !important;
    padding-right: calc(2.2em + 1.3rem) !important;
    background-image: url("/Common/Images/required-img.png") !important;
}

.event-profile-details #EditorFor_event_info_name {
    position: relative;
    top: 0;
    margin-top: 0 !important;
}

.event-profile-details #txtOrganizationName {
    position: relative;
    top: 0;
    margin-top: 0 !important;
}

.bd-example-modal-lg #formAddress .form-control {
    min-height: 34px;
    height: 34px;
}

.bd-example-modal-lg #formAddress #divCopyEventAddress {
    float: none !important;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
}

    .bd-example-modal-lg #formAddress #divCopyEventAddress #btnCopyEventAddress {
        margin-right: 10px;
    }

.bd-example-modal-lg #formAddress {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 15px;
}

    .bd-example-modal-lg #formAddress .form-group {
        width: 32%;
        margin: 0 0 1.2rem;
    }

        .bd-example-modal-lg #formAddress .form-group:nth-child(1) {
            width: 100%;
            margin: 0 0 1.2rem;
        }

        .bd-example-modal-lg #formAddress .form-group:nth-child(2) {
            width: 100%;
            margin: 0 0 1.2rem;
        }

        .bd-example-modal-lg #formAddress .form-group:nth-child(3) {
            width: 100%;
            margin: 0 0 1.2rem;
        }

        .bd-example-modal-lg #formAddress .form-group:nth-child(4) {
            width: 100%;
            margin: 0 0 1.2rem;
        }

        .bd-example-modal-lg #formAddress .form-group:nth-child(5) {
            width: 49%;
            margin: 0 0 1.2rem;
        }

        .bd-example-modal-lg #formAddress .form-group:nth-child(6) {
            width: 49%;
            margin: 0 0 1.2rem;
        }

        .bd-example-modal-lg #formAddress .form-group:nth-child(7) {
            width: 100%;
            margin: 0 0 1.2rem;
        }

        .bd-example-modal-lg #formAddress .form-group:nth-child(8) {
            width: 32%;
            margin: 0 0 1.2rem;
        }

.page .custom-control.custom-radio {
    min-height: inherit !important;
    width: 100%;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    background-color: #0073e9 !important;
    border-color: #0073e9 !important;
    color: #ffffff;
}

.menueeventcount {
    background-color: #d6ebff !important;
    border-radius: 0.42rem;
}

.aside-menu .menu-nav > .menu-item.menueeventcount > .menu-link .menu-icon {
    color: #fff !important;
    background-color: #0073e9 !important;
}

    .aside-menu .menu-nav > .menu-item.menueeventcount > .menu-link .menu-icon i {
        color: #fff !important;
    }

.create-event-btn.menueCreate_event {
    background-color: #d6ebff !important;
    color: #0073e9 !important;
    border: #d6ebff solid 2px !important;
    font-weight: bold;
}

    .create-event-btn.menueCreate_event:hover {
        background-color: #0073e9 !important;
        color: #ffffff !important;
        border: #0073e9 solid 2px !important;
    }

        .create-event-btn.menueCreate_event:hover .fa {
            color: #ffffff !important;
        }

    .create-event-btn.menueCreate_event .fa {
        color: #0073e9 !important;
    }

.menueCreate_event_icon {
    color: currentcolor;
}

.aside-menu .menu-nav > .menu-item > .menu-link > .menu-text {
    font-family: "Poppins", sans-serif !important;
    font-weight: 600;
}

.newdesign_sidebar .aside-menu .menu-nav > .menu-item > .menu-link > .menu-text {
    color: var(--banner-color) !important;
}

.newdesign_sidebar .aside-menu .menu-nav > .menu-item > .menu-link .menu-icon i {
    color: var(--banner-color) !important;
}

#kt_content .container-fluid {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 15px;
}

    #kt_content .container-fluid.toggle-header {
        max-width: 100%;
    }

.permission-tab .default-tab .tab_list {
    display: flex !important;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.tab_eventlocation .col #divEventContactAddress {
    padding: 0 0 10px !important;
}

.tab_eventlocation .col #divEventInvoiceAddress {
    padding: 0 0 10px !important;
}

.tab_eventlocation .col #divItemPickupAddress {
    padding: 0 0 10px !important;
}

.tab_eventlocation .col #divLiveEventAddress {
    padding: 0 0 10px !important;
}

.tab_eventlocation .col #divItemShipFromAddress {
    padding: 0 0 10px !important;
}

#btnEventContactAddressDelete {
    border-color: rgb(228, 57, 57) !important;
}

.event-form {
    width: 100% !important;
}

#show-event-description {
    max-width: 95%;
}

.btn.btn-primary {
    color: #ffffff;
    background-color: #0073e9 !important;
    border-color: #0073e9 !important;
    border-radius: 4px !important;
}

.item-container .input-with-icon input {
    min-width: 22%;
    height: 45px !important;
}

.item-container .bidding-tab #btnBiddingAmount {
    width: 38% !important;
    line-height: normal !important;
    padding: 0 !important;
    margin-top: 0 !important;
    height: 45px !important;
    color: #fff;
}

    .item-container .bidding-tab #btnBiddingAmount:hover {
        color: #0073e9 !important;
    }

.item-container .bidding-tab #btnBuyNow {
    width: 38% !important;
    line-height: normal !important;
    padding: 0 !important;
    margin-top: 0 !important;
    height: 45px;
}

#divBid .input-with-icon {
    padding: 0 !important;
    margin: 0;
    display: inline-block;
}

.item-container .input-with-icon input[type="number"] {
    max-width: 84% !important;
    height: 45px !important;
}
.col-sm-4.custom-col .item-container .input-with-icon input[type="number"] {
    max-width: 100% !important;
    height: 45px !important;
}
.col-sm-5.custom-col .item-container .input-with-icon input[type="number"] {
    max-width: 100% !important;
    height: 45px !important;
}
.item-container .input-with-icon #txtPageBuyNowPrice {
    max-width: 68% !important;
    height: 45px !important;
}

#divItemValueRight h3 {
    font-size: 1.75rem;
    font-family: "Poppins", sans-serif !important;
    font-weight: 7600 !important;
}

#divStartBidRight h2 {
    font-family: "Poppins", sans-serif !important;
    font-weight: 600 !important;
}

.aside-menu .menu-nav > .menu-item > .menu-link {
    padding: 7px 5px;
    font-family: "Poppins", sans-serif !important;
    min-height: 36px !important;
}

    .aside-menu .menu-nav > .menu-item > .menu-link > .menu-text {
        font-family: "Poppins", sans-serif !important;
        font-weight: 600;
    }

.form-group label {
    font-family: "Poppins", sans-serif !important;
}

.app-sidebar__user {
    padding: 5px !important;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #7fa7cd !important;
}

    .app-sidebar__user .event-form {
        width: 100% !important;
        height: inherit;
        min-height: 90vh;
        max-height: 90vh;
        overflow-y: auto;
        overflow-x: hidden;
    }

        .app-sidebar__user .event-form .sub-headings {
            display: none;
        }

#promote_modal .modal-body .col-md-10 {
    max-width: 100% !important;
}

#promote_modal .modal-body #embedtext {
    height: auto;
    border: none;
    padding: 0 !important;
    min-height: 80px;
}

.c_scrollbar {
    max-height: 300px;
    overflow: auto;
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgb(0, 0, 0, 0.3) !important;
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgb(0, 0, 0, 0.3) !important;
}

.material-switch > input[type="checkbox"] {
    display: none;
}

.material-switch > label {
    cursor: pointer;
    height: 0;
    position: relative;
    width: 40px;
}

    .material-switch > label::before {
        background: #f3f4f7;
        box-shadow: 0 0 10px #6574cd inset;
        border-radius: 8px;
        content: "";
        height: 16px;
        margin-top: -8px;
        position: absolute;
        opacity: 0.3;
        transition: all 0.4s ease-in-out;
        width: 40px;
    }

    .material-switch > label::after {
        background: white;
        border-radius: 16px;
        box-shadow: 0 0 5px rgb(0, 0, 0, 0.3);
        content: "";
        height: 24px;
        left: -4px;
        margin-top: -8px;
        position: absolute;
        top: -4px;
        transition: all 0.3s ease-in-out;
        width: 24px;
    }

.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #424e79;
    line-height: 34px;
}

.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}

.ml-3,
.mx-3 {
    margin-left: 10px !important;
}

.select2-container .select2-selection--single {
    height: 35px !important;
    line-height: 35px;
}

.btn-facebook:hover {
    color: #fff;
    background-color: #30497c;
    border-color: #2d4373;
}

.d-sm-inline {
    display: inline !important;
}

.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: #3b5998;
}

.mr-sm-2,
.mx-sm-2 {
    margin-right: 0.5rem !important;
}

.btn-list > .btn:not(:last-child),
.btn-list > .dropdown:not(:last-child) {
    margin-right: 0.5rem;
}

.has-search {
    position: relative;
}

    .has-search .form-control {
        padding-left: 2.375rem;
        position: relative;
    }

.align-items-start {
    align-items: flex-start !important;
}

.toggle_menu_icon {
    padding: 28px 10px 26px !important;
    color: #c0cddc;
    font-size: 22px;
}

.has-search .form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    padding-left: 0.75rem;
    font-size: 14px;
    line-height: 1.6;
    background-color: #fff;
    background-clip: padding-box;
    border: #d3dfea solid 1px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border-radius: 5px;
    outline: 0;
    color: #424e79;
    opacity: 1;
}

.mt-3,
.my-3 {
    margin-top: 15px !important;
}

.pb-5,
.py-5 {
    padding-bottom: 20px !important;
}

.page hr {
    border-top: 1px solid #d3dfea;
}

.mb-6,
.my-6 {
    margin-bottom: 2rem !important;
}

.mt-6,
.my-6 {
    margin-top: 2rem !important;
}

.p-4 {
    padding: 2rem !important;
}

.page .form-control {
    border: #d3dfea solid 1px;
    font-family: "Poppins", sans-serif !important;
}

.page .form-control {
    padding-top: 4px;
    height: 45px;
    padding-bottom: 4px;
    min-height: 45px;
}

.border-content {
    border: #ddd solid 1px;
    padding-bottom: 10px;
}

    .border-content h1 {
        background-color: #e4e6eb;
        padding: 7px 10px;
        color: #333;
        font-size: 14px;
        font-weight: 500;
        margin: 0;
    }

    .border-content ul li {
        padding: 2px 10px !important;
    }

#add_widget .add-btn {
    background-color: #0073e9;
    padding: 5px 10px !important;
    color: #fff;
}

#add_widget .badge-primary {
    background-color: #008afc;
}

.page .btn {
    height: 35px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 35px !important;
    font-family: "Poppins", sans-serif !important;
}

.page .input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

.page .input-group-addon {
    border: #d3dfea solid 1px;
    background: #f3f4f7;
    border-right: 0;
    line-height: 0;
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    color: #b7bec5;
    text-align: center;
    border-radius: 0.25rem 0 0 0.2rem;
    width: 50px;
}

.mb-3,
.my-3 {
    margin-bottom: 0.75rem !important;
}

.input-group > .form-control,
.input-group > .custom-select,
.input-group > .custom-file {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #eff0f6;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
    display: block;
}

.form-control.form-input-validate {
    border-color: #28a745;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("../Images/input-error.svg");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

    .form-control.form-input-validate.valid {
        border-color: #28a745;
        padding-right: calc(1.5em + 0.75rem);
        background-image: url("../Images/input-rt-check.svg");
        background-repeat: no-repeat;
        background-position: right calc(0.375em + 0.1875rem) center;
        background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    }

.form-control.form-textarea-validate {
    border-color: #28a745;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("../Images/input-error.svg");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) top 8px;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

    .form-control.form-textarea-validate.valid {
        border-color: #28a745;
        padding-right: calc(1.5em + 0.75rem);
        background-image: url("../Images/input-rt-check.svg");
        background-repeat: no-repeat;
        background-position: right calc(0.375em + 0.1875rem) top 8px;
        background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    }

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgb(40, 167, 69, 0.25);
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.custom-select.is-valid {
    border-color: #28a745;
    padding-right: calc(0.75em + 2.3125rem);
}

    .was-validated .custom-select:valid:focus,
    .custom-select.is-valid:focus {
        border-color: #28a745;
        box-shadow: 0 0 0 0.2rem rgb(40, 167, 69, 0.25);
    }

.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
    color: #28a745;
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip,
.form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
    display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label,
.custom-control-input.is-valid ~ .custom-control-label {
    color: #000000;
}

    .was-validated .custom-control-input:valid ~ .custom-control-label::before,
    .custom-control-input.is-valid ~ .custom-control-label::before {
        border-color: #28a745;
    }

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
.custom-control-input.is-valid:checked ~ .custom-control-label::before {
    border-color: #0073e9;
    background-color: #0073e9;
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,
.custom-control-input.is-valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgb(0, 115, 233, 0.25);
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-label,
.custom-file-input.is-valid ~ .custom-file-label {
    border-color: #28a745;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label,
.custom-file-input.is-valid:focus ~ .custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgb(40, 167, 69, 0.25);
}

.bg-light {
    background-color: #f4f5fb !important;
}

.modal-header.modal-header-custom {
    background: #fff !important;
    color: #666 !important;
    font-size: 16px;
    padding: 1rem !important;
    border-bottom: 1px solid #eff0f6 !important;
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
}

.communicateModal.modal .modal-content {
    width: 100% !important;
}

    .communicateModal.modal .modal-content form {
        width: 100% !important;
    }

    .communicateModal.modal .modal-content .panel-heading.note-toolbar > .btn-group {
        margin-top: 5px;
        margin-right: 0;
        margin-left: 0;
    }

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: none !important;
    border-radius: 3px !important;
    outline: 0;
}

.ql-toolbar.ql-snow {
    border: #e7eaf3 solid 1px !important;
    box-sizing: border-box;
    font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    padding: 8px;
}

#modaldemo1 .modal-footer {
    justify-content: flex-end !important;
}

    #modaldemo1 .modal-footer .btn-secondary {
        margin-bottom: 0 !important;
    }

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
    opacity: 1 !important;
    color: #fff !important;
    background-image: none !important;
    text-indent: inherit !important;
}

    .modal-header .close:hover {
        opacity: 1 !important;
    }

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.6;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e5e9f2;
    border: #d3dfea solid 1px;
    border-radius: 3px;
}

    .input-group-text input[type="radio"],
    .input-group-text input[type="checkbox"] {
        margin-top: 0;
    }

.input-group-prepend,
.input-group-append {
    display: flex;
}

.input-group-prepend,
.input-group-append,
.input-group-btn {
    font-size: 0.9375rem;
}

.input-group-prepend {
    margin-right: -1px;
}

.modal-custom .media-body {
    width: calc(95% - 40px);
}

.card-options {
    margin-left: auto;
    display: flex;
    order: 100;
    margin-right: -0.5rem;
    color: #9aa0ac;
    align-self: center;
}

    .card-options a:not(.btn) {
        color: #424e79;
        display: inline-block;
        min-width: 1rem;
    }

        .card-options a:not(.btn):hover {
            text-decoration: none;
            color: #6e7687;
        }

        .card-options a:not(.btn) i {
            font-size: 1rem;
            vertical-align: middle;
        }

    .card-options .dropdown-toggle:after {
        display: none;
    }

.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    line-height: 1.6;
    background-color: #fff;
    background-clip: padding-box;
    border: #d3dfea solid 1px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border-radius: 5px !important;
    outline: 0;
    color: #424e79;
    opacity: 1;
}

.outer-wrapper .timeline-menu .menu-right .btn-list .btn-lightCustom {
    color: #0073e9 !important;
    background-color: transparent !important;
    border: none !important;
    height: 36px;
    display: inline-block;
    margin-bottom: 0;
    font-size: 13px;
}

    .outer-wrapper .timeline-menu .menu-right .btn-list .btn-lightCustom .fa {
        color: #ffffff;
        font-size: 16px;
    }

    .outer-wrapper .timeline-menu .menu-right .btn-list .btn-lightCustom:hover,
    .outer-wrapper .timeline-menu .menu-right .btn-list .btn-lightCustom:focus {
        color: #0073e9 !important;
        background-color: transparent !important;
    }

        .outer-wrapper .timeline-menu .menu-right .btn-list .btn-lightCustom:hover .fa,
        .outer-wrapper .timeline-menu .menu-right .btn-list .btn-lightCustom:focus .fa {
            color: #0073e9 !important;
        }

.outer-wrapper .timeline-menu .menu-right .btn-list .visitor_btn {
    color: #0073e9 !important;
    background-color: transparent !important;
    border: none !important;
    height: 36px;
    display: inline-block;
    margin-bottom: 0;
    font-size: 13px;
}

    .outer-wrapper .timeline-menu .menu-right .btn-list .visitor_btn .fa {
        color: #ffffff;
        font-size: 16px;
    }

    .outer-wrapper .timeline-menu .menu-right .btn-list .visitor_btn:hover,
    .outer-wrapper .timeline-menu .menu-right .btn-list .visitor_btn:focus {
        color: #0073e9 !important;
        background-color: transparent !important;
    }

        .outer-wrapper .timeline-menu .menu-right .btn-list .visitor_btn:hover .fa,
        .outer-wrapper .timeline-menu .menu-right .btn-list .visitor_btn:focus .fa {
            color: #0073e9 !important;
        }

.form-control::-ms-expand {
    background-color: transparent;
    border: 0;
}

select.form-control:not([size]):not([multiple]) {
    height: inherit;
}

.form-control:focus {
    color: #424e79;
    background-color: #fff;
    border-color: #008afc;
    outline: 0;
    box-shadow: none;
}

.form-control::-webkit-input-placeholder,
.form-control::-moz-placeholder,
.form-control:-ms-input-placeholder,
.form-control::-ms-input-placeholder {
    color: #b3bdca !important;
    opacity: 1;
}

.form-control:disabled {
    background-color: #f2f6f9;
    opacity: 1;
}

.form-control[readonly] {
    background-color: #f8f9fa;
    opacity: 1;
}

.modal-custom .avatar-md {
    width: 40px !important;
    height: 40px !important;
    line-height: 40px;
    font-size: 1.5rem;
    text-align: center;
    background-color: #e4e6eb;
    position: relative;
    text-align: center;
    display: inline-block;
}

.media-body {
    overflow: hidden;
}

.d-sm-flex {
    display: flex !important;
}

.avatar i {
    font-size: 125%;
    vertical-align: sub;
}

.action-left {
    flex: 1;
}

hr.divider::after {
    content: "OR";
    display: block;
    position: relative;
    top: -1.5em;
    font-size: 11px;
    padding: 0 0.25em;
    background: #f3f4f7;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    z-index: 9;
    left: 0;
    right: 0;
    line-height: 30px;
    margin: 0 auto;
    font-weight: 500;
    border: #f2f6f9 solid 1px;
    text-align: center;
}

.title-style h1 {
    width: 100%;
    background: #fff;
    display: block;
    margin: 0 auto 10px;
    display: block;
    padding: 0 20px;
}

.page .divider {
    margin: 27px 0 !important;
}

.text-muted {
    color: #b5b5c3 !important;
}

.btn-link {
    font-weight: 400;
    color: #008afc;
    background-color: transparent;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.page .custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 3rem;
    user-select: none;
}

.page-single,
.page-single-content {
    display: flex;
    align-items: center;
    justify-content: center;
}

.page .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -0.75rem;
    margin-left: -0.75rem;
}

.page-header-fixed .page-container.main_content_wrapper {
    margin-top: 75px;
    padding: 0 20px 0 0;
}

.page-container.main_content_wrapper .page-sidebar {
    border-radius: 0;
    height: 100vh !important;
}

.page-header.navbar .page-logo {
    padding-left: 10px;
    padding-right: 10px;
}

.page-sidebar .page-sidebar-menu {
    margin-top: 0;
}

.btn-primary {
    color: #fff !important;
    background-color: #008afc;
    border-color: #008afc;
    box-shadow: 0 0 10px -5px rgb(68, 84, 195, 0.5);
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.h-5 {
    height: 1.5rem !important;
}

.w-5 {
    width: 1.5rem !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.border {
    border: #eff0f6 solid 1px !important;
}

.card-table {
    margin-bottom: 0;
}

    .card-table tr:first-child td,
    .card-table tr:first-child th {
        border-top: 0;
    }

    .card-table tr td:first-child,
    .card-table tr th:first-child {
        padding-left: 1.5rem;
    }

    .card-table tr td:last-child,
    .card-table tr th:last-child {
        padding-right: 1.5rem;
    }

.card-body + .card-table {
    border-top: 1px solid #eff0f6;
}

.sub-headings {
    color: #b3bdca !important;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
}

.page-content label {
    font-size: 13px;
    font-weight: 700;
    color: #3f4254;
}

.app-sidebar__user .form-control.form-control-solid {
    background-color: #f3f6f9;
    border-color: #f3f6f9;
    color: #424e79;
}

.select-with-drop-arrow {
    position: relative;
}

    .select-with-drop-arrow img {
        position: absolute;
        right: 8px;
        top: 19px;
    }

.mb-8,
.my-8 {
    margin-bottom: 2.75rem !important;
}

.mb-7,
.my-7 {
    margin-bottom: 2rem !important;
}

.form-control.fc-datepicker {
    font-size: 12px;
}

.app-sidebar {
    width: 300px !important;
    min-width: 300px !important;
    border-radius: 8px;
    height: inherit !important;
    margin-bottom: 15px;
}

.add-categories {
    background: #46d0c9;
    color: #fff;
    font-size: 14px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 2px 5px #ddd;
    cursor: pointer;
}

.checkbox-list .category-title-name {
    font-weight: 500;
    font-size: 14px;
    color: #3f4254;
}

.category-delete i {
    width: 20px;
    height: 20px;
    background: #f55741;
    text-align: center;
    color: #fff;
    line-height: 20px !important;
    border-radius: 50%;
    box-shadow: 0 2px 5px #ddd;
    cursor: pointer;
}

.checkbox-list {
    display: flex;
    flex-direction: column;
}

    .checkbox-list.scrollable {
        height: 220px;
        overflow-y: auto;
    }

    .checkbox-list .checkbox {
        display: flex;
        align-items: center;
        position: relative;
        text-align: left;
        cursor: pointer;
        font-size: 1rem;
        transition: all 0.3s ease;
        margin: 0;
    }

.checklist-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 5px;
    padding: 10px;
}

.category-delete {
    display: none;
}

.checklist-box:hover .category-delete {
    display: block;
}

.checklist-box:hover {
    background: #f3f6f9;
}

.checkbox-list .checkbox > input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.checkbox-list .checkbox.checkbox-lg > span {
    height: 24px;
    width: 24px;
}

.checkbox-list .checkbox > span {
    background-color: #ebedf3;
    border: transparent solid 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 0.42rem;
}

.custom-checkbox.checkbox span {
    margin-right: 0.75rem;
}

.custom-checkbox.checkbox > span:after {
    content: "";
    border-color: transparent;
    border-style: solid;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg);
    margin-top: -2px;
}

.custom-checkbox.checkbox.checkbox-lg > span:after {
    width: 6px;
    height: 12px;
}

.custom-checkbox.checkbox > input:checked ~ span {
    background-color: #3699ff;
}

    .custom-checkbox.checkbox > input:checked ~ span:after {
        border-color: #fff;
    }

.featured-content-body .input-group-text {
    display: flex;
    align-items: center;
    padding: 1rem;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e5e9f2;
    border: #d3dfea solid 1px;
    border-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.featured-checkboxes {
    background: #f3f6f9;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.featured-content-body {
    border: #eee solid 1px;
    padding: 15px 15px 0;
    border-radius: 0;
    position: relative;
    top: -12px;
}

.quantity-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .quantity-box .btn {
        flex: 1;
    }

        .quantity-box .btn .fa {
            color: #424e79;
        }

        .quantity-box .btn:first-child {
            border-radius: 5px 0 0 5px;
        }

        .quantity-box .btn:last-child {
            border-radius: 0 5px 5px 0;
        }

    .quantity-box input {
        padding: 7px 14px 7px;
        font-size: 12px;
        width: 50px;
        box-shadow: none;
        border: #ddd solid 1px;
        border-left: 0;
        border-right: 0;
        text-align: center;
        font-weight: bold;
        flex: 1;
    }

        .quantity-box input:focus {
            outline: none;
        }

    .quantity-box button {
        padding: 8px 14px 7px;
        font-size: 12px;
        width: 50px;
        box-shadow: none !important;
        border: #ddd solid 1px;
        text-align: center;
        font-weight: bold;
        background: #fff;
    }

.app-sidebar-help {
    position: initial !important;
    border: none !important;
    width: 100% !important;
    padding: 0 !important;
}

.app-sidebar.app-sidebar3 {
    padding-bottom: 0 !important;
    border-radius: 8px;
}

.app-sidebar-help .dropdown-menu.help-dropdown-box {
    box-shadow: 0 10px 10px 20px rgb(16, 22, 58, 0.02), 10px 10px 15px -5px rgb(16, 22, 58, 0.08) !important;
    background: #4454c3 !important;
    color: #fff !important;
    border: #eff0f6 solid 1px !important;
    padding: 1rem !important;
    position: absolute !important;
    transform: translate3d(-8px, -255px, 0) !important;
    top: 0 !important;
    left: 0 !important;
    will-change: transform !important;
    min-width: 12rem;
    border-radius: 4px !important;
}

    .app-sidebar-help .dropdown-menu.help-dropdown-box .border-bottom {
        border-bottom: 1px solid rgb(255, 255, 255, 0.1) !important;
    }

.btn-light {
    color: #495057;
    background-color: #e8ebf2;
    border-color: #dae0e5;
    box-shadow: 0 0 10px -5px rgb(68, 84, 195, 0.2);
}

.input-icon-addon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    pointer-events: none;
}

.float-right {
    float: right !important;
}

.p-md-0 {
    padding: 0 !important;
}

.mt-4,
.my-4 {
    margin-top: 1rem !important;
}

.btn-secondary {
    color: #fff !important;
    background-color: #f72d66;
    border-color: #f72d66;
    box-shadow: 0 0 10px -5px rgb(246, 45, 103, 0.5);
}

    .btn-secondary:hover {
        color: #fff !important;
        background-color: #f54274;
        border-color: #f54274;
    }

.inner_content_wrapper p {
    margin-top: 0;
}

.h-7 {
    height: 3rem !important;
}

.w-7 {
    width: 3rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1rem !important;
}

.w-30 {
    width: 30% !important;
}

.mr-4,
.mx-4 {
    margin-right: 1rem !important;
}

.font-weight-bold {
    font-weight: bold !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.text-muted {
    color: #728096 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.e-table .dropdown-menu {
    position: absolute;
    transform: translate3d(-48px, -47px, 0);
    top: 0;
    left: 0;
    will-change: transform;
    right: auto;
    bottom: auto;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.5rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

    .dropdown-item:hover,
    .dropdown-item:focus {
        color: #008afc;
        text-decoration: none;
        background-color: #f0f1f7;
    }

    .dropdown-item.active,
    .dropdown-item:active {
        text-decoration: none;
        background-color: #fff;
        color: #333;
    }

    .dropdown-item.disabled,
    .dropdown-item:disabled {
        color: #fff;
        background-color: transparent;
    }

.dropdown-menu.show {
    display: block;
    margin: 0;
}

.dropdown-menu-arrow.dropdown-menu-right:before,
.dropdown-menu-arrow.dropdown-menu-left:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 15px;
    border-bottom: 10px solid #eff0f6;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.dropdown-menu-arrow.dropdown-menu-right:after,
.dropdown-menu-arrow.dropdown-menu-left:after {
    content: "";
    position: absolute;
    top: -8.5px;
    left: 16px;
    border-bottom: 9px solid #fff;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
}

.app-sidebar-help .dropdown-menu.help-dropdown-box::before {
    border-bottom: 10px solid #eff0f6;
    bottom: -12px;
    top: auto;
    transform: rotate(-180deg);
    right: auto;
    left: 12px;
    content: "";
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.pb-3,
.py-3 {
    padding-bottom: 0.75rem !important;
}

.pt-3,
.py-3 {
    padding-top: 0.75rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.table,
.text-wrap table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
}

    .table th {
        padding: 0.75rem;
        vertical-align: top;
        border-top: 1px solid #eff0f6;
    }

    .text-wrap table th,
    .text-wrap table td {
        padding: 0.75rem;
        vertical-align: top;
        border-top: 1px solid #eff0f6;
    }

    .table td {
        padding: 0.75rem;
        vertical-align: middle;
        border-top: 0;
        word-break: break-word;
    }

.border {
    vertical-align: top;
    border: #eff0f6 solid 1px;
}

.table tbody + tbody,
.text-wrap table tbody + tbody {
    border-top: 2px solid #dee2e6;
}

.table .table,
.text-wrap table .table,
.table .text-wrap table {
    background-color: #f4f5fb;
}

.text-wrap .table table,
.text-wrap table table {
    background-color: #f4f5fb;
}

.table-sm th,
.table-sm td {
    padding: 0.3rem;
}

.table-bordered,
.text-wrap table,
.table-bordered th,
.text-wrap table th,
.table-bordered td,
.text-wrap table td {
    border: #eff0f6 solid 1px;
}

    .table-bordered thead th,
    .text-wrap table thead th,
    .table-bordered thead td,
    .text-wrap table thead td {
        border-bottom-width: 2px;
    }

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
    border: 0;
}

.table-striped tbody tr:nth-of-type(odd),
.table-hover tbody tr:hover {
    background-color: #f4f5fb;
}

.table-primary {
    background-color: #d5cee6;
    border-radius: 0 0 5px 5px;
}

    .table-primary > th,
    .table-primary > td {
        background-color: #d5cee6;
    }

    .table-primary.table-vcenter th,
    .table-primary.table-vcenter td {
        border-color: rgb(68, 84, 195, 0.17) !important;
    }

.table-hover .table-primary:hover {
    background-color: #f4f5fb;
}

    .table-hover .table-primary:hover > td,
    .table-hover .table-primary:hover > th {
        background-color: #b7cded;
    }

.table-secondary {
    background-color: #f72d66;
    border-radius: 0 0 5px 5px;
}

    .table-secondary > th,
    .table-secondary > td {
        background-color: #f72d66;
    }

.table-hover .table-secondary:hover {
    background-color: #cfd2d6;
}

    .table-hover .table-secondary:hover > td,
    .table-hover .table-secondary:hover > th {
        background-color: #f72d66;
    }

.table-success {
    background-color: #d2ecb8;
    border-radius: 0 0 5px 5px;
}

    .table-success > th,
    .table-success > td {
        background-color: #d2ecb8;
    }

.table-hover .table-success:hover {
    background-color: #c5e7a4;
    border-radius: 0 0 5px 5px;
}

    .table-hover .table-success:hover > td,
    .table-hover .table-success:hover > th {
        background-color: #c5e7a4;
    }

.table-info {
    background-color: #cbe7fb;
    border-radius: 0 0 5px 5px;
}

    .table-info > th,
    .table-info > td {
        background-color: #cbe7fb;
    }

.table-hover .table-info:hover {
    background-color: #b3dcf9;
}

    .table-hover .table-info:hover > td,
    .table-hover .table-info:hover > th {
        background-color: #b3dcf9;
    }

.table-warning {
    background-color: #fbeebc;
    border-radius: 0 0 5px 5px;
}

    .table-warning > th,
    .table-warning > td {
        background-color: #fbeebc;
    }

    .table-warning.table-vcenter th,
    .table-warning.table-vcenter td {
        border-color: rgb(236, 180, 3, 0.17) !important;
    }

.table-hover .table-warning:hover {
    background-color: #fae8a4;
}

    .table-hover .table-warning:hover > td,
    .table-hover .table-warning:hover > th {
        background-color: #fae8a4;
    }

.table-danger {
    background-color: #f1c1c0;
    border-radius: 0 0 5px 5px;
}

    .table-danger > th,
    .table-danger > td {
        background-color: #f1c1c0;
    }

.table-hover .table-danger:hover {
    background-color: #ecacab;
}

    .table-hover .table-danger:hover > td,
    .table-hover .table-danger:hover > th {
        background-color: #ecacab;
    }

.table-light {
    background-color: #fdfdfe;
    border-radius: 0 0 5px 5px;
}

    .table-light > th,
    .table-light > td {
        background-color: #fdfdfe;
    }

.table-hover .table-light:hover {
    background-color: #ececf6;
}

    .table-hover .table-light:hover > td,
    .table-hover .table-light:hover > th {
        background-color: #ececf6;
    }

.table-dark {
    background-color: #c6c8ca;
    border-radius: 0 0 5px 5px;
}

    .table-dark > th,
    .table-dark > td {
        background-color: #c6c8ca;
    }

.table-hover .table-dark:hover {
    background-color: #b9bbbe;
}

    .table-hover .table-dark:hover > td,
    .table-hover .table-dark:hover > th {
        background-color: #b9bbbe;
    }

.table-active {
    background-color: rgb(0, 0, 0, 0.04);
}

    .table-active > th,
    .table-active > td {
        background-color: rgb(0, 0, 0, 0.04);
    }

.table-hover .table-active:hover {
    background-color: rgb(0, 0, 0, 0.04);
}

    .table-hover .table-active:hover > td,
    .table-hover .table-active:hover > th {
        background-color: rgb(0, 0, 0, 0.04);
    }

.table .thead-dark th,
.text-wrap table .thead-dark th {
    color: #f4f5fb;
    background-color: #212529;
    border-color: #32383e;
}

.table .thead-light th,
.text-wrap table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.table-dark {
    color: #f4f5fb;
    background-color: #212529;
}

    .table-dark th,
    .table-dark td,
    .table-dark thead th {
        border-color: #32383e;
    }

    .table-dark.table-bordered {
        border: 0;
    }

.text-wrap table.table-dark {
    border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
    background-color: rgb(255, 255, 255, 0.075);
}

.ui-datepicker {
    background-color: #f3f4f7;
    border: #d3dfea solid 1px;
    font-family: inherit;
    font-size: inherit;
    padding: 10px;
    margin: 1px 0 0;
    display: none;
    width: auto !important;
    z-index: 5 !important;
}

    .ui-datepicker .ui-datepicker-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        font-weight: 500;
        font-size: 12px;
        text-transform: uppercase;
        color: #473b52;
        padding: 0 0 5px;
        letter-spacing: 1px;
        border: 0;
        background-color: transparent;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        background-image: none !important;
    }

        .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
        .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
            text-indent: -99999px;
            color: #6c757d;
            top: 1px;
        }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-next::before,
            .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
                font-size: 16px;
                font-family: "FontAwesome";
                position: absolute;
                top: -4px;
                text-indent: 0;
            }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover::before,
            .ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus::before {
                color: #343a40;
            }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover::before,
            .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus::before {
                color: #343a40;
            }

        .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
            order: 3;
        }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
                right: 5px;
                content: "\f105";
            }

        .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
            left: 5px;
            content: "\f104";
        }

        .ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover,
        .ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
            color: #495057;
            cursor: pointer;
            top: 1px;
            border: 0;
            background-color: transparent;
        }

    .ui-datepicker .ui-datepicker-title {
        color: #008afc;
    }

    .ui-datepicker .ui-datepicker-calendar {
        margin: 0;
        background-color: transparent;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

        .ui-datepicker .ui-datepicker-calendar th {
            text-transform: uppercase;
            font-size: 10px;
            font-weight: 500;
            letter-spacing: 1px;
            padding: 6px 10px;
            color: #98a1b5;
        }

        .ui-datepicker .ui-datepicker-calendar td {
            border: #d3dfea solid 1px;
            padding: 0;
            background-color: #f3f4f7;
            text-align: right;
        }

            .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month .ui-state-default {
                color: #ced1da;
            }

            .ui-datepicker .ui-datepicker-calendar td span {
                transition: all 0.2s ease-in-out;
                padding: 5px;
                background-color: #fff;
                color: #424e79;
                padding: 6px 10px;
                display: block;
                font-weight: 400;
                font-size: 12px;
                border: 0;
                border-radius: 1px;
            }

            .ui-datepicker .ui-datepicker-calendar td a {
                transition: all 0.2s ease-in-out;
                padding: 5px;
                background-color: #fff;
                color: #424e79;
                padding: 6px 10px;
                display: block;
                font-weight: 400;
                font-size: 12px;
                border: 0;
                border-radius: 1px;
            }

                .ui-datepicker .ui-datepicker-calendar td a:hover {
                    background-color: #f0f2f7;
                    color: #473b52;
                }

        .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
            background-color: #f8f9fa;
            color: #473b52;
        }

@media (max-width: 1400px) {
    .HeaderMessage {
        padding: 0 15% !important;
    }

    .SubHeaderMessage {
        padding: 0 15% !important;
        font-size: 1.3rem !important;
    }
}

@media (max-width: 1250px) {
    .new-wrapper-area.new-event-wrapper .nav-event-tabs-wrapper #divStartBidRight #lblCurrentBid {
        font-size: 20px;
    }

    .new-wrapper-area.new-event-wrapper .nav-event-tabs-wrapper .bid-value-text {
        font-size: 20px;
    }

    .HeaderMessage {
        padding: 0 10% !important;
    }

    .SubHeaderMessage {
        padding: 0 10% !important;
        font-size: 1.2rem !important;
    }

    .items-value-bx label {
        font-size: 9px !important;
    }

    .event-velue-conatiner h4 {
        font-size: 24px !important;
    }

    #timeBlockDiv .card .timer-block .timer-text {
        font-size: 24px !important;
    }
}

@media (max-width: 1024px) {
    .card-footer {
        font-size: 8px;
    }

        .card-footer .fa {
            font-size: 11px !important;
        }

    .HeaderMessage {
        padding: 0 !important;
    }

    .SubHeaderMessage {
        padding: 0 !important;
    }

    .corporate .header-navigation ul {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        position: absolute;
        background-color: #fff;
        width: 100%;
        left: 0;
    }

        .corporate .header-navigation ul li {
            width: 100%;
        }

    .corporate .header-navigation > ul > li > a {
        margin: 0;
    }

    .corporate .header .mobi-toggler i {
        display: block;
        color: #fff;
    }

    .corporate .header .mobi-toggler {
        align-items: center;
        display: flex;
        justify-content: center;
        background-color: #0073e9 !important;
        color: #fff !important;
        border: 1px solid #0073e9 !important;
    }

    .event-velue-conatiner h4 {
        font-size: 16px !important;
    }

    .event-velue-conatiner label {
        font-size: 8px;
    }

    .dashboard-content-wrapper .card-shadow .card-header {
        font-size: 12px;
    }

    #timeBlockDiv .card .timer-block .timer-text {
        font-size: 14px !important;
    }
}

@media (min-width: 1024px) {
    .event-profile-details h1 {
        font-size: 16px;
    }
}

.custom-breadcrumb ul.elementor-icon-list-items.elementor-inline-items {
    align-items: center;
    justify-content: center;
    list-style: none;
}

@media (max-width: 447px) {
    .payment-plan-text {
        display: none;
    }

    .payment-plan-text {
        display: none;
    }

    a.brand-logo img {
        max-width: 80% !important;
    }

    .ui-datepicker .ui-datepicker-calendar th {
        padding: 4px 0;
        letter-spacing: normal;
    }
}

.ui-datepicker-multi .ui-datepicker-group {
    padding-right: 15px;
    width: auto;
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-title {
        margin: auto;
    }

    .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-prev::before {
        left: 10px;
    }

    .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-next::before {
        right: 10px;
    }

    .ui-datepicker-multi .ui-datepicker-group table {
        margin: 0;
    }

.ui-datepicker-multi .ui-datepicker-group-last {
    padding-right: 0;
}

.ui-datepicker-inline {
    max-width: 270px;
    border-radius: 12px;
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
    }

        .table-responsive-sm > .table-bordered {
            border: 0;
        }

    .text-wrap .table-responsive-sm > table {
        border: 0;
    }

    .event_name_description .event-profile-details:last-child label {
        display: none;
    }

    #divShareThis .st-label,
    #divShare .st-label,
    #divShareThisPartial .st-label {
        display: none !important;
    }

    #divShareThis #st-2 .st-btn,
    #divShare #st-2 .st-btn,
    #divShareThisPartial .st-btn {
        min-width: 50px !important;
    }

    #divShare .sharethis-inline-share-buttons .st-btn img {
        width: 100% !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
    }

        .table-responsive-md > .table-bordered {
            border: 0;
        }

    .text-wrap .table-responsive-md > table {
        border: 0;
    }
}

@media (max-width: 991.98px) {
    #transaction-modal .modal-lg {
        max-width: 100%;
    }

    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
    }

        .table-responsive-lg > .table-bordered {
            border: 0;
        }

    .text-wrap .table-responsive-lg > table {
        border: 0;
    }

    .corporate .container {
        width: 90%;
    }

    .topbar-mobile-on .topbar {
        height: 64px;
        z-index: 999 !important;
    }

    .mobile-subscription-warning {
        display: none;
    }

    .topbar-mobile-on .header-mobile {
        z-index: 999999 !important;
    }
}

@media (max-width: 1279.98px) {
    .buynow_quantities div:first-child {
        display: flex;
        flex-wrap: nowrap;
    }

    .buynow_quantities lable {
        font-size: 10px;
        font-weight: bold;
    }

    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
    }

        .table-responsive-xl > .table-bordered {
            border: 0;
        }

    .text-wrap .table-responsive-xl > table {
        border: 0;
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
}

    .table-responsive > .table-bordered {
        border: 0;
    }

.text-wrap .table-responsive > table {
    border: 0;
}

.table thead th,
.text-wrap table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #eff0f6;
    border-top: 0;
    border-bottom-width: 1px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.table th,
.text-wrap table th {
    color: #384b6e;
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 400;
}

.table-md th,
.table-md td {
    padding: 0.5rem;
}

.table-vcenter td,
.table-vcenter th {
    vertical-align: middle;
    border-top: 1px solid #eff0f6;
}

.table-center td,
.table-center th {
    text-align: center;
}

.table-striped tbody tr:nth-of-type(odd) {
    background: transparent;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: #f4f5fb;
}

.table-calendar {
    margin: 0 0 0.75rem;
}

    .table-calendar td,
    .table-calendar th {
        border: 0;
        text-align: center;
        padding: 0 !important;
        width: 14.28571429%;
        line-height: 2.5rem;
    }

    .table-calendar td {
        border-top: 0;
    }

.table-calendar-link {
    line-height: 2rem;
    min-width: calc(2rem + 2px);
    display: inline-block;
    border-radius: 3px;
    background: #f8f9fa;
    color: #495057;
    font-weight: 600;
    transition: background 0.3s, color 0.3s;
    position: relative;
}

    .table-calendar-link:before {
        content: "";
        width: 4px;
        height: 4px;
        position: absolute;
        left: 0.25rem;
        top: 0.25rem;
        border-radius: 50px;
        background: #467fcf;
    }

    .table-calendar-link:hover {
        color: #fff;
        text-decoration: none;
        background: #467fcf;
        transition: background 0.3s;
    }

        .table-calendar-link:hover:before {
            background: #fff;
        }

.table-header {
    cursor: pointer;
    transition: color 0.3s;
}

    .table-header:hover {
        color: #495057 !important;
    }

    .table-header:after {
        content: "\f0dc";
        font-family: FontAwesome;
        display: inline-block;
        margin-left: 0.5rem;
        font-size: 0.75rem;
    }

.table-header-asc {
    color: #495057 !important;
}

    .table-header-asc:after {
        content: "\f0de";
    }

.table-header-desc {
    color: #495057 !important;
}

    .table-header-desc:after {
        content: "\f0dd";
    }

.w-5 {
    width: 1.5rem !important;
}

.align-middle {
    vertical-align: middle !important;
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    user-select: none;
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem;
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

    .custom-control-input:checked ~ .custom-control-label::before {
        color: #fff;
        background-color: #008afc;
    }

    .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: 0 0 0 1px #f4f5fb, 0 0 0 2px rgb(70, 127, 207, 0.25);
    }

    .custom-control-input:active ~ .custom-control-label::before {
        color: #fff;
        background-color: #d4e1f4;
    }

    .custom-control-input:disabled ~ .custom-control-label {
        color: #868e96;
    }

        .custom-control-input:disabled ~ .custom-control-label::before {
            background-color: #e9ecef;
        }

.custom-control-label {
    margin-bottom: 0;
    display: block;
    margin-top: 2px;
    line-height: 25px;
    vertical-align: middle;
}

    .custom-control-label::before {
        position: absolute;
        top: 0.25rem;
        left: 0;
        display: block;
        width: 20px;
        height: 20px;
        pointer-events: none;
        content: "";
        user-select: none;
        border: #d3dfea solid 1px;
        background-color: #fff;
        background-size: 0.5rem;
    }

    .custom-control-label::after {
        position: absolute;
        top: 0.25rem;
        left: 0;
        display: block;
        width: 20px;
        height: 20px;
        content: "";
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 50% 50%;
    }

.custom-control-label-md {
    padding-left: 15px;
    padding-top: 6px;
}

    .custom-control-label-md::before,
    .custom-control-label-md::after {
        top: 0.25rem !important;
        width: 1.5rem !important;
        height: 1.5rem !important;
    }

.custom-control-md {
    min-height: 2rem !important;
}

.custom-control-lg {
    min-height: 2.5rem;
}

.custom-control-label-lg {
    padding-left: 15px;
    padding-top: 10px;
}

    .custom-control-label-lg::before,
    .custom-control-label-lg::after {
        top: 0.25rem !important;
        width: 2rem !important;
        height: 2rem !important;
    }

.custom-checkbox .custom-control-label::before {
    border-radius: 3px;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #008afc;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    background-color: #008afc;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: #008afc;
    opacity: 0.5;
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgb(70, 127, 207, 0.5);
}

.custom-radio .custom-control-label::before {
    border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #008afc;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: #008afc;
    opacity: 0.5;
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: 2.375rem;
    padding: 0.5rem 1.75rem 0.5rem 0.75rem;
    line-height: 1.5;
    color: #6b6f80;
    vertical-align: middle;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath fill='#999' d='M0 0L10 0L5 5L0 0'/%3E%3C/svg%3E") right 0.75rem center no-repeat #fff;
    background-size: 8px 10px;
    border: #eff0f6 solid 1px;
    border-radius: 3px;
    appearance: none;
}

    .custom-select:focus {
        border-color: #008afc;
        outline: 0;
        box-shadow: 0 1px 2px rgb(0, 0, 0, 0.075) inset, 0 0 5px rgb(25, 145, 235, 0.5);
    }

        .custom-select:focus::-ms-value {
            color: #495057;
            background-color: #fff;
        }

    .custom-select[multiple],
    .custom-select[size]:not([size="1"]) {
        height: auto;
        padding-right: 0.75rem;
        background-image: none;
    }

    .custom-select:disabled {
        color: #868e96;
        background-color: #e9ecef;
    }

    .custom-select::-ms-expand {
        opacity: 0;
    }

.custom-select-sm {
    height: calc(1.8125rem + 2px);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 75%;
}

.custom-checkbox:before {
    position: absolute;
    top: 0.25rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    user-select: none;
    background-color: transparent;
}

.custom-checkbox:after {
    position: absolute;
    top: 0.25rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.page-sub-header {
    display: flex;
    align-items: center;
    margin: 1.5rem 0 1.5rem;
    justify-content: space-between;
    padding: 0;
    border-radius: 7px;
    position: relative;
    min-height: 50px;
}

    .page-sub-header .breadcrumb-icon {
        margin-top: 3px;
        margin-left: 4px;
    }

    .page-sub-header .breadcrumb-item {
        margin-top: 3px;
    }

        .page-sub-header .breadcrumb-item .svg-icon {
            width: 20px;
            vertical-align: middle;
        }

        .page-sub-header .breadcrumb-item:first-child {
            margin-top: 0;
        }

.page-title {
    margin: 0;
    font-size: 25px;
    font-weight: 500;
    line-height: 2.5rem;
    position: relative;
}

.page-title-icon {
    color: #9aa0ac;
    font-size: 1.25rem;
}

.page-subtitle {
    font-size: 0.8125rem;
    color: #6e7687;
    margin-left: 2rem;
    position: relative;
}

    .page-subtitle a {
        color: inherit;
    }

.page-options {
    margin-left: auto;
}

.page-description {
    margin: 0.25rem 0 0;
    color: #6e7687;
}

    .page-description a {
        color: inherit;
    }

.page-rightheader .breadcrumb {
    padding: 3px 15px 5px 15px;
    background: #fff;
    border-radius: 15px;
}

#kt_content .inner_content_wrapper .card {
    box-shadow: none;
}

    #kt_content .inner_content_wrapper .card.overflow-hidden img {
        background-color: #ffffff;
    }

#dvContainer #kt_content .inner_content_wrapper .card {
    box-shadow: none;
    border-radius: 8px !important;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    position: relative;
    margin-bottom: 1rem;
    width: 100%;
    border: 1px solid #eeeeee;
    border-radius: 8px !important;
}

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

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

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

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

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

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

.card-link + .card-link {
    margin-left: 1.5rem;
}

.justify-content-between {
    justify-content: space-between !important;
}

.flex-row {
    flex-direction: row !important;
}

.p-3 {
    padding: 0.75rem !important;
}

.rounded {
    border-radius: 3px !important;
}

.mr-3,
.mx-3 {
    margin-right: 0.75rem !important;
}

.bid-tabs {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border: none;
}

    .bid-tabs li {
        flex: 1;
        align-items: center;
        text-align: center;
    }

        .bid-tabs li a {
            border-radius: 0;
            border: none;
            font-weight: 600;
            background: #eee;
            line-height: 45px !important;
            color: #3f4254;
        }

    .bid-tabs > li.active > a,
    .bid-tabs > li.active > a:focus,
    .bid-tabs > li.active > a:hover {
        border-radius: 0;
        border: none;
        border-color: #00559f !important;
        background: #00559f !important;
        color: #fff;
    }

.card-header {
    background: transparent;
    display: flex;
    min-height: 3.5rem;
    align-items: center;
    padding: 15px;
    margin-bottom: 0;
    border-bottom: 1px solid #eff0f6;
}

    .card-header .card-title {
        margin-bottom: 0;
    }

    .card-header.border-0 + .card-body {
        padding-top: 0;
    }

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

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

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

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

#dvContainer #kt_content .inner_content_wrapper .card-footer {
    background-color: rgb(0, 0, 0, 0.05) !important;
}

#kt_content .card-footer div div {
    cursor: pointer;
    text-align: center;
    padding: 7px 0;
    width: 33.33%;
    font-weight: normal;
    font-size: 10px;
}

#kt_content .inner_content_wrapper .card-footer div div:hover .fa {
    color: #fff;
}

#kt_content .inner_content_wrapper .card-footer div div:hover {
    background-color: #50c472;
    color: #fff !important;
}

#kt_content .inner_content_wrapper .card-footer div div:first-child:hover {
    background-color: #f7b713;
    color: #fff !important;
}

#kt_content .inner_content_wrapper .card-footer div div:last-child:hover {
    background-color: #45aaf2;
    color: #fff !important;
}

.card-footer {
    padding: 1.5rem 1.5rem;
    color: #6e7687;
    background-color: rgb(0, 0, 0, 0.05) !important;
    border-top: 1px solid #eff0f6;
}

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

.card-header-tabs {
    margin-right: -0.75rem;
    margin-bottom: -1.5rem;
    margin-left: -0.75rem;
    border-bottom: 0;
    margin: -1.25rem 0;
    line-height: 2rem;
}

    .card-header-tabs .nav-item {
        margin-bottom: 1px;
    }

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

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

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

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

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

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

    .card-deck .card {
        margin-bottom: 0.75rem;
    }

.card-body {
    flex: 1 1 auto;
    margin: 0;
    padding: 1rem !important;
    position: relative;
}

.main_content_wrapper .page-sidebar-menu.page-sidebar-menu-closed {
    width: 54px !important;
}

.main_content_wrapper .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .title {
    display: none !important;
}

.inner_content_wrapper {
    display: flex;
}

.m-0 {
    margin: 0 !important;
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
    list-style: none;
    border-radius: 3px;
    font-weight: 400;
    background: transparent;
}

.breadcrumb-item a {
    color: #008afc;
    font-size: 13px;
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    color: #bcccda;
    content: "/";
    opacity: 0.5;
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: underline;
    text-decoration: none;
}

.breadcrumb-item.active {
    color: #424e79;
}

.breadcrumb1 {
    display: flex;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #f4f5fb;
    border-radius: 0.25rem;
}

.breadcrumb-item1 a {
    color: #008afc;
}

    .breadcrumb-item1 a:hover {
        color: #123787;
        text-decoration: underline;
    }

.breadcrumb-item1 + .breadcrumb-item1::before {
    display: inline-block;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    content: "/";
    opacity: 0.2;
}

.breadcrumb-item1 + .breadcrumb-item1:hover::before {
    text-decoration: underline;
    text-decoration: none;
}

.breadcrumb-item1.active {
    color: #424e79;
}

.breadcrumb-arrow {
    height: 36px;
    padding: 0;
    line-height: 36px;
    list-style: none;
    background-color: #f3f4f7;
}

    .breadcrumb-arrow li {
        display: inline-block;
        vertical-align: top;
    }

        .breadcrumb-arrow li:first-child a {
            border-radius: 4px 0 0 4px;
        }

        .breadcrumb-arrow li a,
        .breadcrumb-arrow li span {
            display: inline-block;
            vertical-align: top;
        }

        .breadcrumb-arrow li:not(:first-child) {
            margin-left: -5px;
        }

        .breadcrumb-arrow li + li:before {
            padding: 0;
            content: "";
        }

        .breadcrumb-arrow li span {
            padding: 0 10px;
        }

        .breadcrumb-arrow li a,
        .breadcrumb-arrow li:not(:first-child) span {
            height: 36px;
            padding: 0 10px 0 25px;
            line-height: 36px;
        }

        .breadcrumb-arrow li:first-child a {
            padding: 0 10px;
        }

        .breadcrumb-arrow li a {
            position: relative;
            color: #fff;
            text-decoration: none;
            background-color: #008afc;
            border: #008afc solid 1px;
        }

        .breadcrumb-arrow li:first-child a {
            padding-left: 10px;
        }

        .breadcrumb-arrow li a:after {
            position: absolute;
            top: -1px;
            width: 0;
            height: 0;
            content: "";
            border-top: 18px solid transparent;
            border-bottom: 18px solid transparent;
        }

        .breadcrumb-arrow li a:before {
            position: absolute;
            top: -1px;
            width: 0;
            height: 0;
            content: "";
            border-top: 18px solid transparent;
            border-bottom: 18px solid transparent;
            right: -11px;
            z-index: 3;
            border-left-color: #008afc;
            border-left-style: solid;
            border-left-width: 11px;
        }

        .breadcrumb-arrow li a:after {
            right: -12px;
            z-index: 2;
            border-left: 11px solid #6e79ca;
        }

        .breadcrumb-arrow li span {
            color: #424e79;
        }

.svg-icon,
.header-icon,
.header-icon2 {
    color: #008afc;
    fill: #008afc;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 0.5rem;
}

.btn-default {
    color: #fff !important;
    background-color: #008afc;
    border-color: #008afc;
    box-shadow: 0 0 10px -5px rgb(68, 84, 195, 0.5);
}

    .btn-default:hover {
        color: #fff !important;
        background-color: #39a0f4;
        border-color: #39a0f4;
    }

.main_content_wrapper .dataTables_wrapper .dt-buttons {
    float: left;
}

.page-header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.form-inline-top {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.search-element {
    position: relative;
}

    .search-element input {
        border-radius: 6em;
        width: 260px;
    }

    .search-element .form-control {
        border: #d3dfea solid 1px;
        padding-left: 20px;
        width: 260px;
        padding-right: 40px;
        padding-top: 7px;
        background: #f4f5fc;
    }

        .search-element .form-control:focus {
            box-shadow: none;
        }

.form-inline-top .search-element .btn {
    border-radius: 0;
    padding: 5px 15px 6px 15px;
    border: transparent solid 2px;
    box-shadow: none;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    background: transparent;
    color: #fff;
    margin-left: -56px;
    font-size: 24px !important;
    position: absolute !important;
    right: 10px;
    top: 0;
    box-shadow: none !important;
    background-color: transparent;
    border: none;
    color: #008afc;
    padding: 0 !important;
}

.header_navs {
    display: flex;
    align-items: center;
}

.topbar {
    width: 100%;
}

.icon-navs {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    line-height: normal;
    margin-top: 0;
    flex: 3;
}

.page-header.navbar .page-logo {
    width: auto;
}

.page-header.navbar .page-logo {
    float: none;
    display: flex;
}

.nav-link.icon {
    padding: 0 15px;
    text-align: center;
    font-size: 1rem;
    position: relative;
    top: auto;
    transform: inherit;
    left: 0;
}

.header-option .header-icon {
    margin-top: 0;
    font-size: 24px !important;
    color: #008afc;
}

    .header-option .header-icon.fa-home {
        font-size: 24px !important;
    }

.page-header.navbar .menu-toggler.sidebar-toggler {
    float: right;
    margin: 15px 0 0;
    font-size: 32px;
    width: 40px;
    background-image: none;
    color: #97b1c3;
}

.header-option {
    display: flex;
    align-items: center;
    justify-content: center;
}

.event-box {
    display: flex;
    align-items: center;
    flex: 1;
}

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

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

.d-inline-flex {
    display: inline-flex !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.bg-dark {
    background-color: #4454c3 !important;
}

.bg-cyan {
    background-color: #28afd0 !important;
}

.events-list .card-header:after {
    font-family: "Font Awesome 5 Free";
    content: "\f106";
    float: right;
    font-size: 20px;
}

.events-list .card-header.collapsed:after {
    content: "\f107";
}

.ui-datepicker,
.ui-timepicker-wrapper {
    z-index: 999999 !important;
}

.was-validated .bidding-field .form-control {
    background-image: none !important;
    padding-right: 0.75rem !important;
    min-height: inherit !important;
    border: #d3dfea solid 1px !important;
    background-color: #fff;
}

.was-validated .bidding-field .input-group-text {
    padding: 0.375rem !important;
}

.events-list .card-header {
    padding: 10px 15px;
    margin-bottom: 0;
    background-color: #d6ebff;
    border-bottom: 1px solid #e6e6e6;
    border-radius: 5px;
    margin: 0;
    min-height: 3rem;
}

.sidebar-title {
    margin: 0 0 15px;
    font-weight: 500;
    font-size: 1.5rem;
    color: #181c32;
    line-height: 1.2;
    text-transform: inherit;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.event-accordian.card-body {
    padding: 1.5rem 0;
}

.events-list .card-header {
    border-radius: 5px;
    margin-bottom: 0;
}

    .events-list .card-header .card-title {
        font-size: 16px;
        width: 100%;
        font-weight: 500;
    }

        .events-list .card-header .card-title .fa {
            font-size: 16px;
        }

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

.event-details {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

.events-list .card .card-body {
    padding: 15px;
}

.event-details span {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: #eee solid 1px;
    border-radius: 100%;
    text-align: center;
    line-height: 30px;
    margin-right: 10px;
    overflow: hidden;
    background-color: #f3f4fa;
}

    .event-details span img {
        width: 100%;
        height: 100%;
        border-radius: 100%;
    }

.event-details .event-title h1 {
    font-size: 14px;
    color: #333;
    margin: 0;
    padding: 0;
}

.text-al-l {
    text-align: left;
}

.bid-box .bid-input {
    flex: 4;
    margin-right: 10px;
}

.event-details .event-title p {
    font-size: 12px;
    color: #999;
    margin: 0;
    padding: 0;
    font-weight: normal;
}

.icon-circle {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #008afc;
    color: #fff;
    text-align: center;
    line-height: 30px;
    margin-right: 10px;
}

.create-event-btn {
    background-color: #0073e9;
    padding: 10px;
    color: #fff;
    border: #0073e9 solid 2px !important;
    height: auto !important;
}

    .create-event-btn:hover {
        background-color: #fff;
        color: #0073e9;
    }

    .create-event-btn i {
        color: #fff;
    }

    .create-event-btn:hover i {
        color: #0073e9;
    }

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

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

.sidebar .nav .nav-item .nav-link .menu-span-icon {
    background-color: #d6ebff;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin-right: 15px;
    border-radius: 100%;
}

.event-box {
    display: flex;
    align-items: center;
}

.event-big-circle {
    width: 60px;
    height: 60px;
    border-radius: 0.42rem;
    text-align: center;
    line-height: 30px;
    margin-right: 15px;
    overflow: hidden;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 60px;
    min-height: inherit;
}

    .event-big-circle img {
        width: 100%;
        height: auto;
    }

.event-info h1 {
    font-size: 18px;
    font-weight: 500;
    color: #333;
    margin: 0;
    padding: 0;
    word-break: break-all;
}

    .event-info h1 a {
        color: #333;
    }

.event-info p {
    font-size: 14px;
    font-weight: normal;
    color: #666;
    margin: 0;
    padding: 0;
}

.event-info-right span {
    margin-left: 20px;
    position: relative;
}

    .event-info-right span:first-child {
        margin-left: 0;
    }

    .event-info-right span .fa {
        margin-right: 10px;
        font-size: 24px;
    }

    .event-info-right span .badge {
        position: absolute;
        left: -10px;
        top: -20px;
        border-radius: 100%;
    }

.btn-outline-primary:hover {
    color: #fff !important;
    background-color: #008afc;
    border-color: #008afc;
}

.btn-outline-primary {
    color: #008afc;
    background-color: transparent;
    background-image: none;
    border-color: #008afc;
    box-shadow: 0 0 10px -5px rgb(68, 84, 195, 0.5);
}

.p-5 {
    padding: 1.5rem !important;
}

.br-7 {
    border-radius: 7px !important;
}

.text-primary {
    color: #008afc !important;
}

.ml-sm-3,
.mx-sm-3 {
    margin-left: 0.75rem !important;
}

.mt-sm-0,
.my-sm-0 {
    margin-top: 0 !important;
}

.align-items-center {
    align-items: center !important;
}

.likes-box {
    display: flex;
    align-items: center;
}

.likes-big-circle {
    width: 100px;
    height: 100px;
    border: #eee solid 1px;
    border-radius: 100%;
    text-align: center;
    line-height: 30px;
    margin-right: 15px;
    overflow: hidden;
    background-color: #f3f4fa;
}

    .likes-big-circle img {
        width: 100%;
        height: 100%;
        border-radius: 100%;
    }

.likes-info {
    flex: 1;
    min-height: 70px;
}

    .likes-info h1 {
        font-size: 16px;
        font-weight: 500;
        color: #008afc;
        margin: 0 0;
        padding: 0;
        word-break: break-word;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: -webkit-box;
    }

.like-btn {
    flex: 1;
}

.likes-info p {
    font-size: 12px;
    font-weight: normal;
    color: #666;
    margin: 0;
    padding: 0;
}

.likes-info-right span {
    margin-left: 20px;
    position: relative;
}

    .likes-info-right span .fa {
        margin-right: 10px;
        font-size: 24px;
    }

    .likes-info-right span .badge {
        position: absolute;
        left: -10px;
        top: -20px;
        border-radius: 100%;
    }

.event-form .was-validated .form-control:invalid {
    border-color: #d3dfea;
}

.event-form .was-validated .form-control {
    min-height: 45px;
}

.timline-banner {
    background-color: #f9f9f9;
    border-radius: 8px;
    margin-bottom: 0;
}

    .timline-banner img {
        width: 100%;
        border-radius: 8px !important;
        max-height: 447px;
        object-fit: cover;
    }

.outer-wrapper.mobile-wrapper .timline-banner img {
    max-height: 150px;
}

.event-profile {
    display: flex;
    position: relative;
    margin-top: 0;
    padding: 0 15px;
    align-items: flex-start;
    width: 100%;
    flex-wrap: wrap;
}

.event-detail-info {
    display: flex;
    margin-top: 0;
    padding: 0 0;
    align-items: center;
    justify-content: space-between;
}

    .event-detail-info .d-flex.align-items-center.f-4 {
        align-items: flex-start !important;
    }

.btn-outline-info {
    color: #45aaf2 !important;
    background-color: transparent;
    background-image: none;
    border-color: #45aaf2;
    box-shadow: 0 0 10px -5px rgb(69, 170, 242, 0.5);
}

    .btn-outline-info:hover {
        color: #fff !important;
        background-color: #45aaf2;
        border-color: #45aaf2;
    }

.profile-image-circle {
    width: 100px !important;
    height: inherit !important;
    background-color: transparent;
    border: #d7f4fc solid 4px !important;
    margin-right: 25px;
    top: 0;
    position: relative;
    margin-top: 0;
    z-index: inherit !important;
    border-radius: 5px !important;
}

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

.profile-image-circle img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.event-profile-details h1 {
    font-size: 18px;
    margin: 0 0 5px !important;
    padding: 0;
    color: #3f4254;
    word-break: break-word;
    line-height: 22px;
}

.event-profile-details p {
    font-size: 16px;
    margin: 0;
    padding: 0;
    color: #666;
    font-weight: normal;
}

.event-profile-details h1#lblOrganizationName {
    font-size: 16px;
    margin: 0 !important;
    padding: 0;
    color: #666;
    font-weight: normal;
}

.event-profile-details #organizationName {
    font-size: 16px;
    margin: 0 !important;
    padding: 0;
    color: #666 !important;
    font-weight: normal;
}

.event-profile-details a:hover {
    text-decoration: none;
}

.outer-wrapper {
    height: auto;
}

.timeline-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .timeline-top h1 {
        font-size: 16px;
        margin: 0 0 5px;
        padding: 0;
    }

.view-option a {
    font-size: 24px;
    margin-left: 10px;
    color: #b5b5c3;
}

    .view-option a .fa-mobile {
        font-size: 28px;
    }

.timeline-menu {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #ddd;
    padding: 15px 10px;
    margin-top: 20px;
    align-items: center;
}

.menu-left ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}

    .menu-left ul li {
        margin-right: 20px;
    }

        .menu-left ul li a {
            font-size: 22px;
            color: #3f4254;
            font-weight: 500;
        }

.event-main-details {
    border-top: 1px solid #eeeeee;
    background-color: #ffffff;
    padding: 15px 0 0;
    border-radius: 0 0 8px 8px;
}

.form-box {
    border: #d3dfea solid 1px;
    padding: 15px;
    text-align: center;
    display: flex;
    align-items: center;
    min-height: 120px;
    border-radius: 4px;
    justify-content: center;
}

.f-4 {
    flex: 4;
}

.f-2 {
    flex: 2;
}

.card-box {
    padding: 1rem;
}

.card-box-header {
    justify-content: space-between;
    font-size: 12px;
}

.card-box-bottom {
    display: flex;
    justify-content: space-between;
}

.color-green {
    color: #2dce89;
}

.color-red {
    color: #ff5b51;
}

.color-blue {
    color: #45aaf2;
}

.color-yellow {
    color: #f7b713;
}

.m-50 {
    min-height: 50px;
}

.select-option-box {
    border: #d3dfea solid 1px !important;
    background: none !important;
}

.item-image img {
    border-radius: 8px;
}

.item-detail {
    padding: 0 15px;
}

    .item-detail h3 {
        text-transform: inherit;
        margin: 0 0 10px;
        font-size: 32px;
        color: #231f1e;
    }

    .item-detail h2 {
        text-transform: inherit;
        margin: 0 0 10px;
        font-size: 20px;
        color: #231f1e;
    }

.close-icon {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 999;
}

.item-detail h2 a {
    display: inline-block;
    padding: 0 5px;
    color: #008afc;
}

.bidding-modal svg {
    width: 100px;
    display: block;
    margin: 0 auto 20px;
}

.bidding-modal .path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
}

    .bidding-modal .path.circle {
        animation: dash 0.9s ease-in-out;
    }

    .bidding-modal .path.line {
        stroke-dashoffset: 1000;
        animation: dash 0.9s 0.35s ease-in-out forwards;
    }

    .bidding-modal .path.check {
        stroke-dashoffset: -100;
        animation: dash-check 0.9s 0.35s ease-in-out forwards;
    }

#bidding-main .modal-lg {
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
}

.item-container .card-footer,
.item-container .card-bottom {
    padding: 0.5rem 1.5rem;
    background: none;
    text-align: center;
    font-weight: normal;
}

.item-container {
    border: #eff0f6 solid 1px;
    height: auto;
    padding: 15px 0 0;
    padding-top: 0;
}

    .item-container .card-text {
        padding: 10px 0 10px;
        font-size: 14px;
    }

.item-banner {
    margin: 25px 0;
}

.item-container .item-banner img {
    border-radius: 8px;
}

.bidding-modal p {
    text-align: center;
    margin: 20px 0;
    font-size: 1.25em;
}

    .bidding-modal p.success {
        color: #73af55;
    }

    .bidding-modal p.error {
        color: #d06079;
    }

.modal-form {
    text-align: left;
    max-width: 90%;
    margin: 0 auto;
}

.add-link {
    font-size: 14px;
    font-weight: bold;
    text-decoration: none !important;
    margin: 0 5px;
}

.catalog-radio-box {
    display: flex;
    width: 100%;
}

    .catalog-radio-box .catalog-radio {
        margin-right: 12px;
        display: flex;
    }

        .catalog-radio-box .catalog-radio input[type="checkbox"],
        .catalog-radio-box .catalog-radio input[type="radio"] {
            margin: 3px;
            line-height: normal;
        }

@keyframes dash {
    0% {
        stroke-dashoffset: 1000;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes dash-check {
    0% {
        stroke-dashoffset: -100;
    }

    100% {
        stroke-dashoffset: 900;
    }
}

.invite-team-list a {
    color: #0e559f;
}

.invite-team-list label {
    margin-bottom: 0;
}

.has-search .form-control {
    padding-left: 2.375rem;
    position: relative;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
    left: 2px;
    top: 5px;
}

.create_team {
    padding: 8px 10px !important;
}

.avatar-md {
    width: 40px;
    height: 40px;
    line-height: 2.5rem;
    font-size: 1rem;
}

.modal.modal-custom .modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    display: flex;
    align-items: center;
    width: 95%;
    max-width: 500px;
    margin: 0 auto;
}

.edit-img-modal .modal-dialog {
    max-width: 500px;
    position: initial;
    width: 100%;
    margin: 30px auto;
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: #eff0f6 solid 1px;
    border-radius: 3px;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 998;
    background-color: #000;
}

    .modal-backdrop.fade {
        opacity: 0;
    }

    .modal-backdrop.show {
        opacity: 0.5;
    }

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #eff0f6;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

    .modal-header .close {
        padding: 0 !important;
        margin: 0 !important;
    }

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 16px;
    flex: 1;
    color: #ffffff;
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}

    .modal-body p:last-child {
        margin-bottom: 0;
    }

.modal-lg {
    max-width: 900px;
}

.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1.5rem;
    border-top: 1px solid #e9ecef !important;
}

.communicateModal .modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1.5rem;
    border-top: 1px solid #e9ecef !important;
}

.communicateModal#Delete_modal .modal-footer {
    padding: 1.5rem !important;
    border-top: 1px solid #e9ecef !important;
}

.modal-footer > :not(:first-child) {
    margin-left: 0.25rem;
}

.modal-footer > :not(:last-child) {
    margin-right: 0.25rem;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 680px;
    max-width: 680px;
    height: 100%;
    transform: translate3d(0%, 0, 0);
}

.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
    border-radius: 0;
    border: none;
}

.modal.right .modal-header {
    background: rgb(73, 60, 148);
    background: #008afc;
    border-radius: 0;
    color: #fff;
    font-size: 16px;
}

.sidebar-wrapper {
    position: relative;
    background: #fff;
}

.modal.right .modal-header i.close {
    color: #fff;
    opacity: 1;
}

.modal.right .modal-body {
    padding: 30px;
    height: 80vh;
    overflow-y: auto;
}

.modal.right .modal-footer {
    justify-content: center;
    background: #eee;
    border-top: none;
}

    .modal.right .modal-footer button,
    .modal.right .modal-footer a {
        font-size: 14px;
        text-decoration: none;
    }

    .modal.right .modal-footer .btn-default {
        color: #000 !important;
    }

    .modal.right .modal-footer .btn-canel {
        border: #ff7a59 solid 1px;
        background: transparent;
        color: #ff7a59;
    }

.modal.right.fade .modal-dialog {
    right: 0;
    transition: 1s linear;
}

.modal.right.fade.show .modal-dialog {
    right: 0;
    transition: 1s linear;
}

.username-bx a {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #3dbaed;
}

.username-bx {
    display: flex;
    align-items: center;
    border: #ddd solid 1px;
    justify-content: flex-start;
    width: 300px;
    margin: 10px auto;
    padding: 15px;
    border-radius: 0;
}

.initial-letters {
    width: 60px;
    height: 60px;
    background: #2f398c;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    color: #fff;
    margin-right: 10px;
}

.step-modal .modal-content p {
    font-size: 14px;
    padding: 0;
    margin: 0;
}

#create-team .sw-toolbar-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #f5f8fa;
    border-top: 1px solid #cbd6e2;
    padding: 20px;
}

.tab-list-box .tab_list {
    display: flex !important;
}

.default-tab .tab_list {
    display: inherit !important;
}

.tab-list-box .tab_list li {
    flex: 1;
    text-align: center;
}

.modal-form-bx .form-control {
    border: #d3dfea solid 1px;
}

.modal-form-bx .form-control {
    padding-top: 4px;
    height: 45px;
    padding-bottom: 6px;
}

.modal-form-bx .card {
    box-shadow: none;
}

.tab-title {
    font-weight: normal !important;
    font-size: 24px;
}

.avatar-big {
    width: 72px;
    height: 72px;
}

.shadow-none {
    box-shadow: none !important;
}

.display-3 {
    font-size: 48px;
    font-weight: 300;
    line-height: 1.1;
}

.font-weight-semibold {
    font-weight: 500 !important;
}

.leading-loose {
    line-height: 2 !important;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
    margin: 0;
}

.pricing .list-unstyled li {
    border-bottom: 1px solid rgb(255, 255, 255, 0.1);
    padding: 7px 0;
}

.pricing {
    color: #fff;
    border-radius: 7px;
}

.mb-5,
.my-5 {
    margin-bottom: 1.5rem !important;
}

.pricing-box .btn-white {
    background-color: transparent;
    background-image: none;
    color: #fff;
}

.pricing.bg-primary {
    background-color: #008afc !important;
}

.pricing.bg-secondary {
    background-color: #f72d66 !important;
}

.pricing.bg-info {
    background-color: #45aaf2 !important;
}

.pricing.bg-success {
    background-color: #2dce89 !important;
}

.pricing.bg-dark {
    background-color: #4454c3 !important;
}

.pricing.bg-cyan {
    background-color: #28afd0 !important;
}

.avatar-lg {
    width: 40px;
    height: 40px;
    line-height: 3rem;
    font-size: 1.25rem;
}

.font-weight-normal {
    font-weight: 400 !important;
}

.brround {
    border-radius: 50%;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.d-sm-block {
    display: block !important;
}

.btn-info {
    color: #fff !important;
    background-color: #45aaf2;
    border-color: #45aaf2;
    box-shadow: 0 0 10px -5px rgb(69, 170, 242, 0.5);
}

.pl-5,
.px-5 {
    padding-left: 1.5rem !important;
}

.pr-5,
.px-5 {
    padding-right: 1.5rem !important;
}

.pt-5,
.py-5 {
    padding-top: 1.5rem !important;
}

.permission-tab .tab_wrapper .tab_list li {
    padding: 15px 18px;
    margin: 0;
    border-radius: 0;
    border-right: 1px solid #ddd;
    cursor: pointer;
    background-color: #eeeeee;
}

    .permission-tab .tab_wrapper .tab_list li label {
        margin-bottom: 0 !important;
    }

    .permission-tab .tab_wrapper .tab_list li:last-child {
        border: none;
    }

.card-title {
    line-height: 1.2;
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: normal;
    font-size: 18px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

    .card-title:only-child {
        margin-bottom: 0;
    }

.tab_wrapper {
    display: inline-block;
    width: 100%;
    position: relative;
}

    .tab_wrapper > ul {
        clear: both;
        width: 100%;
        margin-bottom: -7px;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .tab_wrapper > ul li.active {
            border-color: #00559f !important;
            background: #00559f !important;
            color: #fff;
        }

.permission-tab .tab_wrapper .tab_content {
    padding: 40px 0 !important;
    border: none !important;
}

.permission-tab .tab_wrapper .content_wrapper {
    border: none !important;
}

.assign-box {
    border: #dfe3eb solid 1px;
}

.assign-outer {
    padding: 15px;
    border-bottom: 1px solid #dfe3eb;
}

#create-team .modal-body {
    margin-bottom: 100px;
}

.bg-none {
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: #008afc !important;
}

.assign-outer div:first-child {
    width: 75%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.bidding-tab {
    width: 100%;
    box-shadow: none;
    margin-top: 0 !important;
    margin-bottom: 0;
}

.align-items-end {
    align-items: flex-end !important;
}

.bidding-tab .tab_wrapper .tab_list li {
    padding: 10px 18px;
    margin: 0;
    border-radius: 0;
    border-right: 1px solid #ddd;
}

.bidding-tab .tab_wrapper .tab_content {
    padding: 25px 0 !important;
    border: none !important;
}

.bidding-tab .tab_wrapper .content_wrapper {
    border: none !important;
}

.blue-text {
    color: #008afc;
}

#create-team .sw-theme-dots > ul.step-anchor {
    display: flex;
    justify-content: space-between;
}

.pricing-box {
    position: relative;
}

.ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
    display: none;
}

.pricing-box.selected-plan .ribbon {
    display: block;
}

.text-change {
    display: none;
}

.pricing-box .btn-white {
    background-color: transparent;
    background-image: none;
    color: #fff;
    border: #fff solid 2px;
}

.pricing-box.selected-plan .btn-white {
    background-color: #fff;
    background-image: none;
    color: #424e79;
    border: #fff solid 2px;
}

.pricing-box.selected-plan .text-change {
    display: block;
}

.pricing-box.selected-plan .basic-text {
    display: none;
}

.ribbon::before,
.ribbon::after {
    position: absolute;
    z-index: 1;
    content: "";
    display: block;
    border: #6c590f solid 5px;
}

.ribbon span {
    position: absolute;
    display: block;
    width: 210px;
    padding: 15px 0;
    background-color: #ffcb01;
    box-shadow: 0 5px 10px rgb(0, 0, 0, 0.1);
    color: #fff;
    font: 700 16px/1 "Lato", sans-serif;
    text-shadow: 0 1px 1px rgb(0, 0, 0, 0.2);
    text-transform: uppercase;
    text-align: center;
}

.badge-danger {
    color: #fff;
    background-color: #dc0441;
}

.event-info-right {
    margin-top: 2rem;
    display: flex;
    align-items: center;
}

.ribbon-top-right {
    top: -10px;
    right: -10px;
}

    .ribbon-top-right::before,
    .ribbon-top-right::after {
        border-top-color: transparent;
        border-right-color: transparent;
    }

    .ribbon-top-right::before {
        top: 0;
        left: 20px;
    }

    .ribbon-top-right::after {
        bottom: 20px;
        right: 0;
    }

    .ribbon-top-right span {
        left: 0;
        top: 30px;
        transform: rotate(45deg);
    }

.summary-wrapper {
    background-color: #f4f5fc;
    padding: 15px;
    border-radius: 8px;
}

#item_view .modal-dialog {
    max-width: 90%;
}

.summary-tab {
    margin-top: 30px;
}

    .summary-tab.tab_wrapper > ul {
        border: none;
    }

        .summary-tab.tab_wrapper > ul li {
            border-radius: 20px;
            margin-bottom: 10px;
            min-width: 100px;
            text-align: center;
        }

    .summary-tab.tab_wrapper .tab_list {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

        .summary-tab.tab_wrapper .tab_list:before,
        .summary-tab.tab_wrapper .tab_list:after {
            background-color: #eff0f6;
            content: "";
            display: inline-block;
            height: 1px;
            position: relative;
            vertical-align: middle;
            width: 38.5%;
        }

        .summary-tab.tab_wrapper .tab_list:before {
            right: 0.5em;
            margin-left: -50%;
        }

        .summary-tab.tab_wrapper .tab_list:after {
            left: 0.5em;
            margin-right: -50%;
        }

    .summary-tab.tab_wrapper .content_wrapper {
        border: none;
    }

        .summary-tab.tab_wrapper .content_wrapper .card-table tr td:first-child,
        .summary-tab.tab_wrapper .content_wrapper .card-table tr th:first-child {
            padding-left: 0.75rem;
        }

.outer-wrapper.mobile-wrapper {
    max-width: 414px;
    margin: 20px auto;
    padding: 15px;
    box-shadow: 0 10px 10px 20px rgb(176, 184, 214, 0.09), 10px 10px 15px -5px #b0b8d6;
    border-radius: 8px;
}

    .outer-wrapper.mobile-wrapper .menu-right .btn-list {
        text-align: center;
        margin-bottom: 15px;
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

.outer-wrapper #profileImage {
    line-height: 92px;
    width: 100%;
}

.outer-wrapper.mobile-wrapper #profileImage {
    line-height: 70px;
}

.view-mobile {
    display: none;
}

.outer-wrapper.mobile-wrapper .timline-banner {
    min-height: 150px;
    max-height: 150px;
    background-color: #f4f3f1;
    border-radius: 8px;
}

.outer-wrapper.mobile-wrapper .profile-image-circle {
    width: 80px !important;
    height: 80px !important;
    margin-right: 15px;
}

.outer-wrapper.mobile-wrapper .event-profile {
    display: flex;
}

.outer-wrapper.mobile-wrapper .event-profile-details h1 {
    font-size: 18px;
    margin: 10px 0 0;
}

.outer-wrapper.mobile-wrapper .event-profile-details p {
    font-size: 13px;
}

.outer-wrapper.mobile-wrapper .timeline-menu {
    flex-direction: column-reverse;
    justify-content: flex-start;
}

.outer-wrapper.mobile-wrapper .menu-right {
    margin-top: 10px;
    width: 100%;
}

    .outer-wrapper.mobile-wrapper .menu-right .btn-list .btnCommon {
        margin-right: 0;
    }

.outer-wrapper.mobile-wrapper .timeline-menu {
    padding: 15px 0;
}

.outer-wrapper.mobile-wrapper .event-main-details .col-sm-6 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}

.currency-field {
    max-width: 200px;
    height: 50px;
    font-size: 20px;
}

.p-2 {
    padding: 0.5rem !important;
}

img {
    max-width: 100%;
}

.f-14 {
    font-size: 14px;
}

.close.modal_close {
    position: absolute;
    right: 10px;
    width: 35px;
    height: 35px;
    background-color: #ddd;
    line-height: normal;
    padding: 0;
    margin: 0;
    border-radius: 100%;
    top: 10px;
    text-indent: inherit;
}

.overflow-hidden {
    overflow: hidden !important;
}

.modal-custom .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
}

.modal-custom .modal-header {
    justify-content: center;
}

.modal-custom .modal-title {
    font-size: 18px;
}

.action-left {
    flex: 1;
}

.select-action {
    margin: 0;
    border-radius: 8px;
    margin-bottom: 2px;
}

    .select-action:hover {
        background-color: #eaf3ff;
    }

    .select-action .avatar {
        background-color: #e4e6eb;
    }

.maintance_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    flex-direction: column;
}

    .maintance_wrapper h1 {
        font-size: 52px;
        line-height: 60px;
        font-weight: 300;
        letter-spacing: 0.006em;
        color: #000;
        margin-top: 3rem;
    }

    .maintance_wrapper p {
        font-size: 24px;
        line-height: 30px;
        font-weight: 400;
        letter-spacing: 0.006em;
        color: #000;
        margin: 0;
    }

.toggle_menu_icon {
    display: none !important;
}

.d-block {
    display: block !important;
}

.text-md-right {
    text-align: right !important;
}

.form-label {
    display: block;
    margin-bottom: 0.375rem;
    font-weight: 500;
    color: #424e79;
}

.payment-wizard .custom-control-label {
    margin-left: 15px;
    margin-right: 15px;
}

.offset-md-2 {
    margin-left: 16.66666667%;
}

.wizard {
    border: #e9edf4 solid 1px;
    background-color: #fff;
}

    .wizard > .steps {
        padding: 20px;
    }

        .wizard > .steps > ul {
            padding: 0;
            margin-bottom: 0;
            display: flex;
        }

            .wizard > .steps > ul li {
                float: none;
                display: block;
                width: auto;
            }

                .wizard > .steps > ul li .current-info {
                    display: none;
                }

                .wizard > .steps > ul li .title {
                    margin-left: 5px;
                    white-space: nowrap;
                    transition: all 0.2s ease-in-out;
                    margin: 0;
                    min-height: auto;
                }

                .wizard > .steps > ul li + li {
                    margin-left: 5px;
                }

        .wizard > .steps a {
            color: #14112d;
            font-weight: 500;
            font-size: 15px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .wizard > .steps a:hover,
            .wizard > .steps a:active {
                color: #14112d;
                font-weight: 500;
                font-size: 15px;
                display: flex;
                justify-content: center;
                align-items: center;
            }

                .wizard > .steps a .number,
                .wizard > .steps a:hover .number,
                .wizard > .steps a:active .number {
                    flex-shrink: 0;
                    font-weight: 700;
                    color: #fff;
                    display: block;
                    text-align: center;
                    line-height: 2;
                    width: 30px;
                    height: 30px;
                    background-color: #b4bdce;
                    border-radius: 100%;
                    transition: all 0.2s ease-in-out;
                    margin-right: 5px;
                }

        .wizard > .steps .disabled a {
            color: #737688;
        }

            .wizard > .steps .disabled a:hover,
            .wizard > .steps .disabled a:active {
                color: #737688;
            }

        .wizard > .steps .current a {
            color: #008afc;
        }

            .wizard > .steps .current a:hover,
            .wizard > .steps .current a:active {
                color: #008afc;
            }

                .wizard > .steps .current a .title,
                .wizard > .steps .current a:hover .title,
                .wizard > .steps .current a:active .title {
                    display: inline-block;
                }

                .wizard > .steps .current a .number,
                .wizard > .steps .current a:hover .number,
                .wizard > .steps .current a:active .number {
                    background-color: #008afc;
                }

        .wizard > .steps .done a {
            color: #2dce89;
        }

            .wizard > .steps .done a:hover,
            .wizard > .steps .done a:active {
                color: #2dce89;
            }

                .wizard > .steps .done a .title,
                .wizard > .steps .done a:hover .title,
                .wizard > .steps .done a:active .title {
                    display: none;
                }

                .wizard > .steps .done a .number,
                .wizard > .steps .done a:hover .number,
                .wizard > .steps .done a:active .number {
                    background-color: #2dce89;
                }

    .wizard > .content {
        border-top: 1px solid #e9edf4;
        border-bottom: 1px solid #e9edf4;
        min-height: 150px;
        padding: 20px;
    }

        .wizard > .content > .title {
            font-size: 18px;
            color: #424e79;
            font-weight: 700;
            margin-bottom: 5px;
            display: none;
            margin: 0;
        }

            .wizard > .content > .title.current {
                display: block;
            }

        .wizard > .content > .body {
            float: none;
            position: static;
            width: auto;
            height: auto;
        }

            .wizard > .content > .body input.parsley-error {
                border-color: #ff5c77;
            }

                .wizard > .content > .body input.parsley-error + ul {
                    list-style: none !important;
                }

    .wizard > .actions {
        padding: 20px;
    }

        .wizard > .actions > ul {
            margin: 0;
            padding: 0;
            list-style: none;
            display: flex;
            justify-content: space-between;
        }

            .wizard > .actions > ul > li:last-child a {
                background-color: #2dce89;
            }

        .wizard > .actions a {
            display: block;
            background-color: #008afc;
            padding: 9px 25px;
            line-height: 1.573;
            color: #fff;
            border-radius: 4px;
            font-weight: 500;
        }

            .wizard > .actions a:hover,
            .wizard > .actions a:active {
                display: block;
                background-color: #008afc;
                padding: 9px 25px;
                line-height: 1.573;
                color: #fff;
                border-radius: 4px;
                font-weight: 500;
            }

        .wizard > .actions .disabled a {
            background-color: #e8ebf2;
            color: #424e79;
        }

            .wizard > .actions .disabled a:hover,
            .wizard > .actions .disabled a:active {
                background-color: #e8ebf2;
                color: #424e79;
            }

    .wizard.vertical > .steps {
        padding: 20px;
    }

        .wizard.vertical > .steps ul li + li {
            margin-left: 10px;
        }

        .wizard.vertical > .steps ul li .title {
            display: none;
        }

        .wizard.vertical > .steps .current a .title {
            display: inline-block;
        }

    .wizard.vertical > .content {
        margin: 0;
        padding: 20px;
    }

    .wizard.vertical > .actions {
        padding: 20px;
    }

        .wizard.vertical > .actions ul {
            float: none;
            margin: 0;
            padding: 0;
        }

.page-header.navbar .menu-toggler.responsive-toggler {
    margin: 0 10px 0;
}

.page-header.navbar .menu-toggler {
    width: 25px;
    height: 15px;
}

.recent-widgets-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .recent-widgets-list ul li {
        cursor: move;
        background-color: #fff;
    }

.recent-widgets-list .recent-widgets-container {
    padding: 10px;
    border: #eee solid 1px;
    border-radius: 5px;
    box-shadow: 0 3px 10px 0 rgb(176, 184, 214, 0.09), 0 3px 10px 0 #b0b8d6;
}

.recent-widgets-list .recent-widgets-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.widget-icon i {
    width: 40px;
    height: 40px;
    line-height: 40px !important;
    text-align: center;
    background: #eee;
    font-size: 16px;
    margin-right: 10px;
    border-radius: 50%;
}

.widgets-list-inner {
    display: flex;
    align-items: center;
    width: 80%;
}

.widgets-list-content {
    width: calc(100% - 50px);
}

    .widgets-list-content h5 {
        margin-bottom: 5px;
    }

.widget-action-icon {
    display: none;
}

.recent-widgets-list ul li:hover .widget-action-icon {
    display: block;
}

.widget-action-icon i {
    width: 20px;
    height: 20px;
    line-height: 20px !important;
    border-radius: 50%;
    color: #fff;
    box-shadow: 0 2px 5px #d4c8c8;
    margin: 0 2px;
    font-size: 12px;
    cursor: pointer;
}

    .widget-action-icon i:first-child {
        background: #008afc;
    }

    .widget-action-icon i:last-child {
        background: #f55741;
    }

.panel-body-inner .top-list-group li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    border: #ddd solid 1px;
}

.list-user-name a {
    font-size: 14px;
    color: #333;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 320px;
    display: block;
}

    .list-user-name a:hover {
        text-decoration: none;
    }

.add-goal .custom-control {
    padding-left: 3rem;
}

.goal-quiz-box {
    display: none;
}

.auction-total-amout h2 {
    font-size: 20px;
    color: #999;
    font-weight: normal;
    margin: 0;
}

.auction-total-amout h1 {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
}

.panel-body-inner ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.panel.panel-default {
    box-shadow: none;
    border: 1px solid #eeeeee !important;
}

.panel-title .media-body span {
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    display: block;
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #fff;
    border-color: transparent;
    padding: 0;
    user-select: none;
}

    .panel-default > .panel-heading a {
        display: block;
    }

        .panel-default > .panel-heading a:after {
            content: "";
            position: relative;
            top: 1px;
            display: inline-block;
            font-family: "Glyphicons Halflings";
            font-style: normal;
            font-weight: 400;
            line-height: 1;
            float: right;
            transition: transform 0.25s linear;
        }

        .panel-default > .panel-heading a[aria-expanded="true"] {
            background-color: #fff;
        }

            .panel-default > .panel-heading a[aria-expanded="true"] i.angle-toggle {
                content: "\2212";
                transform: rotate(-90deg);
                color: #337ab7;
                font-size: 1.5em;
                transition: all 0.2s;
                margin-right: 10px;
            }

        .panel-default > .panel-heading a[aria-expanded="false"] i.angle-toggle {
            content: "\002b";
            transform: rotate(90deg);
            color: #337ab7;
            font-size: 1.5em;
            transition: all 0.2s;
            margin-right: 10px;
        }

.accordion-option {
    width: 100%;
    float: left;
    clear: both;
    margin: 15px 0;
}

    .accordion-option .title {
        font-size: 20px;
        font-weight: bold;
        float: left;
        padding: 0;
        margin: 0;
    }

    .accordion-option .toggle-accordion {
        float: right;
        font-size: 16px;
        color: #6a6c6f;
    }

        .accordion-option .toggle-accordion:before {
            content: "Expand All";
        }

        .accordion-option .toggle-accordion.active:before {
            content: "Collapse All";
        }

#sponsoreLogoCarousel.carousel {
    position: relative;
}

#sponsoreLogoCarousel .carousel-inner > .item > a > img,
#sponsoreLogoCarousel .carousel-inner > .item > img {
    width: 200px;
    margin: 0 auto;
}

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

    .upload-btn-wrapper .btn {
        border: #0a78d4 solid 2px;
        color: gray;
        background-color: white;
        padding: 8px 20px;
        border-radius: 8px;
        font-size: 20px;
        font-weight: bold;
        color: #0a78d4;
        box-shadow: 0 1px 3px rgb(0, 0, 0, 0.1), 0 1px 2px rgb(0, 0, 0, 0.18);
    }

    .upload-btn-wrapper input[type="file"] {
        font-size: 100px;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
    }

.sponsors-img {
    width: 200px;
    margin-bottom: 20px;
}

.carousel-actions-wrap {
    position: absolute;
    right: 5px;
    z-index: 9;
    top: 5px;
    background: transparent;
    padding: 0;
    display: flex;
    flex-direction: column;
    box-shadow: none;
}

#carousel-example-generic.carousel,
.carousel-inner {
    height: 400px;
}

#carousel-example-generic .carousel-control .glyphicon-chevron-left,
#carousel-example-generic .carousel-control .glyphicon-chevron-right,
#carousel-example-generic .carousel-control .icon-next,
#carousel-example-generic .carousel-control .icon-prev {
    font-size: 20px;
}

.default-sidebar .slide a {
    color: #f55741 !important;
    background: none;
}

    .default-sidebar .slide a.active,
    .default-sidebar .slide a:hover {
        color: #f55741 !important;
    }

.carousel-actions-wrap .remove-image,
.carousel-actions-wrap .edit-image {
    min-width: 25px;
    height: auto;
    border-radius: 5px;
    margin-bottom: 10px;
    color: #333;
    width: auto;
    padding: 5px;
}

.carousel-actions-wrap .remove-image {
    margin-bottom: 0;
}

.carousel-caption {
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
}

.carousel-control.left {
    background-image: linear-gradient(to right, rgb(0, 0, 0, 0) 0, rgb(0, 0, 0, 0) 100%) !important;
}

.carousel-control.right {
    background-image: linear-gradient(to right, rgb(0, 0, 0, 0) 0, rgb(0, 0, 0, 0) 100%) !important;
}

.create_item_wrapper.Grid_view {
    width: 440px;
    margin: 0 auto;
    background: #fff;
}

    .create_item_wrapper.Grid_view .item-container {
        padding: 0;
    }

        .create_item_wrapper.Grid_view .item-container .pl-5 {
            padding-left: 0 !important;
        }

        .create_item_wrapper.Grid_view .item-container .pr-5 {
            padding-right: 0 !important;
        }

    .create_item_wrapper.Grid_view .current-bid-box {
        padding: 15px 0 0;
    }

        .create_item_wrapper.Grid_view .current-bid-box h2 {
            font-size: 20px;
        }

        .create_item_wrapper.Grid_view .current-bid-box h3 {
            font-size: 18px;
        }

    .create_item_wrapper.Grid_view .card {
        box-shadow: none;
        margin: 0;
    }

        .create_item_wrapper.Grid_view .card .col-sm-8.custom-col,
        .create_item_wrapper.Grid_view .card .col-sm-4.custom-col {
            width: 100%;
        }

    .create_item_wrapper.Grid_view #carousel-example-generic.carousel,
    .create_item_wrapper.Grid_view .carousel-inner {
        height: 175px;
    }

    .create_item_wrapper.Grid_view .carousel-actions-wrap {
        padding: 4px;
    }

        .create_item_wrapper.Grid_view .carousel-actions-wrap .remove-image,
        .create_item_wrapper.Grid_view .carousel-actions-wrap .edit-image {
            width: 20px;
            height: 20px;
            border-radius: 5px;
            margin-bottom: 5px;
        }

    .create_item_wrapper.Grid_view .none-in-gridview {
        display: none;
    }

    .create_item_wrapper.Grid_view .current-bid-box {
        display: none !important;
    }

    .create_item_wrapper.Grid_view .card.item-description-card,
    .create_item_wrapper.Grid_view .card.item-name-card {
        display: none;
    }

.visible-in-grid {
    display: none;
}

.create_item_wrapper.Grid_view .visible-in-grid {
    display: block;
}

.create_item_wrapper.Grid_view .date-donated-text {
    display: none;
}

.create_item_wrapper.Grid_view .carousel-actions-wrap {
    display: none;
}

.create_item_wrapper.Grid_view .carousel-caption,
.create_item_wrapper.Grid_view .carousel-indicators,
.create_item_wrapper.Grid_view .carousel-control.left,
.create_item_wrapper.Grid_view .carousel-control.right {
    display: none !important;
}

.create_item_wrapper.Mobile_view {
    max-width: 440px;
    margin: 0 auto 15px;
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    width: 100%;
}

    .create_item_wrapper.Mobile_view .current-bid-box {
        padding: 0 0 0;
    }

        .create_item_wrapper.Mobile_view .current-bid-box h2 {
            font-size: 20px;
        }

        .create_item_wrapper.Mobile_view .current-bid-box h3 {
            font-size: 18px;
        }

    .create_item_wrapper.Mobile_view .card {
        box-shadow: none;
        margin: 0;
    }

        .create_item_wrapper.Mobile_view .card .col-sm-8.custom-col,
        .create_item_wrapper.Mobile_view .card .col-sm-4.custom-col {
            width: 100%;
        }

    .create_item_wrapper.Mobile_view #carousel-example-generic.carousel,
    .create_item_wrapper.Mobile_view .carousel-inner {
        height: 175px;
    }

    .create_item_wrapper.Mobile_view .carousel-actions-wrap {
        padding: 4px;
    }

        .create_item_wrapper.Mobile_view .carousel-actions-wrap .remove-image,
        .create_item_wrapper.Mobile_view .carousel-actions-wrap .edit-image {
            width: 20px;
            height: 20px;
            border-radius: 5px;
            margin-bottom: 5px;
        }

.preview {
    display: flex;
    flex-direction: column;
}

.howto-btn {
    border: 1px solid #ddd;
    background-color: transparent;
    padding: 0px 3px;
    border-radius: 25px;
    padding-right: 10px;
    margin-left: 10px;
    min-height: 35px;
    display: flex;
    align-items: center;
    background-color: #ffffff;
    font-weight: 600;
    color: #3F4254;
}

    .howto-btn:hover {
        border: 1px solid #0073e9;
        background-color: #0073e9;
        color: #fff;
        filter: brightness(1);
    }

        .howto-btn:hover .fa {
            color: #fff !important;
        }

    .howto-btn .fa {
        font-size: 32px;
        vertical-align: middle;
        margin-right: 10px;
        color: #0073e9 !important;
    }

.option-th {
    width: 25%;
}

.options-list {
    display: flex;
    align-items: flex-start;
}

    .options-list input[type="radio"],
    .options-list input[type="checkbox"] {
        position: relative;
        top: 4px;
        margin-right: 5px;
    }

#kt_aside_menu hr:first-child {
    display: none;
}

.aside-menu .menu-nav {
    padding-top: 0 !important;
    margin-top: 15px;
}

.small-nav-header .howto-btn {
    padding: 0px 8px;
    display: flex;
    align-items: center;
    color: #333333;
}

.small-nav-header h5 a,
.small-nav-header h5 a .fa {
    color: #333333;
    font-weight: 600;
}

.small-nav-header .howto-btn .fa {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 0;
    color: #0073e9 !important;
}

.small-nav-header .howto-btn:hover .fa,
.small-nav-header .howto-btn:hover {
    color: #ffffff !important;
}

#divItemInfo .item_info #divStartBidRight #lblRightStartBid {
    flex: inherit;
    width: auto !important;
    font-weight: 500 !important;
    font-size: 24px;
}

#divItemInfo .item_info #divStartBidRight .input-with-icon {
    flex: 1;
    width: auto !important;
    display: flex;
    align-items: center;
}

#divItemInfo .item_info #divItemValueRight h3 {
    flex: inherit;
    width: auto !important;
    font-size: 24px !important;
}

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

#divItemInfo .item_info #divAllowShipping h3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    #divItemInfo .item_info #divAllowShipping h3 #lblAllowShipping {
        flex: inherit;
        margin: 0 !important;
        width: auto !important;
        font-size: 14px;
        font-family: "Poppins", sans-serif !important;
        font-weight: bold !important;
        text-align: left !important;
    }

    #divItemInfo .item_info #divAllowShipping h3 #btnCalculateShipCost {
        flex: 1;
        width: auto !important;
        color: #e02222;
    }

#divItemInfo .item_info #divCatalogNumber {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

    #divItemInfo .item_info #divCatalogNumber label {
        flex: inherit;
        width: auto !important;
        margin: 0 !important;
    }

    #divItemInfo .item_info #divCatalogNumber .add-link {
        flex: 1;
        text-align: left;
    }

#divItemInfo .item_info #lblTax {
    margin-left: 0 !important;
    display: block;
    text-align: left;
    font-size: 14px;
    font-weight: 600 !important;
}

#divItemInfo .item_info #smCatalogNumber {
    flex: inherit;
    width: auto !important;
    text-align: right;
    font-size: 14px !important;
    font-weight: bold;
    word-break: break-all;
}

#divItemInfo .item_info #divProductDonate .form-group {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    align-items: flex-start;
}

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

    #divItemInfo .item_info #divProductDonate .form-group small {
        flex: inherit;
        width: auto !important;
        text-align: left;
        margin-left: 5px;
        font-size: 14px !important;
    }

#divItemInfo .item_info .date-donated-text {
    text-align: left;
    padding: 0 !important;
}

    #divItemInfo .item_info .date-donated-text label {
        flex: 1;
        width: auto !important;
        margin: 0 !important;
    }

    #divItemInfo .item_info .date-donated-text #txtBiddingEndDate {
        flex: 1;
        width: auto !important;
    }

#divItemInfo .item-container #divTimeClock {
    display: flex !important;
    justify-content: flex-start;
    align-items: center;
    margin: 10px 0 0 !important;
}

#divItemInfo .item-container #divstartinTimeClock {
    display: flex !important;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 10px 0 0 !important;
}

#divItemInfo .item-container #divTimeClock label {
    margin: 0;
    width: auto !important;
}

#divItemInfo .item-container #divTimeClock #pTimeClock {
    margin: 0;
}

#divItemInfo .item-container #divTimeClock label {
    margin: 0;
    width: auto !important;
}

#divItemInfo .item-container #divTimeClock #pTimeClock {
    margin: 0;
}

.ps__thumb-y {
    right: 0 !important;
}

.aside .aside-menu.ps > .ps__rail-y {
    right: 0 !important;
}

#divImageDot {
    display: none;
}

#divBid .mr-2:first-child {
    margin-right: 0 !important;
}

.tab_shippingoptions div:first-child {
    display: flex !important;
    justify-content: flex-end !important;
    float: none !important;
}

body.aside-minimize .create-event-btn {
    font-size: 0;
}

body.aside-minimize .app-sidebar .create-event-btn {
    font-size: inherit;
}

body.aside-minimize .create-event-btn.btn i {
    padding-right: 0;
}

.header-brand-logo-heart-icon {
    display: none;
    width: 36px !important;
}

.aside-minimize:not(.aside-minimize-hover) .brand .brand-logo img:first-child {
    display: none !important;
}

.aside-minimize:not(.aside-minimize-hover) .brand .brand-logo .header-brand-logo-default {
    display: none !important;
}

.aside-minimize:not(.aside-minimize-hover) .brand .brand-logo .header-brand-logo-heart-icon {
    display: block !important;
    width: 36px !important;
    position: relative;
    top: -2px;
    left: -2px;
}

body.aside-minimize #kt_brand {
    flex-direction: column;
    margin-top: 20px;
    width: 69px;
}

#like_btn.btn-success {
    background-color: #0073e9 !important;
    border-color: #0073e9 !important;
}

#like_btn.add-btn-custom {
    background-color: #fff;
    color: #0073e9;
    border: 2px solid #0073e9;
}

    #like_btn.add-btn-custom .fa {
        color: #0073e9;
        vertical-align: baseline;
    }

    #like_btn.add-btn-custom:hover {
        background-color: #0073e9;
        color: #fff;
        border: 2px solid #0073e9;
    }

        #like_btn.add-btn-custom:hover .fa {
            color: #fff;
        }

    #like_btn.add-btn-custom.discoverFollowbtn {
        background-color: #0073e9;
        color: #fff;
        border: 2px solid #0073e9;
    }

        #like_btn.add-btn-custom.discoverFollowbtn .fa {
            color: #ffffff;
        }

#kt_aside {
    box-shadow: none !important;
    border-right: none;
}

#success-modal {
    z-index: 10000;
    padding: 0 !important;
}

    #success-modal .modal-form {
        margin: 0px !important;
        max-width: 100% !important;
        border: solid 1px lightgrey;
        border-radius: 4px;
        padding: 15px;
    }

        #success-modal .modal-form h2.font-weight-semibold {
            margin-bottom: 10px !important;
        }

        #success-modal .modal-form label {
            font-weight: normal;
        }

            #success-modal .modal-form label .fa {
                color: #424e79 !important;
            }

        #success-modal .modal-form .input-with-icon {
            padding-top: 0;
            padding-bottom: 10px;
            display: flex !important;
            width: 100%;
            align-items: center;
        }

            #success-modal .modal-form .input-with-icon .fa {
                color: #424e79 !important;
                top: 22px !important;
            }

            #success-modal .modal-form .input-with-icon input {
                width: 34px;
                padding: 0px;
                display: inline-block;
                margin: 0px;
                height: 49px;
                border-left: none;
                margin-left: -10px;
                color: #56a1de;
                font-weight: bold;
                border-top-left-radius: 0px;
                border-bottom-left-radius: 0px;
            }

            #success-modal .modal-form .input-with-icon #txtCurrentBid {
                font-weight: bold;
                text-align: right;
                color: #56a1de;
                height: 49px;
                width: 82%;
                border-right: none;
                padding-right: 10px;
                margin-left: 0;
                border-left: #d3dfea solid 1px;
                border-radius: 5px;
            }

#lblCurrentBidValid {
    color: red;
}

#buy-modal {
    z-index: 10000;
}

    #buy-modal .modal-content {
        width: max-content;
        max-width: max-content;
    }

    #buy-modal #divBuyNowForm {
        margin: 0px;
        max-width: 100% !important;
        width: max-content;
        max-width: max-content;
        border: solid 1px lightgrey;
        border-radius: 4px;
        padding: 15px;
        margin-top: 0 !important;
    }

        #buy-modal #divBuyNowForm:first-child div {
            border: none !important;
            padding: 0 !important;
        }

        #buy-modal #divBuyNowForm table tbody tr {
            border-bottom: solid 1px lightgrey;
        }

            #buy-modal #divBuyNowForm table tbody tr td:last-child {
                text-align: right;
            }

            #buy-modal #divBuyNowForm table tbody tr td .input-with-icon {
                padding: 10px 0;
                display: flex !important;
                width: 100%;
                align-items: center;
            }

                #buy-modal #divBuyNowForm table tbody tr td .input-with-icon i {
                    top: inherit !important;
                }

                #buy-modal #divBuyNowForm table tbody tr td .input-with-icon .fa {
                    color: #424e79 !important;
                    top: 16px !important;
                }

                #buy-modal #divBuyNowForm table tbody tr td .input-with-icon input {
                    width: 50px;
                    padding: 0px;
                    display: inline-block;
                    margin: 0px;
                    height: 49px;
                    border-left: none;
                    margin-left: -10px;
                    color: #56a1de;
                    font-weight: bold;
                    border-top-left-radius: 0px;
                    border-bottom-left-radius: 0px;
                }

                #buy-modal #divBuyNowForm table tbody tr td .input-with-icon #txtBuyNowPrice {
                    font-weight: bold;
                    text-align: right;
                    color: #56a1de;
                    height: 49px;
                    width: 100% !important;
                    border-right: none;
                    padding-right: 10px;
                    margin-left: 0;
                    border-left: #d3dfea solid 1px;
                    border-radius: 5px;
                }

        #buy-modal #divBuyNowForm #btnBuyNowConfirm,
        #buy-modal #divBuyNowForm .cancel_btn {
            margin-bottom: 15px;
        }

        #buy-modal #divBuyNowForm label:last-child {
            font-weight: normal;
            font-size: 10px;
            display: block;
            text-align: center;
        }

        #buy-modal #divBuyNowForm label#tdBuyNowPrice {
            display: inline-block;
            margin: 0;
        }

        #buy-modal #divBuyNowForm .fa {
            color: #424e79 !important;
        }

        #buy-modal #divBuyNowForm #txtBuyNowQuantity {
            max-width: 70px;
            text-align: center !important;
            margin-left: 5px;
            border: #d3dfea solid 1px;
            border-radius: 4px;
            min-height: 34px;
        }

#divStartBidRight {
    margin-bottom: 0 !important;
    justify-content: flex-start !important;
}

    #divStartBidRight h2 {
        width: auto !important;
        white-space: nowrap;
        text-align: left;
    }

    #divStartBidRight .input-with-icon input {
        border: none;
        background-color: white;
        font-weight: 500;
    }

    #divStartBidRight #lblOutOfStock {
        color: #e02222 !important;
        margin: 0;
        font-size: 16px;
    }

#divItemInfo #lblReserve {
    color: #e02222 !important;
    margin-left: 0 !important;
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 600 !important;
    text-align: left !important;
    margin-bottom: 0;
}

#divStartBidRight #divTimeClock {
    margin-bottom: 0.5rem;
    display: block;
}

#divItemInfo #divTimeClock label {
    display: inline-block;
    font-weight: bold;
    width: auto !important;
    text-align: left;
    margin-bottom: 0;
    text-transform: uppercase;
}

#divStartBidRight #divTimeClock #pTimeClock {
    display: inline-block;
    font-weight: bold;
}

.date-donated-text .close_time {
    display: inline-block;
    display: inline-block;
    font-weight: bold;
    width: 49%;
    text-align: right;
}

#lblOutOfStock {
    color: #e02222 !important;
    margin: 0 !important;
    font-weight: 600 !important;
    font-size: 16px;
    width: 100%;
    text-align: left;
}

#divTimeClock {
    margin-bottom: 0.5rem;
}

    #divTimeClock label {
        display: inline-block;
        font-weight: bold;
        width: 49%;
        text-align: right;
    }

#divItemValueRight h3 {
    width: auto !important;
    text-align: left !important;
}

#divAllowShipping {
    font-weight: bold;
    margin-bottom: 0.5rem;
}

    #divAllowShipping #lblAllowShipping {
        width: auto !important;
        text-align: right;
        margin-left: 0 !important;
    }

.mySlides .common_img {
    max-height: 300px;
    width: 100%;
}

#divBidArea {
    padding: 5px !important;
}

.enter_bid {
    display: block !important;
    margin-top: 5px;
}

#divBuy .enter_bid,
#divBuy label {
    display: block !important;
    margin-top: 5px;
}

.start_bid_txt {
    background-color: #ffffff !important;
    border: none !important;
}

#pTimeClock {
    display: inline-block;
    font-weight: bold;
}

#divBid #txtRightBidAmount {
    font-weight: bold;
    text-align: right;
    color: #56a1de;
    height: 49px;
    width: 79%;
    border-right: none;
    padding-right: 10px;
}

#divBid .zero_custom {
    width: 20%;
    padding: 0px;
    display: inline-block;
    margin: 0px;
    height: 49px;
    border-left: none;
    margin-left: -10px;
    color: #56a1de;
    font-weight: bold;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

#divBuy .input-with-icon .zero_custom {
    width: 20%;
    padding: 0px;
    display: inline-block;
    margin: 0px;
    height: 49px;
    border-left: none;
    margin-left: -10px;
    color: #56a1de;
    font-weight: bold;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.view-only-title {
    padding: 20px;
    text-align: center;
    font-size: 16px;
    margin: 0;
}

.only-view {
    color: #0073e9 !important;
    font-size: 12px;
}

.location-header {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    font-size: 1.05rem;
    font-weight: 500;
    color: #0073e9;
}

.location-title {
    flex: 1;
}

.location-header .btn {
    margin-top: 10px;
}

#toast-container > div {
    opacity: 1 !important;
}

.toast.toast-success:hover {
    background-color: #06ada5;
    color: #ffffff;
}

.toast.toast-info:hover {
    background-color: #4709c4;
    color: #ffffff;
}

.toast.toast-warning:hover {
    background-color: #e49702 !important;
    color: #ffffff;
}

.toast.toast-error:hover {
    background-color: #be1426;
    color: #ffffff;
}

#btnAddCategory .edit-image {
    display: inline-block;
    line-height: 25px;
    background-color: #0073e9 !important;
    border-color: #0073e9 !important;
}

    #btnAddCategory .edit-image .fa {
        color: #fff !important;
    }

    #btnAddCategory .edit-image:hover .fa {
        color: #fff !important;
    }

#btnAddCategory:hover {
    color: #ffb04b !important;
}

    #btnAddCategory:hover .edit-image {
        background-color: #0073e9 !important;
        border-color: #0073e9 !important;
    }

        #btnAddCategory:hover .edit-image .fa {
            color: #ffffff !important;
        }

.event-main-details #image-list.row.ui-sortable {
    width: 100%;
    margin: 0;
}

#kt_brand.brand {
    padding: 0 15px;
    background-color: #f6f8fc !important;
}

.brand-logo .header-brand-logo-default {
    max-width: 200px !important;
    height: auto !important;
}

.editImageButton {
    display: inline-block;
    font: normal normal normal 17px/1 FontAwesome !important;
}

.login.login-1 .login-aside {
    background-color: #f3f6f9 !important;
}

    .login.login-1 .login-aside .text-center img {
        padding: 0 20px;
        max-width: 90%;
    }

#SaveAllSettingsButton .fa {
    display: none;
}

#modalCrop #getCroppedCanvasModal .btn.btn-primary {
    color: #ffffff;
    background-color: #0073e9 !important;
    border-color: #0073e9 !important;
}

#getCroppedCanvasModal .btn.btn-secondary {
    color: #ffffff;
    background-color: #0073e9 !important;
    border-color: #0073e9 !important;
}

#kt_subheader {
    margin-top: 0;
    margin-bottom: 15px;
    background-color: #ffffff !important;
}

.btn.btn-primary {
    color: #ffffff;
    background-color: #0073e9 !important;
    border-color: #0073e9 !important;
}

#modalcreateteam #embedediturl {
    width: 100%;
    border: #d3dfea solid 1px;
    padding: 10px;
    border-radius: 4px;
}

.note-popover.popover {
    z-index: 999999 !important;
}

#divDescription #DescriptionModel .modal-title {
    color: inherit;
}

#btnAutoAssignCatalogNo .fa,
#btnDonateModal .fa {
    font-size: 17px;
    color: #666666;
}

#smCatalogNumber {
    color: #3F4254 !important;
    font-weight: 600;
}

#lblDonatedByName,
#lblComma,
#lblDonatedByCompanyName {
    color: #e02222 !important;
    font-weight: 600;
}

#divBuy .input-with-icon {
    padding: 0 !important;
    display: inline-block;
}

#previewClose {
    opacity: 1;
}

#modalCrop .btn.btn-primary {
    color: #ffffff;
    background-color: #3699ff !important;
    border-color: #3699ff !important;
    border-radius: 4px !important;
}

#previewClose i {
    color: #ffffff;
}

#DescriptionModel .dropdown-menu li a {
    position: relative;
    height: inherit;
    padding: inherit;
    font-weight: inherit;
    color: inherit;
    cursor: pointer;
    background-color: inherit;
    border-radius: 0;
    box-sizing: inherit;
}

.app-sidebar-help #createEvent {
    background: #0073e9;
    border: 2px solid #0073e9 !important;
    color: #fff;
}

    .app-sidebar-help #createEvent:hover {
        background-color: #fff;
        color: #0073e9;
    }

        .app-sidebar-help #createEvent:hover .fa {
            color: #0073e9;
        }

.communicateModal .modal .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center !important;
}

#help_modal .modal-header .modal-title {
    color: #fff;
}

#help_modal .modal-body {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    max-height: 450px;
}

#Delete_modal .modal-header .modal-title {
    color: #fff;
}

#help_modal .modal-body .col-md-10 {
    max-width: 100%;
}

    #help_modal .modal-body .col-md-10 iframe {
        width: 100% !important;
    }

.communicateModal .modal .modal-header .close {
    font-size: 1.5rem !important;
    top: inherit !important;
}

.communicateModal .modal .modal-header .modal-title {
    color: #fff;
}

#LanguageDropDown .btn {
    color: #616b76 !important;
}

#LanguageDropDown ul li {
    border: none;
}

#LanguageDropDown li.language-menu-item a {
    align-items: center;
}

    #LanguageDropDown li.language-menu-item a .famfamfam-flags {
        margin-right: 10px;
    }

#LanguageDropDown .dropdown-toggle::after {
    display: none;
}

.content {
    padding: 25px 0 0;
}

#saveBtn {
    background-color: #0073e9 !important;
    border-color: #0073e9 !important;
    border-radius: 4px !important;
}

    #saveBtn .fa {
        display: none;
    }

.dataTables_wrapper .child .dtr-details > li .dtr-data {
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
}

#GetWebpagesButton,
#GetInvitedEventAdminsButton,
#GetShp_invoicesButton,
#GetMessagesButton,
#GetBiddingsButton,
#GetUsersButton,
#GetWithdrawalRequestsesButton,
#GetWithdrawalinfosButton,
#GetSentNotificationsButton,
#GetEventTipsButton,
#GetPaymentTransactionsButton,
#GetBiddernotificationSubscriptionsButton,
#GetEventListsButton,
.GetNotificationTemplatesButton {
    height: auto;
    line-height: 43px !important;
    border-radius: 0 4px 4px 0 !important;
}

    #GetWebpagesButton i,
    #GetInvitedEventAdminsButton i,
    #GetShp_invoicesButton i,
    #GetMessagesButton i,
    #GetBiddingsButton i,
    #GetUsersButton i,
    #GetWithdrawalRequestsesButton i,
    #GetWithdrawalinfosButton i,
    #GetSentNotificationsButton,
    #GetEventTipsButton i,
    #GetPaymentTransactionsButton i,
    #GetBiddernotificationSubscriptionsButton i,
    #GetEventListsButton i {
        font-size: 24px;
    }

#bidIncrementModal .modal-header {
    background-color: #187de4;
    display: flex;
    justify-content: space-between !important;
    color: #fff;
    align-items: center;
}

#DescriptionModel .modal .modal-header {
    background-color: #187de4;
    display: flex;
    justify-content: space-between !important;
    color: #fff;
    align-items: center;
}

    #DescriptionModel .modal .modal-header .modal-title {
        color: #ffffff;
    }

    #DescriptionModel .modal .modal-header .close {
        font-size: 20px;
        top: auto;
    }

#bidIncrementModal .modal-body {
    padding: 1.5rem !important;
}

#bidIncrementModal .container {
    width: 100% !important;
    padding: 0 !important;
}

#actions .btn.btn-primary {
    color: #ffffff;
    background-color: #3699ff !important;
    border-color: #3699ff !important;
    border-radius: 4px !important;
}

#donatedby-modal .modal-body {
    height: 400px !important;
    padding: 1.5rem !important;
}

#donatedby-modal .modal-form #txtProductDonateWebsiteUrl {
    margin-right: 0.75rem !important;
}

#donatedby-modal .modal-form {
    max-width: 100%;
    padding-top: 0 !important;
}

#catalog-number-modal .modal-body {
    padding: 1.5rem !important;
}

    #catalog-number-modal .modal-body .modal-form {
        padding: 1.5rem 0 0 !important;
        width: 100%;
        max-width: 100% !important;
    }

        #catalog-number-modal .modal-body .modal-form .form-group label {
            margin-bottom: 0 !important;
        }

.card-options-remove {
    width: 25px;
    height: 25px;
    border: none;
    border-radius: 50% !important;
    margin-bottom: 10px;
    background-color: #fff;
    display: block;
    box-shadow: 5px 5px 5px #ddd;
    text-align: center;
    line-height: 25px;
    color: #3333 !important;
    font-size: 1.5rem;
}

    .card-options-remove .fa {
        color: #666666;
    }

    .card-options-remove i {
        margin-right: 0;
    }

.docs-buttons > .btn-group {
    margin-right: 0 !important;
}

#image-list .itemContainerHeight {
    min-height: 220px;
}

    #image-list .itemContainerHeight > .align-items-center {
        align-items: flex-start !important;
        flex-wrap: wrap;
        flex-direction: column;
        min-height: 76px;
    }

    #image-list .itemContainerHeight h5 {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        word-break: break-word;
        font-size: 16px;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

        #image-list .itemContainerHeight h5.card-title.f-14.mb-3 {
            display: flex;
            align-items: center;
            flex-wrap: nowrap;
            word-break: normal;
            color: #3f4254;
        }

            #image-list .itemContainerHeight h5.card-title.f-14.mb-3 input {
                color: #3f4254 !important;
            }

        #image-list .itemContainerHeight h5 .fa {
            margin-left: 5px !important;
            font-size: 15px;
            margin-right: 5px;
            color: #3f4254 !important;
        }
        #image-list .itemContainerHeight h5 i.currencyText {
            font-style: normal;
            padding: 0 5px;
            color: #3f4254 !important;
            font-weight: 600;
        }
            #image-list .add-btn {
                line-height: normal !important;
                text-transform: uppercase;
                font-weight: 500;
                font-size: 14px !important;
                width: 100%;
                line-height: 32px !important;
                height: inherit;
                padding: 5px !important;
            }

#image-list #btnBiddingAmountForBid.add-btn {
    height: auto !important;
    margin-top: 0 !important;
    min-width: 60px !important;
    width: auto !important;
    min-height: 35px !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    margin: 0 !important;
    width: 100% !important;
    padding: 5px !important;
}

#image-list #btnBuyNowMultiCard.add-btn {
    height: auto !important;
    margin-top: 0 !important;
    min-width: 60px !important;
    width: auto !important;
    min-height: 35px !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    margin: 0 !important;
    width: 100% !important;
    padding: 5px !important;
}

#btnUpload.btn.btn-primary {
    background-color: #0073e9 !important;
    border-color: #0073e9 !important;
}

#btnPreviewDownload {
    background-color: #3699ff !important;
    border-color: #3699ff !important;
    border-radius: 4px !important;
}

#btnUpload.btn.btn-primary:hover {
    background-color: #3699ff !important;
    border-color: #3699ff !important;
}

#promote_modal .modal-body div:last-child {
    clear: both;
}

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

    #divShareThisFooter .sharethis-inline-share-buttons .st-btn {
        display: flex !important;
        align-items: center;
        height: 40px;
        padding: 0;
        border-radius: 4px !important;
        margin-right: 8px !important;
    }

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

        #divShareThisFooter .sharethis-inline-share-buttons .st-btn img {
            display: inline-block;
            width: 34px;
            background-color: rgba(0, 0, 0, 0.08);
            color: #fff;
            text-align: center;
            margin-right: 15px;
            height: 40px;
            padding: 5px 5px;
            top: 0;
        }

@media (max-width: 1201px) {
    #divShareThisFooter .sharethis-inline-share-buttons .st-btn img {
        height: 40px !important;
    }
}

#divShare .sharethis-inline-share-buttons {
    display: flex;
    justify-content: center;
}

    #divShare .sharethis-inline-share-buttons .st-btn {
        display: flex !important;
        align-items: center;
        height: 40px;
        padding: 0;
        border-radius: 4px !important;
        margin-right: 8px;
        min-width: inherit !important;
        width: 40px;
    }

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

        #divShare .sharethis-inline-share-buttons .st-btn img {
            display: inline-block;
            width: 40px;
            background-color: rgba(0, 0, 0, 0.08);
            color: #fff;
            text-align: center;
            margin-right: 0;
            height: 40px;
            padding: 5px 5px;
            top: 0;
        }

#ItemSaveSuccess_Modal #btnItemSaveModalClose {
    position: absolute;
    right: 0;
    top: 5px;
    margin: 0;
    padding: 0 !important;
    background-color: transparent !important;
    border: none !important;
}

    #ItemSaveSuccess_Modal #btnItemSaveModalClose .fa {
        color: #333333;
    }

    #ItemSaveSuccess_Modal #btnItemSaveModalClose:hover {
        background-color: transparent !important;
    }

#ItemSaveSuccess_Modal .modal-body.p-4 {
    padding: 2rem 0 0 !important;
}

#ItemSaveSuccess_Modal.bidding-modal svg {
    width: 100px;
    display: block;
    margin: 0 auto 20px;
    background-color: #fff;
    border-radius: 100%;
    border: 2px solid #fff;
}

#ItemSaveSuccess_Modal.bidding-modal p {
    text-align: center;
    margin: 20px 0;
    font-size: 24px;
}

#ItemSaveSuccess_Modal.bidding-modal .modal-form {
    max-width: 100%;
    margin: 0 auto !important;
    text-align: center;
    display: flex !important;
    justify-content: space-between;
    border-top: 1px solid rgba(225, 225, 225, 0.5);
    padding: 15px 15px 0;
}

    #ItemSaveSuccess_Modal.bidding-modal .modal-form .btn.btn-primary {
        flex: 1;
        width: 95%;
    }

    #ItemSaveSuccess_Modal.bidding-modal .modal-form .form-group {
        flex: 1;
    }

    #ItemSaveSuccess_Modal.bidding-modal .modal-form .btn.btn-primary {
        height: 40px;
        line-height: 40px;
    }

        #ItemSaveSuccess_Modal.bidding-modal .modal-form .btn.btn-primary .fa-plus {
            margin-right: 10px;
        }

    #ItemSaveSuccess_Modal.bidding-modal .modal-form #btnGoToEventPage .fa-arrow-right {
        margin-left: 10px;
    }

    #ItemSaveSuccess_Modal.bidding-modal .modal-form #btnCreateAnotherItem {
        margin-right: 10px;
    }

    #ItemSaveSuccess_Modal.bidding-modal .modal-form #btnGoToEventPage {
        margin-left: 10px;
    }

.close-desc {
    width: 25px;
    height: 25px;
    border: none;
    border-radius: 50%;
    margin-bottom: 10px;
    background-color: transparent;
    display: block;
    box-shadow: 5px 5px 5px #ddd;
    text-align: center;
    line-height: 25px;
    color: #3333;
}

    .close-desc .fa {
        color: #666 !important;
        float: none !important;
        margin: 0;
    }

    .close-desc:hover {
        background-color: #0073e9 !important;
    }

        .close-desc:hover .fa {
            color: #ffffff !important;
        }

.subheader- #divStartBidRight h2 {
    font-size: 1.4rem;
    width: auto !important;
    white-space: nowrap;
    text-align: left;
}

.subheader-.aside-minimize #divStartBidRight h2 {
    font-size: 1.75rem;
}

.subheader- #divItemValueRight h3 {
    font-size: 1.4rem;
}

.subheader-.aside-minimize #divItemValueRight h3 {
    font-size: 1.75rem;
}

.aside-minimize #sidmenuUL h3 {
    display: none;
}

#createEvent {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 35px !important;
    border-radius: 4px !important;
}

    #createEvent .fa {
        color: #fff !important;
    }

    #createEvent:hover .fa {
        color: #0073e9 !important;
    }

#create_event,
#create_item {
    height: auto;
}

    #create_event .fa,
    #create_item .fa {
        color: #fff;
    }

    #create_event:hover .fa {
        color: #0073e9;
    }

.aside-menu #sidmenuUL li:first-child .menu-icon {
    display: none !important;
}

#kt_aside_menu_wrapper {
    padding: 5px 10px 15px !important;
    background-color: #f6f8fc;
}

.aside-menu .menu-nav > .menu-item > .menu-link .menu-icon {
    font-size: 1.5rem !important;
    background-color: transparent !important;
    border-radius: 100% !important;
    width: auto !important;
    height: auto !important;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: #333;
    margin-right: 10px;
    flex: 0 0 38px !important;
    overflow: hidden;
}

    .aside-menu .menu-nav > .menu-item > .menu-link .menu-icon i {
        color: #333333;
        font-size: 1.5rem !important;
    }

@media (min-width: 1300px) and (max-width: 1920px) {
    #kt_content .card-footer div div {
        font-size: 13px;
    }
}
@media (min-width: 2000px) and (max-width: 7000px) {
    .dashboard-content-wrapper {
        min-height: 94vh;
    }
}
@media screen and (max-width: 996px) {
    .preview {
        margin-bottom: 20px;
    }

    #kt_content .card-footer div div {
        display: flex;
        flex-direction: row;
    }
}

#kt_content .card-footer div div .fa.mr-2 {
    margin-right: 0.2rem !important;
}

.preview-pic {
    flex-grow: 1;
    width: 100%;
    height: 300px;
}

.preview-thumbnail.nav-tabs {
    border: none;
    margin-top: 15px;
}

    .preview-thumbnail.nav-tabs li {
        width: 18%;
        margin-right: 2.5%;
        height: 72px;
        background: #d3dfea;
        overflow: hidden;
    }

        .preview-thumbnail.nav-tabs li img {
            max-width: 100%;
            display: block;
            height: 70px;
            object-fit: cover;
            object-position: center;
        }

        .preview-thumbnail.nav-tabs li a {
            padding: 0;
            margin: 0;
        }

        .preview-thumbnail.nav-tabs li:last-of-type {
            margin-right: 0;
        }

.tab-content {
    overflow: hidden;
}

    .tab-content img {
        width: 100%;
        animation-name: opacity;
        /*animation-duration: 0.3s;*/
    }

@keyframes opacity {
    0% {
        opacity: 0;
        transform: scale(3);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.file-upload-main-wrapper {
    background-color: #ffffff;
    width: 100%;
    margin: 0 auto;
}

.file-upload-btn {
    width: 100%;
    margin: 0;
    color: #fff;
    background: #1fb264;
    border: none;
    padding: 10px;
    border-radius: 4px;
    border-bottom: 4px solid #15824b;
    transition: all 0.2s ease;
    outline: none;
    text-transform: uppercase;
    font-weight: 700;
}

    .file-upload-btn:hover {
        background: #1aa059;
        color: #ffffff;
        transition: all 0.2s ease;
        cursor: pointer;
    }

    .file-upload-btn:active {
        border: 0;
        transition: all 0.2s ease;
    }

.file-upload-content {
    display: none;
    text-align: center;
    background: #fff;
    width: 100%;
    height: 400px;
    box-shadow: 0 2px 5px #dddd;
    padding: 10px;
    border-radius: 5px;
}

.file-upload-input {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
}

.image-upload-wrap {
    border: #909192 dashed 1px;
    border-radius: 5px;
    position: relative;
    background-color: #eee;
    height: 400px;
}

    .image-upload-wrap img.placeholder-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .image-dropping,
    .image-upload-wrap:hover {
        background-color: #eee;
    }

.image-title-wrap {
    padding: 0 15px 15px 15px;
    color: #222;
}

.drag-text {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
}

    .drag-text h3 {
        font-weight: 500;
        text-transform: uppercase;
        color: #000;
        padding: 0;
        font-size: 18px;
        letter-spacing: 1px;
        margin: 0 0 15px;
        z-index: -1;
    }

    .drag-text p {
        color: #000;
    }

.file-upload-image {
    height: 100%;
    width: 100%;
    margin: auto;
    border-radius: 5px;
    object-fit: cover;
}

.remove-image,
.edit-image {
    color: #000;
    border: none;
    padding: 0 5px;
    border-radius: 5px;
    transition: all 0.2s ease;
    outline: none;
    text-align: center;
    font-weight: 500;
    min-width: 25px;
    height: 25px;
    margin: 0 0 0 5px;
    width: auto !important;
    border: #ddd solid 1px;
    background-color: #fff !important;
}

    .edit-image:hover {
        background-color: #0073e9 !important;
        border-color: #0073e9;
        color: #fff;
    }

    .remove-image:hover {
        background-color: #ff0000 !important;
        border-color: #0073e9;
        color: #fff;
    }

        .remove-image:hover i,
        .edit-image:hover i {
            color: #fff;
        }

.remove-image {
    background: #cd4535;
}

.edit-image {
    background: #008afc;
}

    .remove-image i,
    .edit-image i {
        color: #666;
        margin: 0 5px !important;
        font-family: FontAwesome !important;
    }

.remove-image:hover {
    background: #ff0000 !important;
    color: #ffffff;
    transition: all 0.2s ease;
    cursor: pointer;
}

.remove-image:active {
    border: 0;
    transition: all 0.2s ease;
}

.image-lists ul {
    list-style: none;
    margin: 25px 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    box-shadow: 0 1px 5px #ddd;
    border-radius: 5px;
}

    .image-lists ul li {
        width: 122px;
        margin-right: 10px;
        margin-bottom: 10px;
    }

        .image-lists ul li:nth-of-type(3n) {
            margin-right: 0;
        }

        .image-lists ul li img {
            width: 122px;
            height: 100px;
            object-fit: contain;
            object-position: center;
        }

        .image-lists ul li label {
            width: 100%;
            display: block;
            font-weight: 500;
            font-size: 16px;
            text-align: center;
            margin: 5px auto;
        }

.image-lists .image-upload-wrap {
    border: #909192 dashed 1px;
    border-radius: 5px;
    position: relative;
    background-color: #eee;
    height: 100px;
    width: 122px;
}

.image-lists .file-upload-content {
    height: 100px;
    width: 122px;
    padding: 0;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 1px 5px #afacac;
}

.image-lists .image-title-wrap {
    padding: 5px;
    color: #222;
    position: absolute;
    top: 0;
    right: -100%;
    background: #fff;
    border: #ddd solid 1px;
    transition: right 0.5s linear;
}

.file-upload-content:hover .image-title-wrap {
    right: 0;
}

.app-sidebar-help {
    left: 0 !important;
}

#divItemInfo {
    font-family: "Poppins", sans-serif !important;
    flex-direction: column;
    justify-content: space-between;
    display: flex;
    min-height: 320px !important;
    line-height: 1.5;
}

.input-with-icon {
    position: relative;
    width: 60%;
    font-family: "Poppins", sans-serif !important;
    vertical-align: middle;
}

    .input-with-icon i {
        position: absolute;
        top: 14px !important;
        left: 13px;
        color: #424e79 !important;
        font-weight: bold;
        font-size: 18px;
        margin-top: 0 !important;
    }

    .input-with-icon input {
        width: 100%;
        border: #d3dfea solid 1px;
        border-radius: 5px;
        height: 45px;
        padding-left: 35px;
        margin-left: 5px;
        font-size: 18px !important;
        font-weight: 600 !important;
        background-color: white;
        color: #424e79 !important;
        font-family: "Poppins", sans-serif !important;
    }

        .input-with-icon input:focus {
            outline: none;
        }

.optional-txt {
    display: block;
    font-size: 12px;
    color: #999;
    margin-right: 16px;
}

.colon {
    font-size: 25px;
    margin: 0 8px;
}

@media only screen and (max-width: 800px) {
    .chat-widget-header small {
        text-overflow: ellipsis;
        width: 130px;
        overflow: hidden;
        white-space: nowrap;
        display: block;
    }

    .invite-team-list label {
        margin-bottom: 10px;
    }

    .table-responsive.tables-mobile-view table,
    .table-responsive.tables-mobile-view thead,
    .table-responsive.tables-mobile-view tbody,
    .table-responsive.tables-mobile-view th,
    .table-responsive.tables-mobile-view td,
    .table-responsive.tables-mobile-view tr {
        display: block;
    }

        .table-responsive.tables-mobile-view thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        .table-responsive.tables-mobile-view table tr {
            border: #f4f5fb solid 1px;
            border-bottom: 10px solid #eef0f6;
        }

            .table-responsive.tables-mobile-view table tr td {
                border: none;
                position: relative;
                padding-left: 50% !important;
                white-space: normal;
                text-align: left;
            }

                .table-responsive.tables-mobile-view table tr td:before {
                    position: absolute;
                    top: 6px;
                    left: 6px;
                    width: 45%;
                    padding-right: 10px;
                    white-space: nowrap;
                    text-align: left;
                    font-weight: bold;
                }

                .table-responsive.tables-mobile-view table tr td:before {
                    content: attr(data-title) !important;
                }
}

@media (max-width: 480px) {

    .new_event_design_wrapper #image-list .itemContainerHeight .d-flex:first-child div:first-child {
        min-height: 50px;
    }

    .new_event_design_wrapper .small-header-wrapper {
        justify-content: space-between;
    }

    #btnPaymentCancel {
        max-width: 100%;
    }

    .table-responsive.tables-mobile-view table tr td {
        padding-left: 40% !important;
    }

    .chat-widget-header small {
        width: 115px;
    }

    .pre-header .col-md-6 {
        float: none !important;
    }

    .pre-header li {
        padding-left: 5px !important;
        padding-right: 5px !important;
        border-right: solid 1px #d8d8d8 !important;
    }

    .additional-shop-info li:first-child {
        padding-left: 0;
    }

    .pre-header .additional-nav {
        float: none !important;
        text-align: left !important;
    }

    .pre-header li:last-child {
        border: none !important;
    }

    .pre-header .list-inline li {
        display: inline-block;
    }

    .pre-header .pull-right {
        float: none !important;
        text-align: center;
    }

    .list-inline {
        padding-left: 0;
        list-style: none;
        margin-left: 0;
        text-align: center;
    }
}

.text-with-arrow i {
    display: none !important;
}

@media (min-width: 768px) {
    .wizard > .steps {
        padding: 25px;
    }
}

@media (min-width: 992px) {
    .wizard > .steps {
        padding: 20px;
    }
}

@media null {
    .wizard > .steps > ul li .title {
        transition: none;
    }
}

@media (min-width: 576px) {
    .wizard > .steps > ul li .title {
        display: none;
        margin-left: 10px;
    }
}

@media (min-width: 768px) {
    .wizard > .steps > ul li .title {
        display: inline-block;
    }
}

@media (min-width: 576px) {
    .wizard > .steps > ul li + li {
        margin-left: 20px;
    }
}

@media (min-width: 992px) {
    .wizard > .steps > ul li + li {
        margin-left: 30px;
    }
}

@media (min-width: 1200px) {
    .wizard > .steps a {
        justify-content: flex-start;
    }

        .wizard > .steps a:hover,
        .wizard > .steps a:active {
            justify-content: flex-start;
        }
}

@media null {

    .wizard > .steps a .number,
    .wizard > .steps a:hover .number,
    .wizard > .steps a:active .number {
        transition: none;
    }
}

@media (min-width: 576px) {

    .wizard > .steps a .number,
    .wizard > .steps a:hover .number,
    .wizard > .steps a:active .number {
        font-size: 18px;
        font-weight: 600;
        line-height: 2.1;
        width: 40px;
        height: 40px;
    }
}

@media (min-width: 992px) {
    .wizard > .steps .disabled {
        display: block;
    }
}

@media (max-width: 991px) {
    .wizard > .steps .disabled {
        display: none;
    }

    .main_content_wrapper .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .title {
        display: inline-block !important;
    }

    .main_content_wrapper .page-sidebar-menu.page-sidebar-menu-closed {
        width: 100% !important;
    }

    .nav-link.icon {
        padding: 0;
    }

    .header-option .header-icon {
        font-size: 20px;
    }

    .search-element .form-control {
        width: 150px;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle {
        font-size: 12px;
        padding: 28px 5px 26px;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
        padding: 25px 5px 18px;
    }

    .form-inline-top .search-element .btn {
        top: -3px;
    }

    .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) > i {
        font-size: 14px;
    }

    .header-option.pl-5.pr-5 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .list-user-name a {
        width: 90%;
        white-space: normal;
    }

    .timline-banner {
        min-height: auto;
    }

    .inner_content_wrapper {
        flex-direction: column;
    }

    .app-sidebar {
        margin-bottom: 15px;
        width: 100% !important;
    }
}

@media (min-width: 768px) {

    .wizard > .steps .done a .title,
    .wizard > .steps .done a:hover .title,
    .wizard > .steps .done a:active .title {
        display: inline-block;
    }
}

@media (min-width: 768px) {
    .wizard > .content {
        padding: 25px;
    }
}

@media (min-width: 992px) {
    .wizard > .content {
        padding: 20px;
    }
}

@media (min-width: 768px) {
    .wizard > .actions {
        padding: 25px;
    }
}

@media (min-width: 992px) {
    .wizard > .actions {
        padding: 20px;
    }
}

@media (min-width: 576px) {
    .wizard.vertical > .steps {
        float: left;
        width: 20%;
    }
}

@media (min-width: 768px) {
    .wizard.vertical > .steps {
        width: 15%;
    }
}

@media (min-width: 992px) {
    .wizard.vertical > .steps {
        padding: 20px;
        width: 30%;
    }
}

@media (min-width: 576px) {
    .wizard.vertical > .steps ul {
        flex-direction: column;
    }
}

@media (min-width: 576px) {
    .wizard.vertical > .steps ul li + li {
        margin-top: 10px;
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    .wizard.vertical > .steps ul li + li {
        margin-top: 20px;
    }
}

@media (min-width: 992px) {
    .wizard.vertical > .steps ul li .title {
        display: block;
    }
}

@media (min-width: 992px) {
    .wizard.vertical > .steps a {
        justify-content: flex-start;
    }
}

@media (min-width: 576px) {
    .wizard.vertical > .steps .current a .title {
        display: none;
    }
}

@media (min-width: 992px) {
    .wizard.vertical > .steps .current a .title {
        display: inline-block;
    }
}

@media (min-width: 576px) {
    .wizard.vertical > .content {
        border-top-width: 0;
        border-bottom-width: 0;
        width: 80%;
        float: right;
        border-left: 1px solid #e9edf4;
    }
}

@media (min-width: 768px) {
    .wizard.vertical > .content {
        width: 85%;
    }
}

@media (min-width: 992px) {
    .wizard.vertical > .content {
        width: 70%;
        padding: 25px;
    }
}

@media (min-width: 576px) {
    .wizard.vertical > .actions {
        width: 80%;
        float: right;
        border-left: 1px solid #e9edf4;
    }
}

@media (min-width: 768px) {
    .wizard.vertical > .actions {
        width: 85%;
    }
}

@media (min-width: 992px) {
    .wizard.vertical > .actions {
        width: 70%;
        padding: 25px;
    }
}

@media (max-width: 1023px) {
    .current-bid-box {
        padding-top: 0;
    }

    #image-list .create_item_wrapper .col-sm-8.custom-col,
    #image-list .create_item_wrapper .col-sm-4.custom-col {
        width: 100%;
        max-width: 100%;
        flex-basis: 100%;
    }

    #image-list .create_item_wrapper .col-sm-4.custom-col {
        margin-top: 15px;
        height: auto !important;
        padding: 0 0;
    }

    #carousel-example-generic.carousel,
    .carousel-inner {
        height: 200px;
    }

    .image-lists ul li:nth-of-type(3n) {
        margin-right: 10px;
    }

    .text-with-arrow i {
        display: block !important;
    }

    .text-with-arrow {
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
    }

        .text-with-arrow i {
            color: #000;
            font-size: 24px;
            transition: all 0.2s linear;
        }

            .text-with-arrow i.rotate {
                transform: rotate(-180deg);
            }

    .event-form-mob-toggle {
        display: none;
    }

        .event-form-mob-toggle.show {
            display: block;
            padding: 15px 0;
        }

    .app-sidebar.app-sidebar3 {
        padding-bottom: 0;
    }

    .app-sidebar.app-sidebar3 {
        padding-bottom: 0 !important;
    }

    .sidebar-title {
        margin: 0;
    }

    .event-form {
        padding-bottom: 15px;
    }

    /*.app-sidebar__user {
padding: 15px 5px !important;
}*/
        .app-sidebar-help {
        position: initial !important;
        width: 100% !important;
    }

    .time-line-body {
        display: none;
    }
}

@media (min-width: 1025px) and (max-width: 1280px) {

    #carousel-example-generic.carousel,
    .carousel-inner {
        height: 225px;
    }

    .current-bid-box {
        display: flex;
        margin-bottom: 10px;
    }

        .current-bid-box h2 {
            margin-bottom: 3px;
            font-size: 16px;
        }

        .current-bid-box h3 {
            margin-bottom: 0;
            font-size: 12px;
        }

    .item-container {
        padding: 5px 0 0;
    }

        .item-container .card-text {
            padding: 0 0 4px;
            font-size: 13px;
        }
}

@media (min-width: 640px) and (max-width: 1280px) {
    #kt_wrapper #divItemInfo.col-sm-4 {
        flex: inherit;
        max-width: 48%;
        padding: 0 5px;
        width: 48%;
        height: auto !important;
        display: flex;
        justify-content: space-between;
    }

    .corporate #divItemInfo.col-sm-4 {
        flex: inherit;
        max-width: 48%;
        padding: 0 5px;
        width: 48%;
        display: flex;
        justify-content: space-between;
    }

    #kt_wrapper .create_item_wrapper.Mobile_view .card .col-sm-8.custom-col#divImageScroll,
    #kt_wrapper .create_item_wrapper.Mobile_view .card .col-sm-4.custom-col#divItemInfo {
        width: 100%;
        max-width: 100%;
    }
}

@media (min-width: 991px) and (max-width: 1100px) {
    .app-sidebar {
        width: 280px !important;
        min-width: 280px !important;
    }

    .new-wrapper-area.new-event-wrapper .nav-event-tabs-wrapper .bid-value-text {
        font-size: 1.2rem !important;
    }

    #divItemValueRight h3,
    #divStartBidRight h2 {
        font-size: 1.2rem !important;
    }

    .corporate #divItemValueRight h3,
    .corporate #divStartBidRight h2 {
        font-size: 24px !important;
    }

    #divItemInfo .item_info .input-with-icon input {
        font-size: 16px !important;
    }

    #divItemInfo .item_info .input-with-icon i {
        top: 0 !important;
        font-size: 14px;
    }

    .corporate #divItemInfo .item_info .input-with-icon i {
        top: 0 !important;
        color: #3e4d5c !important;
    }

    #btnAddCategory {
        margin-left: 0 !important;
    }

    #kt_content .inner_content_wrapper .card-footer {
        font-size: 9px;
    }

    #divItemInfo .item_info #lblTax {
        font-size: 1rem;
    }
}

@media (max-width: 768px) {
    .tab_wrapper .content_wrapper .accordian_header {
        display: none !important;
    }

    .event-web-card {
        min-height: inherit !important;
    }
}

@media (max-width: 991px) {
    #kt_wrapper {
        padding-left: 0 !important;
    }

    .inner_content_wrapper .row.m-0 .col-xl-12.col-lg-12.col-md-12 {
        padding: 0;
    }
}

@media (max-width: 991px) {
    #divItemWrapper #divImageScroll {
        width: 100%;
        max-width: 100%;
        flex: 100%;
    }

    #divItemWrapper #divItemInfo {
        width: 98%;
        max-width: 100%;
        flex: 100%;
        padding: 15px !important;
        margin: 0 auto !important;
        height: auto !important;
    }
}

@media (max-width: 767px) {
    #bid-success-modal {
        padding-left: 0 !important;
    }

    #example-vertical.wizard label {
        text-align: left !important;
    }

    .image-save-btn {
        margin-top: 15px;
    }

    .modal.modal-custom .modal-dialog {
        position: initial;
        transform: none !important;
        width: 90%;
    }

    #carousel-example-generic.carousel,
    .carousel-inner {
        height: 125px;
    }

    .carousel-actions-wrap {
        padding: 2px;
    }

        .carousel-actions-wrap .remove-image,
        .carousel-actions-wrap .edit-image {
            min-width: 20px;
            height: auto;
            border-radius: 5px;
            margin-bottom: 5px;
        }

        .carousel-actions-wrap .remove-image {
            margin-bottom: 0 !important;
        }

            .carousel-actions-wrap .remove-image i,
            .carousel-actions-wrap .edit-image i {
                font-size: 12px;
            }

    .mob-padding {
        padding: 10px 0 0;
    }

        .mob-padding h2 {
            font-size: 20px;
        }

        .mob-padding h3 {
            font-size: 16px;
        }

    .item-container .card-text {
        padding: 0 0 10px;
        font-size: 13px;
    }

    .search-element {
        margin-bottom: 15px;
    }

        .search-element .form-control {
            width: 300px;
        }

    .page-content-wrapper .page-content .page-title {
        margin-bottom: 5px;
        font-size: 16px;
    }

    .list-user-name a {
        width: 220px;
    }

    .page-header-fixed .page-container.main_content_wrapper {
        margin-top: 75px;
        padding: 0;
    }

    .mCSB_inside > .mCSB_container {
        margin-right: 15px !important;
    }

    .timline-banner {
        min-height: auto;
    }

    .profile-image-circle {
        width: 100px;
        height: 100px;
    }

    .event-profile-details {
        width: calc(100% - 0) !important;
    }

        .event-profile-details p {
            font-size: 14px;
            margin-bottom: 0;
        }

            .event-profile-details p a {
                display: block;
            }

        .event-profile-details h1 {
            font-size: 16px;
            margin: 5px 0 5px;
            padding: 0;
            word-break: break-word;
        }

    .chat-widget-header p {
        margin: 10px 0;
    }

    .toggle_menu_icon {
        display: block !important;
    }

    .header_navs {
        display: none;
    }

        .header_navs.opened {
            display: flex;
            flex-direction: column;
            position: absolute;
            left: 0;
            right: 0;
            padding: 15px;
            background-color: #fff;
            top: 76px;
        }

    .bidding-tab .tab_wrapper .content_wrapper .accordian_header {
        display: none;
    }

    .default-tab.default-setting-tab .tab_list {
        display: none !important;
    }

    .tab_wrapper.default-setting-tab .content_wrapper .accordian_header {
        border: #eaeaea solid 1px;
        margin-bottom: 5px;
    }

    .permission-tab .tab_wrapper.default-setting-tab .tab_content {
        padding: 10px 0 !important;
    }

    .assign-outer div:first-child {
        width: 100%;
    }
    .tab_content.first.tab_general.active.tab_1_1 .assign-outer-box div:first-child p {
        max-width: inherit;
    }
    .tab_content.tab_auction.active.tab_1_3 .assign-outer-box div:first-child p {
        max-width: inherit;
    }
    .event-info-right {
        margin-top: 1rem;
    }

    .timeline-menu {
        flex-direction: column;
    }

    .menu-left ul {
        margin-bottom: 10px;
    }

    .amount-box h3 {
        font-size: 14px;
        margin: 0 5px;
    }

    .amount-box i,
    span.fa-2x {
        font-size: 14px;
    }

    .summary-tab.tab_wrapper .tab_list:before,
    .summary-tab.tab_wrapper .tab_list:after {
        right: 0.5em;
        margin-left: auto;
        margin-right: auto;
    }

    .summary-tab.tab_wrapper .content_wrapper {
        border: none;
        margin-top: 15px;
    }

    .select2.select2-container.select2-container--default {
        width: 100% !important;
    }

    .advance-feature ul {
        margin: 0;
        padding: 0;
    }

        .advance-feature ul li {
            max-width: 100% !important;
        }

            .advance-feature ul li > div {
                align-items: baseline;
            }

    #helpsection #carouselExampleControls .event_tips_video iframe {
        min-height: inherit;
    }
}

.btnCustom {
    padding-top: 0;
    padding-bottom: 0;
}

.btn-lightCustom {
    color: #0073e9 !important;
    background-color: #fff !important;
    border-color: #dae0e5;
    box-shadow: 0 0 10px -5px rgb(68, 84, 195, 0.2);
    border: #0073e9 solid 2px !important;
}

    .btn-lightCustom:hover {
        color: #ffffff !important;
        background-color: #0073e9 !important;
    }

    .btn-lightCustom .fa {
        color: #0073e9;
    }

    .btn-lightCustom:hover .fa {
        color: #ffffff;
    }

.btnCommon {
    border: transparent solid 1px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 10%), 0 1px 2px rgb(0 0 0 / 18%);
    border-radius: 2px;
    font-weight: 600;
    font-size: 12px;
    padding: 8px 14px 7px;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    border-radius: 4px !important;
}

.btnCustom:hover {
    box-shadow: 0 3px 6px rgb(0 0 0 / 20%), 0 3px 6px rgb(0 0 0 / 26%);
}

.activeTab {
    background: #00559f !important;
}

.inActiveTab {
    background: #eee !important;
}

.btn-default-custom {
    color: #fff !important;
    background-color: #008afc;
    border-color: #008afc;
    box-shadow: 0 0 10px -5px rgb(68, 84, 195, 0.5);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 8px 14px 7px;
}

.add-btn-custom {
    background-color: #0073e9;
    color: #fff;
}

    .add-btn-custom .fa {
        color: #ffffff;
        vertical-align: baseline;
    }

.profile-image-circle-custom {
    width: 100px !important;
    height: 100px !important;
    border-radius: 0;
    background-color: #f3f3f2;
    border: #ddd solid 4px !important;
    margin-right: 25px;
}

.btnCustomDetail {
    height: 36px;
    padding-top: 0;
    padding-bottom: 0;
}

.ktAsideSideMenu {
    display: none !important;
}

.ktHeader {
    left: 0 !important;
}

.save_btn {
    background-color: #0073e9;
    border: none;
    color: white;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 4px !important;
}

    .save_btn:hover {
        background-color: #0073e9;
        color: #ffffff;
    }

.cancel_btn {
    background-color: transparent;
    color: black;
    border: none;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 4px !important;
}

    .cancel_btn:hover {
        background-color: #e7e7e7;
    }

.save_btn:hover {
    background-color: #187de4;
}

@media (max-width: 640px) {
    #divStartBidRight #lblCurrentBid {
        font-size: 18px;
    }

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

    .bid-value-text {
        font-size: 18px;
    }

    .bid-history {
        font-size: 12px;
    }

    .pagination-wrapper {
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: column;
    }

    #transaction-modal .d-flex.align-items-center.justify-content-between {
        justify-content: center !important;
        flex-wrap: wrap;
    }

    .wizard.vertical > .content {
        padding: 20px 0px;
    }

    .permission-tab .tab_wrapper .tab_content {
        padding: 20px 0 !important;
        border: none !important;
    }

    .all-bidders-list .dataTables_wrapper .dataTables_filter label {
        width: 100%;
    }

    .bd-example-modal-lg #formAddress .form-group {
        width: 49%;
    }

        .bd-example-modal-lg #formAddress .form-group:nth-child(7) {
            width: 49%;
        }

        .bd-example-modal-lg #formAddress .form-group:nth-child(8) {
            width: 49%;
        }

    .timeline-menu {
        flex-direction: column-reverse !important;
    }

    .all-bidders-list.table-responsive .dataTables_wrapper .row div[class^="col-"]:last-child {
        padding-right: 0;
        padding-left: 0;
    }

    .all-bidders-list.table-responsive .dataTables_wrapper .row [class^="col-"]:first-child {
        padding-left: 0;
        padding-right: 0;
    }

    .all-bidders-list .dt-buttons {
        display: flex;
        justify-content: space-evenly;
        background-color: #008afc;
        border-radius: 4px;
    }

    .dataTables_wrapper .btn {
        padding: 0.375rem;
        font-size: 13px;
    }

    .item-banner {
        margin: 0;
        border-radius: 8px 8px 0 0;
        overflow: hidden;
    }

    .outer-wrapper.mobile-wrapper .timeline-menu,
    .outer-wrapper .timeline-menu {
        flex-direction: column;
        justify-content: flex-start;
        margin-top: 10px;
    }

    .modal .item-detail {
        padding: 0 0;
    }

    .timeline-menu {
        padding: 15px 0;
        display: flex;
        justify-content: space-evenly;
        flex-direction: column;
    }

    .event-detail-info {
        display: block;
    }

    .event-info-right {
        margin-top: 2rem;
    }

    .page-sub-header {
        flex-direction: column;
        margin-top: 0;
        min-height: auto;
    }

    .page-rightheader {
        margin-left: 0 !important;
    }

    .mob-flex-direction-column {
        flex-direction: column;
    }

    .mob-btns-css {
        flex-direction: column;
        width: 100%;
        margin-top: 10px;
    }

        .mob-btns-css .btn {
            margin-left: 0;
            margin-bottom: 10px;
        }

        .mob-btns-css .btn,
        .mob-btns-css .form-control,
        .mob-btns-css .form-group {
            width: 100%;
        }

    .location-header {
        display: block;
        padding: 10px 0;
    }

    .tab_eventlocation .col {
        width: 100% !important;
        flex-basis: 100% !important;
        border: 1px solid #dfe3eb !important;
        margin-bottom: 5px !important;
    }

    .permission-tab .tab_wrapper .tab_list li {
        min-width: 33.33%;
        padding: 10px 5px;
        border-bottom: 1px solid #ddd;
    }

        .permission-tab .tab_wrapper .tab_list li.active {
            border-bottom: 1px solid #00559f !important;
        }

            .permission-tab .tab_wrapper .tab_list li.active::after {
                display: none;
            }

    .event-big-circle {
        width: 50px;
        height: inherit;
        line-height: normal;
    }

    .outer-wrapper #profileImage {
        font-size: 24px;
    }

    .FSI_editimage {
        width: 20px;
        height: 20px;
        line-height: 20px;
    }

        .FSI_editimage .fa {
            font-size: 12px;
        }

    .create_item_wrapper {
        padding: 0 12.5px !important;
    }

    #divItemWrapper.create_item_wrapper {
        padding: 0 !important;
    }

    #divShareThisFooter .sharethis-inline-share-buttons .st-btn img {
        width: 100%;
        margin-right: 0;
    }

    #divShareThisFooter .sharethis-inline-share-buttons .st-btn > span {
        display: none !important;
    }
}

@media (max-width: 640px) {
    #divItemInfo.col-sm-4 {
        flex: 100%;
        max-width: 100%;
        padding: 0 5px;
    }

    #divImageScroll.col-sm-8 {
        flex: 100%;
        max-width: 100%;
        padding: 0 5px;
    }

    #divCreateItemWrapper.create_item_wrapper {
        padding: 0 !important;
    }

    #buy-modal #divBuyNowForm {
        width: 100% !important;
    }

    .item-container {
        margin-top: 10px;
    }

    .menu-right .btn-list {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: 10px;
    }

    .profile-left-details {
        width: 100%;
    }

    .outer-wrapper.mobile-wrapper .event-profile,
    .event-profile {
        display: flex;
        margin-top: 0;
        margin-bottom: 10px;
        flex-direction: column;
    }

    .make-donation-btn {
        top: 0 !important;
        width: 100%;
        margin-top: 15px;
    }
}

@media (max-width: 460px) {
    .small-nav-header .howto-btn {
        padding: 0 5px;
        margin-left: 5px;
        min-height: 25px;
        font-size: 10px;
    }

        .small-nav-header .howto-btn .fa {
            font-size: 12px;
        }

    .outer-wrapper .timeline-menu .menu-right .btn-list .btn-lightCustom {
        font-size: 10px;
    }

    .small-nav-header #prev_item, .small-nav-header #next_item, .small-nav-header #all_item {
        
        width: inherit;
    }

        

    #kt_content .card-footer div div {
        padding: 7px;
        font-size: 12px;
        align-items: center;
    }

    .card-footer {
        font-size: 12px;
    }

    #kt_content .card-footer div div .fa {
        font-size: 12px !important;
    }

    #divItemInfo {
        min-height: inherit !important;
    }
}

@media (max-width: 415px) {
    .profile-image-circle {
        width: 70px !important;
        height: 70px;
        margin-right: 10px;
    }

    .profile-left-details {
        width: 100%;
    }

    .outer-wrapper.mobile-wrapper .timline-banner {
        min-height: 130px;
        max-height: 130px;
    }

    .permission-tab .tab_wrapper .tab_list li {
        min-width: 50%;
    }

    .outer-wrapper.mobile-wrapper .event-profile,
    .event-profile {
        display: flex;
        margin-top: 0;
        margin-bottom: 10px;
        flex-direction: column;
    }

    .outer-wrapper.mobile-wrapper .event-profile-details h1,
    .outer-wrapper .event-profile-details h1#event_info_name,
    .outer-wrapper .event-profile-details h1 {
        font-size: 16px;
    }

    .maintance_wrapper h1 {
        font-size: 36px;
        line-height: 45px;
    }

    .timeline-menu {
        padding: 15px 0;
    }

    .menu-left ul {
        justify-content: space-around;
    }

        .menu-left ul li {
            margin-right: 0;
            margin-bottom: 10px;
        }

    .subheader-.aside-minimize #divStartBidRight h2 {
        font-size: 1.5rem;
    }

    .input-with-icon input {
        font-size: 1.5rem !important;
    }

    .item-container .input-with-icon input {
        min-width: inherit !important;
    }

        .item-container .input-with-icon input[type="number"] {
            max-width: 80% !important;
        }

    .outer-wrapper .timeline-menu .menu-right .btn-list .btn-lightCustom {
        font-size: 10px;
    }

    .btnCommon {
        padding: 8px 10px 7px;
    }

    #divShareThisFooter .sharethis-inline-share-buttons {
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        margin: 0 15px;
    }

        #divShareThisFooter .sharethis-inline-share-buttons .st-btn.st-remove-label {
            min-width: 50px;
            width: 50px;
            margin: 0 0 10px;
        }

    #dvProfilePicture .image-wrapper {
        max-width: 70px;
        height: inherit;
        min-height: inherit;
    }

    .outer-wrapper #profileImage {
        font-size: 24px;
        line-height: 70px;
    }

    #btnOrganization {
        margin-top: 0 !important;
    }

    .menu-right .btn-list {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .timeline-menu .menu-left ul {
        margin-bottom: 0;
    }

        .timeline-menu .menu-left ul li {
            margin-bottom: 0;
        }

    .event-profile-details h1#lblOrganizationName {
        font-size: 13px;
    }

    #BidModal .input-with-icon {
        width: 100% !important;
    }

    #public_modal .modal-body,
    #golive_modal .modal-body {
        padding: 25px !important;
        text-align: center;
        font-size: 16px;
    }
}

@media (max-width: 375px) {

    .profile-image-circle,
    .outer-wrapper.mobile-wrapper .profile-image-circle {
        width: 70px !important;
        height: inherit !important;
        margin-right: 10px;
    }

    .outer-wrapper.mobile-wrapper .event-profile,
    .event-profile {
        display: flex;
        margin-top: 0;
    }

    .outer-wrapper #profileImage {
        line-height: 49px;
        font-size: 38px;
    }

    .event-profile-details {
        width: calc(100% - 20px);
    }

        .event-profile-details h1 {
            font-size: 14px;
            margin: 5px 0 0;
        }

    .maintance_wrapper p {
        font-size: 18px;
    }

    .maintance_wrapper h1 {
        font-size: 28px;
        line-height: 35px;
    }

    .page-content-wrapper .page-content .page-title {
        margin-bottom: 10px;
        font-size: 16px;
    }

    .amount-box h3 {
        font-size: 12px;
        margin: 0 5px;
    }

    .amount-box i,
    span.fa-2x {
        font-size: 12px;
    }

    .amount-view-mob {
        flex-direction: column;
        align-items: center !important;
        justify-content: center !important;
    }

    .small-nav-header h5 {
        display: none;
    }

    .small-nav-header .howto-btn {
        padding: 0 5px;
        margin-left: 5px;
        min-height: 25px;
        font-size: 8px;
    }

        .small-nav-header .howto-btn .fa {
            font-size: 10px;
        }

    .outer-wrapper .timeline-menu .menu-right .btn-list .btn-lightCustom .fa {
        font-size: 12px;
    }

    #dvProfilePicture .image-wrapper {
        max-width: 62px;
        height: inherit;
        min-height: inherit;
    }
}

@media (max-width: 320px) {

    .profile-image-circle,
    .outer-wrapper.mobile-wrapper .profile-image-circle {
        width: 60px !important;
        height: 60px !important;
        margin-right: 10px;
    }

    .outer-wrapper.mobile-wrapper .event-profile,
    .event-profile {
        display: flex;
        margin-top: 0;
    }

    .input-with-icon input {
        font-size: 1.2rem !important;
    }

    .subheader-.aside-minimize #divStartBidRight h2 {
        font-size: 1.2rem;
    }

    .subheader-.aside-minimize #divItemValueRight h3 {
        font-size: 1.2rem !important;
    }

    .outer-wrapper .timeline-menu .menu-right .btn-list .btn-lightCustom {
        font-size: 9px;
    }

    .outer-wrapper .timeline-menu .menu-right .btn-list .visitor_btn .fa {
        font-size: 12px;
    }

    .outer-wrapper .timeline-menu .menu-right .btn-list .btn-lightCustom .fa {
        font-size: 12px;
    }

    @charset "UTF-8";

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6 {
        margin-bottom: 0.66em;
        font-family: "Poppins", sans-serif !important;
        font-weight: 500;
        line-height: 1.1;
        color: inherit;
        margin-top: 0;
    }

    body {
        font-family: "Poppins", sans-serif !important;
        font-weight: 400;
        background: #eef0f8 !important;
        margin: 0 !important;
        padding: 0 !important;
        display: inherit !important;
    }

    h3,
    .h3 {
        font-size: 1.5rem !important;
    }

    .justify-content-center {
        justify-content: center !important;
    }

    .mb-6,
    .my-6 {
        margin-bottom: 2rem !important;
    }

    .card-group > .card:only-child {
        border-radius: 3px;
    }

    .d-sm-flex {
        display: flex !important;
    }

    .btn-list > .btn,
    .btn-list > .dropdown {
        margin-bottom: 0.5rem;
    }

    .mr-2,
    .mx-2 {
        margin-right: 10px !important;
    }

    .btn-google:hover {
        color: #fff;
        background-color: #d03526;
        border-color: #c63224;
    }

    .btn-google {
        color: #fff;
        background-color: #dc4e41;
        border-color: #dc4e41;
    }

    .btn-twitter {
        color: #fff;
        background-color: #1da1f2;
        border-color: #1da1f2;
    }

        .btn-twitter:hover {
            color: #fff;
            background-color: #0d8ddc;
            border-color: #0c85d0;
        }

    #dvContainer #kt_content .container-fluid {
        width: 100%;
    }

    .iframecontainer iframe {
        width: 100% !important;
    }

    #divShareThisFooter {
        clear: both;
        margin: 0 0 80px !important;
        width: 100%;
        text-align: center;
    }

    .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading,
    .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link {
        background-color: #e8ebf2 !important;
        color: #333333;
        opacity: 1;
        border-radius: 4px;
    }

        .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-text,
        .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-text {
            color: #3f4254 !important;
        }

        .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-icon i {
            color: #fff !important;
        }

    .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading,
    .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link {
        background-color: #e8ebf2 !important;
        color: #fff;
        opacity: 1;
        border-radius: 4px;
    }

    .hero-banner.newdesign_sidebar .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading,
    .hero-banner.newdesign_sidebar .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link {
        background-color: #ffffff1a !important;
        color: #fff;
        opacity: 1;
        border-radius: 4px;
    }

    .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading .menu-text,
    .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-text {
        color: #3f4254 !important;
    }

    .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading .menu-icon,
    .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-icon {
        color: #fff !important;
        background-color: #0073e9 !important;
    }

    .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-icon,
    .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-icon {
        color: #fff !important;
        background-color: #0073e9 !important;
    }

    .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-icon i {
        color: #fff !important;
    }

    .highbid-ribbon {
        height: 160px;
        width: 160px;
        position: absolute;
        right: -8px;
        top: -8px;
        overflow: hidden;
    }

        .highbid-ribbon .highbid-ribbon-inside {
            background: linear-gradient(#9bc90d 0%, #79a70a 100%);
            color: #fff;
            transform: rotate(45deg);
            position: absolute;
            right: -41px;
            top: 27px;
            padding: 10px;
            min-width: 180px;
            text-align: center;
        }

            .highbid-ribbon .highbid-ribbon-inside:before {
                width: 0;
                height: 0;
                border-left: 7px solid transparent;
                border-right: 7px solid transparent;
                border-bottom: 10px solid #79a70a;
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                content: "";
                top: 35px;
                transform: rotate(-45deg);
            }

            .highbid-ribbon .highbid-ribbon-inside:after {
                width: 0;
                height: 0;
                border-top: 7px solid transparent;
                border-left: 10px solid #79a70a;
                border-bottom: 7px solid transparent;
                position: absolute;
                left: 95%;
                right: 0;
                top: 34px;
                bottom: 0;
                content: "";
                transform: rotate(-45deg);
            }

    .outbid-ribbon {
        height: 150px;
        width: 150px;
        position: absolute;
        right: -8px;
        top: -8px;
        overflow: hidden;
    }

        .outbid-ribbon .outbid-ribbon-inside {
            background: linear-gradient(#ff0011 0%, #db0000 100%);
            color: #fff;
            transform: rotate(45deg);
            position: absolute;
            right: -38px;
            top: 20px;
            padding: 10px;
            min-width: 160px;
            text-align: center;
        }

            .outbid-ribbon .outbid-ribbon-inside:before {
                width: 0;
                height: 0;
                border-left: 7px solid transparent;
                border-right: 7px solid transparent;
                border-bottom: 10px solid #db0000;
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                content: "";
                top: 35px;
                transform: rotate(-45deg);
            }

            .outbid-ribbon .outbid-ribbon-inside:after {
                width: 0;
                height: 0;
                border-top: 7px solid transparent;
                border-left: 10px solid #db0000;
                border-bottom: 7px solid transparent;
                position: absolute;
                left: 95%;
                right: 0;
                top: 34px;
                bottom: 0;
                content: "";
                transform: rotate(-45deg);
            }

    .highbid-shadow-ribbon {
        position: absolute;
        background: linear-gradient(#9bc90d 0%, #79a70a 100%);
        top: -8px;
        padding: 10px;
        right: 15px;
        color: #fff;
        border-radius: 0 0 2px 2px;
    }

        .highbid-shadow-ribbon:before {
            content: "";
            position: absolute;
            left: -8px;
            right: 0;
            top: 0;
            bottom: 0;
            width: 0;
            height: 0;
            border-bottom: 8px solid #79a70a;
            border-left: 10px solid transparent;
        }

    .outbid-shadow-ribbon {
        position: absolute;
        background: linear-gradient(#ff0011 0%, #db0000 100%);
        top: -8px;
        padding: 10px;
        right: 15px;
        color: #fff;
        border-radius: 0 0 2px 2px;
    }

        .outbid-shadow-ribbon:before {
            content: "";
            position: absolute;
            left: -8px;
            right: 0;
            top: 0;
            bottom: 0;
            width: 0;
            height: 0;
            border-bottom: 8px solid #db0000;
            border-left: 10px solid transparent;
        }

    #divItemInfo .item_info .input-with-icon input[type="text"]:disabled,
    #divItemInfo .item_info .input-with-icon input[type="number"]:disabled {
        color: #3f4254 !important;
    }

    .payment-body {
        margin: 0px;
        max-width: 100%;
        border: solid 1px grey;
        padding: 15px;
    }

    .app-sidebar.app-sidebar3 .app-sidebar__user {
        padding: 20px 15px !important;
    }

    #kt_wrapper .page-content-wrapper {
        padding-bottom: 60px;
    }

    .corporate .header {
        z-index: 998 !important;
    }

    #sidmenuUL {
        padding: 0 !important;
        margin: 0;
    }

        #sidmenuUL li a h3 {
            margin: 0;
        }

    .corporate .main {
        min-height: 100vh !important;
    }

    .help-small-header label {
        display: none;
    }

    .help-small-header #txt_search {
        height: 35px;
        min-height: 35px;
    }

    #carouselExampleControls iframe {
        width: 100% !important;
    }

    #carouselExampleControls .HelpHeaderText {
        text-decoration: none;
    }

    #fixstyle .carousel-inner {
        height: auto;
    }

    .helpsectionlist ul {
        margin: 0 0 20px;
        padding: 0 5px;
        list-style: none;
        font-size: 18px;
        font-weight: 600;
    }

        .helpsectionlist ul li button {
            margin: 0;
            padding: 0;
            font-size: 14px;
            font-weight: 600;
        }

            .helpsectionlist ul li button:hover,
            .helpsectionlist ul li button:focus {
                text-decoration: none;
            }

    #LanguageDropDown .btn {
        background-color: #fff !important;
    }

    .tc-btn,
    .tc-btn:hover {
        background-color: #0073e9 !important;
        color: #fff;
    }

    .app-sidebar__user {
        border-bottom: 1px solid #eff0f6;
        color: #424e79;
    }

    .app-sidebar .dropdown-menu {
        box-shadow: 0px 10px 10px 20px rgb(16 22 58 / 2%), 10px 10px 15px -5px rgb(16 22 58 / 8%);
        background: #4454c3;
        color: #fff;
        border: 1px solid #eff0f6;
    }

    .app-sidebar__user {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #424e79;
        width: 100%;
        padding: 25px 20px;
        display: inline-block;
        border-bottom: 1px solid #eff0f6;
    }

    .sidebar-title {
        margin: 0 0 15px;
        font-weight: bold;
        font-size: 1.5rem;
    }

    .manage_event_dropdown .dropdown-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .manage_event_dropdown .dropdown-box span {
            font-size: 1.5rem !important;
            background-color: transparent;
            border-radius: 100% !important;
            width: 38px !important;
            height: 38px !important;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            color: #ffffff !important;
            margin-right: 0;
            flex: 0 0 38px !important;
            display: flex;
            font-family: "Poppins", sans-serif !important;
        }

        .manage_event_dropdown .dropdown-box .span-event {
            margin-right: 15px;
        }

        .manage_event_dropdown .dropdown-box span .menu-link-icon {
            color: #333333;
        }

        .manage_event_dropdown .dropdown-box > div {
            display: flex;
            align-items: center;
        }

        .manage_event_dropdown .dropdown-box img {
            width: 36px;
            height: auto;
            margin-right: 0 !important;
            border: none;
            border-radius: 100%;
        }

        .manage_event_dropdown .dropdown-box h4 {
            font-size: 1rem !important;
            font-weight: bold;
            font-family: "Poppins", sans-serif !important;
            color: #3f4254;
            max-width: 170px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

    .manage_event_dropdown .dropdown-toggle::after {
        font-size: 20px;
    }

    .manage_event_dropdown .dropdown-toggle::after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
        vertical-align: 0.155em;
    }

    .manage_event_dropdown .dropdown-menu {
        padding: 8px;
        background-color: #fff !important;
        width: 100%;
    }

        .manage_event_dropdown .dropdown-menu .span-event {
            font-size: 1.5rem !important;
            background-color: #ffffff !important;
            border-radius: 100% !important;
            width: 38px !important;
            height: 38px !important;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            color: #333;
            margin-right: 15px;
            flex: 0 0 38px !important;
            display: flex;
            overflow: hidden;
        }

            .manage_event_dropdown .dropdown-menu .span-event .symbol-label.text-success {
                color: #ffffff !important;
                font-family: "Poppins", sans-serif !important;
            }

        .manage_event_dropdown .dropdown-menu a.selected .span-event {
            background-color: #e8ebf2 !important;
        }

            .manage_event_dropdown .dropdown-menu a.selected .span-event i {
                color: #ffffff !important;
            }

        .manage_event_dropdown .dropdown-menu .span-event i {
            margin: 0;
            color: #333333;
            display: block;
            background-color: transparent;
        }

    .app-sidebar__user .dropdown-menu {
        top: 10px !important;
    }

    .manage_event_dropdown .dr.manage_event_dropdown .dropdown-box span {
        font-size: 1.5rem !important;
        background-color: #e8ebf2 !important;
        border-radius: 100% !important;
        width: 38px !important;
        height: 38px !important;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        color: #333;
        margin-right: 15px;
        flex: 0 0 38px !important;
        display: flex;
    }

    .manage_event_dropdown ul li a {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .event-manage-details {
        display: flex;
        align-items: center;
    }

        .event-manage-details img {
            width: 36px;
            max-height: 36px;
            margin-right: 0 !important;
            border-radius: inherit;
            height: auto;
        }

    .manage_event_dropdown .dropdown-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .manage_event_dropdown .dropdown-box > div {
            display: flex;
            align-items: center;
        }

        .manage_event_dropdown .dropdown-box h4 {
            font-weight: bold;
            font-family: "Poppins", sans-serif !important;
            font-size: 1rem !important;
            color: #3f4254;
        }

        .manage_event_dropdown .dropdown-box img {
            width: 36px;
            max-height: 36px !important;
            margin-right: 0 !important;
            border: none;
            border-radius: 100%;
            height: auto !important;
        }

    .event-manage-details h5 {
        font-size: 1rem;
        font-weight: 500;
        color: #000;
        margin: 0;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 140px !important;
        font-family: "Poppins", sans-serif !important;
    }

    .manage_event_dropdown .dropdown-menu {
        padding: 8px;
        background-color: #fff !important;
        width: auto !important;
        max-width: 260px !important;
    }

        .manage_event_dropdown .dropdown-menu i {
            background: #008afc;
            width: 18px;
            height: 18px;
            line-height: 18px;
            border-radius: 50%;
            color: #fff;
            text-align: center;
            margin-left: 5px !important;
            display: none;
        }

    .manage_event_dropdown .dropdown-toggle::after {
        font-size: 20px;
    }

    .manage_event_dropdown .dropdown-menu a.selected i {
        display: block;
    }

    .manage_event_dropdown ul li a {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .manage_event_dropdown .dropdown-menu > li > a {
        padding: 0.5rem 0 !important;
    }

        .manage_event_dropdown .dropdown-menu > li > a:hover,
        .manage_event_dropdown .dropdown-menu > li > a:focus {
            text-decoration: none;
            color: #6b6f80;
            background-color: #f4f3f1;
            border-radius: 4px;
        }

    .corporate #dvContainer #kt_content .container-fluid {
        padding: 0;
    }

    .group-box {
        display: flex;
        align-items: center;
        margin-bottom: 0.5rem;
    }

        .group-box label {
            margin: 0;
            font-size: 16px;
            margin-right: 10px;
        }

        .group-box span {
            font-size: 18px;
            line-height: normal;
        }

    #goalamountText {
        text-align: right;
        border: 1px solid #d3dfea !important;
        margin: 0 !important;
        padding-right: 80px;
        background-repeat: no-repeat;
        background-position: right calc(0.375em + 0.325rem) center !important;
        background-size: auto !important;
        padding-right: calc(2.2em + 1.3rem) !important;
        background-image: url(/Common/Images/required-img.png) !important;
    }

    .setting-outer-wrapper {
        padding: 15px;
        border-bottom: 1px solid #dfe3eb;
    }

    .more-content-box {
        display: none;
    }

    .details-container p {
        margin: 0;
        font-size: 13px;
    }

    .details-container.show .more-content-box {
        display: block;
    }

    .details-container.show .showmore-link-btn {
        display: none;
    }

    .showmore-link-btn,
    .showless-link-btn {
        text-decoration: none;
        color: #0073e9;
        border: none;
        background-color: transparent;
    }

    .corporate #dvContainer .content {
        padding: 0 !important;
    }

    .bootstrap-switch {
        min-width: 45px !important;
    }

    .item-container .bidding-tab {
        border: none !important;
    }

    .item-container #divBidArea .tab-content {
        background-color: transparent;
        padding: 5px 0 !important;
    }

        .item-container #divBidArea .tab-content label {
            font-weight: bold;
        }

    #createTeamsModal.modal-body {
        padding: 30px;
    }

        #createTeamsModal.modal-body #txtEmails {
            width: 100% !important;
        }

        #createTeamsModal.modal-body .form-group {
            width: 100% !important;
        }

    #createTeamsModal .bootstrap-select .dropdown-menu.inner > li.selected > a .check-mark,
    #createTeamsModal .bootstrap-select .dropdown-menu.inner > li:hover > a .check-mark {
        color: #0cd440;
        font-size: 1rem;
    }

    #createTeamsModal .btn.btn-light.dropdown-toggle:after {
        color: #ffffff;
    }

    #createTeamsModal .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
        text-transform: capitalize;
    }

    #createTeamsModal .dropdown-menu .dropdown-item {
        white-space: normal;
        display: flex;
        align-items: flex-start;
    }

        #createTeamsModal .dropdown-menu .dropdown-item .glyphicon {
            margin-right: 10px;
            position: relative;
            top: 5px;
        }

        #createTeamsModal .dropdown-menu .dropdown-item .text {
            font-weight: bold;
            font-size: 14px;
        }

            #createTeamsModal .dropdown-menu .dropdown-item .text .text-muted {
                display: block;
                padding: 0;
                font-size: 12px;
                color: #001425 !important;
            }

    #createTeamsModal form .btn.dropdown-toggle.btn-light {
        min-height: 60px;
        background-color: #00559f !important;
    }

    #createTeamsModal form .dropdown.bootstrap-select.show-tick.form-control {
        height: auto;
        padding: 0;
        border: none;
    }

        #createTeamsModal form .dropdown.bootstrap-select.show-tick.form-control .filter-option {
            display: flex;
            align-items: center;
            color: #ffffff;
        }

            #createTeamsModal form .dropdown.bootstrap-select.show-tick.form-control .filter-option .filter-option-inner-inner .glyphicon {
                color: #ffffff;
            }

    #Withdrawalinfo_BankAccountImage {
        width: 100%;
        border: 1px solid #d3dfea !important;
        padding: 8px;
        border-radius: 5px !important;
        min-height: 45px;
    }

    .login-aside .bgi-position-y-bottom {
        background-position-y: top !important;
    }

    .ssnkey {
        background-repeat: no-repeat;
        background-position: right calc(0.375em + 0.325rem) center !important;
        background-size: auto !important;
        background-image: url(/Common/Images/required-img.png) !important;
    }

    .wizard-steps .btn.btn-primary {
        border-radius: 20px !important;
    }

    #PaymentWizard .font-weight-bold.text-dark {
        color: #008afc !important;
    }

    .routing-number {
        display: flex;
        align-items: center;
    }

        .routing-number h3 {
            margin: 0;
            color: #008afc;
        }

    #example-vertical-p-2 h5.col-md-12 {
        color: #ff0000;
    }

    #example-vertical-p-2 .custom-control {
        padding-left: 2rem;
    }

    #example-vertical-p-2 .custom-control-label::after {
        left: -23px;
        top: 3px;
        display: none;
    }

    #example-vertical-p-2 .custom-control-label::before {
        border: 2px solid #0073e9;
    }

    #example-vertical-p-2 .custom-control-label {
        padding-left: 10px;
    }

    .assign-box a.lead {
        color: #0073e9 !important;
        font-weight: 500;
    }

    .was-validated .form-control:valid,
    .form-control.is-valid {
        border: 1px solid #d3dfea !important;
        background-image: none !important;
        border-color: #d3dfea !important;
    }

    .was-validated .form-control:invalid,
    .form-control.is-invalid {
        border-color: #d3dfea !important;
    }

    .event_name_description .event-profile-details:first-child {
        margin-bottom: 8px;
    }

    #kt_aside_menu.aside-menu .menu-nav > .menu-item {
        margin-bottom: 5px;
    }

    #txtBuyNowQuantity {
        min-height: 35px;
    }

    #dvStartDateIcon .input-group-text,
    #dvEndDateIcon .input-group-text {
        background-color: #0073e9 !important;
        border: 1px solid #0073e9;
    }

    .featured-content-body .input-group-append .input-group-text {
        background-color: #0073e9 !important;
        border: 1px solid #0073e9;
    }

        .featured-content-body .input-group-append .input-group-text .fa {
            color: #ffffff !important;
        }

    #dvStartDateIcon .input-group-text .la,
    #dvEndDateIcon .input-group-text .la {
        color: #ffffff;
        font-size: 1.8rem;
    }

    #txtBiddingEndDate,
    #txtBiddingStartDate {
        border-radius: 4px 0 0 4px !important;
    }

    .featured-content-body .input-group #txtTax {
        border-radius: 4px 0 0 4px !important;
    }

    #btnBid {
        border-radius: 5px 0 0 5px !important;
        overflow: hidden;
    }

    #btnBuy {
        border-radius: 0 5px 5px 0 !important;
        overflow: hidden;
    }

    #example-vertical-p-1 .form-horizontal .col-md-8 .row {
        margin: 0 -15px;
    }

    #example-vertical-p-1 .form-horizontal .col-md-8 .input-group input:first-child {
        margin-right: 5px;
    }

    #example-vertical-p-1 .form-horizontal .col-md-8 .input-group #BusinessCountry {
        margin-left: 5px;
    }

    #example-vertical-p-1 .form-horizontal .col-md-8 .input-group input:last-child {
        margin-left: 5px;
    }

    #example-vertical-p-1 .form-horizontal .col-md-8 .input-group #Businesstate {
        margin: 0 5px;
    }

    #example-vertical-p-2 .form-horizontal .col-md-8 .row {
        margin: 0 -15px;
    }

    #example-vertical-p-2 .form-horizontal .col-md-8 .input-group input:first-child {
        margin-right: 5px;
    }

    #example-vertical-p-2 .form-horizontal .col-md-8 .input-group #homeadcountry {
        margin-left: 5px;
    }

    #example-vertical-p-2 .form-horizontal .col-md-8 .input-group input:last-child {
        margin-left: 5px;
    }

    #example-vertical-p-2 .form-horizontal .col-md-8 .input-group #homestate {
        margin: 0 5px;
    }

    #example-vertical-p-2 .form-horizontal .col-md-8 .input-group #Withdrawalinfo_DepositorBirthYear {
        margin: 0;
    }

    #example-vertical-p-1 .form-horizontal .custom-controls-stacked .custom-control {
        padding-left: 5px;
    }

    #example-vertical-p-1 .form-horizontal #Withdrawalinfo_DepositorOrganizationPosition {
        margin-bottom: 1.75rem;
    }

    #example-vertical-p-3 .form-horizontal .custom-controls-stacked .custom-control {
        padding-left: 5px;
    }

    #like.btn-lightCustom.active {
        color: #ffffff !important;
        background-color: #0073e9 !important;
        border-color: #0073e9 !important;
        border: #0073e9 solid 2px !important;
    }

        #like.btn-lightCustom.active .fa-thumbs-up {
            display: none;
        }

    #like.btn-lightCustom .fa-check {
        display: none;
    }

    #like.btn-lightCustom.active .fa {
        color: #ffffff;
    }

    #like.btn-lightCustom.active .fa-check {
        display: inline-block;
    }

    .event-detail-info label {
        font-size: 13px;
        font-weight: 700;
        color: #3f4254;
    }

    .bidding-flex {
        position: relative;
        display: flex;
        margin-bottom: 10px;
    }

    #divBid .bidding-flex .input-with-icon {
        position: relative;
        display: flex !important;
        width: 100% !important;
        justify-content: space-between;
        margin-right: 5px;
        border: #d3dfea solid 1px;
        border-radius: 5px !important;
    }

        #divBid .bidding-flex .input-with-icon #txtRightBidAmount {
            flex: 3;
            padding-right: 5px !important;
            max-width: inherit !important;
            min-width: inherit !important;
            border: none;
        }

        #divBid .bidding-flex .input-with-icon input {
            flex: 1;
            margin-left: 0 !important;
            max-width: inherit;
            min-width: 40px;
            border: none;
            max-width: 40px;
        }

    #divBuy .bidding-flex .input-with-icon {
        position: relative;
        display: flex !important;
        width: 100% !important;
        justify-content: space-between;
        margin-right: 5px;
        border: #d3dfea solid 1px;
        border-radius: 5px;
    }

        #divBuy .bidding-flex .input-with-icon #txtPageBuyNowPrice {
            flex: 3;
            padding-right: 5px !important;
            max-width: inherit !important;
            min-width: inherit !important;
            border: none;
        }

        #divBuy .bidding-flex .input-with-icon input {
            flex: 1;
            margin-left: 0 !important;
            max-width: inherit;
            min-width: 40px;
            border: none;
        }

    #divBuy .mr-2:first-child {
        margin-right: 0 !important;
    }

    .wizard-steps {
        display: flex;
        justify-content: flex-end;
    }

    .payment-online .btn.btn-pill.btn-outline-light {
        color: #ffffff;
        background-color: #0073e9 !important;
        border-color: #0073e9 !important;
    }

        .payment-online .btn.btn-pill.btn-outline-light:hover {
            color: #ffffff !important;
        }

    .main_content_wrapper {
        min-height: 92vh;
    }

    .payment-online .card {
        min-height: 270px !important;
    }

    #event_description {
        display: flex;
        align-items: center;
    }

        #event_description:before {
            color: #c5bfcd;
        }

    #example-vertical-p-1 .custom-control-label::after,
    #example-vertical-p-3 .custom-control-label::after {
        left: -23px;
    }

    #Withdrawalinfo_BankAccountNumber,
    #Withdrawalinfo_BankRoutingNumber {
        margin-bottom: 15px;
    }

    #inviteBtn .fa {
        color: #ffffff;
    }

    .date-donated-text.pr-5.pl-5 {
        padding: 0 !important;
    }

    .date-donated-text label {
        width: auto !important;
        margin-left: 0 !important;
    }

    #divItemValueRight {
        height: auto !important;
    }

    .morecontent span {
        display: none;
    }

    .morelink,
    .morelink:focus {
        display: block;
        text-decoration: none;
        color: #0073e9;
    }

    #example-vertical.wizard .input-group {
        margin-bottom: 1rem !important;
    }

    .small-nav-header .howto-btn:first-child {
        display: none !important;
    }

    #divItemInfo .item_info .input-with-icon input {
        height: auto;
        font-weight: 500;
        font-size: 20px !important;
        color: #3f4254 !important;
        padding-left: 10px;
    }

    #divItemInfo .item_info .input-with-icon i {
        top: auto !important;
        font-size: 20px;
        font-weight: 500;
        color: #3f4254 !important;
        position: inherit !important;
    }

    #divItemInfo .item_info h3 {
        margin-bottom: 0;
    }

    .event-profile-details {
        margin-right: 0 !important;
    }

    .event_name_description .event-profile-details:last-child {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

        .event_name_description .event-profile-details:last-child label {
            margin: 0 3px 0 0;
            min-width: 100px;
        }

        .event_name_description .event-profile-details:last-child #btnOrganization {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }

    .event_name_description .event-profile-details h1 {
        margin: 0 !important;
    }

    #dvContainer.container {
        min-height: 100vh;
    }

    .event_name_description {
        flex: 1;
    }

        .event_name_description .event-profile-details div {
            margin-top: 0 !important;
            width: auto !important;
        }

    #divImageScroll img {
        max-height: 528px;
    }

    #divImageScroll br {
        display: none;
    }

    .mySlides {
        text-align: center;
    }

    #dvProfilePicture .image-wrapper {
        background-color: #f3f3f3;
        min-height: 100px;
        display: flex;
        align-items: center;
        width: 100%;
    }

    #share-modal .col-md-offset-1 {
        margin-left: 0;
    }

    .icon-navs .header-option:last-child {
        display: none;
    }

    .small-nav-header {
        margin-bottom: 0 !important;
    }

    #goback {
        display: none;
    }

    #show-item-name {
        max-width: 98%;
    }

    .event-infobox {
        display: flex;
        position: relative;
    }

    .info-text {
        flex: 1;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .info-1 .fa,
    .info-2 .fa,
    .info-3 .fa {
        color: #008afc;
        font-size: 12px;
    }

    .info-box1,
    .info-box2,
    .info-box3 {
        position: absolute;
        background-color: #008afc;
        padding: 10px;
        border-radius: 5px;
        color: #fff;
        top: 20px;
        box-shadow: 0 10px 10px 20px rgba(176, 184, 214, 0.09), 10px 10px 15px -5px #b0b8d6 !important;
        display: none;
        left: 0;
        width: 100%;
    }

    .info-1:hover .info-box1 {
        display: block;
    }

    .info-2:hover .info-box2 {
        display: block;
    }

    .info-3:hover .info-box3 {
        display: block;
    }

    .tenancy-name {
        display: none;
    }

    #helpsection .modal-header {
        background-color: #0073e9 !important;
    }

    #helpsection .btn.btn-secondary {
        background-color: transparent !important;
        color: black !important;
        border: none;
        padding: 10px 15px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin: 4px 2px;
        margin-left: 2px;
        cursor: pointer;
        border-radius: 4px !important;
        box-shadow: none;
        height: inherit !important;
        line-height: normal !important;
    }

        #helpsection .btn.btn-secondary:hover {
            background-color: #e7e7e7 !important;
        }

    .modal .modal-header .close {
        min-height: 20px;
        min-width: 20px;
        line-height: 20px;
    }

    #input::-webkit-contacts-auto-fill-button {
        display: none !important;
    }

    .app-sidebar__user .event-form::-webkit-scrollbar-track {
        background: #eeeeee;
    }

    .app-sidebar__user .event-form::-webkit-scrollbar-thumb {
        background-color: #0073e9;
        border-radius: 6px;
        border: 3px solid #0073e9;
    }

    .aside .aside-menu.ps > .ps__rail-y > .ps__thumb-y {
        background: #bbbbbb !important;
    }

    #eventMainDiv .row:first-child .col-md-12 #eventMainDiv .row:first-child .col-xl-12,
    #eventMainDiv .row:first-child .col-lg-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-10,
    .col-11,
    .col-12,
    .col,
    .col-auto,
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm,
    .col-sm-auto,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md,
    .col-md-auto,
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg,
    .col-lg-auto,
    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl,
    .col-xl-auto,
    .col-xxl-1,
    .col-xxl-2,
    .col-xxl-3,
    .col-xxl-4,
    .col-xxl-5,
    .col-xxl-6,
    .col-xxl-7,
    .col-xxl-8,
    .col-xxl-9,
    .col-xxl-10,
    .col-xxl-11,
    .col-xxl-12,
    .col-xxl,
    .col-xxl-auto {
        padding-left: 15px;
        padding-right: 15px;
    }

    #success-modal .modal-form div:first-child {
        border: none !important;
        padding: 0 !important;
    }

    .was-validated #selectPopCornTime.form-control:valid,
    #selectPopCornTime.form-control.is-valid {
        background-image: none;
    }

    #image-list .itemContainerHeight label {
        margin-bottom: 0;
    }

    #image-list .itemContainerHeight p {
        margin: 0;
    }

    #image-list .itemContainerHeight .d-flex:first-child div:first-child {
        min-height: 160px;
        flex: 1;
        width: 100%;
    }

    #selectPopCornTime {
        -moz-appearance: none;
        -webkit-appearance: none;
    }

    #kt_aside_menu hr {
        display: none;
    }

    .was-validated .form-control:invalid,
    .form-control.is-invalid {
        background-repeat: no-repeat;
        background-position: right calc(0.375em + 0.325rem) center !important;
        background-size: auto !important;
        padding-right: calc(2.2em + 1.3rem) !important;
        background-image: url("/Common/Images/required-img.png") !important;
    }

    .event-profile-details #EditorFor_event_info_name {
        position: relative;
        top: 0;
        margin-top: 0 !important;
    }

    .event-profile-details #txtOrganizationName {
        position: relative;
        top: 0;
        margin-top: 0 !important;
    }

    .bd-example-modal-lg #formAddress .form-control {
        min-height: 34px;
        height: 34px;
    }

    .bd-example-modal-lg #formAddress #divCopyEventAddress {
        float: none !important;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 100%;
    }

        .bd-example-modal-lg #formAddress #divCopyEventAddress #btnCopyEventAddress {
            margin-right: 10px;
        }

    .bd-example-modal-lg #formAddress {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 15px;
    }

        .bd-example-modal-lg #formAddress .form-group {
            width: 32%;
            margin: 0 0 1.2rem;
        }

            .bd-example-modal-lg #formAddress .form-group:nth-child(1) {
                width: 100%;
                margin: 0 0 1.2rem;
            }

            .bd-example-modal-lg #formAddress .form-group:nth-child(2) {
                width: 100%;
                margin: 0 0 1.2rem;
            }

            .bd-example-modal-lg #formAddress .form-group:nth-child(3) {
                width: 100%;
                margin: 0 0 1.2rem;
            }

            .bd-example-modal-lg #formAddress .form-group:nth-child(4) {
                width: 100%;
                margin: 0 0 1.2rem;
            }

            .bd-example-modal-lg #formAddress .form-group:nth-child(5) {
                width: 49%;
                margin: 0 0 1.2rem;
            }

            .bd-example-modal-lg #formAddress .form-group:nth-child(6) {
                width: 49%;
                margin: 0 0 1.2rem;
            }

            .bd-example-modal-lg #formAddress .form-group:nth-child(7) {
                width: 100%;
                margin: 0 0 1.2rem;
            }

            .bd-example-modal-lg #formAddress .form-group:nth-child(8) {
                width: 32%;
                margin: 0 0 1.2rem;
            }

    .page .custom-control.custom-radio {
        min-height: inherit !important;
        width: 100%;
    }

    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
    .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
        background-color: #0073e9 !important;
        border-color: #0073e9 !important;
        color: #ffffff;
    }

    .menueeventcount {
        background-color: #d6ebff !important;
        border-radius: 0.42rem;
    }

    .aside-menu .menu-nav > .menu-item.menueeventcount > .menu-link .menu-icon {
        color: #fff !important;
        background-color: #0073e9 !important;
    }

        .aside-menu .menu-nav > .menu-item.menueeventcount > .menu-link .menu-icon i {
            color: #fff !important;
        }

    .create-event-btn.menueCreate_event {
        background-color: #d6ebff !important;
        color: #0073e9 !important;
        border: #d6ebff solid 2px !important;
        font-weight: bold;
    }

        .create-event-btn.menueCreate_event:hover {
            background-color: #0073e9 !important;
            color: #ffffff !important;
            border: #0073e9 solid 2px !important;
        }

            .create-event-btn.menueCreate_event:hover .fa {
                color: #ffffff !important;
            }

        .create-event-btn.menueCreate_event .fa {
            color: #0073e9 !important;
        }

    .menueCreate_event_icon {
        color: currentcolor;
    }

    .aside-menu .menu-nav > .menu-item > .menu-link > .menu-text {
        font-family: "Poppins", sans-serif !important;
        font-weight: bold;
    }

    #kt_content .container-fluid {
        max-width: 1400px;
        margin: 0 auto;
        padding: 0 15px;
    }

    .permission-tab .default-tab .tab_list {
        display: flex !important;
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .tab_eventlocation .col #divEventContactAddress {
        padding: 0 0 10px !important;
    }

    .tab_eventlocation .col #divEventInvoiceAddress {
        padding: 0 0 10px !important;
    }

    .tab_eventlocation .col #divItemPickupAddress {
        padding: 0 0 10px !important;
    }

    .tab_eventlocation .col #divLiveEventAddress {
        padding: 0 0 10px !important;
    }

    .tab_eventlocation .col #divItemShipFromAddress {
        padding: 0 0 10px !important;
    }

    #btnEventContactAddressDelete {
        border-color: rgb(228, 57, 57) !important;
    }

    .event-form {
        width: 100% !important;
    }

    #show-event-description {
        max-width: 98%;
    }

    .btn.btn-primary {
        color: #ffffff;
        background-color: #0073e9 !important;
        border-color: #0073e9 !important;
        border-radius: 4px !important;
    }

    .item-container .input-with-icon input {
        min-width: 22%;
        height: 45px !important;
    }

    .item-container .bidding-tab #btnBiddingAmount {
        width: 38% !important;
        line-height: normal !important;
        padding: 0 !important;
        margin-top: 0 !important;
        height: 45px !important;
    }

    .item-container .bidding-tab #btnBuyNow {
        width: 38% !important;
        line-height: normal !important;
        padding: 0 !important;
        margin-top: 0 !important;
        height: 45px;
    }

    #divBid .input-with-icon {
        padding: 0 !important;
        margin: 0;
        display: inline-block;
    }

    .item-container .input-with-icon input[type="number"] {
    max-width: 84% !important;
    height: 45px !important;
}
.col-sm-5.custom-col .item-container .input-with-icon input[type="number"] {
    max-width: 88% !important;
    height: 45px !important;
}

    .item-container .input-with-icon #txtPageBuyNowPrice {
        max-width: 68% !important;
        height: 45px !important;
    }

    #divItemValueRight h3 {
        font-size: 1.75rem;
        font-family: "Poppins", sans-serif !important;
        font-weight: 7600 !important;
    }

    #divStartBidRight h2 {
        font-family: "Poppins", sans-serif !important;
        font-weight: 600 !important;
    }

    .aside-menu .menu-nav > .menu-item > .menu-link {
        padding: 7px 5px;
        font-family: "Poppins", sans-serif !important;
        min-height: 36px !important;
    }

        .aside-menu .menu-nav > .menu-item > .menu-link > .menu-text {
            font-family: "Poppins", sans-serif !important;
            font-weight: bold;
        }

    .form-group label {
        font-family: "Poppins", sans-serif !important;
    }

    .app-sidebar__user {
        padding: 0 5px 10px !important;
    }

        .app-sidebar__user .event-form {
            width: 100% !important;
            height: auto !important;
            min-height: 90vh;
            max-height: 90vh;
            overflow-y: auto;
        }

            .app-sidebar__user .event-form .sub-headings {
                display: none;
            }

    #promote_modal .modal-body .col-md-10 {
        max-width: 100% !important;
    }

    #promote_modal .modal-body #embedtext {
        height: auto;
        border: none;
        padding: 0 !important;
        min-height: 80px;
    }

    .c_scrollbar {
        max-height: 300px;
        overflow: auto;
    }

    .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgb(0, 0, 0, 0.3) !important;
    }

    .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background-color: rgb(0, 0, 0, 0.3) !important;
    }

    .material-switch > input[type="checkbox"] {
        display: none;
    }

    .material-switch > label {
        cursor: pointer;
        height: 0;
        position: relative;
        width: 40px;
    }

        .material-switch > label::before {
            background: #f3f4f7;
            box-shadow: 0 0 10px #6574cd inset;
            border-radius: 8px;
            content: "";
            height: 16px;
            margin-top: -8px;
            position: absolute;
            opacity: 0.3;
            transition: all 0.4s ease-in-out;
            width: 40px;
        }

        .material-switch > label::after {
            background: white;
            border-radius: 16px;
            box-shadow: 0 0 5px rgb(0, 0, 0, 0.3);
            content: "";
            height: 24px;
            left: -4px;
            margin-top: -8px;
            position: absolute;
            top: -4px;
            transition: all 0.3s ease-in-out;
            width: 24px;
        }

    .material-switch > input[type="checkbox"]:checked + label::before {
        background: inherit;
        opacity: 0.5;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #424e79;
        line-height: 34px;
    }

    .material-switch > input[type="checkbox"]:checked + label::after {
        background: inherit;
        left: 20px;
    }

    .ml-3,
    .mx-3 {
        margin-left: 10px !important;
    }

    .select2-container .select2-selection--single {
        height: 35px !important;
        line-height: 35px;
    }

    .btn-facebook:hover {
        color: #fff;
        background-color: #30497c;
        border-color: #2d4373;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .btn-facebook {
        color: #fff;
        background-color: #3b5998;
        border-color: #3b5998;
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 0.5rem !important;
    }

    .btn-list > .btn:not(:last-child),
    .btn-list > .dropdown:not(:last-child) {
        margin-right: 0.5rem;
    }

    .has-search {
        position: relative;
    }

        .has-search .form-control {
            padding-left: 2.375rem;
            position: relative;
        }

    .align-items-start {
        align-items: flex-start !important;
    }

    .toggle_menu_icon {
        padding: 28px 10px 26px !important;
        color: #c0cddc;
        font-size: 22px;
    }

    .has-search .form-control {
        display: block;
        width: 100%;
        padding: 0.375rem 0.75rem;
        padding-left: 0.75rem;
        font-size: 14px;
        line-height: 1.6;
        background-color: #fff;
        background-clip: padding-box;
        border: #d3dfea solid 1px;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        border-radius: 5px;
        outline: 0;
        color: #424e79;
        opacity: 1;
    }

    .mt-3,
    .my-3 {
        margin-top: 15px !important;
    }

    .pb-5,
    .py-5 {
        padding-bottom: 20px !important;
    }

    .page hr {
        border-top: 1px solid #d3dfea;
    }

    .mb-6,
    .my-6 {
        margin-bottom: 2rem !important;
    }

    .mt-6,
    .my-6 {
        margin-top: 2rem !important;
    }

    .p-4 {
        padding: 2rem !important;
    }

    .page .form-control {
        border: #d3dfea solid 1px;
        font-family: "Poppins", sans-serif !important;
    }

    .page .form-control {
        padding-top: 4px;
        height: 45px;
        padding-bottom: 4px;
        min-height: 45px;
    }

    .border-content {
        border: #ddd solid 1px;
        padding-bottom: 10px;
    }

        .border-content h1 {
            background-color: #e4e6eb;
            padding: 7px 10px;
            color: #333;
            font-size: 14px;
            font-weight: 500;
            margin: 0;
        }

        .border-content ul li {
            padding: 2px 10px !important;
        }

    #add_widget .add-btn {
        background-color: #0073e9;
        padding: 5px 10px !important;
        color: #fff;
    }

    #add_widget .badge-primary {
        background-color: #008afc;
    }

    .page .btn {
        height: 35px;
        padding-top: 0;
        padding-bottom: 0;
        line-height: 35px !important;
        font-family: "Poppins", sans-serif !important;
    }

    .page .input-group {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        width: 100%;
    }

    .page .input-group-addon {
        border: #d3dfea solid 1px;
        background: #f3f4f7;
        border-right: 0;
        line-height: 0;
        padding: 0.5rem 0.75rem;
        margin-bottom: 0;
        font-size: 1rem;
        font-weight: 400;
        color: #b7bec5;
        text-align: center;
        border-radius: 0.25rem 0 0 0.2rem;
        width: 50px;
    }

    .mb-3,
    .my-3 {
        margin-bottom: 0.75rem !important;
    }

    .input-group > .form-control,
    .input-group > .custom-select,
    .input-group > .custom-file {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        margin-bottom: 0;
    }

    .modal-header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        padding: 1rem;
        border-bottom: 1px solid #eff0f6;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .was-validated :valid ~ .valid-feedback,
    .was-validated :valid ~ .valid-tooltip,
    .is-valid ~ .valid-feedback,
    .is-valid ~ .valid-tooltip {
        display: block;
    }

    .form-control.form-input-validate {
        border-color: #28a745;
        padding-right: calc(1.5em + 0.75rem);
        background-image: url("../Images/input-error.svg");
        background-repeat: no-repeat;
        background-position: right calc(0.375em + 0.1875rem) center;
        background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    }

        .form-control.form-input-validate.valid {
            border-color: #28a745;
            padding-right: calc(1.5em + 0.75rem);
            background-image: url("../Images/input-rt-check.svg");
            background-repeat: no-repeat;
            background-position: right calc(0.375em + 0.1875rem) center;
            background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
        }

    .form-control.form-textarea-validate {
        border-color: #28a745;
        padding-right: calc(1.5em + 0.75rem);
        background-image: url("../Images/input-error.svg");
        background-repeat: no-repeat;
        background-position: right calc(0.375em + 0.1875rem) top 8px;
        background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    }

        .form-control.form-textarea-validate.valid {
            border-color: #28a745;
            padding-right: calc(1.5em + 0.75rem);
            background-image: url("../Images/input-rt-check.svg");
            background-repeat: no-repeat;
            background-position: right calc(0.375em + 0.1875rem) top 8px;
            background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
        }

    .was-validated .form-control:valid:focus,
    .form-control.is-valid:focus {
        border-color: #28a745;
        box-shadow: 0 0 0 0.2rem rgb(40, 167, 69, 0.25);
    }

    .was-validated textarea.form-control:valid,
    textarea.form-control.is-valid {
        padding-right: calc(1.5em + 0.75rem);
        background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
    }

    .custom-select.is-valid {
        border-color: #28a745;
        padding-right: calc(0.75em + 2.3125rem);
    }

        .was-validated .custom-select:valid:focus,
        .custom-select.is-valid:focus {
            border-color: #28a745;
            box-shadow: 0 0 0 0.2rem rgb(40, 167, 69, 0.25);
        }

    .was-validated .form-check-input:valid ~ .form-check-label,
    .form-check-input.is-valid ~ .form-check-label {
        color: #28a745;
    }

    .was-validated .form-check-input:valid ~ .valid-feedback,
    .was-validated .form-check-input:valid ~ .valid-tooltip,
    .form-check-input.is-valid ~ .valid-feedback,
    .form-check-input.is-valid ~ .valid-tooltip {
        display: block;
    }

    .was-validated .custom-control-input:valid ~ .custom-control-label,
    .custom-control-input.is-valid ~ .custom-control-label {
        color: #000000;
    }

        .was-validated .custom-control-input:valid ~ .custom-control-label::before,
        .custom-control-input.is-valid ~ .custom-control-label::before {
            border-color: #28a745;
        }

    .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
    .custom-control-input.is-valid:checked ~ .custom-control-label::before {
        border-color: #0073e9;
        background-color: #0073e9;
    }

    .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,
    .custom-control-input.is-valid:focus ~ .custom-control-label::before {
        box-shadow: 0 0 0 0.2rem rgb(0, 115, 233, 0.25);
    }

    .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before,
    .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
        border-color: #28a745;
    }

    .was-validated .custom-file-input:valid ~ .custom-file-label,
    .custom-file-input.is-valid ~ .custom-file-label {
        border-color: #28a745;
    }

    .was-validated .custom-file-input:valid:focus ~ .custom-file-label,
    .custom-file-input.is-valid:focus ~ .custom-file-label {
        border-color: #28a745;
        box-shadow: 0 0 0 0.2rem rgb(40, 167, 69, 0.25);
    }

    .bg-light {
        background-color: #f4f5fb !important;
    }

    .modal-header.modal-header-custom {
        background: #fff !important;
        color: #666 !important;
        font-size: 16px;
        padding: 1rem !important;
        border-bottom: 1px solid #eff0f6 !important;
        border-top-left-radius: 3px !important;
        border-top-right-radius: 3px !important;
    }

    .communicateModal.modal .modal-content {
        width: 100% !important;
    }

        .communicateModal.modal .modal-content form {
            width: 100% !important;
        }

        .communicateModal.modal .modal-content .panel-heading.note-toolbar > .btn-group {
            margin-top: 5px;
            margin-right: 0;
            margin-left: 0;
        }

    .modal-content {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100% !important;
        pointer-events: auto;
        background-color: #fff;
        background-clip: padding-box;
        border: none !important;
        border-radius: 3px !important;
        outline: 0;
    }

    .ql-toolbar.ql-snow {
        border: #e7eaf3 solid 1px !important;
        box-sizing: border-box;
        font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
        padding: 8px;
    }

    #modaldemo1 .modal-footer {
        justify-content: flex-end !important;
    }

        #modaldemo1 .modal-footer .btn-secondary {
            margin-bottom: 0 !important;
        }

    .modal-header .close {
        padding: 1rem;
        margin: -1rem -1rem -1rem auto;
        opacity: 1 !important;
        color: #fff !important;
        background-image: none !important;
        text-indent: inherit !important;
    }

        .modal-header .close:hover {
            opacity: 1 !important;
        }

    .input-group {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        width: 100%;
    }

    .input-group-text {
        display: flex;
        align-items: center;
        padding: 0.375rem 0.75rem;
        margin-bottom: 0;
        font-size: 0.9375rem;
        font-weight: 400;
        line-height: 1.6;
        color: #495057;
        text-align: center;
        white-space: nowrap;
        background-color: #e5e9f2;
        border: #d3dfea solid 1px;
        border-radius: 3px;
    }

        .input-group-text input[type="radio"],
        .input-group-text input[type="checkbox"] {
            margin-top: 0;
        }

    .input-group-prepend,
    .input-group-append {
        display: flex;
    }

    .input-group-prepend,
    .input-group-append,
    .input-group-btn {
        font-size: 0.9375rem;
    }

    .input-group-prepend {
        margin-right: -1px;
    }

    .modal-custom .media-body {
        width: calc(95% - 40px);
    }

    .card-options {
        margin-left: auto;
        display: flex;
        order: 100;
        margin-right: -0.5rem;
        color: #9aa0ac;
        align-self: center;
    }

        .card-options a:not(.btn) {
            color: #424e79;
            display: inline-block;
            min-width: 1rem;
        }

            .card-options a:not(.btn):hover {
                text-decoration: none;
                color: #6e7687;
            }

            .card-options a:not(.btn) i {
                font-size: 1rem;
                vertical-align: middle;
            }

        .card-options .dropdown-toggle:after {
            display: none;
        }

    .form-control {
        display: block;
        width: 100%;
        padding: 0.375rem 0.75rem;
        line-height: 1.6;
        background-color: #fff;
        background-clip: padding-box;
        border: #d3dfea solid 1px;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        border-radius: 5px !important;
        outline: 0;
        color: #424e79;
        opacity: 1;
    }

    .outer-wrapper .timeline-menu .menu-right .btn-list .btn-lightCustom {
        color: #fff !important;
        background-color: #0073e9 !important;
        border: none !important;
        height: 36px;
        display: inline-block;
        margin-bottom: 0;
        font-size: 13px;
    }

        .outer-wrapper .timeline-menu .menu-right .btn-list .btn-lightCustom .fa {
            color: #ffffff;
            font-size: 16px;
        }

        .outer-wrapper .timeline-menu .menu-right .btn-list .btn-lightCustom:hover,
        .outer-wrapper .timeline-menu .menu-right .btn-list .btn-lightCustom:focus {
            color: #fff !important;
            background-color: #0073e9 !important;
        }

            .outer-wrapper .timeline-menu .menu-right .btn-list .btn-lightCustom:hover .fa,
            .outer-wrapper .timeline-menu .menu-right .btn-list .btn-lightCustom:focus .fa {
                color: #fff !important;
            }

    .outer-wrapper .timeline-menu .menu-right .btn-list .visitor_btn {
        color: #fff !important;
        background-color: #0073e9 !important;
        border: none !important;
        height: 36px;
        display: inline-block;
        margin-bottom: 0;
        font-size: 13px;
    }

        .outer-wrapper .timeline-menu .menu-right .btn-list .visitor_btn .fa {
            color: #ffffff;
            font-size: 16px;
        }

        .outer-wrapper .timeline-menu .menu-right .btn-list .visitor_btn:hover,
        .outer-wrapper .timeline-menu .menu-right .btn-list .visitor_btn:focus {
            color: #fff !important;
            background-color: #0073e9 !important;
        }

            .outer-wrapper .timeline-menu .menu-right .btn-list .visitor_btn:hover .fa,
            .outer-wrapper .timeline-menu .menu-right .btn-list .visitor_btn:focus .fa {
                color: #fff !important;
            }

    .form-control::-ms-expand {
        background-color: transparent;
        border: 0;
    }

    select.form-control:not([size]):not([multiple]) {
        height: 34px;
    }

    .form-control:focus {
        color: #424e79;
        background-color: #fff;
        border-color: #008afc;
        outline: 0;
        box-shadow: none;
    }

    .form-control::-webkit-input-placeholder,
    .form-control::-moz-placeholder,
    .form-control:-ms-input-placeholder,
    .form-control::-ms-input-placeholder {
        color: #b3bdca !important;
        opacity: 1;
    }

    .form-control:disabled {
        background-color: #f2f6f9;
        opacity: 1;
    }

    .form-control[readonly] {
        background-color: #f8f9fa;
        opacity: 1;
    }

    .modal-custom .avatar-md {
        width: 40px !important;
        height: 40px !important;
        line-height: 40px;
        font-size: 1.5rem;
        text-align: center;
        background-color: #e4e6eb;
        position: relative;
        text-align: center;
        display: inline-block;
    }

    .media-body {
        overflow: hidden;
    }

    .d-sm-flex {
        display: flex !important;
    }

    .avatar i {
        font-size: 125%;
        vertical-align: sub;
    }

    .action-left {
        flex: 1;
    }

    hr.divider::after {
        content: "OR";
        display: block;
        position: relative;
        top: -1.5em;
        font-size: 11px;
        padding: 0 0.25em;
        background: #f3f4f7;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        z-index: 9;
        left: 0;
        right: 0;
        line-height: 30px;
        margin: 0 auto;
        font-weight: 500;
        border: #f2f6f9 solid 1px;
        text-align: center;
    }

    .title-style h1 {
        width: 100%;
        background: #fff;
        display: block;
        margin: 0 auto 10px;
        display: block;
        padding: 0 20px;
    }

    .page .divider {
        margin: 27px 0 !important;
    }

    .text-muted {
        color: #b5b5c3 !important;
    }

    .btn-link {
        font-weight: 400;
        color: #008afc;
        background-color: transparent;
    }

    .pl-0,
    .px-0 {
        padding-left: 0 !important;
    }

    .pr-0,
    .px-0 {
        padding-right: 0 !important;
    }

    .mt-2,
    .my-2 {
        margin-top: 0.5rem !important;
    }

    .page .custom-control {
        position: relative;
        display: block;
        min-height: 1.5rem;
        padding-left: 3rem;
        user-select: none;
    }

    .page-single,
    .page-single-content {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .page .row {
        display: flex;
        flex-wrap: wrap;
        margin-right: -0.75rem;
        margin-left: -0.75rem;
    }

    .page-header-fixed .page-container.main_content_wrapper {
        margin-top: 75px;
        padding: 0 20px 0 0;
    }

    .page-container.main_content_wrapper .page-sidebar {
        border-radius: 0;
        height: 100vh !important;
    }

    .page-header.navbar .page-logo {
        padding-left: 10px;
        padding-right: 10px;
    }

    .page-sidebar .page-sidebar-menu {
        margin-top: 0;
    }

    .btn-primary {
        color: #fff !important;
        background-color: #008afc;
        border-color: #008afc;
        box-shadow: 0 0 10px -5px rgb(68, 84, 195, 0.5);
    }

    .mr-2,
    .mx-2 {
        margin-right: 0.5rem !important;
    }

    .h-5 {
        height: 1.5rem !important;
    }

    .w-5 {
        width: 1.5rem !important;
    }

    .text-nowrap {
        white-space: nowrap !important;
    }

    .border {
        border: #eff0f6 solid 1px !important;
    }

    .card-table {
        margin-bottom: 0;
    }

        .card-table tr:first-child td,
        .card-table tr:first-child th {
            border-top: 0;
        }

        .card-table tr td:first-child,
        .card-table tr th:first-child {
            padding-left: 1.5rem;
        }

        .card-table tr td:last-child,
        .card-table tr th:last-child {
            padding-right: 1.5rem;
        }

    .card-body + .card-table {
        border-top: 1px solid #eff0f6;
    }

    .sub-headings {
        color: #b3bdca !important;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 1px;
    }

    .page-content label {
        font-size: 13px;
        font-weight: 700;
        color: #3f4254;
    }

    .app-sidebar__user .form-control.form-control-solid {
        background-color: #f3f6f9;
        border-color: #f3f6f9;
        color: #424e79;
    }

    .select-with-drop-arrow {
        position: relative;
    }

        .select-with-drop-arrow img {
            position: absolute;
            right: 8px;
            top: 19px;
        }

    .mb-8,
    .my-8 {
        margin-bottom: 2.75rem !important;
    }

    .mb-7,
    .my-7 {
        margin-bottom: 2rem !important;
    }

    .form-control.fc-datepicker {
        font-size: 12px;
    }

    .app-sidebar {
        width: 300px !important;
        min-width: 300px !important;
        border-radius: 8px;
        height: inherit !important;
        margin-bottom: 15px;
    }

    .add-categories {
        background: #46d0c9;
        color: #fff;
        font-size: 14px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-weight: 700;
        cursor: pointer;
        text-align: center;
        border-radius: 50%;
        box-shadow: 0 2px 5px #ddd;
        cursor: pointer;
    }

    .checkbox-list .category-title-name {
        font-weight: 500;
        font-size: 14px;
        color: #3f4254;
    }

    .category-delete i {
        width: 20px;
        height: 20px;
        background: #f55741;
        text-align: center;
        color: #fff;
        line-height: 20px !important;
        border-radius: 50%;
        box-shadow: 0 2px 5px #ddd;
        cursor: pointer;
    }

    .checkbox-list {
        display: flex;
        flex-direction: column;
    }

        .checkbox-list.scrollable {
            height: 220px;
            overflow-y: auto;
        }

        .checkbox-list .checkbox {
            display: flex;
            align-items: center;
            position: relative;
            text-align: left;
            cursor: pointer;
            font-size: 1rem;
            transition: all 0.3s ease;
            margin: 0;
        }

    .checklist-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-radius: 5px;
        padding: 10px;
    }

    .category-delete {
        display: none;
    }

    .checklist-box:hover .category-delete {
        display: block;
    }

    .checklist-box:hover {
        background: #f3f6f9;
    }

    .checkbox-list .checkbox > input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

    .checkbox-list .checkbox.checkbox-lg > span {
        height: 24px;
        width: 24px;
    }

    .checkbox-list .checkbox > span {
        background-color: #ebedf3;
        border: transparent solid 1px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        border-radius: 0.42rem;
    }

    .custom-checkbox.checkbox span {
        margin-right: 0.75rem;
    }

    .custom-checkbox.checkbox > span:after {
        content: "";
        border-color: transparent;
        border-style: solid;
        border-width: 0 2px 2px 0 !important;
        transform: rotate(45deg);
        margin-top: -2px;
    }

    .custom-checkbox.checkbox.checkbox-lg > span:after {
        width: 6px;
        height: 12px;
    }

    .custom-checkbox.checkbox > input:checked ~ span {
        background-color: #3699ff;
    }

        .custom-checkbox.checkbox > input:checked ~ span:after {
            border-color: #fff;
        }

    .featured-content-body .input-group-text {
        display: flex;
        align-items: center;
        padding: 1rem;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.6;
        color: #495057;
        text-align: center;
        white-space: nowrap;
        background-color: #e5e9f2;
        border: #d3dfea solid 1px;
        border-radius: 0;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .featured-checkboxes {
        background: #f3f6f9;
        padding: 10px;
        border-radius: 5px;
        margin-bottom: 10px;
    }

    .featured-content-body {
        border: #eee solid 1px;
        padding: 15px 15px 0;
        border-radius: 0;
        position: relative;
        top: -12px;
    }

    .quantity-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .quantity-box .btn {
            flex: 1;
        }

            .quantity-box .btn .fa {
                color: #424e79;
            }

            .quantity-box .btn:first-child {
                border-radius: 5px 0 0 5px;
            }

            .quantity-box .btn:last-child {
                border-radius: 0 5px 5px 0;
            }

        .quantity-box input {
            padding: 7px 14px 7px;
            font-size: 12px;
            width: 50px;
            box-shadow: none;
            border: #ddd solid 1px;
            border-left: 0;
            border-right: 0;
            text-align: center;
            font-weight: bold;
            flex: 1;
        }

            .quantity-box input:focus {
                outline: none;
            }

        .quantity-box button {
            padding: 8px 14px 7px;
            font-size: 12px;
            width: 50px;
            box-shadow: none !important;
            border: #ddd solid 1px;
            text-align: center;
            font-weight: bold;
            background: #fff;
        }

    .app-sidebar-help {
        position: initial !important;
        border: none !important;
        width: 100% !important;
        padding: 0 !important;
    }

    .app-sidebar.app-sidebar3 {
        padding-bottom: 0 !important;
        border-radius: 8px;
    }

    .app-sidebar-help .dropdown-menu.help-dropdown-box {
        box-shadow: 0 10px 10px 20px rgb(16, 22, 58, 0.02), 10px 10px 15px -5px rgb(16, 22, 58, 0.08) !important;
        background: #4454c3 !important;
        color: #fff !important;
        border: #eff0f6 solid 1px !important;
        padding: 1rem !important;
        position: absolute !important;
        transform: translate3d(-8px, -255px, 0) !important;
        top: 0 !important;
        left: 0 !important;
        will-change: transform !important;
        min-width: 12rem;
        border-radius: 4px !important;
    }

        .app-sidebar-help .dropdown-menu.help-dropdown-box .border-bottom {
            border-bottom: 1px solid rgb(255, 255, 255, 0.1) !important;
        }

    .btn-light {
        color: #495057;
        background-color: #e8ebf2;
        border-color: #dae0e5;
        box-shadow: 0 0 10px -5px rgb(68, 84, 195, 0.2);
    }

    .input-icon-addon {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 2.5rem;
        pointer-events: none;
    }

    .float-right {
        float: right !important;
    }

    .p-md-0 {
        padding: 0 !important;
    }

    .mt-4,
    .my-4 {
        margin-top: 1rem !important;
    }

    .btn-secondary {
        color: #fff !important;
        background-color: #f72d66;
        border-color: #f72d66;
        box-shadow: 0 0 10px -5px rgb(246, 45, 103, 0.5);
    }

        .btn-secondary:hover {
            color: #fff !important;
            background-color: #f54274;
            border-color: #f54274;
        }

    .inner_content_wrapper p {
        margin-top: 0;
    }

    .h-7 {
        height: 3rem !important;
    }

    .w-7 {
        width: 3rem !important;
    }

    .mb-4,
    .my-4 {
        margin-bottom: 1rem !important;
    }

    .w-30 {
        width: 30% !important;
    }

    .mr-4,
    .mx-4 {
        margin-right: 1rem !important;
    }

    .font-weight-bold {
        font-weight: bold !important;
    }

    .mb-1,
    .my-1 {
        margin-bottom: 0.25rem !important;
    }

    .mt-0,
    .my-0 {
        margin-top: 0 !important;
    }

    .text-muted {
        color: #728096 !important;
    }

    .mb-0,
    .my-0 {
        margin-bottom: 0 !important;
    }

    .e-table .dropdown-menu {
        position: absolute;
        transform: translate3d(-48px, -47px, 0);
        top: 0;
        left: 0;
        will-change: transform;
        right: auto;
        bottom: auto;
    }

    .dropdown-item {
        display: block;
        width: 100%;
        padding: 0.5rem 1.5rem;
        clear: both;
        font-weight: 400;
        color: #212529;
        text-align: inherit;
        white-space: nowrap;
        background-color: transparent;
        border: 0;
    }

        .dropdown-item:hover,
        .dropdown-item:focus {
            color: #008afc;
            text-decoration: none;
            background-color: #f0f1f7;
        }

        .dropdown-item.active,
        .dropdown-item:active {
            text-decoration: none;
            background-color: #fff;
            color: #333;
        }

        .dropdown-item.disabled,
        .dropdown-item:disabled {
            color: #fff;
            background-color: transparent;
        }

    .dropdown-menu.show {
        display: block;
        margin: 0;
    }

    .dropdown-menu-arrow.dropdown-menu-right:before,
    .dropdown-menu-arrow.dropdown-menu-left:before {
        content: "";
        position: absolute;
        top: -10px;
        left: 15px;
        border-bottom: 10px solid #eff0f6;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
    }

    .dropdown-menu-arrow.dropdown-menu-right:after,
    .dropdown-menu-arrow.dropdown-menu-left:after {
        content: "";
        position: absolute;
        top: -8.5px;
        left: 16px;
        border-bottom: 9px solid #fff;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
    }

    .app-sidebar-help .dropdown-menu.help-dropdown-box::before {
        border-bottom: 10px solid #eff0f6;
        bottom: -12px;
        top: auto;
        transform: rotate(-180deg);
        right: auto;
        left: 12px;
        content: "";
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
    }

    .pb-3,
    .py-3 {
        padding-bottom: 0.75rem !important;
    }

    .pt-3,
    .py-3 {
        padding-top: 0.75rem !important;
    }

    .mb-1,
    .my-1 {
        margin-bottom: 0.25rem !important;
    }

    .table,
    .text-wrap table {
        width: 100%;
        max-width: 100%;
        margin-bottom: 1rem;
    }

        .table th {
            padding: 0.75rem;
            vertical-align: top;
            border-top: 1px solid #eff0f6;
        }

        .text-wrap table th,
        .text-wrap table td {
            padding: 0.75rem;
            vertical-align: top;
            border-top: 1px solid #eff0f6;
        }

        .table td {
            padding: 0.75rem;
            vertical-align: middle;
            border-top: 0;
        }

    .border {
        vertical-align: top;
        border: #eff0f6 solid 1px;
    }

    .table tbody + tbody,
    .text-wrap table tbody + tbody {
        border-top: 2px solid #dee2e6;
    }

    .table .table,
    .text-wrap table .table,
    .table .text-wrap table {
        background-color: #f4f5fb;
    }

    .text-wrap .table table,
    .text-wrap table table {
        background-color: #f4f5fb;
    }

    .table-sm th,
    .table-sm td {
        padding: 0.3rem;
    }

    .table-bordered,
    .text-wrap table,
    .table-bordered th,
    .text-wrap table th,
    .table-bordered td,
    .text-wrap table td {
        border: #eff0f6 solid 1px;
    }

        .table-bordered thead th,
        .text-wrap table thead th,
        .table-bordered thead td,
        .text-wrap table thead td {
            border-bottom-width: 2px;
        }

    .table-borderless th,
    .table-borderless td,
    .table-borderless thead th,
    .table-borderless tbody + tbody {
        border: 0;
    }

    .table-striped tbody tr:nth-of-type(odd),
    .table-hover tbody tr:hover {
        background-color: #f4f5fb;
    }

    .table-primary {
        background-color: #d5cee6;
        border-radius: 0 0 5px 5px;
    }

        .table-primary > th,
        .table-primary > td {
            background-color: #d5cee6;
        }

        .table-primary.table-vcenter th,
        .table-primary.table-vcenter td {
            border-color: rgb(68, 84, 195, 0.17) !important;
        }

    .table-hover .table-primary:hover {
        background-color: #f4f5fb;
    }

        .table-hover .table-primary:hover > td,
        .table-hover .table-primary:hover > th {
            background-color: #b7cded;
        }

    .table-secondary {
        background-color: #f72d66;
        border-radius: 0 0 5px 5px;
    }

        .table-secondary > th,
        .table-secondary > td {
            background-color: #f72d66;
        }

    .table-hover .table-secondary:hover {
        background-color: #cfd2d6;
    }

        .table-hover .table-secondary:hover > td,
        .table-hover .table-secondary:hover > th {
            background-color: #f72d66;
        }

    .table-success {
        background-color: #d2ecb8;
        border-radius: 0 0 5px 5px;
    }

        .table-success > th,
        .table-success > td {
            background-color: #d2ecb8;
        }

    .table-hover .table-success:hover {
        background-color: #c5e7a4;
        border-radius: 0 0 5px 5px;
    }

        .table-hover .table-success:hover > td,
        .table-hover .table-success:hover > th {
            background-color: #c5e7a4;
        }

    .table-info {
        background-color: #cbe7fb;
        border-radius: 0 0 5px 5px;
    }

        .table-info > th,
        .table-info > td {
            background-color: #cbe7fb;
        }

    .table-hover .table-info:hover {
        background-color: #b3dcf9;
    }

        .table-hover .table-info:hover > td,
        .table-hover .table-info:hover > th {
            background-color: #b3dcf9;
        }

    .table-warning {
        background-color: #fbeebc;
        border-radius: 0 0 5px 5px;
    }

        .table-warning > th,
        .table-warning > td {
            background-color: #fbeebc;
        }

        .table-warning.table-vcenter th,
        .table-warning.table-vcenter td {
            border-color: rgb(236, 180, 3, 0.17) !important;
        }

    .table-hover .table-warning:hover {
        background-color: #fae8a4;
    }

        .table-hover .table-warning:hover > td,
        .table-hover .table-warning:hover > th {
            background-color: #fae8a4;
        }

    .table-danger {
        background-color: #f1c1c0;
        border-radius: 0 0 5px 5px;
    }

        .table-danger > th,
        .table-danger > td {
            background-color: #f1c1c0;
        }

    .table-hover .table-danger:hover {
        background-color: #ecacab;
    }

        .table-hover .table-danger:hover > td,
        .table-hover .table-danger:hover > th {
            background-color: #ecacab;
        }

    .table-light {
        background-color: #fdfdfe;
        border-radius: 0 0 5px 5px;
    }

        .table-light > th,
        .table-light > td {
            background-color: #fdfdfe;
        }

    .table-hover .table-light:hover {
        background-color: #ececf6;
    }

        .table-hover .table-light:hover > td,
        .table-hover .table-light:hover > th {
            background-color: #ececf6;
        }

    .table-dark {
        background-color: #c6c8ca;
        border-radius: 0 0 5px 5px;
    }

        .table-dark > th,
        .table-dark > td {
            background-color: #c6c8ca;
        }

    .table-hover .table-dark:hover {
        background-color: #b9bbbe;
    }

        .table-hover .table-dark:hover > td,
        .table-hover .table-dark:hover > th {
            background-color: #b9bbbe;
        }

    .table-active {
        background-color: rgb(0, 0, 0, 0.04);
    }

        .table-active > th,
        .table-active > td {
            background-color: rgb(0, 0, 0, 0.04);
        }

    .table-hover .table-active:hover {
        background-color: rgb(0, 0, 0, 0.04);
    }

        .table-hover .table-active:hover > td,
        .table-hover .table-active:hover > th {
            background-color: rgb(0, 0, 0, 0.04);
        }

    .table .thead-dark th,
    .text-wrap table .thead-dark th {
        color: #f4f5fb;
        background-color: #212529;
        border-color: #32383e;
    }

    .table .thead-light th,
    .text-wrap table .thead-light th {
        color: #495057;
        background-color: #e9ecef;
        border-color: #dee2e6;
    }

    .table-dark {
        color: #f4f5fb;
        background-color: #212529;
    }

        .table-dark th,
        .table-dark td,
        .table-dark thead th {
            border-color: #32383e;
        }

        .table-dark.table-bordered {
            border: 0;
        }

    .text-wrap table.table-dark {
        border: 0;
    }

    .table-dark.table-striped tbody tr:nth-of-type(odd) {
        background-color: rgb(255, 255, 255, 0.05);
    }

    .table-dark.table-hover tbody tr:hover {
        background-color: rgb(255, 255, 255, 0.075);
    }

    .ui-datepicker {
        background-color: #f3f4f7;
        border: #d3dfea solid 1px;
        font-family: inherit;
        font-size: inherit;
        padding: 10px;
        margin: 1px 0 0;
        display: none;
        width: auto !important;
        z-index: 5 !important;
    }

        .ui-datepicker .ui-datepicker-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: relative;
            font-weight: 500;
            font-size: 12px;
            text-transform: uppercase;
            color: #473b52;
            padding: 0 0 5px;
            letter-spacing: 1px;
            border: 0;
            background-color: transparent;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            background-image: none !important;
        }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
            .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
                text-indent: -99999px;
                color: #6c757d;
                top: 1px;
            }

                .ui-datepicker .ui-datepicker-header .ui-datepicker-next::before,
                .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
                    font-size: 16px;
                    font-family: "FontAwesome";
                    position: absolute;
                    top: -4px;
                    text-indent: 0;
                }

                .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover::before,
                .ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus::before {
                    color: #343a40;
                }

                .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover::before,
                .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus::before {
                    color: #343a40;
                }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
                order: 3;
            }

                .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
                    right: 5px;
                    content: "\f105";
                }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
                left: 5px;
                content: "\f104";
            }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover,
            .ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
                color: #495057;
                cursor: pointer;
                top: 1px;
                border: 0;
                background-color: transparent;
            }

        .ui-datepicker .ui-datepicker-title {
            color: #008afc;
        }

        .ui-datepicker .ui-datepicker-calendar {
            margin: 0;
            background-color: transparent;
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px;
        }

            .ui-datepicker .ui-datepicker-calendar th {
                text-transform: uppercase;
                font-size: 10px;
                font-weight: 500;
                letter-spacing: 1px;
                padding: 6px 10px;
                color: #98a1b5;
            }

            .ui-datepicker .ui-datepicker-calendar td {
                border: #d3dfea solid 1px;
                padding: 0;
                background-color: #f3f4f7;
                text-align: right;
            }

                .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month .ui-state-default {
                    color: #ced1da;
                }

                .ui-datepicker .ui-datepicker-calendar td span {
                    transition: all 0.2s ease-in-out;
                    padding: 5px;
                    background-color: #fff;
                    color: #424e79;
                    padding: 6px 10px;
                    display: block;
                    font-weight: 400;
                    font-size: 12px;
                    border: 0;
                    border-radius: 1px;
                }

                .ui-datepicker .ui-datepicker-calendar td a {
                    transition: all 0.2s ease-in-out;
                    padding: 5px;
                    background-color: #fff;
                    color: #424e79;
                    padding: 6px 10px;
                    display: block;
                    font-weight: 400;
                    font-size: 12px;
                    border: 0;
                    border-radius: 1px;
                }

                    .ui-datepicker .ui-datepicker-calendar td a:hover {
                        background-color: #f0f2f7;
                        color: #473b52;
                    }

            .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
                background-color: #f8f9fa;
                color: #473b52;
            }

    @media (min-width: 1024px) {
        .event-profile-details h1 {
            font-size: 16px;
        }
    }

    @media (max-width: 320px) {
        .ui-datepicker .ui-datepicker-calendar th {
            padding: 4px 0;
            letter-spacing: normal;
        }
    }

    .ui-datepicker-multi .ui-datepicker-group {
        padding-right: 15px;
        width: auto;
        float: left;
    }

        .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-title {
            margin: auto;
        }

        .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-prev::before {
            left: 10px;
        }

        .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-next::before {
            right: 10px;
        }

        .ui-datepicker-multi .ui-datepicker-group table {
            margin: 0;
        }

    .ui-datepicker-multi .ui-datepicker-group-last {
        padding-right: 0;
    }

    .ui-datepicker-inline {
        max-width: 270px;
        border-radius: 12px;
    }

    @media (max-width: 575.98px) {
        .table-responsive-sm {
            display: block;
            width: 100%;
            overflow-x: auto;
        }

            .table-responsive-sm > .table-bordered {
                border: 0;
            }

        .text-wrap .table-responsive-sm > table {
            border: 0;
        }

        .event_name_description .event-profile-details:last-child label {
            display: none;
        }

        #divShareThis .st-label,
        #divShare .st-label,
        #divShareThisPartial .st-label {
            display: none !important;
        }

        #divShareThis #st-2 .st-btn,
        #divShare #st-2 .st-btn,
        #divShareThisPartial .st-btn {
            min-width: 50px !important;
        }

        #divShare .sharethis-inline-share-buttons .st-btn img {
            width: 100% !important;
            margin-right: 0 !important;
        }
    }

    @media (max-width: 767.98px) {
        .table-responsive-md {
            display: block;
            width: 100%;
            overflow-x: auto;
        }

            .table-responsive-md > .table-bordered {
                border: 0;
            }

        .text-wrap .table-responsive-md > table {
            border: 0;
        }
    }

    @media (max-width: 991.98px) {
        .table-responsive-lg {
            display: block;
            width: 100%;
            overflow-x: auto;
        }

            .table-responsive-lg > .table-bordered {
                border: 0;
            }

        .text-wrap .table-responsive-lg > table {
            border: 0;
        }
    }

    @media (max-width: 1279.98px) {
        .table-responsive-xl {
            display: block;
            width: 100%;
            overflow-x: auto;
        }

            .table-responsive-xl > .table-bordered {
                border: 0;
            }

        .text-wrap .table-responsive-xl > table {
            border: 0;
        }
    }

    .table-responsive {
        display: block;
        width: 100%;
        overflow-x: auto;
    }

        .table-responsive > .table-bordered {
            border: 0;
        }

    .text-wrap .table-responsive > table {
        border: 0;
    }

    .table thead th,
    .text-wrap table thead th {
        vertical-align: bottom;
        border-bottom: 1px solid #eff0f6;
        border-top: 0;
        border-bottom-width: 1px;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .table th,
    .text-wrap table th {
        color: #384b6e;
        text-transform: uppercase;
        font-size: 0.875rem;
        font-weight: 400;
    }

    .table-md th,
    .table-md td {
        padding: 0.5rem;
    }

    .table-vcenter td,
    .table-vcenter th {
        vertical-align: middle;
        border-top: 1px solid #eff0f6;
    }

    .table-center td,
    .table-center th {
        text-align: center;
    }

    .table-striped tbody tr:nth-of-type(odd) {
        background: transparent;
    }

    .table-striped tbody tr:nth-of-type(even) {
        background-color: #f4f5fb;
    }

    .table-calendar {
        margin: 0 0 0.75rem;
    }

        .table-calendar td,
        .table-calendar th {
            border: 0;
            text-align: center;
            padding: 0 !important;
            width: 14.28571429%;
            line-height: 2.5rem;
        }

        .table-calendar td {
            border-top: 0;
        }

    .table-calendar-link {
        line-height: 2rem;
        min-width: calc(2rem + 2px);
        display: inline-block;
        border-radius: 3px;
        background: #f8f9fa;
        color: #495057;
        font-weight: 600;
        transition: background 0.3s, color 0.3s;
        position: relative;
    }

        .table-calendar-link:before {
            content: "";
            width: 4px;
            height: 4px;
            position: absolute;
            left: 0.25rem;
            top: 0.25rem;
            border-radius: 50px;
            background: #467fcf;
        }

        .table-calendar-link:hover {
            color: #fff;
            text-decoration: none;
            background: #467fcf;
            transition: background 0.3s;
        }

            .table-calendar-link:hover:before {
                background: #fff;
            }

    .table-header {
        cursor: pointer;
        transition: color 0.3s;
    }

        .table-header:hover {
            color: #495057 !important;
        }

        .table-header:after {
            content: "\f0dc";
            font-family: FontAwesome;
            display: inline-block;
            margin-left: 0.5rem;
            font-size: 0.75rem;
        }

    .table-header-asc {
        color: #495057 !important;
    }

        .table-header-asc:after {
            content: "\f0de";
        }

    .table-header-desc {
        color: #495057 !important;
    }

        .table-header-desc:after {
            content: "\f0dd";
        }

    .w-5 {
        width: 1.5rem !important;
    }

    .align-middle {
        vertical-align: middle !important;
    }

    .custom-control {
        position: relative;
        display: block;
        min-height: 1.5rem;
        padding-left: 1.5rem;
        user-select: none;
    }

    .custom-control-inline {
        display: inline-flex;
        margin-right: 1rem;
    }

    .custom-control-input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

        .custom-control-input:checked ~ .custom-control-label::before {
            color: #fff;
            background-color: #008afc;
        }

        .custom-control-input:focus ~ .custom-control-label::before {
            box-shadow: 0 0 0 1px #f4f5fb, 0 0 0 2px rgb(70, 127, 207, 0.25);
        }

        .custom-control-input:active ~ .custom-control-label::before {
            color: #fff;
            background-color: #d4e1f4;
        }

        .custom-control-input:disabled ~ .custom-control-label {
            color: #868e96;
        }

            .custom-control-input:disabled ~ .custom-control-label::before {
                background-color: #e9ecef;
            }

    .custom-control-label {
        margin-bottom: 0;
        display: block;
        margin-top: 2px;
        line-height: 25px;
        vertical-align: middle;
    }

        .custom-control-label::before {
            position: absolute;
            top: 0.25rem;
            left: 0;
            display: block;
            width: 20px;
            height: 20px;
            pointer-events: none;
            content: "";
            user-select: none;
            border: #d3dfea solid 1px;
            background-color: #fff;
            background-size: 0.5rem;
        }

        .custom-control-label::after {
            position: absolute;
            top: 0.25rem;
            left: 0;
            display: block;
            width: 20px;
            height: 20px;
            content: "";
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 50% 50%;
        }

    .custom-control-label-md {
        padding-left: 15px;
        padding-top: 6px;
    }

        .custom-control-label-md::before,
        .custom-control-label-md::after {
            top: 0.25rem !important;
            width: 1.5rem !important;
            height: 1.5rem !important;
        }

    .custom-control-md {
        min-height: 2rem !important;
    }

    .custom-control-lg {
        min-height: 2.5rem;
    }

    .custom-control-label-lg {
        padding-left: 15px;
        padding-top: 10px;
    }

        .custom-control-label-lg::before,
        .custom-control-label-lg::after {
            top: 0.25rem !important;
            width: 2rem !important;
            height: 2rem !important;
        }

    .custom-checkbox .custom-control-label::before {
        border-radius: 3px;
    }

    .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
        background-color: #008afc;
    }

    .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
    }

    .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
        background-color: #008afc;
    }

    .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
    }

    .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
        background-color: #008afc;
        opacity: 0.5;
    }

    .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
        background-color: rgb(70, 127, 207, 0.5);
    }

    .custom-radio .custom-control-label::before {
        border-radius: 50%;
    }

    .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
        background-color: #008afc;
    }

    .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
    }

    .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
        background-color: #008afc;
        opacity: 0.5;
    }

    .custom-select {
        display: inline-block;
        width: 100%;
        height: 2.375rem;
        padding: 0.5rem 1.75rem 0.5rem 0.75rem;
        line-height: 1.5;
        color: #6b6f80;
        vertical-align: middle;
        background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath fill='#999' d='M0 0L10 0L5 5L0 0'/%3E%3C/svg%3E") right 0.75rem center no-repeat #fff;
        background-size: 8px 10px;
        border: #eff0f6 solid 1px;
        border-radius: 3px;
        appearance: none;
    }

        .custom-select:focus {
            border-color: #008afc;
            outline: 0;
            box-shadow: 0 1px 2px rgb(0, 0, 0, 0.075) inset, 0 0 5px rgb(25, 145, 235, 0.5);
        }

            .custom-select:focus::-ms-value {
                color: #495057;
                background-color: #fff;
            }

        .custom-select[multiple],
        .custom-select[size]:not([size="1"]) {
            height: auto;
            padding-right: 0.75rem;
            background-image: none;
        }

        .custom-select:disabled {
            color: #868e96;
            background-color: #e9ecef;
        }

        .custom-select::-ms-expand {
            opacity: 0;
        }

    .custom-select-sm {
        height: calc(1.8125rem + 2px);
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        font-size: 75%;
    }

    .custom-checkbox:before {
        position: absolute;
        top: 0.25rem;
        left: 0;
        display: block;
        width: 1rem;
        height: 1rem;
        pointer-events: none;
        content: "";
        user-select: none;
        background-color: transparent;
    }

    .custom-checkbox:after {
        position: absolute;
        top: 0.25rem;
        left: 0;
        display: block;
        width: 1rem;
        height: 1rem;
        content: "";
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 50% 50%;
    }

    .page-sub-header {
        display: flex;
        align-items: center;
        margin: 1.5rem 0 1.5rem;
        justify-content: space-between;
        padding: 0;
        border-radius: 7px;
        position: relative;
        min-height: 50px;
    }

        .page-sub-header .breadcrumb-icon {
            margin-top: 3px;
            margin-left: 4px;
        }

        .page-sub-header .breadcrumb-item {
            margin-top: 3px;
        }

            .page-sub-header .breadcrumb-item .svg-icon {
                width: 20px;
                vertical-align: middle;
            }

            .page-sub-header .breadcrumb-item:first-child {
                margin-top: 0;
            }

    .page-title {
        margin: 0;
        font-size: 25px;
        font-weight: 500;
        line-height: 2.5rem;
        position: relative;
    }

    .page-title-icon {
        color: #9aa0ac;
        font-size: 1.25rem;
    }

    .page-subtitle {
        font-size: 0.8125rem;
        color: #6e7687;
        margin-left: 2rem;
        position: relative;
    }

        .page-subtitle a {
            color: inherit;
        }

    .page-options {
        margin-left: auto;
    }

    .page-description {
        margin: 0.25rem 0 0;
        color: #6e7687;
    }

        .page-description a {
            color: inherit;
        }

    .page-rightheader .breadcrumb {
        padding: 3px 15px 5px 15px;
        background: #fff;
        border-radius: 15px;
    }

    #kt_content .inner_content_wrapper .card {
        box-shadow: none;
    }

        #kt_content .inner_content_wrapper .card.overflow-hidden img {
            background-color: #ffffff;
        }

    #dvContainer #kt_content .inner_content_wrapper .card {
        box-shadow: none;
        border-radius: 8px !important;
    }

    .card {
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        overflow-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        position: relative;
        margin-bottom: 1rem;
        width: 100%;
        border: 0;
        border-radius: 8px !important;
    }

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

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

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

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

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

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

    .card-link + .card-link {
        margin-left: 1.5rem;
    }

    .justify-content-between {
        justify-content: space-between !important;
    }

    .flex-row {
        flex-direction: row !important;
    }

    .p-3 {
        padding: 0.75rem !important;
    }

    .rounded {
        border-radius: 3px !important;
    }

    .mr-3,
    .mx-3 {
        margin-right: 0.75rem !important;
    }

    .bid-tabs {
        display: flex;
        justify-content: space-between;
        width: 100%;
        border: none;
    }

        .bid-tabs li {
            flex: 1;
            align-items: center;
            text-align: center;
        }

            .bid-tabs li a {
                border-radius: 0;
                border: none;
                font-weight: 600;
                background: #eee;
                line-height: 45px !important;
                color: #3f4254;
            }

        .bid-tabs > li.active > a,
        .bid-tabs > li.active > a:focus,
        .bid-tabs > li.active > a:hover {
            border-radius: 0;
            border: none;
            border-color: #00559f !important;
            background: #00559f !important;
            color: #fff;
        }

    .card-header {
        background: transparent;
        display: flex;
        min-height: 3.5rem;
        align-items: center;
        padding: 15px;
        margin-bottom: 0;
        border-bottom: 1px solid #eff0f6;
    }

        .card-header .card-title {
            margin-bottom: 0;
        }

        .card-header.border-0 + .card-body {
            padding-top: 0;
        }

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

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

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

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

    #dvContainer #kt_content .inner_content_wrapper .card-footer {
        background-color: rgb(0, 0, 0, 0.05) !important;
    }

    #kt_content .card-footer div div {
        cursor: pointer;
        text-align: center;
        padding: 7px 0;
        width: 33.33%;
        font-weight: normal;
        font-size: 10px;
    }

    #kt_content .inner_content_wrapper .card-footer div div:hover .fa {
        color: #fff;
    }

    #kt_content .inner_content_wrapper .card-footer div div:hover {
        background-color: #50c472;
        color: #fff !important;
    }

    #kt_content .inner_content_wrapper .card-footer div div:first-child:hover {
        background-color: #f7b713;
        color: #fff !important;
    }

    #kt_content .inner_content_wrapper .card-footer div div:last-child:hover {
        background-color: #45aaf2;
        color: #fff !important;
    }

    .card-footer {
        padding: 1.5rem 1.5rem;
        color: #6e7687;
        background-color: rgb(0, 0, 0, 0.05) !important;
        border-top: 1px solid #eff0f6;
    }

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

    .card-header-tabs {
        margin-right: -0.75rem;
        margin-bottom: -1.5rem;
        margin-left: -0.75rem;
        border-bottom: 0;
        margin: -1.25rem 0;
        line-height: 2rem;
    }

        .card-header-tabs .nav-item {
            margin-bottom: 1px;
        }

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

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

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

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

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

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

        .card-deck .card {
            margin-bottom: 0.75rem;
        }

    .card-body {
        flex: 1 1 auto;
        margin: 0;
        padding: 1rem !important;
        position: relative;
    }

    .main_content_wrapper .page-sidebar-menu.page-sidebar-menu-closed {
        width: 54px !important;
    }

    .main_content_wrapper .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .title {
        display: none !important;
    }

    .inner_content_wrapper {
        display: flex;
    }

    .m-0 {
        margin: 0 !important;
    }

    .breadcrumb {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 0;
        list-style: none;
        border-radius: 3px;
        font-weight: 400;
        background: transparent;
    }

    .breadcrumb-item a {
        color: #008afc;
        font-size: 13px;
    }

    .breadcrumb-item + .breadcrumb-item::before {
        display: inline-block;
        padding-right: 0.5rem;
        padding-left: 0.5rem;
        color: #bcccda;
        content: "/";
        opacity: 0.5;
    }

    .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration: underline;
        text-decoration: none;
    }

    .breadcrumb-item.active {
        color: #424e79;
    }

    .breadcrumb1 {
        display: flex;
        flex-wrap: wrap;
        padding: 0.75rem 1rem;
        margin-bottom: 1rem;
        list-style: none;
        background-color: #f4f5fb;
        border-radius: 0.25rem;
    }

    .breadcrumb-item1 a {
        color: #008afc;
    }

        .breadcrumb-item1 a:hover {
            color: #123787;
            text-decoration: underline;
        }

    .breadcrumb-item1 + .breadcrumb-item1::before {
        display: inline-block;
        padding-right: 0.5rem;
        padding-left: 0.5rem;
        content: "/";
        opacity: 0.2;
    }

    .breadcrumb-item1 + .breadcrumb-item1:hover::before {
        text-decoration: underline;
        text-decoration: none;
    }

    .breadcrumb-item1.active {
        color: #424e79;
    }

    .breadcrumb-arrow {
        height: 36px;
        padding: 0;
        line-height: 36px;
        list-style: none;
        background-color: #f3f4f7;
    }

        .breadcrumb-arrow li {
            display: inline-block;
            vertical-align: top;
        }

            .breadcrumb-arrow li:first-child a {
                border-radius: 4px 0 0 4px;
            }

            .breadcrumb-arrow li a,
            .breadcrumb-arrow li span {
                display: inline-block;
                vertical-align: top;
            }

            .breadcrumb-arrow li:not(:first-child) {
                margin-left: -5px;
            }

            .breadcrumb-arrow li + li:before {
                padding: 0;
                content: "";
            }

            .breadcrumb-arrow li span {
                padding: 0 10px;
            }

            .breadcrumb-arrow li a,
            .breadcrumb-arrow li:not(:first-child) span {
                height: 36px;
                padding: 0 10px 0 25px;
                line-height: 36px;
            }

            .breadcrumb-arrow li:first-child a {
                padding: 0 10px;
            }

            .breadcrumb-arrow li a {
                position: relative;
                color: #fff;
                text-decoration: none;
                background-color: #008afc;
                border: #008afc solid 1px;
            }

            .breadcrumb-arrow li:first-child a {
                padding-left: 10px;
            }

            .breadcrumb-arrow li a:after {
                position: absolute;
                top: -1px;
                width: 0;
                height: 0;
                content: "";
                border-top: 18px solid transparent;
                border-bottom: 18px solid transparent;
            }

            .breadcrumb-arrow li a:before {
                position: absolute;
                top: -1px;
                width: 0;
                height: 0;
                content: "";
                border-top: 18px solid transparent;
                border-bottom: 18px solid transparent;
                right: -11px;
                z-index: 3;
                border-left-color: #008afc;
                border-left-style: solid;
                border-left-width: 11px;
            }

            .breadcrumb-arrow li a:after {
                right: -12px;
                z-index: 2;
                border-left: 11px solid #6e79ca;
            }

            .breadcrumb-arrow li span {
                color: #424e79;
            }

    .svg-icon,
    .header-icon,
    .header-icon2 {
        color: #008afc;
        fill: #008afc;
    }

    .breadcrumb-item + .breadcrumb-item {
        padding-left: 0.5rem;
    }

    .btn-default {
        color: #fff !important;
        background-color: #008afc;
        border-color: #008afc;
        box-shadow: 0 0 10px -5px rgb(68, 84, 195, 0.5);
    }

        .btn-default:hover {
            color: #fff !important;
            background-color: #39a0f4;
            border-color: #39a0f4;
        }

    .main_content_wrapper .dataTables_wrapper .dt-buttons {
        float: left;
    }

    .page-header-inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .form-inline-top {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
    }

    .search-element {
        position: relative;
    }

        .search-element input {
            border-radius: 6em;
            width: 260px;
        }

        .search-element .form-control {
            border: #d3dfea solid 1px;
            padding-left: 20px;
            width: 260px;
            padding-right: 40px;
            padding-top: 7px;
            background: #f4f5fc;
        }

            .search-element .form-control:focus {
                box-shadow: none;
            }

    .form-inline-top .search-element .btn {
        border-radius: 0;
        padding: 5px 15px 6px 15px;
        border: transparent solid 2px;
        box-shadow: none;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
        background: transparent;
        color: #fff;
        margin-left: -56px;
        font-size: 24px !important;
        position: absolute !important;
        right: 10px;
        top: 0;
        box-shadow: none !important;
        background-color: transparent;
        border: none;
        color: #008afc;
        padding: 0 !important;
    }

    .header_navs {
        display: flex;
        align-items: center;
    }

    .topbar {
        width: 100%;
    }

    .icon-navs {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        line-height: normal;
        margin-top: 0;
        flex: 3;
    }

    .page-header.navbar .page-logo {
        width: auto;
    }

    .page-header.navbar .page-logo {
        float: none;
        display: flex;
    }

    .nav-link.icon {
        padding: 0 15px;
        text-align: center;
        font-size: 1.2rem;
        position: relative;
        top: auto;
        transform: inherit;
        left: 0;
    }

    .header-option .header-icon {
        margin-top: 0;
        font-size: 24px !important;
        color: #008afc;
    }

        .header-option .header-icon.fa-home {
            font-size: 24px !important;
        }

    .page-header.navbar .menu-toggler.sidebar-toggler {
        float: right;
        margin: 15px 0 0;
        font-size: 32px;
        width: 40px;
        background-image: none;
        color: #97b1c3;
    }

    .header-option {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .event-box {
        display: flex;
        align-items: center;
    }

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

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

    .d-inline-flex {
        display: inline-flex !important;
    }

    .flex-wrap {
        flex-wrap: wrap !important;
    }

    .bg-dark {
        background-color: #4454c3 !important;
    }

    .bg-cyan {
        background-color: #28afd0 !important;
    }

    .events-list .card-header:after {
        font-family: "Font Awesome 5 Free";
        content: "\f106";
        float: right;
        font-size: 20px;
    }

    .events-list .card-header.collapsed:after {
        content: "\f107";
    }

    .ui-datepicker,
    .ui-timepicker-wrapper {
        z-index: 999999 !important;
    }

    .was-validated .bidding-field .form-control {
        background-image: none !important;
        padding-right: 0.75rem !important;
        min-height: inherit !important;
        border: #d3dfea solid 1px !important;
        background-color: #fff;
    }

    .was-validated .bidding-field .input-group-text {
        padding: 0.375rem !important;
    }

    .events-list .card-header {
        padding: 10px 15px;
        margin-bottom: 0;
        background-color: #d6ebff;
        border-bottom: 1px solid #e6e6e6;
        border-radius: 5px;
        margin: 0;
        min-height: 3rem;
    }

    .sidebar-title {
        margin: 0 0 15px;
        font-weight: 500;
        font-size: 1.5rem;
        color: #181c32;
        text-transform: inherit;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .event-accordian.card-body {
        padding: 1.5rem 0;
    }

    .events-list .card-header {
        border-radius: 5px;
        margin-bottom: 0;
    }

        .events-list .card-header .card-title {
            font-size: 16px;
            width: 100%;
            font-weight: 500;
        }

            .events-list .card-header .card-title .fa {
                font-size: 16px;
            }

    .ml-auto,
    .mx-auto {
        margin-left: auto !important;
    }

    .event-details {
        display: flex;
        align-items: center;
        margin-bottom: 18px;
    }

    .events-list .card .card-body {
        padding: 15px;
    }

    .event-details span {
        display: inline-block;
        width: 30px;
        height: 30px;
        border: #eee solid 1px;
        border-radius: 100%;
        text-align: center;
        line-height: 30px;
        margin-right: 10px;
        overflow: hidden;
        background-color: #f3f4fa;
    }

        .event-details span img {
            width: 100%;
            height: 100%;
            border-radius: 100%;
        }

    .event-details .event-title h1 {
        font-size: 14px;
        color: #333;
        margin: 0;
        padding: 0;
    }

    .text-al-l {
        text-align: left;
    }

    .bid-box .bid-input {
        flex: 4;
        margin-right: 10px;
    }

    .event-details .event-title p {
        font-size: 12px;
        color: #999;
        margin: 0;
        padding: 0;
        font-weight: normal;
    }

    .icon-circle {
        display: inline-block;
        width: 30px;
        height: 30px;
        border-radius: 100%;
        background-color: #008afc;
        color: #fff;
        text-align: center;
        line-height: 30px;
        margin-right: 10px;
    }

    .create-event-btn {
        background-color: #0073e9;
        padding: 10px;
        color: #fff;
        border: #0073e9 solid 2px !important;
        height: auto !important;
    }

        .create-event-btn:hover {
            background-color: #fff;
            color: #0073e9;
        }

        .create-event-btn i {
            color: #fff;
        }

        .create-event-btn:hover i {
            color: #0073e9;
        }

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

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

    .sidebar .nav .nav-item .nav-link .menu-span-icon {
        background-color: #d6ebff;
        width: 36px;
        height: 36px;
        line-height: 36px;
        text-align: center;
        margin-right: 15px;
        border-radius: 100%;
    }

    .event-box {
        display: flex;
        align-items: center;
    }

    .event-big-circle {
        width: 60px;
        height: inherit;
        border-radius: 0.42rem;
        text-align: center;
        line-height: 30px;
        margin-right: 15px;
        overflow: hidden;
        background-color: #f3f4fa;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 60px;
        min-height: inherit;
    }

        .event-big-circle img {
            width: 100%;
            height: auto;
        }

    .event-info h1 {
        font-size: 18px;
        font-weight: 500;
        color: #333;
        margin: 0;
        padding: 0;
    }

        .event-info h1 a {
            color: #333;
        }

    .event-info p {
        font-size: 14px;
        font-weight: normal;
        color: #666;
        margin: 0;
        padding: 0;
    }

    .event-info-right span {
        margin-left: 20px;
        position: relative;
    }

        .event-info-right span .fa {
            margin-right: 10px;
            font-size: 24px;
        }

        .event-info-right span .badge {
            position: absolute;
            left: -10px;
            top: -20px;
            border-radius: 100%;
        }

    .btn-outline-primary:hover {
        color: #fff !important;
        background-color: #008afc;
        border-color: #008afc;
    }

    .btn-outline-primary {
        color: #008afc;
        background-color: transparent;
        background-image: none;
        border-color: #008afc;
        box-shadow: 0 0 10px -5px rgb(68, 84, 195, 0.5);
    }

    .p-5 {
        padding: 1.5rem !important;
    }

    .br-7 {
        border-radius: 7px !important;
    }

    .text-primary {
        color: #008afc !important;
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 0.75rem !important;
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important;
    }

    .align-items-center {
        align-items: center !important;
    }

    .likes-box {
        display: flex;
        align-items: center;
    }

    .likes-big-circle {
        width: 100px;
        height: 100px;
        border: #eee solid 1px;
        border-radius: 100%;
        text-align: center;
        line-height: 30px;
        margin-right: 15px;
        overflow: hidden;
        background-color: #f3f4fa;
    }

        .likes-big-circle img {
            width: 100%;
            height: 100%;
            border-radius: 100%;
        }

    .likes-info {
        flex: 1;
    }

        .likes-info h1 {
            font-size: 16px;
            font-weight: 500;
            color: #008afc;
            margin: 0 0;
            padding: 0;
        }

    .like-btn {
        flex: 1;
    }

    .likes-info p {
        font-size: 12px;
        font-weight: normal;
        color: #666;
        margin: 0;
        padding: 0;
    }

    .likes-info-right span {
        margin-left: 20px;
        position: relative;
    }

        .likes-info-right span .fa {
            margin-right: 10px;
            font-size: 24px;
        }

        .likes-info-right span .badge {
            position: absolute;
            left: -10px;
            top: -20px;
            border-radius: 100%;
        }

    .event-form .was-validated .form-control:invalid {
        border-color: #d3dfea;
    }

    .event-form .was-validated .form-control {
        min-height: 45px;
    }

    .timline-banner {
        background-color: #ffffff;
        border-radius: 8px;
    }

        .timline-banner img {
            width: 100%;
            border-radius: 8px;
        }

    .event-profile {
        display: flex;
        position: relative;
        margin-top: 0;
        padding: 0 15px;
        align-items: center;
    }

    .event-detail-info {
        display: flex;
        margin-top: 0;
        padding: 0 15px;
        align-items: center;
        justify-content: space-between;
    }

    .btn-outline-info {
        color: #45aaf2 !important;
        background-color: transparent;
        background-image: none;
        border-color: #45aaf2;
        box-shadow: 0 0 10px -5px rgb(69, 170, 242, 0.5);
    }

        .btn-outline-info:hover {
            color: #fff !important;
            background-color: #45aaf2;
            border-color: #45aaf2;
        }

    .profile-image-circle {
        width: 100px !important;
        height: 100px !important;
        background-color: transparent;
        border: none !important;
        margin-right: 25px;
        top: 0;
        position: relative;
        margin-top: 0;
    }

        .profile-image-circle img {
            width: 100%;
            height: inherit;
        }

    .event-profile-details h1 {
        font-size: 18px;
        margin: 15px 0 5px;
        padding: 0;
        color: #3f4254;
        word-break: break-word;
        line-height: 22px;
    }

    .event-profile-details p {
        font-size: 16px;
        margin: 0;
        padding: 0;
        color: #666;
        font-weight: normal;
    }

    .event-profile-details h1#lblOrganizationName {
        font-size: 16px;
        margin: 0 !important;
        padding: 0;
        color: #666;
        font-weight: normal;
    }

    .event-profile-details #organizationName {
        font-size: 16px;
        margin: 0 !important;
        padding: 0;
        color: #666 !important;
        font-weight: normal;
    }

    .outer-wrapper {
        height: auto;
    }

    .view-option a {
        font-size: 24px;
        margin-left: 10px;
        color: #b5b5c3;
    }

        .view-option a .fa-mobile {
            font-size: 28px;
        }

    .timeline-menu {
        display: flex;
        justify-content: space-between;
        border-top: 1px solid #eeeeee;
        padding: 8px 10px;
        margin-top: 20px;
        align-items: center;
    }

    .menu-left ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
    }

        .menu-left ul li {
            margin-right: 20px;
        }

            .menu-left ul li a {
                font-size: 22px;
                color: #3f4254;
                font-weight: 500;
            }

    .event-main-details {
        border-top: 1px solid #ddd;
        background-color: #ffffff;
        padding: 15px 0 0;
        border-radius: 0 0 8px 8px;
    }

    .form-box {
        border: #d3dfea solid 1px;
        padding: 15px;
        text-align: center;
        display: flex;
        align-items: center;
        min-height: 120px;
        border-radius: 4px;
        justify-content: center;
    }

    .f-4 {
        flex: 4;
    }

    .f-2 {
        flex: 2;
    }

    .card-box {
        padding: 1rem;
    }

    .card-box-header {
        justify-content: space-between;
        font-size: 12px;
    }

    .card-box-bottom {
        display: flex;
        justify-content: space-between;
    }

    .color-green {
        color: #2dce89;
    }

    .color-red {
        color: #ff5b51;
    }

    .color-blue {
        color: #45aaf2;
    }

    .color-yellow {
        color: #f7b713;
    }

    .m-50 {
        min-height: 50px;
    }

    .select-option-box {
        border: #d3dfea solid 1px !important;
        background: none !important;
    }

    .item-image img {
        border-radius: 8px;
    }

    .item-detail {
        padding: 0 15px;
    }

        .item-detail h3 {
            text-transform: inherit;
            margin: 0 0 10px;
            font-size: 32px;
            color: #231f1e;
        }

        .item-detail h2 {
            text-transform: inherit;
            margin: 0 0 10px;
            font-size: 20px;
            color: #231f1e;
        }

    .close-icon {
        position: absolute;
        right: 15px;
        top: 15px;
        z-index: 999;
    }

    .item-detail h2 a {
        display: inline-block;
        padding: 0 5px;
        color: #008afc;
    }

    .bidding-modal svg {
        width: 100px;
        display: block;
        margin: 0 auto 20px;
    }

    .bidding-modal .path {
        stroke-dasharray: 1000;
        stroke-dashoffset: 0;
    }

        .bidding-modal .path.circle {
            animation: dash 0.9s ease-in-out;
        }

        .bidding-modal .path.line {
            stroke-dashoffset: 1000;
            animation: dash 0.9s 0.35s ease-in-out forwards;
        }

        .bidding-modal .path.check {
            stroke-dashoffset: -100;
            animation: dash-check 0.9s 0.35s ease-in-out forwards;
        }

    #bidding-main .modal-lg {
        max-width: 100%;
        height: 100%;
        margin: 0 auto;
    }

    .item-container .card-footer,
    .item-container .card-bottom {
        padding: 0.5rem 1.5rem;
        background: none;
        text-align: center;
    }

    .item-container {
        border: #eff0f6 solid 1px;
        height: auto;
        padding: 15px 0 0;
        padding-top: 0;
    }

        .item-container .card-text {
            padding: 10px 0 10px;
            font-size: 14px;
        }

    .item-banner {
        margin: 25px 0;
    }

    .item-container .item-banner img {
        border-radius: 8px;
    }

    .bidding-modal p {
        text-align: center;
        margin: 20px 0;
        font-size: 1.25em;
    }

        .bidding-modal p.success {
            color: #73af55;
        }

        .bidding-modal p.error {
            color: #d06079;
        }

    .modal-form {
        text-align: left;
        max-width: 90%;
        margin: 0 auto;
    }

    .add-link {
        font-size: 14px;
        font-weight: bold;
        text-decoration: none !important;
        margin: 0 5px;
    }

    .catalog-radio-box {
        display: flex;
        width: 100%;
    }

        .catalog-radio-box .catalog-radio {
            margin-right: 12px;
            display: flex;
        }

            .catalog-radio-box .catalog-radio input[type="checkbox"],
            .catalog-radio-box .catalog-radio input[type="radio"] {
                margin: 3px;
                line-height: normal;
            }

    @keyframes dash {
        0% {
            stroke-dashoffset: 1000;
        }

        100% {
            stroke-dashoffset: 0;
        }
    }

    @keyframes dash-check {
        0% {
            stroke-dashoffset: -100;
        }

        100% {
            stroke-dashoffset: 900;
        }
    }

    .invite-team-list a {
        color: #0e559f;
    }

    .invite-team-list label {
        margin-bottom: 0;
    }

    .has-search .form-control {
        padding-left: 2.375rem;
        position: relative;
    }

    .has-search .form-control-feedback {
        position: absolute;
        z-index: 2;
        display: block;
        width: 2.375rem;
        height: 2.375rem;
        line-height: 2.375rem;
        text-align: center;
        pointer-events: none;
        color: #aaa;
        left: 2px;
        top: 5px;
    }

    .create_team {
        padding: 8px 10px !important;
    }

    .avatar-md {
        width: 40px;
        height: 40px;
        line-height: 2.5rem;
        font-size: 1rem;
    }

    .modal.modal-custom .modal-dialog {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
        display: flex;
        align-items: center;
        width: 95%;
        max-width: 500px;
        margin: 0 auto;
    }

    .edit-img-modal .modal-dialog {
        max-width: 500px;
        position: initial;
        width: 100%;
        margin: 30px auto;
    }

    .modal-content {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        pointer-events: auto;
        background-color: #fff;
        background-clip: padding-box;
        border: #eff0f6 solid 1px;
        border-radius: 3px;
        outline: 0;
    }

    .modal-backdrop {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 998;
        background-color: #000;
    }

        .modal-backdrop.fade {
            opacity: 0;
        }

        .modal-backdrop.show {
            opacity: 0.5;
        }

    .modal-header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        padding: 1rem;
        border-bottom: 1px solid #eff0f6;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

        .modal-header .close {
            padding: 0 !important;
            margin: 0 !important;
        }

    .modal-title {
        margin-bottom: 0;
        line-height: 1.5;
        font-size: 16px;
        flex: 1;
        color: #ffffff;
    }

    .modal-body {
        position: relative;
        flex: 1 1 auto;
        padding: 1rem;
    }

        .modal-body p:last-child {
            margin-bottom: 0;
        }

    .modal-lg {
        max-width: 800px;
    }

    .modal-footer {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 1.5rem;
        border-top: 1px solid #e9ecef !important;
    }

    .communicateModal .modal-footer {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 1.5rem;
        border-top: 1px solid #e9ecef !important;
    }

    .modal-footer > :not(:first-child) {
        margin-left: 0.25rem;
    }

    .modal-footer > :not(:last-child) {
        margin-right: 0.25rem;
    }

    .modal-scrollbar-measure {
        position: absolute;
        top: -9999px;
        width: 50px;
        height: 50px;
        overflow: scroll;
    }

    .modal.right .modal-dialog {
        position: fixed;
        margin: auto;
        width: 680px;
        max-width: 680px;
        height: 100%;
        transform: translate3d(0%, 0, 0);
    }

    .modal.right .modal-content {
        height: 100%;
        overflow-y: auto;
        border-radius: 0;
        border: none;
    }

    .modal.right .modal-header {
        background: rgb(73, 60, 148);
        background: #008afc;
        border-radius: 0;
        color: #fff;
        font-size: 16px;
    }

    .sidebar-wrapper {
        position: relative;
        background: #fff;
    }

    .modal.right .modal-header i.close {
        color: #fff;
        opacity: 1;
    }

    .modal.right .modal-body {
        padding: 30px;
        height: 80vh;
        overflow-y: auto;
    }

    .modal.right .modal-footer {
        justify-content: center;
        background: #eee;
        border-top: none;
    }

        .modal.right .modal-footer button,
        .modal.right .modal-footer a {
            font-size: 14px;
            text-decoration: none;
        }

        .modal.right .modal-footer .btn-default {
            color: #000 !important;
        }

        .modal.right .modal-footer .btn-canel {
            border: #ff7a59 solid 1px;
            background: transparent;
            color: #ff7a59;
        }

    .modal.right.fade .modal-dialog {
        right: 0;
        transition: 1s linear;
    }

    .modal.right.fade.show .modal-dialog {
        right: 0;
        transition: 1s linear;
    }

    .username-bx a {
        margin: 0;
        padding: 0;
        font-size: 14px;
        color: #3dbaed;
    }

    .username-bx {
        display: flex;
        align-items: center;
        border: #ddd solid 1px;
        justify-content: flex-start;
        width: 300px;
        margin: 10px auto;
        padding: 15px;
        border-radius: 0;
    }

    .initial-letters {
        width: 60px;
        height: 60px;
        background: #2f398c;
        border-radius: 50%;
        text-align: center;
        line-height: 60px;
        color: #fff;
        margin-right: 10px;
    }

    .step-modal .modal-content p {
        font-size: 14px;
        padding: 0;
        margin: 0;
    }

    #create-team .sw-toolbar-bottom {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #f5f8fa;
        border-top: 1px solid #cbd6e2;
        padding: 20px;
    }

    .tab-list-box .tab_list {
        display: flex !important;
    }

    .default-tab .tab_list {
        display: inherit !important;
    }

    .tab-list-box .tab_list li {
        flex: 1;
        text-align: center;
    }

    .modal-form-bx .form-control {
        border: #d3dfea solid 1px;
    }

    .modal-form-bx .form-control {
        padding-top: 4px;
        height: 45px;
        padding-bottom: 6px;
    }

    .modal-form-bx .card {
        box-shadow: none;
    }

    .tab-title {
        font-weight: normal !important;
        font-size: 24px;
    }

    .avatar-big {
        width: 72px;
        height: 72px;
    }

    .shadow-none {
        box-shadow: none !important;
    }

    .display-3 {
        font-size: 48px;
        font-weight: 300;
        line-height: 1.1;
    }

    .font-weight-semibold {
        font-weight: 500 !important;
    }

    .leading-loose {
        line-height: 2 !important;
    }

    .list-unstyled {
        padding-left: 0;
        list-style: none;
    }

    .pricing .list-unstyled li {
        border-bottom: 1px solid rgb(255, 255, 255, 0.1);
        padding: 7px 0;
    }

    .pricing {
        color: #fff;
        border-radius: 7px;
    }

    .mb-5,
    .my-5 {
        margin-bottom: 1.5rem !important;
    }

    .pricing-box .btn-white {
        background-color: transparent;
        background-image: none;
        color: #fff;
    }

    .pricing.bg-primary {
        background-color: #008afc !important;
    }

    .pricing.bg-secondary {
        background-color: #f72d66 !important;
    }

    .pricing.bg-info {
        background-color: #45aaf2 !important;
    }

    .pricing.bg-success {
        background-color: #2dce89 !important;
    }

    .pricing.bg-dark {
        background-color: #4454c3 !important;
    }

    .pricing.bg-cyan {
        background-color: #28afd0 !important;
    }

    .avatar-lg {
        width: 40px;
        height: 40px;
        line-height: 3rem;
        font-size: 1.25rem;
    }

    .font-weight-normal {
        font-weight: 400 !important;
    }

    .brround {
        border-radius: 50%;
    }

    .mt-1,
    .my-1 {
        margin-top: 0.25rem !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .btn-info {
        color: #fff !important;
        background-color: #45aaf2;
        border-color: #45aaf2;
        box-shadow: 0 0 10px -5px rgb(69, 170, 242, 0.5);
    }

    .pl-5,
    .px-5 {
        padding-left: 1.5rem !important;
    }

    .pr-5,
    .px-5 {
        padding-right: 1.5rem !important;
    }

    .pt-5,
    .py-5 {
        padding-top: 1.5rem !important;
    }

    .permission-tab .tab_wrapper .tab_list li {
        padding: 15px 18px;
        margin: 0;
        border-radius: 0;
        border-right: 1px solid #ddd;
    }

        .permission-tab .tab_wrapper .tab_list li:last-child {
            border: none;
        }

    .card-title {
        line-height: 1.2;
        text-transform: capitalize;
        font-weight: 500;
        letter-spacing: normal;
        font-size: 18px;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-break: break-all;
    }

        .card-title:only-child {
            margin-bottom: 0;
        }

    .tab_wrapper {
        display: inline-block;
        width: 100%;
        position: relative;
    }

        .tab_wrapper > ul {
            clear: both;
            width: 100%;
            margin-bottom: -7px;
            list-style: none;
            margin: 0;
            padding: 0;
        }

            .tab_wrapper > ul li.active {
                border-color: #00559f !important;
                background: #00559f !important;
                color: #fff;
            }

    .permission-tab .tab_wrapper .tab_content {
        padding: 40px 0 !important;
        border: none !important;
    }

    .permission-tab .tab_wrapper .content_wrapper {
        border: none !important;
    }

    .assign-box {
        border: #dfe3eb solid 1px;
    }

    .assign-outer {
        padding: 15px;
        border-bottom: 1px solid #dfe3eb;
    }

    #create-team .modal-body {
        margin-bottom: 100px;
    }

    .bg-none {
        background-color: transparent;
        border: none;
        box-shadow: none;
        color: #008afc !important;
    }

    .assign-outer div:first-child {
        width: 75%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .bidding-tab {
        width: 100%;
        box-shadow: none;
        margin-top: 0 !important;
        margin-bottom: 0;
    }

    .align-items-end {
        align-items: flex-end !important;
    }

    .bidding-tab .tab_wrapper .tab_list li {
        padding: 10px 18px;
        margin: 0;
        border-radius: 0;
        border-right: 1px solid #ddd;
    }

    .bidding-tab .tab_wrapper .tab_content {
        padding: 25px 0 !important;
        border: none !important;
    }

    .bidding-tab .tab_wrapper .content_wrapper {
        border: none !important;
    }

    .blue-text {
        color: #008afc;
    }

    #create-team .sw-theme-dots > ul.step-anchor {
        display: flex;
        justify-content: space-between;
    }

    .pricing-box {
        position: relative;
    }

    .ribbon {
        width: 150px;
        height: 150px;
        overflow: hidden;
        position: absolute;
        display: none;
    }

    .pricing-box.selected-plan .ribbon {
        display: block;
    }

    .text-change {
        display: none;
    }

    .pricing-box .btn-white {
        background-color: transparent;
        background-image: none;
        color: #fff;
        border: #fff solid 2px;
    }

    .pricing-box.selected-plan .btn-white {
        background-color: #fff;
        background-image: none;
        color: #424e79;
        border: #fff solid 2px;
    }

    .pricing-box.selected-plan .text-change {
        display: block;
    }

    .pricing-box.selected-plan .basic-text {
        display: none;
    }

    .ribbon::before,
    .ribbon::after {
        position: absolute;
        z-index: 1;
        content: "";
        display: block;
        border: #6c590f solid 5px;
    }

    .ribbon span {
        position: absolute;
        display: block;
        width: 210px;
        padding: 15px 0;
        background-color: #ffcb01;
        box-shadow: 0 5px 10px rgb(0, 0, 0, 0.1);
        color: #fff;
        font: 700 16px/1 "Lato", sans-serif;
        text-shadow: 0 1px 1px rgb(0, 0, 0, 0.2);
        text-transform: uppercase;
        text-align: center;
    }

    .badge-danger {
        color: #fff;
        background-color: #dc0441;
    }

    .event-info-right {
        margin-top: 2rem;
    }

    .ribbon-top-right {
        top: -10px;
        right: -10px;
    }

        .ribbon-top-right::before,
        .ribbon-top-right::after {
            border-top-color: transparent;
            border-right-color: transparent;
        }

        .ribbon-top-right::before {
            top: 0;
            left: 20px;
        }

        .ribbon-top-right::after {
            bottom: 20px;
            right: 0;
        }

        .ribbon-top-right span {
            left: 0;
            top: 30px;
            transform: rotate(45deg);
        }

    .summary-wrapper {
        background-color: #f4f5fc;
        padding: 15px;
        border-radius: 8px;
    }

    #item_view .modal-dialog {
        max-width: 90%;
    }

    .summary-tab {
        margin-top: 30px;
    }

        .summary-tab.tab_wrapper > ul {
            border: none;
        }

            .summary-tab.tab_wrapper > ul li {
                border-radius: 20px;
                margin-bottom: 10px;
                min-width: 100px;
                text-align: center;
            }

        .summary-tab.tab_wrapper .tab_list {
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
        }

            .summary-tab.tab_wrapper .tab_list:before,
            .summary-tab.tab_wrapper .tab_list:after {
                background-color: #eff0f6;
                content: "";
                display: inline-block;
                height: 1px;
                position: relative;
                vertical-align: middle;
                width: 38.5%;
            }

            .summary-tab.tab_wrapper .tab_list:before {
                right: 0.5em;
                margin-left: -50%;
            }

            .summary-tab.tab_wrapper .tab_list:after {
                left: 0.5em;
                margin-right: -50%;
            }

        .summary-tab.tab_wrapper .content_wrapper {
            border: none;
        }

            .summary-tab.tab_wrapper .content_wrapper .card-table tr td:first-child,
            .summary-tab.tab_wrapper .content_wrapper .card-table tr th:first-child {
                padding-left: 0.75rem;
            }

    .outer-wrapper.mobile-wrapper {
        max-width: 414px;
        margin: 20px auto;
        padding: 15px;
        box-shadow: 0 10px 10px 20px rgb(176, 184, 214, 0.09), 10px 10px 15px -5px #b0b8d6;
        border-radius: 8px;
    }

        .outer-wrapper.mobile-wrapper .menu-right .btn-list {
            text-align: center;
            margin-bottom: 15px;
        }

    .outer-wrapper #profileImage {
        line-height: 92px;
        width: 100%;
    }

    .outer-wrapper.mobile-wrapper #profileImage {
        line-height: 70px;
    }

    .view-mobile {
        display: none;
    }

    .outer-wrapper.mobile-wrapper .timline-banner {
        min-height: 150px;
        max-height: 150px;
        background-color: #f4f3f1;
        border-radius: 8px;
    }

    .outer-wrapper.mobile-wrapper .profile-image-circle {
        width: 80px !important;
        height: 80px !important;
        border-radius: 100%;
        margin-right: 15px;
    }

    .outer-wrapper.mobile-wrapper .event-profile {
        display: flex;
    }

    .outer-wrapper.mobile-wrapper .event-profile-details h1 {
        font-size: 18px;
        margin: 10px 0 0;
    }

    .outer-wrapper.mobile-wrapper .event-profile-details p {
        font-size: 13px;
    }

    .outer-wrapper.mobile-wrapper .timeline-menu {
        flex-direction: column-reverse;
        justify-content: flex-start;
    }

    .outer-wrapper.mobile-wrapper .menu-right {
        margin-top: 10px;
        width: 100%;
    }

        .outer-wrapper.mobile-wrapper .menu-right .btn-list .btnCommon {
            margin-right: 0;
        }

    .outer-wrapper.mobile-wrapper .timeline-menu {
        padding: 15px 0;
    }

    .outer-wrapper.mobile-wrapper .event-main-details .col-sm-6 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .currency-field {
        max-width: 200px;
        height: 50px;
        font-size: 20px;
    }

    .p-2 {
        padding: 0.5rem !important;
    }

    img {
        max-width: 100%;
    }

    .f-14 {
        font-size: 14px;
    }

    .close.modal_close {
        position: absolute;
        right: 10px;
        width: 35px;
        height: 35px;
        background-color: #ddd;
        line-height: normal;
        padding: 0;
        margin: 0;
        border-radius: 100%;
        top: 10px;
        text-indent: inherit;
    }

    .overflow-hidden {
        overflow: hidden !important;
    }

    .modal-custom .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }

    .modal-custom .modal-header {
        justify-content: center;
    }

    .modal-custom .modal-title {
        font-size: 18px;
    }

    .action-left {
        flex: 1;
    }

    .select-action {
        margin: 0;
        border-radius: 8px;
        margin-bottom: 2px;
    }

        .select-action:hover {
            background-color: #eaf3ff;
        }

        .select-action .avatar {
            background-color: #e4e6eb;
        }

    .maintance_wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100vh;
        flex-direction: column;
    }

        .maintance_wrapper h1 {
            font-size: 52px;
            line-height: 60px;
            font-weight: 300;
            letter-spacing: 0.006em;
            color: #000;
            margin-top: 3rem;
        }

        .maintance_wrapper p {
            font-size: 24px;
            line-height: 30px;
            font-weight: 400;
            letter-spacing: 0.006em;
            color: #000;
            margin: 0;
        }

    .toggle_menu_icon {
        display: none !important;
    }

    .d-block {
        display: block !important;
    }

    .text-md-right {
        text-align: right !important;
    }

    .form-label {
        display: block;
        margin-bottom: 0.375rem;
        font-weight: 500;
        color: #424e79;
    }

    .payment-wizard .custom-control-label {
        margin-left: 15px;
        margin-right: 15px;
    }

    .offset-md-2 {
        margin-left: 16.66666667%;
    }

    .wizard {
        border: #e9edf4 solid 1px;
        background-color: #fff;
    }

        .wizard > .steps {
            padding: 20px;
        }

            .wizard > .steps > ul {
                padding: 0;
                margin-bottom: 0;
                display: flex;
            }

                .wizard > .steps > ul li {
                    float: none;
                    display: block;
                    width: auto;
                }

                    .wizard > .steps > ul li .current-info {
                        display: none;
                    }

                    .wizard > .steps > ul li .title {
                        margin-left: 5px;
                        white-space: nowrap;
                        transition: all 0.2s ease-in-out;
                        margin: 0;
                        min-height: auto;
                    }

                    .wizard > .steps > ul li + li {
                        margin-left: 5px;
                    }

            .wizard > .steps a {
                color: #14112d;
                font-weight: 500;
                font-size: 15px;
                display: flex;
                justify-content: center;
                align-items: center;
            }

                .wizard > .steps a:hover,
                .wizard > .steps a:active {
                    color: #14112d;
                    font-weight: 500;
                    font-size: 15px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }

                    .wizard > .steps a .number,
                    .wizard > .steps a:hover .number,
                    .wizard > .steps a:active .number {
                        flex-shrink: 0;
                        font-weight: 700;
                        color: #fff;
                        display: block;
                        text-align: center;
                        line-height: 2;
                        width: 30px;
                        height: 30px;
                        background-color: #b4bdce;
                        border-radius: 100%;
                        transition: all 0.2s ease-in-out;
                        margin-right: 5px;
                    }

            .wizard > .steps .disabled a {
                color: #737688;
            }

                .wizard > .steps .disabled a:hover,
                .wizard > .steps .disabled a:active {
                    color: #737688;
                }

            .wizard > .steps .current a {
                color: #008afc;
            }

                .wizard > .steps .current a:hover,
                .wizard > .steps .current a:active {
                    color: #008afc;
                }

                    .wizard > .steps .current a .title,
                    .wizard > .steps .current a:hover .title,
                    .wizard > .steps .current a:active .title {
                        display: inline-block;
                    }

                    .wizard > .steps .current a .number,
                    .wizard > .steps .current a:hover .number,
                    .wizard > .steps .current a:active .number {
                        background-color: #008afc;
                    }

            .wizard > .steps .done a {
                color: #2dce89;
            }

                .wizard > .steps .done a:hover,
                .wizard > .steps .done a:active {
                    color: #2dce89;
                }

                    .wizard > .steps .done a .title,
                    .wizard > .steps .done a:hover .title,
                    .wizard > .steps .done a:active .title {
                        display: none;
                    }

                    .wizard > .steps .done a .number,
                    .wizard > .steps .done a:hover .number,
                    .wizard > .steps .done a:active .number {
                        background-color: #2dce89;
                    }

        .wizard > .content {
            border-top: 1px solid #e9edf4;
            border-bottom: 1px solid #e9edf4;
            min-height: 150px;
            padding: 20px;
        }

            .wizard > .content > .title {
                font-size: 18px;
                color: #424e79;
                font-weight: 700;
                margin-bottom: 5px;
                display: none;
                margin: 0;
            }

                .wizard > .content > .title.current {
                    display: block;
                }

            .wizard > .content > .body {
                float: none;
                position: static;
                width: auto;
                height: auto;
            }

                .wizard > .content > .body input.parsley-error {
                    border-color: #ff5c77;
                }

                    .wizard > .content > .body input.parsley-error + ul {
                        list-style: none !important;
                    }

        .wizard > .actions {
            padding: 20px;
        }

            .wizard > .actions > ul {
                margin: 0;
                padding: 0;
                list-style: none;
                display: flex;
                justify-content: space-between;
            }

                .wizard > .actions > ul > li:last-child a {
                    background-color: #2dce89;
                }

            .wizard > .actions a {
                display: block;
                background-color: #008afc;
                padding: 9px 25px;
                line-height: 1.573;
                color: #fff;
                border-radius: 4px;
                font-weight: 500;
            }

                .wizard > .actions a:hover,
                .wizard > .actions a:active {
                    display: block;
                    background-color: #008afc;
                    padding: 9px 25px;
                    line-height: 1.573;
                    color: #fff;
                    border-radius: 4px;
                    font-weight: 500;
                }

            .wizard > .actions .disabled a {
                background-color: #e8ebf2;
                color: #424e79;
            }

                .wizard > .actions .disabled a:hover,
                .wizard > .actions .disabled a:active {
                    background-color: #e8ebf2;
                    color: #424e79;
                }

        .wizard.vertical > .steps {
            padding: 20px;
        }

            .wizard.vertical > .steps ul li + li {
                margin-left: 10px;
            }

            .wizard.vertical > .steps ul li .title {
                display: none;
            }

            .wizard.vertical > .steps .current a .title {
                display: inline-block;
            }

        .wizard.vertical > .content {
            margin: 0;
            padding: 20px;
        }

        .wizard.vertical > .actions {
            padding: 20px;
        }

            .wizard.vertical > .actions ul {
                float: none;
                margin: 0;
                padding: 0;
            }

    .page-header.navbar .menu-toggler.responsive-toggler {
        margin: 0 10px 0;
    }

    .page-header.navbar .menu-toggler {
        width: 25px;
        height: 15px;
    }

    .recent-widgets-list ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .recent-widgets-list ul li {
            cursor: move;
            background-color: #fff;
        }

    .recent-widgets-list .recent-widgets-container {
        padding: 10px;
        border: #eee solid 1px;
        border-radius: 5px;
        box-shadow: 0 3px 10px 0 rgb(176, 184, 214, 0.09), 0 3px 10px 0 #b0b8d6;
    }

    .recent-widgets-list .recent-widgets-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        padding: 10px 0;
        border-bottom: 1px solid #eee;
    }

    .widget-icon i {
        width: 40px;
        height: 40px;
        line-height: 40px !important;
        text-align: center;
        background: #eee;
        font-size: 16px;
        margin-right: 10px;
        border-radius: 50%;
    }

    .widgets-list-inner {
        display: flex;
        align-items: center;
        width: 80%;
    }

    .widgets-list-content {
        width: calc(100% - 50px);
    }

        .widgets-list-content h5 {
            margin-bottom: 5px;
        }

    .widget-action-icon {
        display: none;
    }

    .recent-widgets-list ul li:hover .widget-action-icon {
        display: block;
    }

    .widget-action-icon i {
        width: 20px;
        height: 20px;
        line-height: 20px !important;
        border-radius: 50%;
        color: #fff;
        box-shadow: 0 2px 5px #d4c8c8;
        margin: 0 2px;
        font-size: 12px;
        cursor: pointer;
    }

        .widget-action-icon i:first-child {
            background: #008afc;
        }

        .widget-action-icon i:last-child {
            background: #f55741;
        }

    .panel-body-inner .top-list-group li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
        border: #ddd solid 1px;
    }

    .list-user-name a {
        font-size: 14px;
        color: #333;
        font-weight: 500;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 320px;
        display: block;
    }

        .list-user-name a:hover {
            text-decoration: none;
        }

    .add-goal .custom-control {
        padding-left: 3rem;
    }

    .goal-quiz-box {
        display: none;
    }

    .auction-total-amout h2 {
        font-size: 20px;
        color: #999;
        font-weight: normal;
        margin: 0;
    }

    .auction-total-amout h1 {
        font-size: 24px;
        font-weight: bold;
        margin: 0;
    }

    .panel-body-inner ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .panel.panel-default {
        box-shadow: none;
        border: 1px solid #eeeeee !important;
    }

    .panel-title .media-body span {
        font-size: 13px;
        font-weight: normal;
        line-height: 18px;
        display: block;
    }

    .panel-default > .panel-heading {
        color: #333;
        background-color: #fff;
        border-color: transparent;
        padding: 0;
        user-select: none;
    }

        .panel-default > .panel-heading a {
            display: block;
        }

            .panel-default > .panel-heading a:after {
                content: "";
                position: relative;
                top: 1px;
                display: inline-block;
                font-family: "Glyphicons Halflings";
                font-style: normal;
                font-weight: 400;
                line-height: 1;
                float: right;
                transition: transform 0.25s linear;
            }

            .panel-default > .panel-heading a[aria-expanded="true"] {
                background-color: #fff;
            }

                .panel-default > .panel-heading a[aria-expanded="true"] i.angle-toggle {
                    content: "\2212";
                    transform: rotate(-90deg);
                    color: #337ab7;
                    font-size: 1.5em;
                    transition: all 0.2s;
                    margin-right: 10px;
                }

            .panel-default > .panel-heading a[aria-expanded="false"] i.angle-toggle {
                content: "\002b";
                transform: rotate(90deg);
                color: #337ab7;
                font-size: 1.5em;
                transition: all 0.2s;
                margin-right: 10px;
            }

    .accordion-option {
        width: 100%;
        float: left;
        clear: both;
        margin: 15px 0;
    }

        .accordion-option .title {
            font-size: 20px;
            font-weight: bold;
            float: left;
            padding: 0;
            margin: 0;
        }

        .accordion-option .toggle-accordion {
            float: right;
            font-size: 16px;
            color: #6a6c6f;
        }

            .accordion-option .toggle-accordion:before {
                content: "Expand All";
            }

            .accordion-option .toggle-accordion.active:before {
                content: "Collapse All";
            }

    #sponsoreLogoCarousel.carousel {
        position: relative;
    }

    #sponsoreLogoCarousel .carousel-inner > .item > a > img,
    #sponsoreLogoCarousel .carousel-inner > .item > img {
        width: 200px;
        margin: 0 auto;
    }

    .upload-btn-wrapper {
        position: relative;
        overflow: hidden;
        display: inline-block;
    }

        .upload-btn-wrapper .btn {
            border: #0a78d4 solid 2px;
            color: gray;
            background-color: white;
            padding: 8px 20px;
            border-radius: 8px;
            font-size: 20px;
            font-weight: bold;
            color: #0a78d4;
            box-shadow: 0 1px 3px rgb(0, 0, 0, 0.1), 0 1px 2px rgb(0, 0, 0, 0.18);
        }

        .upload-btn-wrapper input[type="file"] {
            font-size: 100px;
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0;
        }

    .sponsors-img {
        width: 200px;
        margin-bottom: 20px;
    }

    .carousel-actions-wrap {
        position: absolute;
        right: 5px;
        z-index: 9;
        top: 5px;
        background: transparent;
        padding: 0;
        display: flex;
        flex-direction: column;
        box-shadow: none;
    }

    #carousel-example-generic.carousel,
    .carousel-inner {
        height: 400px;
    }

    #carousel-example-generic .carousel-control .glyphicon-chevron-left,
    #carousel-example-generic .carousel-control .glyphicon-chevron-right,
    #carousel-example-generic .carousel-control .icon-next,
    #carousel-example-generic .carousel-control .icon-prev {
        font-size: 20px;
    }

    .default-sidebar .slide a {
        color: #f55741 !important;
        background: none;
    }

        .default-sidebar .slide a.active,
        .default-sidebar .slide a:hover {
            color: #f55741 !important;
        }

    .carousel-actions-wrap .remove-image,
    .carousel-actions-wrap .edit-image {
        min-width: 25px;
        height: auto;
        border-radius: 5px;
        margin-bottom: 10px;
    }

    .carousel-actions-wrap .remove-image {
        margin-bottom: 0;
    }

    .carousel-caption {
        font-size: 12px;
        font-style: italic;
        font-weight: bold;
    }

    .carousel-control.left {
        background-image: linear-gradient(to right, rgb(0, 0, 0, 0) 0, rgb(0, 0, 0, 0) 100%) !important;
    }

    .carousel-control.right {
        background-image: linear-gradient(to right, rgb(0, 0, 0, 0) 0, rgb(0, 0, 0, 0) 100%) !important;
    }

    .create_item_wrapper.Grid_view {
        width: 440px;
        margin: 0 auto;
        background: #fff;
    }

        .create_item_wrapper.Grid_view .item-container {
            padding: 0;
        }

            .create_item_wrapper.Grid_view .item-container .pl-5 {
                padding-left: 0 !important;
            }

            .create_item_wrapper.Grid_view .item-container .pr-5 {
                padding-right: 0 !important;
            }

        .create_item_wrapper.Grid_view .current-bid-box {
            padding: 15px 0 0;
        }

            .create_item_wrapper.Grid_view .current-bid-box h2 {
                font-size: 20px;
            }

            .create_item_wrapper.Grid_view .current-bid-box h3 {
                font-size: 18px;
            }

        .create_item_wrapper.Grid_view .card {
            box-shadow: none;
            margin: 0;
        }

            .create_item_wrapper.Grid_view .card .col-sm-8.custom-col,
            .create_item_wrapper.Grid_view .card .col-sm-4.custom-col {
                width: 100%;
            }

        .create_item_wrapper.Grid_view #carousel-example-generic.carousel,
        .create_item_wrapper.Grid_view .carousel-inner {
            height: 175px;
        }

        .create_item_wrapper.Grid_view .carousel-actions-wrap {
            padding: 4px;
        }

            .create_item_wrapper.Grid_view .carousel-actions-wrap .remove-image,
            .create_item_wrapper.Grid_view .carousel-actions-wrap .edit-image {
                min-width: 20px;
                height: auto;
                border-radius: 5px;
                margin-bottom: 5px;
            }

        .create_item_wrapper.Grid_view .none-in-gridview {
            display: none;
        }

        .create_item_wrapper.Grid_view .current-bid-box {
            display: none !important;
        }

        .create_item_wrapper.Grid_view .card.item-description-card,
        .create_item_wrapper.Grid_view .card.item-name-card {
            display: none;
        }

    .visible-in-grid {
        display: none;
    }

    .create_item_wrapper.Grid_view .visible-in-grid {
        display: block;
    }

    .create_item_wrapper.Grid_view .date-donated-text {
        display: none;
    }

    .create_item_wrapper.Grid_view .carousel-actions-wrap {
        display: none;
    }

    .create_item_wrapper.Grid_view .carousel-caption,
    .create_item_wrapper.Grid_view .carousel-indicators,
    .create_item_wrapper.Grid_view .carousel-control.left,
    .create_item_wrapper.Grid_view .carousel-control.right {
        display: none !important;
    }

    .create_item_wrapper.Mobile_view {
        width: 440px;
        margin: 0 auto 15px;
        background: #fff;
        padding: 15px;
        border-radius: 10px;
    }

        .create_item_wrapper.Mobile_view .current-bid-box {
            padding: 15px 0 0;
        }

            .create_item_wrapper.Mobile_view .current-bid-box h2 {
                font-size: 20px;
            }

            .create_item_wrapper.Mobile_view .current-bid-box h3 {
                font-size: 18px;
            }

        .create_item_wrapper.Mobile_view .card {
            box-shadow: none;
            margin: 0;
        }

            .create_item_wrapper.Mobile_view .card .col-sm-8.custom-col,
            .create_item_wrapper.Mobile_view .card .col-sm-4.custom-col {
                width: 100%;
            }

        .create_item_wrapper.Mobile_view #carousel-example-generic.carousel,
        .create_item_wrapper.Mobile_view .carousel-inner {
            height: 175px;
        }

        .create_item_wrapper.Mobile_view .carousel-actions-wrap {
            padding: 4px;
        }

            .create_item_wrapper.Mobile_view .carousel-actions-wrap .remove-image,
            .create_item_wrapper.Mobile_view .carousel-actions-wrap .edit-image {
                min-width: 20px;
                height: auto;
                border-radius: 5px;
                margin-bottom: 5px;
            }

    .preview {
        display: flex;
        flex-direction: column;
    }

    .howto-btn {
        border: 1px solid #ddd;
        background-color: transparent;
        padding: 0px 3px;
        border-radius: 25px;
        padding-right: 10px;
        margin-left: 10px;
        min-height: 35px;
    }

        .howto-btn:hover {
            border: 1px solid #0073e9;
            background-color: #0073e9;
            color: #fff;
        }

            .howto-btn:hover .fa {
                color: #fff !important;
            }

        .howto-btn .fa {
            font-size: 32px;
            vertical-align: middle;
            margin-right: 10px;
            color: #0073e9 !important;
        }

    .option-th {
        width: 25%;
    }

    .options-list {
        display: flex;
        align-items: flex-start;
    }

        .options-list input[type="radio"],
        .options-list input[type="checkbox"] {
            position: relative;
            top: 4px;
            margin-right: 5px;
        }

    #kt_aside_menu hr:first-child {
        display: none;
    }

    .aside-menu .menu-nav {
        padding-top: 0 !important;
        margin-top: 15px;
    }

    .small-nav-header .howto-btn {
        padding: 0px 8px;
        display: flex;
        align-items: center;
        color: #333333;
    }

    .small-nav-header h5 a,
    .small-nav-header h5 a .fa {
        color: #333333;
        font-weight: 600;
    }

    .small-nav-header .howto-btn .fa {
        font-size: 20px;
        vertical-align: middle;
        margin-right: 0;
        color: #0073e9 !important;
    }

    .small-nav-header .howto-btn:hover .fa,
    .small-nav-header .howto-btn:hover {
        color: #ffffff !important;
    }

    #divItemInfo .item_info #divStartBidRight #lblRightStartBid {
        flex: inherit;
        width: auto !important;
        font-weight: 500 !important;
        font-size: 24px;
    }

    #divItemInfo .item_info #divStartBidRight .input-with-icon {
        flex: 1;
        width: auto !important;
        display: flex;
        align-items: center;
    }

    #divItemInfo .item_info #divItemValueRight h3 {
        flex: inherit;
        width: auto !important;
        font-size: 24px !important;
    }

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

    #divItemInfo .item_info #divAllowShipping h3 {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        #divItemInfo .item_info #divAllowShipping h3 #lblAllowShipping {
            flex: inherit;
            margin: 0 !important;
            width: auto !important;
            font-size: 14px;
            font-family: "Poppins", sans-serif !important;
            font-weight: bold !important;
            text-align: left !important;
        }

        #divItemInfo .item_info #divAllowShipping h3 #btnCalculateShipCost {
            flex: 1;
            width: auto !important;
            color: #e02222;
        }

    #divItemInfo .item_info #divCatalogNumber {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

        #divItemInfo .item_info #divCatalogNumber label {
            flex: inherit;
            width: auto !important;
            margin: 0 !important;
        }

        #divItemInfo .item_info #divCatalogNumber .add-link {
            flex: 1;
            text-align: left;
        }

    #divItemInfo .item_info #lblTax {
        margin-left: 0 !important;
        display: block;
        text-align: left;
        font-size: 14px;
        font-weight: 600 !important;
    }

    #divItemInfo .item_info #smCatalogNumber {
        flex: inherit;
        width: auto !important;
        text-align: left;
        font-size: 14px !important;
        font-weight: bold;
        word-break: break-all;
    }

    #divItemInfo .item_info #divProductDonate .form-group {
        display: flex;
        justify-content: flex-start;
        width: 100%;
        align-items: center;
    }

        #divItemInfo .item_info #divProductDonate .form-group label {
            flex: inherit;
            width: auto !important;
            margin: 0 !important;
            font-size: 14px;
        }

        #divItemInfo .item_info #divProductDonate .form-group small {
            flex: inherit;
            width: auto !important;
            text-align: left;
            margin-left: 5px;
            font-size: 14px !important;
        }

    #divItemInfo .item_info .date-donated-text {
        text-align: left;
        padding: 0 !important;
    }

        #divItemInfo .item_info .date-donated-text label {
            flex: 1;
            width: auto !important;
            margin: 0 !important;
        }

        #divItemInfo .item_info .date-donated-text #txtBiddingEndDate {
            flex: 1;
            width: auto !important;
        }

    #divItemInfo .item-container #divTimeClock {
        display: flex !important;
        justify-content: flex-start;
        align-items: center;
        margin: 10px 0 0 !important;
    }

        #divItemInfo .item-container #divTimeClock label {
            margin: 0;
            width: auto !important;
        }

        #divItemInfo .item-container #divTimeClock #pTimeClock {
            margin: 0;
        }

        #divItemInfo .item-container #divTimeClock label {
            margin: 0;
            width: auto !important;
        }

        #divItemInfo .item-container #divTimeClock #pTimeClock {
            margin: 0;
        }

    .ps__thumb-y {
        right: 0 !important;
    }

    .aside .aside-menu.ps > .ps__rail-y {
        right: 0 !important;
    }

    #divImageDot {
        display: none;
    }

    #divBid .mr-2:first-child {
        margin-right: 0 !important;
    }

    .tab_shippingoptions div:first-child {
        display: flex !important;
        justify-content: flex-end !important;
        float: none !important;
    }

    body.aside-minimize .create-event-btn {
        font-size: 0;
    }

    body.aside-minimize .app-sidebar .create-event-btn {
        font-size: inherit;
    }

    body.aside-minimize .create-event-btn.btn i {
        padding-right: 0;
    }

    .header-brand-logo-heart-icon {
        display: none;
        width: 36px !important;
    }

    .aside-minimize:not(.aside-minimize-hover) .brand .brand-logo img:first-child {
        display: none !important;
    }

    .aside-minimize:not(.aside-minimize-hover) .brand .brand-logo .header-brand-logo-default {
        display: none !important;
    }

    .aside-minimize:not(.aside-minimize-hover) .brand .brand-logo .header-brand-logo-heart-icon {
        display: block !important;
        width: 36px !important;
        position: relative;
        top: -2px;
        left: -2px;
    }

    body.aside-minimize #kt_brand {
        flex-direction: column;
        margin-top: 20px;
    }

    #like_btn.btn-success {
        background-color: #0073e9 !important;
        border-color: #0073e9 !important;
    }

    #like_btn.add-btn-custom {
        background-color: #fff;
        color: #0073e9;
        border: 2px solid #0073e9;
    }

        #like_btn.add-btn-custom .fa {
            color: #0073e9;
            vertical-align: baseline;
        }

        #like_btn.add-btn-custom:hover {
            background-color: #0073e9;
            color: #fff;
            border: 2px solid #0073e9;
        }

            #like_btn.add-btn-custom:hover .fa {
                color: #fff;
            }

        #like_btn.add-btn-custom.discoverFollowbtn {
            background-color: #0073e9;
            color: #fff;
            border: 2px solid #0073e9;
        }

            #like_btn.add-btn-custom.discoverFollowbtn .fa {
                color: #ffffff;
            }

    #kt_aside {
        box-shadow: none !important;
    }

    #success-modal {
        z-index: 10000;
        padding: 0 !important;
    }

        #success-modal .modal-form {
            margin: 0px !important;
            max-width: 100% !important;
            border: solid 1px grey;
            padding: 15px;
        }

            #success-modal .modal-form h2.font-weight-semibold {
                margin-bottom: 10px !important;
            }

            #success-modal .modal-form label {
                font-weight: normal;
            }

                #success-modal .modal-form label .fa {
                    color: #424e79 !important;
                }

            #success-modal .modal-form .input-with-icon {
                padding-top: 10px;
                padding-bottom: 10px;
                display: inline-block;
            }

                #success-modal .modal-form .input-with-icon .fa {
                    color: #424e79 !important;
                    top: 24px !important;
                }

                #success-modal .modal-form .input-with-icon input {
                    width: 34px;
                    padding: 0px;
                    display: inline-block;
                    margin: 0px;
                    height: 49px;
                    border-left: none;
                    margin-left: -10px;
                    color: #56a1de;
                    font-weight: bold;
                    border-top-left-radius: 0px;
                    border-bottom-left-radius: 0px;
                }

                #success-modal .modal-form .input-with-icon #txtCurrentBid {
                    font-weight: bold;
                    text-align: right;
                    color: #56a1de;
                    height: 49px;
                    width: 82%;
                    border-right: none;
                    padding-right: 10px;
                    margin-left: 0;
                    border-left: #d3dfea solid 1px;
                    border-radius: 5px;
                }

    #lblCurrentBidValid {
        color: red;
    }

    #buy-modal {
        z-index: 10000;
    }

        #buy-modal .modal-content {
            width: max-content;
            max-width: max-content;
        }

        #buy-modal #divBuyNowForm {
            margin: 0px;
            max-width: 100%;
            width: max-content;
            max-width: max-content;
            border: solid 1px grey;
            padding: 15px;
        }

            #buy-modal #divBuyNowForm:first-child div {
                border: none !important;
                padding: 0 !important;
            }

            #buy-modal #divBuyNowForm table tbody tr {
                border-bottom: solid 1px lightgrey;
            }

                #buy-modal #divBuyNowForm table tbody tr td:last-child {
                    text-align: right;
                }

                #buy-modal #divBuyNowForm table tbody tr td .input-with-icon {
                    padding: 10px 0;
                    display: flex;
                    width: 100%;
                }

                    #buy-modal #divBuyNowForm table tbody tr td .input-with-icon .fa {
                        color: #424e79 !important;
                        top: 17px !important;
                    }

                    #buy-modal #divBuyNowForm table tbody tr td .input-with-icon input {
                        width: 50px;
                        padding: 0px;
                        display: inline-block;
                        margin: 0px;
                        height: 49px;
                        border-left: none;
                        margin-left: -10px;
                        color: #56a1de;
                        font-weight: bold;
                        border-top-left-radius: 0px;
                        border-bottom-left-radius: 0px;
                    }

                    #buy-modal #divBuyNowForm table tbody tr td .input-with-icon #txtBuyNowPrice {
                        font-weight: bold;
                        text-align: right;
                        color: #56a1de;
                        height: 49px;
                        width: 100%;
                        border-right: none;
                        padding-right: 10px;
                        margin-left: 0;
                        border-left: #d3dfea solid 1px;
                        border-radius: 5px;
                    }

            #buy-modal #divBuyNowForm #btnBuyNowConfirm,
            #buy-modal #divBuyNowForm .cancel_btn {
                margin-bottom: 15px;
            }

            #buy-modal #divBuyNowForm label:last-child {
                font-weight: normal;
                font-size: 10px;
                display: block;
                text-align: center;
            }

            #buy-modal #divBuyNowForm label#tdBuyNowPrice {
                display: inline-block;
                margin: 0;
            }

            #buy-modal #divBuyNowForm .fa {
                color: #424e79 !important;
            }

            #buy-modal #divBuyNowForm #txtBuyNowQuantity {
                max-width: 70px;
                text-align: center !important;
                margin-left: 5px;
                border: #d3dfea solid 1px;
                border-radius: 4px;
                min-height: 34px;
            }

    #divStartBidRight {
        margin-bottom: 0 !important;
        justify-content: flex-start !important;
    }

        #divStartBidRight h2 {
            width: auto !important;
            white-space: nowrap;
            text-align: left;
        }

        #divStartBidRight .input-with-icon input {
            border: none;
            background-color: white;
            font-weight: 500;
        }

        #divStartBidRight #lblOutOfStock {
            color: #e02222 !important;
            margin: 0;
            font-size: 16px;
        }

    #divItemInfo #lblReserve {
        color: #e02222 !important;
        margin-left: 0 !important;
        display: block;
        text-align: center;
        font-size: 16px;
        font-weight: 600 !important;
        text-align: left !important;
        margin-bottom: 0;
    }

    #divStartBidRight #divTimeClock {
        margin-bottom: 0.5rem;
        display: block;
    }

    #divItemInfo #divTimeClock label {
        display: inline-block;
        font-weight: bold;
        width: auto !important;
        text-align: left;
    }

    #divStartBidRight #divTimeClock #pTimeClock {
        display: inline-block;
        font-weight: bold;
    }

    .date-donated-text .close_time {
        display: inline-block;
        display: inline-block;
        font-weight: bold;
        width: 49%;
        text-align: right;
    }

    #lblOutOfStock {
        color: #e02222 !important;
        margin: 0 !important;
        font-weight: 600 !important;
        font-size: 16px;
        width: 100%;
        text-align: left;
    }

    #divTimeClock {
        margin-bottom: 0.5rem;
    }

        #divTimeClock label {
            display: inline-block;
            font-weight: bold;
            width: 49%;
            text-align: right;
        }

    #divItemValueRight h3 {
        width: auto !important;
        text-align: left !important;
    }

    #divAllowShipping {
        font-weight: bold;
        margin-bottom: 0.5rem;
    }

        #divAllowShipping #lblAllowShipping {
            width: auto !important;
            text-align: right;
            margin-left: 0 !important;
        }

    .mySlides .common_img {
        max-height: 300px;
        width: 100%;
    }

    #divBidArea {
        padding: 5px !important;
    }

    .enter_bid {
        display: block !important;
        margin-top: 5px;
    }

    #divBuy .enter_bid,
    #divBuy label {
        display: block !important;
        margin-top: 5px;
    }

    .start_bid_txt {
        background-color: #ffffff !important;
        border: none !important;
    }

    #pTimeClock {
        display: inline-block;
        font-weight: bold;
    }

    #divBid #txtRightBidAmount {
        font-weight: bold;
        text-align: right;
        color: #56a1de;
        height: 49px;
        width: 79%;
        border-right: none;
        padding-right: 10px;
    }

    #divBid .zero_custom {
        width: 20%;
        padding: 0px;
        display: inline-block;
        margin: 0px;
        height: 49px;
        border-left: none;
        margin-left: -10px;
        color: #56a1de;
        font-weight: bold;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    #divBuy .input-with-icon .zero_custom {
        width: 20%;
        padding: 0px;
        display: inline-block;
        margin: 0px;
        height: 49px;
        border-left: none;
        margin-left: -10px;
        color: #56a1de;
        font-weight: bold;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .view-only-title {
        padding: 20px;
        text-align: center;
        font-size: 16px;
        margin: 0;
    }

    .only-view {
        color: #0073e9 !important;
        font-size: 12px;
    }

    .location-header {
        display: flex;
        justify-content: space-between;
        padding: 10px 0;
        font-size: 1.05rem;
        font-weight: 500;
        color: #0073e9;
    }

    .location-title {
        flex: 1;
    }

    .location-header .btn {
        margin-top: 10px;
    }

    #toast-container > div {
        opacity: 1 !important;
    }

    .toast.toast-success:hover {
        background-color: #06ada5;
        color: #ffffff;
    }

    .toast.toast-info:hover {
        background-color: #4709c4;
        color: #ffffff;
    }

    .toast.toast-warning:hover {
        background-color: #e49702 !important;
        color: #ffffff;
    }

    .toast.toast-error:hover {
        background-color: #be1426;
        color: #ffffff;
    }

    #btnAddCategory .edit-image {
        display: inline-block;
        line-height: 25px;
        background-color: #0073e9 !important;
        border-color: #0073e9 !important;
    }

        #btnAddCategory .edit-image .fa {
            color: #fff !important;
        }

        #btnAddCategory .edit-image:hover .fa {
            color: #fff !important;
        }

    #btnAddCategory:hover {
        color: #ffb04b !important;
    }

        #btnAddCategory:hover .edit-image {
            background-color: #0073e9 !important;
            border-color: #0073e9 !important;
        }

            #btnAddCategory:hover .edit-image .fa {
                color: #ffffff !important;
            }

    .event-main-details #image-list.row.ui-sortable {
        width: 100%;
        margin: 0;
    }

    #kt_brand.brand {
        padding: 0 15px;
    }

    .brand-logo .header-brand-logo-default {
        max-width: 200px !important;
        height: auto !important;
    }

    .editImageButton {
        display: inline-block;
        font: normal normal normal 17px/1 FontAwesome !important;
    }

    .login.login-1 .login-aside {
        background-color: #f3f6f9 !important;
    }

        .login.login-1 .login-aside .text-center img {
            padding: 0 20px;
            max-width: 90%;
        }

    #SaveAllSettingsButton .fa {
        display: none;
    }

    #modalCrop #getCroppedCanvasModal .btn.btn-primary {
        color: #ffffff;
        background-color: #0073e9 !important;
        border-color: #0073e9 !important;
    }

    #getCroppedCanvasModal .btn.btn-secondary {
        color: #ffffff;
        background-color: #0073e9 !important;
        border-color: #0073e9 !important;
    }

    #kt_subheader {
        margin-top: 0;
        margin-bottom: 15px;
        background-color: #f6f8fc !important;
    }

    .btn.btn-primary {
        color: #ffffff;
        background-color: #0073e9 !important;
        border-color: #0073e9 !important;
    }

    #modalcreateteam #embedediturl {
        width: 100%;
        border: #d3dfea solid 1px;
        padding: 10px;
        border-radius: 4px;
    }

    .note-popover.popover {
        z-index: 999999 !important;
    }

    #divDescription #DescriptionModel .modal-title {
        color: inherit;
    }

    #btnAutoAssignCatalogNo .fa,
    #btnDonateModal .fa {
        font-size: 17px;
        color: #666666;
    }

    #smCatalogNumber {
        color: #3F4254 !important;
        font-weight: 600;
    }

    #lblDonatedByName,
    #lblComma,
    #lblDonatedByCompanyName {
        color: #e02222 !important;
        font-weight: 600;
    }

    #divBuy .input-with-icon {
        padding: 0 !important;
        display: inline-block;
    }

    #previewClose {
        opacity: 1;
    }

    #modalCrop .btn.btn-primary {
        color: #ffffff;
        background-color: #3699ff !important;
        border-color: #3699ff !important;
        border-radius: 4px !important;
    }

    #previewClose i {
        color: #ffffff;
    }

    #DescriptionModel .dropdown-menu li a {
        position: relative;
        height: inherit;
        padding: inherit;
        font-weight: inherit;
        color: inherit;
        cursor: pointer;
        background-color: inherit;
        border-radius: 0;
        box-sizing: inherit;
    }

    .app-sidebar-help #createEvent {
        background: #0073e9;
        border: 2px solid #0073e9 !important;
        color: #fff;
    }

        .app-sidebar-help #createEvent:hover {
            background-color: #fff;
            color: #0073e9;
        }

            .app-sidebar-help #createEvent:hover .fa {
                color: #0073e9;
            }

    .communicateModal .modal .modal-header {
        display: flex;
        justify-content: space-between;
        align-items: center !important;
    }

    #help_modal .modal-header .modal-title {
        color: #fff;
    }

    #help_modal .modal-body {
        overflow-y: auto !important;
        overflow-x: hidden !important;
        max-height: 450px;
    }

    #Delete_modal .modal-header .modal-title {
        color: #fff;
    }

    #help_modal .modal-body .col-md-10 {
        max-width: 100%;
    }

        #help_modal .modal-body .col-md-10 iframe {
            width: 100% !important;
        }

    .communicateModal .modal .modal-header .close {
        font-size: 1.5rem !important;
        top: inherit !important;
    }

    .communicateModal .modal .modal-header .modal-title {
        color: #fff;
    }

    #LanguageDropDown .btn {
        color: #616b76 !important;
    }

    #LanguageDropDown ul li {
        border: none;
    }

    #LanguageDropDown li.language-menu-item a {
        align-items: center;
    }

        #LanguageDropDown li.language-menu-item a .famfamfam-flags {
            margin-right: 10px;
        }

    #LanguageDropDown .dropdown-toggle::after {
        display: none;
    }

    .content {
        padding: 25px 0 0;
    }

    #saveBtn {
        background-color: #0073e9 !important;
        border-color: #0073e9 !important;
        border-radius: 4px !important;
    }

        #saveBtn .fa {
            display: none;
        }

    .dataTables_wrapper .child .dtr-details > li .dtr-data {
        white-space: pre-wrap;
        word-wrap: break-word;
        word-break: break-all;
    }

    #GetWebpagesButton,
    #GetInvitedEventAdminsButton,
    #GetShp_invoicesButton,
    #GetMessagesButton {
        height: auto;
        line-height: 43px !important;
        border-radius: 0 4px 4px 0 !important;
    }

        #GetWebpagesButton i,
        #GetInvitedEventAdminsButton i,
        #GetShp_invoicesButton i,
        #GetMessagesButton i {
            font-size: 24px;
        }

    #bidIncrementModal .modal-header {
        background-color: #187de4;
        display: flex;
        justify-content: space-between !important;
        color: #fff;
        align-items: center;
    }

    #DescriptionModel .modal .modal-header {
        background-color: #187de4;
        display: flex;
        justify-content: space-between !important;
        color: #fff;
        align-items: center;
    }

        #DescriptionModel .modal .modal-header .modal-title {
            color: #ffffff;
        }

        #DescriptionModel .modal .modal-header .close {
            font-size: 20px;
            top: auto;
        }

    #bidIncrementModal .modal-body {
        padding: 1.5rem !important;
    }

    #bidIncrementModal .container {
        width: 100% !important;
        padding: 0 !important;
    }

    #actions .btn.btn-primary {
        color: #ffffff;
        background-color: #3699ff !important;
        border-color: #3699ff !important;
        border-radius: 4px !important;
    }

    #donatedby-modal .modal-body {
        height: 400px !important;
        padding: 1.5rem !important;
    }

    #donatedby-modal .modal-form #txtProductDonateWebsiteUrl {
        margin-right: 0.75rem !important;
    }

    #donatedby-modal .modal-form {
        max-width: 100%;
        padding-top: 0 !important;
    }

    #catalog-number-modal .modal-body {
        padding: 1.5rem !important;
    }

        #catalog-number-modal .modal-body .modal-form {
            padding: 1.5rem 0 0 !important;
            width: 100%;
            max-width: 100% !important;
        }

            #catalog-number-modal .modal-body .modal-form .form-group label {
                margin-bottom: 0 !important;
            }

    .card-options-remove {
        width: 25px;
        height: 25px;
        border: none;
        border-radius: 50% !important;
        margin-bottom: 10px;
        background-color: #fff;
        display: block;
        box-shadow: 5px 5px 5px #ddd;
        text-align: center;
        line-height: 25px;
        color: #3333 !important;
        font-size: 1.5rem;
    }

        .card-options-remove .fa {
            color: #666666;
        }

        .card-options-remove i {
            margin-right: 0;
        }

    .docs-buttons > .btn-group {
        margin-right: 0 !important;
    }

    #image-list .itemContainerHeight {
        min-height: 220px;
    }

        #image-list .itemContainerHeight > .align-items-center {
            align-items: flex-start !important;
            flex-wrap: wrap;
            flex-direction: column;
        }

        #image-list .itemContainerHeight h5 {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            word-break: break-word;
            font-size: 16px;
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }

            #image-list .itemContainerHeight h5.card-title.f-14.mb-3 {
                display: flex;
                align-items: center;
                flex-wrap: nowrap;
                word-break: normal;
                color: #3f4254;
            }

                #image-list .itemContainerHeight h5.card-title.f-14.mb-3 input {
                    color: #3f4254 !important;
                }

            #image-list .itemContainerHeight h5 .fa {
                margin-left: 5px !important;
                font-size: 13px;
                margin-right: 2px;
                color: #3f4254 !important;
            }

    #image-list .add-btn {
        line-height: normal !important;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 1rem !important;
        width: 100%;
        line-height: 32px !important;
        height: inherit;
        padding: 5px !important;
    }

    #image-list #btnBiddingAmountForBid.add-btn {
        height: auto !important;
        margin-top: 0 !important;
        min-width: 60px !important;
        width: auto !important;
        min-height: 35px !important;
        text-transform: uppercase !important;
        font-weight: 500 !important;
        margin: 0 !important;
        width: 100% !important;
        padding: 5px !important;
    }

    #image-list #btnBuyNowMultiCard.add-btn {
        height: auto !important;
        margin-top: 0 !important;
        min-width: 60px !important;
        width: auto !important;
        min-height: 35px !important;
        text-transform: uppercase !important;
        font-weight: 500 !important;
        margin: 0 !important;
        width: 100% !important;
        padding: 5px !important;
    }

    #btnUpload.btn.btn-primary {
        background-color: #0073e9 !important;
        border-color: #0073e9 !important;
    }

    #btnPreviewDownload {
        background-color: #3699ff !important;
        border-color: #3699ff !important;
        border-radius: 4px !important;
    }

    #btnUpload.btn.btn-primary:hover {
        background-color: #3699ff !important;
        border-color: #3699ff !important;
    }

    #promote_modal .modal-body div:last-child {
        clear: both;
    }

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

        #divShareThisFooter .sharethis-inline-share-buttons .st-btn {
            display: flex !important;
            align-items: center;
            height: 40px;
            padding: 0;
            border-radius: 4px !important;
        }

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

            #divShareThisFooter .sharethis-inline-share-buttons .st-btn img {
                display: inline-block;
                width: 34px;
                background-color: rgba(0, 0, 0, 0.08);
                color: #fff;
                text-align: center;
                margin-right: 15px;
                height: 40px;
                padding: 5px 5px;
                top: 0;
            }

    #divShare .sharethis-inline-share-buttons {
        display: flex;
        justify-content: center;
    }

        #divShare .sharethis-inline-share-buttons .st-btn {
            display: flex !important;
            align-items: center;
            height: 40px;
            padding: 0;
            border-radius: 4px !important;
        }

            #divShare .sharethis-inline-share-buttons .st-btn > span {
                font-size: 14px;
                font-weight: normal;
            }

            #divShare .sharethis-inline-share-buttons .st-btn img {
                display: inline-block;
                width: 34px;
                background-color: rgba(0, 0, 0, 0.08);
                color: #fff;
                text-align: center;
                margin-right: 15px;
                height: 40px;
                padding: 5px 5px;
                top: 0;
            }

    #ItemSaveSuccess_Modal #btnItemSaveModalClose {
        position: absolute;
        right: 0;
        top: 5px;
        margin: 0;
        padding: 0 !important;
        background-color: transparent !important;
        border: none !important;
    }

        #ItemSaveSuccess_Modal #btnItemSaveModalClose .fa {
            color: #333333;
        }

        #ItemSaveSuccess_Modal #btnItemSaveModalClose:hover {
            background-color: transparent !important;
        }

    #ItemSaveSuccess_Modal .modal-body.p-4 {
        padding: 2rem 0 0 !important;
    }

    #ItemSaveSuccess_Modal.bidding-modal svg {
        width: 100px;
        display: block;
        margin: 0 auto 20px;
        background-color: #fff;
        border-radius: 100%;
        border: 2px solid #fff;
    }

    #ItemSaveSuccess_Modal.bidding-modal p {
        text-align: center;
        margin: 20px 0;
        font-size: 24px;
    }

    #ItemSaveSuccess_Modal.bidding-modal .modal-form {
        max-width: 100%;
        margin: 0 auto !important;
        text-align: center;
        display: flex !important;
        justify-content: space-between;
        border-top: 1px solid rgba(225, 225, 225, 0.5);
        padding: 15px 15px 0;
    }

        #ItemSaveSuccess_Modal.bidding-modal .modal-form .btn.btn-primary {
            flex: 1;
            width: 95%;
        }

        #ItemSaveSuccess_Modal.bidding-modal .modal-form .form-group {
            flex: 1;
        }

        #ItemSaveSuccess_Modal.bidding-modal .modal-form .btn.btn-primary {
            height: 40px;
            line-height: 40px;
        }

            #ItemSaveSuccess_Modal.bidding-modal .modal-form .btn.btn-primary .fa-plus {
                margin-right: 10px;
            }

        #ItemSaveSuccess_Modal.bidding-modal .modal-form #btnGoToEventPage .fa-arrow-right {
            margin-left: 10px;
        }

        #ItemSaveSuccess_Modal.bidding-modal .modal-form #btnCreateAnotherItem {
            margin-right: 10px;
        }

        #ItemSaveSuccess_Modal.bidding-modal .modal-form #btnGoToEventPage {
            margin-left: 10px;
        }

    .close-desc {
        width: 25px;
        height: 25px;
        border: none;
        border-radius: 50%;
        margin-bottom: 10px;
        background-color: transparent;
        display: block;
        box-shadow: 5px 5px 5px #ddd;
        text-align: center;
        line-height: 25px;
        color: #3333;
    }

        .close-desc .fa {
            color: #666 !important;
            float: none !important;
            margin: 0;
        }

        .close-desc:hover {
            background-color: #0073e9 !important;
        }

            .close-desc:hover .fa {
                color: #ffffff !important;
            }

    .subheader- #divStartBidRight h2 {
        font-size: 1.4rem;
        width: auto !important;
        white-space: nowrap;
        text-align: left;
    }

    .subheader-.aside-minimize #divStartBidRight h2 {
        font-size: 1.75rem;
    }

    .subheader- #divItemValueRight h3 {
        font-size: 1.4rem;
    }

    .subheader-.aside-minimize #divItemValueRight h3 {
        font-size: 1.75rem;
    }

    .aside-minimize #sidmenuUL h3 {
        display: none;
    }

    #createEvent {
        padding-top: 0;
        padding-bottom: 0;
        line-height: 35px !important;
        border-radius: 4px !important;
    }

        #createEvent .fa {
            color: #fff !important;
        }

        #createEvent:hover .fa {
            color: #0073e9 !important;
        }

    #create_event,
    #create_item {
        height: auto;
    }

        #create_event .fa,
        #create_item .fa {
            color: #fff;
        }

        #create_event:hover .fa {
            color: #0073e9;
        }

    .aside-menu #sidmenuUL li:first-child .menu-icon {
        display: none !important;
    }

    #kt_aside_menu_wrapper {
        padding: 15px 10px !important;
    }

    .aside-menu .menu-nav > .menu-item > .menu-link .menu-icon {
        font-size: 1.5rem !important;
        background-color: #e8ebf2 !important;
        border-radius: 100% !important;
        width: 38px !important;
        height: 38px !important;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        color: #333;
        margin-right: 15px;
        flex: 0 0 38px !important;
        overflow: hidden;
    }

        .aside-menu .menu-nav > .menu-item > .menu-link .menu-icon i {
            color: #333333;
        }

    @media screen and (max-width: 996px) {
        .preview {
            margin-bottom: 20px;
        }

        #kt_content .card-footer div div {
            display: flex;
            flex-direction: column;
        }
    }

    .preview-pic {
        flex-grow: 1;
        width: 100%;
        height: 300px;
    }

    .preview-thumbnail.nav-tabs {
        border: none;
        margin-top: 15px;
    }

        .preview-thumbnail.nav-tabs li {
            width: 18%;
            margin-right: 2.5%;
            height: 72px;
            background: #d3dfea;
            overflow: hidden;
        }

            .preview-thumbnail.nav-tabs li img {
                max-width: 100%;
                display: block;
                height: 70px;
                object-fit: cover;
                object-position: center;
            }

            .preview-thumbnail.nav-tabs li a {
                padding: 0;
                margin: 0;
            }

            .preview-thumbnail.nav-tabs li:last-of-type {
                margin-right: 0;
            }

    .tab-content {
        overflow: hidden;
    }

        .tab-content img {
            width: 100%;
            animation-name: opacity;
            animation-duration: 0.3s;
        }

    @keyframes opacity {
        0% {
            opacity: 0;
            transform: scale(3);
        }

        100% {
            opacity: 1;
            transform: scale(1);
        }
    }

    .file-upload-main-wrapper {
        background-color: #ffffff;
        width: 100%;
        margin: 0 auto;
    }

    .file-upload-btn {
        width: 100%;
        margin: 0;
        color: #fff;
        background: #1fb264;
        border: none;
        padding: 10px;
        border-radius: 4px;
        border-bottom: 4px solid #15824b;
        transition: all 0.2s ease;
        outline: none;
        text-transform: uppercase;
        font-weight: 700;
    }

        .file-upload-btn:hover {
            background: #1aa059;
            color: #ffffff;
            transition: all 0.2s ease;
            cursor: pointer;
        }

        .file-upload-btn:active {
            border: 0;
            transition: all 0.2s ease;
        }

    .file-upload-content {
        display: none;
        text-align: center;
        background: #fff;
        width: 100%;
        height: 400px;
        box-shadow: 0 2px 5px #dddd;
        padding: 10px;
        border-radius: 5px;
    }

    .file-upload-input {
        position: absolute;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        outline: none;
        opacity: 0;
        cursor: pointer;
        z-index: 1;
    }

    .image-upload-wrap {
        border: #909192 dashed 1px;
        border-radius: 5px;
        position: relative;
        background-color: #eee;
        height: 400px;
    }

        .image-upload-wrap img.placeholder-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }

        .image-dropping,
        .image-upload-wrap:hover {
            background-color: #eee;
        }

    .image-title-wrap {
        padding: 0 15px 15px 15px;
        color: #222;
    }

    .drag-text {
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        white-space: nowrap;
    }

        .drag-text h3 {
            font-weight: 500;
            text-transform: uppercase;
            color: #000;
            padding: 0;
            font-size: 18px;
            letter-spacing: 1px;
            margin: 0 0 15px;
            z-index: -1;
        }

        .drag-text p {
            color: #000;
        }

    .file-upload-image {
        height: 100%;
        width: 100%;
        margin: auto;
        border-radius: 5px;
        object-fit: cover;
    }

    .remove-image,
    .edit-image {
        color: #fff;
        border: none;
        padding: 0;
        border-radius: 5px;
        transition: all 0.2s ease;
        outline: none;
        text-align: center;
        min-width: 25px;
        width: auto !important;
        height: 25px;
        margin: 0 0 0 5px;
        border: #ddd solid 1px;
        background-color: #fff !important;
    }

        .remove-image:hover,
        .edit-image:hover {
            background-color: #0073e9 !important;
            border-color: #0073e9;
            color: #fff;
        }

            .remove-image:hover i,
            .edit-image:hover i {
                color: #fff;
            }

    .remove-image {
        background: #cd4535;
    }

    .edit-image {
        background: #008afc;
    }

        .remove-image i,
        .edit-image i {
            margin-right: 0;
            color: #666;
            margin: 0;
            font-family: FontAwesome !important;
        }

    .remove-image:hover {
        background: #c13b2a;
        color: #ffffff;
        transition: all 0.2s ease;
        cursor: pointer;
    }

    .remove-image:active {
        border: 0;
        transition: all 0.2s ease;
    }

    .image-lists ul {
        list-style: none;
        margin: 25px 0;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        box-shadow: 0 1px 5px #ddd;
        border-radius: 5px;
    }

        .image-lists ul li {
            width: 122px;
            margin-right: 10px;
            margin-bottom: 10px;
        }

            .image-lists ul li:nth-of-type(3n) {
                margin-right: 0;
            }

            .image-lists ul li img {
                width: 122px;
                height: 100px;
                object-fit: contain;
                object-position: center;
            }

            .image-lists ul li label {
                width: 100%;
                display: block;
                font-weight: 500;
                font-size: 16px;
                text-align: center;
                margin: 5px auto;
            }

    .image-lists .image-upload-wrap {
        border: #909192 dashed 1px;
        border-radius: 5px;
        position: relative;
        background-color: #eee;
        height: 100px;
        width: 122px;
    }
    .input-with-icon input {
        width: 100%;
        border: #d3dfea solid 1px;
        border-radius: 5px;
        height: 45px;
        padding-left: 35px;
        margin-left: 5px;
        font-size: 18px !important;
        font-weight: 600 !important;
        background-color: white;
        color: #424e79 !important;
        font-family: "Poppins", sans-serif !important;
    }

        .input-with-icon input:focus {
            outline: none;
        }
    .image-lists .file-upload-content {
        height: 100px;
        width: 122px;
        padding: 0;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        border-radius: 10px;
        background: #fff;
        box-shadow: 0 1px 5px #afacac;
    }

    .image-lists .image-title-wrap {
        padding: 5px;
        color: #222;
        position: absolute;
        top: 0;
        right: -100%;
        background: #fff;
        border: #ddd solid 1px;
        transition: right 0.5s linear;
    }

    .file-upload-content:hover .image-title-wrap {
        right: 0;
    }

    .app-sidebar-help {
        left: 0 !important;
    }

    #divItemInfo {
        font-family: "Poppins", sans-serif !important;
        flex-direction: column;
        justify-content: space-between;
        display: flex;
        min-height: 320px !important;
    }

    .input-with-icon {
        position: relative;
        width: 60%;
        font-family: "Poppins", sans-serif !important;
        vertical-align: middle;
    }

        .input-with-icon i {
            position: absolute;
            top: 14px !important;
            left: 13px;
            color: #424e79 !important;
            font-weight: bold;
            font-size: 18px;
            margin-top: 0 !important;
        }

        

    .optional-txt {
        display: block;
        font-size: 12px;
        color: #999;
        margin-right: 16px;
    }

    .colon {
        font-size: 25px;
        margin: 0 8px;
    }

    @media only screen and (max-width: 800px) {
        .chat-widget-header small {
            text-overflow: ellipsis;
            width: 130px;
            overflow: hidden;
            white-space: nowrap;
            display: block;
        }

        .invite-team-list label {
            margin-bottom: 10px;
        }

        .table-responsive.tables-mobile-view table,
        .table-responsive.tables-mobile-view thead,
        .table-responsive.tables-mobile-view tbody,
        .table-responsive.tables-mobile-view th,
        .table-responsive.tables-mobile-view td,
        .table-responsive.tables-mobile-view tr {
            display: block;
        }

            .table-responsive.tables-mobile-view thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }

            .table-responsive.tables-mobile-view table tr {
                border: #f4f5fb solid 1px;
                border-bottom: 10px solid #eef0f6;
            }

                .table-responsive.tables-mobile-view table tr td {
                    border: none;
                    position: relative;
                    padding-left: 50% !important;
                    white-space: normal;
                    text-align: left;
                }

                    .table-responsive.tables-mobile-view table tr td:before {
                        position: absolute;
                        top: 6px;
                        left: 6px;
                        width: 45%;
                        padding-right: 10px;
                        white-space: nowrap;
                        text-align: left;
                        font-weight: bold;
                    }

                    .table-responsive.tables-mobile-view table tr td:before {
                        content: attr(data-title) !important;
                    }
    }

    @media (max-width: 480px) {
        .table-responsive.tables-mobile-view table tr td {
            padding-left: 40% !important;
        }


        .chat-widget-header small {
            width: 115px;
        }

        .pre-header .col-md-6 {
            float: none !important;
        }

        .pre-header li {
            padding-left: 5px !important;
            padding-right: 5px !important;
            border-right: solid 1px #d8d8d8 !important;
        }

        .additional-shop-info li:first-child {
            padding-left: 0;
        }

        .pre-header .additional-nav {
            float: none !important;
            text-align: left !important;
        }

        .pre-header li:last-child {
            border: none !important;
        }

        .pre-header .list-inline li {
            display: inline-block;
        }

        .pre-header .pull-right {
            float: none !important;
            text-align: center;
        }

        .list-inline {
            padding-left: 0;
            list-style: none;
            margin-left: 0;
            text-align: center;
        }
    }

    .text-with-arrow i {
        display: none !important;
    }

    @media (min-width: 768px) {
        .wizard > .steps {
            padding: 25px;
        }
    }

    @media (min-width: 992px) {
        .wizard > .steps {
            padding: 20px;
        }
    }

    @media null {
        .wizard > .steps > ul li .title {
            transition: none;
        }
    }

    @media (min-width: 576px) {
        .wizard > .steps > ul li .title {
            display: none;
            margin-left: 10px;
        }
    }

    @media (min-width: 768px) {
        .wizard > .steps > ul li .title {
            display: inline-block;
        }
    }

    @media (min-width: 576px) {
        .wizard > .steps > ul li + li {
            margin-left: 20px;
        }
    }

    @media (min-width: 992px) {
        .wizard > .steps > ul li + li {
            margin-left: 30px;
        }
    }

    @media (min-width: 1200px) {
        .wizard > .steps a {
            justify-content: flex-start;
        }

            .wizard > .steps a:hover,
            .wizard > .steps a:active {
                justify-content: flex-start;
            }
    }

    @media null {

        .wizard > .steps a .number,
        .wizard > .steps a:hover .number,
        .wizard > .steps a:active .number {
            transition: none;
        }
    }

    @media (min-width: 576px) {

        .wizard > .steps a .number,
        .wizard > .steps a:hover .number,
        .wizard > .steps a:active .number {
            font-size: 18px;
            font-weight: 600;
            line-height: 2.1;
            width: 40px;
            height: 40px;
        }
    }

    @media (min-width: 992px) {
        .wizard > .steps .disabled {
            display: block;
        }
    }

    @media (max-width: 991px) {
        .wizard > .steps .disabled {
            display: none;
        }

        .main_content_wrapper .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .title {
            display: inline-block !important;
        }

        .main_content_wrapper .page-sidebar-menu.page-sidebar-menu-closed {
            width: 100% !important;
        }

        .nav-link.icon {
            padding: 0;
        }

        .header-option .header-icon {
            font-size: 20px;
        }

        .search-element .form-control {
            width: 150px;
        }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle {
            font-size: 12px;
            padding: 28px 5px 26px;
        }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
            padding: 25px 5px 18px;
        }

        .form-inline-top .search-element .btn {
            top: -3px;
        }

        .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) > i {
            font-size: 14px;
        }

        .header-option.pl-5.pr-5 {
            padding-left: 1rem !important;
            padding-right: 1rem !important;
        }

        .list-user-name a {
            width: 90%;
            white-space: normal;
        }

        .timline-banner {
            min-height: auto;
        }

        .inner_content_wrapper {
            flex-direction: column;
        }

        .app-sidebar {
            margin-bottom: 15px;
            width: 100% !important;
        }
    }

    @media (min-width: 768px) {

        .wizard > .steps .done a .title,
        .wizard > .steps .done a:hover .title,
        .wizard > .steps .done a:active .title {
            display: inline-block;
        }
    }

    @media (min-width: 768px) {
        .wizard > .content {
            padding: 25px;
        }
    }

    @media (min-width: 992px) {
        .wizard > .content {
            padding: 20px;
        }
    }

    @media (min-width: 768px) {
        .wizard > .actions {
            padding: 25px;
        }
    }

    @media (min-width: 992px) {
        .wizard > .actions {
            padding: 20px;
        }
    }

    @media (min-width: 576px) {
        .wizard.vertical > .steps {
            float: left;
            width: 20%;
        }
    }

    @media (min-width: 768px) {
        .wizard.vertical > .steps {
            width: 15%;
        }
    }

    @media (min-width: 992px) {
        .wizard.vertical > .steps {
            padding: 20px;
            width: 30%;
        }
    }

    @media (min-width: 576px) {
        .wizard.vertical > .steps ul {
            flex-direction: column;
        }
    }

    @media (min-width: 576px) {
        .wizard.vertical > .steps ul li + li {
            margin-top: 10px;
            margin-left: 0;
        }
    }

    @media (min-width: 768px) {
        .wizard.vertical > .steps ul li + li {
            margin-top: 20px;
        }
    }

    @media (min-width: 992px) {
        .wizard.vertical > .steps ul li .title {
            display: block;
        }
    }

    @media (min-width: 992px) {
        .wizard.vertical > .steps a {
            justify-content: flex-start;
        }
    }

    @media (min-width: 576px) {
        .wizard.vertical > .steps .current a .title {
            display: none;
        }
    }

    @media (min-width: 992px) {
        .wizard.vertical > .steps .current a .title {
            display: inline-block;
        }
    }

    @media (min-width: 576px) {
        .wizard.vertical > .content {
            border-top-width: 0;
            border-bottom-width: 0;
            width: 80%;
            float: right;
            border-left: 1px solid #e9edf4;
        }
    }

    @media (min-width: 768px) {
        .wizard.vertical > .content {
            width: 85%;
        }
    }

    @media (min-width: 992px) {
        .wizard.vertical > .content {
            width: 70%;
            padding: 25px;
        }
    }

    @media (min-width: 576px) {
        .wizard.vertical > .actions {
            width: 80%;
            float: right;
            border-left: 1px solid #e9edf4;
        }
    }

    @media (min-width: 768px) {
        .wizard.vertical > .actions {
            width: 85%;
        }
    }

    @media (min-width: 992px) {
        .wizard.vertical > .actions {
            width: 70%;
            padding: 25px;
        }
    }

    @media (max-width: 1023px) {
        .current-bid-box {
            padding-top: 0;
        }

        #image-list .create_item_wrapper .col-sm-8.custom-col,
        #image-list .create_item_wrapper .col-sm-4.custom-col {
            width: 100%;
            max-width: 100%;
            flex-basis: 100%;
        }

        #image-list .create_item_wrapper .col-sm-4.custom-col {
            margin-top: 15px;
            height: auto !important;
        }

        #carousel-example-generic.carousel,
        .carousel-inner {
            height: 200px;
        }

        .image-lists ul li:nth-of-type(3n) {
            margin-right: 10px;
        }

        .text-with-arrow i {
            display: block !important;
        }

        .text-with-arrow {
            display: flex;
            align-items: center;
            justify-content: space-between;
            cursor: pointer;
        }

            .text-with-arrow i {
                color: #000;
                font-size: 24px;
                transition: all 0.2s linear;
            }

                .text-with-arrow i.rotate {
                    transform: rotate(-180deg);
                }

        .event-form-mob-toggle {
            display: none;
        }

            .event-form-mob-toggle.show {
                display: block;
                padding: 15px 0;
            }

        .app-sidebar.app-sidebar3 {
            padding-bottom: 0;
        }

        .app-sidebar.app-sidebar3 {
            padding-bottom: 0 !important;
        }

        .sidebar-title {
            margin: 0;
        }

        .event-form {
            padding-bottom: 15px;
        }

        .app-sidebar__user {
            padding: 15px 20px !important;
        }

        .app-sidebar-help {
            position: initial !important;
            width: 100% !important;
        }

        .time-line-body {
            display: none;
        }
    }
    
    @media (min-width: 1025px) and (max-width: 1280px) {

        #carousel-example-generic.carousel,
        .carousel-inner {
            height: 225px;
        }

        .current-bid-box {
            display: flex;
            margin-bottom: 10px;
        }

            .current-bid-box h2 {
                margin-bottom: 3px;
                font-size: 16px;
            }

            .current-bid-box h3 {
                margin-bottom: 0;
                font-size: 12px;
            }

        .item-container {
            padding: 5px 0 0;
        }

            .item-container .card-text {
                padding: 0 0 4px;
                font-size: 13px;
            }
    }

    @media (min-width: 640px) and (max-width: 1280px) {
        #divItemInfo.col-sm-4 {
            flex: inherit;
            max-width: 48%;
            padding: 0 5px;
            width: 48%;
            height: auto !important;
            display: flex;
            justify-content: space-between;
        }

        #divImageScroll.col-sm-8 {
            flex: inherit;
            max-width: 50.66667%;
            padding: 0 5px;
            width: 50.66667%;
        }
       
    }

    @media (min-width: 991px) and (max-width: 1100px) {
        .app-sidebar {
            width: 280px !important;
            min-width: 280px !important;
        }

        #divItemValueRight h3,
        #divStartBidRight h2 {
            font-size: 1.3rem !important;
        }

        #divItemInfo .item_info .input-with-icon input {
            font-size: 16px !important;
        }

        #divItemInfo .item_info .input-with-icon i {
            top: 6px !important;
            font-size: 14px;
        }

        #btnAddCategory {
            margin-left: 0 !important;
        }

        #kt_content .inner_content_wrapper .card-footer {
            font-size: 9px;
        }

        #divItemInfo .item_info #lblTax {
            font-size: 1rem;
        }
    }
   
        @media (max-width: 768px) {
            .tab_wrapper .content_wrapper .accordian_header {
                display: none !important;
            }
        }

        @media (max-width: 991px) {
            #kt_wrapper {
                padding-left: 0 !important;
            }

            .inner_content_wrapper .row.m-0 .col-xl-12.col-lg-12.col-md-12 {
                padding: 0;
            }
        }

        @media (max-width: 991px) {
            #divItemWrapper #divImageScroll {
                width: 100%;
                max-width: 100%;
                flex: 100%;
            }

            #divItemWrapper #divItemInfo {
                width: 98%;
                max-width: 100%;
                flex: 100%;
                padding: 15px !important;
                margin: 0 auto !important;
                height: auto !important;
            }
        }

        @media (max-width: 767px) {
            .site-logo {
                margin-right: 0;
            }

            #example-vertical.wizard label {
                text-align: left !important;
            }

            .modal.modal-custom .modal-dialog {
                position: initial;
                transform: none !important;
            }

            #carousel-example-generic.carousel,
            .carousel-inner {
                height: 125px;
            }

            .carousel-actions-wrap {
                padding: 2px;
            }

                .carousel-actions-wrap .remove-image,
                .carousel-actions-wrap .edit-image {
                    min-width: 20px;
                    height: auto;
                    border-radius: 5px;
                    margin-bottom: 5px;
                }

                .carousel-actions-wrap .remove-image {
                    margin-bottom: 0 !important;
                }

                    .carousel-actions-wrap .remove-image i,
                    .carousel-actions-wrap .edit-image i {
                        font-size: 12px;
                    }

            .mob-padding {
                padding: 10px 0 0;
            }

                .mob-padding h2 {
                    font-size: 20px;
                }

                .mob-padding h3 {
                    font-size: 16px;
                }

            .item-container .card-text {
                padding: 0 0 10px;
                font-size: 13px;
            }

            .search-element {
                margin-bottom: 15px;
            }

                .search-element .form-control {
                    width: 300px;
                }

            .page-content-wrapper .page-content .page-title {
                margin-bottom: 5px;
                font-size: 16px;
            }

            .list-user-name a {
                width: 220px;
            }

            .page-header-fixed .page-container.main_content_wrapper {
                margin-top: 75px;
                padding: 0;
            }

            .mCSB_inside > .mCSB_container {
                margin-right: 15px !important;
            }

            .timline-banner {
                min-height: auto;
            }

            .profile-image-circle {
                width: 100px;
                height: 100px;
            }

            .event-profile-details {
                width: calc(100% - 0) !important;
            }

                .event-profile-details p {
                    font-size: 14px;
                    margin-bottom: 10px;
                }

                    .event-profile-details p a {
                        display: block;
                    }

                .event-profile-details h1 {
                    font-size: 16px;
                    margin: 5px 0 5px;
                    padding: 0;
                    word-break: break-word;
                }

            .chat-widget-header p {
                margin: 10px 0;
            }

            .toggle_menu_icon {
                display: block !important;
            }

            .header_navs {
                display: none;
            }

                .header_navs.opened {
                    display: flex;
                    flex-direction: column;
                    position: absolute;
                    left: 0;
                    right: 0;
                    padding: 15px;
                    background-color: #fff;
                    top: 76px;
                }

            .bidding-tab .tab_wrapper .content_wrapper .accordian_header {
                display: none;
            }

            .default-tab.default-setting-tab .tab_list {
                display: none !important;
            }

            .tab_wrapper.default-setting-tab .content_wrapper .accordian_header {
                border: #eaeaea solid 1px;
                margin-bottom: 5px;
            }

            .permission-tab .tab_wrapper.default-setting-tab .tab_content {
                padding: 10px 0 !important;
            }

            .assign-outer div:first-child {
                width: 100%;
            }

            .event-info-right {
                margin-top: 1rem;
            }

            .timeline-menu {
                flex-direction: column;
            }

            .menu-left ul {
                margin-bottom: 10px;
            }

            .amount-box h3 {
                font-size: 14px;
                margin: 0 5px;
            }

            .amount-box i,
            span.fa-2x {
                font-size: 14px;
            }

            .summary-tab.tab_wrapper .tab_list:before,
            .summary-tab.tab_wrapper .tab_list:after {
                right: 0.5em;
                margin-left: auto;
                margin-right: auto;
            }

            .summary-tab.tab_wrapper .content_wrapper {
                border: none;
                margin-top: 15px;
            }

            .select2.select2-container.select2-container--default {
                width: 100% !important;
            }

            .advance-feature ul {
                margin: 0;
                padding: 0;
            }

                .advance-feature ul li {
                    max-width: 100% !important;
                }

                    .advance-feature ul li > div {
                        align-items: baseline;
                    }
        }

        .btnCustom {
            padding-top: 0;
            padding-bottom: 0;
        }

        .btn-lightCustom {
            color: #0073e9 !important;
            background-color: #fff !important;
            border-color: #dae0e5;
            box-shadow: 0 0 10px -5px rgb(68, 84, 195, 0.2);
            border: #0073e9 solid 2px !important;
        }

            .btn-lightCustom:hover {
                color: #ffffff !important;
                background-color: #0073e9 !important;
            }

            .btn-lightCustom .fa {
                color: #0073e9;
            }

            .btn-lightCustom:hover .fa {
                color: #ffffff;
            }

        .btnCommon {
            border: transparent solid 1px;
            box-shadow: 0 1px 3px rgb(0 0 0 / 10%), 0 1px 2px rgb(0 0 0 / 18%);
            border-radius: 2px;
            font-weight: 600;
            font-size: 12px;
            padding: 8px 14px 7px;
            margin-right: 0.5rem;
            margin-bottom: 0.5rem;
            text-transform: uppercase;
            border-radius: 4px !important;
        }

        .btnCustom:hover {
            box-shadow: 0 3px 6px rgb(0 0 0 / 20%), 0 3px 6px rgb(0 0 0 / 26%);
        }

        .activeTab {
            background: #00559f !important;
        }

        .inActiveTab {
            background: #eee !important;
        }

        .btn-default-custom {
            color: #fff !important;
            background-color: #008afc;
            border-color: #008afc;
            box-shadow: 0 0 10px -5px rgb(68, 84, 195, 0.5);
            font-size: 12px;
            font-weight: 600;
            text-transform: uppercase;
            padding: 8px 14px 7px;
        }

        .add-btn-custom {
            background-color: #0073e9;
            color: #fff;
        }

            .add-btn-custom .fa {
                color: #ffffff;
                vertical-align: baseline;
            }

        .profile-image-circle-custom {
            width: 100px !important;
            height: 100px !important;
            border-radius: 0;
            background-color: #f3f3f2;
            border: #ddd solid 4px !important;
            margin-right: 25px;
        }

        .btnCustomDetail {
            height: 36px;
            padding-top: 0;
            padding-bottom: 0;
        }

        .ktAsideSideMenu {
            display: none !important;
        }

        .ktHeader {
            left: 0 !important;
        }

        .save_btn {
            background-color: #0073e9;
            border: none;
            color: white;
            padding: 10px 15px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            margin: 4px 2px;
            cursor: pointer;
            border-radius: 4px !important;
        }

        .cancel_btn {
            background-color: transparent;
            color: black;
            border: none;
            padding: 10px 15px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            margin: 4px 2px;
            cursor: pointer;
            border-radius: 4px !important;
        }

            .cancel_btn:hover {
                background-color: #e7e7e7;
            }

        .save_btn:hover {
            background-color: #187de4;
            color: #ffffff;
        }

        @media (max-width: 640px) {
            #tc-modal {
                display: none;
            }

            .wizard.vertical > .content {
                padding: 20px 0px;
            }

            .permission-tab .tab_wrapper .tab_content {
                padding: 20px 0 !important;
                border: none !important;
            }

            .all-bidders-list .dataTables_wrapper .dataTables_filter label {
                width: 100%;
            }

            .bd-example-modal-lg #formAddress .form-group {
                width: 49%;
            }

                .bd-example-modal-lg #formAddress .form-group:nth-child(7) {
                    width: 49%;
                }

                .bd-example-modal-lg #formAddress .form-group:nth-child(8) {
                    width: 49%;
                }

            .timeline-menu {
                flex-direction: column-reverse !important;
            }

            .all-bidders-list.table-responsive .dataTables_wrapper .row div[class^="col-"]:last-child {
                padding-right: 0;
                padding-left: 0;
            }

            .all-bidders-list.table-responsive .dataTables_wrapper .row [class^="col-"]:first-child {
                padding-left: 0;
                padding-right: 0;
            }

            .all-bidders-list .dt-buttons {
                display: flex;
                justify-content: space-evenly;
                background-color: #008afc;
                border-radius: 4px;
            }

            .dataTables_wrapper .btn {
                padding: 0.375rem;
                font-size: 13px;
            }

            .item-banner {
                margin: 0;
                border-radius: 8px 8px 0 0;
                overflow: hidden;
            }

            .outer-wrapper.mobile-wrapper .timeline-menu,
            .outer-wrapper .timeline-menu {
                flex-direction: column;
                justify-content: flex-start;
                margin-top: 0;
            }

            .modal .item-detail {
                padding: 0 0;
            }

            .timeline-menu {
                padding: 15px 0;
                display: flex;
                justify-content: space-evenly;
                flex-direction: column;
            }

            .event-detail-info {
                display: block;
            }

            .event-info-right {
                margin-top: 2rem;
            }

            .page-sub-header {
                flex-direction: column;
                margin-top: 0;
                min-height: auto;
            }

            .page-rightheader {
                margin-left: 0 !important;
            }

            .mob-flex-direction-column {
                flex-direction: column;
            }

            .mob-btns-css {
                flex-direction: column;
                width: 100%;
                margin-top: 10px;
            }

                .mob-btns-css .btn {
                    margin-left: 0;
                    margin-bottom: 10px;
                }

                .mob-btns-css .btn,
                .mob-btns-css .form-control,
                .mob-btns-css .form-group {
                    width: 100%;
                }

            .location-header {
                display: block;
                padding: 10px 0;
            }

            .tab_eventlocation .col {
                width: 100% !important;
                flex-basis: 100% !important;
                border: 1px solid #dfe3eb !important;
                margin-bottom: 5px !important;
            }

            .permission-tab .tab_wrapper .tab_list li {
                min-width: 33.33%;
                padding: 10px 5px;
                border-bottom: 1px solid #ddd;
            }

                .permission-tab .tab_wrapper .tab_list li.active {
                    border-bottom: 1px solid #00559f !important;
                }

                    .permission-tab .tab_wrapper .tab_list li.active::after {
                        display: none;
                    }

            .event-big-circle {
                width: 50px;
                height: inherit;
                line-height: normal;
            }

            .outer-wrapper #profileImage {
                font-size: 24px;
            }

            .FSI_editimage {
                width: 20px;
                height: 20px;
                line-height: 20px;
            }

                .FSI_editimage .fa {
                    font-size: 12px;
                }

            .create_item_wrapper {
                padding: 0 12.5px !important;
            }

            #divItemWrapper.create_item_wrapper {
                padding: 0 !important;
            }

            #divShareThisFooter .sharethis-inline-share-buttons .st-btn img {
                width: 100%;
                margin-right: 0;
            }

            #divShareThisFooter .sharethis-inline-share-buttons .st-btn > span {
                display: none !important;
            }
        }

        @media (max-width: 640px) {

            .helpcontainor {
                padding: 15px 0;
            }

            .corporate .helpsectionlist {
                width: 100%;
            }

            #divItemInfo.col-sm-4 {
                flex: 100%;
                max-width: 100%;
                padding: 0 5px;
            }

            #divImageScroll.col-sm-8 {
                flex: 100%;
                max-width: 100%;
                padding: 0 5px;
            }

            #divCreateItemWrapper.create_item_wrapper {
                padding: 0 !important;
            }

            #buy-modal #divBuyNowForm {
                width: 100% !important;
            }

            .item-container {
                margin-top: 10px;
            }

            .corporate .header {
                margin-bottom: 0;
            }

            .manage-event-btn {
                font-size: 12px;
                padding: 8px 10px;
            }

            .corporate .site-logo .d-logo {
                display: none;
            }
        }

        @media (max-width: 460px) {
            .small-nav-header .howto-btn {
                padding: 0 5px;
                margin-left: 5px;
                min-height: 25px;
                font-size: 10px;
            }

                .small-nav-header .howto-btn .fa {
                    font-size: 12px;
                }

            .outer-wrapper .timeline-menu .menu-right .btn-list .btn-lightCustom {
                font-size: 10px;
            }

            .bd-highlight label {
                font-size: 1rem !important;
            }
        }

        @media (max-width: 415px) {
            .site-logo img {
                max-width: 200px;
            }

            .profile-image-circle {
                width: 70px !important;
                height: 70px !important;
            }

            .outer-wrapper.mobile-wrapper .timline-banner {
                min-height: 130px;
                max-height: 130px;
            }

            .permission-tab .tab_wrapper .tab_list li {
                min-width: 50%;
            }

            .outer-wrapper.mobile-wrapper .event-profile,
            .event-profile {
                display: flex;
                margin-top: 0;
            }

            .outer-wrapper.mobile-wrapper .event-profile-details h1,
            .outer-wrapper .event-profile-details h1#event_info_name,
            .outer-wrapper .event-profile-details h1 {
                font-size: 18px;
                margin: 0 !important;
            }

            .maintance_wrapper h1 {
                font-size: 36px;
                line-height: 45px;
            }

            .timeline-menu {
                padding: 15px 0;
            }

            .menu-left ul {
                justify-content: space-around;
            }

                .menu-left ul li {
                    margin-right: 0;
                    margin-bottom: 10px;
                }

            .subheader-.aside-minimize #divStartBidRight h2 {
                font-size: 1.5rem;
            }

            .input-with-icon input {
                font-size: 1.5rem !important;
            }

            .item-container .input-with-icon input {
                min-width: inherit !important;
            }

                .item-container .input-with-icon input[type="number"] {
                    max-width: 80% !important;
                }

            .outer-wrapper .timeline-menu .menu-right .btn-list .btn-lightCustom {
                font-size: 10px;
            }

            .btnCommon {
                padding: 8px 10px 7px;
            }

            #divShareThisFooter .sharethis-inline-share-buttons {
                justify-content: space-between;
                flex-direction: row;
                flex-wrap: wrap;
                align-items: center;
                margin: 0 15px;
            }

                #divShareThisFooter .sharethis-inline-share-buttons .st-btn.st-remove-label {
                    min-width: 50px;
                    width: 48%;
                    margin: 0 0 10px;
                }

            #dvProfilePicture .image-wrapper {
                max-width: 70px;
                height: 62px;
                min-height: inherit;
            }

            .outer-wrapper #profileImage {
                font-size: 24px;
                line-height: 70px;
            }

            #btnOrganization {
                margin-top: 0 !important;
            }

            .menu-right .btn-list {
                display: flex;
                align-items: center;
                justify-content: space-between;
                flex-wrap: wrap;
                margin-bottom: 10px;
            }

            .timeline-menu .menu-left ul {
                margin-bottom: 0;
            }

                .timeline-menu .menu-left ul li {
                    margin-bottom: 0;
                }

            .event-profile-details h1#lblOrganizationName {
                font-size: 12px;
            }

            #BidModal .input-with-icon {
                width: 100% !important;
            }
        }

        @media (max-width: 375px) {

            .outer-wrapper.mobile-wrapper .event-profile-details h1,
            .outer-wrapper .event-profile-details h1#event_info_name,
            .outer-wrapper .event-profile-details h1 {
                font-size: 14px;
                margin: 0 !important;
            }

            .profile-image-circle,
            .outer-wrapper.mobile-wrapper .profile-image-circle {
                width: 70px !important;
                height: 60px !important;
                margin-right: 10px;
            }

            .outer-wrapper.mobile-wrapper .event-profile,
            .event-profile {
                display: flex;
                margin-top: -20px;
            }

            .outer-wrapper #profileImage {
                line-height: 49px;
                font-size: 38px;
            }

            .event-profile-details {
                width: calc(100% - 20px);
            }

                .event-profile-details h1 {
                    font-size: 16px;
                }

            .maintance_wrapper p {
                font-size: 18px;
            }

            .maintance_wrapper h1 {
                font-size: 28px;
                line-height: 35px;
            }

            .page-content-wrapper .page-content .page-title {
                margin-bottom: 10px;
                font-size: 16px;
            }

            .amount-box h3 {
                font-size: 12px;
                margin: 0 5px;
            }

            .amount-box i,
            span.fa-2x {
                font-size: 12px;
            }

            .amount-view-mob {
                flex-direction: column;
                align-items: center !important;
                justify-content: center !important;
            }

            .small-nav-header h5 {
                display: none;
            }

            .small-nav-header .howto-btn {
                padding: 0 5px;
                margin-left: 5px;
                min-height: 25px;
                font-size: 8px;
            }

                .small-nav-header .howto-btn .fa {
                    font-size: 10px;
                }

            .outer-wrapper .timeline-menu .menu-right .btn-list .btn-lightCustom .fa {
                font-size: 12px;
            }

            #dvProfilePicture .image-wrapper {
                max-width: 62px;
                height: inherit;
                min-height: inherit;
            }
        }

        @media (max-width: 320px) {

            .profile-image-circle,
            .outer-wrapper.mobile-wrapper .profile-image-circle {
                width: 60px !important;
                height: 60px !important;
                margin-right: 10px;
            }
        }

        #dvProfilePicture .image-wrapper {
            max-width: 60px;
            height: 50px;
            min-height: 52px;
        }

        .outer-wrapper.mobile-wrapper .event-profile,
        .event-profile {
            display: flex;
            margin-top: 0;
        }

        .input-with-icon input {
            font-size: 1.2rem !important;
        }

        .subheader-.aside-minimize #divStartBidRight h2 {
            font-size: 1.2rem;
        }

        .subheader-.aside-minimize #divItemValueRight h3 {
            font-size: 1.2rem !important;
        }

        .outer-wrapper .timeline-menu .menu-right .btn-list .btn-lightCustom {
            font-size: 9px;
        }

        .outer-wrapper .timeline-menu .menu-right .btn-list .visitor_btn .fa {
            font-size: 12px;
        }

        .outer-wrapper .timeline-menu .menu-right .btn-list .btn-lightCustom .fa {
            font-size: 12px;
        }

        .outer-wrapper .timeline-menu .menu-right .btnCommon {
            padding: 8px 9px 7px;
        }
    }

@media (min-width: 1280px) {
    .justify-content-xl-between {
        justify-content: space-between !important;
    }

    .flex-xl-row {
        flex-direction: row !important;
    }
}

@media (min-width: 992px) {
    .aside-enabled.footer-fixed .footer {
        left: 0 !important;
    }

    .outer-wrapper .timeline-menu .menu-right .btnCommon {
        padding: 8px 9px 7px;
    }
}

@media (min-width: 1280px) {
    .justify-content-xl-between {
        justify-content: space-between !important;
    }

    .flex-xl-row {
        flex-direction: row !important;
    }
}

@media (min-width: 992px) {
    .aside-enabled.footer-fixed .footer {
        left: 0 !important;
    }
}

@media (max-width: 991px) {
    .timeline-top {
        display: none;
    }

    .corporate .small-nav-header.public-small-header {
        margin: 0;
    }

    .corporate .page-content-wrapper .inner_content_wrapper .app-sidebar {
        margin-left: 0;
    }
}

@media (max-width: 480px) {
    .public-help-header h5 {
        flex: inherit;
    }

    .public-help-header {
        justify-content: space-between;
    }

    #kt_aside_menu {
        padding-top: 0;
    }
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    .invoice-wrapper {
        padding: 10px;
        box-shadow: 0 10px 10px 20px rgb(176 184 214 / 9%), 10px 10px 15px -5px #b0b8d6 !important;
    }

    .tdDelivery.delivery-column:before {
        display: none;
    }

    .tdDelivery.delivery-column {
        display: none;
    }

    #invoicedetailspage .table-responsive {
        overflow-x: inherit;
    }

    #PaymentTransactionsTable_wrapper {
        box-shadow: 0 10px 10px 20px rgb(176 184 214 / 9%), 10px 10px 15px -5px #b0b8d6 !important;
    }

    .options-list {
        display: flex;
        align-items: flex-start;
    }

        .options-list input[type="radio"] {
            position: relative;
            top: 8px;
        }

    .value-span {
        position: relative;
        top: 8px;
    }

    .invoice-wrapper table,
    .invoice-wrapper thead,
    .invoice-wrapper tbody,
    .invoice-wrapper th,
    .invoice-wrapper td,
    .invoice-wrapper tr {
        display: block;
    }

        .invoice-wrapper table thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        .invoice-wrapper table tbody tr {
            margin-bottom: 15px;
            border-bottom: 3px solid #dee2e6 !important;
        }

        .invoice-wrapper table thead tr {
            margin: 0 0 0 0;
        }

        .invoice-wrapper table tr:nth-child(odd) {
            background: #fff;
        }

        .invoice-wrapper table tr td {
            border: none !important;
            border-bottom: 1px solid #dee2e6 !important;
            position: relative;
            padding-left: 10px !important;
            padding: 12px 10px;
            text-align: left !important;
        }

        .invoice-wrapper table td:before {
            position: absolute;
            top: 0;
            left: 10px;
            width: 100%;
            padding-right: 10px;
            white-space: nowrap;
            font-weight: bold;
            font-size: 13px;
            text-transform: uppercase;
        }

        .invoice-wrapper table td:nth-of-type(1):before {
            content: attr(data-content);
            text-transform: uppercase;
        }

        .invoice-wrapper table td:nth-of-type(2):before {
            content: attr(data-content);
            text-transform: uppercase;
        }

        .invoice-wrapper table td:nth-of-type(3):before {
            content: attr(data-content);
            text-transform: uppercase;
        }

        .invoice-wrapper table td:nth-of-type(4):before {
            content: attr(data-content);
            text-transform: uppercase;
        }

        .invoice-wrapper table td:nth-of-type(5):before {
            content: attr(data-content);
            text-transform: uppercase;
        }

        .invoice-wrapper table td:nth-of-type(6):before {
            content: attr(data-content);
            text-transform: uppercase;
        }

    .invoice-tr td:before {
        display: none !important;
    }

    .invoice-wrapper table .invoice-tr td {
        text-align: left !important;
    }
}

@media (max-width: 767px) {
    .right-info {
        order: 1;
    }

        .right-info .invoice-header.text-right {
            text-align: left !important;
        }

        .right-info .billed-from.text-md-right {
            text-align: left !important;
        }

    .left-info {
        order: 2;
    }

    .invoice-wrapper table tbody .invoice-tr {
        margin-bottom: 0 !important;
        border-bottom: 1px solid #dee2e6 !important;
    }

    .invoice-tr td {
        text-align: right !important;
    }

    .legalfirstname {
        margin-left: 0 !important;
        margin-bottom: 15px;
    }

    .legallastname {
        margin-left: 0 !important;
    }

    .new-subscription-statistics.h-100 {
        height: auto !important;
    }

    .knowledgebase-content-wrapper h2 {
        font-size: 20px;
    }

    .knowledgebase-content-wrapper p {
        font-size: 14px !important;
    }

    .knowledgebase-content-wrapper {
        padding: 20px 0;
    }

    .corporate .container {
        width: 100%;
    }

    #search-open {
        display: block;
    }

    .public-sub-header .col-md-12 {
        padding: 0 !important;
    }

    #search-open {
        display: block;
    }

    .public-sub-header {
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 999;
        padding: 0;
        border-top: 1px solid #eeeeee;
        top: auto;
    }

        .public-sub-header.mobile-subheader {
            display: block;
        }

    .corporate .public-sub-header {
        top: inherit;
    }

    .public-sub-header .small-header-wrapper .small-menu-right ul li {
        flex: 1;
        font-size: 12px;
        border-right: 1px solid #eeeeee;
        padding: 15px 0;
        min-width: inherit;
    }

        .public-sub-header .small-header-wrapper .small-menu-right ul li:last-child {
            border: none;
        }

    .shorting-list {
        font-size: 12px;
        -webkit-appearance: none;
        text-align: center;
        padding: 0;
        width: 100%;
    }

    .public-sub-header .small-header-wrapper .small-menu-right ul li .fa {
        display: block;
        font-size: 20px !important;
        text-align: center;
        width: auto;
        color: #B5B5C3;
        line-height: normal;
        height: 20px;
    }
    .public-sub-header .small-header-wrapper .small-menu-right ul li img{
        min-height: 20px;
    }
    .public-sub-header .small-header-wrapper .small-menu-right ul li:focus {
        background-color: #0073e9 !important;
        color: #ffffff !important;
    }

    .public-sub-header .small-header-wrapper .small-menu-right ul li a {
        text-align: center;
        margin: 0;
        display: block;
        font-size: 12px;
    }

    .small-header-search {
        min-width: inherit;
        display: none;
    }

    .sidebar-search .small-header-search {
        min-width: inherit;
        display: block;
    }

    .small-header-search.search-block {
        display: flex;
        justify-content: space-between;
        background-color: #eee;
        position: absolute;
        width: 100%;
        align-items: center;
        min-height: 68px;
        max-width: 100%;
    }

    .inner-search-wrapper .small-header-search.search-block {
        display: flex;
        justify-content: space-between;
        background-color: #eee;
        position: absolute;
        width: 100%;
        align-items: center;
        min-height: 55px;
        left: 0;
        top: 55px;
        z-index: 999;
        padding: 0 15px;
        max-width: 100%;
    }

    .small-header-search.search-block .search-close {
        display: block;
        font-size: 20px;
    }

    .public-sub-header .small-header-wrapper .small-menu-right {
        width: 100%;
    }

        .public-sub-header .small-header-wrapper .small-menu-right ul {
            display: flex;
            justify-content: space-between;
        }

    .small-header-search.search-block .has-search {
        width: 90%;
    }

    .public-sub-header .small-header-wrapper .small-menu-right ul li:first-child {
        border-right: 1px solid #eeeeee;
    }

    .corporate .small-nav-header.public-small-header .howto-btn {
        font-size: 0;
    }

        .corporate .small-nav-header.public-small-header .howto-btn .fa {
            margin-right: 0 !important;
            margin-left: 0 !important;
        }
}

@media (max-width: 640px) {
    .nav-event-tabs-wrapper h3.mt-3{
        padding-left: 15px;
    }
    .enter-bid-modal#success-modal .modal-form {
        padding: 10px;
    } 

    .corporate .site-logo .m-logo {
        display: block;
    }

    .corporate .site-logo .d-logo {
        display: none;
    }

    .sub-header .container {
        max-width: 100%;
    }

    .public-header .p-menu ul li a {
        margin-left: 5px;
        font-size: 12px;
    }

    .p-search .form-control {
        max-width: 150px;
    }

    .public-header .p-menu ul li .form-control {
        padding: 0 0.5rem;
        font-size: 12px;
    }

    .nav-link.icon.manage-event-btn {
        font-size: 12px;
        padding: 8px 8px !important;
    }

    .icon-navs .header-option.pr-5 {
        padding-right: 1rem !important;
    }

    #auctionProfitModal .modal-body img {
        width: 90%;
        height: auto;
    }

    #auctionProfitModal .modal-body h2 {
        font-size: 24px;
    }

    #auctionProfitModal .modal-body .center_div {
        margin: 0 auto;
        width: 100%;
    }

    #paymentInfo .hps-label-container .hps-control {
        padding: 0 5px;
        font-size: 12px !important;
    }

    #paymentInfo .hps-label-container .hps-label {
        font-size: 12px !important;
    }

    .highlight-large {
        font-size: 12px !important;
    }

        .highlight-large label {
            font-size: 12px !important;
        }

    .bd-highlight .highlight-large .fa {
        font-size: 12px !important;
    }

    .bd-highlight.p-2 {
        padding: 0 !important;
    }

    .corporate .small-nav-header.public-small-header .howto-btn {
        font-size: 0;
    }

        .corporate .small-nav-header.public-small-header .howto-btn .fa {
            margin-right: 0 !important;
        }
}

@media (max-width: 576px) {

    #homestreet,
    #homeunit,
    #homestate,
    #homeadcountry,
    #homeadzip {
        margin-bottom: 15px;
    }
}

@media (max-width: 376px) {
    .p-search .form-control {
        max-width: 145px;
        border: none;
        position: absolute;
        background-color: #ffffff;
    }

        .p-search .form-control:focus {
            max-width: 150px;
            border: 1px solid #ced4da;
            position: absolute;
            width: 150px;
            box-shadow: none;
            outline: none;
        }

    .bd-highlight label {
        font-size: 0.9rem !important;
    }

    .highlight-large {
        font-size: 0.9rem !important;
    }

        .highlight-large label {
            font-size: 0.9rem !important;
        }
}

@media (min-width: 992px) and (max-width: 1110px) {
    .public-sub-header .small-header-wrapper .small-menu-right ul li {
        min-width: 54px;
    }
}

@media (min-width: 767px) and (max-width: 990px) {
    .public-sub-header .small-header-wrapper .small-menu-right ul li {
        min-width: 80px;
    }

    #image-list .add-btn {
        font-size: 12px !important;
    }

    #PlaceBid {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .new-wrapper-area.new-event-wrapper .card-footer {
        font-size: 8px;
        padding: 0.3rem !important;
    }

        .new-wrapper-area.new-event-wrapper .card-footer .fa {
            font-size: 8px !important;
            margin-right: 0.2rem !important;
        }

    .event-main-details #image-list .mobiledesktop.col-md-4 .item-image-wrapper img {
        height: 160px;
    }

    .timline-banner img {
        max-height: 260px;
    }

    .event-main-details #image-list .mobiledesktop.col-md-6 .item-image-wrapper img {
        height: 190px;
    }

    .event-main-details #image-list .mobiledesktop.col-md-4 .overflow-hidden img {
        height: 160px;
    }

    .event-main-details #image-list .mobiledesktop.col-md-6 .overflow-hidden img {
        height: 190px;
    }

    .form-toggle {
        display: block;
    }

    .invoice_table_box .invoice_table tbody tr td:nth-of-type(2) {
        text-align: right !important;
        width: auto;
    }

        .invoice_table_box .invoice_table tbody tr td:nth-of-type(2) span {
            padding-left: 50px;
            display: block;
        }
}

@media (max-width: 991px) {
    .new_ev .small-brand-logo-icon.bidderview_logo {
        display: block;
    }

    .timline-banner img {
        max-height: 315px;
    }

    .new_design_wrapper.new_event_design_wrapper .event-banner-area {
        min-height: inherit;
    }

    .event-main-details #image-list .mobiledesktop.col-md-6 .item-image-wrapper img {
        height: 260px;
    }

    .event-main-details #image-list .mobiledesktop.col-md-6 .overflow-hidden img {
        height: 260px;
    }

    #divImageScroll img {
        height: 315px !important;
        min-height: 315px;
    }

    #kt_aside {
        width: 265px !important;
    }

    #youtubetip .responsive-iframe {
        height: 30rem;
    }

    #kt_footer {
        padding-left: 0;
        margin-top: 20px;
    }

    body.aside-minimize #kt_footer {
        padding-left: 0;
    }

    #kt_header {
        padding: 0;
    }

    .app-sidebar__user .event-form {
        min-height: inherit;
    }

    #kt_quick_user {
        top: 56px;
    }

    #sidebarCollapse {
        display: inline-block;
    }

    #inner-sidebar {
        margin-left: -250px;
    }

        #inner-sidebar.active {
            margin-left: 0;
        }
}

@media (max-width: 767px) {
    #auction-tab #image-list .mobiledesktop.col-md-6.new_item_list_wrapper .item-image-wrapper img {
        border-radius: 8px !important;
    }

    #image-list .itemContainerHeight > .align-items-center {
        min-height: unset;
    }

    .event-box {
        flex: inherit;
    }

    .new_design_wrapper.new_event_design_wrapper .event-banner-area {
        min-height: inherit;
    }

    .timline-banner img {
        max-height: 240px;
    }

    .event-main-details #image-list .mobiledesktop.col-md-4 .item-image-wrapper img {
        height: 418px;
    }

    .event-main-details #image-list .mobiledesktop.col-md-6 .item-image-wrapper img {
        height: 388px;
    }

    .event-main-details #image-list .mobiledesktop.col-md-4 .overflow-hidden img {
        height: 418px;
    }

    .event-main-details #image-list .mobiledesktop.col-md-6 .overflow-hidden img {
        height: 388px;
    }

    #tc_modal .modal-body div {
        width: 100% !important;
        margin: 0 !important;
    }

    .withdrawal-info .modal-body {
        overflow-x: auto;
    }

    #divImageScroll img {
        height: 388px !important;
        min-height: 388px;
    }

    .daterangepicker.show-calendar .ranges {
        height: auto !important;
    }

    #youtubetip .responsive-iframe {
        height: 30rem;
    }

    .fabs {
        display: none !important;
    }

    #sidebarCollapse {
        display: inline-block;
    }

    #inner-sidebar {
        margin-left: -250px;
    }

        #inner-sidebar.active {
            margin-left: 0;
        }

    #sidebar.active {
        margin-left: 0;
    }

    #sidebarCollapse span {
        display: none;
    }

    .corporate .public-sub-header.public-mobile-menu {
        display: block;
    }

        .corporate .public-sub-header.public-mobile-menu .small-header-search.search-block {
            padding: 0 15px;
            max-width: 100%;
        }

    #inner-sidebar .small-header-search.search-block {
        background-color: transparent;
        position: relative;
        min-height: auto;
    }

    #MemberActivity {
        margin-top: 15px;
    }

    .helpsectionlist {
        width: 100% !important;
        margin: 0 !important;
    }

    .helpcontainor {
        padding: 0;
    }

    .upload-wrapper {
        flex-direction: column;
    }

    .dropzone-wrapper,
    .preview-zone {
        margin: 1rem 0;
    }

    .invoice_wrap_table .invoice_stats img {
        max-width: 100%;
    }

    .review-invoice-modal .invoice-head {
        display: block !important;
        margin-bottom: 20px;
    }

    .invoice_wrap_table .invoice_stats {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

    .invoice_checkout .nav-tabs > li a i {
        display: block;
    }

    .invoice_checkout .nav-tabs li {
        width: 50%;
    }

    #kt_subheader .container-fluid {
        flex-wrap: wrap !important;
    }

        #kt_subheader .container-fluid .flex-wrap.mr-1 {
            flex-wrap: wrap !important;
        }

    .total-wrapper {
        margin-bottom: 15px;
    }

    .new_event_design_wrapper #image-list .card-item-ui {
        padding-top: 0 !important;
    }

        .new_event_design_wrapper #image-list .card-item-ui .card-item-wrap {
            display: flex;
            align-items: center;
            gap: 10px;
        }

            .new_event_design_wrapper #image-list .card-item-ui .card-item-wrap .item-image-wrapper {
                width: 35%;
                padding: 0 !important;
            }

            .new_event_design_wrapper #image-list .card-item-ui .card-item-wrap .card-box {
                width: 65%;
                min-height: auto;
            }

    .new_event_design_wrapper #image-list .card-item-wrap .item-image-wrapper img {
        height: auto !important;
    }

    .new_event_design_wrapper #image-list .card-item-ui .card-item-wrap .card-title {
        font-size: 16px;
        -webkit-line-clamp: 2;
    }

    .new_event_design_wrapper #image-list .card-item-ui .card-item-wrap .card-text {
        font-size: 14px;
    }

    .new_event_design_wrapper #image-list .card-item-ui .card-footer {
        padding: 5px !important;
    }

    .new_event_design_wrapper #banner-image-box {
        top: auto;
    }

    .new_event_design_wrapper #image-list .new_item_list_wrapper .itemContainerHeight {
        flex: 2;
    }

    .new_item_list_wrapper .card .item-image-wrapper {
        flex: 1;
    }
}

@media (max-width: 640px) {
    .mobile-subheader .shorting-list {
        background: none;
        text-align:center;
    }
    .new_event_design_wrapper .small-header-wrapper {
        flex-wrap: wrap;
    }

        .new_event_design_wrapper .small-header-wrapper .small-header-search {
            max-width: 100%;
            margin-bottom: 5px;
            width: 100%;
        }

        .new_event_design_wrapper .small-header-wrapper .small-menu-right {
            margin-bottom: 5px;
        }

            .new_event_design_wrapper .small-header-wrapper .small-menu-right ul {
                padding-left: 0;
            }

    .shorting-list {
        text-align: left;
    }

    /*.purchase-item {
        padding-left: 36% !important;
    }*/

    #divItemWrapper.create_item_wrapper .card {
        border: none;
        margin-top: 0 !important;
    }

    .msg-wrapper-public {
        margin: 10px;
    }

    #top_sections hr {
        margin-top: 0;
    }

    .new_event_design_wrapper #image-list .card-item-wrap .item-image-wrapper img {
        border-radius: 5px;
    }

    .new_ev #image-list .itemNameHeight {
        min-height: inherit;
        font-size: 14px;
    }

    .new_event_design_wrapper #image-list .card-item-ui .card-item-wrap .card-title {
        font-size: 14px;
    }

    .event-banner-area {
        border-radius: 5px;
    }

    .event-center-wrapper {
        padding: 5px 5px 10px !important;
        max-width: 100%;
    }

    .event-details-conatiner {
        padding: 10px 0;
    }

    .nav-event-tabs-wrapper .nav-tabs .nav-link,
    .nav-event-tabs-wrapper .nav-tabs .nav-link:hover {
        padding: 0.5rem !important;
        font-size: 12px;
    }

    #image-list .mobiledesktop .card {
        padding: 5px !important;
    }

    .new_event_design_wrapper #image-list .card-item-ui .card-item-wrap .card-box {
        padding: 0 5px !important;
    }

    .new-event-design .card-body {
        padding: 0 10px !important;
    }

    #tickets-tab .card {
        padding: 10px;
    }

        #tickets-tab .card p {
            margin: 0;
        }

    #summernote {
        padding: 10px;
    }

    .m-img {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .m-l-img {
        max-width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .new_design_wrapper.new_event_design_wrapper .event-banner-area {
        border-radius: 0;
        min-height: 60px;
        max-height: 220px;
    }

    .new-event-design .card-body {
        padding: 0 10px !important;
    }

    #image-list .mobiledesktop .card {
        padding: 10px 0 0;
    }


    #tickets-tab .card {
        padding: 10px;
    }

        #tickets-tab .card p {
            margin: 0;
        }

    #summernote {
        padding: 10px;
    }

    .m-img {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .m-l-img {
        max-width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .ms-img {
        display: block;
    }

    .d-img {
        display: none;
    }

    .event-web-card.green-box,
    .event-web-card.purpal-box {
        height: inherit;
    }

    .msg-wrapper {
        font-size: 12px;
    }

    .error-msg-box {
        padding: 10px;
    }

    .reports-header .btn + .btn {
        margin-left: 0;
    }

    .inner_content_wrapper .row:first-child {
        margin: 0 !important;
    }

    #txtEmail {
        margin-bottom: 15px;
    }

    .d-flex.bd-highlight {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .winners-table-list .items-list-table #ItemsTable thead th,
    .winners-table-list .items-list-table #WinnersTable thead th {
        white-space: nowrap;
    }

    #invoice_checkout .click-to-pay .table th:last-child {
        width: auto;
    }

    #invoicedetailspage .table-responsive {
        overflow-x: auto;
    }

    #paymentInfo .hps-label-container .hps-label {
        font-size: 12px;
    }

    #invoice_checkout {
        padding-top: 0;
    }

        #invoice_checkout #step1 .event-web-card {
            padding: 15px;
        }

            #invoice_checkout #step1 .event-web-card .card-body {
                padding: 0 !important;
            }

    .make-donation-btn {
        position: inherit !important;
        top: auto;
    }

    #pdf-download .logo-box {
        flex-direction: column;
    }

    .timline-banner img {
        max-height: 200px;
        min-height: inherit !important;
    }

    .event-main-details #image-list .mobiledesktop.col-md-4 .item-image-wrapper img {
        height: 341px;
    }

    .event-main-details #image-list .mobiledesktop.col-md-6 .item-image-wrapper img {
        height: 340px;
    }

    .event-main-details #image-list .mobiledesktop.col-md-4 .overflow-hidden img {
        height: 341px;
    }

    .event-main-details #image-list .mobiledesktop.col-md-6 .overflow-hidden img {
        height: 340px;
    }

    #DescriptionModel .card-body:first-child {
        padding: 0 !important;
    }

    #DescriptionModel .modal-body .form {
        width: 100% !important;
    }

        #DescriptionModel .modal-body .form .note-editor .panel-heading.note-toolbar .btn {
            height: 25px;
            line-height: 25px !important;
            padding-left: 4px;
            padding-right: 4px;
            font-size: 11px;
        }

            #DescriptionModel .modal-body .form .note-editor .panel-heading.note-toolbar .btn i {
                font-size: 10px;
            }

    .event-profile-details #txtOrganizationName,
    .event-profile-details #EditorFor_event_info_name {
        min-height: 35px;
        height: 35px;
    }

    #example-vertical-p-4 > div:first-child {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    #example-vertical-p-4 .form-horizontal h5 {
        padding-top: 30px;
        border-top: 1px solid #e9edf4;
    }

    #divImageScroll img {
        height: 341px !important;
        min-height: 341px;
    }

    #youtubetip .responsive-iframe {
        height: 20rem;
    }

    .footer-left {
        text-align: center;
    }

    .footer .padding-top-10 {
        text-align: center;
    }

    .permission-tab .tab_wrapper .form-group {
        margin: 1rem 0;
    }

    .assign-winner-wrap .selection-icon {
        display: none;
    }

    .invoicedetailspage .mw-md-1000.py-10 {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }

    .invoice_checkout .nav-tabs > li a {
        margin: 10px auto;
    }

    #st-1.st-has-labels .st-btn,
    #st-3.st-has-labels .st-btn {
        min-width: inherit !important;
    }

    #btnSendInvoiveSMS {
        min-height: 35px;
        font-size: 10px;
        padding: 0 5px;
    }

    #invoice_checkout .btn-primary,
    #invoice_checkout .btn-light-primary,
    #invoice_checkout #btnChargeCCevadmin {
        min-height: 35px;
        font-size: 10px;
        padding: 0 5px;
        margin-bottom: 5px;
    }

    .list-inline.step-one-btn li {
        text-align: center;
        width: 100%;
    }

    #Paymentbox .payment-online.text-center .row .col-md-6 .card,
    #Paymentbox .payment-online.text-center .row .col-md-12 .card {
        box-shadow: none;
        padding: 15px !important;
        border: 1px solid #ddd;
    }

        #Paymentbox .payment-online.text-center .row .col-md-12 .card .row {
            margin: 0 -15px;
        }

            #Paymentbox .payment-online.text-center .row .col-md-12 .card .row #drp_ConnectIds {
                margin-bottom: 10px;
            }
}

@media (max-width: 570px) {
    .reports-header {
        flex-wrap: wrap;
    }

        .reports-header div {
            width: 100%;
        }

            .reports-header div button {
                margin-bottom: 5px;
            }

    .daterangepicker .drp-calendar {
        max-width: 100%;
    }

    .toggle-header-wrapper ul li {
        margin-right: 0;
        margin-left: 5px;
    }

    #kt_content .container-fluid {
        padding: 0;
    }

    #kt_content #kt_subheader .container-fluid {
        padding: 0 15px;
    }

    #ItemSaveSuccess_Modal.bidding-modal .modal-form {
        flex-direction: column;
    }

        #ItemSaveSuccess_Modal.bidding-modal .modal-form #btnCreateAnotherItem {
            margin-right: 0;
        }

        #ItemSaveSuccess_Modal.bidding-modal .modal-form #btnGoToEventPage {
            margin-left: 0;
        }

    .radio-list.align-items-start.shipping-option-list {
        width: 105px;
    }

    #ExportToExcelButton,
    #ExportToExcelButtones,
    #ExportToExcelButtons {
        margin-left: 0;
        padding-right: 5px;
    }

    .subheader .btn-primary.blue,
    .howto-btn {
        margin-left: 5px;
        padding-right: 5px;
    }

        .howto-btn .fa,
        #ExportToExcelButton .fa,
        #ExportEntityChangesToExcelButton .far,
        #ExportToExcelButtones .fa,
        #ExportToExcelButtons .fa {
            margin-right: 5px;
        }

        .subheader .btn-primary.blue .fa {
            margin-right: 5px;
        }
}

@media (max-width: 415px) {
    .new-wrapper-area.new-event-wrapper .card-footer {
        font-size: 12px !important;
        padding: 0.3rem !important;
    }

        .new-wrapper-area.new-event-wrapper .card-footer .fa {
            font-size: 14px !important;
            margin-right: 0.5rem !important;
        }

    .timline-banner img {
        max-height: 140px;
    }

    .toggle-header-wrapper ul li {
        margin-right: 0;
        margin-left: 5px;
        font-size: 10px;
    }

    .event-main-details #image-list .mobiledesktop.col-md-4 .item-image-wrapper img {
        height: 208px;
    }

    .event-main-details #image-list .mobiledesktop.col-md-6 .item-image-wrapper img {
        height: 210px;
    }

    .event-main-details #image-list .mobiledesktop.col-md-4 .overflow-hidden img {
        height: 208px;
    }

    .event-main-details #image-list .mobiledesktop.col-md-6 .overflow-hidden img {
        height: 210px;
    }

    .event-detail-wrapper .event-detail-info .event-profile-details p {
        font-size: 13px;
        margin-bottom: 10px;
        display: flex;
        flex-wrap: wrap;
    }

    .event-detail-wrapper .event-detail-info .event-profile-details #organizationName {
        font-size: 13px;
    }

    .event-detail-wrapper .timeline-menu {
        margin-top: 0;
        padding: 10px 0;
    }

    #image-list {
        width: inherit !important;
    }

    #kt_footer .nav-dark {
        display: none;
    }

    .mobile-subscription-warning {
        display: none;
    }

    .event_name_description .event-profile-details div {
        margin-top: 0.5rem !important;
        width: auto !important;
    }

    .event_name_description .event-profile-details {
        margin-bottom: 0 !important;
    }

    .toggle-header-wrapper ul li .toggle-switch-2 {
        width: 120px;
    }

    .toggle-header-wrapper ul li .toggle-switch .slider:after {
        font-size: 12px;
    }

    .toggle-header-wrapper ul li .toggle-switch-2 input:checked + .slider:before {
        -webkit-transform: translateX(85px);
        -ms-transform: translateX(85px);
        transform: translateX(85px);
    }

    #Businessstreet,
    #Businesstate,
    #BusinessCountry,
    #homestreet,
    #homestate,
    #homeadcountry,
    #homeadzip {
        margin-bottom: 0.75rem !important;
    }

    #example-vertical-p-2 .form-horizontal .form-group .col-md-12,
    #example-vertical-p-2 .form-horizontal .form-group .col-md-6 {
        padding-left: 5px;
        padding-right: 5px;
    }

    #example-vertical-p-3 .form-horizontal .form-group .col-md-4,
    #example-vertical-p-3 .form-horizontal .form-group .col-md-12,
    #example-vertical-p-3 .form-horizontal .form-group .col-md-6,
    #example-vertical-p-3 .form-horizontal .form-group .col-sm-6,
    #example-vertical-p-3 .form-horizontal .form-group .col-sm-4,
    #example-vertical-p-3 .form-horizontal .form-group .col-sm-12 {
        padding-left: 5px;
        padding-right: 5px;
    }

    #example-vertical-p-2 .col-md-6.routing-number {
        padding: 10px;
    }

    #divImageScroll img {
        height: 208px !important;
        min-height: 208px;
    }

    #youtubetip .responsive-iframe {
        height: 20rem;
    }
}

@media (max-width: 376px) {
    .event-main-details #image-list .mobiledesktop.col-md-4 .item-image-wrapper img {
        height: 185px;
    }

    .event-main-details #image-list .mobiledesktop.col-md-6 .item-image-wrapper img {
        height: 180px;
    }

    .event-main-details #image-list .mobiledesktop.col-md-4 .overflow-hidden img {
        height: 185px;
    }

    .event-main-details #image-list .mobiledesktop.col-md-6 .overflow-hidden img {
        height: 180px;
    }

    .nav-link.icon.manage-event-btn {
        font-size: 8px;
    }

    .event_name_description .event-profile-details div {
        margin-top: 0 !important;
        width: auto !important;
    }

    .event-profile-details h1#lblOrganizationName {
        font-size: 12px;
    }

    .outer-wrapper.mobile-wrapper .event-profile-details h1,
    .outer-wrapper .event-profile-details h1#event_info_name,
    .outer-wrapper .event-profile-details h1 {
        font-size: 14px;
        margin: 0 !important;
        margin-top: 30px !important;
    }

    #divImageScroll img {
        height: 185px !important;
        min-height: 185px;
    }

    .daterangepicker .drp-selected {
        font-size: 0.6rem;
    }

    .outer-wrapper .event_name_description .event-profile-details #event_info_name {
        margin-top: 0 !important;
    }

    #btnSendInvoiveSMS {
        font-size: 9px;
        margin-bottom: 5px
    }

    #invoice_checkout .btn-primary,
    #invoice_checkout .btn-light-primary,
    #invoice_checkout #btnChargeCCevadmin {
        font-size: 9px;
        min-height: 35px;
        margin-bottom: 5px;
    }
}
@media (min-width: 1025px) {
    .invoice_table td span.hide-mob {
        display: none;
    }
}
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {

    table.invoice_table,
    .invoice_table thead,
    .invoice_table tbody,
    .invoice_table th,
    .invoice_table td,
    .invoice_table tr {
        display: block;
    }

    .help-text {
        display: none;
    }

    .invoice_table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .invoice_table tr {
        margin: 0 0 1rem 0;
        border-bottom: 1px dashed #ddd !important;
    }

        .invoice_table tr:nth-child(odd) {
            background: transparent;
        }

    .invoice_table td {
        border: none;
        position: relative;
        text-align: right !important;
        display: flex;
        align-items: center !important;
        justify-content: flex-end;
        flex-wrap: wrap;
    }

        .invoice_table td:before {
            position: absolute;
            top: 12px;
            left: 0;
            width: auto;
            padding-right: 10px;
            white-space: nowrap;
        }

    .no-before td:before {
        display: none;
    }

    .no-before {
        display: flex !important;
        align-items: flex-end !important;
        justify-content: flex-end !important;
    }
    .justify-content-between-mob{
        justify-content:space-between !important;
    }
    td.justify-content-between-mob {
        padding-left: 0;
    }
    .cate-td{
        padding:0px !important
    }
    .cate-td span{
        padding-top:12px;
        padding-bottom:9px;
        display:inline-block;
        }
    .invoice_table td.order_item-mob {
        flex-direction: column;
        justify-content: flex-start !important;
        text-align: left !important;
        align-items: flex-start !important;
    }
    /* .invoice_table td:nth-of-type(1):before {
        content: "ORDERED ITEMS";
    }

    .invoice_table td:nth-of-type(2):before {
        content: "ITEMS";
    }

    .invoice_table td:nth-of-type(3):before {
        content: "QTY";
    }

    .invoice_table td:nth-of-type(4):before {
        content: "UNIT PRICE";
    }

    .invoice_table td:nth-of-type(5):before {
        content: "TAX";
    }

    .invoice_table td:nth-of-type(6):before {
        content: "AMOUNT";
    }

    .invoice_table.invoice_table_2 td:nth-of-type(1):before {
        content: "ITEMS";
    }

    .invoice_table.invoice_table_2 td:nth-of-type(2):before {
        content: "CHOOSE SHIPPING OPTION";
    }

    .invoice_table.invoice_table_2 td:nth-of-type(3):before {
        content: "QTY";
    }

    .invoice_table.invoice_table_2 td:nth-of-type(4):before {
        content: "UNIT PRICE";
    }

    .invoice_table.invoice_table_2 td:nth-of-type(5):before {
        content: "TAX";
    }

    .invoice_table.invoice_table_2 td:nth-of-type(6):before {
        content: "AMOUNT";
    }*/
    .shipping-option-list label {
        min-width: inherit;
    }
}

@media (min-width: 1200px) and (max-width: 1440px) {
    .Promotediv #st-1.st-has-labels .st-btn.st-remove-label > span {
        display: block !important;
    }

    .Promotediv #divShare .sharethis-inline-share-buttons .st-btn img {
        margin-right: 5px;
    }

    .Promotediv #st-1.st-has-labels .st-btn {
        min-width: inherit;
    }
}
@media (max-width: 1310px) {
    #Bid_historybdy td, #Bid_historybdy th {
        font-size: 12px;
        vertical-align: top;
        padding: 5px 3px;
    }
}
p#show-event-description ul, div#summernote ul, .ticket-desc ul, div#DivTktPersonalInfo ul, .note-editor.note-frame .note-editing-area .note-editable ul, div#summernoteTerms ul {
    padding-left: 18px;
    list-style: disc;
}
p#show-event-description ol, div#summernote ol, .ticket-desc ol, div#DivTktPersonalInfo ol, .note-editor.note-frame .note-editing-area .note-editable ol, div#summernoteTerms ol {
    padding-left: 18px;
    list-style: decimal;
}