div > #mainFormBox:has(.graph-wrapper){
    height: 100%;
    display: flex;
    flex-grow: 1;
}

#mainFormBox div:has(.graph-wrapper){
    display: flex;
    flex-grow: 1;
}

.FormFragment:has(.graph-wrapper),
.form-fragment-in:has(.graph-wrapper),
form:has(.graph-wrapper)
{
    height: 100%;
    width: 100%;
    display: flex;
    flex-grow: 1;
}

.graph-wrapper{
    flex-grow: 1;
    display: flex;
}

.graph-wrapper > div {
    flex-grow: 1;
    display: flex;
}

.graph-wrapper svg {
    width: 100%!important;
    height: 100%!important;
}

iframe #ifrm  {
    max-width: 100vw;
}

@media(min-width: 500px) {
    iframe #ifrm{
        max-width: 500px;

    }
}

ul.csv {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

ul.csv li {
    padding: 0;
    display: inline;
    margin: 0;
}

ul.csv li:not(:last-child)::after {
    content: ", ";  /* This adds a comma after each item except the last one */
}

.no-label select{
    margin-top: 0!important;
}

.no-label svg{
    top: unset!important;
}