.error-contact {
  color:#9e0429;
  margin-top: -10px;
}

#popup1 {
  display: none;
}
.thank-you_popup {
  opacity: 0;
}
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: visible;
  opacity: 1;
  z-index: 999;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}
input.close-pop.action_button{
  background: #7c7c7c;
  border: 1px solid #7c7c7c;
}
.thank-you_popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border: 1px solid #000000;
  width: 48.8%;
  top: 126px;
  position: relative;
  transition: all .8s ease-in-out;text-align: center;
}
.thank-you_popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;margin-bottom: 0;
}
.thank-you_popup .close {color: #000;font-size: 42px;position: absolute;right: 14px;text-decoration: none;top: 14px;transition: all 200ms ease 0s;}
.thank-you_popup .close:hover {color: #000;}
.thank-you_popup .content {max-height: 30%;  overflow: auto;margin-bottom: 32px;}
@media screen and (max-width: 700px)
{

  .thank-you_popup{    width: 70%;  }
}
@media screen and (max-width:768px) {

  .wholesale_inquiry_page{width:100%;}

}
.thank-you_popup_header {
  margin-top: 20px;
  font-weight: bold;
  font-family: SaturdayScript, script;
  font-size: 60px;
  line-height: 1.5;
  color: #40a2af;
}
.thank-you_popup_content {
  font-family: 'quasimoda', 'helvetica neue', sans-serif;
  font-size: 16px;
  color: #2a2b2c;
}
//==============================================
//contact us page styles -added by sean
//==============================================
.error-contact.error-pedding-contact{
	color: $ve_pink;
	font-style: italic;
}
.ve-custom-file-upload {
	border: 1px solid #ccc;
	color: #2a2b2c;
	font-size: 16px;
	display: inline-block;
	border-radius: 5px;;
    padding: 6px 12px;
	cursor: pointer;
	transition: color .35s linear, border .4s linear;
}
.ve-custom-file-upload.active{
	color: #40a2af;
	border: 1px solid #40a2af;
}
input#contactFormFiles{
	display:none;
}
.ve-file-upload--wrap{
  display: inline-flex;
  align-items: baseline;
  width: 100%;
}
.file-name-output{
  margin-left: 10px;
  width: 60%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ve-contact-btn--wrap{
	margin: 20px 0;
  justify-content: center;
}

.ve-contact-btn--wrap 	input.action_button.ve-aqua-btn{
  min-width: 270px;
}
// progress[value], progress {
// 	background-image:
// 	-webkit-linear-gradient(-45deg,
// 							transparent 33%, rgba(0, 0, 0, .1) 33%,
// 							rgba(0,0, 0, .1) 66%, transparent 66%),
// 	-webkit-linear-gradient(top,
// 							rgba(255, 255, 255, .25),
// 							rgba(0, 0, 0, .25)),
// 	-webkit-linear-gradient(left,#069aad, #3ec8db);

//  border-radius: 2px;
//  background-size: 35px 20px, 100% 100%, 100% 100%;
// 	height: 25px;
// }
progress::-webkit-progress-bar {
  background: #F3F5F7;
}
progress::-webkit-progress-value {
  // background-image:
	// -webkit-linear-gradient(-45deg,
	// 						transparent 33%, rgba(0, 0, 0, .1) 33%,
	// 						rgba(0,0, 0, .1) 66%, transparent 66%),
	// -webkit-linear-gradient(top,
	// 						rgba(255, 255, 255, .25),
	// 						rgba(0, 0, 0, .25)),
	// -webkit-linear-gradient(left,#069aad, #3ec8db);
 background-image: linear-gradient(to left, #52d1e2, #40a2af);

 border-radius: 2px;
//  background-size: 35px 20px, 100% 100%, 100% 100%;
 background-size: 100% 100%;
 height: 15px;

}
.ve-contact-progressbar{
  background: #ccc;
  height: 15px;
  border-radius: 2px; width: 100%;
}
label[for="uploadProgressIndicator"]{
  text-align: center;
  text-transform: lowercase;
}
span#uploadProgressIndicatorDisplay{
  font-size: 15.5px;
}
@media(max-width: 500px){
  .thank-you_popup{
    width:80%;
  }
}
@media(max-width: 420px){
  .file-name-output{
    width: 55%;
  }
  .thank-you_popup{
    width:85%;
  }
}
@media(max-width: 400px){
  .file-name-output{
    width: 52%;
    max-width: 45vw;
  }
  .thank-you_popup{
    width:90%;
  }
}
@media(max-width: 360px){
  .file-name-output{
    max-width: 40vw;
  }
  .thank-you_popup{
    width:95%;
  }

}
@media(max-width: 330px){
  .ve-custom-file-upload{
    font-size: 13.5px
  }
  .file-name-output{
    max-width: 45vw;
    font-size: 13.5px;
  }
  label[for="question"]{
    font-size: 15.5px;
  }
}

.div_note {
  display: none;
  text-align: center;
  color: #0000aa;
}
#contactFormSubmit.noclick {
  opacity: .3;
}