/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 13/07/2021, 11:55:55
    Author     : Ingeny
*/

.float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:40px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    box-shadow: 2px 2px 3px #999;
    z-index:100;
}
.float-face{
    position:fixed;
    width:60px;
    height:60px;
    bottom:110px;
    right:40px;
    background-color:#3b5998;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    box-shadow: 2px 2px 3px #999;
    z-index:100;
}
.float-inst{
    position:fixed;
    width:60px;
    height:60px;
    bottom:180px;
    right:40px;
    background-color:#ff0080;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    box-shadow: 2px 2px 3px #999;
    z-index:100;
}
.float:hover {
    text-decoration: none;
    color: #25d366;
    background-color:#fff;
}

.my-float{
    margin-top:16px;
}
.my-float-face{
    margin-top:16px;
    bottom:80px;
}
.my-float-inst{
    margin-top:16px;
}