html, body { min-height: 100%; vertical-align: baseline; }
html { margin: 0; padding: 0; }
html * { font-family: 'Noto Sans', sans-serif; box-sizing: border-box; }
input:not([type="checkbox"], [type="radio"]), textarea, select, option { font-size: 16px; }
body { background: #EEE; margin: 0; padding: 0 0 50px 0; }
a { text-decoration: none; color: #369; font-weight: bold; }
a:hover { color: #F00; }
center { display: block; margin: 0 0 18px 0; padding: 0 5px; text-align: center; }
textarea { resize: vertical; min-height: 100px; max-height: 70vh; width: 100%; }
hr { display: block; clear: both; margin: 0 0 18px 0; padding: 0; border: 0; border-bottom: solid 2px #468; }
h1, h2, h3, h4 { display: block; margin: 0 0 18px 0; padding: 0 5px; font-weight: bold; }
h1 { font-size: 22px; }
h2 { font-size: 21px; text-align: center; }
h3 { font-size: 20px; }
h4 { font-size: 20px; background: #369; color: #FFF; }
h4 a { color: #BDF; }
h4 a:hover { color: #EE8; }
p { display: block; margin: 0 0 18px 0; padding: 0 10px; }
header { padding: 0; }
.logo { display: inline-block; margin: 0 0 0 10px; text-decoration: none; outline: none; font-weight: bold; background-image: url('/icon.png'); background-repeat: no-repeat; background-position: top 4px left 0; }
main { width: 1200px; max-width: 90%; margin: 0 auto; }
main img, main input[type="text"] { max-width: 100%; }
nav { display: block; margin: 0; padding: 0; top: 0; }
nav div { color: #DDD; font-weight: bold; margin: 0; background-repeat: no-repeat; }
nav ul { display: none; margin: 0; padding: 0 0 5px 0; background: #468; box-shadow: 5px 5px 5px #123; border-radius: 0 0 0 10px; }
nav li { display: block; margin: 0; padding: 0; }
nav a { text-decoration: none; color: #DDD; border: none; }
nav ul a { display: block; margin: 0; padding: 2px 5px 2px 30px; }
nav ul a:hover { color: #FFF; background-color: #246; }
footer { position: fixed; bottom: 0; width: 100%; background: #DDD; margin: 0; padding: 0; }
.footermenu p { margin: 0; }
.errors { color: #F00; }
.companylist { display: block; margin: 0 0 20px 0; padding: 0; }
.companylist ul { display: block; margin: 10px 0 20px 0; padding: 0; }
.companylist li { display: block; margin: 0 0 20px 0; padding: 0 0 0 30px; line-height: 1; font-size: 20px; }
.companylist > li { background-repeat: no-repeat; background-size: 20px; }
.companylist >li:nth-child(odd) { background-color: #DDD; }
.companylist > li.active { background-image: url('/icons/active.png'); }
.companylist > li.inactive { background-image: url('/icons/inactive.png'); }
.companylist > li span { padding: 0 20px; color: #789; cursor: pointer; font-weight: bold; }
.companylist > li span:hover { color: #F00; }
.highlight { color: #900; font-weight: bold; }
input[type="submit"] { background-color: #DEF; color: #000; cursor: pointer; border-radius: 3px; font-weight: bold; }
.clear { display: block; font-size: 0; width: 0; height: 0; clear: both; }
.printbutton { display: block; float: right; height: 30px; width: 30px; cursor: pointer; background: url('/print.png'); background-size: contain; background-repeat: no-repeat; }
.content img { max-width: 100%; }
.ql-align-left { text-align: left!important; }
.ql-align-center { text-align: center!important; }
.ql-align-justify { text-align: justify!important; text-wrap: balance; }
.ql-align-right { text-align: right!important; }
.contractname td { background: #EEE; text-align: left; }
.archivebutton, .pdfbutton { line-height: 1; }
.archivebutton img, .pdfbutton img, .pdfbutton input[type="image"] { height: 22px; }
.pdfbutton p { margin: 0; padding: 0; }
.contractname img { display: inline-block; height: 18px; }
.adminonly { background: #ECC; font-weight: normal; }
.leftalign { float: left; }
#modal { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background: rgba(0,0,0,0.5); z-index: 9999; }
#modal > div { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 1000px; max-width: 90%; height: 90%; background: #EEE; }
#modal > div > iframe { display: block; width: 100%; height: 100%; }
#modal > div > span { background: #468; color: #FFF; width: 30px; text-align: center; line-height: 30px; padding: 0; position: absolute; top: 0; right: 0; margin-right: -35px; cursor: pointer; }
#modal > div > span:hover { background: #579; }
table { border: 0; padding: 0; margin: 0; }
th { background: #369; color: #FFF; font-weight: bold; vertical-align: bottom; }
th, td { text-align: center; font-size: 14px; padding: 3px; margin: 0; white-space: nowrap; }
.mobilescroll { display: block; overflow-x: auto; margin: 0; padding: 0.5rem; white-space: nowrap; background: #FFF; }
.mobilescroll table { min-width: 100%; }
.mobilescroll th { font-size: 10px; }
.mobilescroll td { font-size: 14px; }
.mobilescroll .pdfbutton img { height: 14px; }
form.default table { width: 800px; max-width: 100%; margin: 0 auto; border-collapse: collapse; }
form.default td { vertical-align: top; white-space: normal; text-align: left; padding: 5px; }
form.default td:last-child { width: 500px; max-width: 66%; }
form.default input:not([type=checkbox], [type=submit], [type=radio]),
form.default select { width: 100%; }
form.default { text-align: center; }
form.default tbody { border: solid 1px #369; }
form.inline, form.inline * { display: inline; }
form.inline p { padding: 0; margin: 0; }
form.inline br { display: none; }
form.loginform { text-align: center; }
form.loginform div { margin: 0 0 1rem 0; }
form.fullwidth table { width: 100%!important; }
form.fullwidth td { width: auto!important; max-width: none!important; }
label { display: block; font-weight: bold; }
.icon { height: 20px; line-height: 20px; font-size: 14px; vertical-align: middle; max-width: unset; }
.flexbox { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.flexbox > * { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.companystyling { border-radius: 0 0 10px 10px; box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.3); overflow: hidden; }