html {
  	font-size: 10px; 
	}

#display {
    	background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%239C92AC' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
	}





.inscription {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px !important; 
	right: 0; 
	margin-right: 19px; 
	bottom: 0; 
	margin-bottom: 65px; 
	position: absolute
	}

#listing-icon {
	margin-top: 1px;
	}


/** MEDIA VOLUME CONTROL********************DO NOT DELETE, **ACTIVATE WHEN NEEDED*********************************************************/
audio::-webkit-media-controls-mute-button {/**BACKGROUND COLOR OF VOLUME CONTROL**/
	**ACTIVATE WHEN NEEDED**display: none !important;
  	7878background-color: #B1D4E0;
  	**ACTIVATE WHEN NEEDED**border-radius: 50%;
	}

audio::-webkit-media-controls-volume-slider {
	**ACTIVATE WHEN NEEDED**display: none !important;
	}

audio::-webkit-media-controls-volume-control-container.closed {
	**ACTIVATE WHEN NEEDED**display: none !important;
	}

audio::-webkit-media-controls-volume-control-container{
	**ACTIVATE WHEN NEEDED**display: none !important;
	}
/**END OF MEDIA VOLUME CONTROL************************************************************************/



	

audio::-webkit-media-controls-play-button {/**BACKGROUND COLOR OF PLAY/PAUSE**/
  	background-color: #B1D4E0 !IMPORTANT; 
  	border-radius: 50% !IMPORTANT;
	}

audio::-webkit-media-controls-play-button:hover {/**BACKGROUND COLOR OF PLAY/PAUSE**/
  	background-color: rgba(177,212,224, .7) !IMPORTANT;
	}

audio::-webkit-media-controls-current-time-display {/**COLOR OF TIMING CHRONOMETER**/
  	color: #fff;
	}

#playlist-intro {
	font-size: 22px;
	padding-left: 5px;
	padding-bottom: 8px;
	}

audio::-webkit-media-controls-timeline {/**PROGRESS BAR**/
  	border-radius: 25px;
  	margin-left: 10px;
  	margin-right: 10px; 
	PADDING: 1PX !IMPORTANT;
	}




audio::-webkit-media-controls-current-time-display,
audio::-webkit-media-controls-time-remaining-display { /* STARTING TIME AND ENDING TIME FOR MEDIA */
    	border: none;
    	cursor: default;
    	padding: 0;
    	font-style: normal;
	font-family: Consolas, monaco, monospace; /**IMPORTANT, DO NOT DELETE.  FOR NUMBER FORMAT **/
    	-webkit-appearance: media-current-time-display;
    	-webkit-user-select: none;
    	color: #B1D4E0;
    	letter-spacing: normal;
    	word-spacing: normal; 
	word-spacing: -4PX;/**IMPORTANT.  SPACE BETWEEN THE STARTING TIME AND THE ENDING TIME FOR MEDIA PLAYER **/
    	text-transform: none;
    	text-indent: 0;
    	text-shadow: none;
    	text-decoration: none;
	}

/* CAMOUFFLAGE AND REMOVE ROUNDERD BORDER ON AUDIO MEDIA */
.audioControls {/**CONTROL BOX**/
  	background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%239C92AC' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
	}

audio::-webkit-media-controls-panel{/**INNER FRAME SET **/ 
	WIDTH: 91%; 
	HEIGHT: 100%; 
	MARGIN-TOP: -3PX !IMPORTANT;
	Z-INDEX: 1200000000000 !IMPORTANT; 
	POSITION: ABSOLUTE; 
  	background-color: rgb(86,60,92) !important;
	background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%239C92AC' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E") !important;
	}
/** CAMOUFFLAGE AND REMOVE ROUNDERD BORDER ON AUDIO MEDIA **/


audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-panel {
	font-size: 22px;
	border: 5px solid !important;/**IMPORTANT, DO NOT DELETE OR REMOVE**/
  	background-color: #a0276e;
  	color: #a0276e !important;
	border-radius: 0px;
	outline: none !important; 
	}

.audioControls {/** EXTERNAL FRAME SET**/
  	flex-direction: row;
  	align-items: center;
  	height: 45px; 
  	margin-top: 25px; 
	}