@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,700,300,400&subset=cyrillic,cyrillic-ext,latin,greek-ext,greek,latin-ext,vietnamese);

::-webkit-scrollbar {
    width: 5px !important;
}
::-webkit-scrollbar-track {
    background: rgba(253,133,0,0.3) !important;    
}
::-webkit-scrollbar-thumb {
    background: rgba(253,133,0,1) !important;    
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(253,133,0,1) !important;
}
body{
  font-family: 'Roboto Condensed', sans-serif !important;
}
#nav .nav-section{
  display: inline-block;
  background-color: #fff;
  width: 100%;
  box-shadow: 0 8px 17px 0 rgba(0,0,0,0.05);
  transition: all 0.7s ease 0.1s;
}
#nav .nav-section:hover{
 box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22) !important;
}
#nav .nav-item-container{
  position: relative;
  height: 48px;
  line-height: 48px;
  color: #646464;
  font-size: 0.9em;
}

/*Right container*/
#content-container{
  /*display: none;*/
}
/*Cards one by one*/
.card, .card.draggable{
  border-radius: 0 0 10px 10px;
  transition: box-shadow 0.5s ease 0.1s;
}
.card:hover, .card.draggable:hover{
   -webkit-animation-name:rotater; 
  -webkit-animation-duration:150ms; 
  -webkit-animation-iteration-count:2; 
  -webkit-animation-timing-function: ease;    
 box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22);
  border-radius: 0 0 8px 8px;
}

@-webkit-keyframes rotater {
0% { -webkit-transform:rotate(0) scale(1) }
50% { -webkit-transform:rotate(3deg) rotateY(0deg) scale(1.05) }
100% { -webkit-transform:rotate(-3deg) rotateY(0deg) scale(1) }
}

/*Black*/
#nav, .nav-section, .nav-item-container, .tooltip,.fade-out:after, 
.card, #content-container, #music-content, #breadcrumbs, .nav-bar
{
  background: #222 !important;
}
.card, .card .tooltip, .card .fade-out:after, #nav, .nav-item-container, 
#nav .tooltip, #nav .fade-out:after, 
.song-row  td, .song-row  td  .fade-out:after,
.song-table .header-row th{
  background: #333!important;
  color: #dedede !important;
}
#nav .nav-item-container:hover,
#nav .nav-section a:hover .tooltip,
#nav .nav-section a:hover>.fade-out:after{
  background: #ddd!important;
  color: #333 !important;
}
/*Play controls*/
#player, .player-top #top_divider_line,
.player-left .fade-out:after,.player-left .now-playing-menu-wrapper, #playerSongTitle, .player-middle,.upload-dialog{
  background: #555 !important;
  color: #eee !important;
}

/*For smaller screens*/
@media screen and (max-width:640px){
#gmusicplus{
	display:none;
}
#nav-container {
  display:none !important;
}
#content-container{
 position:initial!important;
margin: 0 !important;
  
}
#music-content .two-column.g-content{
/*width: 100%!important;*/
}
#music-content .card-group{
  display: table-footer-group !important;
  float: left !important;
}
/*---*/
#gba {
    height: 0px !important;
}


#player {
    position: fixed !important;
    box-shadow: none !important;
    height: 100% !important;
    border-top: 0px !important;
    display: table;
    min-width: 360px;
    bottom: 0px;
}


#player.active:hover .playing-progress-background {
    background: transparent;
}

#volume_low {
    opacity: 100;
}

#vslider {
    opacity: 100;
}

.player-left {
    height: 0;
}
#player-left-wrapper {
    float: none !important;
    width: 100% !important;
    background-color: transparent !important;
    display: table-row-group;
}

.now-playing-menu-wrapper {
    display: none !important;
}

.player-middle {
    float: none !important;
    background-color: transparent !important;
    display: table-header-group;
}
.player-middle button:first-child{
 margin-left: 12%;
}

.fade-out:after {
    background-image: none !important;
    background: none !important;
}

#player-right-wrapper {
    float: none !important;
    width: 100% !important;
  background-color: transparent !important;
    margin-left: 0px  !important;
    text-align: left  !important;
}

.screensaver.visible, .panning {
    width: 100% !important;
    height: 100% !important;
}

.overlay {
    width: 100% !important;
    height: 100% !important;
}

#player .flat-button[data-id="queue"] {
    display: none !important;
}
}