.RadRotator_Avanti {
  font-family: "Roboto", "Noto", sans-serif;
  /* When LoadOnDemand */ }
  .RadRotator_Avanti .rrClipRegion {
    border-color: #CFD8DC;
    color: #455A64;
    background-color: #ffffff; }
  .RadRotator_Avanti a.rrButton {
    padding: 8px;
    border-color: #CFD8DC;
    color: #455A64;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2); }
  .RadRotator_Avanti a.rrButton:hover {
    border-color: #ECEFF1;
    color: #455A64;
    background-color: #ECEFF1;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16), 0 6px 6px rgba(0, 0, 0, 0.2); }
  .RadRotator_Avanti a.rrButton:focus {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16), 0 6px 6px rgba(0, 0, 0, 0.2); }
  .RadRotator_Avanti a.rrButton:active {
    border-color: #CFD8DC;
    color: #455A64;
    background-color: #CFD8DC;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16), 0 6px 6px rgba(0, 0, 0, 0.2); }
  .RadRotator_Avanti a.rrButtonRight:before {
    content: "\E000"; }
  .RadRotator_Avanti a.rrButtonLeft:before {
    content: "\E003"; }
  .RadRotator_Avanti a.rrButtonUp:before {
    content: "\E001"; }
  .RadRotator_Avanti a.rrButtonDown:before {
    content: "\E002"; }
  .RadRotator_Avanti .rrLoadingSign {
    background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Avanti.Common.loading_small.gif")%>'); }
  .RadRotator_Avanti .rrClipRegion {
    border-radius: 0.14286em;
    z-index: 2; }
  .RadRotator_Avanti a.rrButtonUp {
    top: 0.07143em;
    border-radius: 0.14286em 0.14286em 0em 0em; }
  .RadRotator_Avanti a.rrButtonRight {
    border-radius: 0em 0.14286em 0.14286em 0em; }
  .RadRotator_Avanti a.rrButtonDown {
    border-radius: 0em 0em 0.14286em 0.14286em; }
  .RadRotator_Avanti a.rrButtonLeft {
    left: 1px;
    border-radius: 0.14286em 0em 0em 0.14286em; }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    .RadRotator_Avanti a.rrButtonUp {
      top: 0; }
    .RadRotator_Avanti a.rrButtonRight {
      right: 0; }
    .RadRotator_Avanti a.rrButtonDown {
      bottom: 0; }
    .RadRotator_Avanti a.rrButtonLeft {
      left: 0; } }
  .RadRotator_Avanti a.rrButtonRight:before {
    content: "\E010"; }
  .RadRotator_Avanti a.rrButtonLeft:before {
    content: "\E013"; }
  .RadRotator_Avanti a.rrButtonUp:before {
    content: "\E011"; }
  .RadRotator_Avanti a.rrButtonDown:before {
    content: "\E012"; }
  .RadRotator_Avanti .t-ripple-effect {
    position: absolute !important; }