

/*--------- player default ----------*/


.rsbtn, .rs_addtools {
    z-index: 99;
}

/* text toevoegen als element niet actief  */

[id*="readspeaker_button"].rsbtn:not(.rsexpanded) .rsbtn_play:after, .rs_addtools .rsbtn_play:after {
    content: "lees voor" !important;
    display: inline-block !important;
    padding-left: 0px;
    padding-top: 6px;
    color: #00a550;
}

/* play-btn als niet actief */

.rsbtn:not(.rsexpanded) .rsbtn_play, .rs_addtools .rsbtn_play {
    border: none;
    background: none;
}

/* default leesvoor-tekst + icoon weglaten */

.rsbtn .rsbtn_play .rsbtn_left.rsimg, .rs_addtools .rsbtn_play .rsbtn_left.rsimg {
    display: none;
}

/* play button */

.rsbtn .rsbtn_play .rsbtn_right, .rs_addtools .rsbtn_play .rsbtn_right {
    border-left: none !important;
}

/* default weergave play-icon */

.rsbtn .rsbtn_play .rsbtn_right.rsimg, .rs_addtools .rsbtn_play .rsbtn_right.rsimg {
    padding: 0px !important;
    color: #00a550 !important;
}
[id*="readspeaker_button"].rsbtn:not(.rsexpanded) .rsbtn_play .rsbtn_right:before, .rs_addtools .rsbtn_play .rsbtn_right:before {
    content: "\e906";
}



/*--------- player expended / active ----------*/


/* buttons */

.rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item {
     color: #00a550 !important;
}

/* buttons hover */

.rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:hover, .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:focus {
    color: #ed1651  !important;
    cursor: pointer;
}

.rsbtn.rsexpanded .rsbtn_play {
    border-color: #00a550 !important;
}
.rsbtn .rsbtn_exp .rsbtn_exp_inner {
    background: #fff  !important;
    border-color: #00a550 !important;
    border-left: 15px solid #00a550 !important;
    padding-left: 0px !important;
}


/* slider-btn */
.rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_volume_container .rsbtn_volume_slider .rsbtn_volume_handle,
.rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_progress_container .rsbtn_progress_handle a {
    background: #00a550  !important;
}
/* slider-btn active */
.rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_volume_container .rsbtn_volume_slider .rsbtn_volume_handle:hover,
.rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_progress_container .rsbtn_progress_handle.dragged a {
    background: #ed1651  !important;
}



/*--------- hidden options ----------*/


/* expend button */

.rsbtn .rsbtn_tooltoggle, .rs_addtools .rsbtn_tooltoggle {
    border: none !important;
    background: none !important;
    cursor: pointer;
}
.rsbtn.rsexpanded  .rsbtn_tooltoggle, .rs_addtools .rsbtn_tooltoggle {
    color: #000 !important;
}


/* credits */

.rsbtn .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_powered.rsimg, .rs_addtools .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_powered.rsimg {
    display: none !important;
}
.rsbtn .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer, .rs_addtools .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer {
    margin-top: 0px !important;
}


/* expended box */

.rsbtn.toolsopen .rsbtn_toolpanel .rsbtn_tools, .rs_addtools.toolsopen .rsbtn_toolpanel .rsbtn_tools {
    top: 12px !important;
    border-color: #ed1651 !important;
}


/* expended tools */

.rsbtn .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer .rsbtn_toollist li:not(.disabled) .rsbtn_tool, .rs_addtools .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer .rsbtn_toollist li:not(.disabled) .rsbtn_tool {
    color: #ed1651 !important;
}
.rsbtn .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer .rsbtn_toollist li:not(.disabled) .rsbtn_tool:hover, .rs_addtools .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer .rsbtn_toollist li:not(.disabled) .rsbtn_tool:hover, .rsbtn .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer .rsbtn_toollist li:not(.disabled) .rsbtn_tool:focus, .rs_addtools .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer .rsbtn_toollist li:not(.disabled) .rsbtn_tool:focus {
    color: #00a550 !important;
}
.rsbtn .rsbtn_play:hover .rsbtn_right::before, .rs_addtools .rsbtn_play:hover .rsbtn_right::before, .rsbtn .rsbtn_play:focus .rsbtn_right::before, .rs_addtools .rsbtn_play:focus .rsbtn_right::before {
    color: #00a550 !important;
}
/* talenlijst hover */
.rsbtn .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer .rsbtn_toollist li .rsbtn_tool_menu .rsbtn_tool_menu_item:hover, .rs_addtools .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer .rsbtn_toollist li .rsbtn_tool_menu .rsbtn_tool_menu_item:hover, .rsbtn .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer .rsbtn_toollist li .rsbtn_tool_menu .rsbtn_tool_menu_item:focus, .rs_addtools .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer .rsbtn_toollist li .rsbtn_tool_menu .rsbtn_tool_menu_item:focus, .rsbtn .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer .rsbtn_toollist li .rsbtn_tool_menu .rsbtn_tool_menu_item.hover, .rs_addtools .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer .rsbtn_toollist li .rsbtn_tool_menu .rsbtn_tool_menu_item.hover{
    background-color: #ed1651 !important;
}
.rsbtn .rsbtn_tooltoggle, .rs_addtools .rsbtn_tooltoggle {
    opacity: 0;
}
.rsbtn:hover .rsbtn_tooltoggle{
    opacity: 1;
}


