.wc_sc_download_product {
  /* background-color: #2662b1 !important; */
  border: none !important;
  /* color: white !important; */
  padding: 15px 32px  !important;
  text-align: center !important;
  text-decoration: none !important;
  display: inline-block !important;
  font-size: 16px !important;
  margin: 4px 2px !important;
  cursor: pointer !important;
}

/* Button used to open the contact form - fixed at the bottom of the page */

/* The popup form - hidden by default */
#myForm {
  font-family: inherit;
  display: none ;
  position: relative !important;
  bottom: 0 !important;
  right: 15px !important;
  border: 3px solid #f1f1f1 !important;
  z-index: 9999 !important;
  /* font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif !important; */
}
.form-container.af-wcsc-send-pdf-email label{
  font-size: 13px;
  line-height: 24px;
  font-weight: 600;
  color: #000;
  margin-bottom: 6px;
  display: block;
}
.af-wssc-container input{
  background: #fff;
    box-shadow: none;
    border: 1px solid #d3d3d363 !important;
    font-size: 14px !important;
    line-height: 24px;
    margin-bottom: 13px !important;
    height: 48px !important;
}

.af-wssc-container {
  padding: 11px 26px 26px !important;
}
/* Add styles to the form container */
.form-container {
  width: auto !important;
  left:40% !important;
  top:50% !important;
  left: 50% !important;
  margin-bottom: 0!important;
  transform: translate(-50%,-50%) !important;
  background-color: rgb(255, 255, 255)   !important;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed !important;
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 8%), 0 6px 20px 0 rgb(0 0 0 / 8%) !important;
  border-radius: 5% !important;
}
#email_logo_img {
  line-height: 10px  !important;
  width: 105px !important;
  padding: 5px !important;
  /* animation: shake 0.5s infinite; */
}
.img_div_email_logo{
  border-radius: 50% !important;
  background-color: white !important;
  width: 90px !important;
  height: 90px !important;
  margin: 10px auto !important;
  margin-top: 30px !important;
  border: 1px solid lightgray;
  padding: 9px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wcsc_email{
  width: 300px !important;
  height: 50px !important;
  border: none !important;
  margin-bottom: 10px !important;
  font-size: 20px !important;

}
.wcsc_textarea{
  border: none !important;
  width: 300px !important;
  background-color: white !important;
  font-size: 14px !important;
  line-height: 24px;
  box-shadow: none;
  border: 1px solid #d3d3d363 !important;
  font-family: inherit;
}
.wc_sc_email_send {
  width: 48% !important;
  font-size: 12px !important;
  /* background-color: #2662b1 !important;
  color: white !important;
  border: none !important;
  height: auto!important;
  line-height: 14px;
  border-radius: 5px !important;
  max-width: 100% !important;*/
  /* padding: 9px !important;
  text-align: center !important;  */

}
.wcsc_send_cancel_btn .wc_sc_email_send{
  /* font-size: 12px !important;
  line-height: 17px!important;
  height: auto!important;
  margin-bottom: 0!important; */
}
/* .wc_sc_email_send_cancel {
  background-color:white !important;
  color:  #2662b1 !important;
  border: 1px  #2662b1 solid !important;
  margin-left: 10px !important;

} */
.wc_sc_email_send_cancel{
  background-color: white !important;
  color: black !important;
  border: 1px solid black !important;
}
.wcsc_send_cancel_btn {
  margin: 25px auto 0;
  text-align: center;
}
.alert {
  padding: 20px !important;
  background-color: #04AA6D !important;
  color: white !important;
  opacity: 1 !important;
  transition: opacity 0.6s !important;
  margin-bottom: 15px !important;

}
.error {
  padding: 20px !important;
  background-color: #db3434 !important;
  color: white !important;
  opacity: 1 !important;
  transition: opacity 0.6s !important;
  margin-bottom: 15px !important;
}

/* .wp-block-group.woocommerce.product{
  width: 100%;
  max-width: 1340px;
  margin: 0 auto;

} */

/* loading .......
 */

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}