/*
	Estilos Responsive Voice -Oscar Javier Alfaro
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
#divVoice {
z-index: 100;
}


.wrapper {
        text-align: center;
    }


.fab-container{
position:fixed;
bottom:50px;
right:50px;
cursor:pointer;
}

.ctfresponsive {
   font-size: 100px
}
@media (min-width: 100px) {
    .ctfresponsive {
        font-size: 50px
    }
}



.iconbutton{
width:50px;
height:50px;
border-radius: 100%;
background: #FFFFFF;
color: #F37321;
}

.iconbuttonbeneficio{
width:40px;
height:40px;
border-radius: 100%;
background: #FFFFFF;
color: #F37321;
}

.iconbuttonbeneficio i{
display:flex;
align-items:center;
justify-content:center;
height: 100%;

}


.iconbutton i{
display:flex;
align-items:center;
justify-content:center;
height: 100%;

}
.options{
list-style-type: none;
position:absolute;
top:220px;
right:0;
z-index: 100;
}

.optionsbeneficio{
	list-style-type: none;
	margin: 10px;
	display: inline-block;
	}

.optionsbeneficio li{
display:flex;
justify-content:flex-end;
padding:5px;
float: left;
}

.options li{
display:flex;
justify-content:flex-end;
padding:5px;
  float: left;
}

.btn-label{
padding:2px 5px;
margin-right:10px;
align-self: center;
user-select:none;
background-color: black;
color:white;
border-radius: 3px;
box-shadow: 10px 10px 5px #aaaaaa;
}

.iconPlay {
	content : "\f144";
}

.locutar 
{
	
	display:none;
	
}
.play-circle
{
	background: url(play-circle.svg);
    background-size: cover;
}
.stop-circle
{
	background: url(stop-circle1.svg);
    background-size: cover;
}
.pause-circle-fill
{
	background: url(pause-circle-fill.svg);
    background-size: cover;
}
.pause-circle
{
	background: url(pause-circle.svg);
    background-size: cover;
}