@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;
}

:root {
    --banner-bg-color: #406ae8;
    --banner-color: #ffffff;
}

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;
}

#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;
}

    .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;
}

    .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;
    }

.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;
}

/*<...........NEW CSS Added on 18-09-2023........*/
/*<..........new_event_design_css...........*/
#txtRightBidAmount{
    padding-left: 35px;
}
.buynow_quantities #txtAvailableBuyNowQuantity {
    padding-left: 10px;
}
#Bid_historybdy i {
    color: #6f6f6f;
}
.tip-details {
    font-size: 10px !important;
}
#auction_terms-tab #summernoteTerms {
    padding: 15px;
}
    #auction_terms-tab #summernoteTerms span, #auction_terms-tab #summernoteTerms div, #auction_terms-tab #summernoteTerms p {
        text-indent: inherit !important;
    }
#hOrgName {
    margin-top: 10px !important;
    margin-bottom: 0;
}

    #hOrgName small {
        font-size: 1.175rem;
    }
#divItemInfo .st-total {
    display: none !important;
}

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

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

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

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

.corporate #kt_content .inner_content_wrapper .card-footer {
    padding: 0 5px !important;
}

.corporate #kt_content .small-nav-header.public-small-header .container-fluid {
    padding: 0;
}

.event-web-card.yellow-box .card-header {
    background-color: transparent;
}

.corporate.new_ev .item-description-card.card {
    border: none;
}

.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 !important;
    }

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

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

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

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

.card.item-name-card {
    border: none !important;
    border-radius: 0 !important;
}

.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;
    }

.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: 999;
    }

#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;
}

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

.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 !important;
        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: 15px 15px 25px;
    margin: 0;
    display: block;
    border: none;
}

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

        .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 !important;
            border: none;
            width: 100%;
        }

        .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;
        border-radius: 6px !important;
    }

        /*.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 .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 !important;
}

    .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 !important;
        overflow: hidden;
        padding: 0px 10px;
        position: relative;
    }

.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;
}

.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;
        }

.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;
    width: 100%;
    min-height: 92.8vh;
}

    .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 .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...........*/
#divTimeClock label#lbltimeleft {
    font-weight: 500 !important;
}
.card.border-none {
    border: none !important;
}

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

.donation-field .input-group-text .fa {
    font-size: 40px !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;
    }

    #spPageNowin1.active,
    #spPageNowin.active,
    #pagecount1.active {
        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: none !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;
}

#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;
        }

.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 .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%;
}

.dataTables_wrapper .dataTable th,
.dataTables_wrapper .dataTable td {
    word-break: break-all;
}

#kt_aside_menu {
    background-color: #f6f8fc !important;
}

/*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: 74vh;
    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: inherit;
    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;
}

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 !important;
}

.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 !important;
}

.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 !important;
}

.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 10px;
            border-right: none;
            min-width: 100px;
            text-align: center;
            vertical-align: middle;
        }

            .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: 16px;
                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: 225px;
    padding: 6px 0;
    max-width: 225px;
}

.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: 16px;
    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: block !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 !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;
    }
        .corporate .small-nav-header .container-fluid .d-flex.align-items-center.flex-wrap.mr-1 h5 a {
            font-size: 16px;
            color: #0073e9 !important;
        }
            .corporate .small-nav-header .container-fluid .d-flex.align-items-center.flex-wrap.mr-1 h5 a.howto-btn {
                font-size: 16px;
                color: #0073e9 !important;
            }
        .corporate .small-nav-header .container-fluid .d-flex.align-items-center.flex-wrap.mr-1 h5 a .fa {
            color: #0073e9 !important;
        }
        #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: 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: 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 !important;
    align-items: center;
}

    #divBid .bidding-flex .input-with-icon i {
        top: auto !important;
    }

    #divBid .bidding-flex .input-with-icon #txtRightBidAmount {
        flex: 3;
        padding-right: 0 !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 !important;
    align-items: center;
}

    #divBuy .bidding-flex .input-with-icon #txtPageBuyNowPrice {
        flex: 4;
        padding-right: 0 !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;
        max-width: 40px;
    }

#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: 24px !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 20px/1 FontAwesome !important;
}

#divItemInfo .item_info h3 {
    margin-bottom: 0;
}

.event-profile-details {
    margin-right: 0 !important;
}

    .event-profile-details.mt-2 {
        margin-top: 30px !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;
    }

#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;
}

#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;
}

.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: 78% !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: auto !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: 1290px) {
    #btnBiddingAmount {
        font-size: 16px !important;
    }
}

    @media (max-width: 1250px) {
       
        .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: 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) {
        #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: 1285px) {
    .buynow_quantities lable {
        font-size: 10px;
        font-weight: bold !important;
    }
}
    @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: 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 !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 !important;
        border: #0073e9 solid 2px !important;
        border-radius: 4px !important;
    }

        .add-btn:hover {
            background-color: #fff !important;
            color: #0073e9 !important;
            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;
    }

    .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: left;
        font-size: 14px !important;
        font-weight: bold;
    }

    #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 #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: 16px !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;
        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: #424e79 !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: 40px;
                background-color: rgba(0, 0, 0, 0.08);
                color: #fff;
                text-align: center;
                margin-right: 0;
                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;
            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 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: 20px !important;
        font-weight: 600;
        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) {
        #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;
        }
    }
.new_body_height {
    height: 100%;
}
    @media (max-width: 991px) {
        .new_body_height {
            height: calc(100% - 73px) !important;
        }
        .new_ev .small-brand-logo-icon.bidderview_logo {
            display: block;
        }

        .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;
        }

        #divItemValueRight h3,
        #divStartBidRight h2 {
            font-size: 1.3rem !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) {

        #example-vertical.wizard label {
            text-align: left !important;
        }

        .image-save-btn {
            margin-top: 15px;
        }

        .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: 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%;
        }

        .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) {
        .new_event_design_wrapper #image-list .itemContainerHeight .d-flex:first-child div:first-child {
            min-height: inherit;
        }

        #auction-tab .create_item_wrapper .card {
            border: none;
        }

        .corporate.new_ev #auction-tab .create_item_wrapper #divDescription {
            padding: 0 !important;
        }

        .corporate.new_ev #auction-tab .create_item_wrapper #divItemName {
            padding: 0 !important;
        }

        .corporate.new_ev #auction-tab .create_item_wrapper #divCardDesc {
            padding: 0 !important;
        }

        .corporate.new_ev #auction-tab #image-list {
            width: 98% !important;
            max-width: 100%;
            flex: 100%;
            padding: 15px !important;
            margin: 0 auto !important;
            height: auto !important;
        }

            .corporate.new_ev #auction-tab #image-list .mobiledesktop.col-md-4.draggable {
                padding: 0;
            }

        #divStartBidRight #lblCurrentBid {
            font-size: 18px;
        }

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

        #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;
        }
    }

    @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;
        }

            .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: 50px;
            }

        #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: 24px !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: 78% !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 !inherit;
                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;
            align-items: center;
        }

        #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;
        }

        #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: #424e79 !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;
        }

        .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;
            }

        .input-with-icon input {
            width: 100%;
            border: #d3dfea solid 1px;
            border-radius: 5px;
            height: 45px;
            padding-left: 35px;
            margin-left: 5px;
            font-size: 20px !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) {
            .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;
            border-radius: 0 !important;
        }

        .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;
        }
    }

    @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;
        }

        .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%;
            min-height: 23px;
        }

    .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;
        min-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) {
        .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;
        }
    }

    @media (max-width: 1024px) {
        .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;
        }
    }

    @media (max-width: 991px) {
        .timline-banner img {
            max-height: 315px;
        }

        #inner-sidebar.active {
            margin-left: 0;
        }

        .timline-banner img {
            max-height: 315px;
        }

        .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) {
        .corporate .new_event_design_wrapper #image-list .mobiledesktop.col-md-6 .card.overflow-hidden img {
            flex: 1;
            border-radius: 8px !important;
        }

        .new_event_design_wrapper #image-list .new_item_list_wrapper .itemContainerHeight {
            flex: 2;
        }

        .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: 50px;
        }

        #image-list .itemContainerHeight > .align-items-center {
            min-height: unset;
        }
    }

    @media (max-width: 640px) {
        .new_event_design_wrapper .small-header-wrapper {
            flex-wrap: wrap;
            justify-content: space-between;
        }

            .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;
        }

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

        #about-tab, #donation-tab {
            padding: 0 15px;
        }

        #tickets-tab #invoice_checkout .table-responsive td.pl-0, #tickets-tab #invoice_checkout .table-responsive th.pl-0 {
            padding-left: 8px !important;
            vertical-align: middle;
        }

        .corporate.new_ev .slideshow-container {
            padding: 0 10px;
        }

        .corporate.new_ev #divItemWrapper .card {
            border: none;
        }

        #top_sections hr {
            margin-top: 0;
        }

        .corporate.new_ev #divItemName {
            padding: 0 15px;
        }

        .corporate.new_ev #divDescription {
            padding: 0 15px;
        }

        .corporate.new_ev #kt_content .card-footer div div {
            flex-direction: row;
        }

        .corporate.new_ev #kt_content .inner_content_wrapper .card-footer {
            padding: 0 10px !important;
        }

        .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: 140px;
            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) {
        .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;
        }
    }

.invoice_table td, .table-responsive.invoice_table_box {
    border: none !important;
}

    @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
        .justify-content-between-mob {
            justify-content: space-between !important;
        }

        td.justify-content-between-mob {
            padding-left: 0 !important;
        }
        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 !important;
            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;
        }

      

        .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;
}
@media (min-width: 1025px) {
    .invoice_table td span.hide-mob {
        display: none !important;
    }
}