.RadOrgChart_Avanti {
  /* Loading states */ }
  .RadOrgChart_Avanti {
    color: #455A64;
    font-family: "Roboto", "Noto", sans-serif; }
  .RadOrgChart_Avanti .rocNodeList {
    margin-top: 64px; }
  .RadOrgChart_Avanti .rocGroup {
    padding: 0 13px 13px;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2); }
  .RadOrgChart_Avanti .rocItemWrap {
    margin: 13px 13px 0 0; }
    .RadOrgChart_Avanti .rocItemWrap.rocLastInRow {
      margin-right: 0; }
  .RadOrgChart_Avanti .rocItem,
  .RadOrgChart_Avanti .rocItemTemplate {
    border: 0;
    background: #ffffff; }
  .RadOrgChart_Avanti .rocItemField {
    margin-top: 13px;
    margin-bottom: -5px; }
  .RadOrgChart_Avanti .rocImageReplacement:before {
    color: #607D8B;
    opacity: 1; }
  .RadOrgChart_Avanti .rocExpandArrow,
  .RadOrgChart_Avanti .rocCollapseArrow,
  .RadOrgChart_Avanti .rocExpandGroupArrow,
  .RadOrgChart_Avanti .rocCollapseGroupArrow {
    border: 0;
    font-size: 18px;
    font-family: "Material Icons";
    color: #607D8B;
    text-indent: 0;
    text-align: center;
    transition: all 0.2s ease-in-out; }
  .RadOrgChart_Avanti .rocExpandGroupArrow,
  .RadOrgChart_Avanti .rocCollapseGroupArrow {
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 18px;
    margin: 0 -13px -13px; }
  .RadOrgChart_Avanti .rocCollapseArrow,
  .RadOrgChart_Avanti .rocExpandArrow {
    width: 24px;
    height: 24px;
    line-height: 24px;
    bottom: -45px;
    border-radius: 12px;
    margin-left: -12px;
    background: #ffffff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.14), 0 3px 6px rgba(0, 0, 0, 0.2); }
  .RadOrgChart_Avanti .rocCollapseGroupArrow:before {
    content: "\e314"; }
  .RadOrgChart_Avanti .rocExpandGroupArrow:before {
    content: "\e315"; }
  .RadOrgChart_Avanti .rocCollapseArrow:before {
    content: "\e15b"; }
  .RadOrgChart_Avanti .rocExpandArrow:before {
    content: "\e145"; }
  .RadOrgChart_Avanti .rocGroup:after,
  .RadOrgChart_Avanti.rocSimple .rocItem:after,
  .RadOrgChart_Avanti.rocSimple .rocItemTemplate:after {
    height: 34px;
    bottom: -34px; }
  .RadOrgChart_Avanti .rocLoadingNodes .rocExpandArrow,
  .RadOrgChart_Avanti .rocLoadingNodes .rocCollapseArrow,
  .RadOrgChart_Avanti .rocLoadingGroups .rocExpandGroupArrow,
  .RadOrgChart_Avanti .rocLoadingGroups .rocCollapseGroupArrow {
    background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Metro.Common.loading_small.gif")%>'); }
  .RadOrgChart_Avanti .rocExpandArrow:hover,
  .RadOrgChart_Avanti .rocCollapseArrow:hover,
  .RadOrgChart_Avanti .rocExpandGroupArrow:hover,
  .RadOrgChart_Avanti .rocCollapseGroupArrow:hover {
    color: #263238; }

.RadOrgChart_Avanti.rocHorizontal .rocItemWrap {
  margin-top: 13px;
  padding: 0; }

.RadOrgChart_Avanti.rocHorizontal .rocExpandGroupArrow,
.RadOrgChart_Avanti.rocHorizontal .rocCollapseGroupArrow {
  margin-right: -13px; }

.RadOrgChart_Avanti.rocHorizontal .rocExpandArrow,
.RadOrgChart_Avanti.rocHorizontal .rocCollapseArrow {
  right: -34px;
  margin-top: -12px; }

.RadOrgChart_Avanti.rocSimple .rocItem,
.RadOrgChart_Avanti.rocSimple .rocItemTemplate {
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2); }

.RadOrgChart_Avanti.rocDetachedItem,
.RadOrgChart_Avanti.rocDetachedNode {
  border: 0;
  background-color: #ffffff;
  color: #455A64;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.2), 0 15px 12px rgba(0, 0, 0, 0.2); }
  .RadOrgChart_Avanti.rocDetachedItem:before,
  .RadOrgChart_Avanti.rocDetachedNode:before {
    font: 18px "Material Icons"; }
  .RadOrgChart_Avanti.rocDetachedItem.rocAddClue:before,
  .RadOrgChart_Avanti.rocDetachedNode.rocAddClue:before {
    content: "\e145"; }
  .RadOrgChart_Avanti.rocDetachedItem.rocAppendClue:before,
  .RadOrgChart_Avanti.rocDetachedNode.rocAppendClue:before {
    content: "\e2c4";
    border: 0; }
  .RadOrgChart_Avanti.rocDetachedItem.rocNoDropClue:before,
  .RadOrgChart_Avanti.rocDetachedNode.rocNoDropClue:before {
    content: "\e14b"; }

.rocToolbar_Avanti {
  font-family: "Roboto", "Noto", sans-serif;
  overflow: hidden;
  padding: 0;
  border-radius: 2px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.14), 0 3px 6px rgba(0, 0, 0, 0.2);
  margin-top: -5px; }
  .rocToolbar_Avanti ul {
    margin: 0; }
  .rocToolbar_Avanti li {
    margin: 0; }
  .rocToolbar_Avanti .rocToolbarButton {
    border-color: #CFD8DC;
    color: #455A64;
    background-color: #ffffff;
    font: 18px "Material Icons";
    width: 1.11111em;
    height: 1.11111em;
    line-height: 1.11111;
    padding: 5px;
    border-width: 0; }
    .rocToolbar_Avanti .rocToolbarButton.rocActionDrillHere:before {
      content: "\e258"; }
    .rocToolbar_Avanti .rocToolbarButton.rocActionGoToRoot:before {
      content: "\e25a"; }
    .rocToolbar_Avanti .rocToolbarButton.rocActionGoToParent:before {
      content: "\e259"; }
  .rocToolbar_Avanti .rocActionGoToRootWrap .rocToolbarButton {
    border-left-width: 1px; }
  .rocToolbar_Avanti .rocToolbarButton:hover {
    border-color: #ECEFF1;
    color: #455A64;
    background-color: #ECEFF1; }