/* Readspeaker button custom style */

/* Button border style
-----------------------------------------------*/
.rs_addtools .rsbtn_play,
.rsbtn .rsbtn_play,
.rs_addtools .rsbtn_tooltoggle,
.rsbtn.zoom-tooltoggler .rsbtn_tooltoggle,
.rsbtn .rsbtn_tooltoggle,
.rs_addtools .rsbtn_toolpanel .rsbtn_tools,
.rsbtn .rsbtn_toolpanel .rsbtn_tools,
.rsbtn .rsbtn_exp .rsbtn_exp_inner{
  border: 1px solid #ccc !important;
}

.rsbtn .rsbtn_tooltoggle{
  border-left: none !important;
}

/* Buttons Text and Links colors
-----------------------------------------------*/

/* Play button, tools and text */
.rsbtn .rsbtn_play .rsbtn_right::before,
.rsbtn_player_item i.rsicn,
.rsbtn_tool i.rsicn,
.rsbtn .rsbtn_play .rsbtn_left .rsbtn_text .rsbtn_label,
.rsbtn .rsbtn_play .rsbtn_left .rsbtn_text::before{
  color: #4f4f4f !important;
}

/* Progess bar / Volume / Fade */
.rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_progress_container .rsbtn_progress_handle a,
.rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_volume_container .rsbtn_volume_slider .rsbtn_volume_handle{
  background: #4f4f4f !important;
}

/* Progress bar Played */
.rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_progress_container .rsbtn_progress_played{
  background: #f00 !important;
}


/* -- :hover :focus-- */

/* text and text_icon - default color/no colour */
.rsbtn .rsbtn_play:hover .rsbtn_text::before,
.rsbtn .rsbtn_play:hover .rsbtn_text span{
  color: #4f4f4f !important;
}

/* Play button, tool icons */
.rsbtn .rsbtn_play:hover .rsbtn_right::before,
.rsbtn_player_item:hover i.rsicn::before,
.rsbtn_player_item:focus i.rsicn::before,
.rsbtn_tool:hover i.rsicn::before,
.rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_volume_container .rsbtn_volume_handle a:hover{
  color: #f00 !important;
}

/* Progess bar / Volume / Fade */
.rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_progress_container .rsbtn_progress_handle a:hover,
.rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_progress_container .rsbtn_progress_handle.dragged a,
.rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_volume_container .rsbtn_volume_slider .rsbtn_volume_handle:hover,
.rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_volume_container .rsbtn_volume_slider .rsbtn_volume_handle:focus{
  background: #f00 !important;
}

/* Status message
-----------------------------------------------*/
.rsbtn_status{
  width: 30%;
  padding: 10px !important;
  background-image: linear-gradient(rgb(255, 255, 255) 0px, rgb(236,156,141) 100%);
  border: 1px solid #ccc !important;
}


/* Reset style
-----------------------------------------------*/

.rs_addtools .rsbtn_play,
.rsbtn .rsbtn_play{
  border-radius: 0 !important;
}

.rsbtn.rsexpanded .rsbtn_exp .rsbtn_exp_inner{
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rsbtn .rsbtn_exp .rsbtn_exp_inner{
  border-left: none !important;
}

.rsbtn .rsbtn_play .rsbtn_left .rsbtn_text span{
  padding-right: 15px;
}