/*readspeaker skin example*/
        #readspeaker_button1 {
            max-width: 1330px;
            width: 100%;
            margin: 0 auto;
        }

        .readspeaker_content .frame-header :last-child {
            display: inline-block;
        }

        .readspeaker_content .sync_sent,
        .readspeaker_content .sync_word {
            margin: 0;
        }

        /* Player */
        /* add .rsbtn.rs_skin {left: 290px;} to position the player */

          .rsbtn.rs_skin .rsbtn_play {
            background: #000;
            border: 1px solid #677077;
            height: 26px;
            border-radius: 3px;
        }

        .rsbtn.rs_skin .rsbtn_play:hover {
            background: #717171;
        }

         .rsbtn.rs_skin .rsbtn_play .rsbtn_left {
            margin-left: 24px;
        }

        .rsbtn.rs_skin .rsbtn_play .rsbtn_left .rsbtn_text span {
            padding-right: 20px;
            padding-left: 20px;
            line-height: 26px;
        }

        .rsbtn.rs_skin .rsbtn_play .rsbtn_left .rsbtn_text,
        .rsbtn.rs_skin .rsbtn_play .rsbtn_left .rsbtn_text span {
            color: #FFF;
            font-family: 'Nunito Sans';
            font-weight: 900;
            padding-left: 16px;
        }

        .rsbtn.rs_skin .rsbtn_play .rsbtn_left .rsbtn_text::before {
            content: "\e904";
            font-family: "icocml";
            line-height: 27px;
            border-left: 1px solid #FFFFFF69;
            padding-left: 10px;
        }

        .rsbtn.rs_skin .rsbtn_play .rsbtn_right {
           display: none;
        }

        /* ToolToggle */
       .rsbtn.rs_skin .rsbtn_tooltoggle {
            height: 28px;
            left: 0px;
            top: 0px;
            width: 22px;
            transition: none;
            color: #fff;
            background: transparent;
            border: 0;
            border-radius: 3px 3px 0 0
        }

        .rsbtn.rs_skin .rsbtn_tooltoggle i.rsicn::before {
            content: "\e94b";
            font-family: icocml!important;
        }

        /* Hover effect */
        .rsbtn.rs_skin.zoom-tooltoggler .rsbtn_tooltoggle {
            background: #717171;
            border: 0;
            border-radius: 3px 3px 0 0;
        }


        /* Expanding part */

        .rsbtn.rs_skin.rsexpanded .rsbtn_play {
        border-radius: 3px 3px 0 0;
        }

        .rsbtn.rs_skin .rsbtn_exp .rsbtn_exp_inner {
            background: #000;
            border: 1px solid #677077;
            border-radius: 0 0 3px 0;
            height: 26px;
            color: #FFF;
        }


        .rsbtn.rs_skin .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item {
            border-left: 1px solid #FFF;
            background: #000;
            color: #FFF;
        }

        .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:hover {
        background: #717171;
        color: #FFF;
        }

        /* Tools */
        .rsbtn.rs_skin .rsbtn_toolpanel .rsbtn_tools {
            background: #000;
            color: #FFF;
            width: 276px;
        }


        .rsbtn.rs_skin .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer .rsbtn_toollist li .rsbtn_tool {
            border-right: 1px solid #FFF;
            color: #FFF;
        }

        .rsbtn.rs_skin .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer .rsbtn_toollist li .rsbtn_tool:hover {
            background: #717171;
        }

        .rsbtn.rs_skin .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner span,
        .rsbtn .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner a {
            color: #FFF;
        }

        .rsbtn.rs_skin .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_powered a:hover {
            color: red;
        }

        /* Scroll controls */

        #rsbtn_scrollcontrols {
            background: #000 !important;
        }

        #rsbtn_scrollcontrols button {
            background: #000;
        }
        #rsbtn_scrollcontrols button:hover {
        background: #717171;
        }
        #rsbtn_scrollcontrols button.rsbtn_scroll_playpause {
            color: #fff!important;
        }

        #rsbtn_scrollcontrols button.rsbtn_scroll_playpause .rsicn .rsicn-pause:hover {
            color: #e00e49!important;
        }

        #rsbtn_scrollcontrols button.rsbtn_scroll_togglescroll {
            color: #fff!important;
        }

        #rsbtn_scrollcontrols button.rsbtn_scroll_togglescroll.enabled span {
            color: green!important;
        }

        #rsbtn_scrollcontrols button.rsbtn_scroll_togglescroll span {
            color: red!important;
        }

        #rsbtn_scrollcontrols button.rsbtn_scroll_close {
            color: #fff!important;
        }

        #rsbtn_scrollcontrols button.rsbtn_scroll_close:hover {
            color: red!important;
        }

        #rsbtn_scrollcontrols .rsicn.rsicn-rslogo-2019 {
            color: #fff!important;
        }
