/* CSS for expression editor (embeddable) */
/* Version 25258 */
/* Color family: Teal 50  https://material.io/design/color/the-color-system.html#tools-for-picking-colors */

.re-expressions-editor button.bi-btn.draghandle { cursor: grab; }
.re-expressions-editor div.vargroup { }
.re-expressions-editor div.varexp {
    border: 1px solid #009688;
    border-left: 4px solid #009688;
    border-radius: 8px;
    padding: 8px;
    /* background-color: var(--bs-secondary-bg); */
    cursor: default;
}
.re-expressions-editor div.varexp.tbmodified:not(.tberror) { border-left: 4px solid var(--bs-success); }
.re-expressions-editor div.varexp.tberror { border-left: 4px solid var(--bs-danger); }
.re-expressions-editor div.varexp.evalerror { border-left: 4px solid var(--bs-warning); }
.re-expressions-editor div.re-varname {
    font-size: 1rem;
}
.re-expressions-editor div.re-varname:after { content: " ="; }
.re-expressions-editor textarea.expr {
    font-family: monospace;
    /* font-size: 1rem; */
    min-height: 2rem;
    resize: vertical;
    width: 100% !important;
}
.re-expressions-editor div.cvwrap {
    font-family: monospace;
    /* font-size: 0.9rem; */
    line-height: 1.2rem;
    max-height: 2.4rem;
    width: 100%;
    overflow: hidden;
    margin-top: 4px;
}
.re-expressions-editor div.varexp.evalerror span.currval { color: var(--bs-danger); }
.re-expressions-editor div.buttonrow { padding: 8px; }
.re-expressions-editor button.bi-btn.attn { border-color: var(--bs-warning) !important; border-width: 2px !important; }

.re-expressions-editor div#importVar ul.dropdown-menu { max-height: 50vh; overflow-y: auto; }  /* half of viewport height max */

.re-expressions-editor .opt-state {
    margin-left: 0px;
    border: 1px solid #999;
    padding: 8px 8px;
    border-radius: 4px;
    background-color: var(--bs-tertiary-bg);
}