body {
}


.e-grid .e-gridheader {
    background: linear-gradient( to bottom, #DEE5F5 0%, #D4DFF4 50%, #C9D8F2 100% ) !important;
    color: #000;
    /*border-left: 1px solid #6689CA !important;*/
    /*border-right: 1px solid #6689CA !important;*/
    /*border-top: 1px solid #6689CA !important;*/
    /*border-bottom: 1px solid #6689CA !important;*/
    /*border-bottom-color: #6689CA !important;*/
    border-left-color: #6689CA !important;
    border-bottom-color: #6689CA !important;
    border-top-color: #6689CA !important;
}

.e-grid .e-headercell {
    background: linear-gradient( to bottom, #DEE5F5 0%, #D4DFF4 50%, #C9D8F2 100% ) !important;
    color: #000;
    /*border-right: 1px solid #6689CA !important;*/
    /*border-color: #6689CA!important;*/
    border-color: #6689CA!important;
    height: 24px !important;
    pointer-events: none !important;
    padding: 0px 3px 0px 3px !important;
}
.e-grid .e-headercell:last-child {
    border-right: 1px solid #6689CA !important;
}
.e-grid .e-headercell:first-child {
    border-left: 1px solid #6689CA !important;
}

.e-grid .e-columnheader {
    border-bottom: 1px solid #808080;
}

.e-grid .e-headercelldiv {
    font-size: 14px !important;
    font-weight: 400 !important;
}

.e-grid .e-rowcell {
    font-size: 14px !important;
    padding: 0px 3px 0px 3px!important ;
}

.e-grid .e-unboundcelldiv .e-btn {
    min-width: 32px !important;
    padding: 2px !important;
    margin: 0 !important;
}
/* Estilo para la fila seleccionada */
/*.e-grid .e-selectionbackground {
    background: inherit !important;*/
    /*    border-top: 2px solid #0d6efd !important;
    border-bottom: 2px solid #0d6efd !important;*/
    /*outline: 2px solid #0d6efd !important;
    outline-offset: -2px;
}*/

/* Estilo para ocultar boton */
.e-removecommand .e-unboundcell .e-unboundcelldiv button {
    display: none;
}

.e-gridcustomcommand {
    cursor: pointer;
    padding: 1px !important;
    width: 28px !important;
    height: 28px !important;
    margin: 0px !important;
    border-radius: 4px!important;
}

.e-gridcustomcommand .e-icons {
    font-size: 17px !important;
}

.e-gridcustomcommand:hover {
    background-color: rgba(0,0,0,.08);
}

.e-grid .e-input-group,
.e-grid .e-input-group input,
.e-grid .e-numerictextbox,
.e-grid .e-input {
    height: 28px !important;
    min-height: 22px !important;
    font-size: 12px !important;
    padding: 0px 1px 2px 1px !important;
}

.e-grid .e-input-group .e-input-group-icon, 
.e-input-group.e-control-wrapper .e-input-group-icon {
    min-height: 20px!important;
    min-width: 26px!important;
}

.e-switch-wrapper {
    height: 24px!important;
    margin-top: 2px!important;
}

/*-----------------------*/
/* MULTISELECT */
.e-multi-select-wrapper  {
    /*font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
    font-size: 10px!important;
    line-height: 24px!important;
    padding-left: 2px!important;
    padding-right: 2px!important;
    /*vertical-align: middle;*/
}

    .e-multi-select-wrapper .e-delim-values {
        font-size: 12px!important;
        line-height: 24px!important;
        padding-left: 2px!important;
        padding-right: 2px!important;
    }
    .e-multi-select-wrapper .e-delim-view {
        font-size: 12px !important;
        line-height: 24px !important;
        padding-left: 2px !important;
        padding-right: 2px !important;
    }

.e-multiselect .e-multi-select-wrapper .e-chips-collection .e-chips {
    min-height: 23px !important;
    margin-top: 1px !important;
    height: 18px !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.e-multi-select-wrapper .e-chips {
    background-color: aqua;
    height: 18px;
}

.e-multiselect .e-multi-select-wrapper .e-chips .e-chipcontent {
    font-size: 12px !important;
    line-height: 12px !important;
    /*-webkit-text-fill-color: blue;*/
}

/*------------------------------------------*/
/* LISTA POPUP DE LISTAS COMBOS MULTISELECT */
.e-popup .e-list-item {
    font-size: 12px !important;
    background-color: transparent !important;
    color: black !important;
}
    .e-popup .e-list-item:hover {
        font-size: 12px !important;
        background-color: #fff3c4 !important;
        color: black !important;
    }
    .e-popup .e-list-item.e-active {
        font-size: 12px !important;
        color: black !important;
    }

.e-popup {
    background-color: #fffbe6 !important;
    color: black !important;
    border: 1px solid #e6d88a !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.20) !important;
}