#fab {            
    z-index: 99;            
}

#fab.btn-fab {
    border: 2px solid #ffffff !important;
    position: fixed;
    right: 1rem;
    top: 1.8rem;
}

#fab > .mdc-menu {
    cursor: default;
    visibility: hidden;
    opacity: 0;
    display: none;
    top: 0;
    right: 0;
    position: absolute;
    width: 400px;         
    padding: 1rem;
    margin-top: 100%;
    transform: translateY(2rem);
    pointer-events: auto;
    user-select: text;
    text-align: left;
}

#fab > .mdc-menu p:last-child{
    margin-bottom: 0;
}

#fab:focus-within > .mdc-menu,
#fab:focus > .mdc-menu {
    visibility: visible;
    opacity: 1;
    display: block;
}

.chart{
    padding:30px;
}

@media (max-width: 575.98px) {
    .btn-fab {
        display: none;
    }
}