.barra-left {
    height: 100%;
    float: left;
    position: relative;
    background: #3A414C;
    width: 270px;
}

.barra-left .playlist-sugeridas h1 {
    background: #9F3530;
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: 13px;
    color: #FFF;
    padding-left: 22px;
    font-weight: 600;
}

.barra-left .playlist-sugeridas p {
    background: #3A414C;
    border-bottom: 1px solid #3E4651;
    padding-top: 11px;
    padding-bottom: 11px;
    position: relative;
    font-size: 12px;
    color: #FFF;
    padding-left: 43px;
    font-weight: 600;
}

.barra-left p:hover {
    background: #30363F !important;
}

.barra-left .playlist-sugeridas p:hover .icone-play-playlist,
.barra-left .playlist-sugeridas p:hover .icone-alterar-playlist {
    display: block;
}

.playlist-tocando {
    background: url(../imagens/icone-tocando.png) 10px 10px no-repeat #3A414C !important;
}

.ver-mais-lista {
    width: 100%;
    cursor: pointer;
    background: #373E46;
    text-align: center;
    color: #FFF;
    font-size: 13px;
    font-family: 'Open Sans';
    font-weight: bold;
    border-bottom: 1px solid #3E4651;
    padding-top: 11px;
    padding-bottom: 11px;
}

.ver-mais-lista:hover {
    background: #30383F;
}

.texto-ver-mais {
    display: block;
    float: left;
}

.contorno-ver-mais {
    display: table;
    margin: 0 auto;
}

.ver-mais-lista .img-ver-left {
    margin-right: 13px;
    float: left;
    margin-top: 8px;
}

.ver-mais-lista .img-ver-right {
    margin-left: 13px;
    float: left;
    margin-top: 8px;
}

.botao-aviso {
    width: 90%;
    display: block !important;
    color: #FFF;
    cursor: pointer;
    text-align: center;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    bottom: 22px;
    left: 12px;
    background: #373E46;
}

.botao-aviso .abrir-avisos {
    transition: 1s;
    display: none;
    ;
}

.botao-aviso:hover .abrir-avisos {
    display: block !important;
    transition: 1s;
}

.botao-aviso:hover,
.abrir-avisos a:hover {
    background: #30383F;
}

.barra-left .minhas-playlists h1 {
    background: #9F3530;
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: 13px;
    color: #FFF;
    padding-left: 22px;
    font-weight: 600;
}

.add-playlist {
    background: url(../imagens/icone-mais.png) 0px 0px no-repeat;
    width: 25px;
    height: 25px;
    float: right;
    margin-top: -3px;
    margin-right: 10px;
}

.add-playlist:hover {
    background: url(../imagens/icone-mais-hover.png) 0px 0px no-repeat;
}

.barra-left .minhas-playlists p {
    background: #3A414C;
    border-bottom: 1px solid #3E4651;
    padding-top: 11px;
    padding-bottom: 11px;
    position: relative;
    font-family: 'Open sans';
    font-size: 12px !important;
    color: #FFF;
    padding-left: 43px;
    font-weight: 600;
}

.barra-left .minhas-playlists p:hover .icone-play-playlist {
    display: block;
}

.barra-left .minhas-playlists p:hover .icone-alterar-playlist {
    display: block;
}

.icone-play-playlist {
    position: absolute;
    left: 10px;
    top: 8px;
    height: 23px;
    width: 21px;
    display: none;
}

.icone-alterar-playlist {
    position: absolute;
    right: 10px;
    top: 8px;
    height: 23px;
    width: 21px;
    display: none;
}

.img-play-hover {
    position: absolute;
    left: 0px;
    top: 0px;
    display: none;
}

.img-alterar-hover {
    position: absolute;
    right: 0px;
    top: 0px;
    display: none;
}

.img-ver-hover {
    position: absolute;
    left: 0px;
    top: 0px;
    display: none;
}

.barra-left .meus-spots h1 {
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: 13px;
    color: #FFF;
    padding-left: 22px;
    font-weight: 600;
    background: #9F3530;
}

.add-spot {
    background: url(../imagens/icone-mais.png) 0px 0px no-repeat;
    width: 25px;
    height: 25px;
    float: right;
    margin-top: -3px;
    margin-right: 10px;
}

.add-spot:hover {
    background: url(../imagens/icone-mais-hover.png) 0px 0px no-repeat;
}

.config-spot {
    background: url(../imagens/icone-config.png) 0px 0px no-repeat;
    width: 25px;
    height: 25px;
    float: right;
    margin-top: -3px;
    margin-right: 10px;
}

.config-spot:hover {
    background: url(../imagens/icone-config-hover.png) 0px 0px no-repeat;
}

.barra-left .meus-spots p {
    background: #3A414C;
    border-bottom: 1px solid #3E4651;
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: 12px;
    position: relative;
    color: #FFF;
    padding-left: 43px;
    font-weight: 600;
}

.barra-left .meus-spots p:hover .icone-play-playlist {
    display: block;
}

.barra-left .meus-spots p:hover .icone-alterar-playlist {
    display: block;
}

.abrir-avisos {
    width: 100%;
    left: 0px;
    position: absolute;
    bottom: 34px;
}

.abrir-avisos a {
    color: #FFF;
    width: 100%;
    height: 37px;
    background: #373E46;
    line-height: 37px;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid #30383F;
}

.limita-lista {
    display: none;
}

/* ACIMA DE MOBILE */
@media only screen and (min-width: 992px) {
    .barra-left {
        left: 0px !important;
    }
}