html{width:100%;height:100%;overflow-y:scroll}
body{color:#eee;background:#fff;height:100%;margin:0}
body,textarea{font-family:'Red Hat Display',sans-serif;line-height:1.8em;color:#666;font-size:20px}
.container{max-width:1024px;margin:0 auto;height:inherit;position:relative}
#main{height:100%}
#logo{position:absolute;top:20px;left:2%}
#status{text-transform:uppercase;text-align:center;display:flex;justify-content:center;align-items:center;height:100%;text-shadow:0 1px #eee;font-size:1.4em}
#status .local::before{content:"Local";border-bottom:1px dotted #333;margin-right:0.25em}
#central{display:flex;justify-content:center;align-items:center;height:100%;padding:0 2%}

/* Clear Floated Elements */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clear:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clear{height:1%}

/* Style HTML Tags */
*{outline:none}
* *:first-child{margin-top:0}
* *:last-child{margin-bottom:0}
html.root{height:100%}
a{color:#74b8e5;text-decoration:none}
.content a{word-wrap:break-word;word-break:break-all;max-width:100%}
a:hover{text-decoration:underline}
a.nohover:hover{text-decoration:none}
h1,h2,h3,h4,h5,h6{font-weight:600;margin:1.5em 0 0.8em 0;line-height:125%}
h1{color:#454545;font-size:30px}
h1.top{margin-top:0}
h2{margin:1em 0 0.4em 0;line-height:1.2em;color:#454545;font-size:28px}
h3{font-size:19px}
h4{font-size:16px;margin:2em 0 0.3em}
h5{font-size:15px}
h6{font-size:14px}
p{margin-bottom:1em}
*+.subheading{margin-top:-7px;font-size:0.95em}
h1+h2{margin-top:0}
*+.subheading{margin-top:-7px;font-size:0.95em}
.smaller{font-size:0.9em}
table{border-collapse:collapse;border-spacing:0;margin-bottom:15px;width:100%}
table caption{text-align:left;font-weight:600;font-size:1.4em;color:#fff;background:#93d0d2;padding:12px 15px;border-bottom:1px solid #9452A5;border-radius:6px 6px 0 0}

header{background:#111;height:7px;width:100%;position:absolute;top:0}
footer{background:#111;height:7px;width:100%;position:absolute;bottom:0}
form{max-width:520px}
form>*{display:block;margin:25px 0 7px;display:block;width:97.5%}
input{font-size:30px;display:block;width:95%;height:30px;margin-top:2px;padding:5px;vertical-align:baseline;border:1px solid #999;border-radius:4px}
button:disabled,button[disabled]{opacity:0.5}
button{font:inherit;cursor:pointer;font-size:22px;position:relative;background-color:#9452A5;font-weight:600;border-width:0;border-radius:10px;padding:12px 24px;color:#fff;display:inline-block;white-space:normal;text-align:center}
button:hover{background-color:#6e2982}
#password_match_info{color:#be7082;margin-top:0}

/* Colours */
.red{color:#be7082}
.pink{color:#F2D9E3}
.purple{color:#9452A5}
.blue{color:#74b8e5}
.bg-blue,.btn-success{background-color:#74b8e5 !important}
.border-blue{border-color:#74b8e5}

.green,.ok{color:#34A398}
.bg-green,.btn-action,.btn.btn-action{background:#81c894}
.border-green{border-color:#81c894}

.bg-blue:disabled,.btn-success:disabled{background-color:#666 !important}

/* General */
.notbold{font-weight:normal}
.invisible{display:none}
.relative{position:relative}
.w100{width:100%}

/* Fixes */
img{-ms-interpolation-mode:bicubic}
div.messages{margin:20px 0 0 0}
#field-time-add-more-wrapper{padding:0 0 10px 0}
html.js input.form-autocomplete{background-position:100% 8px}
html.js input.throbbing{background-position:100% -18px}

/* Screens */
@media (max-width:600px){
  body{font-size:16px;line-height:1.2em}
  h1{font-size:18px}
}