/* Drupal Override (checkout drupal top nav) - 115564 -------------------------*/ body#samples #header .top-left, body#samples #header .top-right, body#registration .checkout-page #header .top-left, body#registration .checkout-page #header .top-right, body#shipping #header .top-left, body#shipping #header .top-right, body#review #header .top-left, body#review #header .top-right, body#billing #header .top-left, body#billing #header .top-right { display: none; } #registration-wrapper .demographic label {display: block;} body#samples #navigation .block, body#registration .checkout-page #navigation .block, body#shipping #navigation .block, body#billing #navigation .block, body#review #navigation .block { visibility: hidden; } /* * Placeholders functionality is turned on - hide labels, * then override for exceptions (supports IE8 where :not() * is not supported) * */ .adpl .img_mail, .adpl label { display: none; } .adpl div.checkbox label, .adpl div.ship_group_0 label, .adpl div.ship_group_1 label { display: inline; } .adpl div.radio label, .adpl div.ship-method-group-label label, .adpl div.sms-wrapper label, .adpl div.sms-promo-wrapper label { display: block; } /** * CSS styles for js client-side validation of perlgem forms * */ .panel input.error:required, .panel input:required:invalid, .panel select.error:required, .panel select:required:invalid { box-shadow: none; /* Firefox applies red box shadow by default to :required inputs even before the user has interacted with the form */ } .panel input.error, .panel input.checkedEmpty, .panel input.touched, .panel select.error, .panel select.checkedEmpty, .panel select.touched { border-color: red !important; } .panel .form-item .invalid_marker { display: none; } .panel .form-item .invalid_marker .icon--remove {} .adpl label { overflow: visible !important; /* important to override styles on HTML page */ } .adpl label[data-required]:before { content: ""; } .adpl input[type='email'], .adpl input[type='tel'], .adpl input[type='password'], .adpl input[type='text'], .adpl select, .adpl textarea { height: 3em; height: calc(3em - -2px); font-size: 1em; border-radius: 3px; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-box-shadow: none; box-shadow: none; resize: none; outline: none; border-color: #cccccc; } .adpl textarea { height: 9em; height: calc(9em - -2px); } .adpl input[type='email']:focus + label:before, .adpl input[type='email']:active + label:before, .adpl input[type='tel']:focus + label:before, .adpl input[type='tel']:active + label:before, .adpl input[type='password']:focus + label:before, .adpl input[type='password']:active + label:before, .adpl input[type='text']:focus + label:before, .adpl input[type='text']:active + label:before, .adpl select:focus + label:before, .adpl select:active + label:before, .adpl textarea:focus + label:before, .adpl textarea:active + label:before { color: #999999; } .adpl input[type='email'] + label, .adpl input[type='tel'] + label, .adpl input[type='password'] + label, .adpl input[type='text'] + label, .adpl select + label, .adpl textarea + label { display: block; font-size: 1em; height: 3em; line-height: 3em !important; margin-top: 3em; margin-top: calc(-3em - 1px); cursor: text; } .adpl textarea + label { position: absolute; height: auto; margin: 0; top: 0; line-height: 2.25em !important; padding-left: 17px; padding-top: 15px; } .adpl textarea.js-label-mode + label { line-height: 0.25em !important; } .adpl input[type='email'] + label span.label-content, .adpl input[type='tel'] + label span.label-content, .adpl input[type='password'] + label span.label-content, .adpl input[type='text'] + label span.label-content, .adpl select + label span.label-content, .adpl textarea + label span.label-content { display: none; } .adpl input[type='email'] + label:before, .adpl input[type='tel'] + label:before, .adpl input[type='password'] + label:before, .adpl input[type='text'] + label:before, .adpl select + label:before, .adpl textarea + label:before { content: attr(placeholder); display: inline-block; color: #999999; margin: 0 1em; margin: 0 calc(1em - -2px); white-space: nowrap; -webkit-transition-property: -webkit-transform,color; transition-property: transform,color; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-delay: 0; transition-delay: 0; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .adpl input[type='email']:focus + label:before, .adpl input[type='email'].active + label:before, .adpl input[type='email'].js-label-mode + label:before, .adpl input[type='tel']:focus + label:before, .adpl input[type='tel'].active + label:before, .adpl input[type='tel'].js-label-mode + label:before, .adpl input[type='password']:focus + label:before, .adpl input[type='password'].active + label:before, .adpl input[type='password'].js-label-mode + label:before, .adpl input[type='text']:focus + label:before, .adpl input[type='text'].active + label:before, .adpl input[type='text'].js-label-mode + label:before, .adpl select:focus + label:before, .adpl select.active + label:before, .adpl select.js-label-mode + label:before, .adpl textarea:focus + label:before, .adpl textarea.active + label:before, .adpl textarea.js-label-mode + label:before { background: white; line-height: 1; padding: 0 1.5px; -webkit-transform: translateY(-1.3em) translateY(-0.5px) scale(0.7,0.7); transform: translateY(-1.3em) translateY(-0.5px) scale(0.7,0.7); } .adpl input[type='email'].js-label-mode + label:before, .adpl input[type='tel'].js-label-mode + label:before, .adpl input[type='password'].js-label-mode + label:before, .adpl input[type='text'].js-label-mode + label:before, .adpl select.js-label-mode + label:before, .adpl textarea.js-label-mode + label:before { content: attr(alt); } .adpl input[type='email']:required.error + label:before,.adpl input[type='email']:required:invalid + label:before,.adpl input[type='tel']:required.error + label:before,.adpl input[type='tel']:required:invalid + label:before,.adpl input[type='password']:required.error + label:before,.adpl input[type='password']:required:invalid + label:before,.adpl input[type='text']:required.error + label:before,.adpl input[type='text']:required:invalid + label:before,.adpl select:required.error + label:before,.adpl select:required:invalid + label:before { color: #ff9999; } .adpl input[type='email']:required.error:empty + label:before,.adpl input[type='email']:required.error[value=""] + label:before,.adpl input[type='email']:required.error:not(:checked) + label:before,.adpl input[type='email']:required.error.empty + label:before,.adpl input[type='email']:required:invalid:empty + label:before,.adpl input[type='email']:required:invalid[value=""] + label:before,.adpl input[type='email']:required:invalid:not(:checked) + label:before,.adpl input[type='email']:required:invalid.empty + label:before,.adpl input[type='tel']:required.error:empty + label:before,.adpl input[type='tel']:required.error[value=""] + label:before,.adpl input[type='tel']:required.error:not(:checked) + label:before,.adpl input[type='tel']:required.error.empty + label:before,.adpl input[type='tel']:required:invalid:empty + label:before,.adpl input[type='tel']:required:invalid[value=""] + label:before,.adpl input[type='tel']:required:invalid:not(:checked) + label:before,.adpl input[type='tel']:required:invalid.empty + label:before,.adpl input[type='password']:required.error:empty + label:before,.adpl input[type='password']:required.error[value=""] + label:before,.adpl input[type='password']:required.error:not(:checked) + label:before,.adpl input[type='password']:required.error.empty + label:before,.adpl input[type='password']:required:invalid:empty + label:before,.adpl input[type='password']:required:invalid[value=""] + label:before,.adpl input[type='password']:required:invalid:not(:checked) + label:before,.adpl input[type='password']:required:invalid.empty + label:before,.adpl input[type='text']:required.error:empty + label:before,.adpl input[type='text']:required.error[value=""] + label:before,.adpl input[type='text']:required.error:not(:checked) + label:before,.adpl input[type='text']:required.error.empty + label:before,.adpl input[type='text']:required:invalid:empty + label:before,.adpl input[type='text']:required:invalid[value=""] + label:before,.adpl input[type='text']:required:invalid:not(:checked) + label:before,.adpl input[type='text']:required:invalid.empty + label:before,.adpl select:required.error:empty + label:before,.adpl select:required.error[value=""] + label:before,.adpl select:required.error:not(:checked) + label:before,.adpl select:required.error.empty + label:before,.adpl select:required:invalid:empty + label:before,.adpl select:required:invalid[value=""] + label:before,.adpl select:required:invalid:not(:checked) + label:before,.adpl select:required:invalid.empty + label:before { color: #999999; font-size: 14px; } .adpl textarea:required.error:empty + label:before, .adpl textarea:required.error[value=""], .adpl textarea:required.error:not(:checked) + label:before, .adpl textarea:required.error.empty + label:before, .adpl textarea:required:invalid:empty + label:before, .adpl textarea:required:invalid[value=""] + label:before, .adpl textarea +.adpl-label:before, .adpl textarea + label:before { font-size: 14px; margin: 0; color: #999999; } .adpl input[type=email]+.adpl-label:before, .adpl input[type=email]+label:before, .adpl input[type=password]+.adpl-label:before, .adpl input[type=password]+label:before, .adpl input[type=tel]+.adpl-label:before, .adpl input[type=tel]+label:before, .adpl input[type=text]+.adpl-label:before, .adpl input[type=text]+label:before, .adpl select+.adpl-label:before, .adpl select+label:before { font-size: 14px; } .adpl input[type='email']:required.error:empty.error + label:before,.adpl input[type='email']:required.error:empty.touched + label:before,.adpl input[type='email']:required.error[value=""].error + label:before,.adpl input[type='email']:required.error[value=""].touched + label:before,.adpl input[type='email']:required.error:not(:checked).error + label:before,.adpl input[type='email']:required.error:not(:checked).touched + label:before,.adpl input[type='email']:required.error.empty.error + label:before,.adpl input[type='email']:required.error.empty.touched + label:before,.adpl input[type='email']:required:invalid:empty.error + label:before,.adpl input[type='email']:required:invalid:empty.touched + label:before,.adpl input[type='email']:required:invalid[value=""].error + label:before,.adpl input[type='email']:required:invalid[value=""].touched + label:before,.adpl input[type='email']:required:invalid:not(:checked).error + label:before,.adpl input[type='email']:required:invalid:not(:checked).touched + label:before,.adpl input[type='email']:required:invalid.empty.error + label:before,.adpl input[type='email']:required:invalid.empty.touched + label:before,.adpl input[type='tel']:required.error:empty.error + label:before,.adpl input[type='tel']:required.error:empty.touched + label:before,.adpl input[type='tel']:required.error[value=""].error + label:before,.adpl input[type='tel']:required.error[value=""].touched + label:before,.adpl input[type='tel']:required.error:not(:checked).error + label:before,.adpl input[type='tel']:required.error:not(:checked).touched + label:before,.adpl input[type='tel']:required.error.empty.error + label:before,.adpl input[type='tel']:required.error.empty.touched + label:before,.adpl input[type='tel']:required:invalid:empty.error + label:before,.adpl input[type='tel']:required:invalid:empty.touched + label:before,.adpl input[type='tel']:required:invalid[value=""].error + label:before,.adpl input[type='tel']:required:invalid[value=""].touched + label:before,.adpl input[type='tel']:required:invalid:not(:checked).error + label:before,.adpl input[type='tel']:required:invalid:not(:checked).touched + label:before,.adpl input[type='tel']:required:invalid.empty.error + label:before,.adpl input[type='tel']:required:invalid.empty.touched + label:before,.adpl input[type='password']:required.error:empty.error + label:before,.adpl input[type='password']:required.error:empty.touched + label:before,.adpl input[type='password']:required.error[value=""].error + label:before,.adpl input[type='password']:required.error[value=""].touched + label:before,.adpl input[type='password']:required.error:not(:checked).error + label:before,.adpl input[type='password']:required.error:not(:checked).touched + label:before,.adpl input[type='password']:required.error.empty.error + label:before,.adpl input[type='password']:required.error.empty.touched + label:before,.adpl input[type='password']:required:invalid:empty.error + label:before,.adpl input[type='password']:required:invalid:empty.touched + label:before,.adpl input[type='password']:required:invalid[value=""].error + label:before,.adpl input[type='password']:required:invalid[value=""].touched + label:before,.adpl input[type='password']:required:invalid:not(:checked).error + label:before,.adpl input[type='password']:required:invalid:not(:checked).touched + label:before,.adpl input[type='password']:required:invalid.empty.error + label:before,.adpl input[type='password']:required:invalid.empty.touched + label:before,.adpl input[type='text']:required.error:empty.error + label:before,.adpl input[type='text']:required.error:empty.touched + label:before,.adpl input[type='text']:required.error[value=""].error + label:before,.adpl input[type='text']:required.error[value=""].touched + label:before,.adpl input[type='text']:required.error:not(:checked).error + label:before,.adpl input[type='text']:required.error:not(:checked).touched + label:before,.adpl input[type='text']:required.error.empty.error + label:before,.adpl input[type='text']:required.error.empty.touched + label:before,.adpl input[type='text']:required:invalid:empty.error + label:before,.adpl input[type='text']:required:invalid:empty.touched + label:before,.adpl input[type='text']:required:invalid[value=""].error + label:before,.adpl input[type='text']:required:invalid[value=""].touched + label:before,.adpl input[type='text']:required:invalid:not(:checked).error + label:before,.adpl input[type='text']:required:invalid:not(:checked).touched + label:before,.adpl input[type='text']:required:invalid.empty.error + label:before,.adpl input[type='text']:required:invalid.empty.touched + label:before,.adpl select:required.error:empty.error + label:before,.adpl select:required.error:empty.touched + label:before,.adpl select:required.error[value=""].error + label:before,.adpl select:required.error[value=""].touched + label:before,.adpl select:required.error:not(:checked).error + label:before,.adpl select:required.error:not(:checked).touched + label:before,.adpl select:required.error.empty.error + label:before,.adpl select:required.error.empty.touched + label:before,.adpl select:required:invalid:empty.error + label:before,.adpl select:required:invalid:empty.touched + label:before,.adpl select:required:invalid[value=""].error + label:before,.adpl select:required:invalid[value=""].touched + label:before,.adpl select:required:invalid:not(:checked).error + label:before,.adpl select:required:invalid:not(:checked).touched + label:before,.adpl select:required:invalid.empty.error + label:before,.adpl select:required:invalid.empty.touched + label:before { background-color: #fcf9ee; color: #ff9999; } .adpl input[type='email']:required.error:empty.checkedEmpty + label:before,.adpl input[type='email']:required.error[value=""].checkedEmpty + label:before,.adpl input[type='email']:required.error:not(:checked).checkedEmpty + label:before,.adpl input[type='email']:required.error.empty.checkedEmpty + label:before,.adpl input[type='email']:required:invalid:empty.checkedEmpty + label:before,.adpl input[type='email']:required:invalid[value=""].checkedEmpty + label:before,.adpl input[type='email']:required:invalid:not(:checked).checkedEmpty + label:before,.adpl input[type='email']:required:invalid.empty.checkedEmpty + label:before,.adpl input[type='tel']:required.error:empty.checkedEmpty + label:before,.adpl input[type='tel']:required.error[value=""].checkedEmpty + label:before,.adpl input[type='tel']:required.error:not(:checked).checkedEmpty + label:before,.adpl input[type='tel']:required.error.empty.checkedEmpty + label:before,.adpl input[type='tel']:required:invalid:empty.checkedEmpty + label:before,.adpl input[type='tel']:required:invalid[value=""].checkedEmpty + label:before,.adpl input[type='tel']:required:invalid:not(:checked).checkedEmpty + label:before,.adpl input[type='tel']:required:invalid.empty.checkedEmpty + label:before,.adpl input[type='password']:required.error:empty.checkedEmpty + label:before,.adpl input[type='password']:required.error[value=""].checkedEmpty + label:before,.adpl input[type='password']:required.error:not(:checked).checkedEmpty + label:before,.adpl input[type='password']:required.error.empty.checkedEmpty + label:before,.adpl input[type='password']:required:invalid:empty.checkedEmpty + label:before,.adpl input[type='password']:required:invalid[value=""].checkedEmpty + label:before,.adpl input[type='password']:required:invalid:not(:checked).checkedEmpty + label:before,.adpl input[type='password']:required:invalid.empty.checkedEmpty + label:before,.adpl input[type='text']:required.error:empty.checkedEmpty + label:before,.adpl input[type='text']:required.error[value=""].checkedEmpty + label:before,.adpl input[type='text']:required.error:not(:checked).checkedEmpty + label:before,.adpl input[type='text']:required.error.empty.checkedEmpty + label:before,.adpl input[type='text']:required:invalid:empty.checkedEmpty + label:before,.adpl input[type='text']:required:invalid[value=""].checkedEmpty + label:before,.adpl input[type='text']:required:invalid:not(:checked).checkedEmpty + label:before,.adpl input[type='text']:required:invalid.empty.checkedEmpty + label:before,.adpl select:required.error:empty.checkedEmpty + label:before,.adpl select:required.error[value=""].checkedEmpty + label:before,.adpl select:required.error:not(:checked).checkedEmpty + label:before,.adpl select:required.error.empty.checkedEmpty + label:before,.adpl select:required:invalid:empty.checkedEmpty + label:before,.adpl select:required:invalid[value=""].checkedEmpty + label:before,.adpl select:required:invalid:not(:checked).checkedEmpty + label:before,.adpl select:required:invalid.empty.checkedEmpty + label:before { color: #ff9999; } .adpl input[type='email']:required.error:empty:focus + label:before,.adpl input[type='email']:required.error[value=""]:focus + label:before,.adpl input[type='email']:required.error:not(:checked):focus + label:before,.adpl input[type='email']:required.error.empty:focus + label:before,.adpl input[type='email']:required:invalid:empty:focus + label:before,.adpl input[type='email']:required:invalid[value=""]:focus + label:before,.adpl input[type='email']:required:invalid:not(:checked):focus + label:before,.adpl input[type='email']:required:invalid.empty:focus + label:before,.adpl input[type='tel']:required.error:empty:focus + label:before,.adpl input[type='tel']:required.error[value=""]:focus + label:before,.adpl input[type='tel']:required.error:not(:checked):focus + label:before,.adpl input[type='tel']:required.error.empty:focus + label:before,.adpl input[type='tel']:required:invalid:empty:focus + label:before,.adpl input[type='tel']:required:invalid[value=""]:focus + label:before,.adpl input[type='tel']:required:invalid:not(:checked):focus + label:before,.adpl input[type='tel']:required:invalid.empty:focus + label:before,.adpl input[type='password']:required.error:empty:focus + label:before,.adpl input[type='password']:required.error[value=""]:focus + label:before,.adpl input[type='password']:required.error:not(:checked):focus + label:before,.adpl input[type='password']:required.error.empty:focus + label:before,.adpl input[type='password']:required:invalid:empty:focus + label:before,.adpl input[type='password']:required:invalid[value=""]:focus + label:before,.adpl input[type='password']:required:invalid:not(:checked):focus + label:before,.adpl input[type='password']:required:invalid.empty:focus + label:before,.adpl input[type='text']:required.error:empty:focus + label:before,.adpl input[type='text']:required.error[value=""]:focus + label:before,.adpl input[type='text']:required.error:not(:checked):focus + label:before,.adpl input[type='text']:required.error.empty:focus + label:before,.adpl input[type='text']:required:invalid:empty:focus + label:before,.adpl input[type='text']:required:invalid[value=""]:focus + label:before,.adpl input[type='text']:required:invalid:not(:checked):focus + label:before,.adpl input[type='text']:required:invalid.empty:focus + label:before,.adpl select:required.error:empty:focus + label:before,.adpl select:required.error[value=""]:focus + label:before,.adpl select:required.error:not(:checked):focus + label:before,.adpl select:required.error.empty:focus + label:before,.adpl select:required:invalid:empty:focus + label:before,.adpl select:required:invalid[value=""]:focus + label:before,.adpl select:required:invalid:not(:checked):focus + label:before,.adpl select:required:invalid.empty:focus + label:before { color: #999999; } .adpl input[type='email']:required:valid + label:before,.adpl input[type='tel']:required:valid + label:before,.adpl input[type='password']:required:valid + label:before,.adpl input[type='text']:required:valid + label:before,.adpl select:required:valid + label:before { color: #999999; } .adpl input[type='email']:required:valid.error + label:before,.adpl input[type='tel']:required:valid.error + label:before,.adpl input[type='password']:required:valid.error + label:before,.adpl input[type='text']:required:valid.error + label:before,.adpl select:required:valid.error + label:before { color: #999999; } .adpl input[type='email']:required[data-error] + label:before,.adpl input[type='tel']:required[data-error] + label:before,.adpl input[type='password']:required[data-error] + label:before,.adpl input[type='text']:required[data-error] + label:before,.adpl select:required[data-error] + label:before { color: #ff9999; } .adpl input[type='email']:focus + label:before,.adpl input[type='tel']:focus + label:before,.adpl input[type='password']:focus + label:before,.adpl input[type='text']:focus + label:before,.adpl select:focus + label:before { color: #999999; } .adpl .select label { display: none; } .adpl fieldset { overflow: visible; max-width: 100%; } .adpl .form-item { position: relative; overflow: visible; } .adpl .form-item.checkbox { overflow: hidden; } .adpl input,.adpl select,.adpl .selectBox { resize: none; outline: none; } .adpl input:required,.adpl input.selectBox-required,.adpl select:required,.adpl select.selectBox-required,.adpl .selectBox:required,.adpl .selectBox.selectBox-required { box-shadow: none; } .adpl input:required.error,.adpl input:required:invalid,.adpl input:required.selectBox-invalid,.adpl input.selectBox-required.error,.adpl input.selectBox-required:invalid,.adpl input.selectBox-required.selectBox-invalid,.adpl select:required.error,.adpl select:required:invalid,.adpl select:required.selectBox-invalid,.adpl select.selectBox-required.error,.adpl select.selectBox-required:invalid,.adpl select.selectBox-required.selectBox-invalid,.adpl .selectBox:required.error,.adpl .selectBox:required:invalid,.adpl .selectBox:required.selectBox-invalid,.adpl .selectBox.selectBox-required.error,.adpl .selectBox.selectBox-required:invalid,.adpl .selectBox.selectBox-required.selectBox-invalid { border-color: red; box-shadow: none; } .adpl input:required.error:empty,.adpl input:required.error[value=""],.adpl input:required.error:not(:checked),.adpl input:required.error.empty,.adpl input:required:invalid:empty,.adpl input:required:invalid[value=""],.adpl input:required:invalid:not(:checked),.adpl input:required:invalid.empty,.adpl input:required.selectBox-invalid:empty,.adpl input:required.selectBox-invalid[value=""],.adpl input:required.selectBox-invalid:not(:checked),.adpl input:required.selectBox-invalid.empty,.adpl input.selectBox-required.error:empty,.adpl input.selectBox-required.error[value=""],.adpl input.selectBox-required.error:not(:checked),.adpl input.selectBox-required.error.empty,.adpl input.selectBox-required:invalid:empty,.adpl input.selectBox-required:invalid[value=""],.adpl input.selectBox-required:invalid:not(:checked),.adpl input.selectBox-required:invalid.empty,.adpl input.selectBox-required.selectBox-invalid:empty,.adpl input.selectBox-required.selectBox-invalid[value=""],.adpl input.selectBox-required.selectBox-invalid:not(:checked),.adpl input.selectBox-required.selectBox-invalid.empty,.adpl select:required.error:empty,.adpl select:required.error[value=""],.adpl select:required.error:not(:checked),.adpl select:required.error.empty,.adpl select:required:invalid:empty,.adpl select:required:invalid[value=""],.adpl select:required:invalid:not(:checked),.adpl select:required:invalid.empty,.adpl select:required.selectBox-invalid:empty,.adpl select:required.selectBox-invalid[value=""],.adpl select:required.selectBox-invalid:not(:checked),.adpl select:required.selectBox-invalid.empty,.adpl select.selectBox-required.error:empty,.adpl select.selectBox-required.error[value=""],.adpl select.selectBox-required.error:not(:checked),.adpl select.selectBox-required.error.empty,.adpl select.selectBox-required:invalid:empty,.adpl select.selectBox-required:invalid[value=""],.adpl select.selectBox-required:invalid:not(:checked),.adpl select.selectBox-required:invalid.empty,.adpl select.selectBox-required.selectBox-invalid:empty,.adpl select.selectBox-required.selectBox-invalid[value=""],.adpl select.selectBox-required.selectBox-invalid:not(:checked),.adpl select.selectBox-required.selectBox-invalid.empty,.adpl .selectBox:required.error:empty,.adpl .selectBox:required.error[value=""],.adpl .selectBox:required.error:not(:checked),.adpl .selectBox:required.error.empty,.adpl .selectBox:required:invalid:empty,.adpl .selectBox:required:invalid[value=""],.adpl .selectBox:required:invalid:not(:checked),.adpl .selectBox:required:invalid.empty,.adpl .selectBox:required.selectBox-invalid:empty,.adpl .selectBox:required.selectBox-invalid[value=""],.adpl .selectBox:required.selectBox-invalid:not(:checked),.adpl .selectBox:required.selectBox-invalid.empty,.adpl .selectBox.selectBox-required.error:empty,.adpl .selectBox.selectBox-required.error[value=""],.adpl .selectBox.selectBox-required.error:not(:checked),.adpl .selectBox.selectBox-required.error.empty,.adpl .selectBox.selectBox-required:invalid:empty,.adpl .selectBox.selectBox-required:invalid[value=""],.adpl .selectBox.selectBox-required:invalid:not(:checked),.adpl .selectBox.selectBox-required:invalid.empty,.adpl .selectBox.selectBox-required.selectBox-invalid:empty,.adpl .selectBox.selectBox-required.selectBox-invalid[value=""],.adpl .selectBox.selectBox-required.selectBox-invalid:not(:checked),.adpl .selectBox.selectBox-required.selectBox-invalid.empty { border-color: #cccccc; } .adpl input:required.error:empty.error,.adpl input:required.error:empty.checkedEmpty,.adpl input:required.error:empty.touched,.adpl input:required.error[value=""].error,.adpl input:required.error[value=""].checkedEmpty,.adpl input:required.error[value=""].touched,.adpl input:required.error:not(:checked).error,.adpl input:required.error:not(:checked).checkedEmpty,.adpl input:required.error:not(:checked).touched,.adpl input:required.error.empty.error,.adpl input:required.error.empty.checkedEmpty,.adpl input:required.error.empty.touched,.adpl input:required:invalid:empty.error,.adpl input:required:invalid:empty.checkedEmpty,.adpl input:required:invalid:empty.touched,.adpl input:required:invalid[value=""].error,.adpl input:required:invalid[value=""].checkedEmpty,.adpl input:required:invalid[value=""].touched,.adpl input:required:invalid:not(:checked).error,.adpl input:required:invalid:not(:checked).checkedEmpty,.adpl input:required:invalid:not(:checked).touched,.adpl input:required:invalid.empty.error,.adpl input:required:invalid.empty.checkedEmpty,.adpl input:required:invalid.empty.touched,.adpl input:required.selectBox-invalid:empty.error,.adpl input:required.selectBox-invalid:empty.checkedEmpty,.adpl input:required.selectBox-invalid:empty.touched,.adpl input:required.selectBox-invalid[value=""].error,.adpl input:required.selectBox-invalid[value=""].checkedEmpty,.adpl input:required.selectBox-invalid[value=""].touched,.adpl input:required.selectBox-invalid:not(:checked).error,.adpl input:required.selectBox-invalid:not(:checked).checkedEmpty,.adpl input:required.selectBox-invalid:not(:checked).touched,.adpl input:required.selectBox-invalid.empty.error,.adpl input:required.selectBox-invalid.empty.checkedEmpty,.adpl input:required.selectBox-invalid.empty.touched,.adpl input.selectBox-required.error:empty.error,.adpl input.selectBox-required.error:empty.checkedEmpty,.adpl input.selectBox-required.error:empty.touched,.adpl input.selectBox-required.error[value=""].error,.adpl input.selectBox-required.error[value=""].checkedEmpty,.adpl input.selectBox-required.error[value=""].touched,.adpl input.selectBox-required.error:not(:checked).error,.adpl input.selectBox-required.error:not(:checked).checkedEmpty,.adpl input.selectBox-required.error:not(:checked).touched,.adpl input.selectBox-required.error.empty.error,.adpl input.selectBox-required.error.empty.checkedEmpty,.adpl input.selectBox-required.error.empty.touched,.adpl input.selectBox-required:invalid:empty.error,.adpl input.selectBox-required:invalid:empty.checkedEmpty,.adpl input.selectBox-required:invalid:empty.touched,.adpl input.selectBox-required:invalid[value=""].error,.adpl input.selectBox-required:invalid[value=""].checkedEmpty,.adpl input.selectBox-required:invalid[value=""].touched,.adpl input.selectBox-required:invalid:not(:checked).error,.adpl input.selectBox-required:invalid:not(:checked).checkedEmpty,.adpl input.selectBox-required:invalid:not(:checked).touched,.adpl input.selectBox-required:invalid.empty.error,.adpl input.selectBox-required:invalid.empty.checkedEmpty,.adpl input.selectBox-required:invalid.empty.touched,.adpl input.selectBox-required.selectBox-invalid:empty.error,.adpl input.selectBox-required.selectBox-invalid:empty.checkedEmpty,.adpl input.selectBox-required.selectBox-invalid:empty.touched,.adpl input.selectBox-required.selectBox-invalid[value=""].error,.adpl input.selectBox-required.selectBox-invalid[value=""].checkedEmpty,.adpl input.selectBox-required.selectBox-invalid[value=""].touched,.adpl input.selectBox-required.selectBox-invalid:not(:checked).error,.adpl input.selectBox-required.selectBox-invalid:not(:checked).checkedEmpty,.adpl input.selectBox-required.selectBox-invalid:not(:checked).touched,.adpl input.selectBox-required.selectBox-invalid.empty.error,.adpl input.selectBox-required.selectBox-invalid.empty.checkedEmpty,.adpl input.selectBox-required.selectBox-invalid.empty.touched,.adpl select:required.error:empty.error,.adpl select:required.error:empty.checkedEmpty,.adpl select:required.error:empty.touched,.adpl select:required.error[value=""].error,.adpl select:required.error[value=""].checkedEmpty,.adpl select:required.error[value=""].touched,.adpl select:required.error:not(:checked).error,.adpl select:required.error:not(:checked).checkedEmpty,.adpl select:required.error:not(:checked).touched,.adpl select:required.error.empty.error,.adpl select:required.error.empty.checkedEmpty,.adpl select:required.error.empty.touched,.adpl select:required:invalid:empty.error,.adpl select:required:invalid:empty.checkedEmpty,.adpl select:required:invalid:empty.touched,.adpl select:required:invalid[value=""].error,.adpl select:required:invalid[value=""].checkedEmpty,.adpl select:required:invalid[value=""].touched,.adpl select:required:invalid:not(:checked).error,.adpl select:required:invalid:not(:checked).checkedEmpty,.adpl select:required:invalid:not(:checked).touched,.adpl select:required:invalid.empty.error,.adpl select:required:invalid.empty.checkedEmpty,.adpl select:required:invalid.empty.touched,.adpl select:required.selectBox-invalid:empty.error,.adpl select:required.selectBox-invalid:empty.checkedEmpty,.adpl select:required.selectBox-invalid:empty.touched,.adpl select:required.selectBox-invalid[value=""].error,.adpl select:required.selectBox-invalid[value=""].checkedEmpty,.adpl select:required.selectBox-invalid[value=""].touched,.adpl select:required.selectBox-invalid:not(:checked).error,.adpl select:required.selectBox-invalid:not(:checked).checkedEmpty,.adpl select:required.selectBox-invalid:not(:checked).touched,.adpl select:required.selectBox-invalid.empty.error,.adpl select:required.selectBox-invalid.empty.checkedEmpty,.adpl select:required.selectBox-invalid.empty.touched,.adpl select.selectBox-required.error:empty.error,.adpl select.selectBox-required.error:empty.checkedEmpty,.adpl select.selectBox-required.error:empty.touched,.adpl select.selectBox-required.error[value=""].error,.adpl select.selectBox-required.error[value=""].checkedEmpty,.adpl select.selectBox-required.error[value=""].touched,.adpl select.selectBox-required.error:not(:checked).error,.adpl select.selectBox-required.error:not(:checked).checkedEmpty,.adpl select.selectBox-required.error:not(:checked).touched,.adpl select.selectBox-required.error.empty.error,.adpl select.selectBox-required.error.empty.checkedEmpty,.adpl select.selectBox-required.error.empty.touched,.adpl select.selectBox-required:invalid:empty.error,.adpl select.selectBox-required:invalid:empty.checkedEmpty,.adpl select.selectBox-required:invalid:empty.touched,.adpl select.selectBox-required:invalid[value=""].error,.adpl select.selectBox-required:invalid[value=""].checkedEmpty,.adpl select.selectBox-required:invalid[value=""].touched,.adpl select.selectBox-required:invalid:not(:checked).error,.adpl select.selectBox-required:invalid:not(:checked).checkedEmpty,.adpl select.selectBox-required:invalid:not(:checked).touched,.adpl select.selectBox-required:invalid.empty.error,.adpl select.selectBox-required:invalid.empty.checkedEmpty,.adpl select.selectBox-required:invalid.empty.touched,.adpl select.selectBox-required.selectBox-invalid:empty.error,.adpl select.selectBox-required.selectBox-invalid:empty.checkedEmpty,.adpl select.selectBox-required.selectBox-invalid:empty.touched,.adpl select.selectBox-required.selectBox-invalid[value=""].error,.adpl select.selectBox-required.selectBox-invalid[value=""].checkedEmpty,.adpl select.selectBox-required.selectBox-invalid[value=""].touched,.adpl select.selectBox-required.selectBox-invalid:not(:checked).error,.adpl select.selectBox-required.selectBox-invalid:not(:checked).checkedEmpty,.adpl select.selectBox-required.selectBox-invalid:not(:checked).touched,.adpl select.selectBox-required.selectBox-invalid.empty.error,.adpl select.selectBox-required.selectBox-invalid.empty.checkedEmpty,.adpl select.selectBox-required.selectBox-invalid.empty.touched,.adpl .selectBox:required.error:empty.error,.adpl .selectBox:required.error:empty.checkedEmpty,.adpl .selectBox:required.error:empty.touched,.adpl .selectBox:required.error[value=""].error,.adpl .selectBox:required.error[value=""].checkedEmpty,.adpl .selectBox:required.error[value=""].touched,.adpl .selectBox:required.error:not(:checked).error,.adpl .selectBox:required.error:not(:checked).checkedEmpty,.adpl .selectBox:required.error:not(:checked).touched,.adpl .selectBox:required.error.empty.error,.adpl .selectBox:required.error.empty.checkedEmpty,.adpl .selectBox:required.error.empty.touched,.adpl .selectBox:required:invalid:empty.error,.adpl .selectBox:required:invalid:empty.checkedEmpty,.adpl .selectBox:required:invalid:empty.touched,.adpl .selectBox:required:invalid[value=""].error,.adpl .selectBox:required:invalid[value=""].checkedEmpty,.adpl .selectBox:required:invalid[value=""].touched,.adpl .selectBox:required:invalid:not(:checked).error,.adpl .selectBox:required:invalid:not(:checked).checkedEmpty,.adpl .selectBox:required:invalid:not(:checked).touched,.adpl .selectBox:required:invalid.empty.error,.adpl .selectBox:required:invalid.empty.checkedEmpty,.adpl .selectBox:required:invalid.empty.touched,.adpl .selectBox:required.selectBox-invalid:empty.error,.adpl .selectBox:required.selectBox-invalid:empty.checkedEmpty,.adpl .selectBox:required.selectBox-invalid:empty.touched,.adpl .selectBox:required.selectBox-invalid[value=""].error,.adpl .selectBox:required.selectBox-invalid[value=""].checkedEmpty,.adpl .selectBox:required.selectBox-invalid[value=""].touched,.adpl .selectBox:required.selectBox-invalid:not(:checked).error,.adpl .selectBox:required.selectBox-invalid:not(:checked).checkedEmpty,.adpl .selectBox:required.selectBox-invalid:not(:checked).touched,.adpl .selectBox:required.selectBox-invalid.empty.error,.adpl .selectBox:required.selectBox-invalid.empty.checkedEmpty,.adpl .selectBox:required.selectBox-invalid.empty.touched,.adpl .selectBox.selectBox-required.error:empty.error,.adpl .selectBox.selectBox-required.error:empty.checkedEmpty,.adpl .selectBox.selectBox-required.error:empty.touched,.adpl .selectBox.selectBox-required.error[value=""].error,.adpl .selectBox.selectBox-required.error[value=""].checkedEmpty,.adpl .selectBox.selectBox-required.error[value=""].touched,.adpl .selectBox.selectBox-required.error:not(:checked).error,.adpl .selectBox.selectBox-required.error:not(:checked).checkedEmpty,.adpl .selectBox.selectBox-required.error:not(:checked).touched,.adpl .selectBox.selectBox-required.error.empty.error,.adpl .selectBox.selectBox-required.error.empty.checkedEmpty,.adpl .selectBox.selectBox-required.error.empty.touched,.adpl .selectBox.selectBox-required:invalid:empty.error,.adpl .selectBox.selectBox-required:invalid:empty.checkedEmpty,.adpl .selectBox.selectBox-required:invalid:empty.touched,.adpl .selectBox.selectBox-required:invalid[value=""].error,.adpl .selectBox.selectBox-required:invalid[value=""].checkedEmpty,.adpl .selectBox.selectBox-required:invalid[value=""].touched,.adpl .selectBox.selectBox-required:invalid:not(:checked).error,.adpl .selectBox.selectBox-required:invalid:not(:checked).checkedEmpty,.adpl .selectBox.selectBox-required:invalid:not(:checked).touched,.adpl .selectBox.selectBox-required:invalid.empty.error,.adpl .selectBox.selectBox-required:invalid.empty.checkedEmpty,.adpl .selectBox.selectBox-required:invalid.empty.touched,.adpl .selectBox.selectBox-required.selectBox-invalid:empty.error,.adpl .selectBox.selectBox-required.selectBox-invalid:empty.checkedEmpty,.adpl .selectBox.selectBox-required.selectBox-invalid:empty.touched,.adpl .selectBox.selectBox-required.selectBox-invalid[value=""].error,.adpl .selectBox.selectBox-required.selectBox-invalid[value=""].checkedEmpty,.adpl .selectBox.selectBox-required.selectBox-invalid[value=""].touched,.adpl .selectBox.selectBox-required.selectBox-invalid:not(:checked).error,.adpl .selectBox.selectBox-required.selectBox-invalid:not(:checked).checkedEmpty,.adpl .selectBox.selectBox-required.selectBox-invalid:not(:checked).touched,.adpl .selectBox.selectBox-required.selectBox-invalid.empty.error,.adpl .selectBox.selectBox-required.selectBox-invalid.empty.checkedEmpty,.adpl .selectBox.selectBox-required.selectBox-invalid.empty.touched { border-color: red; } .adpl input:required:valid.error,.adpl input:required.selectBox-valid.error,.adpl input.selectBox-required:valid.error,.adpl input.selectBox-required.selectBox-valid.error,.adpl select:required:valid.error,.adpl select:required.selectBox-valid.error,.adpl select.selectBox-required:valid.error,.adpl select.selectBox-required.selectBox-valid.error,.adpl .selectBox:required:valid.error,.adpl .selectBox:required.selectBox-valid.error,.adpl .selectBox.selectBox-required:valid.error,.adpl .selectBox.selectBox-required.selectBox-valid.error { border-color: red; } .adpl input:required[data-error],.adpl input.selectBox-required[data-error],.adpl select:required[data-error],.adpl select.selectBox-required[data-error],.adpl .selectBox:required[data-error],.adpl .selectBox.selectBox-required[data-error] { border-color: red; } .adpl select::-ms-expand { display: block; } .adpl input[type="button"]:valid,.adpl input[type="submit"]:valid { border-color: #cccccc; } .adpl .inline-error { position: absolute; -moz-box-shadow: #333 4px 4px 10px 1px; -webkit-box-shadow: #333 4px 4px 10px 1px; box-shadow: #333 4px 4px 10px 1px; border: 1px solid #cccccc; background-color: white; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: .4em .8em; } .adpl .valid_marker,.adpl .invalid_marker { font-size: 2em; position: absolute; right: 30px; bottom: 22px; background-color: white; } .adpl .valid_marker { color: green; display: none; } .adpl .invalid_marker { color: red; } .adpl .form-item.select .invalid_marker,.adpl .form-item.select .valid_marker { display: none; } .panel .adpl .form-item { overflow:visible; } #review-panel .adpl .form-item.form-clear input.sms_input { width: 75%; } #review-panel .adpl .form-item.form-clear label.sms_label { margin-left: 40px; } #review-panel .adpl div.card-cvn input { width: 55%; } #review-panel .adpl .form-item input#form--address_billing--field--FIRST_NAME, #review-panel .adpl .form-item input#form--address_billing--field--LAST_NAME, #review-panel .adpl .form-item input#form--address_billing--field--PHONE1, #review-panel .adpl .form-item input#form--address_billing--field--ADDRESS1, #review-panel .adpl .form-item input#form--address_billing--field--ADDRESS2, #review-panel .adpl .form-item input#form--address_billing--field--ADDRESS3, #review-panel .adpl .form-item input#form--address_billing--field--ADDRESS4, #review-panel .adpl .form-item input#form--address_billing--field--POSTAL_CODE { width: 100%; } #shipping-panel .adpl .form-item input#form--address_shipping--field--FIRST_NAME, #shipping-panel .adpl .form-item input#form--address_shipping--field--LAST_NAME, #shipping-panel .adpl .form-item input#form--address_shipping--field--PHONE1, #shipping-panel .adpl .form-item input#form--address_shipping--field--ADDRESS1, #shipping-panel .adpl .form-item input#form--address_shipping--field--ADDRESS2, #shipping-panel .adpl .form-item input#form--address_shipping--field--ADDRESS3, #shipping-panel .adpl .form-item input#form--address_shipping--field--ADDRESS4, #shipping-panel .adpl .form-item input#form--address_shipping--field--POSTAL_CODE, #shipping-panel .adpl .form-item input#form--address_shipping--field--DELIVERY_INSTRUCTIONS { width: 100%; } #shipping-panel .adpl .form-item.form-clear label.sms_label { margin-left: 40px; } #shipping-panel .adpl .form-item.form-clear input.sms_input { width: 75%; } #review-panel .adpl div.form-item.card-expiry-date span { margin-top: 13px; } #registration-panel .adpl .form-item.form-clear label.sms_label { margin-left: 40px; } #registration-panel .adpl .form-item.form-clear input.sms_input { width: 75%; } #checkout_payment.adpl .form-item.block label span.label-content { display: none; } #checkout_payment.adpl .form-item.block.checkbox label span.label-content { display: inline; } .adpl .form-item.card-expiry-date span.label-content { display: none !important; } #review-panel .adpl .card-cvn #security-code { float: right; margin: -10% 5% 6% 0; } #review-panel .adpl .form-item.card-cvn #security-code { float: right; margin: -14% 10% 0 0; } #review-panel #checkout_payment.adpl, #review-panel .adpl #checkout_saved_payment.adpl { width: 47%; } #review-panel .adpl div.form-item.card-expiry-date select { width: 43%; } div.column section.panel .adpl div.form_element, div.column section.panel .adpl div.form-item { margin: 10px 20px 0 0; } #registration-panel .adpl .form-item input#form--checkout_registration--field--PASSWORD, #registration-panel .adpl .form-item input#form--checkout_registration--field--PASSWORD_HINT { width: 75% } .panel .checkbox label.error, .panel .error label.terms_input { color: #d80000; } #confirm #registration-panel .adpl .text input.full,#confirm #registration-panel .adpl .password-hint input.full { width: 70%; } /* donations */ #viewcart .donations.panel { float:left; width: 100%; } #viewcart .donation_amounts_panel h2.donation-panel__title { border-bottom: none; margin-bottom: 0px; background-color: #eff0f0 !important; margin: 2% 0%; padding: 3% 0% 3% 2%; letter-spacing: 0.07em; } #viewcart .donation_amounts_panel .donation-group label { display: inline-block; font-size: 11px; } #viewcart .donation_amounts_panel .donation-group input.field { width: 13px; height: 15px; vertical-align: bottom; } #viewcart .donation_amounts_panel #select-amount-mobile { display :none; } #viewcart .donation_amounts_panel span#select-amount { font-weight: bold; float: left; font-size: 13px; padding: 3px 0 0 0; } #viewcart .donation_info_panel { padding: 2% 0%; float: left; width: 100%; } #viewcart .donation_amounts_panel span.donation-group { padding: 0% 1% 0% 1%; } #viewcart .donation_amounts_panel { float: left; width: 100%; padding: 1% 0% 0% 0%; } #viewcart .donation_info_panel .donation_logo { float: left; height: 100%; padding: 0px 20px 0px 0px; } #viewcart .donation_info_panel .donation_logo_mobile { display: none; float: left; height: 100%; } #viewcart .donation_info_panel .donation_message { margin-left: 125px; font-size: 11px; } #viewcart .donation_info_panel .donation_message_mobile { display: none; } #confirm #confirmation-panel h2.checkout__subtitle { font-size:1.4em; font-weight: bold; letter-spacing: 0.03em;padding-top: 3px; margin: 0 0 15px 0; } #confirm #confirmation-panel .confirmation-panel__confirm-text--donation { margin-bottom: 20px; background-color: #f0f0f0; padding: 3% 2% 1% 3%; } #viewcart #viewcart-panel .cart-item.donation .total a.remove-donation { text-decoration: none; font-style: italic; color: #999; margin: 0px 2px 0px 5px; } #viewcart .donation-amount-select { display: inline; }