:root {
    --visione-primary: #06c;
    --visione-primary-dark: #17324d;
    --visione-text-muted: #455b71;
    --visione-text-body: #17324d;
    --visione-text-soft: #455b71;
    --visione-success: #008758;
    --visione-warning: #a66300;
    --visione-danger: #d9364f;
    --visione-info: #2f80ed;
    --visione-light-bg: #f0f6fc;
    --visione-home-hero-bg: var(--visione-light-bg);
    --visione-font-sans: "Titillium Web", Arial, sans-serif;
    --visione-font-mono: "Roboto Mono", monospace;
}

html,
body {
    color: var(--visione-text-body);
    font-family: var(--visione-font-sans);
    font-size: 1rem;
    line-height: 1.5;
}

button,
input,
select,
textarea {
    font-family: var(--visione-font-sans);
}

select,
.form-select {
    background-color: #f7f9fc !important;
    border-color: #c5d0db !important;
    color: var(--visione-text-body) !important;
}

.form-select:focus,
select:focus {
    background-color: #fff !important;
    border-color: var(--visione-primary) !important;
    box-shadow: 0 0 0 2px rgba(0, 102, 204, 0.15) !important;
}

code,
kbd,
pre,
samp {
    font-family: var(--visione-font-mono);
}

a {
    text-decoration: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.card-title,
.callout-title {
    color: var(--visione-primary-dark);
    font-family: var(--visione-font-sans);
    line-height: 1.2;
}

p,
li,
td,
th,
label,
small,
.card-text,
.card .card-body .card-text,
.callout p,
.form-text {
    color: inherit;
    font-family: var(--visione-font-sans) !important;
}

.lead {
    color: var(--visione-text-soft);
    font-size: 1.125rem;
    line-height: 1.55;
}

.text-muted,
.text-secondary {
    color: var(--visione-text-soft) !important;
}

.text-dark {
    color: var(--visione-text-body) !important;
}

.text-primary,
.category.text-primary {
    color: var(--visione-primary) !important;
}

.text-success,
.category.text-success {
    color: var(--visione-success) !important;
}

.text-warning {
    color: var(--visione-warning) !important;
}

.text-danger {
    color: var(--visione-danger) !important;
}

.text-info {
    color: var(--visione-info) !important;
}

.display-1 {
    font-size: clamp(3rem, 5vw, 4.75rem);
    line-height: 1;
}

.display-3 {
    font-size: clamp(2.5rem, 4vw, 3.5rem);
    line-height: 1;
}

.display-6 {
    font-size: clamp(1.75rem, 2.4vw, 2.25rem);
    line-height: 1.1;
}

.bg-light {
    background-color: var(--visione-home-hero-bg) !important;
}

html body .navbar .navbar-collapsable .navbar-nav li.nav-item a.nav-link[data-focus-mouse="true"], .navbar .navbar-collapsable .navbar-nav li.nav-item button.nav-link[data-focus-mouse="true"] {
    border-color: inherit !important
}

.it-hero-wrapper.it-primary,
.it-hero-wrapper.it-primary-bg {
    background: var(--visione-primary) !important;
    color: #fff;
}

.it-hero-wrapper.it-primary h1,
.it-hero-wrapper.it-primary p,
.it-hero-wrapper.it-primary-bg h1,
.it-hero-wrapper.it-primary-bg p {
    color: #fff !important;
}

.it-hero-wrapper .container {
    min-height: 240px;
    display: flex;
    align-items: center;
}

.it-hero-wrapper.hero-compact .container {
    min-height: 132px;
}

.it-hero-wrapper .container > .row {
    width: 100%;
    justify-content: center;
}

.it-hero-wrapper .it-hero-text-wrapper {
    max-width: 820px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.it-hero-wrapper .it-hero-text-wrapper h1,
.it-hero-wrapper .it-hero-text-wrapper p {
    width: 100%;
}

.it-hero-wrapper.bg-light .it-hero-text-wrapper p {
    font-size: 1.3rem;
}

.bg-light h1,
.bg-light h2,
.bg-light h3,
.bg-light h4,
.bg-light h5,
.bg-light h6 {
    color: var(--visione-primary-dark) !important;
}

.bg-light p,
.bg-light .lead,
.bg-light .text-muted,
.bg-light .text-secondary {
    color: var(--visione-text-soft) !important;
}

.icon {
    color: currentColor;
    fill: currentColor;
    flex-shrink: 0;
}

.icon-primary {
    color: var(--visione-primary) !important;
    fill: var(--visione-primary) !important;
}

.icon-success {
    color: var(--visione-success) !important;
    fill: var(--visione-success) !important;
}

.icon-warning {
    color: var(--visione-warning) !important;
    fill: var(--visione-warning) !important;
}

.icon-danger {
    color: var(--visione-danger) !important;
    fill: var(--visione-danger) !important;
}

.icon-info {
    color: var(--visione-info) !important;
    fill: var(--visione-info) !important;
}

.btn-primary .icon:not([class*="icon-"]),
.badge[class*="bg-"] .icon:not([class*="icon-"]),
.rounded-circle[class*="bg-"] .icon:not([class*="icon-"]) {
    color: #fff;
    fill: #fff;
}

.btn-xs {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.55rem;
    --bs-btn-font-size: 0.875rem;
    line-height: 1.2;
}

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

.report-table-wrapper {
    border: 1px solid #dfe4ea;
    border-radius: 4px;
}

.report-table thead th {
    background: #f7f9fa;
    color: var(--visione-text-soft);
    font-size: 0.8125rem;
    font-weight: 700;
    padding: 0.65rem 0.75rem;
    text-transform: uppercase;
}

.report-table tbody td {
    font-size: 0.9375rem;
    padding: 0.75rem;
    vertical-align: middle;
}

.report-table-id {
    color: var(--visione-primary-dark);
    font-weight: 700;
    white-space: nowrap;
}

.report-address {
    color: var(--visione-text-soft);
    display: inline-block;
    max-width: min(36vw, 26rem);
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
}

.dashboard-stat {
    border-left: 4px solid var(--visione-primary);
}

.dashboard-stat .stat-value {
    color: var(--visione-primary-dark);
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1;
}

.page-shell {
    padding-block: 3rem;
}

.page-shell-header {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.page-shell-title {
    margin-bottom: 0.25rem;
}

.page-shell-subtitle {
    color: var(--visione-text-soft);
    margin-bottom: 0;
    max-width: 48rem;
}

.surface-card {
    background: #fff;
    border: 1px solid #dfe4ea;
    border-radius: 4px;
}

.it-header-wrapper .header-slim-right-zone .btn .rounded-icon,
.it-header-wrapper .header-slim-right-zone .btn .rounded-icon .icon {

}

.it-footer,
.it-footer a,
.it-footer h2,
.it-footer h3,
.it-footer h4,
.it-footer .it-brand-text,
.it-footer .it-brand-text h2,
.it-footer .it-brand-text h3,
.it-footer .member-name,
.it-footer .icon {
    color: #fff !important;
    fill: #fff !important;
}

@media (max-width: 767.98px) {
    .page-shell {
        padding-block: 2rem;
    }

    .it-hero-wrapper .container {
        min-height: 220px;
    }

    .it-hero-wrapper .it-hero-text-wrapper {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .report-address {
        max-width: 14rem;
    }
}

.alert-danger {
    background-position-y: center;
}

.card::after {
    margin-top: 0!important;
}