.mec-single-virtual-badge {
background: #f7f7f7;
padding: 20px 15px;
margin-bottom: 12px;
vertical-align: baseline;
position: relative;
}
.mec-single-virtual-badge i {
vertical-align: middle;
}
.mec-single-modern .mec-single-virtual-badge {
margin-top: -50px;
margin-bottom: 30px;
padding: 20px 34px;
border: none;
background: #f7f7f7;
box-shadow: none;
}
@media only screen and (min-width: 960px){
.mec-single-modern .mec-single-virtual-badge {
margin-left: 20px;
}
}
.mec-single-modern .mec-single-virtual-badge h3 {
display: inline-block;
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
padding-bottom: 5px;
display: inline;
color: #000;
padding-left: 10px;
}
.mec-single-modern .mec-single-virtual-badge i:before {
font-size: 20px;
vertical-align: middle;
color: #40d9f1;
}
.mec-single-virtual-badge.hide-badge {
display: none;
}
span.mec-shortcode-virtual-badge {
background: #3aad14;
position: relative;
top: -3px;
font-size: 11px;
font-weight: 300;
margin-left: 1px;
line-height: 1.9;
letter-spacing: 1px;
color: #fff;
padding: 2px 7px;
border-radius: 2px;
white-space: nowrap;
}
span.mec-shortcode-virtual-badge i:before {
margin-right: 5px;
}
.mec-event-virtual-embed iframe {
width: 100%;
}
.mec-event-virtual-embed, .mec-event-virtual-link,.mec-virtual-password {
margin-bottom: 10px;
border-bottom: 1px dashed #e3e3e3;
padding-bottom: 7px;
display: block;
}
.mec-event-virtual-embed:last-child,
.mec-event-virtual-link:last-child,
.mec-virtual-password:last-child {
border: unset;
}
.mec-calendar .mec-event-article .mec-event-title a {
margin-bottom: 5px;
display: inline-block;
}
.mec-wrap .mec-event-container-simple .mec-shortcode-virtual-badge {
top: -12px;
white-space: inherit;
margin-left: 0;
}
.mec-events-toggle span.mec-shortcode-virtual-badge {
top: 7px;
}
.mec-events-toggle .mec-shortcode-virtual-badge i {
top: unset;
right: unset;
position: relative;
margin: 0;
font-size: 11px;
float: unset;
display: inline;
} .mec-virtual-event-history h3 {
text-transform: uppercase;
font-size: 15px;
font-weight: 700;
color: #313131;
border-bottom: 4px solid #ebebeb;
width: 100%;
display: block;
padding-bottom: 10px;
position: relative;
text-align: left;
}
.mec-virtual-event-history h3:before {
padding: 1px 35px;
border-bottom: 4px solid #40d9f1;
font-size: 6px;
content: "";
text-align: center;
position: absolute;
bottom: -4px;
left: 0;
}
.mec-virtual-event-history .mec-user-booking-history .mec-frontbox {
border: 0;
padding: 0;
box-shadow: unset;
margin: 0 0 30px 0;
padding-bottom: 10px;
border-bottom: 1px solid #e6e6e6;
}
.mec-virtual-event-history .mec-user-booking-history .mec-frontbox:last-child {
margin: 0 0 0 0;
padding-bottom: 0;
border-bottom: 0 solid;
}
.mec-virtual-event-history .mec-user-booking-history .mec-book-date {
font-size: 14px;
color: #8d8d8d;
line-height: 24px;
display: block;
padding-left: 0;
}
.mec-virtual-event-history .mec-user-booking-history {
margin: 30px 0;
padding: 20px 30px;
background: #fff;
border: 1px solid #e6e6e6;
box-shadow: 0 2px 0 0 rgb(0 0 0 / 2%);
}.mec-ticket-unavailable-spots.info-msg .col-md-12,
.mec-waiting-form .col-md-12 {
padding-left: 0;
margin-bottom: 20px;
}
.mec-waiting-form-container {
margin-left: 0 !important;
}
.mec-ticket-unavailable-spots.info-msg button {
margin: 0 !important;
}
.mec-ticket-unavailable-spots.info-msg {
color: var(--mec-color-skin);
background: var(--mec-color-skin-rgba-4);
padding: 40px;
margin-bottom: 30px;
}
.mec-ticket-unavailable-spots.info-msg strong {
font-weight: 600;
}
.mec-ticket-unavailable-spots.info-msg .mec-waiting-form-container input {
border-radius: 2px;
box-shadow: 0 0 0;
}
.mec-ticket-unavailable-spots.info-msg select.mec-custom-nice-select {
border-radius: 2px;
}
.mec-ticket-unavailable-spots.info-msg input[type="number"],
.mec-waiting-form input[type="number"]{
display: block;
margin: 0;
box-shadow: unset;
border: 1px solid #e3e5e7;
border-radius: 4px;
background: #fff;
min-width: 80px !important;
width: 80px !important;
min-height: 40px;
height: 40px;
padding: 0 0 0 12px !important;
}
.mec-ticket-unavailable-spots.info-msg input[type="number"]::-webkit-inner-spin-button,
.mec-waiting-form input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
opacity: 1;
background: transparent;
border-width: 0px;
margin: 0;
height: 38px;
width: 19px;
border-left: 1px solid var(--kata-color-border-primary);
cursor: pointer;
background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iQXJyb3ciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE0IiBoZWlnaHQ9IjMwIiB2aWV3Qm94PSIwIDAgMTQgMzAiPg0KICA8ZyBpZD0iR3JvdXBfNjU2MjIiIGRhdGEtbmFtZT0iR3JvdXAgNjU2MjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMTYpIj4NCiAgICA8cmVjdCBpZD0iQkciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgcng9IjMiIGZpbGw9IiNmMGYxZjIiLz4NCiAgICA8cGF0aCBpZD0iYW5nbGUtbGVmdCIgZD0iTS42MywzLjUsMy44MTUsNi42ODUsMy41LDcsMCwzLjUsMy41LDBsLjMxNS4zMTVMLjYzLDMuNVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuNSA4Ljg2KSByb3RhdGUoLTkwKSIgZmlsbD0iIzYzNmY3MiIgc3Ryb2tlPSIjNjM2ZjcyIiBzdHJva2Utd2lkdGg9IjAuMyIvPg0KICA8L2c+DQogIDxnIGlkPSJHcm91cF82NTYyMyIgZGF0YS1uYW1lPSJHcm91cCA2NTYyMyI+DQogICAgPHJlY3QgaWQ9IkJHLTIiIGRhdGEtbmFtZT0iQkciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgcng9IjMiIGZpbGw9IiNmMGYxZjIiLz4NCiAgICA8cGF0aCBpZD0iYW5nbGUtbGVmdC0yIiBkYXRhLW5hbWU9ImFuZ2xlLWxlZnQiIGQ9Ik0uNjMsMy41LDMuODE1LDYuNjg1LDMuNSw3LDAsMy41LDMuNSwwbC4zMTUuMzE1TC42MywzLjVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMC41IDUuNSkgcm90YXRlKDkwKSIgZmlsbD0iIzYzNmY3MiIgc3Ryb2tlPSIjNjM2ZjcyIiBzdHJva2Utd2lkdGg9IjAuMyIvPg0KICA8L2c+DQo8L3N2Zz4NCg==');
background-position: center;
background-repeat: no-repeat;
}
.mec-ticket-unavailable-spots.info-msg input::-webkit-outer-spin-button,
.mec-ticket-unavailable-spots.info-msg input::-webkit-inner-spin-button,
.mec-waiting-form input::-webkit-outer-spin-button,
.mec-waiting-form input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.mec-ticket-unavailable-spots.info-msg .waiting-counter-message,
.mec-waiting-form .waiting-counter-message {
color: #606367;
font-size: 14px;
font-weight: 400;
line-height: 19px;
margin-bottom: 10px;
}
p[id^="mec_waiting_message"] {
margin: 0 !important;
}
.mec-ticket-unavailable-spots.info-msg .mec-waiting-form-btn-wrap,
.mec-waiting-form .mec-waiting-form-btn-wrap {
padding-top: 30px;
overflow: hidden;
clear: both;
}
.mec-ticket-unavailable-spots.info-msg .mec-waiting-form-btn-wrap button:not(#mec-waiting-form-btn-cancel),
.mec-waiting-form .mec-waiting-form-btn-wrap button:not(#mec-waiting-form-btn-cancel) {
margin: 0 !important;
float: right;
}
.mec-ticket-unavailable-spots.info-msg .mec-waiting-form-btn-wrap button.mec-waiting-form-submit-button,
.mec-waiting-form .mec-waiting-form-btn-wrap button.mec-waiting-form-submit-button {
float: right;
margin: 30px 0 0 0!important;
background: #47dc6e!important;
border-color: #47dc6e!important;
color: #fff!important;
font-weight: 700!important;
}
div[id^="mec_waiting_reg_field_count_area_"] {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}