/* NA20240614 - CSS Regeln für die MedPaper InnerApp/Client */

@IMPORT "fontawesome-6.5.2/css/all.min.css";

/*region index.php (& patFinish)*/
/***************************/
/* index.php (& patFinish) */
/***************************/

/* Fehler-Buttons (Demodaten & Verwerfen) initial ausblenden */
#index #demoData /*, #patwahl #errorDiscard*/
{
    display: none;
}

#index fieldset,
#patFinish fieldset {
    padding: 20px;
    border: 1px solid #666666;
}

ul#authModeNavbar > li.nav-item > button.nav-link {
    color: black;
}

ul#authModeNavbar > li.nav-item > button.nav-link.active {
    color: white;
}

/*endregion*/

/*region Patientenliste*/
/**********************/
/* Patientenliste     */
/**********************/

#patwahl ul#patlist[data-customsorting="noListDividers"] .ui-li-divider {
    display: none;
}

#patwahl ul.patPbList p {
    margin: 4px 0 0 0;
}

#patwahl ul.patPbList p { /* eigentlich :not(:last-child) -> hier fallback für IE7 */
    border-bottom: 1px solid black;
}

#patwahl ul.patPbList p:last-child { /* fallback für IE7 (da dort :last-child auch nicht fkt. hat dieses auch ein Border-bottom -> nicht so schlimm) */
    border-bottom: none;
}

#patwahl ul.patPbList {

     [data-pbStatus="finished"],
     [data-pbStatus="signed"],
     [data-pbStatus="archiving"],
     [data-pbStatus="archived"],
     [data-pbStatus="printed"],
     [data-pbStatus="reopened"] /* CG20230601 wiedereröffnete Bögen auf patwahl-Seite wie Abgeschlossene anzeigen... */ {
         :not(.hover) {
             background-color: #BBFF66;
         }
     }

    [data-pbStatus="archivingError"],
    [data-pbStatus="tmplStorned"],
    [data-pbStatus="removed"] {
        :not(.hover){
            background-color: #FF8888;
            text-shadow: #BBB 0 1px 0;
        }
    }

    [data-pbStatus="edited"],
    [data-pbStatus="pat_edited"],
    [data-pbStatus="pat_finished"],
    [data-pbStatus="viewed"],
    [data-pbStatus="pat_viewed"] {
        :not(.hover) {
            background-color: #FFFF66;
        }
    }
}

#patwahl ul.patPbList p > span { /* CG20180928 ohne Umbruch kann .pbStatusDescr bei zu langem Inhalt (z.B. "vom Patienten ausgefüllt" bei großer Schrift) in .bogDescr ragen */
    white-space: normal;
    /* word-wrap ist laut caniuse.com, Stand 14.06.2024 mit 95% der benutzten Browser kompatibel. */
    /*noinspection CssBrowserCompatibilityForProperties*/
    word-wrap: break-word;
}

#patwahl ul.patPbList span.patdescr {
    float: left;
}

#patwahl ul.patPbList span.patnr {
    float: right;
}

#patwahl ul.patPbList span.pbStatusDescr {
    font-weight: bold;
    width: 150px;
    display: inline-block;
    float: left;
}

#patwahl ul.patPbList span.bogDescr {
    float: left;
}

#patwahl ul.patPbList span.refLgDescr {
    float: right;
}

/* CG20180619 kein Patientenheader bei manuell angelegten, bezugslosen Dokumenten (enthält - für li-divider) */
#patwahl ul.patPbList .noPatientContext .patdescr, #patwahl ul.patPbList .noPatientContext .patnr {
    display: none;
}

/* Scan-Button muss durch Cordova-Event eingeblendet werden */
#patwahl #scanButton {
    /* CG20170517 Header-Umstellung	auf jqm-Navbars -> Layout-Anpassung...
        display:none;
        margin-left: 150px;
    */
    display: block;
}

/* Menübereiche nur bei Bedarf dynamisch einblenden */
#patwahl #patwahlMenu #manualCreate, #patwahl #patwahlMenu #filterPresets {
    display: none;
}

#patwahl #patwahlMenu .mpListOptions .ui-controlgroup-controls {
    width: 100%;
}

#patwahl #pgftr {
    padding: 0.2em 2em;
}

/* MANV Status in Patientenliste */
#patwahl a[manvstatus="sk1"] {
    background-color: #FFAAAA;
}

#patwahl a[manvstatus="sk2"] {
    background-color: #ffff80;
}

#patwahl a[manvstatus="sk3"] {
    background-color: #AAFFAA;
}

/*endregion*/

/*region patStart.php*/
/* HW 180910*/
#patStart h3 {
    display: block;
    margin-bottom: 0;
    white-space: pre-wrap;
}

#patStart ul {
    list-style: none;
    padding-left: 0;
}

#patStart ul li {
    margin-bottom: 2px;
    border: 1px solid #303030;
}

/*endregion*/

/*region Schriftgrößen Definitionen*/
body.normalFont,
body.normalFont > #patwahl .listView .listView-resultGroup .patdescr,
body.normalFont > #patwahl .listView .listView-resultGroup .patnr,
body.normalFont > #patwahl .listView .listView-resultGroup .pbCount,
body.normalFont div#calendarPopup div#rightRow .invalidDataMsg {
    font-size: 16px;
}

body.bigFont,
body.bigFont > #patwahl .listView .listView-resultGroup .patdescr,
body.bigFont > #patwahl .listView .listView-resultGroup .patnr,
body.bigFont > #patwahl .listView .listView-resultGroup .pbCount,
body.bigFont div#calendarPopup div#rightRow .invalidDataMsg {
    font-size: 24px;
}

body.hugeFont,
body.hugeFont > #patwahl .listView .listView-resultGroup .patdescr,
body.hugeFont > #patwahl .listView .listView-resultGroup .patnr,
body.hugeFont > #patwahl .listView .listView-resultGroup .pbCount,
body.hugeFont div#calendarPopup div#rightRow .invalidDataMsg {
    font-size: 32px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=date],
input[type=email],
input[type=tel],
input[type=time],
select {
    font-size: 1.2em;
}

/* Schriftgröße einzelner Ergebnisgruppen innerhalb des ListViews */
body.normalFont .listView-resultGroup {
    font-size: 12px;
}

body.bigFont .listView-resultGroup {
    font-size: 18px;
}

body.hugeFont .listView-resultGroup {
    font-size: 24px;
}

/*endregion*/

/*region dynamische Popup-Menüs*/
/**************************/
/* dynamische Popup-Menüs */
/**************************/

.medpaperMenuPopup #checkingConnectivity * { /* wie .middleAlignedChildren */
    vertical-align: middle;
}

.medpaperMenuPopup #checkingConnectivity img {
    margin: 10px;
    width: 28px;
    opacity: 0.3;
}

.medpaperMenuPopup #offline, .medpaperMenuPopup #online, .medpaperMenuPopup.offline #checkingConnectivity, .medpaperMenuPopup.online #checkingConnectivity {
    display: none !important;
}

.medpaperMenuPopup.offline #offline, .medpaperMenuPopup.online #online {
    display: block !important;
}

/* CG20181207 indiviuelle Layout-Klassen für Ue-Menübereiche */
.medpaperMenuPopup .halfWidth {
    width: 50%;
    float: left;
}

/* CG20190131 etwas Abstand muss sein! */
.medpaperMenuPopup fieldset {
    box-sizing: border-box;
    padding: 0.5em;
}

#pbMenu-popup {
    width: 90%;
    left: 5%;
    right: 5%;
}

/*endregion*/