/**
 * 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;
}
/*#wpsc_ticket_fields_widget #wpsc_individual_change_ticket_fields,
#wpsc_frm_create_ticket #additional-comments-and-suggestions{display: none !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
}
.alert-text::before {
  content: "All fields are mandatory";
  top: -25px;
  position: absolute;
  left: 0;
  color: #000;
}

.all-mandatory::before {
  content: "*Mandatory fields";
  position: absolute;
  top: -25px;
  font-size: 13px;
  font-weight: normal;
  color: #5c5c5c;
}


/** CSS add only for Palais **/
.container #wpsc_tickets_container label{display: none;}

.create_ticket_frm_submit{justify-content: right;}
#wpsc_frm_create_ticket label {
  font-size: 13px;
  font-weight: normal;
  color: #5c5c5c;
}
.contact_row{padding:0 15px 0 0 !important;}
.tnc.last{
  font-size: 13px !important;
  color:#5c5c5c;
}
.required_symbol{color:transparent;}
.hide-please{display:none !important;}
.please {
  color: #fc1421;
}
#ticket_category option[value="3"] {display: none;}
.visible .lb-show{display: block !important;}
.entry-title,.custom-new-text{
  font-family: "Montserrat Light", sans-serif;
  font-size: 15px;
  margin-left: 15px !important;
}
#contact-number{padding-left: 0;}

#alert.alert-text{
  position: relative;
}

/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

@media(max-width:500px){
  .b-other-areas-of-experience > div.col-sm-2,.a-experience-with-service-staff > div.col-sm-2{display: none;}
  .tnc-container{text-align: left !important;}
  .radio-btn:not(.would-you-like-to-be-contacted-on-your-feedback):before{
    content:attr(value);
    position: absolute;
    left: 0;
  }
  .would-you-like-to-be-contacted-on-your-feedback .col-sm-2.pad-0{width: 50%;}

}
/*#wpsc_frm_create_ticket div[title=ticket_category],
#wpsc_frm_create_ticket div[title=ticket_subject]{order:11}
#wpsc_frm_create_ticket div[title=ticket_description]{order:12}*/
/*#wpsc_frm_create_ticket #please-share-with-us-your-experience-and-include-the-name-of-the-service-staff{display: none !important;}*/
@media(min-width:768px) and (max-width:991px){
  div[title=ticket_category],div[title=ticket_subject]{
    width:50% !important;
    max-width: 50% !important;
    flex: 0 0 50%;
  }
}

#wpsc_frm_create_ticket ::placeholder{
  color:#444 !important;
}
#create_ticket_body .error,#create_ticket_body .please{
  color: #ff0000 !important;
  font-family: Roboto,helvetica,arial,sans-serif;
}