body {
}

/* Add the red text color class */
.text-red {
    color: #dc3545; /* Red text color */
}


/* Styles for error toast */
.error-toast {
    background-color: #ffc1c1; /* Light red background */
    border: 1px solid #dc3545; /* Red border */
    color: #dc3545; /* Red text color */
}

/* Styles for success toast */
.success-toast {
    /* Add your desired styles for success toast here */
}
.k-grid-header .k-header {
    background-color: #818791;
    border-color: #bac3d1;
    color: #F0F0F2;
}

.my-horizontal-expander-collapsed {
    height: 840px;
    width: 63px;
    border-radius: 0px;
}

.my-horizontal-expander-expanded {
    height: 840px;
    width: 100%;
    border-radius: 0px;
}

.my-horizontal-expander-header {
    /* background-image: linear-gradient(180deg, rgb(91, 138, 208) 0%, #2D4BA6 70%);*/
    background-color: #1274AC;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
}

.my-horizontal-expander-header:hover {
    background-color: #2D4BA6;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
}

.my-high-button {
    /*background-color: rgba(255,255,255,0.25);*/
    /*color: white;*/
    height: 840px;
    width: 61px;
}

.my-high-button:hover {
    /*background-color: rgba(255,255,255,0.1);*/
    /*color: white;*/
    height: 840px;
    width: 61px;
}

.leftIcon {
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    float: left;
}

.initial-data-loader .k-loader-container-overlay.k-overlay-light {
    background-color: white;
}

.k-loader-container {
    z-index: 100;
}

.margined-content{
    margin: 20px;
}


.progressDraft {
    background-color: rgba(0, 0, 0, 0.25);
}

    .progressDraft .k-selected {
        background-color: black;
    }

.progressBearbeitung {
    background-color: rgba(255, 165, 0, 0.25);
}

    .progressBearbeitung .k-selected {
        background-color: #FFA500;
    }

.progressStorniert {
    background-color: rgba(255, 0, 0, 0.25);
}

    .progressStorniert .k-selected {
        background-color: red;
    }

.progressMissing {
    background-color: rgba(255, 70, 0, 0.25);
}

    .progressMissing .k-selected {
        background-color: #ff8e00;
    }


.progressFertiggestellt {
    background-color: rgba(0, 187, 0, 0.25);
}

    .progressFertiggestellt .k-selected {
        background-color: green;
    }

.progressUnbekannt {
    background-color: rgba(188, 188, 188, 0.25);
}

    .progressUnbekannt .k-selected {
        background-color: gray;
    }

.k-icon, .k-i-expand {
    cursor: pointer;
}

.k-icon, .k-i-collapse {
    cursor: pointer;
}