#Map {
    height: 800px !important;
}

html{
    overflow:hidden;
}

.maps-popout-title {
    font-weight: bold;
}

.text-overflow-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

html, body {
    height: 100vh;
}

.stretched-tab {
    height: 100%;
}

.stretched-tab-panel {
    display: flex;
    flex:1;
    max-height: calc(100% - 50px);
    padding: 8px;
    overflow: auto;
}

    .stretched-tab-panel > .mud-tab-panel {
        display: flex;
        flex:1;
    }



.dxbl-calendar {
    --dxbl-calendar-bg: white;
}

    .dxbl-calendar .dxbl-calendar-footer > button > span {
        display: none;
    }

    .dxbl-calendar .dxbl-calendar-footer > button:after {
        content: "Heute"
    }

.mud-container {
    height: 100%;
}

.green-background {
    background-color: #13B955 !important;
}

.orange-background {
    background-color: #fd7e14 !important;
}

.purple-background {
    background-color: #593196 !important;
}

.red-background {
    background-color: red !important;
}

.blue-background {
    background-color: blue !important;
}

.yellow-background {
    background-color: yellow !important;
}

.brown-background {
    background-color: brown !important;
}

.pink-background {
    background-color: pink !important;
}

.turkis-background {
    background-color: turquoise !important;
}

.greenish-background {
    background-color: lawngreen !important;
}

.text-white {
    color: white;
}

.blue-opc-background {
    background-color: #0000ff17;
    text-align: center;
}

.orange-opc-background {
    background-color: #ff7c0017;
    text-align: center;
}

.selected-row {
    background-color: var(--mud-palette-table-hover);
}

.dispo-drawer .dxbs-sc-dayview {
    height: 100%;
}

.dispo-drawer .dxbs-sc-scroll-container {
    height: calc(100% - 105px);
}

    .dispo-drawer .dxbs-sc-scroll-container > table {
        height: 100%;
    }

.dispo-drawer .dxbs-sc-tb-wrapper {
    display: none;
}

.mud-main-content {
    height: 100%;
}

.free-slot-background {
    background-color: #1bff00;
    text-align: center;
}

.text-black {
    color: black;
}

.text-free {
    color: #1bff00;
}

.text-orange {
    color: orange;
}

.text-yellow {
    color: #ffe000;
}

.text-red {
    color: red;
}

.schedulerCss {
    height: 450px;
    overflow-y: auto;
}
/*cells height reduce*/
.MyTimeLineViewCss.dxbs-sc-timeline .dxbs-sc-horizontal-view > tbody > tr:not(:first-child) > td,
.MyTimeLineViewCss.dxbs-sc-timeline .dxbs-sc-resource-headers > tbody > tr > td {
    height: 40px;
}

.dxbs-sc-empty-cell {
    width: 60px !important;
}

.MyTimeLineViewCss .dxbs-scheduler .dxbs-sc-empty-cell, .dxbs-scheduler .dxbs-sc-resources-scroll-area {
    width: 60px !important;
    text-align: center;
}

.MyTimeLineViewCss .dxsc-v-resource-header .dxsc-resource-header-content > span {
    transform: initial;
    -ms-transform: initial;
    -webkit-transform: initial;
    writing-mode: initial;
    -ms-writing-mode: initial;
    white-space: nowrap;
}

.dxbs-calendar .dxbs-calendar-table-container .dxbs-calendar-table .dxbs-calendar-selected-item {
    background-color: #8080808f;
}

.mud-data-grid .mud-table-cell.sticky-left {
    z-index: 3 !important;
}

.mud-data-grid th.mud-table-cell.sticky-left {
    z-index: 4 !important;
}

.sticky-footer {
    position: sticky;
    bottom: 0;
    z-index: 5;
}

.mud-table-pagination {
    z-index: 3;
}

.ps-table-footer-toolbar {
    position: fixed;
    left: 20px;
    bottom: 30px;
    width: 50px;
    z-index: 500;
    flex-direction: row !important;
}

.mud-data-grid-columns-panel {
    bottom: 70px !important;
    top: unset !important;
    left: 13px !important;
}

.filters-panel {
    bottom: 70px !important;
    top: unset !important;
    left: 13px !important;
}

@media only screen and (max-width: 1137px) {
    .flexcol {
        margin-top: 30px;
    }
}