/* CSS Document */

input[type='text'], input[type='password'], input[type='email'], input[type='number'], input[type='url'], input[type='tel'], input[type='file'], select.hybrid, textarea
	{ width:100%; box-sizing: border-box; padding:0 10px; margin-top:4px; line-height:37px; height:37px; border:1px solid #CCD3E5; font-size:inherit; border-radius:6px; }
textarea { height:auto; line-height:1.4; padding-top:10px; padding-bottom:10px; resize: vertical; }
input[type='file'] { line-height: 1; padding: 4px 10px; height: auto; }
input:read-only { background-color:#F2F2F2; }

select.hybrid { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; line-height:1.2; background:#FFF url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%230071CE' d='M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41z'%3E%3C/path%3E%3C/svg%3E") right 1em top 0em no-repeat; background-size:1em; padding-right:50px; }
select.hybrid::-ms-expand { display: none; }
select.hybrid.auto-width { width:auto; }
select.hybrid.auto-height { height:2em; }

input[type='checkbox'] { font-size:1.3em; width:1.2em; height:1.2em; border:1px solid #CCD3E5; background:#fff; top:0.3em; margin:0 0.25em 0 0; -webkit-appearance: none; position: relative; cursor:pointer; border-radius:0.2em; }
input[type='checkbox']:checked { background:#2F6FFC url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' focusable='false' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M173.9,439.4L7.5,273c-10-10-10-26.2,0-36.2l36.2-36.2c10-10,26.2-10,36.2,0L192,312.7L432.1,72.6 c10-10,26.2-10,36.2,0l36.2,36.2c10,10,10,26.2,0,36.2L210.1,439.4C200.1,449.4,183.9,449.4,173.9,439.4L173.9,439.4z'/%3E%3C/svg%3E%0A") center center no-repeat; border:none; background-size:70%; }

input[type='checkbox'].switch { font-size:1em; width: 3em; top:0.5em; border-radius: 100px; border:0.125em solid #CCC; height: 1.5em; transition-duration:0.3s; background:#CCC; box-sizing:content-box; }
input[type='checkbox'].switch:after { content:''; position:absolute; transition-duration:0.1s; width:1.5em; height:1.5em; border-radius:100px; background:#FFF; left:0; top:0; border: 0.125em solid #CCC; margin-left: -0.125em; margin-top: -0.125em;}
input[type='checkbox'].switch:checked { background:#34c659; border-color:#34c659; }
input[type='checkbox'].switch:checked:after { left:100%; margin-left:-1.625em; border-color:#34c659; }

input[type='checkbox'].switch.negative:checked { background:#C00; border-color:#C00; }
input[type='checkbox'].switch.negative:checked:after { border-color:#C00; }

input[type='radio'] { width:1.2em; height:1.2em; border:1px solid #ccc; background:#fff; top:4px; margin:0 5px 0 0; -webkit-appearance: none; position: relative; cursor:pointer; border-radius:100px; }
input[type='radio']:checked { border:0.4em solid #2F6FFC; }

span.password-preview { position:relative; display:inline-block; width:100%; }
span.password-preview input { padding-right:40px; }
span.password-preview a { position:absolute; right:12px; top:14px; width:1.125rem; height:1.125rem; background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><path fill='%23000000' d='M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L525.6 386.7c39.6-40.6 66.4-86.1 79.9-118.4c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-68.2 0-125 26.3-169.3 60.8L38.8 5.1zm151 118.3C226 97.7 269.5 80 320 80c65.2 0 118.8 29.6 159.9 67.7C518.4 183.5 545 226 558.6 256c-12.6 28-36.6 66.8-70.9 100.9l-53.8-42.2c9.1-17.6 14.2-37.5 14.2-58.7c0-70.7-57.3-128-128-128c-32.2 0-61.7 11.9-84.2 31.5l-46.1-36.1zM394.9 284.2l-81.5-63.9c4.2-8.5 6.6-18.2 6.6-28.3c0-5.5-.7-10.9-2-16c.7 0 1.3 0 2 0c44.2 0 80 35.8 80 80c0 9.9-1.8 19.4-5.1 28.2zm9.4 130.3C378.8 425.4 350.7 432 320 432c-65.2 0-118.8-29.6-159.9-67.7C121.6 328.5 95 286 81.4 256c8.3-18.4 21.5-41.5 39.4-64.8L83.1 161.5C60.3 191.2 44 220.8 34.5 243.7c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c47.8 0 89.9-12.9 126.2-32.5l-41.9-33zM192 256c0 70.7 57.3 128 128 128c13.3 0 26.1-2 38.2-5.8L302 334c-23.5-5.4-43.1-21.2-53.7-42.3l-56.1-44.2c-.2 2.8-.3 5.6-.3 8.5z'/></svg>") center center no-repeat; background-size:contain; transition-duration:0s; }
span.password-preview a:hover { background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><path fill='%230071CE' d='M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L525.6 386.7c39.6-40.6 66.4-86.1 79.9-118.4c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-68.2 0-125 26.3-169.3 60.8L38.8 5.1zm151 118.3C226 97.7 269.5 80 320 80c65.2 0 118.8 29.6 159.9 67.7C518.4 183.5 545 226 558.6 256c-12.6 28-36.6 66.8-70.9 100.9l-53.8-42.2c9.1-17.6 14.2-37.5 14.2-58.7c0-70.7-57.3-128-128-128c-32.2 0-61.7 11.9-84.2 31.5l-46.1-36.1zM394.9 284.2l-81.5-63.9c4.2-8.5 6.6-18.2 6.6-28.3c0-5.5-.7-10.9-2-16c.7 0 1.3 0 2 0c44.2 0 80 35.8 80 80c0 9.9-1.8 19.4-5.1 28.2zm9.4 130.3C378.8 425.4 350.7 432 320 432c-65.2 0-118.8-29.6-159.9-67.7C121.6 328.5 95 286 81.4 256c8.3-18.4 21.5-41.5 39.4-64.8L83.1 161.5C60.3 191.2 44 220.8 34.5 243.7c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c47.8 0 89.9-12.9 126.2-32.5l-41.9-33zM192 256c0 70.7 57.3 128 128 128c13.3 0 26.1-2 38.2-5.8L302 334c-23.5-5.4-43.1-21.2-53.7-42.3l-56.1-44.2c-.2 2.8-.3 5.6-.3 8.5z'/></svg>"); }
span.password-preview.active a { background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path fill='%23000000' d='M288 80c-65.2 0-118.8 29.6-159.9 67.7C89.6 183.5 63 226 49.4 256c13.6 30 40.2 72.5 78.6 108.3C169.2 402.4 222.8 432 288 432s118.8-29.6 159.9-67.7C486.4 328.5 513 286 526.6 256c-13.6-30-40.2-72.5-78.6-108.3C406.8 109.6 353.2 80 288 80zM95.4 112.6C142.5 68.8 207.2 32 288 32s145.5 36.8 192.6 80.6c46.8 43.5 78.1 95.4 93 131.1c3.3 7.9 3.3 16.7 0 24.6c-14.9 35.7-46.2 87.7-93 131.1C433.5 443.2 368.8 480 288 480s-145.5-36.8-192.6-80.6C48.6 356 17.3 304 2.5 268.3c-3.3-7.9-3.3-16.7 0-24.6C17.3 208 48.6 156 95.4 112.6zM288 336c44.2 0 80-35.8 80-80s-35.8-80-80-80c-.7 0-1.3 0-2 0c1.3 5.1 2 10.5 2 16c0 35.3-28.7 64-64 64c-5.5 0-10.9-.7-16-2c0 .7 0 1.3 0 2c0 44.2 35.8 80 80 80zm0-208a128 128 0 1 1 0 256 128 128 0 1 1 0-256z'/></svg>"); }
span.password-preview.active a:hover { background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path fill='%230071CE' d='M288 80c-65.2 0-118.8 29.6-159.9 67.7C89.6 183.5 63 226 49.4 256c13.6 30 40.2 72.5 78.6 108.3C169.2 402.4 222.8 432 288 432s118.8-29.6 159.9-67.7C486.4 328.5 513 286 526.6 256c-13.6-30-40.2-72.5-78.6-108.3C406.8 109.6 353.2 80 288 80zM95.4 112.6C142.5 68.8 207.2 32 288 32s145.5 36.8 192.6 80.6c46.8 43.5 78.1 95.4 93 131.1c3.3 7.9 3.3 16.7 0 24.6c-14.9 35.7-46.2 87.7-93 131.1C433.5 443.2 368.8 480 288 480s-145.5-36.8-192.6-80.6C48.6 356 17.3 304 2.5 268.3c-3.3-7.9-3.3-16.7 0-24.6C17.3 208 48.6 156 95.4 112.6zM288 336c44.2 0 80-35.8 80-80s-35.8-80-80-80c-.7 0-1.3 0-2 0c1.3 5.1 2 10.5 2 16c0 35.3-28.7 64-64 64c-5.5 0-10.9-.7-16-2c0 .7 0 1.3 0 2c0 44.2 35.8 80 80 80zm0-208a128 128 0 1 1 0 256 128 128 0 1 1 0-256z'/></svg>"); }

input.postcode { text-transform:uppercase; }

input[type='submit'], 
input[type='button'],
button { font-size:0.89em; white-space:normal; padding:7px 16px; color:#FFF; background-color:#00217C; border:none; border-radius:100px; }
input[type='submit']:hover:not(:disabled), input[type='button']:hover:not(:disabled), button:hover:not(:disabled) { background-color:#57FFFF; color:#00217C; }

.errorMessage { color:#C00; }
label.error { display:block; color:#C00; padding-top:4px; }
input.error, textarea.error, select.error { background-color:#F5CCCC !important; }
input[type='checkbox'].error, input[type='radio'].error { background-color:inherit !important; }

input:disabled, select:disabled { opacity:0.4; cursor:default; }

input::placeholder { color: #999 !important; font-weight:normal; }
::-webkit-input-placeholder { color: #999; font-weight:normal; }
::-moz-placeholder { color: #999; font-weight:normal; }
:-ms-input-placeholder { color: #999 !important; font-weight:normal; }
:-moz-placeholder { color: #999; opacity: 1; font-weight:normal; }

#altcha_checkbox { width:inherit; height:inherit; top:0; }