/*@import url('https://fonts.cdnfonts.com/css/gilroy-bold');*/
/*<..........css 04-09-2023........*/
.sidebar-mini-actions .btn.btn-white {
    line-height: 45px !important;
}

.ticket-buyers-edit form {
    width: 100%;
}

.new_design_wrapper .dashboard-header .all-items-header .dropdown-menu {
    min-width: 158px;
    width: 158px;
}

.m-img {
    display: flex;
    justify-content: space-between;
}

.m-r-details {
    flex: 3;
}

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

    .m-l-img .main-image-area {
        height: 100%;
    }

    .m-l-img .main-img {
        border-radius: 8px;
        overflow: hidden;
        max-height: 276px;
        min-height: inherit;
        height: 100%;
        align-items: center;
    }

        .m-l-img .main-img img {
            width: 100%;
            max-height: 276px;
        }

.m-img .event-details-top {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.m-r-details .event-details-conatiner {
    height: 100%;
    min-height: inherit;
}

#ddlSortBy {
    min-width: 180px;
    min-height: 50px !important;
    background: #ffffff;
    box-shadow: none !important;
    border: 1px solid #e9e9eb !important;
    height: 50px;
}

.reminder-test.show-box .row {
    width: 100%;
}

#items-sortable #tbBuyer tr td,
#items-sortable #tbGuest tr td {
    border-radius: 0 !important;
    border: none !important;
}

.card.card-shadow.mt-10.p-0 {
    border: none;
}

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

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

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

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

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

.fa {
    font: normal normal normal 14px/1 FontAwesome !important;
}

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

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

.add-date {
    position: relative;
}

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

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

.TktEndStatus {
    white-space: nowrap;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#summernote p {
    text-align: justify;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#kt_aside_menu_wrapper {
    box-shadow: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .dashboard-content-wrapper .card-shadow.align-top-section {
            padding: 10px !important;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.responsive-table {
    overflow: auto;
}

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

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

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

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

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

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

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

        #items-sortable tr th,
        #items-sortable tr td {
            padding: 10px;
            vertical-align: top;
            border: 1px solid #eeeeee;
            border-right: none;
            border-left: none;
        }

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

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

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

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

.move-icon {
    cursor: move;
}

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*<.........new event page css.........*/
#banner-image-box span {
    display: block;
    padding: 0;
    width: 100%;
    border: none;
    font-size: 36px;
    color: #fff;
    border-radius: 0;
    word-wrap: break-word;
    font-weight: 500;
    line-height: normal;
    text-shadow: 1px 1px 2px #333;
    text-align: center;
    padding-left: 80px;
}

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

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

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

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

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

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

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

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

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

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

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

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

.form-switch .switches.switch-large .slider:after {
    position: relative;
    content: "Hidden";
    width: 100%;
    height: 100%;
    background: transparent;
    border-radius: 0;
    transform: translateX(-30px);
    transition: .4s;
    color: #333333;
    font-size: 12px;
    left: 23px;
}

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

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

    .form-switch .switches.switch-large .slider:before {
        transform: translateX(-45px);
        transition: .4s;
    }

    .form-switch .switches.switch-large input:checked + .slider:after {
        transform: translateX(30px);
        background: transparent;
        content: "Visible";
        left: 0;
        right: 23px;
    }

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

.draggable-list {
    margin: 0;
    padding: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.show-edit {
    display: none;
}

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

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

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

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

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

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

    .align-top-section .card-body {
        padding: 0 !important;
    }

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

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

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

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

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

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

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

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

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

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

.event-center-wrapper .nav-event-tabs-wrapper .tab-content {
    padding-top: 30px !important;
}

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

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

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

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

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

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

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

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

    .fund-raised-box.mt-2 {
        margin-top: 0 !important;
    }

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

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

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


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

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

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

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

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

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

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

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

.main-img {
    position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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


/*............ticket setup css........*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.back-code {
    display: none;
}

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

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

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

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

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

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

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

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

.ticketsHolders {
    display: none;
}

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

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

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

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

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

@media (max-width: 1368px) {
    #Prof_del {
        top: 10px;
        right: 168px;
    }

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

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

    .fund-raised-box span {
        font-size: 30px;
    }

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

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

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

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

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

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

@media (max-width: 1250px) {
    #cover_delet {
        right: 153px;
    }

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

@media (max-width: 1024px) {

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

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

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

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

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

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

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

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

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

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

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

    .move-icon {
        width: 20px;
    }

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

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

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

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

    .fund-raised-box span {
        font-size: 32px;
    }

        .fund-raised-box span .fa {
            font-size: 28px !important;
        }
}

@media (max-width: 991px) {
    .m-l-img {
        max-width: 50%;
    }

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

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

    .corporate .card-border {
        padding: 10px;
    }

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

    .timer-dot {
        font-size: 18px;
        min-width: 13px;
    }

    .corporate .card-border {
        align-items: center;
        justify-content: center;
    }

    .corporate .fund-raised-box span {
        font-size: 24px;
    }

        .corporate .fund-raised-box span .fa {
            font-size: 20px !important;
        }
}

@media (max-width: 767px) {
    .checklist-outer-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

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

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

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

    .event-center-wrapper {
        padding: 5px 0 10px !important;
    }
    .event-center-wrapper .nav-event-tabs-wrapper h5.mt-3.mb-1{
        padding: 0 15px;
    }
     .event-center-wrapper .nav-event-tabs-wrapper #hOrgName {
        padding: 0 15px;
     }
}

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

    .yellow-box .card-header {
        min-height: inherit;
    }

    .yellow-box #divShare #st-3 {
        margin-top: 0 !important;
    }

    .event-web-card.green-box .card-body,
    .event-web-card.purpal-box .card-body {
        padding: 15px 0 !important;
    }

    .fund-raised-box span {
        font-size: 24px;
    }

        .fund-raised-box span .fa {
            font-size: 24px !important;
        }

    .nav-event-tabs-wrapper .nav-tabs .nav-link.active,
    .nav-event-tabs-wrapper .nav-tabs .nav-item.show .nav-link,
    .nav-event-tabs-wrapper .nav-tabs .nav-link.active:focus {
        padding: 0.75rem 0.5rem;
    }

    .event-details-conatiner h1 {
        font-size: 18px;
        line-height: 24px;
    }

    .benefits-lable {
        font-size: 12px;
    }

    .event-details-conatiner label#benifitslabel {
        font-size: 12px;
    }

    .edit-config a {
        display: inline-flex;
        width: 25px;
        height: 25px;
    }

    .event-setting-left .col-md-12,
    .event-setting-left .col-md-6 {
        padding: 0;
    }

    .benefits-lable {
        margin-bottom: 1.5rem;
    }

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

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

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

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

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

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

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

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

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

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

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

    .show-edit span {
        display: none;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .form-group.mb-5,
    .form-group.mb-5 {
        margin-bottom: 1.5rem !important;
    }

    .breadcrumb-icon-main-container .header-icon {
        margin: 0 16px 0 0;
        height: 40px;
        width: 40px;
    }

    .green-box,
    .purpal-box,
    .yellow-box {
        min-height: inherit;
    }

    small .fa.fa-dollar {
        font-size: 10px;
    }
}

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

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