@import url('open.iconic/font/css/open-iconic-bootstrap.min.css');


:root {
    --menu-color: #f21600;
    --active-color: black;
}

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

html, body {
    height: 100%;
    overflow: hidden;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#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;
    }

.dropdown-overflow {
    position: static;
}

.dropdown-menu li:hover {
    background-color: #e7f1ff;
}

.accordion {
    border: 1px solid #ccc;
}

.item {
    border-top: 1px solid #ccc;
}

.header {
    background-color: #f2f2f2;
    padding: 10px;
    cursor: pointer;
}

.content {
    display: block;
    padding: 10px;
}

/* Remove default bullets */
ul, #myUL {
    list-style-type: none;
}

/* Remove margins and padding from the parent ul */
#myUL {
    margin: 0;
    padding: 0;
}

/* Style the caret/arrow */
.caret {
    cursor: pointer;
    user-select: none; /* Prevent text selection */
}

    /* Create the caret/arrow with a unicode, and style it */
    .caret::before {
        content: "\25B6";
        color: black;
        display: inline-block;
        margin-right: 6px;
    }

/* Rotate the caret/arrow icon when clicked on (using JavaScript) */
.caret-down::before {
    transform: rotate(90deg);
}

/* Hide the nested list */
.nested {
    display: block;
}

/* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
.active {
    display: block;
}

.accordion-body {
    padding-left: 0rem;
    padding-right: 0rem;
}

.spinner-style {
    /*display: none;*/
    color: var(--menu-color);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    width: 2rem;
    height: 2rem;
}

.disabled-content {
    opacity: 0.5; 
    pointer-events: none; 
}

.spinner-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    width: 100%; /* Für volle Breite des Containers */
}

.spinner-center {
    /*display: none;*/
    position: absolute;
    color: var(--menu-color);
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
}

.green-row {
    background-color: #d4edda; /* light green */
    color: #155724; /* dark green text */
    
}

.green > td:last-child {
    background-color: inherit;
}

.orange-row {
    background-color: #f6b26b;
}


th, td {
    border: 1px;
    text-align: left;
    min-width: 16px; /* Set your desired minimum width here */
}


.accordion-button:not(.collapsed) {
    color: green;
    background-color: #fff;
    box-shadow: none;
}

.accordion-body button:hover {
    background-color: #e7f1ff;
}

.accordion-item {
    padding: 0px;
    margin: 0px;
}

.accordion-body {
    padding: 0px;
    margin: 0px;
}

.dx-grid.dx-page-index.dx-selection {
    background-color: var(--menu-color);
    color: white !important;
    border-radius: 4px;
}


.dx-pager .dx-page-sizes .dx-selection, .dx-pager .dx-pages .dx-selection {
    background-color: red;

}



.dxbl-pager .dxbl-btn.dxbl-btn-outline-secondary .dx-selection {
    background-color: var(--menu-color) !important;
}


.dxbl-grid.dxbl-sm {
    max-height: 600px;
}

/*.dxbl-btn.dxbl-btn-outline-secondary {
    background-color: var(--menu-color) !important;
}*/
.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-checked .dxbl-checkbox-check-element,
.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-indeterminate .dxbl-checkbox-check-element {
    background-color: var(--menu-color);
}