@import url('http://fonts.googleapis.com/css ?family=Noto+Sans');
* {
font-family: 'Noto Sans ', 'Sans Serif '
}

body {
background-color:#FAFAFA
}

#page .content {
margin-bottom:27px
}

.black-bar {
background:#424242;
border:0;
transition:box-shadow 0.2s cubic-bezier(0.4,0,0.2,1);
transition-delay:0.2s;
box-shadow:0 2px 5px 0 rgba(0,0,0,0.26)
}

#page-header .button {
border:0;
border-radius:0;
box-shadow: none;
background:transparent
}

#page-header .header-left {
color:#212121
}

#main-menu {
background:#e0e0e0;
transition:all 0.2s ease-in
}

#main-menu .search {
background:transparent;
border-bottom:#616161;
padding:0;
height:48px
}

.search .search-bar-icon-btn {
border-radius:0;
border:0;
background-color:transparent;
float:left;
width:48px;
height:48px
}

#main-menu .search-menu .input-reduce {
border-radius:0;
box-shadow:none;
background-color:transparent;
color:#212121;
padding:0;
margin:0 8px 0 0
}

.search .search-bar-icon-btn {
background-image:url( "http://otzi122.neocities.org/gs/magnify.png ");
background-size:22pt 22pt;
width:22pt;
height:22pt;
margin:8pt 0pt 0 8pt;
padding:0
}

#main-menu .search input [type= "search " ] {
margin-top:8px;
font-size:16px;
border-bottom:1px #bdbdbd solid;
border-radius:2pt
}

#main-menu ul.menu{
    background: transparent !important;
}

#main-menu .search input [type= "search " ]:focus {
border-bottom:2px #2196F3 solid
}

#main-menu ul.menu li {
background-color: transparent !important;
border:0
}

#main-menu ul.menu li a {
color:#000;
font-weight:400;
padding-left:16px;
font-size:16px
}

#main-menu ul.menu li.menu-icon a {
padding-left:48px
}

#main-menu div.menu-loggedin h3 {
background-color: transparent;
border-top:1px #bdbdbd solid;
color:#000;
border-bottom:0;
letter-spacing:1px;
font-size:14px;
padding-top:8px;
text-transform:lowercase
}

#main-menu .menu-buttons .button {
height:36px;
font-size:16px;
border-radius:2px;
border:0;
margin:16px;
min-width:120px;
transition:box-shadow 0.2s cubic-bezier(0.4,0,0.2,1);
transition-delay:0.2s;
box-shadow:0 2px 5px 0 rgba(0,0,0,0.26);
background-color:#424242;
text-shadow: none;
color:#FAFAFA;
padding:4px;
font-weight:400;
line-height:16px
}

#menu-logout,#nav-login,#nav-signup {
line-height:34px !important;
float:none;
width: inherit;
box-sizing: inherit;
}

#main-menu .menu-buttons #upgrade-button.primary,form.common-form .large-button {
background:#ff5722;
line-height:34px !important;
box-sizing: inherit;
border:0;
border-radius:2pt
}

#main-menu .menu-buttons .button:active {
box-shadow:0 8px 17px 0 rgba(0,0,0,0.2);
transition-delay:0s
}

.common-form {
margin:10% auto;
border:0;
box-shadow: none;
}

.common-form fieldset input.input-text {
border-radius:2pt !important;
border-top:0 !important;
border-right:0;
border-left:0;
background-color: transparent;
}

.common-form fieldset input.input-text:hover {
border-bottom:2px #2196F3 solid;
transition:all 0.3s ease-in
}

.selects-dob .select-dob-day {
border-radius:2pt 0 0 2pt
}

.selects-dob .select-dob-year {
border-radius:0 2pt 2pt 0
}

.selects-dob .select-dob-day,.selects-dob .select-dob-year,.selects-dob .select-dob-month {
text-align:center
}

.menu .menu-icon {
background-size:22px 22px;
margin-left:16px
}

.menu #nav-user-profile {
background-image:url( "http://otzi122.neocities.org/gs/account.png ")
}

.menu #nav-user-collection {
background-image:url( "http://otzi122.neocities.org/gs/music-box.png ")
}

.menu #nav-user-favorites {
background-image:url( "http://otzi122.neocities.org/gs/heart-box.png ")
}

.menu #nav-user-playlists {
background-image:url( "http://otzi122.neocities.org/gs/library-music.png ")
}

.menu #nav-user-following {
background-image:url( "http://otzi122.neocities.org/gs/account-star-variant.png ")
}

.content form.search {
background-color:#FFF;
border:1px solid rgb(189,189,189);
margin:8pt;
width:96%;
transition:box-shadow 0.2s cubic-bezier(0.4,0,0.2,1);
transition-delay:0.2s;
box-shadow:0 2px 5px 0 rgba(0,0,0,0.26)
}

.content form.search:active {
box-shadow:0 8px 17px 0 rgba(0,0,0,0.2);
transition-delay:0.3s
}

.content form.search .input-reduce {
background-color:transparent;
box-shadow: none !important;
}

.sub-header {
background-color:transparent;
border-top:1px #bdbdbd solid;
color:#757575;
border-bottom:0;
letter-spacing:1px;
font-size:14px;
text-align:left;
text-transform:capitalize;
padding:8pt 0 0 16pt;
height:24px
}

.list-row.broadcast-row {
background-color:#FAFAFA;
border:0
}

.list-row.broadcast-row .bcast-row-data {
padding-left:72pt
}

.list-row.broadcast-row .bcast-row-data img {
padding-left:16pt;
border-radius:50%
}

.list-row-more.block,.list-row-more {
margin-top:16pt;
background-color:#ff5722 !important;
color:#fff;
font-size:14pt;
padding-left:16pt;
min-height:24px
}

.list-row-more {
margin-top:0px
}

.list-row {
background-color:#FAFAFA;
border:0;
padding-left:72pt
}

.list-row img {
border-radius:50%;
margin-left:16px
}

.list-row .context-menu-button {
height:54px
}

.list-row .context-menu-button::after,.icon-genre-selector {
background-image:url( "http://otzi122.neocities.org/gs/arrow-down.png ");
background-color:transparent;
border:0;
top:6px;
left:8px;
background-size:24pt 24pt
}

.icon-genre-selector {
background-size:15px
}

.list-row .context-menu-button.active::after {
background-image:url( "http://otzi122.neocities.org/gs/arrow-up.png ")
}

.context-menu li {
background-size:24px;
padding:0px 8px 0px 16px;
margin:6px 0px 0px 4%
}

.context-menu .play-now,.icon.icon-play {
background-image:url( "http://otzi122.neocities.org/gs/play.png ")
}

.context-menu .play-next {
background-image:url( "http://otzi122.neocities.org/gs/plus.png ")
}

.context-menu .play-last {
background-image:url( "http://otzi122.neocities.org/gs/playlist-plus.png ")
}

.context-menu .add-to-favs.faved {
background-image:url( "http://otzi122.neocities.org/gs/faved.png ")
}

.context-menu .add-to-coll.added {
background-image:url( "http://otzi122.neocities.org/gs/checked.png ")
}

.context-menu .add-to-favs {
background-image:url( "http://otzi122.neocities.org/gs/heart.png ")
}

.icon.check.icon-check-white,.context-menu .add-to-coll {
background-image:url( "http://otzi122.neocities.org/gs/check.png ")
}

.context-menu .share {
background-image:url( "http://otzi122.neocities.org/gs/share-variant.png ")
}

.icon.icon-sort {
background-image:url( "http://otzi122.neocities.org/gs/swap-vertical.png ")
}

.list-row.menu-row.shown {
background-color:#424242;
padding-left: 0;
}

.broadcast-header,.list-header {
background-color:#212121
}

.list-header .button,.broadcast-header .button {
color:#FFF;
background: transparent;
text-shadow: none;
font-size:16px;
border:0px;
box-shadow: none
}

.context-menu {
background-color: transparent
}

.popover {
background-color:#FAFAFA
}

#queue-header .back {
font-size:0px;
background-color: transparent;
box-shadow: none;
border-radius:0;
background-image:url( "http://otzi122.neocities.org/gs/arrow-left.png ");
width:42px;
padding:0;
top:2pt;
height:42px;
background-size:36px;
border:0
}

.popover-topbar {
border:0;
background-color:#212121
}

.queue-list-actions .queue-list-action-ordered {
background-image:url( "http://otzi122.neocities.org/gs/repeat.png ");
background-size:28px 28px
}

.queue-list-actions .queue-list-action-norepeat {
background-image:url( "http://otzi122.neocities.org/gs/shuffle.png ");
background-size:28px 28px
}

.queue-list-actions .queue-list-action-edit {
background-image:url( "http://otzi122.neocities.org/gs/pencil.png ");
background-size:28px 28px
}

.queue-list-actions .queue-list-action-clear {
background-image:url( "http://otzi122.neocities.org/gs/delete.png ");
background-size:28px 28px
}

.queue-song-list .song-row,.queue-song-list {
background-color:#FAFAFA;
border-bottom:1px solid #bdbdbd
}

.queue-song-list .song-row .title {
color:#444444;
text-shadow: none
}

.queue-song-list .song-row .song-row-remove {
background-image:url( "http://otzi122.neocities.org/gs/close.png ");
background-size:36px;
left:24px;
top:12px
}

.queue-song-list .song-row .queue-song-row-move-up::after {
background-image:url( "http://otzi122.neocities.org/gs/chevron-up.png ");
border:0
}

.queue-song-list .song-row .queue-song-row-move-down::after {
background-image:url( "http://otzi122.neocities.org/gs/chevron-down.png ");
border:0
}

.queue-song-row-move-up::after,.queue-song-row-move-down::after {
background-size:36px;
left:0;
top:16px
}

.queue-list-actions .button,.now-playing .button {
border:0;
font-weight:400;
font-size:16px;
background-color: transparent
}

#queue-actions,#little-queue {
background-color:rgba(185,185,185,0.85);
border:0;
height:72px
}

.queue-actions li.queue-actions-prev {
background-image:url( "http://otzi122.neocities.org/gs/skip-previous.png ");
margin-bottom:8px
}

.queue-actions li.queue-actions-paused,.little-queue .little-queue-state.paused {
background-image:url( "http://otzi122.neocities.org/gs/play-circle.png ")
}

.queue-actions li.queue-actions-playing,.little-queue .little-queue-state.playing {
background-image:url( "http://otzi122.neocities.org/gs/pause-circle.png ")
}

.queue-actions li.queue-actions-playing,.little-queue .little-queue-state.playing,.queue-actions li.queue-actions-paused,.little-queue .little-queue-state.paused {
background-size:72px;
width:56px;
height:56px;
background-color:#FFF;
border-radius:50%;
margin-top:8px
}

.queue-actions li.queue-actions-next {
background-image:url( "http://otzi122.neocities.org/gs/skip-next.png ");
margin-bottom:8px
}

.queue-actions li {
margin-left:10px
}

.little-queue .little-queue-image {
width:56px;
height:56px;
border:0;
margin:8px 0 0 16px;
padding:0;
border-radius:50%
}

.little-queue .little-queue-songdata {
margin:8px 80px 0
}

.little-queue .little-queue-songdata .little-queue-title {
color:#000;
text-shadow: none
}

.little-queue .little-queue-songdata .little-queue-meta {
color:#424242;
text-shadow: none
}

.little-queue .little-queue-state {
margin-right:16px
}

#queue-header .switch {
font-size:0px;
background-color:transparent;
box-shadow: none;
border-radius:0;
width:42px;
padding:0;
margin:0;
top:0pt;
height:42px;
border:0
}

#queue-header .switch-queue span {
background-size:36px;
width:100%;
height:100%;
background-image:url( "http://otzi122.neocities.org/gs/play-circle-outline.png ");
background-repeat:no-repeat;
margin:0
}

#queue-header .switch-nowplaying span {
background-size:36px;
width:100%;
height:100%;
background-image:url( "http://otzi122.neocities.org/gs/play-circle-outline.png ");
background-repeat:no-repeat;
margin:0
}

.little-queue .little-queue-idle {
text-shadow: none;
font-size:14px;
padding-top:16px;
color:#000
}

.now-playing {
background-color:#212121
}

.now-playing-image img {
width:100%;
height:auto;
max-width:100%;
padding-top:43px
}

.progressbar .progressbar-loaded {
background-color:#FAFAFA;
background-image: none
}

.badge {
border:0;
background-color:#eeeeee;
background-image: none
}

.badge img {
border:0;
border-radius:50%
}

.badge .badge-content {
margin-top:16px
}

.list-counts li {
border:0;
background-color: transparent
}

.list-counts li .list-counts-number {
background-color:#424242;
background-image: none;
border-radius:2pt;
text-shadow: none;
color:#FFF;
margin-right:16px
}

#loading-center {
top:50%
}

#loading,.little-queue .little-queue-state.loading,.list-counts .list-counts-loading,.section-loading,.badge-loading,.list-loading p,.queue-actions li.queue-actions-loading {
border-radius:2px;
background-image:url( "http://otzi122.neocities.org/gs/loading.gif ");
background-size:47px 16px
}

li.queue-actions-loading {
background-color:transparent !important
}

.progressbar .progressbar-progress .progressbar-scrubber {
background-image: none
}

#flash {
transition:all 0.3s ease-in;
position:fixed;
top:43px;
bottom: inherit;
background-color:#1B1B1B;
height: 45px;
}