body {
    font-family: 'Avant Garde',Avantgarde,'Century Gothic',CenturyGothic,AppleGothic,sans-serif;
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.modal-dialog .modal-header {
    background-color: #3475b9;
    color: #fff;
    overflow: auto;
}

.modal-header .btn-danger {
    font-size: 18px;
    padding: 0px 8px;
    margin-bottom: -2px;
    margin-top: -2px;
}

.modal-content.with-helper .modal-header {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
}

.modal-title {
    font-size: 18px;
    font-weight: normal;
}

.modal-content.with-helper .modal-title {
    margin-bottom: 1.5rem;
}

.modal .well-tools {
    margin-bottom: 0;
}

    .modal .well-tools > * {
        display: inline-block;
    }

    .modal .well-tools .filter {
        max-width: 50%;
        min-width: 100px;
    }

    .modal .well-tools > a.btn {
        height: 34px;
        vertical-align: top;
        margin-left: 0.4rem;
    }

    .modal .well-tools .filter {
        margin-bottom: -0.5rem;
    }

.modal-body {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

.modal-dialog .modal-body {
    font-size: 14px;
}

.modal-content.with-helper .modal-body {
    max-height: calc(100vh - 240px);
}


.modal-body .section-label {
    margin-bottom: 1rem;
    font-size: 1.5rem;
}

.modal select {
    width: auto;
}

    .modal select.full-width {
        /* Workaround to preserve backwards compatibility with 'width:auto' */
        width: 100%;
    }

.modal .form-group-inline label:not(.switch) {
    min-width: 200px;
    vertical-align: top;
    position: relative;
    top: 4px;
    font-weight: bold;
}

.modal .form-group-inline label,
.modal .form-group-inline select,
.modal .form-group-inline input[type=text],
.modal .form-group-inline .check-list {
    display: inline-block;
}

.modal .form-group-inline input[type=text] {
    width: calc(75% - 205px);
}

.modal .form-group-inline .error-message {
    display: none;
    margin-left: 20.6rem;
    margin-top: 0.6rem;
}

.modal .form-group-inline .check-list {
    position: relative;
    top: 4px;
    margin-bottom: 0;
}

.modal a.help {
    color: #333;
    cursor: pointer;
}

.modal .panel-filter {
    margin-bottom: 0;
    border-radius: 4px 4px 0 0;
    background: #efefef;
}

    .modal .panel-filter .panel-body {
        padding: 1rem;
    }

.modal .loading-container {
    height: 240px;
}

.modal .empty-message {
    padding: 3rem;
    text-align: center;
    margin: 0 auto;
    font-size: 2rem;
}

.modal hr {
    border-top-color: #e5e5e5;
}

.theme-dark .modal hr {
    border-top-color: #222;
}

.theme-dark table.table-striped.available-displays > tbody > tr:nth-of-type(2n+1) {
    background-color: #222;
}

.theme-dark table.table-striped.available-displays tr td,
.theme-dark table.table-striped.available-displays tr th {
    border-color: #000;
}

.theme-dark .modal-content {
    background-color: #2d2d30;
    border: #222 1px solid;
    color: #eee !important;
}

    .theme-dark .modal-content .modal-header {
        border-bottom: #222 1px solid;
        background-color: #2d2d30;
    }

    .theme-dark .modal-content .modal-footer {
        border-top: #222 1px solid;
    }

.theme-dark .modal a.help-link {
    color: #eee !important;
}

.theme-dark .modal input[type=text],
.theme-dark .modal select {
    background: #444;
    border-color: #333 !important;
    color: #eee;
}

.theme-default .modal a.help-link {
    color: #000 !important;
}

.theme-dark .table-striped.card-field-selector > tbody > tr:nth-of-type(odd) {
    background-color: #222;
}

.theme-dark .table-striped.card-field-selector > tbody > tr > td {
    border-color: transparent;
}

.theme-dark .table-striped.card-field-selector .ui-sortable-helper {
    background-color: #222 !important;
    opacity: .8;
}

.available-displays input[type="checkbox"], .ui-sortable-helper input[type="checkbox"] {
    display: none;
}

.theme-dark .available-displays .ui-sortable-helper {
    background-color: #222 !important;
    opacity: .8;
}

.modal.pictures .modal-dialog {
    max-width: 80%;
    width: 80%;
}

.modal.pictures .modal-content {
    height: 90vh;
    max-height: 90vh;
    min-height: 50vh;
    display: flex;
    flex-direction: column;
}

.modal.pictures .modal-header, .modal-footer {
    flex-shrink: 0;
}

.modal.pictures .modal-body {
    flex-grow: 1;
    overflow: hidden;
    padding: 15px;
}

.modal.pictures .modal-picture-iframe {
    height: 100%;
    width: 100%;
    border-width: inherit;
    border-color: inherit;
}

.modal.pictures-display-grid-item {
    cursor: none;
}

@media (max-width: 768px) {
    .modal.pictures .modal-dialog {
        width: 95%;
        max-width: 95%;
    }

    .modal.pictures .modal-content {
        height: 95vh;
    }
}

.modal.neighborhoodReportModal .modal-dialog {
    max-width: 80%;
    width: 80%;
}

.modal.neighborhoodReportModal .modal-content {
    height: 90vh;
    max-height: 90vh;
    min-height: 50vh;
    display: flex;
    flex-direction: column;
}

.modal.neighborhoodReportModal .modal-header, .modal-footer {
    flex-shrink: 0;
}

.modal.neighborhoodReportModal .modal-body {
    flex-grow: 1;
    overflow: hidden;
    padding: 15px;
}

.modal.neighborhoodReportModal .neighborhoodReportIFrame {
    height: 100%;
    width: 100%;
    border-width: inherit;
    border-color: inherit;
}


@media (max-width: 768px) {
    .modal.neighborhoodReportModal .modal-dialog {
        width: 95%;
        max-width: 95%;
    }

    .modal.neighborhoodReportModal .modal-content {
        height: 95vh;
    }
}

.modal-alert .modal-title {
    font-size: 24px;
}

.modal-alert .modal-body {
    display: flex;
    align-items: center;
}

.modal-alert .material-symbols-outlined {
    color: red;
    font-size: 40px;
}

.modal-alert .modal-body-text {
    font-size: 18px;
    margin-left: .5rem;
    padding-top: .25rem;
}

.modal-alert .modal-footer {
    font-size: 2rem;
    margin-left: 1rem;
    padding-top: .3rem;
}

.grid-manager-modal .loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .grid-manager-modal .loading-overlay .spinner {
        width: 40px;
        height: 40px;
        border: 6px solid #f3f3f3;
        border-top: 6px solid #337ab7;
        border-radius: 50%;
        animation: grid-manager-spin 0.8s linear infinite;
    }

@keyframes grid-manager-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.grid-manager-modal .hidden {
    display: none !important;
}


.theme-dark .grid-manager-modal label.control-label[for="gridNameInput"] {
    color: #000;
}

.theme-dark .grid-manager-modal label.control-label[for="ddlGridType"] {
    color: #000;
}

.grid-manager-modal .delete-grid-name {
    font-weight: bold;
}

.grid-manager-modal .grid-delete-warning {
    text-align: left;
}

.theme-dark .grid-manager-modal .grid-delete-warning {
    color: #000;
}