/*
    * Mixin used to add style and states to buttons
*/
/*
    * Mixin used for adding browser vendor specific prefixes    
*/
/*
    * Mixin used to add style for the filter component using different versions of colors   
*/
html {
  background-color: #FFFFFF;
}
@media (max-width: 768px) {
  .od-topnav-tabs {
    position: absolute;
    top: 40px;
  }
  .od-topnav {
    height: 39px;
  }
  .od-topnav.od-topnav-mobile-tall {
    height: 79px;
  }
  .login-position .shuffle-animation {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    top: 39px;
  }
  .shuffle-animation {
    top: 79px;
  }
}
@media (min-width: 769px) {
  .od-topnav-tabs {
    float: left;
    padding-left: 16px;
  }
  .od-topnav {
    height: 39px;
  }
  .shuffle-animation {
    top: 39px;
  }
}