@import url("fontello/css/icons.css");
@font-face {font-family:"fontello";font-style:normal;font-weight:normal;
    src: url("fontello/font/icons.eot?44278124#iefix") format("embedded-opentype"), url("fontello/font/icons.woff?44278124") format("woff"), url("fontello/font/icons.ttf?44278124") format("truetype"), url("fontello/font/icons.svg?44278124#fontello") format("svg"), url("fontello/font/icons.ttf?44278124#fontello") format("truetype")}
.screen-reader-text{ /* Reusable, toolbox kind of class */
  position:absolute;top:-9999px;left:-9999px}
/*General mixins */
/*Clearfix mixin*/
  &:before, &:after{content:" ";display:table}&:after{clear:both;display:block;font-size:0;height:0;visibility:hidden}      
/* --------------------------------------------*/
/*General classes*/
.disabled{color:#e4e4e4;cursor:default}.show{display:inline-block !important}.container-player{font-family:arial, helvetica, sans-serif;font-size:1em;margin:0 auto;width:600px;max-width:100% !important}.player{line-height:1.0;height:70px;margin:0 auto;position:relative;width:600px;max-width:100% !important}
.large-toggle-btn{border:1px solid #e3e3e3;border-radius:2px;float:left;font-size:3em;height:50px;margin:0 10px 0 0;overflow:hidden;padding:3px 0 5px 5px;position:relative;text-align:center;vertical-align:bottom;width:50px}.large-play-btn::before{content:"\e806";font:1.5em/1.75;font-family:"fontello"}.large-play-btn{margin-right:5px;cursor:pointer;display:inline-block;position:relative;top:-14%}.large-pause-btn::before{content:"\e80a";font:1.5em/1.75;font-family:"fontello"}.large-pause-btn{cursor:pointer;display:inline-block;position:relative;top:-13%}.info-box{color:#000;bottom:5px;left:65px;position:absolute;top:10px}.track-info-box{text-align:left;float:left;font-size:70%;margin:0 0 6px 0;visibility:hidden;height:20px;width:100%}.track-title-text{display:inline-block}.audio-time{display:inline-block;padding:0 0 0 5px;width:100px}.progress-box{float:left;width:130px;position:relative}.progress-cell{height:12px;position:relative}.progress{background:#fff;border:1px solid #d9d9d9;height:8px;position:relative;width:auto}.progress-buffer{background:#337ab7;height:100%;width:0}.progress-indicator{background:#fff;border:1px solid #bebebe;border-radius:3px;cursor:pointer;height:10px;left:0;overflow:hidden;position:absolute;top:-2px;width:22px}.controls-box{color:#000;font-weight:700;bottom:22px;left:210px;position:absolute}.previous-track-btn::before{content:"\e85e";font:1em;font-family:"fontello"}[lang=ar] .previous-track-btn::before{content:"\e85f"}.previous-track-btn{cursor:pointer;display:inline-block}.next-track-btn::before{content:"\e85f";font:1em;font-family:"fontello"}[lang=ar] .next-track-btn::before{content:"\e85e"}.next-track-btn{cursor:pointer;display:inline-block}.play-list{display:block;margin:0 auto 20px auto;width:600px;max-width:100% !important}.play-list-row{display:block;line-height:1.0;margin:10px 0;width:100%}.track-title{color:#000;text-decoration:none}.small-toggle-btn{border:1px solid #e3e3e3;border-radius:2px;cursor:pointer;display:inline-block;height:20px;margin:0 auto;overflow:hidden;position:relative;text-align:center;vertical-align:middle;width:18px}.small-play-btn::before{content:"\e806";font:0.85em;font-family:"fontello"}.small-play-btn{display:inline-block}.small-pause-btn::before{content:"\e80a";font:0.85em;font-family:"fontello"}.small-pause-btn{display:inline-block}.track-number{display:inline-block}.track-title{display:inline-block}.playlist-track{text-decoration:none}.icon-play:hover{text-decoration:none}.track-title.active-track{font-weight:600 /* bold - Negrita */}
@media (min-width: 320px) {.track-info-box{font-size:75%}.progress-box{width:160px}.controls-box{left:250px}}
@media (min-width: 414px) {.progress-box {width:200px}.controls-box{left:283px}}