body {
    padding-bottom: 20px;
    padding-top: 50px;
}

/* Wrapping element */

/* Set some basic padding to keep content from hitting the edges */

.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Carousel */

.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */

.carousel-inner .item img[src$=".svg"] { width: 100%; }

/* QR code generator */

#qrCode { margin: 15px; }

/* Hide/rearrange for smaller screens */

@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption { display: none; }
}

textarea.json {
    font-family: monospace;
    font-size: 0.8em;
    max-width: 800px;
}

/* Bootstrap 3 */

.bs-callout {
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
    margin: 20px 0;
    padding: 20px;
}

.bs-callout h4 {
    margin-bottom: 5px;
    margin-top: 0;
}

.bs-callout p:last-child { margin-bottom: 0; }

.bs-callout code { border-radius: 3px; }

.bs-callout + .bs-callout { margin-top: -5px; }

.bs-callout-default { border-left-color: #777; }

.bs-callout-default h4 { color: #777; }

.bs-callout-primary { border-left-color: #428bca; }

.bs-callout-primary h4 { color: #428bca; }

.bs-callout-success { border-left-color: #5cb85c; }

.bs-callout-success h4 { color: #5cb85c; }

.bs-callout-danger { border-left-color: #d9534f; }

.bs-callout-danger h4 { color: #d9534f; }

.bs-callout-warning { border-left-color: #f0ad4e; }

.bs-callout-warning h4 { color: #f0ad4e; }

.bs-callout-info { border-left-color: #5bc0de; }

.bs-callout-info h4 { color: #5bc0de; }

/* Custom */
.active-stripes {
    background: repeating-linear-gradient(45deg, #f5f5f5, white 15px);
}
.success-stripes {
    background: repeating-linear-gradient(45deg, #dff0d8, white 15px);
}
.info-stripes {
    background: repeating-linear-gradient(45deg, #d9edf7, white 15px);
}
.warning-stripes {
    background: repeating-linear-gradient(45deg, #fcf8e3, white 15px);
}
.danger-stripes {
    background: repeating-linear-gradient(45deg, #f2dede, white 15px);
}
.light-stripes {
    background: repeating-linear-gradient(45deg, #fff9f1, white 15px);
}
.red-stripes {
    /*background: repeating-linear-gradient(45deg, #ffd1d1, white 15px);*/
    background: repeating-linear-gradient(45deg, #ff949c, white 15px);
}
.bronze-stripes {
    background: repeating-linear-gradient(45deg, #ffe9d6, white 15px);
}
.silver-stripes {
    background: repeating-linear-gradient(45deg, #e7ebef, white 15px);
}
.gold-stripes {
    background: repeating-linear-gradient(45deg, #ffe8a3, white 15px);
}


/* Watermark */
div#deleted:before {
    content: 'DELETED';
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    color: #0d745e;
    font-size: 100px;
    display: grid;
    justify-content: center;
    align-content: center;
    opacity: 0.2;
    transform: rotate(-45deg);
}

div.watermarked-cell {
    position: relative;
}

div.watermark {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    font-weight: bold;
    font-style: italic;
    color: #0d745e;
    text-align: right;
    font-size: 100px;
    line-height: 100px;
    opacity: 0.3;
}

#darkModeToggle {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
}