/*@import url('gvOfficeThemeSmall.css');*/
@import url('gvOfficeThemeSmall_23_1_6.css');

.dx-dropdowneditor-button {
  width: 24px;
  min-width: 24px;
}
.dx-dropdowneditor-icon {
  width: 24px;
}

/* === tabs === */
/* .dx-tabs {
  border-bottom: 1px solid #bdd0e7;
}
.dx-tabs-nav-button {
  background-color: aliceblue;
}
.dx-tabs-nav-button.dx-state-hover {
  background-color: #f5f5f5;
} */

/* === /tabs === */

/* === grid === */
/*.dx-header-row {
  font-size: .9375rem;
}*/
.dx-header-row td {
  background: #e4effa;
}
/*.dx-header-filter {
  font-size: .75rem !important;
}*/
/* .dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr > td > .dx-select-checkbox {
  display: block !important;
} */
.dx-datagrid-pager {
  background-color: #e4effa;
  padding-top: 5px;
  padding-bottom: 2px;
}

.dx-datagrid .dx-data-row.dx-row > td {
    padding: 5px 7px 3px !important;
}

#userLeadsGridView .dx-datagrid .dx-data-row.dx-row > td {
    padding: 2px 7px !important;
    line-height: .9;
    vertical-align: middle;
}

.dx-datagrid .dx-data-row .dx-checkbox-icon {
    width: 15px;
    height: 15px;
}

.dx-datagrid .dx-scrollable-scrollbar.dx-scrollbar-vertical,
.dx-datagrid .dx-scrollable-scrollbar.dx-scrollbar-vertical .dx-scrollable-scroll {
    width: 15px;
}

.dx-datagrid .dx-scrollable-scrollbar {
  background-color: rgba(191, 191, 191, 0.2);
}

.dx-datagrid .dx-scrollable-scrollbar.dx-scrollbar-horizontal,
.dx-datagrid .dx-scrollable-scrollbar.dx-scrollbar-horizontal .dx-scrollable-scroll {
  height: 15px;
} 
/* === /grid === */


.consumer-main .dx-datagrid .dx-row-alt > td, .consumer-main .dx-datagrid .dx-row-alt > tr > td {
  background-color: honeydew;
}
.consumer-main .dx-header-row td {
  background: #fff;
}
/* .consumer-main .dx-datagrid-table .dx-row > td {
  border: 1px solid #c0c0c0;
} */
.consumer-main .dx-datagrid .dx-row-alt > td, .consumer-main .dx-datagrid .dx-row-alt > tr > td {
  border-top: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
}
.consumer-main .dx-datagrid .dx-column-lines > td {
  border-left: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
}
.consumer-main .dx-datagrid .dx-column-lines > td:first-child {
  border-left: none;
}
.consumer-main .dx-datagrid .dx-column-lines > td:last-child {
  border-right: none;
}
.consumer-main .dx-datagrid-headers {
  border-bottom: 1px solid #c0c0c0;
}
.consumer-main .dx-datagrid-borders > .dx-datagrid-headers, .consumer-main .dx-datagrid-borders > .dx-datagrid-rowsview, .consumer-main .dx-datagrid-borders > .dx-datagrid-total-footer {
  border-left: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
}
.consumer-main .dx-datagrid-borders > .dx-datagrid-filter-panel, .consumer-main .dx-datagrid-borders > .dx-datagrid-headers, .consumer-main .dx-datagrid-borders > .dx-datagrid-pager {
  border-top: 1px solid #c0c0c0;
}
.consumer-main .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
  border-bottom: 1px solid #c0c0c0;
}
.consumer-main .dx-datagrid-borders > .dx-datagrid-rowsview, .consumer-main .dx-datagrid-borders > .dx-datagrid-total-footer {
  border-bottom: 1px solid #c0c0c0;
}
.consumer-main .dx-datagrid-borders .dx-datagrid-rowsview, .consumer-main .dx-datagrid-headers + .dx-datagrid-rowsview {
  border-top: 1px solid #c0c0c0;
}
.consumer-main .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > tr > td {
  border-left-color: #c0c0c0;
  border-right-color: #c0c0c0;
}
.consumer-main .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td {
  border-bottom: 1px solid #c0c0c0;
  border-top: 1px solid #c0c0c0;
}

.consumer-main .dx-datagrid-pager {
  background: #d7ebdb;
}

.dx-button-mode-contained.dx-button-default {
  box-shadow: 0 2px 5px rgba(0, 0, 0, .6);
  transition: background-color 1s, box-shadow .3s;
}
.dx-button-mode-contained.dx-button-default.dx-state-hover {
  background-color: #0069d9;
}
.dx-button-mode-contained.dx-button-default.dx-state-active {
  background-color: #0069d9;
  box-shadow: none
}


/*.dx-datagrid {
    font-size: 0.875rem
}*/