.mt_cart_total, .mt_cart_label, .mt_ticket_handling {
text-align: right;
padding: .25em 0;
}
.mt_cart_handling {
padding: .5rem;
}
.mt-order input,
.mt-order button,
.mt_cart button,
.mt_cart select,
.mt_cart input {
padding: 5px;
}
.mt_cart_total {
font-weight: 700;
font-size: 1.2em;
}
.mt_cart_label, .mt_ticket_handling {
font-size: 1.1em;
}
.mt-message {
background: #f0f0fa;
color: #333;
padding: .75em 1em !important;
margin-bottom: .5em;
font-size: 1.1em;
border: 2px solid;
}
.mt-message.success {
border-color: green;
}
.mt-message.error {
border-color: red;
}
.mt-payment-button {
padding: 1em 0;
}
.ticket-orders fieldset {
margin: 1em 0;
}
.tickets-remaining.hiding, .hiding .tickets-remaining {
display: none;
}
.ticket-orders legend {
font-weight: 700;
padding: 2px;
}
.mt-ticket-field {
display: grid;
grid-template-columns: 10em 1fr 4em;
column-gap: 12px;
align-items: center;
margin-bottom: .5rem;
}
fieldset .mt-ticket-field input:not([type=submit]), fieldset .mt-ticket-field select {
margin: 0;
margin-bottom: 0;
}
.mt-ticket-field.mt-price-in-label {
grid-template-columns: 9em 1fr;
}
@media only screen and (max-width:782px) {
.mt-ticket-field {
grid-template-columns: 1fr;
margin-bottom: 1rem;
}
}
.mt_cart caption {
font-weight: 700;
text-align: center;
font-size: 1.2em;
}
table.mt_cart {
width: 100%;
margin: 0;
}
.mt_cart td {
vertical-align: middle;
}
.mt_cart th {
line-height: 1.5;
font-weight: 700;
text-align: center;
}
.mt_cart th[scope="row"] {
text-align: left;
}
.mt_cart td.mt-order {
text-align: end;
}
.mt_cart th .mt-datetime {
font-weight: 400;
}
.mt-response p {
padding: .5em;
background-color: rgba(255, 255, 200, .8);
color: #000;
}
.mt-response p a {
color: #0a4b78;
}
.mt-processing {
display: none;
}
button[name="mt_add_to_cart"] img {
width: 16px !important;
padding: 0 0 0 2px;
}
.mt-payment-form fieldset {
margin: 1em 0;
}
.mt_cart tr.removed {
display: none;
}
.mt_cart .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.mt-payment-form legend {
font-weight: 700;
padding: .25em 0;
}
.gateway-selector {
padding: 1em 0;
}
.gateway-selector ul {
margin: 0 !important;
padding: 0 !important;
}
.gateway-selector li {
margin: 0 .25em 0 0 !important;
padding: .25em !important;
display: inline-block !important;
list-style-type: none !important;
background: rgba(0, 0, 0, .075);
}
.gateway-selector button {
all: unset;
}
.gateway-selector .active {
font-weight: 700;
background: rgba(0, 0, 0, .001);
}
.mt_sandbox_enabled {
position: relative;
background: #fbe6ab;
color: #101517;
padding: .5em 0;
font-size: 1.4em;
display: block;
border-top: 2px solid #8a2424;
width: 100%;
text-align: center;
}
.admin-bar .mt_sandbox_enabled {
top: 32px;
}
.mt_cart label {
display: block;
}
.mt_cart .wp-post-image {
float: left;
margin-right: .5em;
}
.mt-update-column button {
padding: .25rem 0;
line-height: 1;
}
.mt_purchase_path {
margin-bottom: 1em;
}
.mt_purchase_path {
display: grid;
grid-template-columns: repeat( 3, auto );
align-items: center;
}
.mt_purchase_path span {
padding: .5em;
background: rgba( 255,255,255,.7 );
border-bottom: 4px solid transparent;
}
.mt_purchase_path .inactive {
background: rgba( 0,0,0,.15 );
}
.mt_purchase_path .active {
background: rgba( 0,0,0,.1 );
border-bottom: 4px solid;
}
#x_card_code {
width: 4em;
}
.mt-admin-only {
background-color: rgba( 240,240,240,.8 );
font-style: italic;
}
.mt-emails, .mt-names {
display: flex;
flex-wrap: wrap;
align-items: top;
column-gap: 20px;
margin-bottom: 20px;
}
.mt-waiting-list-tickets label {
display: block;
}
.mt_submit {
margin-top: 20px;
}
.mt-emails input, .mt-names input {
width: 100%;
}
.mt_email_check {
display: block;
}
.mt_email_check span {
font-weight: 700;
padding: .33rem;
display: none;
}
.mt_email_check .dashicons, .mt_email_check .dashicons:before {
line-height: inherit;
}
.mt_email_check .ok {
color: #f2f2f2;
background: #217e21;
}
.mt-shipping-address label {
display: block;
}
.mt_email_check .notemail,
.mt_email_check .mismatch {
color: #f2f2f2;
background: #712121;
}
.mt-update-buttons {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
column-gap: 2px;
}
.mt-response-processing:after {
overflow: hidden;
display: inline-block;
vertical-align: bottom;
-webkit-animation: ellipsis steps(4,end) 900ms infinite;
animation: ellipsis steps(4,end) 900ms infinite;
content: "\2026"; width: 0px;
}
@keyframes ellipsis {
to {
width: 20px;
}
}
@-webkit-keyframes ellipsis {
to {
width: 20px;
}
}
input[name="mt_submit"]:disabled {
opacity: .5;
cursor: text;
}
.mt-payment-details {
display: none;
}
.mt-payments {
position: relative;
}
.mt-payment-details {
position:absolute;
left: 0;
width: 100%;
background: #fefefe;
color: #333;
padding: 2rem;
box-shadow: 3px 3px 3px #ccc;
}
.mt-payment-details .mt_cart_label {
text-align: left;
}
.mt-payments .mt-payment-details h3 {
font-size: 2rem;
margin: 1rem 0;
}
.mt-payments thead tr {
border-bottom-width: 4px;
}
.mt-payments.striped tr:nth-of-type(odd) {
background: rgba( 255, 255, 255, .1 );
}
@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  { .mt_cart table, .mt_cart thead, .mt_cart tbody, .mt_cart th, .mt_cart td, .mt_cart tr, .mt_cart caption {
display: block;
} .mt_cart thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.mt_cart tr { border: 1px solid #ccc; }
.mt_cart td, .mt_cart th {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 30% !important;
}
.mt_cart th:first-child {
padding-left: 30% !important;
}
.mt_cart td:before, .mt_cart th:before { position: absolute; top: 6px;
left: 6px;
width: 30%;
padding-right: 10px;
white-space: nowrap;
} .mt_cart th:nth-of-type(1):before { content: "Event"; }
.mt_cart td:nth-of-type(1):before { content: "Order"; }
.mt_cart td:nth-of-type(2):before { content: "Update"; }
}