/* ================================================================================================================= */
/* Tabular report styling                                                                                            */
/* ================================================================================================================= */

/* 1. Toolbar ------------------------------------------------------------------------------------------------------ */

#toolbar-tabular-report .e-bigger .e-tbar-btn .tb-icons {
    font-size: 18px;
}

#toolbar-tabular-report .e-tbar-btn .tb-icons {
    font-family: "Material Icons";
    speak: none;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
}

#toolbar-tabular-report .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text {
    padding-left: 10px;
}

#toolbar-tabular-report .e-filter-icon:before {
    content: "\e152";
    color: #000;
    font-size: 20px;
}

#toolbar-tabular-report .e-group-icon:before {
    content: "\e7ef";
    color: #000;
    font-size: 20px;
}

#toolbar-tabular-report .e-chooser-icon:before {
    content: "\e241";
    color: #000;
    font-size: 20px;
}
#toolbar-tabular-report .e-edit-icon:before {
    content: "\e3c9";
    color: #000;
    font-size: 20px;
    padding-right: 0;
    margin-right: 0;
}

#toolbar-tabular-report .e-toolbar .e-tbar-btn .e-tbar-btn-text {
    font-size: 16px;
}

#toolbar-tabular-report .e-new-icon:before {
    content: "\e145";
    color: #000;
    font-size: 20px;
}

#toolbar-tabular-report .e-delete-icon:before {
    content: "\e92e";
    color: #000;
    font-size: 20px;
}

#toolbar-tabular-report .e-refresh-icon:before {
    content: "\e5d5";
    color: #000;
    font-size: 20px;
}

#toolbar-tabular-report .e-icons {
    font-family: "entypo";
}

#toolbar-tabular-report .e-hscroll .e-nav-left-arrow::before {
    content: '\e040';
}

#toolbar-tabular-report .e-hscroll .e-nav-right-arrow::before {
    content: '\e08d';
}

/* 2. Grid --------------------------------------------------------------------------------------------------------- */
/*.e-grid {
    width: 99.5% !important;
    max-width: 99.5% !important;
    font-family: Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 0.96rem;
}*/


/* Grid Header Text Centered */
.e-grid .e-gridheader .e-headercell.e-centeralign .e-headercelldiv {
    margin: 0 auto !important;
}

/* Grid Header Text */
.e-grid .e-gridheader .e-headercell .e-headercelldiv {
    font-weight: 600 !important;
    color: #184e70 !important;
}

/* Styling alternate rows */
.e-grid .e-altrow {
    background-color: #fafafa;
}

/* Set grid's icons font-family */
.e-grid .e-icons,
.e-grid-menu .e-icons {
    font-family: 'e-icons' !important;
}

/* Set dialog's close button icon font-family */
.e-dialog.e-popup .e-icon-dlg-close {
    font-family: 'e-icons' !important;
}

/* Style grid scroolbars ------------------------------------------------------------------------------------
   https://www.digitalocean.com/community/tutorials/css-scrollbars */

/* Works on Firefox */

/*.e-grid {
    scrollbar-width: thin !important;
    scrollbar-color: white #33698B !important;
}*/

/* Works on Chrome, Edge, and Safari */
/*.e-grid::-webkit-scrollbar {
    width: 12px !important;
}

.e-grid::-webkit-scrollbar-track {
    background: #33698B !important;
}

.e-grid::-webkit-scrollbar-thumb {
    background-color: white !important;
    border-radius: 20px !important;
    border: 3px solid #33698B !important;
}*/