div#mep_event_fbc_r ul {
    display: block;
    list-style: none;
    padding: 0;
    border: 1px solid #ddd;
    margin: 0 0 5px 0;
}

div#mep_event_fbc_r ul li {
    display: inline-block;
    width: auto;
    padding: 0;
    margin: 0;
    vertical-align: top;
    text-align: center;
}

li.mep-fbc-label input,
li.mep-fbc-id input {
    width: 230px!important;
    height: 30px;
}

li.mep-fbc-type select {
    width: 180px!important;
    padding: 0;
    height: 30px;
    display: block;
}

li.mep-fbc-remove {
    text-align: right!important;
}

li.mep-fbc-remove a {
    float: right!important;
    font-size: 15px!important;
    border-radius: 0!important;
    color: red!important;
    border-color: red!important;
    padding: 0 5px!important;
    margin-top: 3px!important;
    height: 26px!important;
    margin-left: 10px!important;
}

.attendee_filter_section {
    background: #fff;
    padding: 10px;
    border: 2px solid #ddd;
}

.attendee_filter_section ul {
    padding: 0;
    margin: 5px 0 0 0;
    list-style: none;
    position: relative;
}

.attendee_filter_section ul li {
    display: inline-block;
    text-align: center;
	
}

li.mep_re_datelist_label {
    display: none!important;
}

button#event_attendee_filter_btn {
    background: #010987;
    border: 0;
    color: #fff;
    padding: 6px 20px;
    border-radius: 3px;
    cursor: pointer;
}

ul.attendee_stat {
    background: #fff;
    padding: 10px;
    border: 1px solid #ddd;
    margin: 20px 0 0 0;
    list-style: none;
}

ul.attendee_stat li {
    display: inline-block;
    width: 33%;
    text-align: left;
}

li.showing_attendee {
    text-align: center!important;
    font-size: 15px;
}

li.attendee_export_btn {
    text-align: right!important;
}

li.total_attendee {
    font-size: 15px;
}

h5.mep-processing {
    background: #9bb8fd82;
    text-align: center;
    color: #2b1e6c;
    font-size: 14px;
    padding: 10px;
    border: 1px solid #2b1e6c40;
}

label.mep_same_attendee {
    display: inline-block;
}

label.mep_same_attendee input {
    width: 10px !important;
    display: inline-block;
}

span.mep_del_attendee {
    color: red;
    cursor: pointer;
}

div#mep_wailtlist_email_send_section {
    background: #fff;
    padding: 20px;
    border: 2px solid #ddd;
    width: 600px;
    margin: 0 auto;
}

div#mep_wailtlist_email_send_section ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

div#mep_wailtlist_email_send_section ul li {
    padding: 0px;
    margin: 20px;
    border-bottom: 1px dashed #ddd;
}

div#mep_wailtlist_email_send_section ul li span.mep-section-name {
    display: block;
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 10px;
}

div#mep_wailtlist_email_send_section ul li span.mep-section-data {
    font-size: 16px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    display: block;
}

div#mep_wailtlist_email_send_section ul li input,
div#mep_wailtlist_email_send_section ul li select {
    width: 100%;
    border: 1px solid #333;
    border-radius: 0;
    /* background: #333; */
}

div#mep_wailtlist_email_send_section ul li button {
    text-align: center;
    margin: 20px auto;
    width: 200px;
    display: block;
    background: #0177ba;
    border: 0;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px;
}

span.mep_success {
    color: green;
    text-align: center;
    display: block;
}

.attendee_filter_section {
    background: #fff;
    padding: 10px;
    border: 2px solid #ddd;
}

.attendee_filter_section ul {
    padding: 0;
    margin: 5px 0 0 0;
    list-style: none;
    position: relative;
}

.attendee_filter_section ul li {
    display: inline-block;
    text-align: center;
	padding: 10px;
}

li.mep_re_datelist_label {
    display: none!important;
}

button#event_attendee_filter_btn {
    background: #010987;
    border: 0;
    color: #fff;
    padding: 6px 20px;
    /* position: absolute;
    right: 0;
    top: 3px; */
}

ul.attendee_stat {
    background: #fff;
    padding: 10px;
    border: 1px solid #ddd;
    margin: 20px 0 0 0;
    list-style: none;
}

ul.attendee_stat li {
    display: inline-block;
    width: 33%;
    text-align: left;
}

li.showing_attendee {
    text-align: center!important;
    font-size: 15px;
}

li.attendee_export_btn {
    text-align: right!important;
}

li.total_attendee {
    font-size: 15px;
}


span.mep_del_attendee {
    color: red;
    cursor: pointer;
}

.mep_warning {
    background: #fff3e2;
    border: 5px solid orange;
    text-align: center;
    font-size: 20px;
    display: block;
    padding: 30px;
    margin: 10px 0;
    color: orange;
}


/* css added by ariful */

.attendee_filter_section ul:first-child {
    background-color: #00328014;
    padding: 5px;
    margin-bottom: 20px;
}

.attendee_filter_section {
    padding: 10px;
    border: 2px solid #ddd;
    background-color: #00328014;
}

#event_attendee_list_table_item table thead {
    background: #161b37;
}

#event_attendee_list_table_item table thead th {
    color: #fff;
}

#event_attendee_list_table_item table tbody tr a,
#event_attendee_list_table_item table tbody tr .mep_del_attendee {
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    display: inline-block;
    margin: 2px;
    text-align: center;
}

#event_attendee_list_table_item table tbody tr a:nth-child(1) {
    background-color: #22D02D;
}

#event_attendee_list_table_item table tbody tr a:nth-child(2) {
    background-color: #2e22d0;
}

#event_attendee_list_table_item table tbody tr a:nth-child(3) {
    background-color: #d06822;
}

#event_attendee_list_table_item table tbody tr a:nth-child(4) {
    background-color: #22c0d0;
}

#event_attendee_list_table_item table tbody tr a:nth-child(5) {
    background-color: #d022b5;
}

#event_attendee_list_table_item table tbody tr .mep_del_attendee {
    background-color: #d02222;
}

a.mep_export_csv {
    background: #078455;
    color: #fff;
    text-decoration: none;
    padding: 8px 20px;
    display: inline-block;
    margin: 5px;
    border-radius: 5px;
    cursor: pointer;
}


/* modal css */

.mep_edit_attendee_btn {
    cursor: pointer;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

.mep_alert_warning {
    padding: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
    border: 1px solid #ebccd1;
    border-radius: 4px;
    color: #a94442;
    background-color: #f2dede;
}

.mep_alert_success {
    padding: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
    border: 1px solid #d6e9c6;
    border-radius: 4px;
    color: #3c763d;
    background-color: #dff0d8;
}

.mep_attendee_form_group {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d3d3d3;
    display: inline-block;
    text-align: left;
    margin: 5px;
    vertical-align: top;
}

.mep_attendee_form_group label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

.mep_attendee_submit_button,
.mep_edit_attendee_submit_button {
    background: #49AC2F;
    transition: 0.2s;
    padding: 5px 12px;
    color: #fff;
    margin-top: 5px;
    line-height: 26px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
}

.mep_edit_attendee_order_button {
    background: #2f9eac;
    transition: 0.2s;
    padding: 5px 12px;
    color: #fff;
    margin-top: 5px;
    line-height: 26px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    text-decoration: none;
}

.mep_edit_attendee_order_button:hover {
    background: #278491;
    transition: 0.2s;
    color: #fff;
}

.mep_attendee_submit_button:hover,
.mep_edit_attendee_submit_button:hover {
    background: #239108;
    transition: 0.2s;
}

.mep_attendee_close_button,
.mep_edit_attendee_close_button {
    background: #EA0C36;
    transition: 0.2s;
    padding: 5px 12px;
    color: #fff;
    display: block;
    margin-top: 5px;
    line-height: 26px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
}

.mep_attendee_close_button:hover,
.mep_edit_attendee_close_button:hover {
    background: #C80A2E !important;
    transition: 0.2s;
    color: #fff;
}

.mep_attendee_description {
    margin-bottom: 0;
    margin-top: 5px;
}

.mep_edit_attendee_form_wrapper.mage_modal {
    margin-top: 40px;
    max-width: 90%;
}

.mep_attendee_preloader,
.mep_edit_attendee_preloader,
.mep_a_preloader {
    animation: rotation 2s infinite linear;
    margin-top: 13px;
}

.mep_attendee_form_group.mep_attendee_update_btn_wrapper {
    border-bottom: none;
    width: 100%;
}

.mep_edit_attendee_form_wrapper h3 {
    text-align: center;
}

@media only screen and (min-width: 600px) {
    .mep_attendee_form_group {
        width: 47%;
    }
    .mep_edit_attendee_close_button {
        float: right;
    }
}

@media only screen and (max-width: 600px) {
    .mep_attendee_form_group {
        width: 100%;
    }
    .mep_edit_attendee_close_button {
        float: none;
    }
}