/* _content/ChemSelectUI/Areas/Identity/Pages/Shared/_Layout.cshtml.rz.scp.css */
.list-item[b-9wqgz53o05] {
    background-color: transparent;
    position: relative;
    text-decoration: none;
    color: #212121;
    border: none;
    display: flex;
}
/* _content/ChemSelectUI/Pages/Accessibility.razor.rz.scp.css */
.page[b-0ps7z7xma5] {
    background-color: #FFFFFF;
    color: #444444;
    font-size: 0.9rem;
    overflow-x: hidden;
}

p[b-0ps7z7xma5] {
    margin: 0;
    margin-top: 4px;
    padding: 0;
}

h3[b-0ps7z7xma5] {
   margin-bottom:2px;
   margin-top:3px;
}

.custom-list[b-0ps7z7xma5] {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none; /* Entfernt die Bullet Points */
    padding: 0;
    margin: 0;
}

    .custom-list li[b-0ps7z7xma5] {
        width: 50%; /* Breite der Listenelemente */
        box-sizing: border-box;
    }

        .custom-list li:nth-child(-n+4)[b-0ps7z7xma5] {
            order: 1; /* Erste Spalte */
        }

        .custom-list li:nth-child(n+5)[b-0ps7z7xma5] {
            order: 2; /* Zweite Spalte */
            margin-left: auto; /* Schiebt die letzten drei Elemente nach rechts */
        }

/* _content/ChemSelectUI/Pages/EasyRead.razor.rz.scp.css */
page[b-6xl2n1k2uj] {
    overflow-x: hidden;
    background-color: #DFDFDF;
    font-weight: bold; /* Text fett darstellen für bessere Lesbarkeit */
    color: #336; /* Dunkle Schriftfarbe für guten Kontrast */
    font-size: 16px; /* Mindestschriftgröße für gute Lesbarkeit */
    line-height: 1.5; /* Zeilenabstand auf das 1,5-fache der Schriftgröße setzen */
    font-family: Arial, Helvetica, sans-serif; /* Eine klare, serifenlose Schrift */
}
/* _content/ChemSelectUI/Pages/Export.razor.rz.scp.css */
.accordion-button[b-u9tbqtzylj] {
    background-color: #FAFAFA; /* Standardfarbe */
    color: darkblue;
    font-weight: bold;
    border: solid 1px purple;
}

    .accordion-button:not(.collapsed)[b-u9tbqtzylj] {
        background-color: #FAFAFA; /* Farbe, wenn der Tab ausgewählt ist */
        color: darkblue;
    }

/* .accordion-button:after { MACHT DIE PFEILE NEGATIV WEISS, Funktioniert zwar, aber vielleicht nicht für alle Zeit
                    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
                } */

table[b-u9tbqtzylj] {
    width: 100%;
    border-collapse: collapse;
    margin: 3px 0;
    font-size: 11px;
    text-align: left;
    background-color: #FDFDFD;
    border-left: 1px solid #aaa;
}

caption[b-u9tbqtzylj] {
    caption-side: top;
    font-weight: bold;
    font-size: 1.2em;
    text-align: left;
    color: #333;
}

td[b-u9tbqtzylj] {
    padding: 2px;
    border-bottom: 2px solid #eee;
    border-right: 1px solid #aaa;
}

    td.number[b-u9tbqtzylj] {
        text-align: right; /* Zahlenwerte rechtsbündig */
        padding-right: 4px;
    }

th[b-u9tbqtzylj] {
    color: #606060;
    background-color: moccasin;
    border-bottom: 2px solid #606060;
    border-right: 1px solid #aaa;
    padding: 2px;
}

tr:hover[b-u9tbqtzylj] {
    background-color: #f1f1f1;
}

tr:nth-child(even)[b-u9tbqtzylj] {
    /*background-color: #fff1f9;*/
}
/* _content/ChemSelectUI/Pages/HPhrases.razor.rz.scp.css */
.table-wrapper[b-ye05gfsiq7] {
    overflow-y: auto;
    height: 77vh; /* oder die gewünschte Höhe */
    margin-top:2px;
}
/* _content/ChemSelectUI/Pages/Import.razor.rz.scp.css */
.accordion-button[b-bd998h65sg] {
    background-color: #FAFAFA; /* Standardfarbe */
    color: darkblue;
    font-weight: bold;
    border: solid 1px purple;
}

    .accordion-button:not(.collapsed)[b-bd998h65sg] {
        background-color: #FAFAFA; /* Farbe, wenn der Tab ausgewählt ist */
        color: darkblue;
    }

/* .accordion-button:after { MACHT DIE PFEILE NEGATIV WEISS, Funktioniert zwar, aber vielleicht nicht für alle Zeit
                    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
                } */

table[b-bd998h65sg] {
    width: 100%;
    border-collapse: collapse;
    margin: 3px 0;
    font-size: 11px;
    text-align: left;
    background-color: #FDFDFD;
    border-left: 1px solid #aaa;
}

caption[b-bd998h65sg] {
    caption-side: top;
    font-weight: bold;
    font-size: 1.2em;
    text-align: left;
    color: #333;
}

td[b-bd998h65sg] {
    padding: 2px;
    border-bottom: 2px solid #eee;
    border-right: 1px solid #aaa;
}

    td.number[b-bd998h65sg] {
        text-align: right; /* Zahlenwerte rechtsbündig */
        padding-right: 4px;
    }

th[b-bd998h65sg] {
    color: #606060;
    background-color: moccasin;
    border-bottom: 2px solid #606060;
    border-right: 1px solid #aaa;
    padding: 2px;
}

tr:hover[b-bd998h65sg] {
    background-color: #f1f1f1;
}

tr:nth-child(even)[b-bd998h65sg] {
    /*background-color: #fff1f9;*/
}
/* _content/ChemSelectUI/Pages/Imprint.razor.rz.scp.css */
blockquote[b-38plueapnq] {
    
}
    blockquote p[b-38plueapnq] {
        font-size: 0.85rem !important;
    }
    blockquote ol[b-38plueapnq] {
        font-size: 0.85rem !important;
    }
    blockquote h4[b-38plueapnq] {
        font-size: 1rem !important;
    }
    blockquote h5[b-38plueapnq] {
        font-size: 0.95rem !important;
    }

/* _content/ChemSelectUI/Pages/index.razor.rz.scp.css */
.page[b-vxpmmbw30r] {
    margin: 0px 0px;
    background-color: #DADADA;
}

.evaluationbox[b-vxpmmbw30r] {
    height: 18px;
    width: 30px;
    /*line-height: 12px;*/
    text-align: center;
    vertical-align: middle;
    border-radius: 4px;
    border: solid 1px #B1B1B1;
}

.text-button[b-vxpmmbw30r] {
    background: none;
    border: none;
    color: blue;
    text-decoration: underline;
    cursor: pointer;
    padding: 0;
    font: inherit;
}

    .text-button:hover[b-vxpmmbw30r] {
        color: darkblue;
    }

.custom-nav-pills .nav-link[b-vxpmmbw30r] {
    background-color: #F9F9F9;
    color: darkblue;
    padding-bottom: 2px;
    padding-top: 2px;
    margin-right: 3px;
}

.lightgraycolor[b-vxpmmbw30r]{
    background-color: #FCFCFA;
}

.box[b-vxpmmbw30r] {
    border: inset;
    border-width: 1px;
    height: 20rem;
    overflow-y: scroll;
    font-size: x-small;
}

h4[b-vxpmmbw30r] {
    text-align: center;
    background-color: antiquewhite;
    margin: 0.3rem;
}

dl[b-vxpmmbw30r] {
    padding-left: 1rem;
}

.text-with-image[b-vxpmmbw30r] {
    display: flex;
    align-items: flex-start;
}

    .text-with-image p[b-vxpmmbw30r] {
        flex: 1;
        margin-right: 6px; /* Abstand zwischen Text und Bild */
    }

    .text-with-image img[b-vxpmmbw30r] {
        max-width: 50px; /* Größe des Bildes anpassen */
        height: auto;
    }
/* _content/ChemSelectUI/Pages/IndexOld.razor.rz.scp.css */
.page[b-5ju5chfmb2] {
    margin: 0px 0px;
    background-color: #DADADA;
}

.evaluationbox[b-5ju5chfmb2] {
    height: 18px;
    width: 30px;
    /*line-height: 12px;*/
    text-align: center;
    vertical-align: middle;
    border-radius: 4px;
    border: solid 1px #B1B1B1;
}

.text-button[b-5ju5chfmb2] {
    background: none;
    border: none;
    color: blue;
    text-decoration: underline;
    cursor: pointer;
    padding: 0;
    font: inherit;
}

    .text-button:hover[b-5ju5chfmb2] {
        color: darkblue;
    }

.custom-nav-pills .nav-link[b-5ju5chfmb2] {
    background-color: #F9F9F9;
    color: darkblue;
    padding-bottom: 2px;
    padding-top: 2px;
    margin-right: 3px;
}

.lightgraycolor[b-5ju5chfmb2]{
    background-color: #FCFCFA;
}

.box[b-5ju5chfmb2] {
    border: inset;
    border-width: 1px;
    height: 20rem;
    overflow-y: scroll;
    font-size: x-small;
}

h4[b-5ju5chfmb2] {
    text-align: center;
    background-color: antiquewhite;
    margin: 0.3rem;
}

dl[b-5ju5chfmb2] {
    padding-left: 1rem;
}

.text-with-image[b-5ju5chfmb2] {
    display: flex;
    align-items: flex-start;
}

    .text-with-image p[b-5ju5chfmb2] {
        flex: 1;
        margin-right: 6px; /* Abstand zwischen Text und Bild */
    }

    .text-with-image img[b-5ju5chfmb2] {
        max-width: 50px; /* Größe des Bildes anpassen */
        height: auto;
    }
/* _content/ChemSelectUI/Pages/JsonSample1.razor.rz.scp.css */
.box[b-6p9oc7bjq3] {
    border: inset;
    border-width: 1px;
    height: 25rem;
    overflow-y: scroll;
    font-size: small;
}
/* _content/ChemSelectUI/Pages/Mixture.razor.rz.scp.css */
table td[b-9a1v1f8oho] {
    padding: 0px;
    padding-left: 4px;
}
tbody tr:hover[b-9a1v1f8oho] {
    --bs-table-bg: lightyellow;
    background-color: lightyellow;
    font-weight: bold;
    cursor: pointer;
}

.magnifier[b-9a1v1f8oho] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    height: 1.6rem;
    float: left;
}

.placeholder-custom[b-9a1v1f8oho]::placeholder {
    color: darkblue;
    opacity: 1;
    background-color: white;
}
/* _content/ChemSelectUI/Pages/MixtureCircularity.razor.rz.scp.css */
table[b-d4brx9lvuk] {
    background-color: #FAFAFA;
    font-size: 0.9em;
}
/* _content/ChemSelectUI/Pages/MixtureClimate.razor.rz.scp.css */
table[b-09kqmyd1fz] {
    /*--bs-table-color: white !important;*/
}
/* _content/ChemSelectUI/Pages/MixtureComparison.razor.rz.scp.css */
table[b-sf6j3bq57a] {
    font-size:0.9em;
    width: 100%;
    background-color: #FAFAFA;
    color: #13171a;
}

tr[b-sf6j3bq57a] {
    border-bottom: 1px solid #404040;
}

td:first-child[b-sf6j3bq57a] {
    width: 140px;
    font-size: 1em;
}

.cellBorderLarge[b-sf6j3bq57a] {
    border-top: 2px solid #e6e6e6;
}

.evaluationbox[b-sf6j3bq57a] {
    height: 20px;
    width: 24px;
    margin-left: 3px;
    line-height: 14px;
    text-align: center;
    /*border-radius: 2px;*/
    text-align: center;
    border: solid 1px #B1B1B1;
}

.evaluationboxrounded[b-sf6j3bq57a] {
    height: 20px;
    width: 38px;
    line-height: 14px;
    text-align: center;
    border-radius: 10px;
    text-align: center;
    border: solid 1px #B1B1B1;
}
/* _content/ChemSelectUI/Pages/MixtureComparisonSelect.razor.rz.scp.css */
.table-container[b-z3ip9si0n2] {
    /*display: block;*/
    height: 71vh;
    overflow-y: auto;
}

table[b-z3ip9si0n2] {
    font-size: 0.9em;
    background-color: #FAFAFA;

}
table td[b-z3ip9si0n2] {
    padding: 0px;
    padding-left: 4px;
}
/* _content/ChemSelectUI/Pages/MixtureComposition.razor.rz.scp.css */
th[b-54pfi0c5a5] {vertical-align: top;}

/* Chrome, Safari, Edge, Opera  FUNKTIONIERT OFFENBAR SO NICHT
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}*/

input[type=number][b-54pfi0c5a5]::-webkit-inner-spin-button,
input[type=number][b-54pfi0c5a5]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
 /*   input:: -webkit-outer-spin-button, input::-webkit-inner-spin-button {
    display: none;
}*/

/* Firefox 
input[type=number] {
    -moz-appearance: textfield;
}*/
/* _content/ChemSelectUI/Pages/MixtureHPhrases.razor.rz.scp.css */
.normal-text[b-eivj65aham] {
    font-size: 0.9rem; /* Größe des normalen Textes */
    font-weight: normal; /* Normale Schriftstärke */
    margin: 0; /* Entfernt den Standardabstand */
    line-height: 1.5; /* Zeilenhöhe für besseren Lesefluss */
    background-color: transparent;
}

.evaluationbox[b-eivj65aham] {
    height: 20px;
    width: 20px;
    line-height: 14px;
    text-align: center;
}

.HPhraseEvaluationField[b-eivj65aham] {
    float: left;
    margin-left: 8px;
    margin-top: 1px;
    width: 30px;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    text-align: center;
    border: solid 1px #B1B1B1;
}

@media (min-width: 641px) { /*großer Bildschirm*/
    .maincontent[b-eivj65aham] {
        height: calc(100vh - 6rem);
        overflow-y:auto;
    }
}
@media (max-width: 640.98px) {
    .maincontent[b-eivj65aham] {
        overflow-y:hidden;
    }
}
/* _content/ChemSelectUI/Pages/MixturePhysicalChemical.razor.rz.scp.css */

table[b-nq926l9rvu] {
    font-size: 14px;
    width: 100%;
    background-color: #EFEFEF;
}

    table thead tr th[b-nq926l9rvu] {
        height: 0;
        padding: 0;
        border-bottom-width: 0;
    }

.cellBorderLarge[b-nq926l9rvu] {
    border-top: 6px solid #FCFCFC;
}

.evaluationbox[b-nq926l9rvu] {
    height: 20px;
    width: 38px;
    line-height: 14px;
    text-align: center;
    border-radius: 10px;
    border: solid 1px #B1B1B1;
}

@media (min-width: 641px) { /*großer Bildschirm*/
    .maincontent[b-nq926l9rvu] {
        height: calc(100vh - 6rem);
        overflow-y:auto;
    }
}
@media (max-width: 640.98px) {
    .maincontent[b-nq926l9rvu] {
        overflow-y:hidden;
    }
}
/* _content/ChemSelectUI/Pages/MixturePriorityLists.razor.rz.scp.css */
table[b-40f672s0gc] {
    font-size: 12px;
    width: 100%;
    background-color: #FAFAFA;
    color: #13171a;
}

.cellBorderLarge[b-40f672s0gc] {
    border-top: 2px solid #e6e6e6;
}

.evaluationbox[b-40f672s0gc] {
    height: 20px;
    width: 24px;
    margin-left: 3px;
    line-height: 14px;
    text-align: center;
    //border-radius: 10px;
    text-align: center;
    border: solid 1px #B1B1B1;
}

.evaluationboxrounded[b-40f672s0gc] {
    height: 20px;
    width: 38px;
    line-height: 14px;
    text-align: center;
    border-radius: 10px;
    text-align: center;
    border: solid 1px #B1B1B1;
}
/* _content/ChemSelectUI/Pages/MixtureProfile.razor.rz.scp.css */
td[b-nbfgk8mwc9] {
    /*border-bottom: 2px solid #f1f1f1;*/
    /*border-bottom: 4px solid #e6e6e6;*/
}

table[b-nbfgk8mwc9] {
    font-size: 12px;
    width: 99%;
    background-color: #FAFAFA;
    color:#13171a;
}

.cellBorderLarge[b-nbfgk8mwc9] {
    border-top: 2px solid #e6e6e6;
}

.evaluationbox[b-nbfgk8mwc9] {
    height: 20px;
    width: 24px;
    margin-left:3px;
    line-height: 14px;
    text-align: center;
    border-radius: 6px;
    text-align: center;
    border: solid 1px #B1B1B1;
}

/*.evaluationbox {
    height: 20px;
    width: 38px;
    line-height: 14px;
    text-align: center;
    border-radius: 10px;
    text-align: center;
    border: solid 1px #B1B1B1;
}*/

@media (min-width: 641px) { /*großer Bildschirm*/
    .maincontent[b-nbfgk8mwc9] {
        height: calc(100vh - 6rem);
        overflow-y:unset;
    }
}
@media (max-width: 640.98px) {
    .maincontent[b-nbfgk8mwc9] {
        overflow-y:hidden;
    }
}
/* _content/ChemSelectUI/Pages/MixtureSubstitute.razor.rz.scp.css */

/*.td {vertical-align: top;} Kein Effekt*/
table[b-xaqasi59fq] {
    font-size: 14px;
    width: 100%;
}

td[b-xaqasi59fq] {
    border: solid 1px transparent;
    border-style: solid none;
    padding: 1px;
    padding-left: 3px;
    background-color: #FAFAFA;
}

    td:first-child[b-xaqasi59fq] {
        border-left-style: solid;
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }

    td:last-child[b-xaqasi59fq] {
        border-right-style: solid;
        border-bottom-right-radius: 6px;
        border-top-right-radius: 6px;
    }

.evaluationbox[b-xaqasi59fq] {
    height: 20px;
    width: 38px;
    line-height: 14px;
    text-align: center;
    border-radius: 10px;
    text-align: center;
    border: solid 1px #B1B1B1;
}

.cellBorderLarge[b-xaqasi59fq] {
    border-top: 6px solid #e6e6e6;
}

/*input[type="radio"] {
    appearance: none;
    background-color: #fff;
    color: red !important;
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid #303030;
    border-radius: 50%;
}*/

[b-xaqasi59fq] .custom-radio {
    background-color: #fff;    
    border: 2px solid #404040 !important;
}
    [b-xaqasi59fq] .custom-radio ::before {
        /*border: 2px solid #404040 !important;
       background-color: red !important;*/
    }
    [b-xaqasi59fq] .custom-radio:checked {
        background-color: #404040 !important;
        border-color: #404040 !important;
    }


    @media (min-width: 641px) { /*großer Bildschirm*/
        .maincontent[b-xaqasi59fq] {
            height: calc(100vh - 6rem);
            overflow-y: auto;
        }
    }

    @media (max-width: 640.98px) {
        .maincontent[b-xaqasi59fq] {
            overflow-y: hidden;
        }
    }
/* _content/ChemSelectUI/Pages/MixtureSupplyChain.razor.rz.scp.css */
table[b-gm1e4sxudz] {
    font-size: 14px;
    width: 100%;
    /*background-color: #FAFAFA;*/
}
td[b-gm1e4sxudz] {
    /*border: solid 1px transparent;
    border-style: solid none;
    padding: 1px;
    padding-left: 3px;
    background-color: #EFEFEF;*/
}

    /*td:first-child {
        border-left-style: solid;
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }

    td:last-child {
        border-right-style: solid;
        border-bottom-right-radius: 6px;
        border-top-right-radius: 6px;
    }*/

.cellBorderLarge[b-gm1e4sxudz] {
    border-top: 6px solid #fcfcfc;
}
.evaluationbox[b-gm1e4sxudz] {
    height: 20px;
    width: 38px;
    line-height: 14px;
    text-align: center;
    border-radius: 10px;
    text-align: center;
    border: solid 1px #B1B1B1;
}
/* _content/ChemSelectUI/Pages/Substance.razor.rz.scp.css */
table td[b-rlwx9kd2z4] {
    padding: 0px;
    padding-left: 4px;
}

/*:root {
    --bs-table-bg: lightyellow;
}*/

/*tbody tr {
    height: 60px;
}*/
tbody tr:hover[b-rlwx9kd2z4] {
    --bs-table-bg: lightyellow;
    background-color: lightyellow !important;
    font-weight: bold;
    cursor: pointer;
}

    .searchselect[b-rlwx9kd2z4] {
    padding: 0px;
    font-size: 12px;
    height: 22px;
    background-color: lightyellow;
}

.magnifier[b-rlwx9kd2z4] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    height: 1.6rem;
    float: left;
}

.placeholder-custom[b-rlwx9kd2z4] {    
    /*opacity: 1;
    background-color: white;*/
}
.placeholder-custom[b-rlwx9kd2z4]::placeholder{
    color: #404040;
    font-style:italic;
    opacity: 1;
    background-color: transparent;
}

/*#rowlink:focus { funktioniert so nicht
    padding-left: 4px;
    background-color: darkred;
}*/

/*::deep .nav-link.btn-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
    color: red;
    opacity: 0.7;
}*/
/* _content/ChemSelectUI/Pages/SubstanceCircularity.razor.rz.scp.css */
.normal-text[b-pmxr4m4isp] {
    font-size: 0.9rem; /* Größe des normalen Textes */
    font-weight: normal; /* Normale Schriftstärke */
    margin: 0; /* Entfernt den Standardabstand */
    line-height: 1.5; /* Zeilenhöhe für besseren Lesefluss */
    background-color: transparent;
}

[b-pmxr4m4isp] input {
    border: 2px solid #707070;
}

[b-pmxr4m4isp] select {
    border: 2px solid #707070;
}

table[b-pmxr4m4isp] {
    font-size: 14px;
    width: 100%;
    /*background-color: #FAFAFA;*/
}

td[b-pmxr4m4isp] {
    border: solid 1px transparent;
    border-style: solid none;
    padding: 1px;
    padding-left: 3px;
    background-color: #F1F1F1;
}

    td:first-child[b-pmxr4m4isp] {
        border-left-style: solid;
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }

    td:last-child[b-pmxr4m4isp] {
        border-right-style: solid;
        border-bottom-right-radius: 6px;
        border-top-right-radius: 6px;
    }

.cellBorderLarge[b-pmxr4m4isp] {
    border-top: 2px solid #FCFCFC;
}
.evaluationbox[b-pmxr4m4isp] {
    height: 26px;
    width: 26px;
    line-height: 14px;
    text-align: center;
    border-radius: 0px;
    border: solid 1px #303030;
}

/* _content/ChemSelectUI/Pages/SubstanceClimate.razor.rz.scp.css */
.normal-text[b-5dec6mtn1x] {
    font-size: 0.9rem; /* Größe des normalen Textes */
    font-weight: normal; /* Normale Schriftstärke */
    margin: 0; /* Entfernt den Standardabstand */
    line-height: 1.5; /* Zeilenhöhe für besseren Lesefluss */
    background-color: transparent;
}

[b-5dec6mtn1x] input {
    border: 2px solid #707070;
}
[b-5dec6mtn1x] select {
    border: 2px solid #707070;
}

table[b-5dec6mtn1x] {
    font-size: 14px;
    width: 100%;
    /*background-color: #FAFAFA;*/
}

td[b-5dec6mtn1x] {
    border: solid 1px transparent;
    border-style: solid none;
    padding: 1px;
    padding-left: 3px;
    background-color: #EFEFEF;
}

    td:first-child[b-5dec6mtn1x] {
        border-left-style: solid;
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }

    td:last-child[b-5dec6mtn1x] {
        border-right-style: solid;
        border-bottom-right-radius: 6px;
        border-top-right-radius: 6px;
    }

.cellBorderLarge[b-5dec6mtn1x] {
    border-top: 2px solid #FCFCFC;
}
.evaluationbox[b-5dec6mtn1x] {
    height: 26px;
    width: 26px;
    line-height: 14px;
    text-align: center;
    border-radius: 0px;
    border: solid 1px #303030;
}
.evaluationboxsmall[b-5dec6mtn1x] {
    height: 19px;
    width: 20px;
    line-height: 14px;
    text-align: center;
    border-radius: 10px;
    text-align: center;
    border: solid 1px #B1B1B1;
}
/* _content/ChemSelectUI/Pages/SubstanceComparison.razor.rz.scp.css */
table[b-xjsfsypzb2] {
    font-size:0.9em;
    width: 100%;
    background-color: #FAFAFA;
    color: #13171a;
}

tr[b-xjsfsypzb2] {
    border-bottom: 1px solid #404040;
}

td:first-child[b-xjsfsypzb2] {
    width: 140px;
    font-size: 1em;
}

.cellBorderLarge[b-xjsfsypzb2] {
    border-top: 2px solid #e6e6e6;
}

.evaluationbox[b-xjsfsypzb2] {
    height: 20px;
    width: 24px;
    margin-left: 3px;
    line-height: 14px;
    text-align: center;
    /*border-radius: 2px;*/
    text-align: center;
    border: solid 1px #202020;
}

.evaluationboxrounded[b-xjsfsypzb2] {
    height: 20px;
    width: 38px;
    line-height: 14px;
    text-align: center;
    border-radius: 10px;
    text-align: center;
    border: solid 1px #B1B1B1;
}
/* _content/ChemSelectUI/Pages/SubstanceComparisonSelect.razor.rz.scp.css */
.table-container[b-cveq1gjq1s] {
    /*display: block;*/
    height: 71vh;
    overflow-y: auto;
}

table[b-cveq1gjq1s] {
    font-size: 0.9em;
    background-color: #FAFAFA;
}
table td[b-cveq1gjq1s] {
    padding: 0px;
    padding-left: 4px;
}
/* _content/ChemSelectUI/Pages/SubstanceEnvironmentalHazard.razor.rz.scp.css */
.normal-text[b-up5pv9tawk] {
    font-size: 0.9rem; /* Größe des normalen Textes */
    font-weight: normal; /* Normale Schriftstärke */
    margin: 0; /* Entfernt den Standardabstand */
    line-height: 1.5; /* Zeilenhöhe für besseren Lesefluss */
    background-color: transparent;
}

.cellBorderLarge[b-up5pv9tawk] {
    border-top: 3px solid #fcfcfc;
}

table[b-up5pv9tawk] {
    font-size: 14px;
    width: 100%;
    background-color: #f1f1f1;
}

.tableMesswerte td[b-up5pv9tawk] {
    padding:1px;
    padding-left: 4px;
}

.tableMesswerte[b-up5pv9tawk] {
    /*width: 100%;*/
    background-color: #FAEFEF;
}

.iconEinklappen[b-up5pv9tawk] {
    padding: 0px;
    padding-bottom: 1px;
    border: none;
    display: flex;
    height: 22px;
    justify-content: center;
    align-items: center;
}

.evaluationbox[b-up5pv9tawk] {
    height: 26px;
    width: 26px;
    line-height: 14px;
    text-align: center;
    border-radius: 0px;
    border: solid 1px #303030;
}

@media (min-width: 641px) { /*großer Bildschirm*/
    .maincontent[b-up5pv9tawk] {
        height: calc(100vh - 6rem);
        overflow-y: auto;
    }
}
@media (max-width: 640.98px) {
    .maincontent[b-up5pv9tawk] {
        overflow-y:hidden;
    }
}
/* _content/ChemSelectUI/Pages/SubstanceExposition.razor.rz.scp.css */
button[b-ylqdvsql3j] {
    font-size: 13px;
    background-color: #FEFEFE;
}

[b-ylqdvsql3j] select {
    border: 2px solid #606060;
}

/*::deep .select-border {
    border: 2px solid #606060;    
}*/

.usecasemenubutton[b-ylqdvsql3j] {
    height: 32px;
    margin-right: 4px;
    font-size: 14px;
    min-width: 160px;
    background-color: #FaFFFa;
}

    .usecasemenubutton:active[b-ylqdvsql3j] {
        font-weight: bold;
    }

    .usecasemenubutton:hover[b-ylqdvsql3j] {
        font-weight: bold;
        color: white;
    }
.current[b-ylqdvsql3j] {
    color: darkgreen;
    font-weight: bold;
}
.tableResult td[b-ylqdvsql3j] {
    background-color: #FAFAFA;
    width: 17%;
    font-size: 0.9rem;
    font-weight: bold;
    color: #202020;
}
.tableResult th[b-ylqdvsql3j] {
    font-size: 13px;
    font-weight: bold;
    color: #202020;
}

.tableResult td[b-ylqdvsql3j] {
    border-bottom: 2px solid #f1f1f1;
}

.tableHauptkriterien[b-ylqdvsql3j] {
    font-size: 0.9rem;
    width: 100%;
}

.tableHauptkriterien td[b-ylqdvsql3j] {
    border: solid 1px transparent;
    border-style: solid none;
    padding: 1px;
    padding-left: 3px;
    background-color: #EFEFEF;
}

    .tableHauptkriterien td:first-child[b-ylqdvsql3j] {
        border-left-style: solid;
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }

    .tableHauptkriterien td:last-child[b-ylqdvsql3j] {
        border-right-style: solid;
        border-bottom-right-radius: 6px;
        border-top-right-radius: 6px;
    }
.cellBorderLarge[b-ylqdvsql3j] {
    border-top: 3px solid #fcfcfc;
}

.btn-outline-dark:hover[b-ylqdvsql3j] {
    background-color:#404040 !important;
    border-color:red;
}
.selector[b-ylqdvsql3j] {color:red;}

.iconEinklappen[b-ylqdvsql3j] {
    padding: 0px;
    padding-bottom: 1px;
    border: none;
    display: flex;
    height: 22px;
    justify-content: center;
    align-items: center;
}

.evaluationbox[b-ylqdvsql3j] {
    height: 26px;
    width: 26px;
    line-height: 14px;
    text-align: center;
    border-radius: 0px;
    border: solid 1px #303030;
}

@media (min-width: 641px) { /*großer Bildschirm*/
    .maincontent[b-ylqdvsql3j] {
        height: calc(100vh - 6rem);
        overflow-y: auto;        
    }
}
@media (max-width: 640.98px) {
    .maincontent[b-ylqdvsql3j] {
        overflow-y: hidden;
    }
}
/* _content/ChemSelectUI/Pages/SubstanceHPhrases.razor.rz.scp.css */
.normal-text[b-a21455w7bh] {
    font-size: 0.9rem; /* Größe des normalen Textes */
    font-weight: normal; /* Normale Schriftstärke */
    margin: 0; /* Entfernt den Standardabstand */
    line-height: 1.5; /* Zeilenhöhe für besseren Lesefluss */
    background-color: transparent;
}

.btn-outline-success:focus[b-a21455w7bh] {
    border-color:darkgreen;
}           

.evaluationbox[b-a21455w7bh] {
    height: 20px;
    width: 20px;
    line-height: 14px;
    text-align: center;
}

.HPhraseEvaluationField[b-a21455w7bh] {
    float: left;
    margin-left: 8px;
    margin-top: 1px;
    width: 30px;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    text-align: center;
    border: solid 1px #B1B1B1;
}

@media (min-width: 641px) { /*großer Bildschirm*/
    .maincontent[b-a21455w7bh] {
        height: calc(100vh - 6rem);
        overflow-y:auto;
    }
}
@media (max-width: 640.98px) {
    .maincontent[b-a21455w7bh] {
        overflow-y:hidden;
    }
}
/* _content/ChemSelectUI/Pages/SubstanceHumanHazard.razor.rz.scp.css */
td[b-8i4tuimyhr] {
    /*border-bottom: 2px solid #f1f1f1;*/
    /*border-bottom: 4px solid #e6e6e6;*/
}

table[b-8i4tuimyhr] {
    font-size: 14px;
    width: 100%;
    background-color: #f1f1f1;
}

.cellBorderLarge[b-8i4tuimyhr] {
    /*border-top: 3px solid #e6e6e6;*/
    border-top: 4px solid #fcfcfc !important;
}

.evaluationbox[b-8i4tuimyhr] {
    height: 26px;
    width: 26px;
    line-height: 14px;
    text-align: center;
    border-radius: 0px;
    border: solid 1px #303030;
}

/*.evaluationbox2 {
    height: 20px;
    width: 38px;
    line-height: 14px;
    text-align: center;
    border-radius: 10px;
    text-align: center;
    border: solid 1px #B1B1B1;
}*/

.normal-text[b-8i4tuimyhr] {
    font-size: 0.9rem; /* Größe des normalen Textes */
    font-weight: normal; /* Normale Schriftstärke */
    margin: 0; /* Entfernt den Standardabstand */
    line-height: 1.5; /* Zeilenhöhe für besseren Lesefluss */
    background-color:transparent;
}


@media (min-width: 641px) { /*großer Bildschirm*/
    .maincontent[b-8i4tuimyhr] {
        height: calc(100vh - 6rem);
        overflow-y: auto;
    }
}
@media (max-width: 640.98px) {
    .maincontent[b-8i4tuimyhr] {
        overflow-y:hidden;
    }
}
/* _content/ChemSelectUI/Pages/SubstancePhysicalChemical.razor.rz.scp.css */

table[b-uovzajqjy0] {
    font-size: 14px;
    width: 100%;
    background-color: #FAFAFA;
}

.cellBorderLarge[b-uovzajqjy0] {
    border-top: 6px solid #e6e6e6;
}

.evaluationbox[b-uovzajqjy0] {
    height: 26px;
    width: 26px;
    line-height: 14px;
    text-align: center;
    border-radius: 0px;
    border: solid 1px #303030;
}

@media (min-width: 641px) { /*großer Bildschirm*/
    .maincontent[b-uovzajqjy0] {
        height: calc(100vh - 6rem);
        overflow-y:auto;
    }
}
@media (max-width: 640.98px) {
    .maincontent[b-uovzajqjy0] {
        overflow-y:hidden;
    }
}
/* _content/ChemSelectUI/Pages/SubstancePriorityLists.razor.rz.scp.css */
.normal-text[b-47ldnom657] {
    font-size: 0.9rem; /* Größe des normalen Textes */
    font-weight: normal; /* Normale Schriftstärke */
    margin: 0; /* Entfernt den Standardabstand */
    line-height: 1.5; /* Zeilenhöhe für besseren Lesefluss */
    background-color: transparent;
}

[b-47ldnom657] .custom-checkbox2 {
    width: 24px; /* Breite der Checkbox */
    height: 24px; /* Höhe der Checkbox */    
}
[b-47ldnom657] .custom-checkbox2:checked {
    opacity: 1; /* Deckkraft der ausgewählten Checkbox */
    background-color: #505050;
    border-color: #303030; /* Rahmenfarbe der ausgewählten Checkbox */
}

/*.custom-checkbox  {
    border: 2px solid red !important;   Farbe des Rahmens 
    border-radius: 4px;   Abgerundete Ecken  
    background-color: green;
}*/
/*.td {
    vertical-align: top;
} Kein Effekt
*/
.evaluationbox[b-47ldnom657] {
    height: 26px;
    width: 26px;
    line-height: 14px;
    text-align: center;
    border-radius: 0px;
    border: solid 1px #303030;
}

.HPhraseEvaluationField[b-47ldnom657] {
    float: left;
    margin-left: 8px;
    margin-top: 1px;
    width: 30px;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    text-align: center;
    border: solid 1px #B1B1B1;
}

@media (min-width: 641px) { /*großer Bildschirm*/
    .maincontent[b-47ldnom657] {
        height: calc(100vh - 6rem);
        overflow-y:auto;
    }
}
@media (max-width: 640.98px) {
    .maincontent[b-47ldnom657] {
        overflow-y:hidden;
    }
}
/* _content/ChemSelectUI/Pages/SubstanceProfile.razor.rz.scp.css */
td[b-kx6c3cq995] {
    /*border-bottom: 2px solid #f1f1f1;*/
    /*border-bottom: 4px solid #e6e6e6;*/
}

table[b-kx6c3cq995] {
    font-size: 12px;
    width: 99%;
    background-color: #FAFAFA;
    color:#13171a;
}

.cellBorderLarge[b-kx6c3cq995] {
    border-top: 2px solid #e6e6e6;
}

.evaluationbox[b-kx6c3cq995] {
    height: 20px;
    width: 24px;
    margin-left:3px;
    line-height: 14px;
    text-align:center;
    border-radius: 6px;    
    border: 1px solid #303030 !important;
}

/*.evaluationbox {
    height: 20px;
    width: 38px;
    line-height: 14px;
    text-align: center;
    border-radius: 10px;
    text-align: center;
    border: solid 1px #B1B1B1;
}*/

@media (min-width: 641px) { /*großer Bildschirm*/
    .maincontent[b-kx6c3cq995] {
        height: calc(100vh - 6rem);
        overflow-y:unset;
    }
}
@media (max-width: 640.98px) {
    .maincontent[b-kx6c3cq995] {
        overflow-y:hidden;
    }
}
/* _content/ChemSelectUI/Pages/SubstanceResources.razor.rz.scp.css */
[b-x7h1uhu5nt] input {
    border: 2px solid #707070;
}

[b-x7h1uhu5nt] select {
    border: 2px solid #707070;
}

table[b-x7h1uhu5nt] {
    font-size: 14px;
    width: 100%;
    /*background-color: #FAFAFA;*/
}

td[b-x7h1uhu5nt] {
    border: solid 1px transparent;
    border-style: solid none;
    padding: 1px;
    padding-left: 3px;
    background-color: #EFEFEF;
}

    td:first-child[b-x7h1uhu5nt] {
        border-left-style: solid;
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }

    td:last-child[b-x7h1uhu5nt] {
        border-right-style: solid;
        border-bottom-right-radius: 6px;
        border-top-right-radius: 6px;
    }

/*td {*/
    /*border-bottom: 2px solid #f1f1f1;*/
/*}

table {
    font-size: 14px;
    width: 100%;
    background-color: #FAFAFA;
}*/

.cellBorderLarge[b-x7h1uhu5nt] {
    border-top: 2px solid #FCFCFC;
}

.iconEinklappen[b-x7h1uhu5nt] {
    padding: 0px;
    padding-bottom: 1px;
    border: none;
    display: flex;
    height: 22px;
    justify-content: center;
    align-items: center;
}

.evaluationbox[b-x7h1uhu5nt] {
    height: 26px;
    width: 26px;
    line-height: 14px;
    text-align: center;
    border-radius: 0px;
    border: solid 1px #303030;
}

.evaluationboxsmall[b-x7h1uhu5nt] {
    height: 19px;
    width: 20px;
    line-height: 14px;
    text-align: center;
    border-radius: 10px;
    text-align: center;
    border: solid 1px #B1B1B1;
}

.normal-text[b-x7h1uhu5nt] {
    font-size: 0.9rem; /* Größe des normalen Textes */
    font-weight: normal; /* Normale Schriftstärke */
    margin: 0; /* Entfernt den Standardabstand */
    line-height: 1.5; /* Zeilenhöhe für besseren Lesefluss */
    background-color: transparent;
}

@media (min-width: 641px) { /*großer Bildschirm*/
    .maincontent[b-x7h1uhu5nt] {
        height: calc(100vh - 6rem);
        overflow-y: auto;
    }
}
@media (max-width: 640.98px) {
    .maincontent[b-x7h1uhu5nt] {
        overflow-y:hidden;
    }
}
/* _content/ChemSelectUI/Pages/SubstanceShortTrack.razor.rz.scp.css */
/*::deep .form-control-expert {
    background-color: lightgreen !important;
    padding: 0px 3px !important;    
    min-height:auto !important;
}*/
[b-8g6zh36alr] input.form-control,
input.form-control-sm[b-8g6zh36alr] {
    /*background-color: lightgreen !important;*/
    padding: 0px 3px !important;
    min-height: auto !important;
}

[b-8g6zh36alr] select.form-select,
select.form-select-sm[b-8g6zh36alr] {
    /*background-color: khaki !important;*/
    padding: 0px 3px !important;
}

.badge[b-8g6zh36alr] {
    font-size: 0.9rem;
    padding: 2px 12px;
    border-radius: 0.5rem;
    font-weight:normal !important;
}

.btn-close[b-8g6zh36alr] {
    font-size: 0.8rem;
    margin-left: 0.5rem;
}

/*input.form-control,
input.form-control-sm {
    padding: 0 !important;
}*/

/* Falls dein CustomInputComponent einen spezifischen Container hat, nutze diesen als Selektor */
/*.CustomInputComponentDark .form-control,
.CustomInputComponentDark .form-control-sm {
    padding: 0 !important;
}*/
/* _content/ChemSelectUI/Pages/SubstanceSubstitute.razor.rz.scp.css */
[b-c3vkyvm8ck] input {
    border: 2px solid #707070;
}
[b-c3vkyvm8ck] select {
    border: 2px solid #707070;
}
/*.td {vertical-align: top;} Kein Effekt*/
table[b-c3vkyvm8ck] {
    font-size: 14px;
    width: 100%;
}

td[b-c3vkyvm8ck] {
    border: solid 1px transparent;
    border-style: solid none;
    padding: 1px;
    padding-left: 3px;
    background-color: #FAFAFA;
}

    td:first-child[b-c3vkyvm8ck] {
        border-left-style: solid;
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }

    td:last-child[b-c3vkyvm8ck] {
        border-right-style: solid;
        border-bottom-right-radius: 6px;
        border-top-right-radius: 6px;
    }

.evaluationbox[b-c3vkyvm8ck] {
    height: 20px;
    width: 38px;
    line-height: 14px;
    text-align: center;
    border-radius: 10px;
    text-align: center;
    border: solid 1px #B1B1B1;
}

.cellBorderLarge[b-c3vkyvm8ck] {
    border-top: 6px solid #e6e6e6;
}


@media (min-width: 641px) { /*großer Bildschirm*/
    .maincontent[b-c3vkyvm8ck] {
        height: calc(100vh - 6rem);
        overflow-y:auto;
    }
}
@media (max-width: 640.98px) {
    .maincontent[b-c3vkyvm8ck] {
        overflow-y:hidden;
    }
}
/* _content/ChemSelectUI/Pages/SubstanceSupplyChain.razor.rz.scp.css */
table[b-sg0kpizksd] {
    font-size: 14px;
    width: 100%;
    /*background-color: #FAFAFA;*/
}
td[b-sg0kpizksd] {
    border: solid 1px transparent;
    border-style: solid none;
    padding: 1px;
    padding-left: 3px;
    background-color: #EFEFEF;
}

    td:first-child[b-sg0kpizksd] {
        border-left-style: solid;
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }

    td:last-child[b-sg0kpizksd] {
        border-right-style: solid;
        border-bottom-right-radius: 6px;
        border-top-right-radius: 6px;
    }

.cellBorderLarge[b-sg0kpizksd] {
    border-top: 2px solid #FCFCFC;
}
.evaluationbox[b-sg0kpizksd] {
    height: 26px;
    width: 26px;
    line-height: 14px;
    text-align: center;
    border-radius: 0px;
    border: solid 1px #303030;
}

.normal-text[b-sg0kpizksd] {
    font-size: 0.9rem; /* Größe des normalen Textes */
    font-weight: normal; /* Normale Schriftstärke */
    margin: 0; /* Entfernt den Standardabstand */
    line-height: 1.5; /* Zeilenhöhe für besseren Lesefluss */
    background-color: transparent;
}
/* _content/ChemSelectUI/Pages/Supplier.razor.rz.scp.css */
table td[b-w3b9vx2b9z] {
    padding: 0px;
    padding-left: 4px;
}
tbody tr:hover[b-w3b9vx2b9z] {
    --bs-table-bg: lightyellow;
    background-color: lightyellow;
    font-weight: bold;
    cursor: pointer;
}
/* _content/ChemSelectUI/Pages/Tipps.razor.rz.scp.css */
.page[b-nnfpzc4bf8] {
    margin: 0px 0px;
    background-color: #DFDFDF;
    overflow-x: hidden;
}

.btn:hover[b-nnfpzc4bf8] {
    color: #303030 !important;
    border: solid 1px darkblue !important;
    outline: 1px solid #404040 !important;
    box-shadow: none !important;
}
.btn:focus[b-nnfpzc4bf8] {
    color: #303030 !important;
    border: solid 2px darkblue !important;
    outline: 2px solid #404040;
    box-shadow: none;
}
/*h2:focus {
    outline: 1px solid red !important;
}*/

.zweispaltige-liste[b-nnfpzc4bf8] {
    /*display: flex;    
    flex-wrap: wrap;*/
    text-decoration: underline;
    list-style-type: none;
    padding: 0;
    margin-left:12px;
}

/*::deep    .zweispaltige-liste li {
        width: 50%;*/ /* Jede Spalte nimmt 50% der Breite ein */
        /*box-sizing: border-box;
    }*/

.evaluationbox[b-nnfpzc4bf8] {
    height: 18px;
    width: 30px;
    /*line-height: 12px;*/
    text-align: center;
    vertical-align: middle;
    border-radius: 4px;
    border: solid 1px #404040;
}

.text-button[b-nnfpzc4bf8] {
    background: none;
    border: none;
    color: #83053c;
    text-decoration: none;
    font: inherit;
    font-weight: bold;
    cursor: pointer;
    padding: 0;
}

    .text-button:hover[b-nnfpzc4bf8] {
        color: darkblue;
    }

.custom-list[b-nnfpzc4bf8] {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none; /* Entfernt die Bullet Points */
    padding: 0;
    margin: 0;
}

    .custom-list li[b-nnfpzc4bf8] {
        width: 50%; /* Breite der Listenelemente */
        box-sizing: border-box;
    }

        .custom-list li:nth-child(-n+4)[b-nnfpzc4bf8] {
            order: 1; /* Erste Spalte */
        }

        .custom-list li:nth-child(n+5)[b-nnfpzc4bf8] {
            order: 2; /* Zweite Spalte */
            margin-left: auto; /* Schiebt die letzten drei Elemente nach rechts */
        }

/* _content/ChemSelectUI/Pages/UseCase.razor.rz.scp.css */
table td[b-ts6dv30mtd] {
    padding: 0px;
    padding-left: 4px;
}

tbody tr:hover[b-ts6dv30mtd] {
    --bs-table-bg: lightyellow;
    background-color: lightyellow;
    font-weight: bold;
    cursor: pointer;
}

.searchselect[b-ts6dv30mtd] {
    padding: 0px;
    font-size: 12px;
    height: 22px;
    background-color: lightyellow;
}
/* _content/ChemSelectUI/Pages/UseCaseUpdate.razor.rz.scp.css */
/*Die Reihenfolge der Pseudo-Selektoren muss wie hier :link, :visited, :hover, :focus, :active sein*/
.nav-link[b-xtny8crdwa] {
    color: #202020;
    border: 1px solid #707070;
    border-bottom: 0px solid #707070;
    background-color: #EEFAF1;
    padding: 4px 12px;
    margin-right: 10px;
    margin-left: 4px;
}
/*visited keinen Einfluss*/
.nav-link:visited[b-xtny8crdwa] {  
    color: red;        
}
    .nav-link:hover[b-xtny8crdwa] {
        font-weight: bold;
        color: white;
        border: 1px solid #505050;
        background-color: #707070;
    }
.nav-link:focus[b-xtny8crdwa] {
        /*color: #202020;*/
        border: 2px solid #505050;
        font-weight: bold;
}
/*Pseudoklasse mit Doppelpunkt, angewendet während die Maus gedrück ist*/    
.nav-link:active[b-xtny8crdwa] {
        font-weight: bold;
        color: darkgreen;        
        border: 2px solid #909090;
    }
    .nav-link.show[b-xtny8crdwa] {
        background-color:yellow;
    }
   /* hier bezieht sich active auf die Klasse "active" im Html und ist mit einem Punkt markiert*/
    .nav-link.active[b-xtny8crdwa] {
        font-weight: bold;
        border: 1px solid #707070;
        border-top: 8px solid darkgreen;
        border-bottom: 0px solid transparent;
        z-index: 1001;
        /*box-shadow: 0px 0px 0px 3px red; */ /* Scharfer weißer Schatten */
    }
        .nav-link.active:focus[b-xtny8crdwa] {
            border-left: 2px solid #505050;
            border-bottom: 2px solid #505050;
            border-right: 2px solid #505050;
        }

.current[b-xtny8crdwa]{color: darkgreen; font-weight:bold;}
.usecasemenubutton[b-xtny8crdwa] {height:32px; margin-right:4px; font-size:14px; min-width:160px; background-color:#FaFFFa;}
.usecasemenubutton:active[b-xtny8crdwa] {
    font-weight:bold;
}
    .usecasemenubutton:hover[b-xtny8crdwa] {
        font-weight: bold;
        color:#202020;
    }

.tableResult td[b-xtny8crdwa] {
    background-color: #FAFAFA;
    width: 17%;
    font-size: 13px;
    font-weight: bold;
    color: #202020;
}
.tableResult th[b-xtny8crdwa] {
    font-size: 13px;
    font-weight: bold;
    color: #202020;
}

.tableResult td[b-xtny8crdwa] {
    border-bottom: 2px solid #f1f1f1;
}

.tableHauptkriterien[b-xtny8crdwa] {
    font-size: 13px;
    width: 100%;
}

.tableHauptkriterien td[b-xtny8crdwa] {
    border: solid 1px transparent;
    border-style: solid none;
    padding: 1px;
    padding-left: 3px;
    background-color: #FAFAFA;
}

    .tableHauptkriterien td:first-child[b-xtny8crdwa] {
        border-left-style: solid;
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }

    .tableHauptkriterien td:last-child[b-xtny8crdwa] {
        border-right-style: solid;
        border-bottom-right-radius: 6px;
        border-top-right-radius: 6px;
    }
.cellBorderLarge[b-xtny8crdwa] {
    border-top: 6px solid #e6e6e6;
}

button[b-xtny8crdwa] {
    font-size: 13px;
    background-color: #FEFEFE;
}

    button:hover[b-xtny8crdwa] {
        color: white;
    }

.btn:focus[b-xtny8crdwa] {
    outline: none !important;
    box-shadow: none !important;
    border-width: medium;
    font-weight: bold;
}    

.iconEinklappen:hover[b-xtny8crdwa] {
    background-color:#404040 !important;
    border-color:red;
}
.selector[b-xtny8crdwa] {color:red;}

.iconEinklappen[b-xtny8crdwa] {
    background-color: #404040;
    padding: 0px;
    padding-bottom: 1px;
    border: none;
    display: flex;
    height: 22px;
    justify-content: center;
    align-items: center;
}

.evaluationbox[b-xtny8crdwa] {
    height: 20px;
    width: 38px;
    line-height: 14px;
    text-align: center;
    border-radius: 10px;
    text-align: center;
    border: solid 1px #B1B1B1;
}


@media (min-width: 641px) { /*großer Bildschirm*/
    .maincontent[b-xtny8crdwa] {
        height: calc(100vh - 6rem);        
        /*overflow-y: auto;*/        
    }
}
@media (max-width: 640.98px) {
    .maincontent[b-xtny8crdwa] {
        overflow-y: hidden;
    }
}
/* _content/ChemSelectUI/Shared/AdminLayout.razor.rz.scp.css */

.page[b-vwoz1dffmh] {
    width: 1140px;
    padding-left: 0px;
    padding-right: 0px;
    justify-content: center;
    margin-right: auto;
    margin-left: auto;
    overflow-x: scroll;
    min-width: 800px;
    background-color: #C4C4C4;
}

.navbar-brand[b-vwoz1dffmh] {
    color: #fabb00;
    width: 12rem;
}

main[b-vwoz1dffmh] {
    background-color: #DADADA;
}

main > .content[b-vwoz1dffmh] {
    display: flex;
    overflow-y: auto;
    height: calc(100vh - 6rem);
    padding:0px; 
    /*margin-bottom: 2.5rem;*/
}

.oi[b-vwoz1dffmh] {
    width: 1.3rem;
    font-size: 1.0rem;
    vertical-align: text-top;
    color: #202020;
    top: -2px;
}


@media (max-width: 640.98px) {

    .nav-item[b-vwoz1dffmh] {
        font-size: 0.8rem;
        padding-bottom: 0rem;
    }
    /*.top-row {*/ /*Code added AG*/
    /*display: flex;
        flex-direction: column;
        width: 800px;
        margin-left: 100px;
    }*/
    .top-row:not(.auth)[b-vwoz1dffmh] {
        /*display: none;*/
    }

    .top-row.auth[b-vwoz1dffmh] {
        justify-content: space-between;
    }

    .top-row a[b-vwoz1dffmh], .top-row .btn-link[b-vwoz1dffmh] {
        margin-left: 0;
    }
    /*bei kleinem Screen die navbar in eine box verpackt und die items in voller Breite*/
    /* .navbar {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        background-color:#303030;
        padding: 8px 12px;
        height: 14em;
        margin-top: 11em; width:100%;
    }*/

    .navbar[b-vwoz1dffmh] {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        background-color: #303030;
        padding: 12px 8px;
        width: 400px;
        margin-top: 200px;
        margin-left: -200px;
        float: left;
    }

    .nav-item[b-vwoz1dffmh] {
        align-self: stretch;
    }
}
/* _content/ChemSelectUI/Shared/AdminMenu.razor.rz.scp.css */

.menu-row[b-geepi6lx6t] {    
    background-color: #606060;
    padding: 0.7rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu-items[b-geepi6lx6t] {
}

.menu-row[b-geepi6lx6t]  a, .menu-row .btn-link[b-geepi6lx6t] {
    white-space: nowrap;
    margin-left: 1rem;
}

.menu-row a:first-child[b-geepi6lx6t] {
    overflow: hidden;
    text-overflow: ellipsis;
}


.nav-item[b-geepi6lx6t] {
    font-size: 1rem;
    padding-bottom: 0rem;
}

    .nav-item:first-of-type[b-geepi6lx6t] {
        padding-top: 0rem;
    }

    .nav-item:last-of-type[b-geepi6lx6t] {
        padding-bottom: 0rem;
    }

    .nav-item[b-geepi6lx6t]  a {
        color: #FAFAFA;
        border-radius: 4px;
        height: 2rem;
        display: flex;
        align-items: center;
        line-height: 2rem;
        margin-left: 3px;
    }

        .nav-item[b-geepi6lx6t]  a.active {
            /*background-color: #622f63;*/
            color: darkorange;
            background-color: transparent;
        }

        .nav-item[b-geepi6lx6t]  a:hover {
            color: #202020;
            background-color: #D1D1D1;
        }
}
/* _content/ChemSelectUI/Shared/Bottom.razor.rz.scp.css */
/*Bottom-row added AG*/
.bottom-row[b-kw4f23elev] {
    padding: 0.3rem 1.25rem;
    bottom: 0;
}

.list-item[b-kw4f23elev] {
    background-color: transparent;
    position: relative;
    text-decoration: none;
    color: #212121;
    border: none;
    display: flex;
}

.fs-xs[b-kw4f23elev] {
    font-size: small;
    padding: 0 0.5rem;
}
/* _content/ChemSelectUI/Shared/CultureSwitcher.razor.rz.scp.css */
.lang-select:focus[b-jk04lvny2a] {
    outline: none; /* Entfernt den Standard-Fokusrahmen */
    border: 2px solid #404040 !important; /* Farbe und Breite des benutzerdefinierten Rahmens */
    /*box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);  Optional: fügt einen Schatten hinzu */
    /* background-color: yellow; Hintergrundfarbe */
}
/* _content/ChemSelectUI/Shared/CustomCheckedItem.razor.rz.scp.css */
[b-7iry7um1qg] .custom-checkbox {
    width: 20px; /* Breite der Checkbox */
    min-width: 20px; /* Mindestbreite der Checkbox */
    height: 20px; /* Höhe der Checkbox */
}

    [b-7iry7um1qg] .custom-checkbox:checked {
        opacity: 1; /* Deckkraft der ausgewählten Checkbox */
        background-color: #705050;        
        border-color: #202020; /* Rahmenfarbe der ausgewählten Checkbox */
    }

/*::deep .custom-checkbox:checked::before {
    color: red;  Farbe des Hakens, Einfärben des Hakens funktioniert so nicht
}*/
/* _content/ChemSelectUI/Shared/CustomFeedbackColorChange.razor.rz.scp.css */
[b-4uw0zmvs4k] a:focus {
    outline: none !important;
    box-shadow: none !important;
    border-width: medium;
    font-weight: bold;
}
/* _content/ChemSelectUI/Shared/CustomMixtureComparisonRow.razor.rz.scp.css */
tr[b-ar53zpk4lq] {
    border-bottom: 1px solid #B1B1B1;
}
td[b-ar53zpk4lq] {
    --bs-table-bg: transparent;
}
/* _content/ChemSelectUI/Shared/CustomNavLink.razor.rz.scp.css */
[b-05amd1x0wr] a:focus {
    outline: none !important;
    box-shadow: none !important;
    border-width: medium;
    font-weight: bold;
}
/* _content/ChemSelectUI/Shared/CustomSubstanceComparisonRow.razor.rz.scp.css */
tr[b-m2l4grasku] {
    border-bottom: 1px solid #B1B1B1;
    border-top: 1px solid #B1B1B1;
}
/* _content/ChemSelectUI/Shared/CustomSubstanceComparisonRowSub.razor.rz.scp.css */
tr[b-1n42b8ds35] {
    border-bottom: 1px solid #B1B1B1;
}

.evaluationbox[b-1n42b8ds35] {
    height: 20px;
    width: 24px;
    margin-left: 3px;
    line-height: 14px;
    text-align: center;
    padding-top: 2px;
    /*border-radius: 2px;*/
    text-align: center;
    border: solid 1px #B1B1B1;
}
/* _content/ChemSelectUI/Shared/DialogComponent.razor.rz.scp.css */
.modal-overlay[b-vh4pjxrfig] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1050;
}
/*Achtung modal-dialog ist eine bootstrap-Klasse!*/
.modal-dialog2[b-vh4pjxrfig] {
    background-color: white;    
    border-radius: 5px;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 1051;
}
/* _content/ChemSelectUI/Shared/Layout3Parts.razor.rz.scp.css */
/* from MainLayout */
.page[b-ltos3yqg77] {
    width: 1140px;
    padding-left: 0px;
    padding-right: 0px;
    justify-content: center;
    margin-right: auto;
    margin-left: auto;
    overflow-x: scroll;
    min-width: 800px;
    background-color: #DADADA;
}

.navbar-brand[b-ltos3yqg77] {
    color: #fabb00;
    width: 12rem;
}

main[b-ltos3yqg77] {
    background-color: #DADADA;
}

    main > .content[b-ltos3yqg77] {
        display: flex;
        overflow-y: auto;
        height: calc(100vh - 6rem);
        padding: 0px;
        /*margin-bottom: 2.5rem;*/
    }

.oi[b-ltos3yqg77] {
    width: 1.3rem;
    font-size: 1.0rem;
    vertical-align: text-top;
    color: #202020;
    top: -2px;
}


/* from NavMenu */
.menu-row[b-ltos3yqg77] {
    background-color: #606060;
    padding: 0.7rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .menu-row a[b-ltos3yqg77], .menu-row .btn-link[b-ltos3yqg77] {
        white-space: nowrap;
        margin-left: 1rem;
    }

        .menu-row a:first-child[b-ltos3yqg77] {
            overflow: hidden;
            text-overflow: ellipsis;
        }


.nav-item[b-ltos3yqg77] {
    font-size: 1rem;
    padding-bottom: 0rem;
}

    .nav-item:first-of-type[b-ltos3yqg77] {
        padding-top: 0rem;
    }

    .nav-item:last-of-type[b-ltos3yqg77] {
        padding-bottom: 0rem;
    }

    .nav-item a[b-ltos3yqg77] {
        color: #FAFAFA;
        border-radius: 4px;
        height: 2rem;
        display: flex;
        align-items: center;
        line-height: 2rem;
        margin-left: 3px;
    }

        .nav-item a.active[b-ltos3yqg77] {
            /*background-color: #622f63;*/
            color: darkorange;
            background-color: transparent;
        }

        .nav-item a:hover[b-ltos3yqg77] {
            color: #202020;
            background-color: #D1D1D1;
        }

.nav2-item[b-ltos3yqg77] {
    /*font-size: 0.9rem;*/
    font-size: 14px;
    padding-bottom: 0.5rem;
}

    .nav2-item a[b-ltos3yqg77] {
        padding-left: 6px;
        color: #d7d7d7;
        border-radius: 4px;
        height: 2.4rem;
        display: flex;
        align-items: center;
        line-height: 1.1rem;
        text-decoration: none;
    }

        .nav2-item a.active[b-ltos3yqg77] {
            background-color: rgba(255,255,255,0.25);
            color: white;
        }

        .nav2-item a:hover[b-ltos3yqg77] {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }

/* From bottom.razor */

.bottom-row[b-ltos3yqg77] {
    padding: 0.3rem 1.25rem;
    bottom: 0;
}

    .bottom-row .list-item[b-ltos3yqg77] {
        background-color: transparent;
        position: relative;
        text-decoration: none;
        color: #212121;
        border: none;
        display: flex;
    }

    .bottom-row .fs-xs[b-ltos3yqg77] {
        font-size: x-small;
        padding: 0 0.5rem;
    }
/* _content/ChemSelectUI/Shared/MainLayout.razor.rz.scp.css */

.page[b-6sm9xav9t0] {
    width: 1140px;
    padding-left: 0px;
    padding-right: 0px;
    justify-content: center;
    margin-right: auto;
    margin-left: auto;
    overflow-x: auto;
    min-width: 800px;
    background-color: transparent;
}

.navbar-brand[b-6sm9xav9t0] {
    color: #fabb00;
    width: 12rem;
}

main[b-6sm9xav9t0] {
    background-color: white;    
}

    main > .content[b-6sm9xav9t0] {
        display: flex;
        overflow-y: auto;
        height: calc(100vh - 6rem);
        padding: 0px;        
        /*margin-bottom: 2.5rem;*/
    }

.oi[b-6sm9xav9t0] {
    width: 1.3rem;
    font-size: 1.0rem;
    vertical-align: text-top;
    color: #202020;
    top: -2px;
}


@media (max-width: 640.98px) {

    .nav-item[b-6sm9xav9t0] {
        font-size: 0.8rem;
        padding-bottom: 0rem;
    }
    /*.top-row {*/ /*Code added AG*/
    /*display: flex;
        flex-direction: column;
        width: 800px;
        margin-left: 100px;
    }*/
    .top-row:not(.auth)[b-6sm9xav9t0] {
        /*display: none;*/
    }

    .top-row.auth[b-6sm9xav9t0] {
        justify-content: space-between;
    }

    .top-row a[b-6sm9xav9t0], .top-row .btn-link[b-6sm9xav9t0] {
        margin-left: 0;
    }
    /*bei kleinem Screen die navbar in eine box verpackt und die items in voller Breite*/
    /* .navbar {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        background-color:#303030;
        padding: 8px 12px;
        height: 14em;
        margin-top: 11em; width:100%;
    }*/

    .navbar[b-6sm9xav9t0] {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        background-color: #303030;
        padding: 12px 8px;
        width: 400px;
        margin-top: 200px;
        margin-left: -200px;
        float: left;
    }

    .nav-item[b-6sm9xav9t0] {
        align-self: stretch;
    }
}
/* _content/ChemSelectUI/Shared/MixtureCompositionForm.razor.rz.scp.css */
th[b-kc465u8fon] { vertical-align: top;}

/* Chrome, Safari, Edge, Opera */
input[type=number][b-kc465u8fon]::-webkit-outer-spin-button,
input[type=number][b-kc465u8fon]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-kc465u8fon] {
    -moz-appearance: textfield;
}
/* _content/ChemSelectUI/Shared/MixtureSidebar.razor.rz.scp.css */
.container[b-uzqix3tt7v] {
    display: flex;
    flex-flow: row;
    height: 100%;
}

.navbar-toggler[b-uzqix3tt7v] {
    background-color: rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center; /* Vertikale Zentrierung des Inhalts */
}

    .navbar-toggler:focus[b-uzqix3tt7v] {
        border: 2px solid white !important;
        outline: none !important;
        box-shadow: none !important;
    }

    .navbar-toggler:hover[b-uzqix3tt7v] {
        color: #404040;
        background-color: #FDFDFD;
    }

        .navbar-toggler:hover .oi[b-uzqix3tt7v] {
            color: #404040;
            background-color: #FDFDFD;
        }

.sidebar[b-uzqix3tt7v] {
    /* height: calc(100vh - 6rem);*/
    /*flex:auto; funktioniert gut, aber ist nur so hoch wie das benachbarte content-div */
    max-width: 200px;
}

.content[b-uzqix3tt7v] {
    /*height: 85vh;
    overflow-y: auto;*/
    flex: auto;
    /*flex-direction:column;*/
}

.oi[b-uzqix3tt7v] {
    /*width: 2rem;*/
    width: 22px;
    font-size: 1.0rem;
    vertical-align: text-top;
    color: #fabb00;
    top: -2px;
}

    .oi:hover[b-uzqix3tt7v] {
        /*color: #404040;*/
    }

.nav-item[b-uzqix3tt7v] {
    /*font-size: 13px;*/
    font-size: 0.85rem;
    padding-bottom: 0.2rem;
}

    .nav-item[b-uzqix3tt7v]  a {
        padding-left: 6px;
        color: #d7d7d7;
        border-radius: 4px;
        height: 2.1rem;
        display: flex;
        align-items: center;
        line-height: 1.1rem;
    }

        .nav-item[b-uzqix3tt7v]  a.active {
            background-color: #fffdeb;
            color: #101010;
        }

        .nav-item[b-uzqix3tt7v]  a:focus {
            outline: 2px solid white !important;
        }

        .nav-item[b-uzqix3tt7v]  a:hover {
            background-color: rgba(255,255,255,0.9);
            color: #101010 !important;
        }

            .nav-item[b-uzqix3tt7v]  a:hover .oi {
                color: #303030;
            }


@media (min-width: 641px) { /*großer Bildschirm*/
    .navbar-toggler[b-uzqix3tt7v] {
        display: none;
    }

    .collapse[b-uzqix3tt7v] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}

@media (max-width: 640.98px) {
    /*Soll 2. Scrollbalken bei sehr kleinem Screen verhindern.*/
    .sidebar[b-uzqix3tt7v] {
        /* height: calc(100vh - 6rem);*/
        /*flex:auto; funktioniert gut, aber ist nur so hoch wie das benachbarte content-div */
        max-width: 1600px;
    }

    content[b-uzqix3tt7v] {
        height: 100vh;
        overflow-y: hidden;
    }

    .nav-item[b-uzqix3tt7v] {
        font-size: 0.8em;
    }

        .nav-item[b-uzqix3tt7v]  a {
            line-height: 1.0rem;
            height: 2.0rem;
        }
}
/* _content/ChemSelectUI/Shared/NavMenu.razor.rz.scp.css */

.menu-row[b-5avufi905b] {
    background-color: #FFFFFF;
    padding: 0.7rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu-row[b-5avufi905b]  a, .menu-row .btn-link[b-5avufi905b] {
    white-space: nowrap;
    margin-left: 1rem;
}

.menu-row a:first-child[b-5avufi905b] {
    overflow: hidden;
    text-overflow: ellipsis;
}


.nav-item[b-5avufi905b] {
    font-size: 1rem;
    padding-bottom: 0rem;    
}

    .nav-item:first-of-type[b-5avufi905b] {
        padding-top: 0rem;
    }

    .nav-item:last-of-type[b-5avufi905b] {
        padding-bottom: 0rem;
    }

    .nav-item[b-5avufi905b]  a {
        color: #545454;
        background-color: transparent;
        border-radius: 4px;
        height: 2rem;
        display: flex;
        align-items: center;
        line-height: 2rem;
        margin-left: 1px;
        padding-left: 0.6rem;
        padding-right: 0.6rem;
    }

        .nav-item[b-5avufi905b]  a.active {
            /*background-color: #622f63;*/
            color: #622f63;
            font-weight: bold;
            background-color: transparent;
            border-bottom: solid 2px #622f63;
            border-radius: 0;
            /*text-decoration: underline;*/
        }

        .nav-item[b-5avufi905b]  a:hover {
            color: #FFFFFF;
            background-color: #545454;
        }

        .nav-item[b-5avufi905b]  a:focus {            
            outline: 2px solid #404040;
            box-shadow: none;
        }

.special-nav-item[b-5avufi905b]  a {
    color: #FFFFFF;
    background-color: #622f63;
    border-radius: 4px;
    height: 2rem;
    display: flex;
    align-items: center;
    line-height: 2rem;
    margin-left: 3px;
}

    .special-nav-item[b-5avufi905b]  a.active {
        color: #FFFFFF;
        background-color: #622f63;
        font-weight: bold;
        border-radius: 0;
        border-bottom: solid 2px #FFFFFF;
    }

    .special-nav-item[b-5avufi905b]  a:focus {        
        background-color: #FFFFFF;
        color:#444444;
    }

    .special-nav-item[b-5avufi905b]  a:hover {
        color: #444444;
        background-color: #FFFFFF;
        border: solid 1px #444444;
    }



/* _content/ChemSelectUI/Shared/SubstanceForm.razor.rz.scp.css */
   .container[b-lbvlsxzz4h] {
    display: flex;
    flex-flow: row;
    height: 100%;
}



/* _content/ChemSelectUI/Shared/SubstanceLayout.razor.rz.scp.css */
.container[b-6ai881jc0e] {
    display:flex; flex-flow:row; height:100%;
}

.navbar-toggler[b-6ai881jc0e] {
    background-color: rgba(255, 255, 255, 0.1);    
}


.sidebar[b-6ai881jc0e] {
     /*height: calc(100vh - 6rem);*/
     flex:auto; /*funktioniert gut, aber ist nur so hoch wie das benachbarte content-div */
}

.content[b-6ai881jc0e] {
    /*height: 85vh;
    overflow-y: auto;*/
    flex: auto;
    /*flex-direction:column;*/
}

.oi[b-6ai881jc0e] {
    width: 2rem;
    font-size: 1.0rem;
    vertical-align: text-top;
    color: #fabb00;
    top: -2px;
}

.nav-item[b-6ai881jc0e] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item[b-6ai881jc0e]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 2.4rem;
        display: flex;
        align-items: center;
        line-height: 1.1rem;
    }

        .nav-item[b-6ai881jc0e]  a.active {
            background-color: rgba(255,255,255,0.25);
            color: white;
        }

        .nav-item[b-6ai881jc0e]  a:hover {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }

@media (min-width: 641px) { /*großer Bildschirm*/
    .navbar-toggler[b-6ai881jc0e] {
        display: none;
    }

    .collapse[b-6ai881jc0e] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}

    @media (max-width: 640.98px) {
        /*Soll 2. Scrollbalken bei sehr kleinem Screen verhindern.*/
        content[b-6ai881jc0e] {
            height: 100vh;
            overflow-y: hidden;
        }
    }
/* _content/ChemSelectUI/Shared/SubstanceSidebar.razor.rz.scp.css */
.container[b-r5as0xuaeh] {
    display: flex;
    flex-flow: row;
    height: 100%;
}

.navbar-toggler[b-r5as0xuaeh] {
    background-color: rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center; /* Vertikale Zentrierung des Inhalts */
}

    .navbar-toggler:focus[b-r5as0xuaeh] {
        border: 2px solid white !important;
        outline: 3px solid blue !important;
        box-shadow: none !important;
    }

    .navbar-toggler:hover[b-r5as0xuaeh] {
        color: #404040;
        background-color: #FDFDFD;
    }

        .navbar-toggler:hover .oi[b-r5as0xuaeh] {
            color: #404040;
            background-color: #FDFDFD;
        }

.sidebar[b-r5as0xuaeh] {
    /*height: calc(100vh - 6rem);*/
    /*flex:auto; funktioniert gut, aber ist nur so hoch wie das benachbarte content-div */
    /*position: fixed;
    top: 58px;
    left: 210px;
    height: 100%;
    overflow-y: auto;
    z-index: 1000;  Sicherstellen, dass die Side*/
}

.content[b-r5as0xuaeh] {
    /*height: 85vh;
    overflow-y: auto;*/
    flex: auto;
    /*flex-direction:column;*/
}

.oi[b-r5as0xuaeh] {
    /*width: 2rem;*/
    width: 22px;
    font-size: 1.0rem;
    vertical-align: text-top;
    color: lightyellow;
    /*color: #fabb00;*/
    top: -2px;
}

    .oi:hover[b-r5as0xuaeh] {
        /* color: #404040;
        background-color:#FDFDFD;*/
    }

.nav-item[b-r5as0xuaeh] {
    font-size: 0.85rem;
    /*font-size: 13px;*/
    padding-bottom: 0.2rem;
}

    .nav-item[b-r5as0xuaeh]  a {
        padding-left: 6px;
        color: #d7d7d7;
        /*color: #122212;*/
        border-radius: 4px;
        height: 2.1rem;
        display: flex;
        align-items: center;
        line-height: 1.1rem;
    }

        .nav-item[b-r5as0xuaeh]  a.active {
            background-color: #fffdeb;
            color: #101010;
            /*background-color: rgba(255,255,255,0.15);
            color: white;
            font-weight:bold;*/
        }

        .nav-item[b-r5as0xuaeh]  a:focus {
            outline: 2px solid white !important;
        }

        .nav-item[b-r5as0xuaeh]  a:hover {
            background-color: rgba(255,255,255,0.9);
            color: #101010;
            /*background-color: rgba(255,255,255,0.1);
            color: white;*/
            /*Wenn Hintergrund hell*/
            /*color: darkred;
            font-weight:bold;*/
        }

            .nav-item[b-r5as0xuaeh]  a:hover .oi {
                color: #303030;
            }

@media (min-width: 641px) { /*großer Bildschirm*/
    .navbar-toggler[b-r5as0xuaeh] {
        display: none;
    }

    .collapse[b-r5as0xuaeh] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}

@media (max-width: 640.98px) {
    /*Soll 2. Scrollbalken bei sehr kleinem Screen verhindern.*/
    content[b-r5as0xuaeh] {
        height: 100vh;
        overflow-y: hidden;
    }

    .nav-item[b-r5as0xuaeh] {
        font-size: 12px;
    }

        .nav-item[b-r5as0xuaeh]  a {
            line-height: 1.0rem;
            height: 2.0rem;
        }
}
/* _content/ChemSelectUI/Shared/SubstanceSidebarBackup.razor.rz.scp.css */
.container[b-ayf0v4dkdo] {
    display: flex;
    flex-flow: row;
    height: 100%;    
}

.navbar-toggler[b-ayf0v4dkdo] {
    background-color: rgba(255, 255, 255, 0.1);
}

.sidebar[b-ayf0v4dkdo] {
    /*height: calc(100vh - 6rem);*/
    /*flex:auto; funktioniert gut, aber ist nur so hoch wie das benachbarte content-div */
}

.content[b-ayf0v4dkdo] {
    /*height: 85vh;
    overflow-y: auto;*/
    flex: auto;
    /*flex-direction:column;*/
}

.oi[b-ayf0v4dkdo] {
    /*width: 2rem;*/
    width:22px;
    font-size: 1.0rem;
    vertical-align: text-top;
    color: #fabb00;
    top: -2px;
}

.nav-item[b-ayf0v4dkdo] {
    /*font-size: 0.9rem;*/    
    font-size: 13px;
    padding-bottom: 0.2rem;
}

    .nav-item[b-ayf0v4dkdo]  a {
        padding-left: 6px;        
        color: #d7d7d7;
        border-radius: 4px;
        height: 2.1rem;
        display: flex;
        align-items: center;
        line-height: 1.1rem;
    }

        .nav-item[b-ayf0v4dkdo]  a.active {
            background-color: rgba(255,255,255,0.25);
            color: white;
        }

        .nav-item[b-ayf0v4dkdo]  a:hover {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }

@media (min-width: 641px) { /*großer Bildschirm*/
    .navbar-toggler[b-ayf0v4dkdo] {
        display: none;
    }

    .collapse[b-ayf0v4dkdo] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}

@media (max-width: 640.98px) {
    /*Soll 2. Scrollbalken bei sehr kleinem Screen verhindern.*/
    content[b-ayf0v4dkdo] {
        height: 100vh;
        overflow-y: hidden;
    }

    .nav-item[b-ayf0v4dkdo] {
        font-size: 12px;
    }

        .nav-item[b-ayf0v4dkdo]  a {
            line-height: 1.0rem;
            height: 2.0rem;
        }
}
/* _content/ChemSelectUI/Shared/SupplierForm.razor.rz.scp.css */
body[b-48piywroi6] {
}

.radioLabel[b-48piywroi6]
{ 
    font-size:13px;
    color:#505050;
    font-weight:bold;    
}

[b-48piywroi6] input[type="radio"] {
    /*display: border 2px #303030;
    border: 2px solid #303030;*/
    outline: 1px solid #303030;
}
/* _content/ChemSelectUI/Shared/UseCaseLifeCycle.razor.rz.scp.css */
.graysquare[b-vkobqszn77] {
    border-radius: 15%;
    width: 28px;
    height: 19px;
    padding-top: 4px;
    line-height: 10px;
    color: #fff;
    text-align: center;
}

[b-vkobqszn77] .custom-checkbox {
    width: 20px; /* Breite der Checkbox */
    min-width: 20px; /* Mindestbreite der Checkbox */
    height: 20px; /* Höhe der Checkbox */
}

    [b-vkobqszn77] .custom-checkbox:checked {
        opacity: 1; /* Deckkraft der ausgewählten Checkbox */
        background-color: #705050;
        border-color: #202020; /* Rahmenfarbe der ausgewählten Checkbox */
    }

[b-vkobqszn77] input[type="radio"] {
    /*display: border 2px #303030;
    border: 2px solid #303030;*/
    outline: 1px solid #103030;
}

/* Definiere eine CSS-Klasse für das deaktivierte InputRadio mit gestricheltem Rahmen */
[b-vkobqszn77] .disabled-radio {
    border: 2px dashed #000; /* Schwarzer gestrichelter Rahmen */
    padding: 5px; /* Optional: etwas Abstand innerhalb des Rahmens */
}

[b-vkobqszn77] .custom-switch {
    border: 2px solid #606060;
}