/*CUSTOMCOLORS 
It will only read lines [4 to 8], other lines will be ignored 
------ Only #RRGGBB or #RGB colors are accepted -----
#78C800 	//TitleBarColor 
#FFF 		//TitleBarTextColor
#dedede 	//LoadingBarColor 
#78C800 		//LoadingBarBGColor
#fff 		//SettingsTextColor= 
------ Respecting the order, comments are ignored ------
!CUSTOMCOLORS*/

@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;
}
::-webkit-scrollbar-track {
    background: #fff!important;    
}
::-webkit-scrollbar-thumb {
    background: #78C800!important;    
}
::-webkit-scrollbar-thumb:window-inactive {
    background: #78C800!important;
}

body{
  font-family: 'Roboto Condensed', sans-serif;
}

/*Right container*/
#content-container{
  display: snone;
}
/*Cards one by one*/
.card, .card.draggable{
/*  border-radius: 0 0 10px 10px;*/
  transition: box-shadow 0.5s ease 0.1s;
  transition: transform 0.3s ease 0.05s;
}
.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;*/
  transform: scale(1.04);
}
.card .hover-overlay,
.material-card .hover-overlay{
  background: none;/*#78C800;*/
}

@-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) }
}

/*Material*/

/*Left Navbar*/
#nav .nav-item-container{
  position: relative;
  height: 48px;
  line-height: 40px;
  font-size: 0.9em;
  color: #757575 !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);
}

/*!--Top Google Music Banner icon*/
.music-banner{
  background: #78C800 !important;
}
/*!--Container background color*/
#nav, .nav-section, .nav-item-container, .tooltip,.fade-out:after, 
.card, #content-container, #music-content, #breadcrumbs, .nav-bar
{
  background: #ececec !important;
}
/*Left menus color*/
#nav, .nav-item-container, 
#nav .tooltip, 
#nav .fade-out:after{
  background: #fff!important;
}
/*!--PlayLists' add button*/
.button.primary, .simple-dialog-buttons button.goog-buttonset-default{
  background-color:#78C800 !important;
}
.button.primary:hover, .simple-dialog-buttons button.goog-buttonset-default{
  background-color:#33ac71 !important;
}

/*Section Header*/
.nav-section-header{
  color: #78C800 !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;
}

.button.small{
  border-radius: 0 !important;
}
.button.primary.small,
.simple-dialog-buttons button.goog-buttonset-default.small{
  background: #3262ba !important;
}

/*Right Side*/
/*Top Bar*/
#headerBar .nav-bar,
#headerBar #breadcrumbs,
#headerBar .tab-text,
#headerBar .header-tab-title,
#headerBar #countSummary{
  background: #78C800 !important;
  color: #fff !important;
}
#headerBar .header-tab-title.selected{
  border-bottom: 3px solid #fff !important;
}

.song-row  td{
  /*line-height: 1.5 !important;*/
}
.song-row  td, 
.song-row  td .content,
.song-row  td  .fade-out:after,
.song-table .header-row th{
 /*background: #fff !important;*/
}
/*song img in table*/
.material .song-table [data-col="title"] img, .material .song-table.mini [data-col="song-details"] img{
  /*border-radius: 50%;
  width: 48px;
  height: 48px;*/
}
/*Play Button in a table list*/
.song-row .hover-button[data-id="play"]{
  background-position: -264px -720px;
  background-color: #78C800;
  transform: scale(1) rotate(360deg);
  transition: transform .2s cubic-bezier(.4,0,.2,1);
}
.song-row td .hover-button[data-id="play"]:hover{
  transform: scale(1) rotate(0deg);
}


.song-table{
box-shadow: 0 -1px 0 #e5e5e5,0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24) !important;
background: #fff !important;
}
.card, .card .tooltip, .card .fade-out:after{
  background: #333!important;
  color: #dedede !important;
}

/*Play controls*/
#player, .player-middle{
  min-height: 64px;
}
#player, .player-top #top_divider_line,
.player-left .fade-out:after,.player-left .now-playing-menu-wrapper, #playerSongTitle, .player-middle,.upload-dialog, .player-album{
  background: #78C800 !important;
  color: #eee !important;
}
#player-artist{
  color: #fff !important;
}
.player-left #player-song-info div[data-id="now-playing-menu"]{
  color: #fff !important;
  border: 0 !important;
}

.material-player-middle paper-icon-button{
  /*border-radius: 32px; 
  -webkit-filter: invert(100%)!important;*/
}
.material-player-middle paper-icon-button:hover{
  -webkit-filter: invert(10%)!important;
}
/*.player-middle button[data-id="rewind"]{
  background-position: -572px -1418px !important;
  min-height: 62px;  
}
.player-middle button[data-id="play-pause"]{
  background-position: -472px -1186px !important;
  min-height: 62px;
}
.player-middle button[data-id="forward"]{ 
  background-position: -446px -1494px !important;
  min-height: 62px;
}*/

/*#slider_wrapper #slider .played-progress,
#slider_wrapper #slider .goog-slider-thumb,
#slider_wrapper #slider #time_container_current,
#slider_wrapper #slider #time_container_duration{
  background: #fff !important;
  color: #78C800 !important;
}
#slider_wrapper #slider .playing-progress-background{
  background: #3275e4 !important;
}
#slider_wrapper #slider .goog-slider-thumb{border-radius: 9px;}*/

#player #playerSongInfo .image-wrapper img,
#playerSongInfo .image-wrapper .hover-overlay{
  border-radius: 50% !important;
}
/*Lets animate it*/
#playerSongInfo .hover-overlay .hover-icon{
  transform: scale(1) rotate(360deg);
  transition: transform .2s cubic-bezier(.4,0,.2,1);
}
#playerSongInfo .hover-overlay .hover-icon:hover{
  transform: scale(1) rotate(0deg);
}
/*Volume and Ratings buttons*/
#player #player-right-wrapper #volume #volume_slider{
  background: #fff !important;
}
#player .player-rating-container li[data-rating="5"],
#player .player-rating-container li[data-rating="1"],
#player button[data-id="queue"]{
  border-radius: 50% !important;
}


/*For smaller screens*/
	@media screen and (max-width:740px){
		
	#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.material .player-rating-container{ display: none !important;}
	.material-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;
	}

	/*top bar left part hide*/
	#material-one-left{
	  min-width: initial !important;
	}
	#material-breadcrumbs{
	  display:none !important; 
	}
	/*align correctly the topbar*/
	#material-app-bar .material-one-google, #material-app-bar .material-header-bar{
	  width: initial !important;
	}
	/*bottom player left details hide*/
	#player.material #playerSongInfo .now-playing-info-wrapper{
	  display: none !important;
	}
}

/*Fixing old css*/
#nav, .nav-section, .nav-item-container, .tooltip, .fade-out:after, .card, #content-container, #music-content, #breadcrumbs, .nav-bar {
    background: none !important;
}

#player.material .material-player-middle sj-icon-button[data-id="play-pause"]:not([disabled]), #player.material .material-player-middle paper-icon-button[data-id="play-pause"]:not([disabled]) {
    color: #dfdfdf !important;
}
#player.material .player-rating-container {
    background: none !important;  
}
#player.material .now-playing-actions sj-icon-button, #player.material .now-playing-actions paper-icon-button {
    color: #fff !important;
}

.paper-progress-0 #secondaryProgress.paper-progress {
    background-color: #ddd !important;
}
.paper-progress-0 #primaryProgress.paper-progress {
    background-color: #fff !important;
}

#material-app-bar  {
    background-color: #78C800 !important;    
}

.material .nav-item-container.sub sj-paper-button, .material .nav-item-container.sub paper-button{
  background-color: #78C800 !important;  
}
/*See All button*/
sj-paper-button.material-primary, paper-button.material-primary{
  background-color: #78C800 !important;
}
/*cards right arrow */
.cluster .lane-button core-icon, .cluster .lane-button iron-icon{
  color: #78C800 !important;
}
/*Queue color and many other as it looks*/
#player.material .material-player-middle sj-icon-button[data-id="repeat"][value="LIST_REPEAT"], #player.material .material-player-middle sj-icon-button[data-id="repeat"][value="SINGLE_REPEAT"], #player.material .material-player-middle sj-icon-button[data-id="shuffle"][value="ALL_SHUFFLE"], #player.material #material-player-right-wrapper sj-icon-button[data-id="queue"].opened, #player.material .material-player-middle paper-icon-button[data-id="repeat"][value="LIST_REPEAT"], #player.material .material-player-middle paper-icon-button[data-id="repeat"][value="SINGLE_REPEAT"], #player.material .material-player-middle paper-icon-button[data-id="shuffle"][value="ALL_SHUFFLE"], #player.material #material-player-right-wrapper paper-icon-button[data-id="queue"].opened{
  color: #fff !important;
}
/*Play all button in album list*/
.material-container-details sj-fab, .material-container-details paper-fab{
  background-color: #78C800 !important;
}
/*Volume knob*/
.paper-progress-1 #primaryProgress.paper-progress{
  background-color: #fff !important;
}
.paper-slider-0 #sliderKnobInner.paper-slider{
  background-color: #fff !important;
}
/*Hide mini player download button*/
#player sj-icon-button[data-id="show-miniplayer"], #player paper-icon-button[data-id="show-miniplayer"]{
  display:none;
}
/*Time label*/
#material-player-right-wrapper .player-top-right-items .time-label,
#player.material #time_container_current, #player.material #time_container_duration{
  color: #fff !important;
}
/*Hide menu to other Alphabet's Google products*/
#gbwa{ display:none;}

/*Flash inside id=embed-container*/
.goog-ui-media-flash{
  visibility: hidden !important;
}