/*********************************************Popup*********************************************/
.e-popup-content:has(.e-multicolumn-grid) {
    height: 100% !important;
}

.e-popup.e-multicolumn-list {
    border-radius: 5px;
    border: var(--multicolumn-dropdown-cell-active-border);
    margin-top: 3px !important;
    margin-bottom: 3px !important;
    position: fixed;
    height: 250px !important;
    max-height: 250px !important;
    min-height: 250px !important;
}

/*********************************************General*********************************************/
.e-multicolumn-grid {
    border: none !important;
}

.e-multicolumn-container, .e-multicolumn-input {
    height: 32px;
    width: 100%;
}


    /*prevent weird css for the default active/focus effect on the input*/
    .e-multicolumn-container.e-input-focus,
    .e-multicolumn-container.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
    .e-multicolumn-container.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
    .e-input-group.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
    .e-input-group.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
    .e-float-input.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
    .e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
    .e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]),
    .e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]),
    .e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]),
    .e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]) {
        border-color: #ced4da !important;
        box-shadow: none !important;
    }
/*********************************************Column header*********************************************/
.e-multicolumn-grid > div.e-gridheader {
    background-color: var(--grid-header-background-color) !important;
    border: none !important;
}

.e-multicolumn-grid .e-gridheader .e-headercontent .e-table thead tr th {
    background-color: var(--grid-header-background-color);
}
.e-multicolumn-grid .e-gridheader .e-headercontent .e-table thead tr th .e-headercelldiv {
    background-color: var(--grid-header-background-color);
}

.e-multicolumn-grid .e-gridheader .e-headercontent .e-table thead tr th .e-headercelldiv .e-headertext{
    color: #4B4B4B;
    padding: 0 !important;
    padding-left: 10px !important;
}

    /*remove first seperator (e-rangler)*/
    .e-multicolumn-grid .e-gridheader .e-headercontent .e-table thead tr th:nth-child(1).e-headercell.e-mousepointer:not(.e-stackedheadercell)::after {
        border-left: none !important;
    }

/*********************************************Grid Cells*********************************************/

.e-multicolumn-grid .e-gridcontent .e-content.e-yscroll .e-table {
    overflow: auto !important;
}

.e-multicolumn-grid .e-gridcontent .e-content .e-table tbody tr td.e-rowcell {
    text-align: left;
    height: 32px !important;
    max-height: 32px !important;
    font: var(--multicolumn-dropdown-content-font) !important;
    letter-spacing: var(--multicolumn-dropdown-content-letter-spacing);
    color: var(--multicolumn-dropdown-content-color);
    padding: 0 !important;
    padding-left: 10px !important;
}

.e-popup.e-multicolumn-list .e-multicolumn-grid td.e-active {
    background-color: var(--multicolumn-dropdown-cell-active-color);
    border-top: var(--multicolumn-dropdown-cell-active-border);
    border-bottom: var(--multicolumn-dropdown-cell-active-border);
}

.e-input-group-icon.e-multicolumn-list-icon {
    height: 100% !important;
    width: 30px !important;
    background-image: url('/images/dropdown-arrow-icon.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-color: var(--multicolumn-dropdown-cell-active-color) !important;
    border:none !important;
    border-bottom-left-radius: 4px !important;
    border-top-left-radius: 4px !important;
}

.e-multicolumn-input[aria-expanded="true"] ~ .e-input-group-icon.e-multicolumn-list-icon{
    background-image: url('/images/dropdown-arrow-up-icon.svg') !important;
}

    .e-input-group-icon.e-multicolumn-list-icon:hover {
        background-color: var(--multicolumn-dropdown-cell-active-color) !important;
    }

.e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
    content: none;
}

.e-multicolumn-grid .e-gridheader .e-headercontent .e-table thead tr th:nth-child(1):not(.e-stackedheadercell)::after,
.e-multicolumn-grid .e-gridheader .e-headercontent .e-table thead tr th:nth-child(2):not(.e-stackedheadercell)::after{
    display:none !important;
}