html {
    font-size: 14px;
    margin: 0;
}

:root, body, html {
    /* [data-bs-theme-base=gray] */
    --tblr-gray-50: #f9fafb;
    --tblr-gray-100: #f3f4f6;
    --tblr-gray-200: #e5e7eb;
    --tblr-gray-300: #d1d5db;
    --tblr-gray-400: #9ca3af;
    --tblr-gray-500: #6b7280;
    --tblr-gray-600: #4b5563;
    --tblr-gray-700: #374151;
    --tblr-gray-800: #1f2937;
    --tblr-gray-900: #111827;
    --tblr-gray-950: #030712;
    /* [data-bs-theme-primary=teal] */
    --tblr-primary: #4d9999;
    --tblr-primary-rgb: 77, 153, 153;
    /**/
    --tblr-primary-darken: color-mix(in oklab, var(--tblr-primary), transparent 20%);
    --tblr-primary-lt: color-mix(in oklab, var(--tblr-primary) 10%, transparent);
    --tblr-primary-200: color-mix(in oklab, var(--tblr-primary) 20%, transparent);
    --tblr-link-color: var(--tblr-primary);
    --tblr-link-hover-color: color-mix(in srgb, var(--tblr-primary), #000 20%);
}

.btn-link {
    color: rgb(var(--tblr-primary-rgb))
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.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 var(--tblr-primary);
}

html, body {
    scroll-behavior: smooth;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

#main-header > .navbar {
    --tblr-border-color: #2f2d2f;
}

.field-validation-error {
    margin-top: .375rem;
    display: block;
}

.validation-summary-errors > ul {
    margin-bottom: 0;
}

.dropzone {
    border: var(--tblr-border-width) dashed var(--tblr-border-color) !important;
    color: var(--tblr-secondary) !important;
    padding: 1rem !important;
}

    .dropzone.dz-drag-hover {
        border: var(--tblr-border-width) dashed var(--tblr-primary);
        background: rgba(var(--tblr-primary-rgb), 0.01);
        color: var(--tblr-primary);
    }

        .dropzone.dz-drag-hover .dz-message {
            opacity: 1;
        }

    .dropzone .dz-preview {
        margin: 0.5rem;
    }

        .dropzone .dz-preview .dz-image {
            border-radius: var(--tblr-border-radius);
        }

        .dropzone .dz-preview .dz-success-mark {
            height: 54px;
        }

.icon-item {
    border-radius: 99rem;
    text-align: center;
    color: inherit;
    padding: .5rem;
    background: var(--tblr-gray-100);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: inline-flex;
    position: relative;
    vertical-align: middle;
}

.icon-item-icon {
    width: 1.75rem;
    height: 1.75rem;
    justify-content: center;
    align-items: center;
    display: flex;
}

    .icon-item-icon svg {
        --tblr-icon-size: 1.75rem
    }

.card .page {
    height: 100%;
    display: block;
    border-radius: var(--tblr-card-border-radius);
}

    .card .page .container {
        position: sticky;
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        max-height: 100svh;
    }

html .tooltip.bs-tooltip-auto {
    padding: 0;
}

html .btn-icon.dropdown-toggle:after {
    display: none;
    content: none;
}