body {
    background-color: ghostwhite;
}

/* An expanded Bootstrap navbar keeps its links on one nowrap row, so a long
   menu overflows the document rather than the navbar and the whole page starts
   scrolling sideways. Wrap onto further rows instead. */
.navbar-nav {
    flex-wrap: wrap;
}

.clickable_row:hover {
    background: lightblue;
    cursor: pointer;
}

.clickable:hover {
    cursor: pointer;
}

/* delete button for gallery */
button.gallery-delete-button:hover {
    color: red;
}



/* Simon Styling for fixed header - 26.04.2022 */
.tablefixhead thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: #f2f2f2;
}


.logline_notchat {
    display: none;
    color: dimgray;
}

.logline_chat {
    display: inline;
}

button.delete-button:hover {
    color: red;
}


.quillpost p {
    padding: 0;
    margin: 0;
}

.tooltip-inner {
    min-width: 20px;
    max-width: 50%;
    text-align: left;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -0.125rem;
    margin-left: 0.1rem;
}

.dropdown-submenu:hover > .dropdown-menu,
.dropdown-submenu:focus-within > .dropdown-menu {
    display: block;
}

.dropdown-submenu > .dropdown-toggle::after {
    float: right;
    margin-top: 0.5rem;
}

.relation-role-label {
    display: inline-flex;
    align-items: center;
    gap: 0.35em;
}

.relation-role-label > i {
    flex: 0 0 auto;
}

.relation-role-label--icon-only {
    gap: 0;
}

.relation-role-label--parent,
.relation-role-label--mother {
    color: #175cd3;
}

.relation-role-label--related {
    color: #6941c6;
}

.relation-role-label--child,
.relation-role-label--daughter {
    color: #067647;
}