@import 'MediaQueries.css';
@import 'BootstrapOverrides.css';
@import 'DatatablesOverrides.css';
@import 'DatatablesCustom.css';
@import 'Autocomplete.css';

:root {
    --blue: rgb(12,59,93);
    --blue50: rgba(12,59,93,.5);
    --red: rgb(160,40,67);
}


/*TPAD Specific Styles*/
html {
    position: relative;
    min-height: 100%;
    scroll-behavior: smooth;
}

body {
    margin-bottom: 60px;
    background-color: #F8F8F8;
}

main {
    margin-bottom: 300px;
}

.section-header {
    color: var(--blue);
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-weight: bold;
}

.multiSortTooltip {
    cursor: help;
    color: var(--blue);
}

.multiSortTooltip:hover {
    color: rgba(0,0,0,.50);
}

/*Generic Styles*/
.text-blue {
    color: var(--blue);
}

.background-gray {
    background-color: #F8F8F8;
}

.background-white {
    background-color: #FFF;
}

.pointer{
    cursor: pointer;
}

.white-space-prewrap{
    white-space: pre-wrap;
}

.margin-negative-150 {
    margin-top: -150px;
}

.margin-left-6-px{
    margin-left: 6px;
}

.margin-bottom-15-px{
    margin-bottom: 15px;
}

.padding-15-px{
    padding: 15px;
}

.max-width-fit-content {
    max-width: fit-content;
}

.max-width-100-vw {
    max-width: 100vw;
}

.max-width-90-vw {
    max-width: 90vw;
}

.buildingSketch {
    max-width: 100%;
    height: auto;
}

.buildingPhoto {
    max-width: 128px;
    max-height: 128px;
}

.buildingPhotosContainer {
    max-height: 255px;
}

p.detailsPage {
    margin-bottom: 0.5rem;
}

.parcel-county-and-tax-year {
    text-transform: uppercase;
    color: var(--blue);
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
.tooltip-inner {
    text-align: left;
}

.blue-spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -0.125em;
    border: 0.25em solid var(--blue);
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: 1s linear infinite spinner-border;
    animation: 1s linear infinite spinner-border;
}

.countyDefaultBtn, .resetDefaultBtn {
    color: var(--blue);
    padding-left: 5px;
}

.countyDefaultWarning {
    color: var(--red);
    padding-left: 5px;
}

.searchPlaceholder {
    color: #6c757d;
}

.basicSearchAdvSearchBtn {
    color: #FFF;
    background-color: var(--red);
}

.basicSearchAdvSearchBtn:hover {
    color: #FFF;
    background-color: #b42d4c;
}

.basicSearchCard {
    padding: 1rem 1rem 0 1rem;
}