mage-eventpress/css/admin_style.css

.inside .sec {
    display: block;
    font-size: 15px;
    font-weight: normal;
    margin: 0;
}
.sec label {
    font-size: 16px;
    font-weight: bold;
}
.mep_status .active {
    background: green none repeat scroll 0 0;
    color: #FFF;
    padding: 6px 10px;
    display: block;
    font-size: 12px;
    text-align: center;
}
.mep_status .err {
    background: red none repeat scroll 0 0;
    color: #FFF;
    padding: 6px 10px;
    display: block;
    font-size: 12px;
    text-align: center;
}
td.mep_event_seat.column-mep_event_seat span {
    display: block;
    text-align: center;
}
#mep_uid {
    width: 65px;
}
.inside .sec input {
    border: 1px solid #DDD;
    padding: 5px;
    width: 100%;
    color: #000;
}
.inside .sec label {
    font-weight: normal;
}
table.atendee-info {
    display: block;
    overflow: hidden;
    width: 100%;
}

/* Always set the map height explicitly to define the size of the div
 * element that contains the map. */
#map {
    height: 250px;
}

#infowindow-content .title {
    font-weight: bold;
}

#infowindow-content {
    display: none;
}

#map #infowindow-content {
    display: inline;
}

.pac-card {
    margin: 10px 10px 0 0;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    background-color: #FFF;
}

#pac-container {
    padding-bottom: 12px;
    margin-right: 12px;
}

.pac-controls {
    display: inline-block;
    padding: 5px 11px;
}

.pac-controls label {
    font-size: 13px;
    font-weight: 300;
}

#pac-input {
    background-color: #FFF;
    font-size: 15px;
    font-weight: 300;
    margin-left: 12px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 400px;
}

#pac-input:focus {
    border-color: #4D90FE;
}
div#mep_event_day_r,
div#mep_event_faq_r {
    display: block;
    padding: 0 15px 15px;
}

.mep-faq-input {
    width: 100%;
    display: block;
    border: 1px solid #8A8A8A;
    padding: 5px;
    margin: 15px 0;
}

div#mep-event-faq-box {
    overflow: hidden;
}

a.button.remove-faq-row {
    /* float: right; */
    overflow: hidden;
    display: inline-block;
}
.settings_page_mep_event_settings_page h2 {
    padding-left: 10px;
}
.mep-attendee-sec-details span {
    border: 1px solid #DDD;
    padding: 10px;
    display: inline-block;
}

.mep-attendee-sec-details .ea-label {
    width: 200px !important;
    font-weight: bold;
}

.mep-attendee-sec-details .ea-value {
    width: 68% !important;
}

.mep-attendee-sec-details .sec {
    margin: 0;
}

.post-type-mep_events .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 24px;
    margin: -5px 0 0 20px;
}

.post-type-mep_events .switch input {display: none;}

.post-type-mep_events .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #CCC;
    -webkit-transition: .4s;
    transition: .4s;
}

.post-type-mep_events .slider:before {
    position: absolute;
    content: "";
    height: 17px;
    width: 17px;
    left: 10px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.post-type-mep_events input:checked + .slider {
    background-color: #2196F3;
}

.post-type-mep_events input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

.post-type-mep_events input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.post-type-mep_events .slider.round {
    border-radius: 34px;
}

.post-type-mep_events .slider.round:before {
    border-radius: 50%;
}

div#mage-primary-button {
    background: green !important;
    color: white !important;
}
.mage_settings_panel_wrap .metabox-holder {
    background: #FFF;
    padding: 20px;
    border: 5px solid #0071A1;
    /* border-top: 0px; */
    width: 75%;
    float: left;
    margin: 0;
    order: 3;
}

.mage_settings_panel_wrap .nav-tab {
    float: none;
    border: 2px solid #0E678C;
    border-bottom: none;
    margin-left: 0;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 25px;
    font-weight: 600;
    background: #0071A1;
    color: #FFF;
    text-decoration: none;
    white-space: nowrap;
    max-width: 100%;
    display: block;
    overflow: hidden;
    width: auto;
}
.mage_settings_panel_wrap .nav-tab.nav-tab-active {
    background: #5EA8C8;
}
.mage_settings_panel_wrap table th {
    width: 330px;
    border-bottom: 1px solid #DDD;
    padding: 10px 10px 0 0;
    font-size: 13px;
}

.mage_settings_panel_wrap table td {
    border-bottom: 1px solid #DDD;
    padding: 10px 0;
}
.mage_settings_panel_wrap p.submit {
    text-align: right;
}

.mage_settings_panel_wrap p.submit input {
    font-size: 16px;
    padding: 5px 30px;
    border-radius: 0;
}
.mage_settings_panel_wrap .metabox-holder h2 {
    border-bottom: 2px solid #0071A1;
    font-size: 20px;
    padding: 15px;
    background: #DDD;
    margin-bottom: 30px;
    margin-top: 10px;
}
.mep_event_metabox_address .sec {
    width: 48%;
    display: inline-block;
    padding: 0 10px;
}
#poststuff .stuffbox > h3, #poststuff h2, #poststuff h3.hndle {
    display: block;
}

span.mep_event_date {
    background: #B2833F;
    font-size: 11px;
    display: block;
    text-align: center;
    height: auto;
    padding: 7px 3px;
    color: #FFF;
}

div#mep_event_list_thumbnail_meta_boxes table th, div#mep_event_list_thumbnail_meta_boxes table td {
    width: 100%;
    display: block;
    float: none;
    overflow: hidden;
}

div#mep_event_list_thumbnail_meta_boxes table, div#mep_event_list_thumbnail_meta_boxes table tbody {
    width: 100% !important;
    overflow: hidden;
    display: block;
}

div#mep_event_list_thumbnail_meta_boxes table td input {
    width: 93% !important;
}
div#mep_event_list_thumbnail_meta_boxes span.slider:before {
    display: none;
}
div#mep_event_list_thumbnail_meta_boxes table td input#enable_global_qty {
    width: auto !important;
}
#mep_event_list_thumbnail_meta_boxes table.form-table {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
#mep_event_list_thumbnail_meta_boxes table.form-table tbody th, #mep_event_list_thumbnail_meta_boxes table.form-table tbody td {
    display: block;
    width: 100%;
}
#mep_event_list_thumbnail_meta_boxes .media_preview {
    width: 92% !important;
}
.wrap.mage_settings_panel_wrap {
    display: block;
    overflow: hidden;
    position: relative;
    display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;
}
.wrap.mage_settings_panel_wrap h2.nav-tab-wrapper {
    width: 20%;
    padding: 0;
    margin: 0;
    float: left;
    order: 2;
}
.wrap.mage_settings_panel_wrap {
    display: block;
    overflow: hidden;
    position: relative;
    display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;
}
.wrap.mage_settings_panel_wrap h2.nav-tab-wrapper {
    width: 20%;
    padding: 0;
    margin: 0;
    float: left;
    order: 2;
    overflow: hidden;    
}
.wrap.mage_settings_panel_wrap .error, .wrap.mage_settings_panel_wrap .notice {
    display: block;
    width: 100%;
    overflow: hidden;
}
.mp_tab_item .item .content input {
    display: block;
    width: 100%;
    border: 1px solid #333;
    border-radius: 0;
    margin: 10px 0;
    padding: 10px;
}

.mp_tab_item .item .content textarea {
    width: 100%;
    margin: 10px 0;
    border-radius: 0;
    padding: 10px;
    min-height: 200px;
}
.wrap.mage_settings_panel_wrap #message {
    display: none!important;
}
#wp-mep_event_cc_email_text-media-buttons button {width: auto !important;}
.wrap.mage_settings_panel_wrap #setting-error-tgmpa {order: 0;width: 100%;}
#mp_event_all_info_in_tab table.form-table {table-layout: inherit;}
#mp_event_all_info_in_tab table.form-table th {width: 35%;}
#mp_event_all_info_in_tab table.form-table td {width: 65%;}
/****************mp_event_all_meta_in_tab********************/
iframe#gmap_canvas {width: 100%; height: 300px;}
#mp_event_all_info_in_tab {margin: 0 0 35px 0;}
#mp_event_all_info_in_tab .section-title,
#mp_event_all_info_in_tab .mp_event_virtual_type_des,
#mp_event_all_info_in_tab label.mp_event_drop_list_hidden,
#mp_event_all_info_in_tab .mp_event_custom_form_hidden {display: none;}
#mp_event_all_info_in_tab .mp_event_virtual_type_des.active {display: block;}
#mp_event_all_info_in_tab .ppof-settings .form-section {padding: 0;}
#mp_event_all_info_in_tab .postbox-header {background-color: #007CBA;padding: 10px;}
#mp_event_all_info_in_tab .postbox-header h2 {font-size: 20px;font-weight: 600;color: #FFF !important;border: none !important;padding: 0;}
#mp_event_all_info_in_tab .postbox-header h2 .dashicons {width: 45px;height: 28px;font-size: 28px;}
#mp_event_all_info_in_tab .postbox-header button span {color: #FFF;}
#mp_event_all_info_in_tab .postbox-header button:hover span {color: #999;}
#mp_event_all_info_in_tab .inside {margin: 0;padding: 0;}

#mp_event_all_info_in_tab table {border: 1px solid #DDD;width: 100%;border-collapse: collapse;}
#mp_event_all_info_in_tab table th {background-color: #f1f1f1;text-align: left;font-size: 15px;padding: 7px 15px;}
#mp_event_all_info_in_tab table th,
#mp_event_all_info_in_tab table td {border: 1px solid #DDD;width: inherit;min-width: 80px;vertical-align: middle;}
#mp_event_all_info_in_tab table td {padding: 5px;}
#mp_event_all_info_in_tab table button { /* width: 100%; */ }
#mp_event_all_info_in_tab table button.remove-day-row,
#mp_event_all_info_in_tab table button.remove-faq-row {width: auto;}
#mp_event_all_info_in_tab table.mp_form_builder_table .mp_formControl {width: 100%;}
#add-new-date-row,
#mp_event_add_new_form,
.mp_event_remove_this_row {background: #007CBA !important; font-size: 16px;padding: 5px 20px;color: #FFF;border: none;
    display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;
}
.mp_event_remove_this_row {background: darkred !important;}
.mp_event_remove_this_row:hover {background: #FFF !important;color: red;}
#add-new-date-row span,
#mp_event_all_info_in_tab p button span {margin: 0 7px 0 0;}

#mp_event_all_info_in_tab ul {list-style-type: none;margin: 0;padding: 0;}
#mp_event_all_info_in_tab ul li {display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;}
#mp_event_all_info_in_tab h5 {font-size: 18px;font-weight: 500;margin: 0 0 5px 0;}

#mp_event_all_info_in_tab .mp_ticket_type_table~.mp_form_area label{margin: 15px 0;}
#mp_event_all_info_in_tab .mp_tab_details h3{margin: 0 0 15px 0;font-size: 20px;}
#mp_event_all_info_in_tab label{position: relative;}

.mp_event_all_meta_in_tab {display: -webkit-flex;display: flex;min-height: 300px;}
.mp_tab_menu {width: 200px;background-color: #f1f1f1;color: #0073aa;font-size: 15px;font-weight: 600;}
.mp_tab_menu ul {border-top: 1px solid #FFF;}
.mp_tab_menu ul li {
    padding:10px 5px;margin: 0;border-bottom: 1px solid #FFF;cursor: pointer;color:#0073aa; position: relative;
}
.mp_tab_menu ul li.active{background-color: #007cba;color: #FFF;font-size: 16px;}
.mp_tab_menu ul li:hover {color: #F1ADAD;}
.mp_tab_menu ul li.active::after{
    position: absolute;right: 0;content: '';border: 10px solid transparent;border-right-color: #FFF;
}
.mp_tab_details {width: calc(100% - 200px);background-color: #FFF;padding: 15px;}

.mp_tab_item {display: none;}

.mp_form_area {display: -webkit-flex;display: flex;}
.mp_form_area > * {-webkit-flex: 1;flex: 1;}
.mp_form_area label {font-size: 15px;color: #777;font-weight: 500;margin: 0;position: relative;
    display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;
}
.mp_form_area label span {min-width: 220px;font-size: 17px;color: #555;font-weight: 600;}
#mp_event_all_info_in_tab .mp_formControl {min-width: auto;font-size: 13px;margin: 0;font-weight: 500;max-width: 100%;width: 100%;padding: 0 5px;}
#mp_event_all_info_in_tab.switch_checkbox {min-width: 50px;margin: 0 20px 0 0;}
.mp_form_area .mp_form_item {margin: 0 0 15px 0;}
#mp_event_all_info_in_tab label span.round {min-width: auto;left: 2px;width: 60px;right: inherit;height: 25px;top: 2px;}
#mp_event_all_info_in_tab .mp_opacity_zero {opacity: 0;}
#mp_event_all_info_in_tab .mp_tab_menu span.dashicons,
#mp_event_all_info_in_tab .mp_tab_menu span.dashicons-before::before{width: 16px;height: 16px;font-size: 15px;}

p.event_meta_help_txt {font-size: 13px;margin: 5px;color: #BA2720;}
#add-new-date-row {margin: 10px 0;}

label.mp_event_virtual_type_des {margin: 0;}
label.mp_event_virtual_type_des textarea {width: 100%;}
/*************/
#mp_event_all_info_in_tab .mp_event_custom_form_table {margin: 20px 0;}
#mp_event_all_info_in_tab .mp_event_custom_form_table .mp_formControl {min-width: auto;width: 100%;}

#mp_event_all_info_in_tab button,
.mp_tab_menu ul li {
    -webkit-transition: all .25s ease-in-out;transition: all .25s ease-in-out;
}

#mp_event_all_info_in_tab .mp_event_remove_move {display: -webkit-flex;display: flex;}
#mp_event_all_info_in_tab .mp_event_remove_move > * {-webkit-flex: 1;flex: 1;}
#mp_event_all_info_in_tab .mp_event_type_sortable_button,
#mp_event_all_info_in_tab .mp_event_remove_move button {
    display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;
    border: 1px solid #DDD;
    border-radius: 5px 0 0 5px;
    padding: 0;background-color: #F2F2F2;
}
#mp_event_all_info_in_tab .mp_event_remove_move button{color: #6B003E;}
#mp_event_all_info_in_tab .mp_event_type_sortable_button { border-radius: 0 5px 5px 0;border-left: none;cursor: move;}
#mp_event_all_info_in_tab .mp_ticket_type_table{width: 100%;overflow: auto;padding: 0 0 15px 0;}
/****************/
#mp_event_all_info_in_tab table button#mep_event_cc_email_text-tmce,
#mp_event_all_info_in_tab table button#mep_event_cc_email_text-html {width: 100px;}

.ppof-settings.ppof-metabox .notice.notice-warning.is-dismissible, .ppof-settings.ppof-metabox .notice {
    display: none;
}
.wrap.mage_settings_panel_wrap .notice.notice-warning {
    display: none;
}
.mep_rich_text_status_section {
    display: block;
    text-align: center;
    padding: 15px;
}
div#mp_event_all_info_in_tab .handle-actions.hide-if-no-js {
    display: none;
}
div.sell_expire_date {display: -webkit-flex;display: flex;}
div.sell_expire_date > * {-webkit-flex: 1;flex: 1;font-size: 10px !important;}

table.wp-list-table.widefat.striped.posts.mep-licensing-table thead th, table.wp-list-table.widefat.striped.posts.mep-licensing-table tbody td {
    padding: 10px;
    text-align: center;
}



a#mep_settings_licensing-tab {
    display: none;
}


ul.mep_ready_template_list {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.mep_ready_template_list li {
    width: 20%;
    padding: 0 10px;
    text-align: center;
    border: 1px solid #ddd;
    padding: 5px;
    margin: 0 5px;
    cursor: pointer;
}
ul.mep_ready_template_list li div.template-thumb{
    display: block;
    /* width: 300px; */
    height: 270px;
    overflow: hidden;
    position: relative;
    /* border: 2px solid #b3b3b3; */
    /* border-radius: 1px; */
    
}

ul.mep_ready_template_list li img {
    max-width: 100%;
    height: auto;
    width: auto;
    /* border: 1px solid #ddd; */

	bottom: -258px;

	/* height: auto; */
	position: absolute;
	z-index: 0;
  margin:0;
  padding:0;
  left: 0;
	-webkit-transition: top 11s;
	-moz-transition: top 11s;
	-ms-transition: top 11s;
	-o-transition: top 11s;
	transition: bottom 11s;
}

ul.mep_ready_template_list li:hover img {
    bottom: 0;
    -webkit-transition: all 11s;
    -moz-transition: all 11s;
    -ms-transition: all 11s;
    -o-transition: all 11s;
    transition: all 11s;
  }

ul.mep_ready_template_list li button.import_template, ul.mep_ready_template_list li a.preview-btn.btn {
    background: #607D8B;
    border: 0;
    padding: 5px 10px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    text-decoration: none;
    margin: 5px 5px;
}
.mep-msg{
    border: 3px solid;
    text-align: center;
 
    font-size: 15px;
    padding: 14px 0;
    font-weight: normal;
}
.mep-msg-success {
    border-color:#05af05;    
    color: #046f04;    
    background: #e3ffe3;
}
.mep-msg-process {
    border-color:#76b306;    
    color: #5b8a04;    
    background: #d6f898;
}
.mep-msg-warning {
    border-color:#b32906;    
    color: #701903;    
    background: #ffb6a3;
}
p.mep-template-import-count {
    padding: 0;
    margin: -18px 0 0px 0;
    font-size: 12px;
    font-style: italic;
    color: #099209;
}