:root {
    --checklisten-farbe: #ffdac4;
}

html {
    font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.checked {
    display: inline-block;
    transform: rotate(45deg);
    height: 17px;
    width: 12px;
    margin-left: 13px;
    border-bottom: 4px solid #78b13f;
    border-right: 4px solid #78b13f;
}





/*SYNCFUSION GRID CSS*/

.e-toolbar {
    font-size: 14px;
    font-family: inherit !important;
}

.e-toolbaritems {
    font-size: 14px;
    font-family: inherit !important;
}

.e-toolbar-item {
    font-size: 14px;
    font-family: inherit !important;
}

.e-grid {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100% !important;
    font-size: 14px;
    font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif !important;
}

.e-gridheader {
    background-color: #e0e0e0 !important;
}

.e-columnheader {
    border: none;
    width: 100%;
    border-bottom: 1px solid #dfe3e6 !important;
}

.e-headercell {
    color: #161616;
    padding: 1rem 1rem !important;
}

    .e-headercell:hover {
        background-color: #cacaca !important;
    }

.e-headertext {
    color: black !important;
}

.e-headercelldiv {
    line-height: unset !important;
}

.e-grid .e-rowcell {
    background-color: #fff;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.e-grid .e-row:hover {
    background-color: #e0e0e0 !important;
}

.e-grid .e-altrow:hover {
    background-color: #e0e0e0 !important;
}

.e-filtermenudiv {
    padding: unset !important;
}

.e-sortfilterdiv {
    padding: unset !important;
}

.e-control {
    font-family: inherit !important;
}

.e-pager {
    font-family: 'IBM Plex Sans VF', 'Helvetica Neue', Arial, sans-serif !important;
}

.selected-item-row {
    background-color: #0f62fe !important;
    color: white !important;
    font-weight: bold !important;
    /* Weitere Stile hier hinzuf�gen */
}

.ascii-checkmark {
    font-weight: bold;
    font-size: 16px;
}

    .ascii-checkmark.True {
        color: green;
    }

    .ascii-checkmark.False {
        color: red;
    }


.red-500 {
    background: #f44336;
}

.red-50 {
    background: #ffebee;
}

.grey-600 {
    background: #757575;
}

.amber-50 {
    background: #fff8e1;
}

.amber-500 {
    background: #ffc107;
}

.green-500 {
    background: #4caf50;
}

.green-50 {
    background: #e8f5e9;
}

.RemoveDialogMaxheight {
    max-height: none !important;
}

.ba-border-8 {
    border: 8px solid red
}

.ba-red-title {
    background: red;
    color: white;
}

    .ba-red-title > div {
        margin: auto;
        font-weight: bold;
    }

.ba-border-8-left {
    border-left: 8px solid red;
    width: 9rem;
    padding: 8px;
}

.ba-border-8-right {
    border-right: 8px solid red;
    width: 9rem;
    padding: 8px;
}

.ba-toggle {
    position: absolute;
    right: 8px;
    width: 106px;
}

.ba-toggle-bottom {
    width: 106px;
    margin: auto;
}

.unsync {
    background: #ffebee;
    padding: 4px;
}

.sync {
    background: #e8f5e9;
    padding: 4px;
}

.listitem-focused {
    background: #0d6efd;
    color: white;
}

.full-width-toggle {
    width: 100% !important;
}

.txt-area-94 {
    min-height: 74px;
}

.txt-area-62 {
    min-height: 62px;
}

.dialog-fix {
    max-height: none !important;
}

.low {
    color: #5874B9 !important;
    font-weight: 600;
    vertical-align: middle;
}

.medium {
    color: #7EAE42 !important;
    font-weight: 600;
    vertical-align: middle;
}

.high {
    color: #E78E35 !important;
    font-weight: 600;
    vertical-align: middle;
}

.important {
    color: #CA1818 !important;
    font-weight: 600;
    vertical-align: middle;
}

.toggle-label {
    color: #343A40;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 12px;
    letter-spacing: .16px;
    font-weight: 600;
    text-rendering: optimizeLegibility;
}

.sf-label {
    color: #343A40;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 12px;
    letter-spacing: .16px;
    font-weight: 500;
    padding-top: 3px;
    text-rendering: optimizeLegibility;
    padding-bottom: 2px;
}

.card-toggle-edit-row {
    margin: unset;
    padding-top: 10px;
}

.e-panel-content {
    overflow: auto;
}

.pointer path {
    cursor: pointer;
    .e-primary > .e-btn

{
    background: #0d6efd !important;
    border-color: #0d6efd !important;
    color: #fff !important;
}

.e-primary > .e-btn:hover {
    background: #0b5ed7 !important;
    border-color: #0a58ca !important;
    box-shadow: none !important;
    color: #fff !important;
}

.e-primary > span.e-tbar-btn-text {
    color: #fff !important;
}

.e-btn.e-flat.e-danger > .e-icons {
    color: #dc3545;
}

.e-btn.e-flat.e-danger:hover > .e-icons {
    color: #fff;
}

#primary-grid-add .e-tbar-btn-text:nth-child(2) {
    color: #fff !important;
}

#primary-grid-add .e-circle-add.e-icons.e-btn-icon.e-icon-left {
    color: #fff !important;
}

.e-dlg-container {
    top: 3rem !important;
    padding-bottom: 3rem !important;
}

.e-chip-text {
    padding-top: 2px !important;
}