#formio input[type="checkbox"] {
    opacity: 1 !important;
    position: absolute;
    top: -.2rem;
}

#formio .radio label::before {
    opacity: 0 !important;
}

.loading {
    margin: auto;
    position: absolute;
    top: 50%;
    left: calc(50% - 150px);
    width: 300px;
    text-align: center;
}
.citation_print_signature_inline {
    font-size:3em;
    font-family: "Monsieur La Doulaise";
}
.citation_print_signature {
    font-size: 2em;
    font-family: "Monsieur La Doulaise";
}
.custom-field {
    font-size: 1em !important;
    padding: .4rem;
}
.custom-field-checkbox {
    height:calc(1.8em + .75rem + 2px)
}
.kanban-main-card {
    overflow: visible !important;
}
.kanban-board {
    overflow-x: auto;
    min-height: 65vh;
}
.kanban-full {
    overflow-y: auto;
}
.kanban-main-card .card-body p {
    word-break: break-all;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    max-height: 100px;
}
.choices__list--dropdown {
    color: black;
}
html {
    --scrollbarBG: #2c3144;
    --thumbBG: #90A4AE;
}
.content-wrap::-webkit-scrollbar {
    width: 11px;
}
.content-wrap {
    height: calc(100vh - 180px);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
    .content-wrap::-webkit-scrollbar-track {
        background: var(--scrollbarBG);
    }

    .content-wrap::-webkit-scrollbar-thumb {
        background-color: var(--thumbBG);
        border-radius: 6px;
        border: 3px solid var(--scrollbarBG);
    }

.citation_print {
    max-width: 950px;
    font-size: .7rem;
    margin: auto;
}
    .citation_print span, .citation_print p{
        padding: .25rem .5rem;
    }
a.dropdown-item.app-search-topbar {
    background: transparent;
    padding: 0;
}
label[for=import-file] {
    width: 70px
}
#import-file {
    position: absolute;
    width: 65px;
    opacity: 0;
}
.blazored-typeahead__result, .blazored-typeahead__notfound, .blazored-typeahead__results-help-template, .blazored-typeahead__results-header, .blazored-typeahead__results-footer {
    padding: .5rem;
    border-top: 1px solid #383e52;
    border-bottom: 1px solid #383e52;
}
.blazored-typeahead__input {
    display: block;
    width: 100%;
    height: calc(1.8em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.8;
    color: #d1d1e2;
    background-color: #2c3144;
    background-clip: padding-box;
    border: 1px solid #383e52;
    border-radius: .25rem;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}
.blazored-typeahead.valid {
    border: 1px solid #383e52;
    border-radius: .25rem;
}
.blazored-typeahead__results {
    background-color: #2c3144;
    border: 1px solid #383e52;
}
    .citizens-nav {
    padding: 0 .5rem;
}
.card.ResourceCard .card-body {
    padding: .5rem;
}

.card.ResourceCard .card-header {
    position: absolute;
    top: 0;
    padding: .5rem;
    width: 100%;
}

.sticky-top {
    position: sticky;
    top: 4rem;
    z-index: 0 !important;
}

@font-face {
    font-family: "LicensePlate";
    src: url(../fonts/towncontrol/dealerplate.california.ttf);
}

div[ref="input"] {
    white-space: pre-wrap;
}

@font-face {
    font-family: "Monsieur La Doulaise";
    src: url(../fonts/towncontrol/MonsieurLaDoulaise-Regular.ttf);
}

.pcr-button {
    border: 1px solid black;
}

.printresultsbg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: black;
    z-index: 150;
    opacity: .5;
}

.printresults {
    overflow: auto;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-height: 100vh;
    max-width: 100vw;
    background-color: transparent;
    z-index: 155;
    opacity: 1;
}

.drag-over {
    background: #363b4f;
}

.error404 {
    display: block;
    width: 70vw;
    height: 70vh;
    margin: auto;
    position: fixed;
    top: 15vh;
    right: 0;
    bottom: 15vh;
    left: 0;
    z-index: 999;
    opacity: 0.5;
}

.error404.shade {
    background: blanchedalmond;
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 1;
}