.pause{
                display:inline;
                float: right;
                font-weight:bold;
            }
          

            

            audio{width:0px;
                  height:0px;
                  margin:0px;
                  display: inline;}

            .audioplayer
            {
                width:115px;
                height: 12px; /* 40 */
                color: #fff;
                position: relative;
                z-index: 1;
                background:rgba(76, 175, 80, 0);
                left:4px;
                margin:4px 0px 4px 0px;
                display: inline-block;
            }




            /* player elements: play/pause and volume buttons, played/duration timers, progress bar of loaded/played */

            .audioplayer > div
            {
                display: inline;
            }

            

            /* play/pause button */

            .audioplayer-playpause
            {
                width: 12px; /* 40 */
                height: 12px;
                text-align: left;
                text-indent: -9999px;
                cursor: pointer;
                z-index: 2;
                top: 0;
                left: 2;
                
            }


            .audioplayer-playpause a
            {
                display: block;
            }
            .audioplayer-stopped .audioplayer-playpause a
            {
                width: 100%;
                height: 0;
                border: 7px solid transparent; /* 8 */
                border-right: none;
                border-left-color: black;
                content: '';
                position: absolute;
                top: 32%;
                left: 0px;
                margin: -0.5em 0 0 -0.25em; /* 8 4 */
            }


            .audioplayer-playing .audioplayer-playpause a
            {
                width: 12px; /* 12 */
                height: 12px; /* 12 */
                position: absolute;
                top: 32%;
                left: 0;
                margin: -0.375em 0 0 -0.375em; /* 6 */
            }
            .audioplayer-playing .audioplayer-playpause a:before,
            .audioplayer-playing .audioplayer-playpause a:after
            {
                width: 40%;
                height: 100%;
                background-color: #000;
                content: '';
                position: absolute;
                top: 0;
            }
            .audioplayer-playing .audioplayer-playpause a:before
            {
                left: 0;
            }
            .audioplayer-playing .audioplayer-playpause a:after
            {
                right: 0;
            }




            /* progress bar of loaded/played */

            .audioplayer-bar
            {
                height: 12px; /* 14 */

                z-index: 1;
                top: 30%;
                right: 0em; /* 110 */
                left: 22px; /* 110 */
                margin-top: -0.3em; /* 7 */
                border-radius: 1px;
            }

            .audioplayer-bar div
            {
                width: 0;
                height: 100%;
                position: absolute;
                left: 12px;
                top: 0;
            }
            .audioplayer-bar-loaded
            {
                //   left: 12px;
                background-color: #dcdcde;
                z-index: 1;
                border-radius: 0px;

            }
            .audioplayer-bar-played
            {
                // left: 12px;
                background: #049bc9;
                z-index: 2;
                border-radius: 0px;
            }


            .rapKnob{
                border-radius:60%;
                border-color:red;
                border:2px #3F78C8 solid;
                border-width:12%;
                cursor:pointer;
                display:inline-block;
                top: 0px;
                left:22px;
                margin:0px 3px 0px 0px;
                position:relative;
                border-bottom-color:transparent;
                width:12px;
                height:12px;
                background-color: transparent;
                display:inline-block;
                z-index:1;
                //pointer-events: auto;
            }


            .rapKnobIn{
                top:50%;
                left:50%;	
                background-color:black;
                position:absolute;
                height:50%;
                width:15%;
                z-index:1;
            }