#overbrugging.preloading { display: none; }
#overbrugging .loading { color: #5b5b4a; }
#overbrugging .loading i.fa { font-size: 16px; color: #5b5b4a; }
#overbrugging .warning { background: #dd0b2f; color: white; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 10px; }
#overbrugging .warning i.fa { position: absolute; left: 10px; top: 10px; }
#overbrugging .warning p { padding-left: 25px; margin: 0; }
#overbrugging .message { background: #397c00; color: white; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 10px; }
#overbrugging .message i.fa { position: absolute; left: 10px; top: 10px; }
#overbrugging .message p { padding-left: 25px; margin: 0; }
#overbrugging fieldset { border: 2px solid #b3b3a2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#overbrugging fieldset.approveWithLegal { border-color: #dd0b2f; }
#overbrugging fieldset.approveWithLegal label { font-weight: bold; }
#overbrugging fieldset.approvedWithLegal { border-color: #397c00; color: #397c00; }
#overbrugging fieldset.approvedWithLegal .undoApproval { float: right; cursor: pointer; }
#overbrugging fieldset.chapter { position: relative; background: #006880; border-color: #006880; }
#overbrugging fieldset.chapter h2 { color: white; margin: 0; }
#overbrugging fieldset.chapter p.comment { display: none; position: absolute; right: 15px; top: 10px; font-size: 11px; font-style: italic; background: white; padding: 1px 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #006880; }
#overbrugging fieldset.result { border-color: #397c00; background-color: #dcfbd2; padding-bottom: 0; }
#overbrugging h2, #overbrugging h3, #overbrugging h4 { margin: 0 0 5px 0; }
#overbrugging h2 { font-size: 20px; color: #006880; }
#overbrugging h3 { font-size: 16px; color: #5b5b4a; }
#overbrugging h4 { color: #397c00; font-size: 12px; margin: 5px 0; }
#overbrugging label span.bleedingrisk { font-size: 9px; padding: 3px; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #999; color: white; }
#overbrugging label span.bleedingrisk.HOOG { background: red; }
#overbrugging label span.bleedingrisk.LAAG { background: orange; }
#overbrugging label span.bleedingrisk.KNR { background: green; }
#overbrugging label span.trombosisrisk { font-size: 9px; padding: 3px; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #999; color: white; }
#overbrugging label span.trombosisrisk.HOOG { background: red; }
#overbrugging label span.trombosisrisk.LAAG { background: orange; }
#overbrugging label span.trombosisrisk.NTB { display: none; background: green; }
#overbrugging .radioset__field { position: relative; padding: 3px 0; }
#overbrugging .radioset__field input { position: absolute; left: 0; top: 1px; }
#overbrugging .radioset__field label { display: block; padding-left: 20px; }
#overbrugging .checkbox__field { position: relative; padding: 3px 0; }
#overbrugging .checkbox__field input { position: absolute; left: 0; top: 1px; }
#overbrugging .checkbox__field label { display: block; padding-left: 20px; }

.legend { margin-top: 10px; }
.legend .item .key { display: inline-block; width: 35px; font-size: 9px; padding: 3px; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #999; color: white; }
.legend .item .key.HOOG { background: red; }
.legend .item .key.LAAG { background: orange; }
.legend .item .key.KNR { background: green; }
.legend .item .value { margin-left: 10px; font-size: 11px; display: inline-block; }

#chadsvasc_calculator { position: relative; border: 2px solid #b3b3a2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#chadsvasc_calculator .titlebar { background: #b3b3a2; color: white; font-size: 20px; padding: 10px 10px; }
#chadsvasc_calculator .titlebar:hover { background: #5b5b4a; cursor: pointer; }
#chadsvasc_calculator .titlebar h2 { color: white; }
#chadsvasc_calculator .onoff { position: absolute; right: 15px; top: 13px; }
#chadsvasc_calculator .chadsvasc_calculator_table { width: 100%; margin: 0; border: 0; }
#chadsvasc_calculator .chadsvasc_calculator_table td.col1 { width: 80px; color: #006880; }
#chadsvasc_calculator .chadsvasc_calculator_table td.col2 { width: 30px; }
#chadsvasc_calculator .chadsvasc_calculator_table .result { background-color: #e1e1da; font-weight: bold; }