@import "//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.css";
 .screen-reader-text {
   /* Reusable, toolbox kind of class */
    position: absolute;
    top: -9999px;
    left: -9999px;
}
 .disabled {
    color: #666;
    cursor: default;
}
 .show {
    display: inline-block !important;
}

.track-title a:hover {
  color: #ffffff !important;
  text-decoration: none !important;
  background-color: rgb(93, 169, 255);
}

#mp3-player .container {
    font-size: 1em;
    margin: 0 auto;
/*    max-width: 500px;*/
}

#mp3-player .container .player {
    margin: 0;
   /* Small devices (tablets, 768px and up) */
   /* Small devices (tablets, 768px and up) */
   /* Medium devices (desktops, 992px and up) */
   /* Small devices (tablets, 768px and up) */
   /* Large devices (large desktops, 1200px and up) */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    text-align: -webkit-center;
}

 @media (min-width: 300px) and (max-width: 349px) {
    #mp3-player .container .player {
        height: 125px;
    }
    #mp3-player .container .play-list {
        width: 280px;
        font-size: 12px;
    }
    #mp3-player .container .player .mejs__container {
        top: 125px;
        width: 280px;
    }
    #mp3-player .container .player .info-box .track-info-box{
        top: 65px;
        font-size: 12px;
    }  
}
 @media (min-width: 350px) and (max-width: 430px) {
    #mp3-player .container .player {
        height: 150px;
    }
    #mp3-player .container .play-list {
        /*width: 340px;*/
        font-size: 13px;
        padding: 1px 4px;
    }
    #mp3-player .container .player .mejs__container {
        top: 148px;
        width: 330px;
    }
    #mp3-player .container .player .info-box .track-info-box{
        top: 83px;
    }  
}
 @media (min-width: 430px) and (max-width: 499px) {
    #mp3-player .container .player {
        height: 180px;
    }
    #mp3-player .container .play-list {
        /*width: 400px;*/
        font-size: 15px;
        padding: 1px 4px;
    }
    #mp3-player .container .player .mejs__container {
        top: 177px;
        width: 400px;
    }
    #mp3-player .container .player .info-box .track-info-box{
        top: 110px;
        font-size: 16px;
    }  
}   
 @media (min-width: 500px) and (max-width: 767px) {
    #mp3-player .container .player {
        height: 210px;
    }
    #mp3-player .container .play-list {
        /*width: 480px;*/
        font-size: 16px;
        padding: 5px 10px;
    }
    #mp3-player .container .player .mejs__container {
        top: 210px;
        width: 480px;
    }
    #mp3-player .container .player .info-box .track-info-box{
        top: 130px;
        font-size: 18px;
    } 
}
 @media (min-width: 768px) and (max-width: 989px) {
    #mp3-player .container .player {
        height: 330px;
    }
    #mp3-player .container .play-list {
    /*    width: 98%;*/
        font-size: 18px;
        padding: 5px 10px;
    }
    #mp3-player .container .player .mejs__container {
        top: 325px;
        width: 99%;
    }
    #mp3-player .container .player .info-box .track-info-box{
        top: 200px;
        font-size: 22px;
    } 
}
 @media (min-width: 990px) and (max-width: 1199px) {
    #mp3-player .container .player {
        height: 410px;
    }
    #mp3-player .container .play-list {
        /*width: 98%;*/
        font-size: 18px;
        padding: 10px 20px;
    }
    #mp3-player .container .player .mejs__container {
    top: 410px;
    width: 99%;
    }
    #mp3-player .container .player .info-box .track-info-box{
        top: 280px;
        font-size: 24px;
    }
}
 @media (min-width: 1200px) {
    #mp3-player .container .player {
        height: 450px;
    }
    #mp3-player .container .play-list {
    /*    width: 90%;*/
        font-size: 18px;
        padding: 10px 20px;
    }
    #mp3-player .container .player .mejs__container {
        top: 445px;
        width: 90%;
    }
    #mp3-player .container .player .info-box .track-info-box{
        top: 320px;
        font-size: 30px;
    } 
}

#mp3-player .container .player .large-toggle-btn {
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    float: left;
    font-size: 20px;
    height: 50px;
    overflow: hidden;
    padding: 12px 0 0 0;
    position: relative;
    text-align: center;
    vertical-align: bottom;
    width: 54px;
}
#mp3-player .container .player .large-toggle-btn .large-play-btn {
    cursor: pointer;
    display: inline-block;
    position: relative;
    top: -38%;
    left: 3px;
}
#mp3-player .container .player .large-toggle-btn .large-play-btn:before {
    content: "\f04b";
    font: 1.5em/1.75 "FontAwesome";
}
#mp3-player .container .player .large-toggle-btn .large-pause-btn {
    cursor: pointer;
    display: inline-block;
    position: relative;
     top: -38%;
    left: 1px;
}
#mp3-player .container .player .large-toggle-btn .large-pause-btn:before {
    content: "\f04c";
    font: 1.5em/1.75 "FontAwesome";
}
#mp3-player .container .player .info-box {
 /*   bottom: 10px;
    left: 65px;*/
    position: absolute;
/*    top: 15px;*/
    text-align: center;
    width: 100%;
/*    top: 130px;*/

}
 #mp3-player .container .player .info-box .track-info-box {
    float: left;
/*    font-size: 16px;*/
/*    margin: 0 0 6px 0;*/
    visibility: hidden;
/*    width: 400px;*/
    width: 100%;
    font-weight: bold;
    position: relative;
    *zoom: 1;
}
 #mp3-player .container .player .info-box .track-info-box .track-title-text {
    display: inline-block; padding-top: 10px;
}
 #mp3-player .container .player .info-box .track-info-box .audio-time {
    display: inline-block;
    padding: 0 0 0 5px;
    /*width: 80px;*/
    width: 95px;
}
 #mp3-player .container .player .info-box .track-info-box:before, #mp3-player .container .player .info-box .track-info-box:after {
    content: " ";
    display: table;
}
 #mp3-player .container .player .info-box .track-info-box:after {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
 #mp3-player .container .player .progress-box {
    float: left;
    min-width: 270px;
    position: absolute;
}
 #mp3-player .container .player .progress-box .progress-cell {
    height: 12px;
    position: relative;
}
 #mp3-player .container .player .progress-box .progress-cell .progress {
    background: #fff;
    border: 1px solid #d9d9d9;
    height: 8px;
    position: relative;
    width: auto;
}
 #mp3-player .container .player .progress-box .progress-cell .progress .progress-buffer {
    background: #337ab7;
    height: 100%;
    width: 0;
}
 #mp3-player .container .player .progress-box .progress-cell .progress .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;
}
 #mp3-player .container .player .controls-box {
    bottom: 10px;
    left: 350px;
    position: absolute;
    display: none;
}
 #mp3-player .container .player .controls-box .previous-track-btn {
    cursor: pointer;
    display: inline-block;
}
 #mp3-player .container .player .controls-box .previous-track-btn:before {
    content: "\f049";
    font: 1em "FontAwesome";
}
 #mp3-player .container .player .controls-box .next-track-btn {
    cursor: pointer;
    display: inline-block;
}
 #mp3-player .container .player .controls-box .next-track-btn:before {
    content: "\f050";
    font: 1em "FontAwesome";
}
 #mp3-player .container .player:before, #mp3-player .container .player:after {
    content: " ";
    display: table;
}
 #mp3-player .container .player:after {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
 #mp3-player .container .play-list {
    display: block;
    margin: 10px 0px 20px 0px;
    /* width: 90%; */
    border-radius: 10px ;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
}
 #mp3-player .container .play-list .play-list-row {
    display: block;
    margin: 10px 0;
    width: 100%;
    *zoom: 1;
}
 #mp3-player .container .play-list .play-list-row .track-title .playlist-track {
    color: #000;
    text-decoration: none;
}
 #mp3-player .container .play-list .play-list-row .track-title .playlist-track:hover {
    text-decoration: underline;
}
 #mp3-player .container .play-list .play-list-row .small-toggle-btn {
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 20px;
    line-height: 20px;
}
 #mp3-player .container .play-list .play-list-row .small-toggle-btn .small-play-btn {
    display: inline-block; margin:0px;
}
 #mp3-player .container .play-list .play-list-row .small-toggle-btn .small-play-btn:before {
    content: "\f04b";
    font: 0.85em "FontAwesome";
}
 #mp3-player .container .play-list .play-list-row .small-toggle-btn .small-pause-btn {
    display: inline-block; margin:0px;
}
 #mp3-player .container .play-list .play-list-row .small-toggle-btn .small-pause-btn:before {
    content: "\f04c";
    font: 0.85em "FontAwesome";
}
 #mp3-player .container .play-list .play-list-row .track-number {
    display: inline-block;
}
 #mp3-player .container .play-list .play-list-row .track-title {
    display: inline-block;
}
 #mp3-player .container .play-list .play-list-row .track-title .playlist-track {
    text-decoration: none;
}
 #mp3-player .container .play-list .play-list-row .track-title .playlist-track:hover {
    text-decoration: underline;
}
 #mp3-player .container .play-list .play-list-row .track-title.active-track {
    font-weight: bold;
}
 #mp3-player .container .play-list .play-list-row:before, #mp3-player .container .play-list .play-list-row:after {
    content: " ";
    display: table;
}
 #mp3-player .container .play-list .play-list-row:after {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

@media only all and (max-width: 47.938rem) {
#mp3-player .container .player .controls-box {
   bottom: -12px;
    left: 260px;
}

#mp3-player .container .player .progress-box {min-width: 230px;}

}

.cover_image {max-width: 140px; display: block; /*margin-bottom: 10px;*/}

/*mp3-player .container {
    padding: 1rem;
    background-image: url("/images/PODCAST/BgCali.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; 
}*/

#mp3-player .playertop {
    /*padding: 1rem; */
    /*background-image: url(/images/PODCAST/BgCali2.jpg);*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    max-width: 550px;
    position: relative;
    /*height: 180px;*/
    height: 210px;
    /*margin-top: -10px;*/
}

#mp3-player .container.light {
    border: 1px solid #ccc;
    box-shadow: 0px -25px 20px -20px rgba(0, 0, 0, 0.45), 0px 25px 20px -20px rgba(0, 0, 0, 0.45);
}

.container.dark {
    border:1px solid #ccc;
    padding: 1rem;
    background: #b5bdc8;
    /*background: -moz-linear-gradient(top,  #b5bdc8 0%, #828c95 36%, #28343b 100%);
    background: -webkit-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%);
    background: linear-gradient(to bottom,  #b5bdc8 0%,#828c95 36%,#28343b 100%);*/
    background: -moz-linear-gradient(top,  #b8d1ff 0%, #4e7398 36%, #606a8b 100%);
    background: -webkit-linear-gradient(top,  #b8d1ff 0%,#4e7398 36%,#606a8b 100%);
    background: linear-gradient(to bottom, #b8d1ff 0%, #4e7398 36%, #606a8b 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 );*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8d1ff', endColorstr='#606a8b',GradientType=0 );
    box-shadow: 1px 1px 5px #333 inset;
    -webkit-box-shadow: 1px 1px 5px #333 inset;
    -moz-box-shadow: 1px 1px 5px #333 inset;
}
/*#mp3-player .container.dark .cover_image {border:1px solid #ccc;}*/

#mp3-player .container.dark i {color: #fff;}

#mp3-player .container.dark .player .info-box .track-info-box {color: #80ff00;}
#mp3-player .container.dark .play-list .play-list-row .track-number{ color: #fafafa;}
#mp3-player .container.dark .play-list .play-list-row .track-title .playlist-track { color: #ccc;}
/*#mp3-player .container.dark .play-list .play-list-row .track-title.active-track .playlist-track  { color: #b8ebff;}
#mp3-player .container.dark .play-list .play-list-row .track-title.active-track .playlist-track  {color: #e1e1e1;text-shadow: -2px -2px 0 #23408b, 2px -2px 0 #23408b, -2px 2px 0 #23408b, 2px 2px 0 #23408b;}*/
#mp3-player .container.dark .play-list .play-list-row .track-title.active-track .playlist-track  {color: #80ff00;background-color: #23408b;padding: 5px;border-radius: 5px;}
#mp3-player .container.dark .player .large-toggle-btn {background: #333;}
#mp3-player .container.dark .play-list .play-list-row .small-toggle-btn {background: #333;}

.mejs__container {
    background: #014282 !important;
    top: 180px;
    height: 0px;
    width: 95%;
}


.mejs__controls.disabled {
  pointer-events: none;
}