#popup_overlay {
/*background: none repeat scroll 0 0 #313131;*/
background: rgba(49, 49, 49, 0.8);
height: 100%;
left: 0;
/*opacity: 0.8;*/
position: fixed;
top: 0;
width: 100%;
z-index: 999999;
}
.pop_cont{
  position: absolute;
  top: 50%;
  width: 300px;
  background: #fff;
  text-align: center;
  border-radius: 5px;
  z-index: 100;
  left: 50%;
  margin-left: -150px;
  padding: 15px;
  box-sizing: border-box;
}
.pop_cont p{ padding-bottom: 15px;}

input.error {
background: url("../images/error-input.png") no-repeat scroll right center #fff !important;
border: 1px solid orange !important;
width: 409px;
padding-left: 18px;
}
.cvv_flash .error
{
  width: 172px !important;
  padding-left: 10px;
}
.cc_flash .error
{
  width: 184px;
  padding-left: 10px;
}
select.error {
background: url("../images/error-input.png") no-repeat scroll right center #fff !important;
border: 1px solid orange !important;
width: 429px;
padding-left: 18px;
}
input.valid{
background: url("../images/tick-input.png") no-repeat scroll right center #fff !important;
border: 1px solid green !important;
width: 409px;
padding-left: 18px;
}
.cvv_flash .valid
{
  width: 172px !important;
  padding-left: 10px;
}
.cc_flash .valid
{
  width: 184px;
  padding-left: 10px;
}
select.valid {
background: url("../images/tick-input.png") no-repeat scroll right center #fff !important;
border: 1px solid green !important;
width: 429px;
padding-left: 18px;
}
label.error{
    display: none !important;
}


#discountsection {
  background-color: red;
  border-bottom: 4px dashed white;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  height: 50px;
  line-height: 50px;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 9999;
  border-bottom: white dashed 4px;
}

#discountoffset {
  height: 22px;
  padding: 15px 0;
  position: relative;
  width: 100%;
}

#discountholder {
  display: none;
}

#popover {
  background: rgba(0, 0, 0, 0.61) none repeat scroll 0 0;
  background-size: cover;
  position: fixed;
  top: 0px;
  left: 0px;
  display: none;
  width: 100%;
  height: 100%;
  z-index: 100;
}

#pop-box {
  width: 765px;
  margin: 60px auto;
  background-color: #fff;
  font-size: 24px;
  text-align: center;
  position: relative;
  z-index: 2;
  top: 100px;
  opacity: 0;
  transition: opacity 1s, top 1s;
  transition-delay: .75s;
}

.pop-new {
  margin: 0 !important;
  width: 100% !important;
  height: 100%;
}
form input.error {
  border: 1px solid orange !important;
  background: url('../images/error-input.html') center right no-repeat #fff;
}
input.ws-success {
  border: 1px solid green !important;
  background: url('../images/tick-input.html') no-repeat center right #fff;
}
input.ws-success{
  border: 1px solid green !important;
  background: url('../images/tick-select.html') no-repeat center right #fff;
}
input.ws-invalid{
  border: 1px solid red !important;
  background: url('../images/tick-select.html') no-repeat center right #fff;
}
form select.error {
  border: 1px solid orange !important;
  background: url('../images/error-input.html') no-repeat center right #fff;
}
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="numeric"]:focus,
input[type="email"]:focus,
select:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}


form .cards li.master {
  background-position: -408px 0;
}
form .fields .input input.errors {
  border: 1px solid orange;
  background: url('../images/error-input.html') center right no-repeat #fff;
}
form .fields .input input.ws-success {
  border: 1px solid green;
  background: url('../images/tick-input.html') no-repeat center right #fff;
}
.ws-success input {
  border: 1px solid green;
  background: url('../images/tick-select.html') no-repeat center right #fff;
}


#discountsection {
  background-color: red;
  border-bottom: 4px dashed white;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  height: 50px;
  line-height: 50px;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 9999;
  border-bottom: white dashed 4px;
}
#discountoffset {
  height: 22px;
  padding: 15px 0;
  position: relative;
  width: 100%;
}
#discountholder {
  display: none;
}

#popover {
  background: rgba(0, 0, 0, 0.61) none repeat scroll 0 0;
  background-size: cover;
  position: fixed;
  top: 0px;
  left: 0px;
  display: none;
  width: 100%;
  height: 100%;
  z-index: 100;
}

#pop-box {
  width: 765px;
  margin: 60px auto;
  background-color: #fff;
  font-size: 24px;
  text-align: center;
  position: relative;
  z-index: 2;
  top: 100px;
  opacity: 0;
  transition: opacity 1s, top 1s;
  transition-delay: .75s;
}
.pop-new {
  margin: 0 !important;
  width: 100% !important;
  height: 100%;
}
form .fields .input input{ width: 185px; }

#signatureTypedInput {
  color: #145394;
  font: normal 50px "dafoe",Georgia,Times,serif;
  width: auto;
  line-height: 38px;
  padding-bottom: 0;
  display: block;
  text-align: center;
  word-wrap: break-word;
}
@font-face {
  font-family: 'dafoe';
  src: url('../resources/assets/dafoe.eot');
  src: url('../resources/assets/dafoe.eot') format('embedded-opentype'),
  url('../resources/assets/dafoe.woff') format('woff'),
  url('../resources/assets/dafoe.ttf') format('truetype'),
  url('../resources/assets/dafoe.svg#dafoe') format('svg');
}