[v-cloak] {
    display:none;
}
.lastrefresh {
    font-size:10px;
    float:right;
    text-align:right;
    margin-bottom:0;
}
.loading {
    margin:auto;
    display:block;
}
.title-bar {
    background:#ffae00;
    color:#000;
}
.menu-icon::after {
    background:#000;
    box-shadow:0 7px 0 #000,0 14px 0 #000;
}
main {
    margin-top:2rem;
    padding-top:2rem;
}
.icon, .icon-2 {
    max-height:2rem;
}
.icon-1 {
    max-height:1rem;
}
table td {
    padding-right:0.4em;
    padding-left:0.4em;
    padding-top:0;
    padding-bottom:0;
}
table .button {
    margin-top:0.2rem;
    margin-bottom:0.2rem;

}
.off-canvas {
    background:#ffffee
}
#editModal {
    height:750px;
}
img.img-small {
    max-height:16px;
}
table tr.at_risk {
    background:lightpink;
}
table tr.at_risk:hover {
    background:pink !important;
}
.scrollable {
    max-height:90vh;
    overflow-y:scroll;
}
.scrollable-50 {
    max-height:50vh;
}
.inactive {
    background:lightgrey;
    color: grey;
}
.scroller {
}
.scroller {
    height: 600px;
}

.item {
    height: 138px;
    overflow-y:hidden;
    padding: 0 12px;
    margin-bottom:2px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #000;
}
.clickable {
    cursor:pointer;
}