@charset "UTF-8";
/* CSS Document */

/* FAB */

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

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

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

.fab .float {
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:40px;
    background-color:#F33;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    z-index: 1000;
    animation: bot-to-top 2s ease-out;
}

.fab ul {
    position:fixed;
    right:40px;
    padding-bottom:20px;
    bottom:80px;
    z-index: 995;
}

.fab ul li {
    list-style:none;
    margin-bottom:10px;
}

.fab ul li a {
    text-decoration: none;
    background-color:#F33;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    width:60px;
    height:60px;
    display:block;
}

.fab ul:hover {
    visibility:visible!important;
    opacity:1!important;
}

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

.fab a#menu-share + ul {
  visibility: hidden;
}

.fab a#menu-share:hover + ul  {
    visibility: visible;
    animation: scale-in 0.5s;
}

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

.fab a#menu-share:hover > img {
    animation: rotate-out 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);}
}

.spinner {
    padding-top: 10px;
}
.fab .total {
    position:fixed;
    width:200px;
    height:35px;
    top:70px;
    right:40px;
    background-color:#1582dc;
    color:#FFF;
    text-align:center;
    z-index: 999;
    vertical-align:middle;
    animation: bot-to-top 2s ease-out;
}

.fab i {
    padding-top: 5px;
    font-size: 16px;
    border-radius:5px;
}

.table > thead > tr > th {
	vertical-align: middle;
}