.fixed-action-btn {
    height:200px;
    width:56px;
    position:fixed;
    bottom:20px;
    right:20px;
    z-index: 1;
    text-align:center;
}

.glyphicon {
    font-size: 24px;
}

.fixed-action-btn ul {
    list-style: none;
    padding:0;
    margin-top:10px;
    width:100%;
    max-width:56px;
    height: 120px;
    margin-bottom: 50px;
}

.fixed-action-btn > ul > li {
    width:100%;
    max-width:56px;
    padding-bottom:56px;
    float:right;
}

.fixed-action-btn > ul > li > a {
    padding-top: 50%;
    font-size: 18px;
    padding: 16px 13px 12px;
    border-radius: 39px;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
    transition: 0.2s;
}

.btn-floating.btn-large {
    position:relative;
    padding-top: 10%;
    padding: 31px 23px 24px;
    border-radius: 40px;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
    transition: 0.2s;
}
.btn-floating.btn-large {
    box-shadow: : 5px 5px 5px rgba(0,0,0,0.2);
}

.default {
    background-color: #eeeeee;
    color: #00bcb4;
    transition:0.5s!important;
}
.default.hide {
    visibility:hidden;
}
.default:hover {
    background-color: #efefef!important;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
}
.default.on {
    background-color: #00bcb4;
    color:#ffffff;
}
.default.on:hover {
    background-color: #00ccc4!important;
    color:#ffffff;
}


.theme {
    background-color: #00bcb4;
    color:#ffffff;
    transition:0.5s!important;
}
.theme:hover {
    background-color: #00ccc4!important;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
}

.fixed-action-btn li {
    position:absolute;
    left:5px;
}
li:nth-child(1) {
    bottom:75%;
}
li:nth-child(2){
    bottom:40%;
}
li:nth-child(3){
    bottom:5%;
}

.tooltiptext {
    visibility: hidden;
    height:1.5em;

    background-color: #2d2d2d;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    padding: 0px 5px 10px 5px!important;
    position: absolute;
    z-index: 1;
    bottom: 70%;
    left: 50%;
    margin-left: -80px;
    opacity: 0;
    transition: opacity 1s;
}

.tooltiptext::after {
    content: "";
    position: absolute;
    top: 30%;
    left: 105%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #2d2d2d;
}

.fixed-action-btn li:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
