.TreeListToolTip_Avanti {
  font-family: "Roboto", "Noto", sans-serif; }

.RadTreeList_Avanti {
  border-color: #CFD8DC;
  background: #ffffff;
  color: #455A64;
  font-family: "Roboto", "Noto", sans-serif; }
  .RadTreeList_Avanti .t-button {
    padding: 7px;
    border-radius: 90px;
    color: #455A64; }
    .RadTreeList_Avanti .t-button:hover {
      border-color: #ECEFF1;
      color: #455A64;
      background-color: #ECEFF1; }
    .RadTreeList_Avanti .t-button:active {
      border-color: #CFD8DC;
      color: #455A64;
      background-color: #CFD8DC; }
  .RadTreeList_Avanti .rtlTable a {
    color: #FF9800; }
  .RadTreeList_Avanti .rtlTable td {
    vertical-align: middle; }
  .RadTreeList_Avanti tr.rtlHeader {
    background-color: #ffffff;
    height: 47px;
    height: calc(1.42857em + 27px); }
    .RadTreeList_Avanti tr.rtlHeader th {
      padding: 5px 15px;
      font-size: .857em;
      font-weight: 500;
      line-height: 1.66667; }
    .RadTreeList_Avanti tr.rtlHeader .t-button {
      font-size: 1.167em;
      line-height: 1.42857; }
  .RadTreeList_Avanti .rtlHeader a {
    color: #455A64; }
  .RadTreeList_Avanti .rtlScroller {
    border-color: #CFD8DC; }
  .RadTreeList_Avanti div.rtlHeader,
  .RadTreeList_Avanti .rtlHeader th {
    border-color: #CFD8DC #ffffff; }
  .RadTreeList_Avanti .rtlREdit,
  .RadTreeList_Avanti .rtlR,
  .RadTreeList_Avanti .rtlA {
    height: 47px;
    height: calc(1.53846em + 27px);
    font-size: 0.929em;
    line-height: 1.53846; }
    .RadTreeList_Avanti .rtlREdit td,
    .RadTreeList_Avanti .rtlR td,
    .RadTreeList_Avanti .rtlA td {
      padding: 5px 15px; }
    .RadTreeList_Avanti .rtlREdit .t-button,
    .RadTreeList_Avanti .rtlR .t-button,
    .RadTreeList_Avanti .rtlA .t-button {
      font-size: 1.077em;
      line-height: 1.42857; }
  .RadTreeList_Avanti .rtlA {
    background-color: #ffffff; }
  .RadTreeList_Avanti .rtlRFooter {
    background-color: #ffffff; }
  .RadTreeList_Avanti .rtlRFooter td {
    border-color: #ffffff; }
  .RadTreeList_Avanti .rtlREdit {
    background-color: #ffeacc; }
  .RadTreeList_Avanti .rtlR td,
  .RadTreeList_Avanti .rtlA td,
  .RadTreeList_Avanti .rtlREdit td,
  .RadTreeList_Avanti .rtlEditForm {
    border-color: #CFD8DC #ffffff; }
  .RadTreeList_Avanti .rtlRSel {
    background: #ECEFF1;
    color: #455A64; }
  .RadTreeList_Avanti .rtlRSel a {
    color: #455A64; }
  .RadTreeList_Avanti .rtlRSel {
    background-color: #ECEFF1; }
  .RadTreeList_Avanti .rtlRActive .rtlCF {
    box-shadow: inset 0px 5px 5px -5px transparent, inset 0px -5px 5px -5px transparent, inset 5px 0px 5px -5px transparent; }
  .RadTreeList_Avanti .rtlRActive .rtlCF ~ td {
    box-shadow: inset 0px 5px 5px -5px transparent, inset 0px -5px 5px -5px transparent; }
  .RadTreeList_Avanti .rtlRActive .rtlCF ~ td:last-child {
    box-shadow: inset 0px 5px 5px -5px transparent, inset 0px -5px 5px -5px transparent, inset -5px 0px 5px -5px transparent; }
  .RadTreeList_Avanti .rtlRActive td {
    border-color: #ECEFF1; }
  .RadTreeList_Avanti .rtlVBorders td.rtlL,
  .RadTreeList_Avanti .rtlLines td.rtlL {
    background-color: #ffffff; }
  .RadTreeList_Avanti .rtlExpand,
  .RadTreeList_Avanti .rtlCollapse {
    border: 0 none; }
    .RadTreeList_Avanti .rtlExpand:hover,
    .RadTreeList_Avanti .rtlCollapse:hover {
      background: none; }
  .RadTreeList_Avanti .rtlExpandIcon:before,
  .RadTreeList_Avanti .rtlCollapseIcon:before,
  .RadTreeList_Avanti .t-i-arrow-down:before {
    font-family: "Material Icons";
    font-size: 18px; }
  .RadTreeList_Avanti .rtlCollapseIcon:before {
    content: '\e5cf'; }
  .RadTreeList_Avanti .rtlExpandIcon:before {
    content: '\e5cc';
    color: #263238; }
  .RadTreeList_Avanti .rtlAddIcon:before {
    content: '\E039'; }
  .RadTreeList_Avanti .rtlEditIcon:before {
    content: '\E0D5'; }
  .RadTreeList_Avanti .rtlUpdateIcon:before {
    content: '\E037'; }
  .RadTreeList_Avanti .rtlDelIcon:before,
  .RadTreeList_Avanti .rtlCancelIcon:before,
  .RadTreeList_Avanti .rtlClosePopUpIcon:before {
    content: '\E038'; }
  .RadTreeList_Avanti .rtlSortAscIcon,
  .RadTreeList_Avanti .rtlSortDescIcon {
    color: #263238; }
    .RadTreeList_Avanti .rtlSortAscIcon:before,
    .RadTreeList_Avanti .rtlSortDescIcon:before {
      font-family: "Material Icons";
      font-size: 18px; }
  .RadTreeList_Avanti .rtlSortDescIcon:before {
    content: "\e5db"; }
  .RadTreeList_Avanti .rtlSortAscIcon:before {
    content: "\e5d8"; }
  .RadTreeList_Avanti .rtlPagerCell {
    color: #455A64;
    padding: 5px 15px 0;
    border-top: 1px solid #CFD8DC; }
    .RadTreeList_Avanti .rtlPagerCell .rgIcon:before {
      font-family: "TelerikWebUI"; }
    .RadTreeList_Avanti .rtlPagerCell .rtlIcon:before {
      font-size: 18px; }
    .RadTreeList_Avanti .rtlPagerCell .rtlWrap {
      padding: 0; }
    .RadTreeList_Avanti .rtlPagerCell .rtlAdvPart {
      line-height: inherit; }
    .RadTreeList_Avanti .rtlPagerCell .rtlNumPart a {
      color: #ffffff; }
    .RadTreeList_Avanti .rtlPagerCell .rtlPagerButton {
      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); }
    .RadTreeList_Avanti .rtlPagerCell .rtlActionButton {
      border-radius: 90px; }
      .RadTreeList_Avanti .rtlPagerCell .rtlActionButton:hover {
        border-color: #ECEFF1;
        color: #455A64;
        background-color: #ECEFF1; }
    .RadTreeList_Avanti .rtlPagerCell .rtlNumPart a,
    .RadTreeList_Avanti .rtlPagerCell .rtlNumPart a:before,
    .RadTreeList_Avanti .rtlPagerCell .rtlActionButton {
      margin: 0;
      width: 1.42857em;
      height: 1.42857em;
      content: "";
      position: relative;
      z-index: 1; }
    .RadTreeList_Avanti .rtlPagerCell .rtlNumPart a {
      height: calc(1.42857em + 5px); }
    .RadTreeList_Avanti .rtlPagerCell .rtlNumPart a {
      color: #455A64;
      text-align: center;
      border-width: 0 0 2px;
      border-bottom: 2px solid transparent; }
      .RadTreeList_Avanti .rtlPagerCell .rtlNumPart a:not(.rtlCurrentPage):hover:before {
        border-color: #ECEFF1;
        color: #455A64;
        background-color: #ECEFF1;
        border-radius: 90px;
        padding: 6px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1; }
      .RadTreeList_Avanti .rtlPagerCell .rtlNumPart a.rtlCurrentPage {
        border-color: #FF9800;
        color: #FF9800; }
    .RadTreeList_Avanti .rtlPagerCell .RadInput,
    .RadTreeList_Avanti .rtlPagerCell .RadComboBox {
      min-width: 90px; }
    .RadTreeList_Avanti .rtlPagerCell .rtlActionButton {
      box-sizing: content-box; }
    .RadTreeList_Avanti .rtlPagerCell .rtlPagerButton {
      border-color: #CFD8DC;
      color: #455A64;
      background-color: #ffffff; }
      .RadTreeList_Avanti .rtlPagerCell .rtlPagerButton :hover {
        border-color: #ECEFF1;
        color: #455A64;
        background-color: #ECEFF1; }
  .RadTreeList_Avanti .rtlCommandCell {
    padding: 0;
    border-color: #CFD8DC;
    color: #455A64;
    background-color: #ffffff; }
    .RadTreeList_Avanti .rtlCommandCell .t-button {
      padding: 13px 15px;
      width: auto;
      height: auto;
      border-radius: 0;
      border: 0 none; }
  .RadTreeList_Avanti .rtlFooter .rtlCommandCell,
  .RadTreeList_Avanti tfoot .rtlCommandCell {
    color: #455A64;
    background-color: #ffffff;
    background-image: linear-gradient(); }
  .RadTreeList_Avanti .rtlREdit [type="text"],
  .RadTreeList_Avanti .rtlEditForm td > [type="text"] {
    border-color: #cfd8dc;
    color: #455a64;
    background-color: transparent;
    border-style: solid;
    border-width: 0 0 1px;
    padding: 8px 0 7px;
    outline: none;
    font: inherit;
    font-size: 1.077em;
    margin-left: 13px; }
    .RadTreeList_Avanti .rtlREdit [type="text"]:hover,
    .RadTreeList_Avanti .rtlEditForm td > [type="text"]:hover {
      border-color: #90a4ae;
      color: #455a64;
      background-color: transparent; }
    .RadTreeList_Avanti .rtlREdit [type="text"]:active,
    .RadTreeList_Avanti .rtlREdit [type="text"]:focus,
    .RadTreeList_Avanti .rtlEditForm td > [type="text"]:active,
    .RadTreeList_Avanti .rtlEditForm td > [type="text"]:focus {
      border-color: #FF9800;
      color: #455a64;
      background-color: transparent;
      box-shadow: 0 -1px 0 #FF9800 inset; }
    .t-ie .RadTreeList_Avanti .rtlREdit [type="text"],
    .t-ie .RadTreeList_Avanti .rtlEditForm td > [type="text"] {
      height: 36px;
      height: calc(1.42857em + 16px); }
  .RadTreeList_Avanti .rtlEditForm {
    border: 1px solid #CFD8DC; }
    .RadTreeList_Avanti .rtlEditForm td > [type="text"] {
      margin-left: 13px; }
    .RadTreeList_Avanti .rtlEditForm td > label {
      font-size: .923em;
      color: #607D8B;
      font-weight: 500;
      line-height: 1.66667;
      padding-top: 8px;
      padding-bottom: 8px; }
    .RadTreeList_Avanti .rtlEditForm table {
      margin: .5em; }
    .RadTreeList_Avanti .rtlEditForm .rtlHeader {
      padding: 0;
      height: auto !important;
      background-color: #FF9800;
      color: #ffffff; }
      .RadTreeList_Avanti .rtlEditForm .rtlHeader > div:first-child {
        padding: 5px 10px; }
  .RadTreeList_Avanti.RadTreeListRTL .rtlExpandIcon:before {
    content: '\E003'; }

.TreeListReorderTop_Avanti,
.TreeListReorderBottom_Avanti {
  font-size: 2.2em;
  color: #000;
  text-shadow: 0 0 1px #fff;
  text-indent: 2px; }

.RadTreeList_Avanti .rtlDragHandle {
  background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Avanti.Grid.rgDrag.gif")%>'); }

.TreeListToolTip_Avanti {
  border-color: #828282;
  background: #ffffff;
  color: #455A64; }