body {
    padding-top: 56px;
    /* Adjust based on the height of your navbar */
}

.fas {
    color: lightcoral;
    font-size: 15px;
}

.fas-small {
    font-size: 15px;
}

.fas-large {
    font-size: 70px;
}

.card {
    float: left;
    margin: 10px;
    width: 21rem;
    background-color: #f8f8f8;
    border-radius: 0.5rem;
}

.card-body {
    padding: 0.75rem;
}

.card-title {
    margin-bottom: 0.0rem;
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28255, 255, 255, 1%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.nav-current {
    background-color: #606060;
}

th.rotate {
    /* Something you can count on */
    height: 140px;
    white-space: nowrap;
}

th.rotate>div {
    transform:
        /* translate(25px, 25px)*/
        rotate(315deg);
    width: 30px;
}

th.rotate>div>span {
    border-bottom: 1px solid #ccc;
    padding: 5px 10px;
}

[initial-letters-1]:before {
    content: attr(initial-letters-1);
    display: inline-block;
    font-size: 1em;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
    border-radius: 50%;
    background: rgb(5, 108, 156);
    vertical-align: middle;
    margin-right: -0.5em;
    color: white;
}

[initial-letters-2]:before {
    content: attr(initial-letters-2);
    display: inline-block;
    font-size: 1em;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
    border-radius: 50%;
    background: rgb(196, 92, 23);
    vertical-align: middle;
    margin-right: -0.5em;
    color: white;
}

[initial-letters-3]:before {
    content: attr(initial-letters-3);
    display: inline-block;
    font-size: 1em;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
    border-radius: 50%;
    background: rgb(67, 153, 9);
    vertical-align: middle;
    margin-right: -0.5em;
    color: white;
}

.keep-black {
    color: black;

}

@media print {
    .bg-shaded {
        background-color: #8bd3fc !important;
    }

    .table td {
        background-color: transparent !important;
    }
}

footer.tiny-small {
    font-size: 10pt;
}

.borderless td,
.borderless th {
    border: none;
}

.none {
    background-color: #fff;
}

.warn {
    background-color: #FC8;
}

.error {
    background-color: #F80;
}