.navbar-brand {padding-top: 5px;}

.panel-title {font-size: 18px; font-weight: 400;}

.autocomplete-suggestions { background: white; overflow: auto; border: solid 1px #e6e6e6; box-shadow: #666 2px 2px 8px; }
.autocomplete-suggestion { padding: 0.3em 1em; }
.autocomplete-selected { cursor: pointer; background: #eee; }

.sidemenuopener {display: none;}

.drag-handle { cursor: grab; }
tr.yellow td { background: #ffd36b; }

.pointable { cursor: pointer; position: relative; }
.collapse-pointer::after { position: absolute; top: 0.75em; right: 1em; content: "❯"; font-weight: bold; rotate: 90deg; transition-duration: 0.5s; }
.collapse-pointer:has(+.collapsing)::after, .collapse-pointer:has(+.collapse.in)::after { rotate: -90deg; }

.disabled, .disabled td, .disabled a { color: #adadad !important; font-style: italic; }
.disabled .btn > .fa { color: #fff }

@media (min-width: 1450px) {
    .col-xl-2 { width: 16.6666667% }
    .col-xl-3 { width: 25% }
    .col-xl-4 { width: 33.3333333% }
    .col-xl-6 { width: 50% }
    .col-xl-8 { width: 66.6666667% }
    .col-xl-9 { width: 75% }
    .col-xl-10 { width: 83.333333% }
}

@media (min-width: 999px) {
    .mobile-only {
        display: none;
    }
}
@media (max-width: 1000px) {
    .desktop-only {
        display: none;
    }
}

.text-warning {
    color: #f0ad4e;
    &:hover {
        color: #f0ad4e;
    }
}

.card {
    display: flex;
    flex-flow: column nowrap;
    gap: 1em;
    border: 1px solid lightgray;
    border-radius: 10px;
    padding: 1em 1.5em;
    margin-bottom: 1em;

    .card-header {
        font-weight: bold;
    }

    &.card-warning {
        background-color: #ffd36b;
    }
    &.card-danger {
        background-color: #d9534f;
        color: #fff;
    }
}

.card-prototype {
    display: none;
}