@CHARSET "UTF-8";

/*
color scheme:
    * background: #fff
    * headlines, border: #1abbf0
    * diverses: #f9e29b
*/

html, body {
    position: relative;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #fff;
    font-family: Avant Garde, Arial, Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    z-index: 1;
    height: 100vh;
    min-height: 100vh;

}

.required_1 {
    /* required == 1 */
    font-weight: bold;
    color: #E6005C;
}

.required_2 {
    /* required == 2 */
    font-weight: bold;
    color: #FF6600;
}

.link, a:link, a:visited {
    color: #000000;
    text-decoration: underline;
}

a:hover {
    color: #1abbf0;
    text-decoration: underline;
}

a.cb, a.cb:link, a.cb:visited {
    color: #000000;
    text-decoration: none;
}

a.cb:hover {
    color: #000000;
    text-decoration: underline;
}

a.cb_link {
    color: #000000;
}

a.cb_link:hover {
    color: #1abbf0;
    text-decoration: underline;
}

a.button, a.button:link, a.button:visited {
    color: #000000;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    border: 2px solid #000000;
    padding: 2px;
}

a.button:hover {
    color: #1abbf0;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    border: 2px solid #000000;
}

a.loginbutton, a.loginbutton:link, a.loginbutton:visited {
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    border: 2px solid #000000;
    padding: 4px;
}

a.loginbutton:hover {
    color: #1abbf0;
}

.errormessage {
    color: red;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
}

.errormessage_ecrf {
    color: red;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
    border: 1px dotted red;
    background-color: white;
}

.successmessage, div.successmessage {
    color: green;
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
}

div.successmessage {
    background-color: lightgreen;
    border: 1px solid green;
    padding: 6px;
}

/* EINGABE ELEMENTE */
input {
    border: 1px solid #000000;
    margin-right: 5px;
}

input:focus {
    border: 1px solid;
    margin-right: 5px;
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
}

input[type=button]:hover, input[type=submit]:hover {
    border: 1px solid #1abbf0;
    color: #000000;
}

textarea {
    border: 1px solid #000000;
    margin-right: 5px;
}

textarea:focus {
    border: 1px solid #1abbf0;
    margin-right: 5px;
}

input.required {
    border: 1px solid red;
    margin-right: 5px;
}

select.required {
    border: 1px solid red;
}

textarea.required {
    border: 1px solid red;
    margin-right: 5px;
}

.label_ok {
    color: green;
    font-weight: bold;
}

.label_notok {
    color: red;
    font-weight: bold;
}

.required {
    color: red;
}

/*ENDE EINGABE ELEMENTE */


#inplogin {
    margin-left: 110px;
}

/* ENDE styles for login container*/

/* class for body tag leftframe with menu*/
.test {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url(../img/borderright_leftframe.gif);
    background-repeat: repeat-y;
}

/*ende class leftframe*/

/* TOPFRAME */
/*
 * The header image is rendered as an <img id="header_img"> in topframe.blade.php
 * (editor-swappable via the Document store) and styled in css/2024/topframe.css.
 * The former hardcoded `background-image: url(../img/header.jpg)` was removed here.
 */

/* end TOPFRAME */

.bold {
    font-weight: bold;
}

.ital {
    font-style: italic;
}

/* 09_082: `:not(.crf-block-head)` -- the eCRF block headers (formbuilder) are styled in
   css/bi/crf/field-actions.css; without it the blue bar flashes up before crf.js renames the id. */
#headline:not(.crf-block-head) {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    background: #1abbf0;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    padding: 4px 0px 4px 14px;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
}

#content {
    margin-bottom: 20px;
}

#subheadline:not(.crf-block-head) {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
    font-weight: bold;
    background-color: #878787;
    color: #ffffff;
    font-size: 14px;
    padding: 3px 0px 3px 16px;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
}

h4 {
    text-align: left;
    margin: -2px;
}

#testtabelle {
    border: 2px solid white;
    background: #ffffff;
}

#tt_header {
    border: 1px solid red;
    background: #ffffff;
}

#welcome {
    font-size: 15px;
    font-weight: bold;
    color: #000000;
    margin: 10px 0px 6px 10px;
}

#starttext {
    margin-left: 10px;
    font-size: 14px;
}

#messagelink {
    color: #000000;
    text-decoration: none;
    margin-left: 10px;
}

#messagelink:hover {
    color: #f36e24;
}

#startlink {
    color: #000000;
    text-decoration: none;
}

#startlink:hover {
    color: #a19b62;
}


#klinik {
    margin-top: 13px;
    margin-bottom: 0px;
    text-align: left;
    font-weight: bold;
    background-color: #1abbf0;
    color: #ffffff;
    font-size: 14px;
    padding: 3px 0px 3px 16px;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
}

#abteilung {
    margin-top: 3px;
    margin-bottom: 10px;
    margin-right: 0px;
    text-align: left;
    font-weight: bold;
    background-color: #878787;
    color: #ffffff;
    font-size: 14px;
    padding: 3px 0px 3px 16px;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
}

#abteilung_rechts {
    margin-top: 3px;
    margin-bottom: 10px;
    margin-left: 0px;
    text-align: right;
    font-weight: bold;
    background-color: #878787;
    color: #ffffff;
    font-size: 14px;
    padding: 3px 0px 3px 16px;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
}

/*STYLES FOR MATRIX CASEBOOK*/

.matrixtable_casebook {
    background: #cccccc;
    font-weight: bold;
    color: #000000;
    /*border-width: 2px;
    border-spacing: 2px;
    border-style: solid;
    border-color: #000000;
    border-collapse: collapse;*/
    margin-top: 40px;

    border: 2px solid #000000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.matrixtable_casebook td {
    border-width: 1px;
    padding: 1px 5px;
    border-style: solid;
    border-color: #000000;
}

.matrixtable_casebook td.cb_cycle_link {
    text-align: left;
}

.matrixheader_casebook {
    background: #1abbf0;
    color: #ffffff;
    margin-left: 5px;
    text-align: left;
}

.matrixsubheader_casebook {
    background: #999999;
}

/*END STYLES MATRIX CASEBOOK*/

/*STYLES FOR MATRIX*/

.matrixtable {
    background: #ffffff;
    color: #000000;
    /*border-width: 2px;
    border-spacing: 2px;
    border-style: solid;
    border-color: #1abbf0;
    border-collapse: collapse;
    */
    border: 2px solid #1abbf0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.matrixtable td, matrixtable th {
    border-width: 1px;
    padding: 1px 5px;
    border-style: solid;
    border-color: #1abbf0;
    font-weight: normal;
    text-align: left;
}

.matrixtable tr:hover {
    background-color: #cccccc;
}

.matrixheader, .matrixtable .matrixheader td, .matrixtable .matrixheader th, td.matrixheader, th.matrixheader {
    background: #1abbf0;
    margin-left: 5px;
    color: #000000;
    font-weight: bold;
    text-align: left;
}

.matrixtable td.white {
    background: #ffffff;
    background-color: #ffffff;
}

.matrixheader a {
    color: #000000;
    text-decoration: none;
}

.matrixheader a:visited {
    color: #000000;
    text-decoration: none;
}

.matrixheader a:hover {
    color: #ffffff;
    text-decoration: none;
}

.matrixsubheader {
    background: #007ac2;
}

/*END STYLES MATRIX*/

/*FIXED SUBMIT LAYER*/
/* IE6 */
.bottomlayer_ {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 70px;
    background: #007ac2;
    background-color: #007ac2;
    border-top: 1px solid black;
    z-index: 100;
}

html > body .bottomlayer_ { /* nur fuer moderne Browser! */
    position: fixed;
    background: #0000ff;
    background-color: #0000ff;
    z-index: 100;
}

/*
* html .bottomlayer{

    position:absolute;
    bottom:0;
    top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);
    height:70px;
    background:#007ac2;
    background-color:#007ac2;
    border-top: 1px solid black;
    padding: 0px 0px 0px 0px;
}
*/
.spacer_bottom_ {
    height: 70px;
    width: 100%;
    background-color: #007ac2;
    background: #007ac2;
}

/*END FIXED SUBMIT LAYER*/

/* SORTING */
td.sorting_desc, .matrixtable .matrixheader td.sorting_desc {
    background-image: url('../img/icons/sorting_arrow_desc.png');
    background-repeat: no-repeat;
    background-position: right;
    min-height: 16px;
}

td.sorting_desc:hover, .matrixtable .matrixheader td.sorting_desc:hover {
    background-image: url('../img/icons/sorting_arrow_asc.png');
    background-repeat: no-repeat;
    background-position: right;
}

td.sorting_asc, .matrixtable .matrixheader td.sorting_asc {
    background-image: url('../img/icons/sorting_arrow_asc.png');
    background-repeat: no-repeat;
    background-position: right;
    min-height: 16px;
}

td.sorting_asc:hover, .matrixtable .matrixheader td.sorting_asc:hover {
    background-image: url('../img/icons/sorting_arrow_desc.png');
    background-repeat: no-repeat;
    background-position: right;
    min-height: 16px;
}

/* end SORTING */

/*ANFANG matrixtable zyklen*/

.cyclink {
    color: #24e31f;
    font-size: 22px;
    font-weight: bold;
}

.cycdate {
    color: #000000;
    font-size: 10px;
}

/*ENDE matrixtable zyklen*/

.messagebox2 {

    width: 480px;
    height: 200px;
}

.messagerecipient {

    width: 480px;
    /*
        height: 200px;
    */
}

/*
START
STYLES FÜR EDITOR
*/

.editor {
    background: #67CBE0;
    color: #000000;
}

.editor a {
    color: #000000;
}

.editor h1 {
    color: #000000;
    padding: 10px 12px;
    background-color: #ffffff;
}

.edtable {
    border: 1px solid white;
}

.edtable td {
    border: 1px solid white;
}

textarea {
    font-size: 13px;
}

#edit_wrapper {
    width: 100%;
}

#editor_edit {
    background-color: #cccccc;
    width: 50%;
    float: left;
    border-right: 2px solid #999999;
    border-top: 1px solid #999999;
    padding: 5px;
}

#editor_list {

    background-color: beige;
    margin-left: 50%;
    border-top: 1px solid #999999;
    padding: 5px;
    padding-left: 17px;
}


/*
ENDE
STYLES FÜR EDITOR
*/

/* STARTSITE / HOME */
div.overview_container {
    position: relative;
    width: 100%;
    border: none;
}

div.overview_box {
    position: relative;
    float: left;
    width: 48%;
    min-height: 250px;
    background-color: #ffffff;
    border: 1px solid #000000;
    margin: 4px;
    display: block;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

div.overview_box div.header {
    width: 100%;
    background-color: #1abbf0;
    color: #000000;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    display: block;
}

div.overview_box div.header div {
    padding-left: 2px;
    padding-right: 2px;
}

div.overview_box div.content {
    width: 100%;
    color: #000000;
    overflow: auto;
}

div.overview_box div.content div {
    height: 100%;
    padding-left: 2px;
    padding-right: 2px;
}

div.noborder {
    border: 0px;
}

/* end - STARTSITE / HOME */

/* FOLDING/EXPAND */
div.farrow {
    background: transparent url('../img/arrows.png') no-repeat scroll 0px -16px;
    width: 16px;
    height: 16px;
    display: block;
}

fieldset.farrow legend {
    background: transparent url('../img/arrows.png') no-repeat scroll 0px -16px;
}

div.farrowup {
    background-position: 0px 0px;
}

fieldset.farrowup legend {
    background-position: 0px 0px;
}

/* end FOLDING/EXPAND */

/* MISC */
.assignedto {
    color: red;
    font-size: 12px;
    font-weight: bold;
}
.btn.query.critical {
    background-color: #f2dede;
    border-color: #c9302c;
    color: #a94442;
}
.btn.query.critical:hover {
    background-color: #c9302c;
    color: #fff;
}
/* Closed query references (07_021) -- green; `.closed` wins over `.critical`. */
.btn.query.closed {
    background-color: #dff0d8;
    border-color: #5cb85c;
    color: #3c763d;
}
.btn.query.closed:hover {
    background-color: #5cb85c;
    color: #fff;
}
/* Canceled query references (07_021) -- orange; `.canceled` wins over `.closed` and `.critical`. */
.btn.query.canceled {
    background-color: #fdebd0;
    border-color: #f39c12;
    color: #8a5000;
}
.btn.query.canceled:hover {
    background-color: #f39c12;
    color: #fff;
}

.statetext {
    color: #9f1111;
    font-size: 28px;
    font-weight: bold;
    text-shadow: #000000 3px 2px;
}

/* end - MISC */

/* FANCYBOX */
div#fancy_inner {
    background: #ffffff;
    border: 2px solid #1abbf0;
}

div#fancy_title {
    margin-top: 10px;
}

div#fancy_title div {
    color: #1abbf0;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 3px;
    white-space: nowrap;
}

td#fancy_title_left, td#fancy_title_main, td#fancy_title_right {
    background: none;
}

/* end - FANCYBOX */
.hoverColumn {
    background-color: #6C6C6C;
}

/* LABORATORY VALUES (09_027)
   A value outside its reference range. The class is set and removed by clsLabCheck()
   (scripts/formbuilder.php); the direction ("above"/"below") is in the field's title attribute.
   Applies to the text input, to the select of a binary parameter and to the fieldset of a
   binary radio group.

   The selector list is deliberately long. The eCRF body carries the class `bi`
   (scripts/index.php) and /css/bi/crf/crf.css is emitted AFTER this file
   (scripts/html_includes.inc.php: main.css on line 28, the collected bi sheets on line 38).
   That sheet paints every entry field white:

       .bi textarea, .bi input[type="text"], .bi input[type="password"] { background-color: #fff }
       .bi select                                                      { background-color: #fff }

   A bare `.lab_outofrange` (0-1-0) loses against those (0-2-1 and 0-1-1) and the marking stays
   invisible even though the class is on the element. Every selector below therefore outranks its
   counterpart in crf.css. Do not shorten this list. */
.lab_outofrange,
input.lab_outofrange,
select.lab_outofrange,
textarea.lab_outofrange,
.bi input[type="text"].lab_outofrange,
.bi input[type="password"].lab_outofrange,
.bi select.lab_outofrange,
.bi textarea.lab_outofrange,
.bi input[disabled].lab_outofrange,
.bi select[disabled].lab_outofrange,
.bi textarea[disabled].lab_outofrange,
.bi input[readonly].lab_outofrange,
.bi select[readonly].lab_outofrange,
.bi textarea[readonly].lab_outofrange {
    background-color: var(--crf-oor-bg, #ffa07a);
    border: 1px solid var(--crf-oor-border, #c9481c);
    color: #33414F;

    box-shadow: none;
}

/* 09_063, Achse 2: die Marke, die auch in Graustufen bleibt (WCAG 1.4.1 -- Farbe allein reicht
   nie: Farbsehschwaeche, schlecht kalibrierter Klinikmonitor, Graustufenausdruck eines
   Monitoring-Reports).

   DIESE Regel traegt nur die zehn `.bi …`-Eintraege, NICHT die vier ungescopten. Grund: main.css
   gilt app-weit (scripts/html_includes.inc.php, `oul`-Block jeder Seite), `.lab_outofrange` ist
   heute zwar nur im eCRF gesetzt (clsLabCheck(), scripts/formbuilder.php), aber ein
   `padding-right: 32px` auf einem nackten `.lab_outofrange` traefe jedes kuenftige Element mit
   dieser Klasse -- Druck- und Reportschichten und scripts/getInfo.php sind die naechsten
   Kandidaten. Farbe und Rahmen sind harmlos, Geometrie ist es nicht.

   Die Selektorliste oben bleibt byte-identisch: EcrfRuntimeMirrorTest pinnt die Anwesenheit der
   sechs Verbund-Selektoren, nicht den Deklarationsblock -- den Block zu teilen ist erlaubt. */
.bi input[type="text"].lab_outofrange,
.bi input[type="password"].lab_outofrange,
.bi select.lab_outofrange,
.bi textarea.lab_outofrange,
.bi input[disabled].lab_outofrange,
.bi select[disabled].lab_outofrange,
.bi textarea[disabled].lab_outofrange,
.bi input[readonly].lab_outofrange,
.bi select[readonly].lab_outofrange,
.bi textarea[readonly].lab_outofrange {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A2C08' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4.6 21.2 19.4H2.8z'/%3E%3Cpath d='M12 10.2v3.6'/%3E%3Cpath d='M12 16.6v.2'/%3E%3C/svg%3E");
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    padding-right: 32px;
}

/* Der Pfeil des nativen <select> braucht die rechten 26 px fuer sich. */
.bi select.lab_outofrange,
.bi select[disabled].lab_outofrange,
.bi select[readonly].lab_outofrange {
    background-position: right 26px center;
    padding-right: 44px;
}

/* Die Textarea waechst nach unten -- das Warndreieck gehoert nach oben rechts. */
.bi textarea.lab_outofrange,
.bi textarea[disabled].lab_outofrange,
.bi textarea[readonly].lab_outofrange {
    background-position: right 10px top 10px;
}

/* 09_063, R6: Fokus auf getoentem Feld. Der Standardrahmen #14707F erreicht auf #FFA07A nur
   2,85:1 und faellt damit unter die 3:1 fuer Bedienelemente (WCAG 1.4.11) -- #0E5F6B schafft
   3,65:1. Der weisse Innenring trennt den dunklen Rahmen von der Toenung und macht den Fokus
   auch bei schwachem Monitorkontrast eindeutig.

   0,4,1 (bzw. 0,3,1 am <select>): schlaegt die Toenung selbst und den Ring von lock(). Das
   Polster faengt den 2-px-Rahmen ab, damit der Text beim Fokussieren nicht springt. */
.bi input[type="text"].lab_outofrange:focus,
.bi select.lab_outofrange:focus,
.bi textarea.lab_outofrange:focus {
    border: 2px solid var(--crf-focus-tinted, #0E5F6B);
    box-shadow: inset 0 0 0 1px #fff, 0 0 0 3px var(--crf-focus-tinted-ring, rgba(14, 95, 107, .25));
    outline: 0;
    padding: 6px 32px 6px 9px;
}

.bi select.lab_outofrange:focus {
    padding: 0 44px 0 9px;
}

/* 09_063, R8: ein Feld, das lock() gesperrt hat UND ausserhalb der Norm liegt, ist salmon MIT
   SCHLOSS -- die Vorrangregel des Nachtrags: hat ein Feld einen Wertstatus, uebernimmt dessen
   Toenung die Fuellung, und die Editierbarkeit wandert vollstaendig auf Icon und Zeiger.

   Nur Fuellung, Rahmenfarbe und Icon, sonst nichts: alle drei muessen gegen
   `.bi input.crf-locked[readonly]` (css/bi/crf/crf.css, 0,3,1, SPAETERE Datei -- sie gewinnt den
   Gleichstand gegen die Regel oben) zurueckgeholt werden; alles Weitere bliebe der Fehlerregel
   R5 im Weg, die diese Stufe noch schlagen koennen muss.

   Der gesperrte BOGEN bekommt hier bewusst nichts: er behaelt das Warndreieck (Entscheidung
   0.2 -- kein Schloss an dutzenden Feldern eines abgeschlossenen eCRF). */
.bi input.crf-locked[readonly].lab_outofrange,
.bi textarea.crf-locked[readonly].lab_outofrange,
.bi select.crf-locked.lab_outofrange {
    background-color: var(--crf-oor-bg, #ffa07a);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A2C08' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E");
    border-color: var(--crf-oor-border, #c9481c);
    padding-right: 32px;
}

.bi select.crf-locked.lab_outofrange {
    padding-right: 44px;
}

fieldset.lab_outofrange {
    background-color: #ffe4d6;
}

/* end - LABORATORY VALUES */