.my-card {
    height: 100%;
    background-color: var(--graph-card-color);
    border: 0px solid rgb(222, 222, 222);
    box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 6px;
    --card-padding : 0px;
}

.card{
    background-color: var(--graph-card-color);
    border: 0px solid rgb(222, 222, 222);
    box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 6px;
    display: flex;
    flex-direction: column;
}




.my-card-body {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 16px;
}

.graph {
    flex-grow: 1;
}



/* Mobile spacer displayed on small screens */
@media (max-width: 992px) {
    .mobile-spacer {
        height: 24px;
        display: block !important;
    }
}

/* Mobile spacer not displayed on big screens */
@media (min-width: 992px) {
    .mobile-spacer {
        display: none !important;
    }
}

hr {
    margin: 1rem 0 !important;
}
img,video {
    height:inherit !important;
}

.popover-ai {
    width: 60% !important;
    overflow: auto;
    max-height: 500px !important;
}