/* Layout */
.navbar img {
    height: 28px;
}

/* add margins to cards to smooth transition from old panels */
#content .card {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Colors */
.highlight {
    background-color: rgb(255, 193, 7); /* copy of btn-warning */
    color: black;
}

.darkgreen { color: darkgreen }

.gold { color: gold; }

.pluckyhc { color: var(--pluckyhc) }
.pluckylc { color: var(--pluckylc) }

.redheart { color: var(--bs-red) }

/* highlight anchors */
:target {
   background-color: #fff3cd; /* copy of alert warning */
}

/* color the add rule button like in pluxo */
#rule button { margin: 10px 10px 10px 0px; }
.rule-editable { color: blue; }
.rule-allow { color: green; }
.rule-block { color: red; }
.rule-flee { color: red; }
.rule-noop { color: black; }

/* choices looks terrible in dark mode */
.choices__item { color: black }

/* do not wrap dates and times in tables */
.pretty-time { white-space: nowrap }

#config-history td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

form.inline { display: inline }

ul.horizontal { padding-left: 0px }
ul.horizontal li { display: inline-block; margin-right: 12px }

/*
 * Decorate blockquotes for /cases/1
 */
blockquote {
    color: #722;
    padding-left: 15px;
    border-left: 3px solid #ccc;
}