.e-sidebar.e-left.e-open.e-disable-animation, .e-sidebar.e-right.e-open.e-disable-animation, .e-sidebar.e-right.e-close.e-disable-animation, .e-sidebar.e-left.e-close.e-disable-animation {
    transition: width 0.5s;
    transform: unset !important;
}

.e-sidebar {
    overflow: hidden;
}

/* Show context menus and similiar menus fully without creating new scroll bars (for markdown fields and for column chooser) */
.e-grid .e-content, .e-grid .e-rowcell, .e-grid .e-gridcontent, .e-grid .e-gridheader, .e-grid .e-headercontent, .e-grid .e-groupdroparea, .e-grid .e-gridfooter, .e-grid .e-summarycontent {
    overflow: visible !important;
}

/* workaround AWF22 fixes vertical scrolling of fixed headings in the gantt */
.e-gantt .e-grid .e-gridheader, .e-gantt .e-grid .e-headercontent {
    overflow: hidden !important;
}

/* Prevent the active border of active field beeing cut off by overflow. */
.e-rowcell.e-focus {
    z-index: 99;
}

/* 
    Don't strech the grid columns to 100%, only use the sizes from customizing for the width.
    Also this needs fixed size for grid indent not the calculated one from syncfusion.
*/
.e-grid .e-content, .e-grid .e-headercontent {
    width: min-content;
}

.e-gantt .e-content, .e-gantt .e-headercontent {
    width: initial;
}

.e-detail-intent {
    width: 20px !important;
}

.e-detailindentcell {
    height: auto !important;
    border: none !important;
}

.e-grid .e-icon-grightarrow, .e-grid .e-icon-gdownarrow {
    text-indent: 4px;
    visibility: hidden;
    padding: 0px !important; /*padding was brought in syncfusion version 20.2 and broke the layout*/
}

.e-detailrowcollapse {
    pointer-events: none; /*initially disable all collapse buttons. they will be enabled programmatically where it is needed*/
}

.e-detailrowexpand {
    pointer-events: none; /*initially disable all expand buttons. they will be enabled programmatically where it is needed*/
}

tr.expandable > td[class^=e-detailrow] > a.e-icons {
    visibility: visible;
}

tr.expandable > td[class^=e-detailrow] {
    pointer-events: visible !important;
}

.e-grid a.e-icon-grightarrow:before {
    font-family: "FontAwesome";
    content: '\f105';
}
.e-grid .e-icon-gdownarrow:before {
    font-family: "FontAwesome";
    content: '\f107';
}

/* Remove padding from grid titles globally to fix alignment issues */
.e-grid .e-gridheader .e-sortfilter .e-headercelldiv, .e-grid .e-gridheader .e-stackedheadercelldiv {
    padding: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.e-grid .e-headercell, .e-grid .e-detailheadercell {
    padding: 0px 5px !important;
}

.pl-scroll .e-grid .e-rowcell:last-child, .e-grid .e-summarycell:last-child {
    padding-right: 0px;
}

/*WORKAROUND: Syncfusion 19.4.0.38 Icons in toolbar are shrunk*/
.pl-toolbar-btn-icon.e-btn-icon {
    width: unset;
}

.pl-error {
    background-color: #b22222;
    border-radius: 10px;
    padding: 20px;
    font-weight: bold;
    color: white;
}

.e-input-group .e-input[readonly], .e-input-group.e-control-wrapper .e-input[readonly], .e-float-input input[readonly], .e-float-input.e-control-wrapper input[readonly], .e-float-input textarea[readonly], .e-float-input.e-control-wrapper textarea[readonly] {
    background: unset;
    color: unset;
}

/* Scrollbar settings */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-thumb {
    background: #666;
    border-radius: 3px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #00355a;
    }

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.e-navigate-arrow.e-arrow-up, .e-navigate-arrow.e-arrow-left {
    visibility: hidden;
}

div {
    scrollbar-color: #666 transparent;
    scrollbar-width: thin; /* also hides arrows on scrollbar */
}

.pl-button .e-btn {
    background-color: white !important;
    border-radius: 0px !important;
    padding: 4px 4px !important;
}