.media { width: 100%; margin-bottom: 30px; }
    .media .media-left { width: 150px; padding-top: 15px; }
    .media .media-body { margin-right: 15px; }

.fraudio-container { width: 100%; margin: 15px 0 15px 0; position: relative; font-size: 18px; background-color: #1B6768; padding: 10px 0; z-index: 0; display: flex; }
    .fraudio-container .fraudio-play-container { font-size: 22px; min-width: 50px; display: flex; align-items: center; justify-content: center; vertical-align: middle; }
    .fraudio-container .fraudio-play { cursor: pointer; z-index: 10; color: #F0F0F0; display: flex; align-items: center; }
    .fraudio-container .fraudio-progress { position: absolute; bottom: 0; border-right: 1px solid #bbb; background-color: #0B5758; height: 100%; z-index: -1; }
    .fraudio-container .fraudio-text { z-index: 2; font-size: 14px; padding: 7px 10px 7px 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
    .fraudio-container .fraudio-title { color: #F0F0F0; }
    .fraudio-container .fraudio-artist { color: #D0D0D0; }
    .fraudio-container .fraudio-progress-click { z-index: 5; position: absolute; height: 100%; width: 100%; top: 0; }