/*
    * 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   
*/
md-sidenav.md-sidenav-left .od-navbar-toolbar {
  background-color: #efefef;
}
md-sidenav.md-sidenav-left .od-navbar-toolbar .od-navbar-title {
  color: #878787;
  text-transform: uppercase;
  font-weight: bold;
}
md-sidenav.md-sidenav-left .od-sidebar-circle {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #6b6b6b;
  display: inline-block;
  color: white;
  font-size: 30px;
  height: 50px;
  line-height: 50px;
  margin: 15px;
  text-align: center;
  text-transform: uppercase;
  width: 50px;
}
md-sidenav.md-sidenav-left .od-sidebar-name {
  display: inline-block;
  vertical-align: middle;
  margin-top: -10px;
  text-transform: uppercase;
}
md-sidenav.md-sidenav-left .od-sidebar-signout-btn {
  color: red;
  margin: 5px auto;
  display: block;
}
md-sidenav.md-sidenav-left .od-sidebar-close-btn {
  margin: 5px auto;
  display: block;
}