/* Loader related css classes*/

 .content_load{
  left: 0 !important;
 }

.loader-inner{
  margin: 0 auto;
  white-space: nowrap;
}

/* New Loader - Using gif to reduce the CPU usage */
#loader_ani{
  width: 2.5rem;
  height: 2.5rem;
  margin: 0 auto;
  background-size: contain;
  background-image: url(../images/loader/browse_loader.gif);
}

#play_msg_content.inverse #loader_ani{
  background-image: url(../images/loader/nowplay_loader.gif);
}

/* Different Scenarios to Enable/Disable the loader */
/* Replacing with static image */
#viewport.device_tray #content_browse  #loader_ani,
#viewport.main_play #content_browse #loader_ani,
#viewport.drawer #content_browse #loader_ani
{
  background-image: url(../images/loader/browse_loader_static.png);
}

/* Replacing with static image */
#viewport.device_tray #play_msg  #loader_ani,
#main_play:not(.open)  #play_msg #loader_ani,
#viewport.browse_source #main_play #loader_ani
{
  background-image: url(../images/loader/nowplay_loader_static.png);
}
