body { padding-top: 50px; }

body.staging {
  background-image: url(stripes.png);
}

.bool {
    font-weight: bold;
    font-size: 120%;
}

.bool.true {
    color: green;
}

.bool.false {
    color: darkred;
    font-size: 150%;
}

table.data tr.duplicate td { background-color: pink; }

table.data tr.error td {
    border: 1px solid #ffb73d; background: #ffc73d url(images/ui-bg_glass_40_ffc73d_1x400.png) 50% 50% repeat-x; color: #111111;
}

table.data tr.day th {
    background-color: lightgrey;
}

table.data td dl dt {
    display: inline-block;
    float: left;
    clear: left;
}
table.data td dl dd {
    display: inline-block;
    float: left;
    margin-left: 0.5em;
}

table.table.compact th {
    text-align: right;
}

table.data tr dd.ended {
    text-decoration:line-through;
}

table.data tr dd.success {
    color: green;
}

table.data tr dd.error {
    color: red;
}

table.data tr dd.deleted {
    color: grey;
}

.out-of-service {
    font-style: italic;
}

/* Racks */
table.data tr.reserved td {background-color:lightgrey;}

.brand img { max-width: auto; }


@media print {
    /* style sheet
     print goes here */
    .navbar { display: none; }
    .noprint { display: none; }

    /* Don't print URLs in print mode */

    a[href]:after {
        content: none;
    }

    div.actions {
        display: none;
    }
}

img.label:empty {
    display: inline;
}

.table.table-plain > thead > tr > th,
.table.table-plain > tbody > tr > th,
.table.table-plain > tfoot > tr > th,
.table.table-plain > thead > tr > td,
.table.table-plain > tbody > tr > td,
.table.table-plain > tfoot > tr > td {
    border-top: none;
}


article.markdown {
    padding: 1em;
}

article.markdown h1:first-child {
    margin-top: 0;
}

article.markdown h1 {
    font-size: 24px;
}

article.markdown h2 {
    font-size: 20px;
}

article.markdown h3 {
    font-size: 16x;
}

article.markdown img {
    max-width: 100%;
}

/* Form styling */
label + .checkbox {
    margin-top: -15px;
    float: left;
}

.deform-seq-container .close {
    float: none;
}

#deform .help-block {
}

.CodeMirror {
    height: 500px;
}

textarea.code  {
    font-family:Source Code Pro, Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
}

/* page reloader code */
#reload-page-at {
  display: none;
}


.htmx-request input {
      animation-name: color;
      animation-duration: 1s;
      animation-iteration-count: infinite;
      animation-direction: alternate-reverse;
      animation-timing-function: ease;
}

@keyframes color {
  from {

    }
  to {
    color: grey;
    background-color: #ddd;
    }
}


table .numeric {
    font-variant-numeric: tabular-nums lining-nums;
}

.progress-bar {
    transition: width .6s ease;
}
