.svgButton{
	border:none;
	background-color:transparent;
	float:left;
	cursor:pointer;
	cursor:hand;
	margin:0 8px;
	overflow:hidden;
	display:inline-block;
	width:32px;
	height:32px;
	box-sizing:content-box;
/*
	z-index:99999;
*/
}
.svgButton:disabled{
	opacity: 0.6;
}

.svgButton svg{
	fill:gray;
	stroke-width:0;
}
.svgButton:not([disabled]) svg:hover{
	fill:black;
}
.card{
	margin:4px;
	background-color:white;
	position:fixed;
	float:right;
	border:1px solid #ccc;
	padding:5px;
	box-sizing:content-box;
	border-radius: 5px;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); 
	transition: top 400ms cubic-bezier(0,1.92,.99,1.07); /*cambiar curva de bezier para que no se pase tanto el rebote*/
	z-index:1;
}
.card.show{
	top:45px;
}

.card:before {
	content: '';
	position: absolute;
	top: -8px;
	left:8px;
	display: inline-block;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #ccc;
	border-left: 8px solid transparent;
	border-bottom-color: rgba(0, 0, 0, 0.2); 
}
.card:after {
	position: absolute;
  top: -7px;
  left:8px;
	display: inline-block;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #fff;
	border-left: 8px solid transparent;
	content: ''; 
}
.card.opensleft:before {left:auto;
    right: 8px; }
    .card.opensleft:after {left:auto;
    right: 8px; }
.btn_action{overflow:hidden;width:100%;position:relative}
.btn_action_content{margin: 0 auto;width:60%}
.btn_action_content div{float:left;}
.btn_action_text{font-size:1.3em;padding:5px}
.btn_action:hover svg{fill:black;}