.xoo-wl-opac , .xoo-wl-modal{
display: none;
}
.xoo-wl-opac{
position: fixed;
top: 0;
bottom: 0;
left: 0;
z-index: 99999;
right: 0;
background-color: black;
opacity: 0.6;
}
.xoo-wl-submit {
clear: both;
margin-top: 10px;
width: 80%;
background-color: #5CB85C;
padding: 8px;
color: white;
font-weight: bold;
border: 1px solid green;
display: table;
margin: 10px auto 0;
border-radius: 5px;
}
.xoo-wl-mhead{
display: table;
font-weight: bold;
font-size: 19px;
margin: 0 auto 10px;
font-size: 23px;
}
.xoo-wl-close{
display: inline-block;
position: absolute;
right: 0;
padding: 4px;
top: 0;
cursor: pointer;
color: red;
}
.xoo-wl-smodal{
display: none;
position: relative;
}
.xoo-wl-success{
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
margin: 20px;
}
.xoo-wl-error{
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
margin-top: 10px;
}
.xoo-wl-success , .xoo-wl-error{
padding: 10px;
border: 1px solid transparent;
border-radius: 4px;
display: block;
text-align: left;
}
.xoo-wl-smodal .xoo-wl-success , .xoo-wl-smodal .xoo-wl-error{
display: none;
margin: 0;
}
.xoo-wl-smain{
display: inline-block;
position: relative;
}
.xoo-wl-smain .xoo-wl-submit{
float: none;
}
.xoo-wl-form{
overflow: auto;
margin-top: 10px;
}
.xwl-emlab{
display: block;
font-weight: bold;
margin: 3px 0;
}
.xoo-wl-modal input{
display: block;
width: 100%;
border: 1px solid #ccc;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
padding: 6px 12px;
}
.xoo-wl-modal input:focus{
border-color: #66afe9;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
.xwl-qtlab{
display: block;
font-weight: bold;
margin: 9px 0 3px 0;
}
.xoo-wl-modal {
top: 0;
text-align: center;
bottom: 0;
left: 0;
right: 0;
position: fixed;
z-index: 10000000000;
overflow: auto;
}
.xoo-wl-modal:before {
content: '';
display: inline-block;
height: 100%; 
vertical-align: middle;
margin-right: -0.25em;
}
.xoo-wl-inmodal{
display: inline-block;
max-width: 550px;
border: #a0a0a0 solid 1px;
background: #fff;
position: relative;
vertical-align: middle;
width: 90%;
text-align: left;
box-shadow: 0 0 10px rgba(0,0,0,.4);
border-radius: 5px;
}
@-webkit-keyframes xoo-wl-key-fadein {
100% {opacity: 1;}
}
@keyframes xoo-wl-key-fadein {
100% {opacity: 1;}
}
@keyframes xoo-wl-key-slide {
100% {top: 0;}
}
@-webkit-keyframes xoo-wl-key-slide {
100% {top: 0;}
}
.xoo-wl-emsec{
display: block;
margin: 10px 0;
font-size: 11px;
font-style: italic;
}
.xoo-wl-main{
padding: 25px;
}
.xoo-wl-nlogin{
font-weight: bold;
font-size: 22px;
margin-bottom: 12px;
display: block;
text-align: center;
}
.xoo-wl-myacc{
display: table;
margin: 0 auto;
}
.xoo-wl-myacc a {
margin: 0 10px;
} @font-face {
font-family: 'xootix_waitlist';
src:  url(//pepperhead.com/wp-content/plugins/waitlist-woocommerce/assets/css/fonts/xootix_waitlist.eot?397s1m);
src:  url(//pepperhead.com/wp-content/plugins/waitlist-woocommerce/assets/css/fonts/xootix_waitlist.eot?397s1m#iefix) format('embedded-opentype'),
url(//pepperhead.com/wp-content/plugins/waitlist-woocommerce/assets/css/fonts/xootix_waitlist.ttf?397s1m) format('truetype'),
url(//pepperhead.com/wp-content/plugins/waitlist-woocommerce/assets/css/fonts/xootix_waitlist.woff?397s1m) format('woff'),
url(//pepperhead.com/wp-content/plugins/waitlist-woocommerce/assets/css/fonts/xootix_waitlist.svg?397s1m#xootix_waitlist) format('svg');
font-weight: normal;
font-style: normal;
}
.xoo-wl { font-family: 'xootix_waitlist' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.xoowl-spinner2:before {
content: "\e97b";
}
.xoowl-spinner9:before {
content: "\e982";
}
.xoowl-cross:before {
content: "\ea0f";
} .xoo-wl-preloader{
display: inline-block;
animation: xoo-wl-spin 575ms infinite linear;
-o-animation: xoo-wl-spin 575ms infinite linear;
-ms-animation: xoo-wl-spin 575ms infinite linear;
-webkit-animation: xoo-wl-spin 575ms infinite linear;
-moz-animation: xoo-wl-spin 575ms infinite linear;
}
@keyframes xoo-wl-spin {
100%{ transform: rotate(360deg); transform: rotate(360deg); }
}
.xoo-wl-plouter{
display: none;
position: absolute;
transform: translate(-50%,-50%);
top: 50%;
left: 50%;
font-size: 39px;
}
.xoo-wl-optive{
opacity: 0.5;
}