*,:after,:before{box-sizing:border-box;margin:0;padding:0}app-root{max-width:640px;position:relative;display:block;margin:auto}body{font-size:14px;font-weight:300;line-height:1.5;font-family:Open Sans Regular,open-sans,sans-serif;background-color:#e4f3f3;color:#163556}input,textarea{font-family:Open Sans Regular,open-sans,sans-serif}.hideable{opacity:1;transition:opacity .5s ease-out,margin .5s ease-out}.hidden{opacity:0}.page-section{margin:30px}.page-section.bordered{border:1px solid #00B1B1;border-radius:12px;background-color:#fff;padding:10px}.center-contents{display:flex;flex-direction:column;align-items:center}.highvis{display:block;padding:10px;border-radius:0;font-weight:600}.highvis.error{color:#fff;background-color:#dc5a6e;border-radius:12px}.highvis.success{color:#fff;background-color:#6cba86;border-radius:12px}.reduced{font-size:70%;color:gray}.flex-button{background-color:#708090;cursor:pointer;margin-bottom:5px;padding:20px;border-radius:12px;border:0px;color:#fff;display:flex;min-width:160px;flex-grow:1 0;justify-content:flex-start;font-size:20px;width:100%}.flex-button .icon{flex-grow:0;height:100%;width:60px;background-repeat:no-repeat;background-size:contain;justify-content:flex-end}.flex-button.default{background-color:#00b1b1}.expand-indicator-container{display:flex;align-items:center;right:5px;height:80%;position:absolute}.clickable{cursor:pointer;color:#0072ff}.input_container{margin:2px;width:100%;display:flex}.input_container input{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;margin:0}.inputbtn{margin:0 0 0 -12px;border-radius:12px;background-color:#00b1b1;color:#fff;padding:3px 10px;border:none;font-weight:600;min-width:100px}.inputbtn:disabled{color:#708090;box-shadow:none}.inputbtn:disabled:hover,.inputbtn:disabled:active{border:inherit}.inputbtn:hover,.inputbtn:active{border:1px solid #E4F3F3}.bigbtn{padding:4px 20px;min-width:100px;margin:2px}.right_adjust_flex{display:flex;flex-direction:column;align-items:end}input,textarea{border:1px solid #00B1B1;border-radius:12px;margin:2px;padding:4px;background-color:#fafdfd;flex:auto}input:focus,textarea:focus{border:1px solid #E4F3F3}.nicebtn{min-width:150px;padding:5px;border:1px solid darkgray;border-radius:12px;background-color:#00b1b1;color:#fff;box-shadow:0 0 5px #0003}.nicebtn:disabled{color:#708090;box-shadow:none;background-color:#fff}.nicebtn:disabled:hover,.nicebtn:disabled:active{border:inherit}.nicebtn:hover,.nicebtn:active{border:1px solid #E4F3F3}.fullwidth{width:100%}.container{border:1px solid #00B1B1;border-radius:12px;background-color:#fff;padding:15px 5px}.fullscreen-overlay{position:absolute;background-color:#e4f3f3;inset:0;z-index:100}.darksection{background-color:#1d5e6a}h1{font-weight:400;font-size:23px}h3{font-size:25px;text-align:center}h4{margin-bottom:10px;text-align:center}