.RadGrid_Avanti {
  border: 1px solid;
  border-color: #CFD8DC;
  color: #455A64;
  background-color: #ffffff;
  font-family: "Roboto", "Noto", sans-serif; }
  .RadGrid_Avanti .t-button {
    padding: 7px;
    border-radius: 90px;
    color: #607D8B; }
    .RadGrid_Avanti .t-button:hover {
      border-color: #ECEFF1;
      color: #455A64;
      background-color: #ECEFF1; }
    .RadGrid_Avanti .t-button:active {
      border-color: #CFD8DC;
      color: #455A64;
      background-color: #CFD8DC; }
  .RadGrid_Avanti .rgHeader .t-button:hover,
  .RadGrid_Avanti .rgGroupItem .t-button:hover {
    background: none; }
  .RadGrid_Avanti .t-font-icon:before {
    font-family: "Material Icons";
    font-size: 18px; }
  .RadGrid_Avanti .rgDragIcon:before,
  .RadGrid_Avanti .rgPrintIcon:before,
  .RadGrid_Avanti .rgExpDOCIcon:before,
  .RadGrid_Avanti .rgExpXLSIcon:before,
  .RadGrid_Avanti .rgExpCSVIcon:before,
  .RadGrid_Avanti .rgExpPDFIcon:before {
    font-family: "TelerikWebUI"; }
  .RadGrid_Avanti .rgSortDescIcon:before {
    content: "\e5db"; }
  .RadGrid_Avanti .rgSortAscIcon:before {
    content: "\e5d8"; }
  .RadGrid_Avanti .rgAddIcon:before {
    content: "\e145"; }
  .RadGrid_Avanti .rgRefreshIcon:before {
    content: "\e5d5"; }
  .RadGrid_Avanti .rgFilterIcon:before {
    content: "\e152"; }
  .RadGrid_Avanti .rgCollapseIcon:before {
    content: "\e5cf"; }
  .RadGrid_Avanti .rgExpandIcon:before {
    content: "\e5cc"; }
  .RadGrid_Avanti .rgOptionsIcon:before {
    content: "\e5d4"; }
  .RadGrid_Avanti .rgSaveIcon:before {
    content: "\e161"; }
  .RadGrid_Avanti .rgDelIcon:before,
  .RadGrid_Avanti .rgCancelIcon:before {
    content: "\e14c"; }
  .RadGrid_Avanti .rgEditIcon:before {
    content: "\e254"; }
  .RadGrid_Avanti .rgUpdateIcon:before {
    content: "\e876"; }
  .RadGrid_Avanti .rgUngroupIcon::before {
    content: "\e14c"; }
  .RadGrid_Avanti .rgPrevIcon:before {
    content: "\e314"; }
  .RadGrid_Avanti .rgNextIcon:before {
    content: "\e315"; }
  .RadGrid_Avanti .rgInput,
  .RadGrid_Avanti .rgEditRow > td > [type="text"],
  .RadGrid_Avanti .rgEditForm td > [type="text"],
  .RadGrid_Avanti .rgBatchContainer > [type="text"],
  .RadGrid_Avanti .rgFilterBox {
    border-color: #cfd8dc;
    color: #455a64;
    background-color: transparent;
    border-style: solid;
    border-width: 0 0 1px;
    padding: 8px 0 7px;
    outline: none; }
    .RadGrid_Avanti .rgInput:hover,
    .RadGrid_Avanti .rgEditRow > td > [type="text"]:hover,
    .RadGrid_Avanti .rgEditForm td > [type="text"]:hover,
    .RadGrid_Avanti .rgBatchContainer > [type="text"]:hover,
    .RadGrid_Avanti .rgFilterBox:hover {
      border-color: #90a4ae;
      color: #455a64;
      background-color: transparent; }
    .RadGrid_Avanti .rgInput:active,
    .RadGrid_Avanti .rgInput:focus,
    .RadGrid_Avanti .rgEditRow > td > [type="text"]:active,
    .RadGrid_Avanti .rgEditRow > td > [type="text"]:focus,
    .RadGrid_Avanti .rgEditForm td > [type="text"]:active,
    .RadGrid_Avanti .rgEditForm td > [type="text"]:focus,
    .RadGrid_Avanti .rgBatchContainer > [type="text"]:active,
    .RadGrid_Avanti .rgBatchContainer > [type="text"]:focus,
    .RadGrid_Avanti .rgFilterBox:active,
    .RadGrid_Avanti .rgFilterBox:focus {
      border-color: #FF9800;
      color: #455a64;
      background-color: transparent;
      box-shadow: 0 -1px 0 #FF9800 inset; }
    .t-ie .RadGrid_Avanti .rgInput,
    .t-ie .RadGrid_Avanti .rgEditRow > td > [type="text"],
    .t-ie .RadGrid_Avanti .rgEditForm td > [type="text"],
    .t-ie .RadGrid_Avanti .rgBatchContainer > [type="text"],
    .t-ie .RadGrid_Avanti .rgFilterBox {
      height: 36px;
      height: calc(1.42857em + 16px); }
  .RadGrid_Avanti .rgBatchContainer {
    font-size: 1.077em; }
  .RadGrid_Avanti .rgBatchContainer > [type="text"],
  .RadGrid_Avanti .rgBatchContainer .rfdCheckboxChecked,
  .RadGrid_Avanti .rgBatchContainer .rfdCheckboxUnchecked {
    margin-left: 13px; }
  .RadGrid_Avanti .rgEditForm label {
    font-size: .857em;
    color: #607D8B;
    font-weight: 500;
    line-height: 1.66667;
    padding-top: 8px;
    padding-bottom: 8px; }
  .RadGrid_Avanti .rgEditForm td > [type="text"] {
    margin-left: 13px; }
  .RadGrid_Avanti .rgHeaderDiv {
    border-color: #CFD8DC; }
  .RadGrid_Avanti .rgHeader,
  .RadGrid_Avanti th.rgResizeCol,
  .RadGrid_Avanti .rgHeaderWrapper {
    border: 0;
    border-bottom: 1px solid #CFD8DC;
    background-color: #ffffff;
    padding: 13px 15px; }
  .RadGrid_Avanti .rgHeader {
    font-size: .857em;
    font-weight: 500;
    line-height: 1.66667; }
    .RadGrid_Avanti .rgHeader .t-button {
      font-size: 1.167em;
      line-height: 1.42857; }
    .RadGrid_Avanti .rgHeader,
    .RadGrid_Avanti .rgHeader a {
      color: #607D8B; }
  .RadGrid_Avanti .rgMultiHeaderRow .rgHeader,
  .RadGrid_Avanti .rgMultiHeaderRow .rgResizeCol {
    border-left: 1px solid #CFD8DC; }
  .RadGrid_Avanti th.rgSorted,
  .RadGrid_Avanti th.rgSorted a,
  .RadGrid_Avanti th.rgSorted button {
    color: #263238; }
  .RadGrid_Avanti .rgEditRow,
  .RadGrid_Avanti .rgFilterRow,
  .RadGrid_Avanti .rgGroupHeader {
    height: 47px;
    height: calc(1.42857em + 27px); }
  .RadGrid_Avanti .rgFilterRow > td {
    border: 0;
    border-bottom: 1px solid #CFD8DC;
    padding: 5px 15px; }
  .RadGrid_Avanti .rgRow,
  .RadGrid_Avanti .rgAltRow,
  .RadGrid_Avanti .rgEditRow {
    height: 47px;
    height: calc(1.53846em + 27px);
    font-size: 0.929em;
    line-height: 1.53846; }
    .RadGrid_Avanti .rgRow > td,
    .RadGrid_Avanti .rgAltRow > td,
    .RadGrid_Avanti .rgEditRow > td {
      border: 0;
      border-bottom: 1px solid #CFD8DC;
      padding: 5px 15px; }
    .RadGrid_Avanti .rgRow .rgDragIcon,
    .RadGrid_Avanti .rgRow .t-button,
    .RadGrid_Avanti .rgAltRow .rgDragIcon,
    .RadGrid_Avanti .rgAltRow .t-button,
    .RadGrid_Avanti .rgEditRow .rgDragIcon,
    .RadGrid_Avanti .rgEditRow .t-button {
      font-size: 1.077em;
      line-height: 1.42857; }
    .RadGrid_Avanti .rgRow .t-ripple-container,
    .RadGrid_Avanti .rgAltRow .t-ripple-container,
    .RadGrid_Avanti .rgEditRow .t-ripple-container {
      margin: -1px 0 0 -1px; }
  .RadGrid_Avanti .rgBatchCurrent {
    padding-left: 2px; }
  .RadGrid_Avanti .rgEditForm {
    border-bottom: 1px solid #CFD8DC;
    padding: 8px; }
  .RadGrid_Avanti .rgActiveRow td:not(.rgExpandCol) {
    box-shadow: inset 0px 5px 5px -5px transparent, inset 0px -5px 5px -5px transparent; }
  .RadGrid_Avanti .rgActiveRow td:first-child:not(.rgExpandCol),
  .RadGrid_Avanti .rgActiveRow .rgExpandCol + td {
    box-shadow: inset 0px 5px 5px -5px transparent, inset 0px -5px 5px -5px transparent, inset 5px 0px 5px -5px transparent; }
  .RadGrid_Avanti .rgActiveRow td:not(.rgExpandCol):last-child {
    box-shadow: inset 0px 5px 5px -5px transparent, inset 0px -5px 5px -5px transparent, inset -5px 0px 5px -5px transparent; }
  .RadGrid_Avanti .rgActiveCell {
    box-shadow: inset 0 0 5px transparent; }
  .RadGrid_Avanti .rgRow > td > a,
  .RadGrid_Avanti .rgAltRow > td > a,
  .RadGrid_Avanti .rgFooter > td > a,
  .RadGrid_Avanti .rgEditForm > td > a,
  .RadGrid_Avanti .rgEditRow > td > a,
  .RadGrid_Avanti .rgHoveredRow > td > a {
    color: #FF9800;
    text-decoration: none; }
  .RadGrid_Avanti .rgMasterTable .rgSelectedCell,
  .RadGrid_Avanti .rgSelectedRow {
    background-color: #ECEFF1;
    color: #455A64; }
  .RadGrid_Avanti .rgSelectedCell > a,
  .RadGrid_Avanti .rgSelectedRow > td > a {
    color: #607D8B; }
  .RadGrid_Avanti .rgHoveredRow {
    background-color: #ECEFF1;
    color: #455A64; }
  .RadGrid_Avanti .rgEditRow {
    background: #ffeacc;
    color: #455A64; }
  .RadGrid_Avanti .rgDeletedRow > td {
    border-color: #a3b4bc;
    color: #455A64; }
    .RadGrid_Avanti .rgDeletedRow > td a {
      color: #455A64; }
  .RadGrid_Avanti .rgBatchOverlay {
    background: rgba(207, 216, 220, 0.75); }
  .RadGrid_Avanti .rgBatchUndoDeleteButton {
    padding: 2px 5px 2px 5px;
    left: 7px;
    border: 1px solid;
    border-color: #CFD8DC;
    color: #455A64;
    background-color: #ffffff; }
    .RadGrid_Avanti .rgBatchUndoDeleteButton:hover {
      border-color: #ECEFF1;
      color: #455A64;
      background-color: #ECEFF1; }
  .RadGrid_Avanti .rgBatchUndoDeleteIcon {
    margin-right: 5px; }
  .RadGrid_Avanti .rgDrag {
    background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Avanti.Grid.rgDrag.gif")%>'); }
  .RadGrid_Avanti .rgFooterWrapper {
    border-top: 1px solid #CFD8DC; }
  .RadGrid_Avanti .rgFooter {
    font-size: .857em;
    font-weight: 500;
    line-height: 1.66667;
    height: 47px;
    height: calc(1.66667em + 27px); }
    .RadGrid_Avanti .rgFooter td {
      border-bottom: 1px solid #CFD8DC;
      padding: 5px 15px; }
    .RadGrid_Avanti .rgFooter .rgGroupCol {
      border-bottom-color: #CFD8DC; }
    .RadGrid_Avanti .rgFooter,
    .RadGrid_Avanti .rgFooter a {
      color: #607D8B; }
  .RadGrid_Avanti tfoot .rgFooter .rgGroupCol {
    background-color: #ffffff;
    box-shadow: none; }
  .RadGrid_Avanti .rgFooterWrapper .rgFooter > td {
    border-bottom: 0; }
  .RadGrid_Avanti .rgStatus div {
    background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Avanti.Common.loading_small.gif")%>'); }
  .RadGrid_Avanti .rgPagerCell {
    color: #455A64;
    padding: 5px 15px 0;
    border-top: 1px solid #CFD8DC; }
    .RadGrid_Avanti .rgPagerCell .rgIcon:before {
      font-family: "TelerikWebUI"; }
    .RadGrid_Avanti .rgPagerCell .rtlIcon:before {
      font-size: 18px; }
    .RadGrid_Avanti .rgPagerCell .rgWrap {
      padding: 0; }
    .RadGrid_Avanti .rgPagerCell .rgAdvPart {
      line-height: inherit; }
    .RadGrid_Avanti .rgPagerCell .rgNumPart a {
      color: #ffffff; }
    .RadGrid_Avanti .rgPagerCell .rgPagerButton {
      border: 0 none;
      background-color: #ffffff;
      color: #455A64;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2); }
    .RadGrid_Avanti .rgPagerCell .rgActionButton {
      border-radius: 90px; }
      .RadGrid_Avanti .rgPagerCell .rgActionButton:hover {
        border-color: #ECEFF1;
        color: #455A64;
        background-color: #ECEFF1; }
    .RadGrid_Avanti .rgPagerCell .rgNumPart a,
    .RadGrid_Avanti .rgPagerCell .rgNumPart a:before,
    .RadGrid_Avanti .rgPagerCell .rgActionButton {
      margin: 0;
      width: 1.42857em;
      height: 1.42857em;
      content: "";
      position: relative;
      z-index: 1; }
    .RadGrid_Avanti .rgPagerCell .rgNumPart a {
      height: calc(1.42857em + 5px); }
    .RadGrid_Avanti .rgPagerCell .rgNumPart a {
      color: #455A64;
      text-align: center;
      border-width: 0 0 2px;
      border-bottom: 2px solid transparent; }
      .RadGrid_Avanti .rgPagerCell .rgNumPart a:not(.rgCurrentPage):hover:before {
        border-color: #ECEFF1;
        color: #455A64;
        background-color: #ECEFF1;
        border-radius: 90px;
        padding: 6px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1; }
      .RadGrid_Avanti .rgPagerCell .rgNumPart a.rgCurrentPage {
        border-color: #FF9800;
        color: #FF9800; }
    .RadGrid_Avanti .rgPagerCell .RadInput,
    .RadGrid_Avanti .rgPagerCell .RadComboBox {
      min-width: 90px; }
    .RadGrid_Avanti .rgPagerCell .rgActionButton {
      box-sizing: content-box; }
    .RadGrid_Avanti .rgPagerCell .rgPagerButton {
      border-color: #CFD8DC;
      color: #455A64;
      background-color: #ffffff; }
      .RadGrid_Avanti .rgPagerCell .rgPagerButton :hover {
        border-color: #ECEFF1;
        color: #455A64;
        background-color: #ECEFF1; }

.GridReorderTop_Avanti,
.GridReorderBottom_Avanti {
  color: #607D8B; }

.RadGrid_Avanti .rgGroupPanel {
  padding: 5px;
  border-color: #CFD8DC;
  font-size: 1.143em;
  font-weight: 500;
  line-height: 36px;
  line-height: calc(1.25em + 16px); }
  .RadGrid_Avanti .rgGroupPanel,
  .RadGrid_Avanti .rgGroupPanel caption {
    background: #FF9800;
    color: #ffffff; }

.RadGrid_Avanti .rgGroupItem {
  border-color: #FF9800;
  color: #ffffff;
  background-color: #FF9800;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  padding: 8px 13px;
  font-size: 0.875em; }
  .RadGrid_Avanti .rgGroupItem .t-button {
    color: inherit;
    position: relative;
    z-index: 10; }

.RadGrid_Avanti .rgGroupHeader {
  background-color: #ffffff;
  color: #455A64; }
  .RadGrid_Avanti .rgGroupHeader td {
    padding-left: 0;
    border-bottom: 1px solid #CFD8DC; }
  .RadGrid_Avanti .rgGroupHeader .t-ripple-container {
    margin: -1px 0 0 -1px; }

.RadGrid_Avanti .rgGroupHeaderText {
  font-size: .929em;
  line-height: 1.53846;
  font-weight: 500; }

.RadGrid_Avanti td.rgGroupCol,
.RadGrid_Avanti td.rgExpandCol {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #455A64; }

.RadGrid_Avanti .rgCollapse {
  color: #263238; }

.RadGrid_Avanti .rgMasterTable {
  border-collapse: collapse; }

.RadGrid_Avanti .rgGroupHeader .rgGroupCol + .rgGroupCol {
  border-left: 1px solid #cfd8dc; }

.RadGrid_Avanti .rgGroupCol:empty {
  box-shadow: none !important; }

.RadGrid_Avanti .rgGroupHeader .rgGroupCol,
.RadGrid_Avanti .rgGroupHeader .rgGroupCol + td {
  box-shadow: 0 -1px 0 #cfd8dc; }

.RadGrid_Avanti .rgFilter .t-ripple-container {
  margin: -1px 0 0 -1px; }

.RadGrid_Avanti .rgFilterActive {
  color: #607D8B; }

.RadGrid_Avanti .rgFiltered {
  color: #263238; }

.RadGrid_Avanti .rgGroupCol {
  box-shadow: -1px 0 0 #CFD8DC inset; }

.RadGrid_Avanti .rgDetailTable {
  border-color: #CFD8DC; }

.RadGrid_Avanti .rgCommandCell {
  padding: 0;
  border-color: #CFD8DC;
  color: #455A64;
  background-color: #ffffff; }
  .RadGrid_Avanti .rgCommandCell .t-button {
    padding: 13px;
    border-radius: 0;
    border: 0 none; }
    .RadGrid_Avanti .rgCommandCell .t-button:hover {
      border-color: #ECEFF1;
      color: #455A64;
      background-color: #ECEFF1; }
    .RadGrid_Avanti .rgCommandCell .t-button:active {
      border-color: #CFD8DC;
      color: #455A64;
      background-color: #CFD8DC; }

.GridContextMenu_Avanti .rmGroup span.rmIcon {
  margin-left: -2px; }

.GridContextMenu_Avanti .rmContent .rgHCMClear,
.GridContextMenu_Avanti .rmContent .rgHCMFilter {
  color: #FF9800;
  padding: 8px;
  border: 0 none;
  background: none; }
  .GridContextMenu_Avanti .rmContent .rgHCMClear:hover,
  .GridContextMenu_Avanti .rmContent .rgHCMFilter:hover {
    color: #FF9800;
    background-color: rgba(255, 152, 0, 0.12); }

.GridContextMenu_Avanti .rgHCMShow,
.GridContextMenu_Avanti .rgHCMAnd {
  font-size: .857em;
  color: #607D8B;
  font-weight: 500;
  line-height: 1.66667;
  padding-top: 8px;
  padding-bottom: 8px; }

.GridContextMenu_Avanti .rmGroup .rgHCMItem div.rmContent {
  padding: 15px;
  margin: 0 auto; }

.GridContextMenu_Avanti span.rgHCMSortAscsIcon:before,
.GridContextMenu_Avanti span.rgHCMSortDescIcon:before,
.GridContextMenu_Avanti span.rgHCMUnsortIcon:before,
.GridContextMenu_Avanti span.rgHCMGroupIcon:before,
.GridContextMenu_Avanti span.rgHCMUngroupIcon:before {
  font-family: "TelerikWebUi"; }

.GridContextMenu_Avanti .rgHCMColsIcon:before {
  content: "\e8f3"; }

.GridContextMenu_Avanti .rgHCMFilterIcon:before {
  content: "\e152"; }

.RadMenu_Material_Context .rgFilterApply,
.RadMenu_Material_Context .rgFilterCancel {
  padding: 8px 13px;
  border: 0 none;
  border-color: #CFD8DC;
  color: #455A64;
  background-color: #ffffff; }
  .RadMenu_Material_Context .rgFilterApply:hover,
  .RadMenu_Material_Context .rgFilterCancel:hover {
    border-color: #ECEFF1;
    color: #455A64;
    background-color: #ECEFF1; }

.GridToolTip_Avanti {
  background-color: #576a73;
  color: #ffffff;
  border-color: #576a73;
  padding: 4px; }