html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

a, .btn-link {
    color: #006bb7;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.content {
    padding-top: 1.1rem;
}

.page.page--inspection-list {
    height: 100vh;
    min-height: 100vh;
    overflow: hidden;
}

.page.page--inspection-list main {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.page.page--inspection-list article.content {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding-top: 0.9rem !important;
    padding-bottom: 0.75rem !important;
}

.inspection-list-page {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    overflow: hidden;
}

.inspection-list-page > h1 {
    flex: 0 0 auto;
    margin: 0;
}

.inspection-list-page > .alert,
.inspection-list-page > p,
.inspection-list-page__fixed {
    flex: 0 0 auto;
}

.inspection-list-page__fixed {
    min-height: 0;
}

.inspection-list-page__fixed h3 {
    margin-bottom: 0.65rem;
}

.inspection-list-page .card.mb-4,
.inspection-list-page .row.mb-4,
.inspection-list-page .pending-bulk-toolbar.mb-3 {
    margin-bottom: 0.65rem !important;
}

.inspection-list-page__table {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.inspection-list-page__table > .inspection-table-responsive {
    flex: 1 1 auto;
    min-height: 0 !important;
    max-height: none !important;
}

.inspection-list-page__table > .d-flex,
.inspection-list-page__table > .text-muted {
    flex: 0 0 auto;
    margin-top: 0.5rem !important;
}

.inspection-list-page__detail {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

h1:focus {
    outline: none;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid #e50000;
}

.miol-checkbox,
.miol-checkbox.form-check-input {
    border: 1px solid #6c757d;
    box-shadow: none;
}

.miol-checkbox:focus,
.miol-checkbox.form-check-input:focus {
    border-color: #495057;
    box-shadow: 0 0 0 0.1rem rgba(73, 80, 87, 0.2);
}

.inspection-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
}

.inspection-action-icon {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-color: currentColor;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}

.inspection-action-icon--detail {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3C4.5 3 1.6 5.1.5 8c1.1 2.9 4 5 7.5 5s6.4-2.1 7.5-5C14.4 5.1 11.5 3 8 3Zm0 8.5A3.5 3.5 0 1 1 8 4.5a3.5 3.5 0 0 1 0 7Zm0-1.8A1.7 1.7 0 1 0 8 6.3a1.7 1.7 0 0 0 0 3.4Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3C4.5 3 1.6 5.1.5 8c1.1 2.9 4 5 7.5 5s6.4-2.1 7.5-5C14.4 5.1 11.5 3 8 3Zm0 8.5A3.5 3.5 0 1 1 8 4.5a3.5 3.5 0 0 1 0 7Zm0-1.8A1.7 1.7 0 1 0 8 6.3a1.7 1.7 0 0 0 0 3.4Z'/%3E%3C/svg%3E");
}

.inspection-action-icon--validate {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M13.7 4.3a1 1 0 0 1 0 1.4l-6 6a1 1 0 0 1-1.4 0l-3-3a1 1 0 1 1 1.4-1.4L7 9.6l5.3-5.3a1 1 0 0 1 1.4 0Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M13.7 4.3a1 1 0 0 1 0 1.4l-6 6a1 1 0 0 1-1.4 0l-3-3a1 1 0 1 1 1.4-1.4L7 9.6l5.3-5.3a1 1 0 0 1 1.4 0Z'/%3E%3C/svg%3E");
}

.inspection-action-icon--photos {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 4.5A1.5 1.5 0 0 1 4.5 3H6l.7-1.1A1.5 1.5 0 0 1 8 1h1.5a1.5 1.5 0 0 1 1.3.8L11.5 3H13a1.5 1.5 0 0 1 1.5 1.5v7A1.5 1.5 0 0 1 13 13H3a1.5 1.5 0 0 1-1.5-1.5v-7ZM8 11.5A3.5 3.5 0 1 0 8 4.5a3.5 3.5 0 0 0 0 7Zm0-1.5A2 2 0 1 1 8 6a2 2 0 0 1 0 4Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 4.5A1.5 1.5 0 0 1 4.5 3H6l.7-1.1A1.5 1.5 0 0 1 8 1h1.5a1.5 1.5 0 0 1 1.3.8L11.5 3H13a1.5 1.5 0 0 1 1.5 1.5v7A1.5 1.5 0 0 1 13 13H3a1.5 1.5 0 0 1-1.5-1.5v-7ZM8 11.5A3.5 3.5 0 1 0 8 4.5a3.5 3.5 0 0 0 0 7Zm0-1.5A2 2 0 1 1 8 6a2 2 0 0 1 0 4Z'/%3E%3C/svg%3E");
}

.inspection-action-icon--pdf {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 1.5A1.5 1.5 0 0 0 2.5 3v10A1.5 1.5 0 0 0 4 14.5h8a1.5 1.5 0 0 0 1.5-1.5V5.2a1.5 1.5 0 0 0-.4-1L10.3 1.9a1.5 1.5 0 0 0-1-.4H4Zm5 .8 2.7 2.7H9V2.3ZM5 7h1.8a1.7 1.7 0 1 1 0 3.4H6.2V12H5V7Zm1.2 2.3h.5a.6.6 0 0 0 0-1.2h-.5v1.2ZM8.8 7h1.9c1.3 0 2.3 1 2.3 2.5S12 12 10.7 12H8.8V7Zm1.2 3.9h.5c.7 0 1.2-.5 1.2-1.4S11.2 8 10.5 8H10v2.9ZM13.2 7v1.1h-1.7v1h1.5v1.1h-1.5V12h-1.2V7h2.9Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 1.5A1.5 1.5 0 0 0 2.5 3v10A1.5 1.5 0 0 0 4 14.5h8a1.5 1.5 0 0 0 1.5-1.5V5.2a1.5 1.5 0 0 0-.4-1L10.3 1.9a1.5 1.5 0 0 0-1-.4H4Zm5 .8 2.7 2.7H9V2.3ZM5 7h1.8a1.7 1.7 0 1 1 0 3.4H6.2V12H5V7Zm1.2 2.3h.5a.6.6 0 0 0 0-1.2h-.5v1.2ZM8.8 7h1.9c1.3 0 2.3 1 2.3 2.5S12 12 10.7 12H8.8V7Zm1.2 3.9h.5c.7 0 1.2-.5 1.2-1.4S11.2 8 10.5 8H10v2.9ZM13.2 7v1.1h-1.7v1h1.5v1.1h-1.5V12h-1.2V7h2.9Z'/%3E%3C/svg%3E");
}

.inspection-action-icon--excel {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 1.5A1.5 1.5 0 0 0 2.5 3v10A1.5 1.5 0 0 0 4 14.5h8a1.5 1.5 0 0 0 1.5-1.5V5.2a1.5 1.5 0 0 0-.4-1L10.3 1.9a1.5 1.5 0 0 0-1-.4H4Zm5 .8 2.7 2.7H9V2.3ZM5 6.5h1.2l.8 1.4.8-1.4H9.9L7.8 9.7l2.1 3.3H8.7l-.9-1.5-.9 1.5H5.7l2.1-3.3L5.7 6.5Zm5.2 1h2.1v1h-2.1v-1Zm0 2h2.1v1h-2.1v-1Zm0 2h2.1v1h-2.1v-1Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 1.5A1.5 1.5 0 0 0 2.5 3v10A1.5 1.5 0 0 0 4 14.5h8a1.5 1.5 0 0 0 1.5-1.5V5.2a1.5 1.5 0 0 0-.4-1L10.3 1.9a1.5 1.5 0 0 0-1-.4H4Zm5 .8 2.7 2.7H9V2.3ZM5 6.5h1.2l.8 1.4.8-1.4H9.9L7.8 9.7l2.1 3.3H8.7l-.9-1.5-.9 1.5H5.7l2.1-3.3L5.7 6.5Zm5.2 1h2.1v1h-2.1v-1Zm0 2h2.1v1h-2.1v-1Zm0 2h2.1v1h-2.1v-1Z'/%3E%3C/svg%3E");
}

.inspection-selection-dialog {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.inspection-selection-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.25rem;
}

.inspection-selection-card {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.75rem;
    border: 1px solid #d7dde5;
    background: #fff;
}

.inspection-selection-card img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border: 1px solid #d7dde5;
    background: #f8f9fb;
}

.inspection-selection-card input {
    width: 1rem;
    height: 1rem;
}

.inspection-selection-photo-button {
    display: block;
    width: 100%;
    border: 0;
    padding: 0;
    background: transparent;
    cursor: zoom-in;
}

.inspection-selection-photo-button:focus-visible {
    outline: 3px solid rgba(13, 110, 253, 0.35);
    outline-offset: 2px;
}

.inspection-pdf-options {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.inspection-pdf-dialog > .inspection-pdf-options {
    order: 1;
}

.inspection-pdf-dialog > .inspection-selection-grid,
.inspection-pdf-dialog > .alert {
    order: 2;
}

.inspection-pdf-dialog > .inspection-selection-actions {
    order: 3;
}

.inspection-selection-check {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    color: #233654;
}

.inspection-pdf-language {
    display: grid;
    gap: 0.45rem;
    max-width: 22rem;
}

.inspection-selection-actions {
    flex: 0 0 auto;
    display: flex;
    justify-content: end;
    gap: 0.5rem;
    padding-top: 0.5rem;
    background: #fff;
}

.app-modal-dialog.inspection-selection-modal {
    width: min(100%, 64rem);
}

@media (min-width: 992px) {
    .app-modal-dialog.inspection-selection-modal {
        width: 75vw;
    }
}

@media (max-width: 991.98px) {
    .inspection-selection-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .inspection-selection-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .inspection-selection-actions {
        justify-content: stretch;
        flex-direction: column;
    }

    .inspection-selection-actions .btn {
        width: 100%;
    }
}

@media (max-width: 479.98px) {
    .inspection-selection-grid {
        grid-template-columns: 1fr;
    }
}