.icon:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
	color: #fff;
}

.rsbtn_classic .rsimg {
	background: transparent url(ReadSpeakerClassic.png) no-repeat scroll 0 0;
}

#readspeaker_button1,
#readspeaker_button {
  position: absolute;
  right: 5px;
  top: 5px;
}


#readspeaker_button1 a,
#readspeaker_button a{
	text-decoration: none;
}

#readspeaker_button1 .rspart,
#readspeaker_button .rspart{
  padding: 0px;
  /*border: 1px solid #fff;*/
  border: none;
}

#readspeaker_button1 .rspart .rsbtn_text,
#readspeaker_button .rspart .rsbtn_text{
  color: #fff;
  padding: 0px 8px;
  font-family: "ingra", sans-serif;
  font-size: 0.9rem;
  line-height: 20px;
}

#readspeaker_button1 .rsbtn_text.icon:before,
#readspeaker_button .rsbtn_text.icon:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f028";
	margin-right: 5px;
	position: absolute;
	left: -1rem;
  top: 1px;
  line-height: 18px;
}

.rsbtn .rsbtn_left .rsbtn_text {
	background: none;
}
.rsbtn_classic .rsbtn_pause .rsbtn_btnlabel,
.rsbtn_classic .rsbtn_stop .rsbtn_btnlabel,
.rsbtn_classic .rsbtn_volume .rsbtn_btnlabel,
.rsbtn_classic .rsbtn_settings .rsbtn_btnlabel,
.rsbtn_classic .rsbtn_dl .rsbtn_btnlabel,
.rsbtn_classic .rsbtn_closer .rsbtn_btnlabel {
	display: none;
}

.rsbtn_classic.rsfloating {
	display: block;
}

.rsbtn_classic .rsbtn_play {
	display: inline;
}

.rsbtn_classic .rsbtn_left .rsbtn_text {
	background: transparent url(http://f1.eu.readspeaker.com/graphic/default/buttons/icon_16px.gif) no-repeat scroll 0 0;
	padding-left: 20px;
	padding-top: 1px;
}

.rsbtn_classic .rsbtn_left.rsimg,
.rsbtn_classic .rsbtn_right.rsimg {
	background: none;
}

.rsbtn_classic .rsbtn_play {
	font-family: sans-serif;
	text-decoration: none;
}

.rsbtn_classic {
	position: relative;
}

.rsbtn_classic .rsbtn_exp span,
.rsbtn_classic .rsbtn_exp a {
	display: block;
	text-decoration: none;
}


/* EXPANDING CONTAINER */
.rsbtn_classic .rsbtn_exp {
	position: relative;
	display: none;
}

.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg {
	display: block;
	background: #fff;
}

/* PLAYER AREA */
.rsbtn_classic .rsbtn_playerarea {
	position: relative;
	float: left;
	border: 1px solid #000;
	padding: 3px 3px 0px 3px;
	margin-left: 5px;
}


/******************************************************** TOP BAR */

/* BUTTONS */
.rsbtn_classic .rsbtn_pause.rsimg,
.rsbtn_classic .rsbtn_stop.rsimg,
.rsbtn_classic .rsbtn_volume.rsimg,
.rsbtn_classic .rsbtn_closer.rsimg {
	position: relative;
	display: inline-block;
	width: 13px;
	height: 13px;
	background: none;
}

/* PAUSE BUTTON */
.rsbtn_classic .rsbtn_topbar .rsbtn_pause.rsimg:before {

	margin-left: 0;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f144";
}

.rsbtn_classic.rsplaying .rsbtn_pause.rsimg:before {
	/*background-position: 0 -13px; */
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f28b";
}

/* STOP BUTTON */
.rsbtn_classic.rsplaying .rsbtn_stop.rsimg:before,
.rsbtn_classic.rspaused .rsbtn_stop.rsimg:before {
	/*background-position: 0 -26px;*/
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f28d";
}

.rsbtn_classic.rsstopped .rsbtn_stop.rsimg:before {
	/*background-position: -13px -26px;*/

	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f28d";
	opacity: 0.5;
}

/* PROGRESSBAR */
.rsbtn_classic .rsbtn_progress_container.rsimg {
	position: relative;
	border: 1px solid #002855;
	width: 80px;
	height: 11px;
	background-position: 0 -78px;
	background-repeat: repeat-x;
	border-radius: 2px;
}

.rsbtn_classic .rsbtn_progress_container.rsimg .rsbtn_progress_played.rsimg {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 1%;
	background-position: 0 -91px;
	background-repeat: repeat-x;
}

.rsbtn_classic .rsbtn_progress_container.rsimg .rsbtn_progress_handle.rsimg {
	position: absolute;
	left: -1px;
	top: 0px;
	width: 2px;
	height: 100%;
	background: #0077c8;
}

.rsbtn_classic .rsbtn_separator{
	display: inline-block;
	margin-top: 4px;
}

/**
 * Time labels
 */
.rsbtn_classic .rsbtn_progress_container .rsbtn_current_time,
.rsbtn_classic .rsbtn_progress_container .rsbtn_time_separator,
.rsbtn_classic .rsbtn_progress_container .rsbtn_total_time {
	display: none;
	font-size: 11px;
	font-weight: bold;
	font-family: Helvetica, sans-serif;
	z-index: 10;
}


/* VOLUME */
.rsbtn_classic .rsbtn_volume.rsimg:before {
	/*background-position: 0 -65px;*/
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f028";
}

.rsbtn_classic .rsbtn_topbar .rsbtn_volume_container {
	position: absolute;
	height: 70px;
	width: 20px;
	top: 20px;
	margin-left: -5px;
	border: 1px solid #0077c8;
	background: #fff;
	box-shadow: 0 0 5px #333;
	display: none;
	z-index: 100;
}

.rsbtn_classic .rsbtn_volume_container .rsbtn_volume_slider {
	border: none;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 10px;
	height: 60px;
	background: #5198c7;
}

.rsbtn_classic .rsbtn_volume_slider .rsbtn_volume_handle.rsimg {
	position: absolute;
	top: -2px;
	left: -2px;
	width: 14px;
	height: 5px;
	background: #0077c8;
}

/* READSPEAKER ICON */
.rsbtn_classic .rsbtn_icon {
	background: transparent url(../../img/icon_16px.gif) no-repeat scroll 0 0;
	width: 16px;
	height: 16px;
	margin-top: -1px;
	margin-right: 20px; /* Just to make sure that the close button does not cover the ReadSpeaker icon. */
}

/* CLOSEBUTTON */
.rsbtn_classic .rsbtn_closer.rsimg {
	position: absolute;
	right: 10px;
	top: 3px;
}

.rsbtn_classic .rsbtn_closer.rsimg:before {
	/*background-position: 0 -39px;*/

	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f057";
}

/******************************************************** BOTTOM LINKS */
.rsbtn_classic .rsbtn_topbar .rspart,
.rsbtn_classic .rsbtn_bottomlinks .rspart {
	float: left;
	margin-left: 4px;
}

.rsbtn_classic .rsbtn_bottomlinks {
	font-size: 12px;
}

.rsbtn_classic .rsbtn_bottomlinks span{
	display: inline;
}

.rsbtn_classic .rsbtn_bottomlinks {
	/margin-top: 2px;
	margin-bottom: 2px;
}

/* BOTTOM LINKS BUTTONS */
.rsbtn_classic .rsbtn_settings,
.rsbtn_classic .rsbtn_dl,
.rsbtn_classic .rsbtn_powered {
	position: relative;
	padding: 4px;
		display: inline-block;
}
/*.rsbtn_classic .rsbtn_dl:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f358";
	display: inline-block;

}*/

.rsbtn_classic .rsbtn_settings:hover,
.rsbtn_classic .rsbtn_dl:hover,
.rsbtn_classic .rsbtn_powered .rsbtn_btnlabel a:hover {
	background-color: #5198c7;
}

/* BOTTOM LINKS LABELS */
.rsbtn_classic .rsbtn_settings .rsbtn_btnlabel.rsimg,
.rsbtn_classic .rsbtn_dl .rsbtn_btnlabel,
.rsbtn_classic .rsbtn_powered .rsbtn_btnlabel {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	height: 13px;
	padding-top: 1px;
}

/* SETTINGS */
.rsbtn_classic .rsbtn_bottomlinks .rsbtn_settings.rspart:before{
	margin-left: 0;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f013";
	display: inline-block;
}

.rsbtn_classic .rsbtn_settings .rsbtn_btnlabel.rsimg {
	/* background-position: 0 -52px; */
	background: none;
	padding: 0 0 0 5px;
	display: inline-block;
}

/* NO SOUND */
.rsbtn_classic .rsbtn_dl .rsbtn_btnlabel {

}

/* POWERED BY READSPEAKER */
.rsbtn_classic .rsbtn_powered .rsbtn_btnlabel a {
	display: inline;
	color: #000;
	padding: 2px 0;
	z-index: -1;
}

/******************************************************** POPUP BUTTON */
.rsbtn_classic.rspopup {
	position: absolute;
	background: #fff;
	border: 1px solid #0077c8;
	padding: 3px 3px 3px 3px;
	display: none;
	box-shadow: 0 0 5px #333;
}

/* COMPACT BUTTON */
.rsbtn_classic.rspopup.rscompact .rsbtn_play .rsbtn_left .rsbtn_text {
	display: block;
	position: relative;
	margin: 2px 2px 2px;
	width: 16px;
	height: 16px;
	padding: 0;
}

.rsbtn_classic.rspopup.rscompact .rsbtn_play .rsbtn_left .rsbtn_text span {
	display: none;
}

.rsbtn_classic.rspopup.rsexpanded .rsbtn_play {
	display: none;
}

/******************************************************** POPUP PLAYER */

.rsbtn_classic.rspopup .rsbtn_exp .rspart {
	float: left;
	margin-left: 4px;
}

/* PLAY/PAUSE BUTTON */
.rsbtn_classic.rspopup .rsbtn_exp .rsbtn_pause.rspart {
	margin-left: 0;
}

/* READSPEAKER ICON */
.rsbtn_classic.rspopup .rsbtn_icon {
	margin-right: 0;
}

/* SETTINGS BUTTON */
.rsbtn_classic.rspopup .rsbtn_settings {
	width: 13px;
	height: 13px;
	padding: 0;
	background-position: 0 -52px;
	margin-right: 17px;
}

.rsbtn_classic.rspopup .rsbtn_settings:hover {
	background-color: transparent;
}

/* CLOSE BUTTON */
.rsbtn_classic.rspopup .rsbtn_closer.rsimg {
	right: 0px;
	top: 0px;
}

/******************************************************** MISC */
.rsbtn_classic .defloater {
	clear: both;
}

@media only screen and (max-width: 767px) {
  .rsbtn_text span {
  	display: none;
  }

  #readspeaker_button1,
  #readspeaker_button {
    right: 15px;
  }
}