/* APPPARAMETERS */

.appparameters {
    background-color: #efefef;
    padding: 10px;
}

.appparameters .appparamname {
    font-weight: bold;
    color: #d63384;
    word-wrap: break-word;
    font-family: var(--bs-font-monospace);
    font-size: .875em;
    direction: ltr;
    unicode-bidi: bidi-override;
}

.appparameters .appparamname:not(:first-child) {
    margin-top: 20px;
}

.appparameters p {
    padding-bottom: 5px !important;
    font-size: 16px;
}

.processconfigbody .ph.b {
    color: #d63384 !important;
    font-weight: 500;
    word-wrap: break-word;
    font-family: var(--bs-font-monospace);
    font-size: .875em;
    direction: ltr;
    unicode-bidi: bidi-override;
}

.appparamdefinition {
    font-family: var(--bs-font-monospace);
    font-size: .875em;
    direction: ltr;
    unicode-bidi: bidi-override;
}

.appparamtooltip::before {
    font-family: 'Font Awesome 5 Pro';
    content: '\f05a';
    padding-right: 5px;
}


.hazardstatement {
    display: flex;
    border-radius: 0 0 5px 5px;
    border-top: none;
    border-left: 1pt solid transparent;
    border-right: 1pt solid transparent;
    border-bottom: 1pt solid transparent;
}

.hazardstatement .messagepanel {
    order: 3;
    width: 90%;
    padding: 0px 0px 0px 10px;
}

.hazardstatement .hazardsymbol {
    order: 1;
    width: 2%;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: -3px;
}

.hazardstatement td:has(svg) {
    width: 0px;
    background-color: orange;
    padding: 3px;
}

.hazardstatement .messagepanel .howtoavoid::before {
    font-family: 'Font Awesome 5 Pro';
    content: '\f061';
    padding-right: 5px;
}

.hazardstatement th {
    background-color: orange;
    color: white;
    padding-top: 3px;
}