/**
 * Pop-up styles start
 **/
 #wpsc_popup_background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 900000000000;
  background-color: #000;
  opacity: 0.8;
}

#wpsc_popup_container {
  position: fixed;
  top: 30px;
  left: 0;
  width: 100%;
  z-index: 900000000001;
}

#wpsc_popup {
  background-color: #fff;
  height: 100px;
  padding: 0 !important;
}

#wpsc_popup_title {
  background-color: #0473AA;
  color: #fff;
  padding: 15px !important;
}

#wpsc_popup_title h3 {
  font-size: 18px;
  margin: 0 !important;
}

#wpsc_popup_body {
  min-height: 100px;
  /* max-height: 300px; */
  max-height: 80vh;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
  padding: 15px !important;
}

#wpsc_popup_footer {
  background-color: #F6F6F6;
  padding: 15px !important;
}

#wpsc_popup_footer button {
  width: 120px;
  height: 40px;
  border-radius: 0;
  margin-right: 10px;
}

.wpsc_popup_close {
  background-color: #AFAFAF;
  color: #fff !important;
}

.wpsc_popup_action {
  background-color: #0473AA;
  color: #fff !important;
}

/** Joe CSS **/

/* .name_736,
.name_737,
.name_738,
.name_739,
.name_742,
.hide-cus740,
.hide-cus739,
.hide-cus738,
.hide-cus737{
    display:none !important;
} 
#wpsc_popup_body .wpsc_form_field.field_621,
#wpsc_popup_body .wpsc_form_field.field_620{display:none;}
*/
#share-staff,
#additioncomment {
  resize: none;
}

#share-staff,
#additioncomment,
label[for=additional-comments-and-suggestions],
label[for=please-share-with-us-your-experience-and-include-the-name-of-the-service-staff] {
  width: 100% !important;
}

#frm_get_ticket_fields #thank-you-for-your-patronage-we-value-your-feedback-and-hope-you-will-take-a-few-moments-to-share-your-thoughts-with-us,
#thank-you-for-your-patronage-we-value-your-feedback-and-hope-you-will-take-a-few-moments-to-share-your-thoughts-with-us,
#frm_get_ticket_fields .experience-with-service-staff,
#frm_get_ticket_fields .other-areas-of-experience {
  display: none;
}


input.wpsc_radio_btn {
  position: relative;
}

#wpsc_frm_create_ticket .would-you-like-to-be-contacted-on-your-feedback input.wpsc_radio_btn[value=Yes]::before,
#wpsc_frm_create_ticket .would-you-like-to-be-contacted-on-your-feedback input.wpsc_radio_btn[value=No]::before {
  position: absolute;
  right: -25px;
  top: -1px;
  width: 20px;
}

#wpsc_frm_create_ticket .would-you-like-to-be-contacted-on-your-feedback input.wpsc_radio_btn[value=Yes]::before {
  content: "Yes";
}

#wpsc_frm_create_ticket .would-you-like-to-be-contacted-on-your-feedback input.wpsc_radio_btn[value=No]::before {
  content: "No";
}

#wpsc_frm_create_ticket .would-you-like-to-be-contacted-on-your-feedback input.wpsc_radio_btn[type=radio]:checked::after {
  left: 3px;
  top: -2px;
}

#wpsc_frm_create_ticket .experience-with-service-staff label,
#wpsc_frm_create_ticket .other-areas-of-experience label {
  position: relative;
  font-weight: bold;
  color: #000;
}

#wpsc_frm_create_ticket .experience-with-service-staff label::after,
#wpsc_frm_create_ticket .other-areas-of-experience label::after {
  position: absolute;
  bottom: -14px;
  left: 0;
  font-size: 11px;
  font-style: italic;
  font-weight: 100;
}

#wpsc_frm_create_ticket .experience-with-service-staff label::after {
  content: "(Please tick where appropriate)";
}

#wpsc_frm_create_ticket .other-areas-of-experience label::after {
  content: "(Please tick where appropriate)";
}


#wpsc_frm_create_ticket input.wpsc_radio_btn[type=radio]:focus,
#wpsc_frm_create_ticket input.wpsc_radio_btn[type=radio]:visited {
  outline: none;
  border: 1px solid #333;
  width: 16px;
  height: 16px;
}

#wpsc_frm_create_ticket input.wpsc_radio_btn[type=radio] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  appearance: none;
  background: white;
  outline: 1px solid #333;
  border: 1px solid white;
  width: 16px;
  height: 16px;
}

#wpsc_frm_create_ticket input.wpsc_radio_btn[type=radio]:checked:after {
  content: "L";
  position: absolute;
  -ms-transform: scaleX(-1) rotate(-35deg);
  -webkit-transform: scaleX(-1) rotate(-35deg);
  transform: scaleX(-1) rotate(-35deg);
  left: 3px;
  top: -2px;
  color: green;
  font-weight: bold;
}

#wpsc_frm_create_ticket .experience-with-service-staff {
  margin-top: 25px !important;
}

.pad-0 {
  padding: 0 !important;
}

#wpsc_frm_create_ticket div[data-fieldtype="textarea"],
#wpsc_frm_create_ticket div[data-fieldtype="radio"] {
  z-index: 1
}

/* label[for=please-share-with-us-your-experience-and-include-the-name-of-the-service-staff]::before, */
label[title=customer_name]::before,
label[title=contact-number]::before,
label[title=customer_email]::before {
  content: "*";
  position: absolute;
  color: #000
}

@media(min-width:767px) {
  /*div[for=customer_email]{margin-right:17px;}*/
  div[for=customer_email],
  div[for=contact-number]{
    width:48%;
    float:left;
  }
  div[for=customer_email]{
    margin-left:4%;
   /* margin-right:2%;*/
  }
  /* .alert-text, */
  label[for=customer_name],
  label[for=contact-number],
  label[for=customer_email],
  label[for=please-share-with-us-your-experience-and-include-the-name-of-the-service-staff] {
    position: relative
  }

  label[for=customer_name]::before {
    left: 36px;
  }

  label[for=contact-number]::before {
    left: 95px;
  }

  label[for=customer_email]::before {
    left: 83px;
  }

  label[for=please-share-with-us-your-experience-and-include-the-name-of-the-service-staff]::before {
    left: 513px;
  }

  label.choose-one-class-new::after {
    content: "*";
    position: absolute;
    top: 0;
    left: 72px;
  }

  .all-mandatory::after {
    content: "*";
    position: absolute;
    top: 0;
    left: 82px;
  }
}

.alert-text {
  position: relative;
  margin-bottom:12px
}

.alert-text::before {
  content: "All fields are mandatory";
  position: absolute;
  top: -15px;
  left: 0;
  font-size: 13px;
  color: #4a4a4a;
}
@media(max-width:560px) {
  .experience-with-service-staff div.col-sm-2.pad-0,
  .other-areas-of-experience div.col-sm-2.pad-0 {
    display: none !important; 
  }
  label.choose-one-class-new::after {
    content: "*";
    position: absolute;
    top: 0;
    left: 82px;
  }

  .all-mandatory::after {
    content: "*";
    position: absolute;
    top: 0;
    left: 96px;
  }

  #wpsc_frm_create_ticket input.wpsc_radio_btn[type=radio] {
    margin-left: 20px;
  }

  label[for=please-share-with-us-your-experience-and-include-the-name-of-the-service-staff]::before {
    left: 240px;
    top: 20px;
  }

  label[for=customer_name]::before {
    left: 53px;
  }

  label[for=contact-number]::before {
    left: 119px;
  }

  label[for=customer_email]::before {
    left: 107px;
  }

  .staff-was-well-groomed,
  .staff-provided-accurate-information,
  .my-overall-experience-was-positive,
  .variety-of-retail-outlets,
  .variety-of-fb-outlets,
  .building-cleanliness,
  .toilet-facilities,
  .carpark-facilities,
  .accessibility-and-universal-design,
  .family-friendly-facilities,
  .eco-facilities,
  .event-and-promotions,
  .staff-was-courteous-and-friendly,
  .events-and-promotions {
    position: relative;
    width: 100%;
  }

  .staff-was-well-groomed label,
  .staff-provided-accurate-information label,
  .my-overall-experience-was-positive label,
  .variety-of-retail-outlets label,
  .variety-of-fb-outlets label,
  .building-cleanliness label,
  .toilet-facilities label,
  .carpark-facilities label,
  .accessibility-and-universal-design label,
  .family-friendly-facilities label,
  .eco-facilities label,
  .event-and-promotions label,
  .staff-was-courteous-and-friendly label,
  .events-and-promotions label {
    color: #000
  }

  .staff-was-well-groomed::before,
  .staff-provided-accurate-information::before,
  .my-overall-experience-was-positive::before,
  .variety-of-retail-outlets::before,
  .variety-of-fb-outlets::before,
  .building-cleanliness::before,
  .toilet-facilities::before,
  .carpark-facilities::before,
  .accessibility-and-universal-design::before,
  .family-friendly-facilities::before,
  .eco-facilities::before,
  .event-and-promotions::before,
  .staff-was-courteous-and-friendly::before,
  .events-and-promotions::before {
    content: attr(value);
    position: absolute;
    left: 0;
    top: 0;
    font-weight: bold;
  }

  .would-you-like-to-be-contacted-on-your-feedback .col-sm-2.pad-0:nth-child(2) {
    float: left;
    left: 55px;
    padding-right: 25px !important;
  }

  .would-you-like-to-be-contacted-on-your-feedback .col-sm-2.pad-0:nth-child(3) {
    float: right;
    right: 55px;
    padding-left: 25px !important;
  }

  .would-you-like-to-be-contacted-on-your-feedback .col-sm-2.pad-0 {
    width: 100px;
  }

  #wpsc_frm_create_ticket .would-you-like-to-be-contacted-on-your-feedback input.wpsc_radio_btn[value=No]::before,
  #wpsc_frm_create_ticket .would-you-like-to-be-contacted-on-your-feedback input.wpsc_radio_btn[value=Yes]::before {
    left: -30px !important;
  }
}

p.thank-you-for-your-patronage-we-value-your-feedback-and-hope-you-will-take-a-few-moments-to-share-your-thoughts-with-us,
div[value=None],
#check-form {
  display: none;
}

#additional-comments-and-suggestions,
#please-share-with-us-your-experience-and-include-the-name-of-the-service-staff {
  resize: none;
}

.choose-one,
.customer-feedback-form {
  z-index: 99999;
  padding: 0 !important;
}

.choose-one .contact_row_input.choose-one,
.customer-feedback-form .contact_row_input.customer-feedback-form {
  max-width: 550px;
  width: 100%;
}

.show-mess {
  display: block !important;
}

.bootstrap-iso .text-danger {
  color: #fc1421 !important;
}

/*#create_ticket_body {
  margin-top: 25px;
}*/

.all-mandatory::before {
  content: "*Mandatory fields";
  position: absolute;
  top: -25px;
  left: 0;
}

label[for="would-you-like-to-be-contacted-on-your-feedback"],
label[for="ticket_category"],
label[for=choose-one] {
  position: relative
}

span.all-mandatory:not(:first-child) {
  display: none !important;
}

.please {
  color: #fc1421;
}

.hide-all,
.hide-label::after,
.hide-please {
  display: none !important;
}

.confirm-text {
  margin-top:0 !important;
  padding-left: 16px;
}

/** CSS For only Quayisdle **/
.contact-us .wpsc_ct_field_label {
  width: 100%;
}
.contact-us #customer_email{width:100%}
/* .consent-form.quayside {
  width: 100%;
  max-width: 765px !important;
} */
.tnc.last.thank-you-for-your-patronage-we-value-your-feedback-and-hope-you-will-take-a-few-moments-to-share-your-thoughts-with-us,
.qubely-block-97c5ba{display:none}
/*@media(min-width:768px) and (max-width:900px){
  div[for=customer_email], div[for=contact-number]{width:48%;}
  div[for=customer_email]{float: right;margin-right: 0;}
}*/
@media(min-width:768px) and (max-width:1278px){
  .all-mandatory::after{
    left:94px;
  }
  label.choose-one-class-new::after{
    left:82px;
  }
  label[for=customer_name]::before{left:41px;}
  label[for=contact-number]::before{left:108px;}
  label[for=customer_email]::before{left:96px;}
}
/*@media(min-width:700px){

  div.wpsc_form_field.field_17{
    width:30%;
    float:left;
  }
  div[for=ticket_subject]{
    width:68%;
    margin-left:2%;
  }
}  */
@media(min-width:769px){

  div.wpsc_form_field.field_17{
    width:30%;
    float:left;
  }
  div[for=ticket_subject]{
    width:100%;
    margin-left:0;
  }
}  
/*.qubely-block-text p,
.qubely-block-text p span.qubely-text-has-color{display:none !important;}*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

@media (min-width:768px) and (max-width:820px) {
  .col-sm-2{
    flex:0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-4{
    flex: 0 0 33.33333%;
    max-width:33.33333%;
  }
  .wpsc_form_field .row{
    display: flex;
  }
}