.particular-emotion {
    margin: 5px;
    font-size: 0.8em;
    cursor: pointer;
}
.song-audio {
    display: inline;
}
.nextSongs li, .genre li {
    cursor: pointer;
}

.cheer li, .genre li, .popularity li {
    vertical-align: text-bottom;
    text-shadow: 1px 1px #000;
    color: #fff;
}
.history-item {
    cursor: pointer;
}

.fb-share-button {
    position: relative;top:-5px;
}
.cheer li {
    cursor: pointer;
}

.listening-to {
    cursor: pointer;
}

 .fill {
    background-color: #fff;
    height : 100%;
    position: fixed;
}


@media screen and (max-width:1200px) {
    .fill {
        position: static;
    }
}

.nextSongs li,  .nextSongs li:before {
    -webkit-transition: all .4s;
    transition: all .4s;

}
.nextSongs li{
    margin: 0 auto;
}

.nextSongs:hover .playNext {
    opacity: .9;
}
.nextSongs li {
    position: relative;
    display: block;
    max-width: 500px;
    padding: 20px 20px 20px 45px;
    box-sizing: border-box;
    color: #777;
    background: #fAfAfA;
    text-decoration: none;
    font-family: "Open Sans", "Segoe UI", Arial, sans-serif;
}
.nextSongs li:before {
    content: "";
    position: absolute;
    left:0; bottom:0; top:0;
    width: 20px;
    background: #7F8C9A;
}
.nextSongs li:nth-child(even):before {
    background: #34495E;
}
.nextSongs li + .nextSongs li {
    border-top: 2px solid #ededed;
}
.nextSongs .playNext:hover,
.nextSongs .playNext:focus {
    opacity: 1;
    padding-left: 55px;
}
.nextSongs .playNext:hover:before,
.nextSongs .playNext:focus:before,
.nextSongs .load-more:focus:before,
.nextSongs .load-more:hover:before
{
    width: 30px;
}
.sButtonBG.sButtonBG.sButtonBG {
    background-color: #B200FF;
    color: #fff;
}

.sButtonBG.sButtonBG.sButtonBG:hover {
    background-color: #8e00cc;
    color: #fff;
}

.particular-emotion{
    display: inline-block;
    text-align: left;
    width: 30%;
    font-size: 0.65em;
    margin: 2px;

}
.particular-emotion img {
    width: 30%;
}
.emotions .panel-body {
    margin: 0;
    padding: 1px;
}
.emotions {
    margin-bottom: 0;
}

#history.sButtonBG {
    margin-top: 5px;
}

.purpleGlyph {

    color: #8e00cc;
}

.next-in-line {
    background-color: #8e00cc !important;
    color: #fff !important;
}

.status-details {
    font-weight: bold;
    font-size: 1.2em;
}

#switch-genre {
    margin: 10px;
}

#genre-modal input[type='radio'] + label, #charts-modal input[type='radio'] + label, .stereoModal input[type='radio'] + label {
        background-color: #B200FF;
        padding: 0.5em;
        color: #fff;
        display: block;
        min-width: 60px;
        max-width: 300px;
        margin: 0 auto;
        text-align: center;
        text-shadow: 1px 1px #000;

}
#genre-modal input[type='radio'], #charts-modal input[type='radio'], .stereoModal input[type='radio']  {
    visibility: hidden;

}

#genre-modal input[type='radio']:hover + label, #charts-modal input[type='radio']:hover + label, .stereoModal input[type='radio']:hover + label  {
    background-color: #8e00cc;
}
#genre-modal input[type='radio']:checked + label, #charts-modal input[type='radio']:checked + label, .stereoModal input[type='radio']:checked + label  {
    background-color: #67b168;
}

.ico  img{
    max-width: 45px;
    margin: 2px;
}

.songs-remaining {
    font-size: 0.7em;
}

.songs-remaining span {
    font-weight: bolder;
}

.song-image img {
    text-align: center;
    margin: 0 auto;
}

.social-status div {
    background-color: #8e00cc;
    padding: 5px;
    color: #eee;
    cursor: pointer;

}

.social-status div:first-of-type {
    border-bottom: 1px solid #67b168;
}
.social-status div span {
    padding: 3px;
}

.social-status div:hover {
    background-color: #67b168;
}

.social-status {
    vertical-align: middle;
    margin-top: 6px;
}

#charts-modal {
    z-index: 11111;
}

iframe#soundcloud-player {
  display: none;
}

#stereoPlayer .glyphicon {
  color: #cc33ff;
  padding: 0;
  font-size: 3em;
  display: inline-block;
  margin: 0 5px;
  cursor: pointer;
}
.profile-pic img {
  background-color: #333;
  padding: 5px;
  border: 2px solid #aaa;
}



.stereoTime .input-group-addon, .stereoDuration .input-group-addon  {
  background: none;
  border: none;
}

.name {
  color: purple;
}
.name-a {
  color: purple;text-decoration:underline;
}

.me-like.disabled, .me-dislike.disabled {
  opacity: 0.4;
  cursor: not-allowed;
}



.disabled-follow.sButtonBG.disabled-follow  {
  cursor: pointer;
  color: orange;
  background-color: darkred;
}
.disabled-follow.sButtonBG.disabled-follow:hover, .disabled-follow.sButtonBG.disabled-follow:hover *  {
  cursor: pointer;
  color: yellow;
  background-color: red;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.disabled-follow.sButtonBG.disabled-follow *  {
  color: orange;
  background-color: darkred;
}


.user-a {
  color: darkred;
}

.user-img {
  max-width: 300px;
  display: block;
  margin: 0 auto;
  border: 1px solid crimson;
  padding: 2px;
  background-color: darkred;
}

.music-poster {
  float: left;
  margin-right: 7px;
  margin-top: -15px;

}

.panel-title {
  display: inline-block;
}

.currentSong .panel-heading {
  min-height: 180px;
}
label {
  cursor: pointer;
}

.load-similar {
  cursor: pointer;
  clear:both;
  float: right;
}

a.disabled {
  opacity: 0.7;
  color: darkred;
  cursor: not-allowed;
}

.form-lang * {
  display: inline-block;
}

.form-lang {
  display: inline;
}

#disqus_thread {
  display: none;
}

.emotions.emotions.emotions {
  background-color: #fff;
}

.name, .name-a,.user-a {
  color: lightcoral;
}


.sButtonBG:hover .sButtonBG {
  background-color: #8e00cc;
  color: #fff;
}

.room-info {
  text-align: center;
}

.info-tooltip {
  font-size: 2em;
  cursor: pointer;
  color: #fef;
}

.stereo-room {
  min-height: 120px;
}
.discover-icon {
  float: left;
  margin-right: 5px;
  
}

.discover-stat {
  min-height: 70px;
}

.child-li {
  margin-left: 4em;
}

.fr {
  float: right;
}
.describe-music-rooms {
  background-image: url("/images/intro/rooms.png");
  background-position: left;
  background-size: cover;
}

.intro-list li {
  color: #eee;
}

.mood-intro {
  background-image: url("/images/intro/mood2.png");
  background-position: left;
  background-size: cover;
}

.follow-intro {
  background-image: url("/images/intro/follow.png");
  background-position: left;
  background-size: cover;
}

.genres-intro {
  background-image: url("/images/intro/genres.png");
  background-position: left;
  background-size: cover;
}

.profile-intro {
  background-image: url("/images/intro/profile.png");
  background-position: left;
  background-size: cover;
}