/*
    Grid scrollbal format
*/
/*::-webkit-scrollbar-thumb {
    background-color: #f1f3f4;
    border-radius: 2px
}

::-webkit-scrollbar {
    font-size: smaller;
    background-color: #f1f3f4;
}

::-webkit-scrollbar-button {
    background-color: #f1f3f4;
}*/
::-webkit-scrollbar-thumb {
    background-color: lightgray;
    border-radius: 2px
}

::-webkit-scrollbar {
    font-size: smaller;
    background-color: #f1f3f4;
}

::-webkit-scrollbar-button {
    background-color: #f1f3f4;
}


.e-grid .e-altrow {
    background-color: #f9fcfe;
}

.e-toolbar-item .e-tbar-btn {
    color: indianred;
    font-weight: 800;
}

.e-btn.e-icon-btn, .e-css.e-btn.e-icon-btn {
    padding: 4px 0px;
}

.e-grid .e-unboundcelldiv > button {
    margin: 0 0px;
}

.e-click::before {
    content: '\e795';
}

.e-round-corner {
    border-radius: 0px !important;
    /*     border:double;
*/
}

/*.e-dialog .e-dlg-header {
    color: #fff !important;
    margin-top: -10px !important;
    margin-bottom: -10px !important;
}

.e-dialog .e-dlg-header-content {
    background-color: midnightblue;*/ /* Dialouge header background color #c4c4c0*/
/*color: #fff !important;
    border-radius: 0px;*/
/*       padding-bottom:-30px;*/

/*}
.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
    color: #fff !important;
    margin-top: -10px !important;
    margin-bottom: -10px !important;
}

.e-dialog .e-dlg-header-content .e-icon-dlg-close {
    color: #fff;
}*/
/* Below for BootStrap5*/


.e-dialog .e-dlg-header {
    color: #fff !important;
}

.e-dialog .e-dlg-header-content {
    background-color: #1c86c8; /*Dialouge header background color midnightblue*/
    color: #fff !important;
    font-weight: bolder;
    border-radius: 0px;
}

    .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
        /*left: -10px;*/
        padding: 0 20px;
        color: #fff !important;
    }

    .e-dialog .e-dlg-header-content .e-icon-dlg-close {
        color: #fff;
    }

    .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn:active .e-icon-dlg-close,
    .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn:focus .e-icon-dlg-close,
    .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn:hover .e-icon-dlg-close {
        color: #fff;
    }

.e-dialog .e-dlg-content {
    background-color: #f1f3f4;
    padding: 20px; /* Dialouge content padding*/
}

.e-dialog .e-footer-content {
    padding: 0 20px 20px 0;
    background-color: #f1f3f4;
}

.e-open-icon::before {
    content: "\e782";
}

.e-icon-settings.e-icons {
    float: left;
    position: relative;
    left: 14%;
    top: -33px;
}

.e-dialog.e-control.e-popup, .e-dialog.e-control.e-popup .e-dlg-header-content .e-dlg-header {
    color: black;
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-text,
.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon {
    font-weight: bolder;
    color: indianred;
    font-size: 16px;
}

.e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-tab-text {
    font-weight: bolder !important;
}

/*************************************************for Grid Header***************************************/
/*e-grid .e-headercelldiv {
    font-size: 12px;
}*/
/*.e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text {
    color: Highlight;
}*/
.e-grid .e-headercell {
    /*background-color: #dcdcd8 !important;*/
    /*#c4c4c0 !important;*/
}

.e-grid .e-headercelldiv {
    font-size: 14px;
    font-weight: 600;
}

.e-headercell {
    /*    color: rgb(0 0 0 / 0.85) !important;
*/ color: darkblue !important;
    /*background-color: Highlight;*/
}

.e-grid th.e-headercell {
    height: 32px !important;
    /*    //for setting height for header row
*/
}
/*.e-grid td.e-active {
    background-color: #f6fac4;
}*/
/******************************************************************************************************/
.hidden {
    display: none;
}
/*    Below form disable select all optiion of checkbox color-profile datagrid*/
.e-headercelldiv.e-headerchkcelldiv .e-checkbox-wrapper.e-css {
    pointer-events: none;
    opacity: 0;
}
/* .e-grid .e-rowcell.e-selectionbackground {
                 background-color: lightyellow !important;
             } */

/*************************************************for Grid cell content padding***************************************/

.e-grid .e-rowcell,
.e-grid .e-headercell {
    padding-left: 4px !important;
    padding-right: 4px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
/******************************************************************************************************/
.e-detail:before {
    content: '\e349';
}

.e-dropdownbase .e-list-item, .e-dropdownbase .e-list-item.e-item-focus {
    /*  min-height: 29px;
    border-radius: 9px !important;
    border: 1px solid black !important;
    cursor: text;*/
    /*color:orange;*/
}
/*.e-custom {
    border-radius: 0;
    height: 30px;
    width: 80px;
}
*/
.e-custom, .e-custom:hover, .e-custom:focus, .e-custom:active {
    background-color: white;
    border-color: midnightblue;
    color: midnightblue;
}

.e-grid .e-pager {
    background-color: #f1f3f4;
    color: #f1f3f4;
}

.e-grid .e-parentmsgbar {
    background-color: #f1f3f4;
}

.e-grid .e-toolbar .e-tbar-btn .e-icons,
.e-grid .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn {
    color: indianred; 
}
.e-grid .e-filterbarcell .e-input-group .e-clear-icon {
    display: none !important;
}
/*.aggregate-footer {
    display: flex;
    justify-content: space-between;
    padding: 5px;
}

.aggregate-footer div {
    flex: 1;
    text-align: right;
    color: red;
}
*/