/* 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:0; line-height:34px; border:1px solid #E0E4E8; font-size:inherit; font-family: inherit; color:inherit; }
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; }

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 20px top 0px no-repeat; background-size:1em; padding-right:50px; }
select.hybrid::-ms-expand { display: none; }
select.hybrid.auto-width { width:auto; }

input[type='checkbox'] { width:1.2em; height:1.2em; border:1px solid #ccc; background:#fff; top:6px; margin:0 5px 0 0; -webkit-appearance: none; position: relative; cursor:pointer; border-radius:3px; }
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 { 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; font-size:inherit; }
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; }

input[type='submit'], 
input[type='button'] { width:auto; overflow:visible; padding:6px 20px; color:#FFF; background:#00A9BB; border:1px solid #00A9BB; font-size:inherit; font-family: inherit; text-transform:uppercase; }
input[type='submit']:hover:not(:disabled), input[type='button']:hover:not(:disabled) { background:#FFF; color:#00A9BB; }

.errorMessage { color:#C00; }
label.error { display:block; color:#C00; padding-top:4px; }
input.error, textarea.error, select.error { background-color:#F5CCCC !important; }

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

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