#form__gray-bg form {
    margin: 0 auto;
    padding-bottom: 2rem;
    max-width: 90%;
    background: #F3F4F6;
    font-size: 15px;
    color: #1f2937;
}

#form__gray-bg .form-item,
#form__gray-bg .js-form-item {
	max-width:100%;
}

#form__gray-bg p a,
#form__gray-bg li a {
	word-break: break-all;
}

#form__gray-bg #edit-event-information,
#form__gray-bg #edit-terms-conditions--wrapper,
#form__gray-bg #edit-privacy-policy-text,
#form__gray-bg #edit-privacy-policy-text + .form-item-contact-option,
#form__gray-bg #edit-confidential-notice,
#form__gray-bg #edit-event-terms-conditions-2--wrapper,
#form__gray-bg #edit-product-statement {
	padding-left: 20px;
	padding-right: 20px;
}

#edit-top-information p {
	margin: 0;
}
form label {
    color: #656262;
}

.registration--login-container--inner em {
	font-family: "Open Sans Italic", sans-serif;
}

form .form-item--error-message {
  margin-left: 46px;
}
.asterix {
   color:red !important; 
}
form .fieldset-wrapper .form-item label {
    width: max-content;
    word-break: break-all;
}
.product-icons,
ul.thumbnails.image_picker_selector {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    text-align: center;
    width: 90%;
    grid-gap: 20px;
    margin: 0 auto;
    height: 100%;
}
.product-icons .product-icon,
ul.thumbnails.image_picker_selector .thumbnail {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 15px 20px 5px 20px;
  border: 1px solid #DDD;
  background: #f8f8f8;
  height: 100%;
}

.product-icons .product-icon { 
	background: radial-gradient(circle, rgba(255,255,255,1) 22%, rgb(250 250 250) 100%);
}
ul.thumbnails.image_picker_selector li {
	margin: 0;
}
.product-icons .product-icon p,
ul.thumbnails.image_picker_selector p {
    line-height: 1.3;
    font-size: 14px;
    margin: 10px 0;
    color: #819caa;
}
.product-icons .product-icon img,
ul.thumbnails.image_picker_selector img {
  margin: 0 auto;
  max-height: 185px;
  width: auto;
}
form.webform-submission-form .form-item input,
form.webform-submission-form .form-item label,
form.webform-submission-form .form-item select,
form .form-item .description {
  width: 90%;
  margin: 0 auto;
  display: block;
}

form.webform-submission-form #edit-processed-text-01 {
	    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}

form.webform-submission-form .form-item select {
	cursor: pointer;
}
.product-icons .product-icon.checked {
    background: radial-gradient(circle, rgba(255,255,255,1) 22%, rgb(255 241 196) 100%);
    outline: none;
}
.product-icons .product-icon.checked p {
	color: #819caa;
}
ul.thumbnails.image_picker_selector li .thumbnail.selected p {
	color: #fff;
}
.product-icons .product-icon.disabled {
	cursor: default;
}
.product-icons .product-icon.disabled:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(221, 221, 221, 0.4);
}
.product-icons .product-icon:focus,
.product-icons .product-icon.checked:focus {
      outline: none;
}

#edit-products {
	  height: 0;
    overflow: hidden;
}
h2 {

    padding: 10px;
    margin: 20px;
    color: #656262;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
}

.form-item .thumbnail p {
    margin-bottom: 0;
    margin: 0;
}

form .js-form-type-checkbox {
    flex-direction: column;
    display: inline-block;
    min-width: 140px;
}

#edit-already-used-formula {
    width: calc(90% + 40px);
    margin: 0 auto;
    padding: 0;
}    
#edit-event-terms-and-conditions label {
  width: 100%;
  max-width: 100%;
}
#edit-event-terms-and-conditions label.option {
    width: auto;
    line-height: 1.5;
}
p:empty {
  display: none;
}
form.webform-submission-form .form-submit {
    min-width: 100px;
    font-weight: 600;
    font-size: 130%;
    background: #d73333;
    border-color:#d73333;
    color: #ffffff;
    margin-left: auto;
    margin-right: auto;
}
.captcha {
    padding: 0 20px;
}	

@media all and (max-width: 768px) {
  .pos-content-area {
    padding: 0 20px;
    padding: 0;
  }
	#form__gray-bg form {
    max-width: 100%;
  }
  form .form-item--error-message {
	  margin-left: 22px;
	}
  ul.thumbnails.image_picker_selector,
  .product-icons{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    text-align: center;
    width: 90%;
    grid-gap: 10px;
    margin: 0 auto;
    height: 100%;
  }

}
@media all and (max-width: 410px) {
  form .fieldset-wrapper .form-item label {
    width: max-content;
    word-break: break-all;
  }
}

#edit-terms-conditions label.option {
    min-width: 410px;
}
#edit-event-terms-conditions-2 label.option {
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-top: 0!important;
    margin-top: 0 !important;
}

input[id^="edit-verify-your-phone-submit"] {
	width: auto !important;
}

fieldset {
	border: none;
	padding: 0;
}

fieldset.product-sample-select legend {
	color: #656262;
}

form.webform-submission-form .form-item.form-item-imf-brand-choose {
	display: flex;
  flex-wrap: wrap;
  width: 90%;
  margin: 0 auto 1.25rem auto;
  align-items: baseline;
}

form.webform-submission-form .form-item.form-item-imf-brand-choose label {
	width: calc(100%  - 1.5rem);
  margin: 0 0 0 0.5rem;
}


form.webform-submission-form .form-item.form-item-imf-brand-choose input {
	  width: auto;
    margin: 0;
}


form.webform-submission-form .form-item.form-item-imf-brand-choose .description {
	  width: 100%;
    margin: 0.5rem 0 0 0;
}

form #edit-month-year-birth .fieldset-wrapper,
form #edit-region-district--wrapper .fieldset-wrapper {
	    display: flex;
    margin: 0 auto;
    width: 90%;
    justify-content: space-between;
}

form #edit-month-year-birth .fieldset-wrapper .form-item,
form #edit-region-district--wrapper .fieldset-wrapper .form-item,
form #edit-region-district--wrapper .fieldset-wrapper #location-dependent-district {
	flex-basis: 47%;
	width: 47%;
}

form #edit-region-district--wrapper .fieldset-wrapper #location-dependent-district .form-item {
	width: 100%;
	flex-basis: 100%;
}

form #edit-month-year-birth .fieldset-wrapper label,
form #edit-month-year-birth .fieldset-wrapper select,
form #edit-region-district--wrapper .fieldset-wrapper label,
form #edit-region-district--wrapper .fieldset-wrapper select {
	width: 100%;
}

#edit-processed-text {
	text-align: center;
}
fieldset legend {
	width: 90%;
  margin: 0 auto;
  color: #000;
}
#edit-asterix-information {
	color: red;
}

form.webform-submission-form .form-submit:disabled {
	background: #b5b5b5;
	cursor: default;
}
.sold-out-overlay {
	  position: absolute;
    text-transform: uppercase;
    padding: 1.5rem 1rem;
    width: 100%;
    left: 0;
    font-weight: bold;
    background-color: rgb(255 255 255 / 90%);
    line-height: 1;
    color: #0039b3;
    top: calc((100% - 63px)/2);
    z-index: 1;
}

	#edit-imf-brand>.form-item:first-child {
		width: 90%;
		margin: 0 auto;
	}
	
	#edit-imf-brand>.form-item:first-child p {
		width: fit-content;
	}


#edit-imf-brand>.form-item:first-child p:after {
		content: "*";
		color: red;
	}

@media all and (min-width: 768px) {
	
	#edit-imf-brand {
		    display: flex;
    flex-wrap: wrap;
    width: 90%;
    margin: 0 auto;
    align-items: flex-end;
	}
	
	#edit-imf-brand>.form-item:first-child {
		width: 100%;
	}

	.form-item-other-imf-brand {
		    width: 40%;
    margin-bottom: 1.6rem;
	}
	form.webform-submission-form .form-item.form-item-imf-brand-choose {
		width: 100%;
	}
}

.webform-submission-form label,
.form-item-caption, .form-item .description {
	color:#1f2937;
}

#edit-event-information ol {
	list-style: decimal;
  padding: revert;
}