.report-bar-container{
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 120px;
    background-image: linear-gradient(to right bottom, #181818, #1e1e1e, #242424, #2a2a2a, #303030);
    padding: 20px;
}

.report-cluster-header{
    color: rgb(255, 255, 255);
    margin-bottom: 15px;
}

.report-button-cluster{
    display: inline-block;
    margin-right: 40px;
}

.report-bar-button{
    position: fixed;
    z-index: 100;
    right: 20px;
    bottom: 30px;
    width: 60px;
    height: 60px;
    border-radius: 80px;
    background-color: #f1f1f1;
    color: rgb(53, 53, 53);
    border: none;
    -webkit-box-shadow: 10px 10px 14px -12px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 14px -12px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 14px -12px rgba(0,0,0,0.75);
    background-image: radial-gradient(circle, #007bff, #0e79f2, #1b77e5, #2575d8, #2e73cb);
}

.report-bar-button:hover{
    background-image: linear-gradient(to right top, #2669c0, #007ac4, #0088c3, #0095bf, #2fa1b9);
}

.report-bar-tooltip{
    z-index: 101;
    width: 60px;
    height: 60px;
    border-radius: 80px;
}

.dashboard-button{
    bottom: 100px;
}

.payments-button{
    bottom: 175px;
}

.dashboard-button > i{
    margin-top: 10px;
}

.payments-button > i{
    margin-top: 10px;
}

.report-bar-button > i{
    text-align: center;
    vertical-align: middle;
    color: white;
    display: inline-block;
}

.report-bar-button:focus{
    outline: none;
}