.vflex {
    /* Allow child to take up all available height with flex-grow */
    display:flex;
    flex-direction: column;
}
.flex {
    display:flex;
}

.nowrap {
    white-space: nowrap;
}

.grow {
    flex-grow: 1;
}

.right-data {
    border-left: 1px solid black;
    margin-left: 1em;
    padding-left: 1em;
}

.right-data h2 {
    font-size:1.2em;
    margin-top:0em;
    margin-bottom:.4em;
}

/* For links in un ordered list */
ul.vmenu {
    padding:0;
    list-style: none;
}

ul.vmenu li {
    margin-bottom:.4em;
}

/* for separating out information with HR like separators */
.groups div {
    padding-top: .7em;
    padding-bottom: .7em;
    border-bottom: 1px dotted #DDD;
}

.groups div:last-child {
    border: 0px;
}


/* Markdown preview when editing markdown code*/
.preview {
    padding: 0em;
    background-color: var(--md-preview-bg);
}

div.sub-menu {
    background-color:#f7af70;
    padding:2em;
    border-radius: 25px;
}

/* buttons in spr list/show */
a.action {
    display:block;
    text-align: center;
    color: var(--action-fg);
    background-color: var(--action-bg);
    font-size: .9em;
    font-weight: bold;
    border: 2px solid black;
    padding: 3px 16px;
    margin: 1em auto;
    border-radius: 8px;
    white-space: nowrap;
}

a.action:hover {
    color: var(--action-fg-hover);
    background-color: var(--action-bg-hover);
}

.hidden {
    display: none;
}

.selector_dialog {
    position:fixed;
    left: 50%;
    top: 20%;

    border: 1px solid black;
    border-radius: 6px;
    padding: 2em;

    background: white;
    transform: translate(-50%,0%);
}
.sel {
    background-color: var(--light-brown) !important;
}
.opt {
    cursor:pointer;
}

.readable_id {
    font-family:  "Source Code Pro", Menlo, Consolas;
    font-variant-numeric: slashed-zero;
}