/**
 * 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 .a-experience-with-service-staff,
#frm_get_ticket_fields .b-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 .a-experience-with-service-staff label,
#wpsc_frm_create_ticket .b-other-areas-of-experience label {
  position: relative;
}

#wpsc_frm_create_ticket .a-experience-with-service-staff label::after,
#wpsc_frm_create_ticket .b-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 .a-experience-with-service-staff label::after {
  content: "(Please tick where appropriate)";
}

#wpsc_frm_create_ticket .b-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 .a-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){
  /* .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: 40px;
  }
  label[for=contact-number]::before{
    left: 108px;
  }
  label[for=customer_email]::before{
    left: 92px;
  }
  label[for=please-share-with-us-your-experience-and-include-the-name-of-the-service-staff]::before {
    left: 513px;
  }
}
.alert-text{position:relative}
.alert-text::before{
  content:"All fields are mandatory";
  /*position:absolute;
  top:-20px;*/
  left:0;
  color:#000;
}
@media only screen and (max-width:767px){
  .contact_row input#contact_name, .contact_row input#contact_number, .contact_row input#customer_name, .contact_row input#contact-number{
    max-width: 100% !important;
  }
}
@media(max-width:560px){
  #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: 40px;
  }
  label[for=contact-number]::before{
    left: 108px;
  }
  label[for=customer_email]::before{
    left: 92px;
  }
  .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::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;
  }
  .a-experience-with-service-staff div.col-sm-2.pad-0,
  .b-other-areas-of-experience div.col-sm-2.pad-0{
    display:none;
  }
  .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}
label.choose-one-class-new::after{
    content: "*";
    position: absolute;
    top: 0;
    left: 77px;
}
.all-mandatory::after{
    content: "*";
    position: absolute;
    top: 0;
    left: 90px;
}
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:20px !important;padding-left:16px;}
.contact_row textarea#ticket_description{margin-bottom: 0;}
#alert.alert-text{padding-bottom: 25px;}
/* 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){
  .choose-one .contact_row_input.choose-one{
    width:75%;
  }
  div[for=please-share-with-us-your-experience-and-include-the-name-of-the-service-staff] .contact_row_input,
  div[for=additional-comments-and-suggestions] .contact_row_input{
    width:100%;
  }
}