/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
 .mwb_wgm_added_wrapper {
 	margin-bottom: 20px ;
 }
 .mwb_wgm_added_wrapper .mwb_wgm_section .mwb_wgc_label {
 	font-size: 14px;
 	font-weight: bold;
 	text-transform: uppercase;
 }
 #TB_window {
  left: 0 !important;
  margin: 0 auto !important;
  max-width: 600px !important;
  right: 0 !important;
  top: 10% !important;
  width: 95% !important;
  /*IOS issue(Mobile device)*/
  -webkit-overflow-scrolling: touch!important;
  z-index: 9999999;    
}
#TB_window iframe#TB_iframeContent {
  margin: 0 auto;
  max-width: 600px;
  width: 100% !important;
  height: 480px!important;
}


/*===================================
=            form-design            =
===================================*/

.mwb_form_wrap {

  max-width: 600px !important;
  background-color:#d7d7d7;
  padding: 35px 20px;

}
.mwb_wgm_redeem_fields {

  margin-bottom: 25px;

}
.mwb_wgm_redeem_fields label {

    max-width: 100px !important;
    width: 100%;
    display: inline-block;
    font-size: 15px;
    color: 
    #000 !important;

}

.mwb_form_wrap .mwb_wgm_redeem_fields input, 
.mwb_wgm_redeem_fields select {
  width: 100%;
  max-width: 75%;
  height: 35px !important;
  border: 0;
  color: #000000;

}

.mwb_wgm_redeem_fields.mwb_wgm_redeem_button {
  text-align: center;
}
#mwb_redeem_submit {
  max-width: 155px;
  width: 100%;
  background: #c10909;
  color:#fff;
  font-size: 17px;
  cursor: pointer;
  height: auto !important;
  padding: 10px;
}
#mwb_balance_check_button {
  max-width: 155px;
  width: 100%;
  background: #c10909;
  color:#fff;
  font-size: 17px;
  cursor: pointer;
  height: auto !important;
  padding: 10px;
}

.mwb_wgm_redeem_notice p {
    text-align: center;
    font-size: 18px;
    color: 
    red;
}

.mwb_wgm_balance_notice p {
    text-align: center;
    font-size: 18px;
    color: 
    red;
}
.mwb_form_wrap .mwb_wgm_redeem_fields input[type="number"] {
    width: 100% !important;
}

/*=====  End of form-design  ======*/




@media only screen and (max-width: 640px){
  #TB_window > iframe#TB_iframeContent {
    height: 400px !important;
  }
  /*IOS issue(Mobile device)*/
  #TB_window {
   height: 80vh;
   overflow-y: scroll;
 }
}
#mwb_wgm_from_name {
  width: 99%;
}
#mwb_wgm_to_download {
  width: 99%;
}
#mwb_wgm_to_email {
  width: 99%;
}
#mwb_wgm_message {
  width: 99%;
}
/* custom css for redeem iframe*/
.mwb_redeem_embed {
  width: 100%;
  height: 610px;
  display: block;
}
.mwb_wgm_error{
  border:1px solid red !important;
}

#mwb_wgm_redeem_loader{
  background-color: rgba(255, 255, 255, 0.6);
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;

}