.channel-live-player {
    position: relative;
    width: 100%;
    height: 60px;
    border: 1px solid silver;
    border-radius: 5px;
    left: 5px;
    top: 5px;
    padding: 4px;
    background-color: white;
    margin-right: 20px;
}
.channel-live-player .current-message {
    height: 60px;
    width: 100%;
    overflow: hidden;
}

.channel-live-player .current-message .profile {
    border-radius: 5px;
    height: 60px;
    width: 60px;
    min-width: 60px;
    min-height: 60px;
    background-size: 60px 60px !important;
    display: inline-block;
}

.channel-live-player .toggler {
    position: absolute;
    right: 5px;
}

.current-message-info,
.current-message-picture {
    display: table-cell;
}

.current-message-info {
    padding-left: 5px;
    vertical-align: middle;
}
.current-message-info-timer {
    font-size: 0.8em;
}

.channel-live-player .current-message .receiving {
    width: 30px;
    height: 15px;
    min-width: 30px;
    min-height: 15px;
    vertical-align: middle;
    margin-right: 2px;
    background-image: url('data:image/gif;base64,R0lGODlhQAAgAPZUAIHXQILXQYLXQoPYQ4PYRIXYRobZR4bZSIfZSYfZSonaTI3bUo/cVpDcVpDcV5HcWZLcWZPdW5TdXJXdX5feYZjeYpnfZJvfZ5zfaJ3ga57ga5/gbaDhb6HhcKHhcaTidabjd6fjeazlgq3lg7Dmh7DmiLLni7TnjrbokLnplbrpl8Hrocjtq8jurMrur8vvsM3vs87vtM/wttDwt9HwudPxvNTxvdTxvtbywdjzxNv0ydz0y930zN70zd/1z+D10OD10eH10eP21OT31+j43er43+v54ez54+355O765vH76vb88fb88vr9+Pv++f3++/3+/P7//f7//v///v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAQAAgAAAH/oBUgoOEhYaHiImKi4yNjo+IGTuEOxAfk4OVIZiClZeEQpacVJqjnqOhn5kQAAVFgxQAra+CEAWyRLCyroOss723ALmCsb+1u7RUtrIWgxayAM3E0NJUxdG6zNnY09rd3NbQADCCOOLkVObQ6Oqy7Ofl8Ony7ePx0AyDJNAQgyX8g0YAFLRPVj9B/wz6G0ilIICDVEoUCIYuiTwlFzOuE4RxI5WO7jjKWyJQ1odBH6CdFJTSJEqVL12yhJYhJoCVVFrezCRuiSAbPX9CK+CTClBoRY/KSjqUKVKhTwUxgEZjkAKqgxBAkyGoiVZZNqxCCyvoqqyqgr4CQEvF7NqF/rJUwAUgFyG0FINOQKsbce9cvgnp/h3EAtqIQS6glUC8a7GgxLJIMJZ1+LHhyQAqU4EMwLHRXTiVhoYJFUCIQUcLnC69+nOr0TKpCIGGgaes2p2o2Qa3Q3duWTV/A8BNivYgJAxnKxSk/OGg5g6e45MuKzrz5AyRy0JwfGj3Xd9bhecuSPvE8AXG7wYwqIh3Qe6htX9PRbus+fLL049/X5AM366Bo1Q1A6IGoFIQKUWBga0sKMgKig2iQoSCTCiLZxZ2JiGFVKSwywmDeHhhiByWZI8gGXhERYohoagiiyeu+OKMLTYRjDCD3DgMFTcmo2OO0OzYI5C4EIljgOld2AeekuIxmaRs0JAH5ZJTNlnlkzrhpBMHg3CwC5czyQImFV6K2SU0Y2YQDE5lFhAcj9DMIEgO4shJBZ1xzlmnnnnOsxWfYAEKAFn85XOMLIYqM92hACTqS6O9LKooopFS6qIsLFgGjQuaYtopAJxuJk6mVLwgTqicAUAqDKMKwipwg8BYDYxvyhorTbfCeik4tA4yFQAIIOHMdsIK8gywxVJxbLDDItusAskuGy2xgzgAQAY/gJKBBUJoK4m23GqLQbbPZYABKtt2+xwG4a4CybvwxivvvO8GAgAh+QQACgAAACwAAAAAQAAgAIaB10CB10GC10GC10KD2EOE2EWF2EaG2UeG2UiH2UmH2UqI2UqJ2kyO21OP21WR3FmS3FqT3VuT3VyU3VyU3V2V3V+X3mGY3mKY3mOZ32SZ32Wa32Wc32ic4Gmd4Gue4Gue4Gyf4G2g4W6h4XCh4XGj4nSk4nWm43ep5H2r5ICw5oew5oix5omy54u054656ZW66ZfD7KTI7avI7qzK7q/L77DM77LN77PP8LbQ8LfR8LnT8bzU8b7W8sHW8sLY88Tb9Mnc9Mrd9Mzf9c/g9dDg9dHi9tPj9tTk99fl99jo+Nzp+N3q+N/r+eHt+eTu+uXu+ubx++r1/PD2/PL7/vn8/vr8/vv9/vv9/vz+//3+//7///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAH/oBbgoOEhYaHiImKi4yNjo+IRREmQoSSlIRDk5WDl5yCQpuZop2koKZbGgAABkyDqquugharCLJbtLGDuQC3uba7q73BuoKwABqDEcLJgsurzanMytPO1dLQr9c+wgA2gtzC31vhq+M83ePl3uDpguji7906gyvCD/XCEYMq9/mr+ATZW7VPUD+A/wAE3DIQ2aAo7rZAjCcx4kRzgi6yq0hR4ziNn0wIMzFI5CqSgkwCQLlFJUuXJUfGXEVi0AlhKAbBWyVFnrCeW3YaALoTAFAd3YgmFYT0J9OlghgI4zFI6ip6ghpQ3GIVAFauwr4mmFo1bNlVnxrCSLhWoLAX/mwTwnW7au4WF8LaMhQWY9AMYSv8Aha8KrCgv4UJAzC8BfFixYwdp9Ap0+dKyqtOYAag2XLnoMI+N+U8aHRBcteECOMwSHU2UKlXt5YN+/UW16sGJdHXibegIr63ACfYm/jv4MMBnEbSbVATYQycQ5e+KgF1ANEFPV9l4Hp37cKsgxd2HUD5QUyaj88tKD139MK+b9nOfov7+jstbI62k/+1/JvpZ5l/xm3xwmCCwICggQsqmJggB66iwiARAjAhhAtWyFgIW3WwlQgdhrgKDoN4OGKJIm4EFitFDGKAMC0K8mIxW8w4jCBj0ZjjjTUKc0tXsiQnX3Lm/TbjkOF1znKkku8dV11x2A0Com0qRTMlACJIKUwHWq6SpSBXftmSMGJeidI66kS0Tg7tCMMmahSh2eaJcNL5DAANULNKntbsqSeefy50p6DC8LnFoId1M0OiwizamKKMruKoYwDIIIgNkD4qjKVbYMpXnwCwJggHW3YJAJeCmHiqqahuQeoqom6haquqRvMMA00M8iqu2mCX66ir8AosAAn8Kmuwxu6abHVQlBLBJ8KFoEGMv4kwrSXWUitcBxxoWwS33orQrSXSagvJueimq+665wYCACH5BAAKAAAALAAAAABAACAAhoHXQIHXQYLXQYLXQoPYQ4XYRobZR4bZSIfZSYfZSonaTIzbUY3bUo3bU4/bVZHcWZPdW5TdXJXdX5feYZjeYpnfZJrfZpvfZ5zfaJ3ga57ga5/gbaDhbqHhcKHhcaTidabjd6jjeqnkfKvkgK3lg67lhLDmh7DmiLLni7TnjrXoj7bokbnplbrpl8jurMrursrur8vvsM3vs8/wttDwt9HwudPxvNTxvtXywNbywdfywtjzxNjzxdnzxdv0yd30zN/1z+D10OD10eP21OT31+j43Or43+v54e355O765vH76vP77fb88vv++Pv++fz++v3++/3+/P7//f7//v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAf+gFSCg4SFhoeIiYqLjI2Oj4pAECBAhJIflYOXmYKSlJYQHpxUkqKgn5qhoxAArUWDrAAHr4KxAEiwrQC0VLGzubK8trwPrb+CEwGtFYMTusy1z4MV0tHLzdVUzteCxdxUOsqtMYI5ugDkVDvn6TXs5e9U5rrpNvHzrS6DJboQgya6HvzrNygFQUEGW/lDeJBKQgACGbZioEOQEnHoLJ6boZFex3EfM1JREo+kx5HnSgzyoMvDSl0fBn2AKbPly1YuBbHEeRNATio7Ww2yp4sJvFYBjFJxV1QQ01ZK8QGIek4pUahHW+0YdECXjUEKTlJBEEBZjUEIvA4691UQW7D+agWFbbWioK4WdluxKFgWwF5BKHT9dSg4r1/DeCUCCDHIhS6Vghy3SjEohi7KkR831px58mbPnQFAo3I1pqCrIAY9Te1UF2vSrofaPD0b9kRNujDg/gYk924Aujv5Fs47W29dg4Y0VN4qIhXmABgMIrK8evPkAbEjF4REF4JBSbyDFy8ovLFB3c9z16UA/Tn3twUVeS8fQNkAg+ZvpzJfHHyh6+2XHoBUDBicbQBMoFpfoz2loFMMyvbNVQ8iONpVjAnCwmWDsNAXCh1yqGFfmFGxIWgmipgiiiuoiIFYGsAoI0iCvEgjFTaKhKNYQVUkSFeuoKULL2kFKUiRu8DfZSQVQCYp15BrtfKdINDhR6UuVj6HpXYEQgcAl19eqZ6WrWRIxUytaFBTKxysCYCagqAJgGlA1RbUT0Ft0NNW4JxzVp+6cARoK3/qEM86JyFKo6IACMooMNFBKp01kVI6aS/ZWYpNfJheR4Vk+YQGgD6fnkMqqKOKSqpluqxqqqh85nhgjK3MOhwVtAI3iKy73sprjbqYSQ0ACCQxjZTGCjJssccSm+yOsjw77AG4KNuKAtVCq4ASyWmAQRCEDOEtuN1+G+644WJQwRDprtvuKENggAG7kNRr77345mtvIAAh+QQACgAAACwAAAAAQAAgAIaB10CB10GC10GC10KD2EOE2ESF2EaF2EeG2UeG2UiH2UmH2UqJ2kyL2lCN21OP21WQ3FaR3FmT3VuU3VyV3V+X3mGY3mKZ32Sc32id4Gue4Gue4Gyf4G2f4W6g4W6h4XCh4XGi4XGk4nWm43eo43qw5oew5oiy54uz54y054626JC56ZW66Ze76Zi/657I7qzK7q/L77DN77PP8LbQ8LfR8LnT8bzU8b7V8sDW8sHY88Tb9Mnd9Mzf9c/g9dDi9tPj9tTk99fl99fn99vo+Nzq+N/r+eHs+eLt+ePt+eTu+ubx++r2/PL7/vn8/vv9/vv9/vz+//3+//7///7///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAH/oBUgoOEhYaHiImKi4yNjo+MPhMfPoSSHz2EPZOZg5eVnpyaoqGUlpxDgxYArEWDFawAroITrAuzVKutr7G4tQC3qr28rBbEABXCxcrIx8mCugDG0LHPVLCs1tisNoI5sQAy3uDiVDrk47Hl3+rprOvoVOysH4MmsRD2sRP6rA79APIJuseK38BY/w6yEkiFICskgpaAoxExnsR2VC6yopjRosdYHDUCYDHoQ6x6gkzSKxnLA8uVKU++BOAyJkwqKgEwGGQDHBN3AH5S6RlLKFFWQucFBWrUJ9AcgxbEqhE1VjdBDKxWZUUVq1av3LYC6EpFKisXAEkqHJkWINq1/m8bxlIrlxVdhyYGvYiVVxAMvoP+supLRTAAwoYRAxa0d3DgWCR4xhohmRVlQUcvD51cGQDKzZY7az6KYVCPWNOonGZVWtBqAK1Vx4r9mvZs06hxFxw0ZJ8nhL93C/IBfHhxKsSFU+mtPDmrQUhi7RQUndV0KtV1Qo+1YLst78DAd6cuHTyAQUXAmUevnnys9YLSv3dPs7O1o6mP3s+NmT/oZv0tE+Bhg7AQywkFLkbFCgcm6JggBj5IRYQEQtighazMMEgGsWgoCIcZbtihiCHaBICHOGFEBYgnkggAKGUNA5Ysg4CDS1asEFFjLDoKYqNYuLSHnJDOnWfcfEMitFlkcOEd+ZyTGcz0mQctSTkIlazUlGKWM2mZk5dfKcWRUh6KCRQ8IAHl4TkYsQlAQlT88uYgcsJZJ53H3UlLnsdBEAsMgsgAzguBDlpoLIRSIeiffhlaGDiAPsqopABE+aF/LMbGYmosWrpiLJ5uOggGoLoIETXAnEoFqamOaouqrC4Aq3WztnqpTrUaOZwHGMCIXAa9WgKsrz4Ma4kHFnQynLGeMLtrBr5CIu201FZrbSOBAAA7');
    background-size: 30px 15px;
    display: inline-block;
}


.current-message .placeholder {
    width: 100%;
    border-radius:15px;
    height: auto;
    text-align: center;
    vertical-align: middle;
    padding: 22px 10% 0px 0%;
    font-size:1.1em;
    color: silver;
}

div.shared-player div.jp-audio,
div.shared-player div.jp-interface {
    width: auto;
    line-height: inherit;
}

div.shared-player div.jp-audio div.jp-type-single div.jp-interface {
    height: 86px;
}

div.shared-player div.jp-audio div.jp-type-single a.jp-play,
div.shared-player div.jp-audio div.jp-type-single a.jp-pause
{
    left: 7px;
    top: 16px;
}

div.shared-player div.jp-audio div.jp-type-single a.jp-stop {
    left: 51px;
    top: 22px;
}

div.shared-player div.jp-audio div.jp-type-single div.jp-progress
{
    width: 100%;
    left: 0px;
    top: 71px;
}

div.shared-player div.jp-audio div.jp-type-single a.jp-mute,
div.shared-player div.jp-audio div.jp-type-single a.jp-unmute {
    left: 90px;
    top: 52px;
    display: none !important;
}

div.shared-player div.jp-audio div.jp-type-single div.jp-volume-bar {
    left: 115px;
    top: 57px;
    width: 100px;
    display: none !important;
}

div.shared-player div.jp-audio div.jp-type-single div.jp-current-time
{
    left: 95px;
}

div.shared-player div.jp-audio div.jp-type-single div.jp-duration {
    right: 8px;
    left: auto;
}

h1.shared-header {
    margin-bottom: 20px;
}

small.shared-details {
    display: block;
    margin-bottom: 20px;
    color: #555555;
    font-size: 1.1em;
}

div.shared-player div.jp-info-box {
    min-height: 40px;
    min-width: 50px;
    padding-bottom: 10px;
    padding-left: 85px;
    padding-right: 5px;
    padding-top: 5px;
}

div.shared-player div.jp-info-box div.jp-info-data {
    background-color: #FCFCFC;
    border: 1px solid gray;
    border-radius: 5px 5px 5px 5px;
    min-height: 60px;
    width: 100%;
}

div.shared-player div.jp-info-box div.jp-info-data div {
    padding-left: 0px;
}

div.jp-info-box-title h3 {
    font-size: 0.9em;
    color: #4c4c4c;
    margin-left: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    line-height: 1em;
}
div.jp-info-box-title h3 small {
    font-size: 0.8em;
    display: block;
}

div.jp-info-box-description p {
    color: gray;
    font-size: 0.7em;
    margin-left: 5px;
    white-space: nowrap;
    overflow: hidden;
}

div.shared-player div.messages div.message {
    display: block;
}


div.shared-player div.from,
div.shared-player div.control,
div.shared-player div.duration
{
    display: table-cell;
}

div.shared-player div.control {
    padding-right: 5px;
    vertical-align: middle;
}

div.shared-player div.from {
    width: 100%;
}

div.shared-player span.date {
    font-size: 0.8em;
}

div.shared-player div.messages div.message div.duration {
    font-weight: bold;
    font-size: 1.1em;
}


div.shared-player div.messages div.btn {
    text-align: left;
    border-radius: 0px;
    border-top: none;
    padding: 6px;
}


div.shared-player div.messages div.message div
{
}

div.shared-player div.messages div.message a,
div.shared-player div.jp-info-data a
{
    font-weight: bold;
}

div.shared-player div.messages div.message.active a {
    color: #fff;
}

div.shared-player div.messages div.message.active .item-management-icon {
    opacity: 1;
}

div.shared-player div.messages div.message.searching {
}