.label-container{
	position:fixed;
	bottom:48px;
	right:105px;
	display:table;
	visibility: hidden;
}

.label-container-borrar{
	position:fixed;
	bottom:118px;
	right:105px;
	display:table;
	visibility: hidden;
}

.label-text{
	color:#FFF;
	background:rgba(51,51,51,0.5);
	display:table-cell;
	vertical-align:middle;
	padding:10px;
	border-radius:3px;
}

.label-arrow{
	display:table-cell;
	vertical-align:middle;
	color:#333;
	opacity:0.5;
}

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-image: linear-gradient(to top, #0ba360 0%, #3cba92 100%);
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 7px #000;
	animation: bot-to-top 2s ease-out;
}

.float-buscar{
	position:fixed;
	width:50px;
	height:50px;
	bottom:30px;
	right:30px;
	color:#FFF;
	text-align:center;
	box-shadow: 2px 2px 7px #000;
	animation: bot-to-top 2s ease-out;
}

.float-borrar{
	position:fixed;
	width:60px;
	height:60px;
	bottom:110px;
	right:40px;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 7px #000;
	animation: bot-to-top 2s ease-out;
}

.float-categorias{
	position:fixed;
	width:60px;
	height:60px;
	bottom:180px;
	right:40px;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 7px #000;
	animation: bot-to-top 2s ease-out;
}

.my-float{
	font-size:24px;
	margin-top:18px;
}

a.float + div.label-container {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
}

a.float-borrar:hover + div.label-container-borrar{
  visibility: visible;
  opacity: 1;
}

a.float-borrar + div.label-container-borrar {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
}

a.float:hover + div.label-container{
  visibility: visible;
  opacity: 1;
}

a#menu-share:active {
  opacity: 0.75;
}

a#menu-share:hover > i{
	animation: rotate-out 0.5s;
}

a#menu-share i{
	animation: rotate-in 0.5s;
}

a#menu-share:hover > img{
	animation: rotate-out 0.5s;
}

a#menu-share img{
	animation: rotate-in 0.5s;
}

@keyframes bot-to-top {
    0%   {bottom:-40px}
    50%  {bottom:40px}
}

@keyframes scale-in {
    from {transform: scale(0);opacity: 0;}
    to {transform: scale(1);opacity: 1;}
}

@keyframes rotate-in {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

@keyframes rotate-out {
    from {transform: rotate(360deg);}
    to {transform: rotate(0deg);}
}

.btn.btn-card {
	background-color: #ffffff;
	color: #444444;
	margin-left: 10px;
	border-radius: 40px;
	width: 40px;
	height: 40px;
}