.e-grid {
    border-radius: 0.75rem;
    margin: 0.5rem 0 0 0;
    border-color: transparent;
    border: none !important;
}

.e-gridheader .e-table .e-columnheader .e-headercell:focus{
    box-shadow: 0 0 0 0;
}

.e-gridcontent .e-table .e-rowcell:focus {
    box-shadow: 0 0 0 0;
    font-weight: 500;
}

.e-grid tr.e-row:hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
    background-color: #F5F6FA !important;    
}

.e-grid .e-gridheader {
    border-radius: 0.75rem 0.5rem 0 0;
    background: white;
}

.e-grid .e-headercell {
    background: white;
}

.e-grid .e-emptyrow {
    display: none !important;
}

.e-grid .e-gridheader tr th:first-child,
.e-grid .e-gridheader tr:first-child th,
.e-grid .e-gridheader tr th:last-child {
    background: white;
}

.e-checkbox-wrapper .e-frame.e-stop, .e-css.e-checkbox-wrapper .e-frame.e-stop {
    background-color: transparent !important;
    border-color: #8D93A7 !important; 
    color: #5546C0 !important;
}

input.e-input, .e-input-group input, .e-input-group.e-control-wrapper input, 
.e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input {
    height: 35px !important;
}

.e-grid .e-checkboxlist>span { 
    font-size: smaller !important;
}

.e-searchclear .e-search-icon .e-icons .e-input-group-icon .e-chkcancel-icon {
    display: flex;
    align-items: center;
}

.e-footer-content .e-btn.e-primary.e-flat:not([DISABLED]), 
.e-footer-content .e-btn.e-flat:not([DISABLED]), .e-btn.e-flat.e-primary:disabled {
    background-color: transparent !important;
    border: none !important;    
    text-transform:uppercase !important;
    margin-left: 0 !important;
    padding: 6px 10px;
}

.e-footer-content .e-btn.e-flat:not([DISABLED]):hover {
    background-color: rgba(141, 147, 167, 0.08) !important;
}


#InvoiceGrid.e-footer-content .e-btn.e-primary.e-flat:not([DISABLED]), .e-btn.e-flat.e-primary:disabled {
    color: #5546C0 !important;
} 

.e-btn.e-flat.e-primary:disabled {
    opacity: 50%;
}

.e-input-group.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) {
    border-color: 0.5px solid #5546C0 !important;
}
.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), 
.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
    box-shadow: 0 0 0 0.5px #5546C0 !important;
}

.e-grid .e-filtermenudiv, .e-grid .e-sortfilterdiv {
    margin-top: -15px !important;
}

.e-dialog .e-dlg-content {
    padding: 12px !important;
    background-color: white !important;
}

.e-grid .e-checkboxfilter .e-ftrchk, .e-grid .e-checkboxfilter .e-searchbox {
    padding-left: 0px !important;
}

.e-dialog .e-footer-content {
    padding: 6px 8px !important;
    background-color: white;
    border-top: 1px solid #D7DAE2 !important;
}

.e-headercell,
.e-headertext {
    text-transform: none !important;
    font-size: 0.9rem;
    font-weight: 500;
    border: none;
    color: #292C35;
}

.e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
    vertical-align: middle !important;
    padding-bottom: 10px !important;
}

.e-grid .e-ftrchk {
    padding: 6px 0px !important;
}

.e-rowcell {
    font-size: 1rem;
    color: #292C35;
    border: none !important;
    font-weight: 500;
    cursor: pointer;
}

.e-grid.e-responsive .e-rowcell,
.e-grid.e-responsive .e-selectionbackgroun .e-headercelldiv::after {
    background: white !important;
}

.sf-grid .e-grid, .e-pager {
    border-radius: 0 0 0.4rem 0.4rem;
    box-shadow: 1px 1px 0px rgb(229 231 235);
}

.sf-grid .e-pagercontainer, .e-pager div {
    display: block;
}

.sf-grid .e-pager div {
    padding:  0.2rem;
}

.e-active {
    font-weight:500;
}

.e-grid .e-gridtoolbar {
    display: none !important;
    border: none !important;
    background-color: transparent !important;
    border-color: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}
    
.e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
    vertical-align: middle;
    padding-bottom: 6px;
    padding: 12px;
    border: 0px;
}

.e-grid.e-responsive .e-rowcell, .e-grid.e-responsive .e-selectionbackgroun .e-headercelldiv::after {
    padding: 0 12px;
}

.sfgrid::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px
}

.sfgrid::-webkit-scrollbar {
    background-color: white;
}

.sfgrid::-webkit-scrollbar-button {
    background-color: #bbbbbb;
}

.e-input:not(:valid), .e-input:valid, .e-float-input.e-control-wrapper input:not(:valid), 
.e-float-input.e-control-wrapper input:valid, .e-float-input input:not(:valid), 
.e-float-input input:valid, .e-input-group input:not(:valid), .e-input-group input:valid, 
.e-input-group.e-control-wrapper input:not(:valid), .e-input-group.e-control-wrapper input:valid, 
.e-float-input.e-control-wrapper textarea:not(:valid), .e-float-input.e-control-wrapper textarea:valid, 
.e-float-input textarea:not(:valid), .e-float-input textarea:valid, 
.e-input-group.e-control-wrapper textarea:not(:valid), 
.e-input-group.e-control-wrapper textarea:valid, .e-input-group textarea:not(:valid), 
.e-input-group textarea:valid {
    font-size: 30px;
    height: 40px;
}

.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: #343a40;
    font-size: 15px;
} 

#MemberGrid.e-checkbox-wrapper .e-frame.e-check, .e-css.e-checkbox-wrapper .e-frame.e-check, 
.e-footer-content .e-btn.e-primary.e-flat:not([DISABLED]), 
.e-checkbox-wrapper .e-frame.e-stop, .e-css.e-checkbox-wrapper .e-frame.e-stop,
#MemberGrid.e-checkbox-wrapper .e-frame.e-check, .e-css.e-checkbox-wrapper .e-frame.e-check:hover, 
.e-footer-content .e-btn.e-primary.e-flat:not([DISABLED]):hover, 
.e-checkbox-wrapper .e-frame.e-stop, .e-css.e-checkbox-wrapper .e-frame.e-stop:hover {
    background-color: #5546C0;
    border-color: #5546C0;
}

.e-btn.e-flat.e-primary:disabled, .e-btn.e-flat.e-primary.e-disabled, 
.e-css.e-btn.e-flat.e-primary:disabled, .e-css.e-btn.e-flat.e-primary.e-disabled {
    background-color: rgba(79, 70, 229, 0.5);
}

.e-dialog .e-dlg-content {
    padding: 12px 14px;
}

.e-dialog .e-footer-content {
    padding: 10px 14px;
}

.e-dlg-content {
    background-color: #FFFFFF;
}

.e-footer-content {
    background-color: #F5F6FA;
}

.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), 
.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
    box-shadow: 0 0 0 1px #5546C0;
}

#InvoiceGrid.e-grid .e-filtered::before {
    color: #5546C0;
}

/* Input Inner Ring */
#InvoiceGrid .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), #InvoiceGrid .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
    border-color:#5546C0 !important;
}

/* Search Input Border/Ring */
#InvoiceGrid .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), #InvoiceGrid .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
    box-shadow: 0 0 0 0.5px #5546C0 !important;
}

/* Filter Checkbox */
#InvoiceGrid .e-checkbox-wrapper .e-frame.e-check, .e-css.e-checkbox-wrapper .e-frame.e-check {
    background-color: #5546C0 !important;
    border-color: #5546C0 !important;
}

/* Select All Checkbox */
#InvoiceGrid .e-checkbox-wrapper .e-frame.e-stop, #InvoiceGrid .e-css.e-checkbox-wrapper .e-frame.e-stop {
    color: #5546C0 !important;
}

/* Filter Button */
#InvoiceGrid .e-footer-content .e-btn.e-primary.e-flat:not([DISABLED]), #InvoiceGrid .e-btn.e-flat.e-primary:disabled {
    color: #5546C0 !important;
}

/* Filter Button Hover */
#InvoiceGrid .e-footer-content .e-btn.e-primary.e-flat:not([DISABLED]):hover {
    background-color: rgba(105, 72, 198, 0.08) !important;
}

#InvoiceGrid .e-gridheader.e-sticky {
    position: relative;
}


/* ---------------- MEMBER GRID TABLE --------------- */

/* Input Inner Ring */
#MemberGrid .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), #MemberGrid .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
    border-color:#5546C0 !important;
}

/* Search Input Border/Ring */
#MemberGrid .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), #MemberGrid .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
    box-shadow: 0 0 0 0.5px #5546C0 !important;
}

/* Filter Checkbox */
#MemberGrid .e-checkbox-wrapper .e-frame.e-check, .e-css.e-checkbox-wrapper .e-frame.e-check {
    background-color: #5546C0 !important;
    border-color: #5546C0 !important;
    color: #FFFFFF !important;
}

/* Select All Checkbox */
#MemberGrid .e-checkbox-wrapper .e-frame.e-stop, #MemberGrid .e-css.e-checkbox-wrapper .e-frame.e-stop {
    color: #5546C0 !important;
}

/* Filter Button */
#MemberGrid .e-footer-content .e-btn.e-primary.e-flat:not([DISABLED]), #MemberGrid .e-btn.e-flat.e-primary:disabled{
    color: #5546C0 !important;
}

/* Filter Button Hover */
#MemberGrid .e-footer-content .e-btn.e-primary.e-flat:not([DISABLED]):hover {
    background-color: rgba(61, 209, 246, 0.08) !important;
}

#MemberGrid.e-grid .e-rowcell  {
    padding: 10px 12px;
    border-bottom: 1px #D7DAE2 solid !important;
    cursor: pointer;
    overflow: visible;
}

/* ----------------- PENDING MEMBER TABLE --------------- */

#InviteGrid.e-grid {
    border-radius: 0 !important;
    border-color: #D7DAE2;
}

#InviteGrid.e-grid .e-gridheader {
    border-radius: 0 !important;
}
#InviteGrid .e-rowcell {
    color: #292C35;
    border-bottom: 1px #D7DAE2 solid !important;
    cursor: pointer;
}
#InviteGrid.sf-grid .e-pager div {
    padding:  0.09rem;
}


/* --------------- DEMAND LETTERS TABLE --------------- */

/* Table Header */
#DemandsGrid.e-grid .e-headercell, #DemandsGrid.e-grid .e-gridheader tr:first-child th{
    background-color: #1689FC !important;
    color: #FFFFFF !important;
}

/* Table Cell */
#DemandsGrid .e-rowcell {
    color: #292C35;
    padding: 1.21rem 10px;
    border-bottom: 1px #D7DAE2 solid !important;
    cursor: pointer;
}

/* Sorting Icon */
#DemandsGrid.e-grid .e-icon-ascending::before, #DemandsGrid.e-grid .e-icon-descending::before, #DeamndsGrid.e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow)  {
    color: #FFFFFF !important;
    font-size: 1rem;
}

/* Filter Icon */
#DemandsGrid.e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow){
    color: #FFFFFF !important;
}

/* Filter Icon - Active */
#DemandsGrid.e-grid .e-filtered::before {
    color:#ECEFFA !important;
}

/* Input Inner Ring */
#DemandsGrid .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), #DemandsGrid .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
    border-color:#1689FC !important;
}

/* Search Input Border/Ring */
#DemandsGrid .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), #DemandsGrid .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
    box-shadow: 0 0 0 0.5px #1689FC !important;
}

/* Filter Checkbox */
#DemandsGrid .e-checkbox-wrapper .e-frame.e-check, .e-css.e-checkbox-wrapper .e-frame.e-check {
    background-color: #1689FC !important;
    border-color: #1689FC!important;
}

/* Select All Checkbox */
#DemandsGrid .e-checkbox-wrapper .e-frame.e-stop, #DemandsGrid .e-css.e-checkbox-wrapper .e-frame.e-stop {
    color: #1689FC !important;
}

/* Filter Button */
#DemandsGrid .e-footer-content .e-btn.e-primary.e-flat:not([DISABLED]), #DemandsGrid .e-btn.e-flat.e-primary:disabled {
    color: #1689FC !important;
}

/* Filter Button Hover */
#DemandsGrid .e-footer-content .e-btn.e-primary.e-flat:not([DISABLED]):hover {
    background-color: rgba(22, 137, 252, 0.078) !important;
}


/* --------------- DEMAND FORM TABLE --------------- */

#DemandFormGrid.e-grid .e-headercell, #DemandFormGrid.e-grid .e-gridheader tr:first-child th{
    background-color: #EAF3FF !important;
    color: #FFFFFF !important;
    padding: 10px 12px !important;
}

#DemandFormGrid .e-rowcell {
    color: #292C35;
    border-bottom: 1px #D7DAE2 solid !important;
    border-right: 1px #D7DAE2 solid !important;
    padding: 10px 12px !important;
    cursor: pointer;
}

#DemandFormGrid .e-gridheader {
    border-radius: 0px !important;
}

#DemandFormGrid .e-rowcell:first-child {
    border-left: 1px #D7DAE2 solid !important;
}

#DemandFormGrid .e-active {
    font-weight:500;
}

/* --------------- DEMAND CLIENT DETAILS FORM TABLE --------------- */

#LegalCaseGrid .sf-grid .e-grid, .e-pager{
    border-radius: 0 0 10px 10px;
}

#LegalCaseGrid .e-pager{
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.08);
}


#LegalCaseGrid .e-toolbar {
    background-color: white;
    padding: 15px 30px 15px 0;
    border-radius: 10px 10px 0 0;
}

#LegalCaseGrid .e-control.e-toolbar.e-lib.e-keyboard.e-sticky {
    position: relative;
    left: 0 !important;
    top: 0 !important;
    width: auto !important;
}

#LegalCaseGrid .e-gridheader {
    border: none;
    padding-right: 0 !important;
    border-bottom: #E4EAEE solid 2px;
}

#LegalCaseGrid .e-toolbar-right {
    width: 20rem !important;
    z-index: 20;
    margin-right: 12rem;
}

#LegalCaseGrid .e-toolbar-item.e-template   {
    width: 100% !important;
}

#LegalCaseGrid .e-search-icon.e-icons {
    position: absolute;
    left: 15px;
}

#LegalCaseGrid .e-control.e-textbox.e-lib.e-input {
    padding-left: 30px;
}

#LegalCaseGrid .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), #DocReaderGrid .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
    border-color:#1689FC !important;
    box-shadow: 0 0 0 0.5px #1689FC !important;
}

.legalcase-table-container {
    height: calc(100vh - 19rem);
}


/* --------------- DEMAND TEMPLATE EDITOR SECTIONS TABLE --------------- */

#TemplateSectionsGrid.sf-grid.e-grid {
    margin: 0;
    background-color: rgb(245 246 250) !important;
}

#TemplateSectionsGrid .e-gridheader {
    display: none !important;
}

#TemplateSectionsGrid .e-gridcontent {
    background-color: rgb(245 246 250);
}

#TemplateSectionsGrid .e-content {
    background-color: rgb(245 246 250);
}

#TemplateSectionsGrid .e-table {
    background-color: rgb(245 246 250);
}

#TemplateSectionsGrid .e-rowcell.e-templatecell  {
    padding: 0;
    background-color: rgb(245 246 250) !important;
}

/* --------------- INTAKE LEADS TABLE ---------------- */

/* Table Header */
#LeadsGrid .e-grid .e-headercell, #LeadsGrid.e-grid .e-gridheader tr:first-child th {
    background-color: #8896F4 !important;
    color: #FFFFFF !important;
}

/* Table Row Bottom Border */
#LeadsGrid.e-grid .e-rowcell {
    padding: 0.572em 0px;
    border-bottom: 1px #D7DAE2 solid !important;
}

/* Sort Icon */
#LeadsGrid.e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
    color: #FFFFFF !important;
}

/* Filter Icon */
#LeadsGrid.e-grid .e-filtered::before {
    color: #F5F6FA;
}

/* Input Inner Ring */
#LeadsGrid .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), #LeadsGrid .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
    border-color:#8896F4 !important;
}

/* Search Input Border/Ring */
#LeadsGrid .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), #LeadsGrid .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
    box-shadow: 0 0 0 0.5px #8896F4 !important;
}

/* Filter Checkbox */
#LeadsGrid .e-checkbox-wrapper .e-frame.e-check, .e-css.e-checkbox-wrapper .e-frame.e-check {
    background-color: #8896F4 !important;
    border-color: #8896F4 !important;
}

/* Select All Checkbox */
#LeadsGrid .e-checkbox-wrapper .e-frame.e-stop, #LeadsGrid.e-css.e-checkbox-wrapper .e-frame.e-stop {
    color: #8896F4 !important;
}

/* Filter Button */
#LeadsGrid .e-footer-content .e-btn.e-primary.e-flat:not([DISABLED]), #LeadsGrid .e-btn.e-flat.e-primary:disabled{
    color: #8896F4 !important;
}

/* Filter Button Hover */
#LeadsGrid .e-footer-content .e-btn.e-primary.e-flat:not([DISABLED]):hover {
    background-color: rgba(136, 150, 244, 0.08) !important;
}


/* ---------------- DOC READER TABLE ---------------- */

/* Filter Icon - Active */
#DocReaderGrid.e-grid .e-filtered::before {
    color:#FFFFFF !important;
}

/* Search Input Border/Ring */
#DocReaderGrid .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), #DocReaderGrid .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
    border-color:#3DD1F6 !important;
    box-shadow: 0 0 0 0.5px #3DD1F6 !important;
}

/* Filter Checkbox */
#DocReaderGrid .e-checkbox-wrapper .e-frame.e-check, .e-css.e-checkbox-wrapper .e-frame.e-check {
    background-color: #3DD1F6 !important;
    border-color: #3DD1F6 !important;
}

/* Select All Checkbox */
#DocReaderGrid .e-checkbox-wrapper .e-frame.e-stop, #DocReaderGrid .e-css.e-checkbox-wrapper .e-frame.e-stop {
    color: #3DD1F6 !important;
}

/* Filter Button */
#DocReaderGrid .e-footer-content .e-btn.e-primary.e-flat:not([DISABLED]), #DocReaderGrid .e-btn.e-flat.e-primary:disabled {
    color: #3DD1F6 !important;
}

/* Filter Button Hover */
#DocReaderGrid .e-footer-content .e-btn.e-primary.e-flat:not([DISABLED]):hover {
    background-color: rgba(61, 209, 246, 0.08) !important;
}

/* Table Cell */
#DocReaderGrid.e-grid .e-rowcell {
    color: #292C35;
    border-bottom: 1px #D7DAE2 solid !important;
    cursor: pointer;
}

#DocReaderGrid.e-grid .e-headercell, #DocReaderGrid.e-grid .e-gridheader tr:first-child th{
    background-color: #3DD1F6 !important;
    color: #FFFFFF !important;
}

#DocReaderGrid.e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow){
    color: #FFFFFF !important;
}

#DocReaderGrid .e-gridheader {
    padding-right: 0 !important;
}

/* Tooltip Styling */
.table-tooltip.e-tooltip-wrap.e-popup {
    max-width: 100%;
}

/* Adjustment for the menu placement for OrgMembers table */
.e-row:nth-child(n+7) .dropdown-menu {
    top: auto;      /* Remove default top */
    bottom: 1.5rem;      /* Align dropdown at the bottom */
}