.event-wait-list-form {
clear: both;
margin: 1.5em 0;
position: relative;
}
.event_wait_list-hidden-inputs {
border: 1px solid #dddddd;
top: -225px;
box-sizing: border-box;
box-shadow: 0 25px 10px -5px rgba(0, 0, 0, 0.5),
0 5px 25px 5px rgba(0, 0, 0, 0.1);
clear: both;
left: 0;
margin: 0 auto 1em;
opacity: 1;
padding: 20px 20px 10px;
position: absolute;
width: 100%;
max-width: 480px;
z-index: 9999;
animation: modal_drop 0.5s;
-moz-animation: modal_drop 0.5s; -webkit-animation: modal_drop 0.5s; -o-animation: modal_drop 0.5s; -ms-animation: modal_drop 0.5s; }
.event_wait_list-hidden-inputs label {
display: block;
margin: 1em 0 0;
}
.event_wait_list-hidden-inputs input[type="text"],
.event_wait_list-hidden-inputs select {
width: 99%;
}
.event_wait_list-hidden-inputs label.error {
color: #e53248;
font-weight: bold;
}
.event_wait_list-hidden-inputs input.error,
.event_wait_list-hidden-inputs select.error { box-shadow: 0 0 5px -1px #e53248;
}
.ee-wait-list-cancel-dv {
text-align: right;
}
.event-wait-list-form .ee-wait-list-cancel-lnk {
box-shadow: none;
cursor: pointer;
}
.ee-icon-color-ee-purple:before {
color: #8a549a;
} @media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 600px) and (min-width: 481px) {
}
@media only screen and (max-width: 540px) and (min-width: 480px) {
}
@media only screen and (max-width: 480px) {
}
@media only screen and (max-width: 320px) {
} @keyframes modal_drop {
from {
top: -600px;
opacity: 0;
}
to {
top: -225px;
opacity: 1;
}
} @-moz-keyframes modal_drop {
from {
top: -600px;
opacity: 0;
}
to {
top: -225px;
opacity: 1;
}
} @-webkit-keyframes modal_drop {
from {
top: -600px;
opacity: 0;
}
to {
top: -225px;
opacity: 1;
}
} @-o-keyframes modal_drop {
from {
top: -600px;
opacity: 0;
}
to {
top: -225px;
opacity: 1;
}
} @-ms-keyframes modal_drop {
from {
top: -600px;
opacity: 0;
}
to {
top: -225px;
opacity: 1;
}
}