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

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;
}

h1:focus {
    outline: none;
}

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

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

.validation-message {
    color: #e50000;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

.darker-border-checkbox.form-check-input {
    border-color: #929292;
}

.sdh-separator {
    background-color: var(--color-separator, rgba(0, 0, 0, .1));
    height: 1px;
    margin: 12px 10px;
}

.e-dialog.sdh-profile-menu {
    max-height: 100%;
}

    .e-dialog.sdh-profile-menu .e-dlg-content {
        background: url("logo_zucchetti.png") bottom no-repeat;
    }

        .e-dialog.sdh-profile-menu .e-dlg-content .version,
        .e-dialog.sdh-profile-menu .e-dlg-content .copyright {
            display: block;
            font-size: var(--font-size-small);
        }

        .e-dialog.sdh-profile-menu .e-dlg-content .version {
            margin-top: auto;
        }

.sdh-culture-select {
    margin-top: var(--margin-normal);
}
/* Form */
form {
    width: var(--form-size);
    margin-right: var(--margin-extralarge);
}

.sdh-form-section-title {
    color: var(--color-font);
    font-size: var(--font-size-medium);
    margin: var(--margin-small) auto;
}

.sdh-form-input-with-btn {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: flex-end;
}

    .sdh-form-input-with-btn > .form-group {
        flex: 0 1 100% !important;
        margin: 0;
        min-width: 0;
        max-width: 100% !important;
    }

        .sdh-form-input-with-btn > .form-group:has(input),
        .sdh-form-input-with-btn > .form-group:has(select),
        .sdh-form-input-with-btn > .form-group:has(textarea) {
            flex: 1 1 0%;
        }

        .sdh-form-input-with-btn > .form-group:has(button) {
            flex: 0 0 auto !important;
            display: flex;
            align-items: center;
            margin-left: auto;
        }

/* Grid Syncfusion */
.e-grid {
    border: none;
}

    .e-grid .e-focused {
        box-shadow: none !important;
    }

    .e-grid .e-row {
        cursor: pointer;
    }

    .e-grid .not-last .e-rowcell {
        color: var(--color-font-disabled) !important;
    }

        .e-grid .not-last .e-rowcell.e-templatecell .statustxt.e-activecolor {
            color: var(--color-disabled-green);
        }

        .e-grid .not-last .e-rowcell.e-templatecell .statustxt.e-inactivecolor {
            color: var(--color-disabled-red);
        }

        .e-grid .not-last .e-rowcell.e-templatecell .statustxt.e-pendingcolor {
            color: var(--color-disabled-blue);
        }

        .e-grid .not-last .e-rowcell.e-templatecell .statustxt.e-sendwitherrorcolor {
            color: var(--color-disabled-orange);
        }

    .e-grid.sdh-hide-filter .e-filterbar {
        display: none;
    }

    .e-grid .e-groupdroparea.e-grouped, .e-grid .e-groupdroparea.e-droppable {
        display: none;
    }

    .e-grid.sf-grid.e-default table th:not([rowspan="1"]):not(.e-detailcell,.e-detailindentcell,.e-stackedheadercell,.e-detailheadercell,.e-rowdragheader) {
        border: none;
    }

    .e-grid.sf-grid .e-groupcaption {
        padding: 2px;
        font-size: var(--font-size-small);
    }

    .e-grid .e-recordplusexpand {
        padding-top: 2px;
    }

    .e-grid.sf-grid .e-icon-gdownarrow,
    .e-grid.sf-grid .e-icon-grightarrow {
        padding: 2px;
    }

    .e-grid .e-group-intent {
        width: 20px !important;
    }

div.empty-grid {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color-error);
}

span.empty-msg {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color-error);
    height: 100%;
    padding: var(--padding-normal);
}

    span.empty-msg.not-visible {
        display: none;
    }

.e-pager.sf-pager {
    font-size: var(--font-size-small);
}

    .e-pager.sf-pager .e-numericcontainer a.e-numericitem,
    .e-pager.sf-pager a.e-np {
        font-size: var(--font-size-small);
        padding: var(--padding-small);
        color: var(--color-accent);
    }

    .e-pager.sf-pager .e-pagercontainer .e-first,
    .e-pager.sf-pager .e-pagercontainer .e-prev,
    .e-pager.sf-pager .e-pagercontainer .e-next,
    .e-pager.sf-pager .e-pagercontainer .e-last {
        padding: var(--padding-small);
        color: var(--color-accent);
    }

    .e-pager.sf-pager a.e-currentitem {
        border: none;
    }

    .e-pager.sf-pager .e-pagesizes .e-input-group.e-control-wrapper input.e-input {
        font-size: var(--font-size-small);
        height: auto;
    }

    .e-pager.sf-pager .e-pagerdropdown {
        margin-top: -14px;
    }

        .e-pager.sf-pager .e-pagerdropdown .e-input-group.e-control-wrapper .e-input-group-icon {
            min-height: 28px;
        }

    .e-pager.sf-pager .e-pagerconstant {
        margin: 0 0 3px 0;
    }

    .e-pager.sf-pager div.e-parentmsgbar {
        padding-top: 6px;
    }


.e-grid .e-rowcell.sdh-Green {
    background-color: var(--color-background-green);
    color: var(--color-green) !important;
}

.e-grid .e-rowcell.sdh-Red {
    background-color: var(--color-background-red);
    color: var(--color-red) !important;
}

.e-grid .e-rowcell.sdh-Orange {
    background-color: var(--color-background-orange);
    color: var(--color-orange) !important;
}

.e-grid .e-rowcell.sdh-Blue {
    background-color: var(--color-background-blue);
    color: var(--color-blue) !important;
}

/* SfSwitch de Syncfusion */
.e-switch-wrapper .e-switch-inner.e-switch-active,
.e-css.e-switch-wrapper .e-switch-inner.e-switch-active {
    background-color: var(--color-accent) !important;
    border-color: var(--color-accent) !important;
}

.e-switch-wrapper .e-switch-on,
.e-css.e-switch-wrapper .e-switch-on {
    background-color: var(--color-accent) !important;
    color: var(--color-accent3) !important;
}

.e-switch-wrapper:hover .e-switch-handle.e-switch-active,
.e-css.e-switch-wrapper:hover .e-switch-handle.e-switch-active {
    background-color: var(--color-accent3) !important;
}

.help-info-container .e-switch-wrapper .e-switch-inner.e-switch-active,
.help-info-container .e-css.e-switch-wrapper .e-switch-inner.e-switch-active {
    background-color: var(--color-accent2) !important;
    border-color: var(--color-accent2) !important;
}

.help-info-container .e-switch-wrapper .e-switch-on,
.help-info-container .e-css.e-switch-wrapper .e-switch-on {
    background-color: var(--color-accent2) !important;
    color: var(--color-accent3) !important;
}

.help-info-container .e-switch-wrapper:hover .e-switch-handle.e-switch-active,
.help-info-container .e-css.e-switch-wrapper:hover .e-switch-handle.e-switch-active {
    background-color: var(--color-accent3) !important;
}

/* Autocomplete Syncfusion */
.e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper {
    box-shadow: 0 3.2px 7.2px 0 var(--color-shadow, rgba(0, 0, 0, .132)), 0 .6px 1.8px 0 var(--color-shadow-secondary, rgba(0, 0, 0, .108)) !important;
    border: var(--form-border) !important;
}

    .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper .e-autocomplete {
        font-size: var(--font-size-medium) !important;
    }

        .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper .e-autocomplete:disabled {
            border: none;
        }

/* Home */
.summary-card .card-content .extra-data-container {
    display: flex;
    flex-direction: column;
    margin-left: var(--margin-large);
    min-width: 100px;
}

    .summary-card .card-content .extra-data-container .extra-data-info {
        display: flex;
        align-items: center;
        font-size: var(--font-size-large);
        border-radius: var(--radius-normal);
        border: 1px solid;
        margin: 2px 0;
        padding: 0 10px;
        width: 100%;
        text-align: right;
        cursor: pointer;
    }

        .summary-card .card-content .extra-data-container .extra-data-info:first-of-type {
            margin-top: 0;
        }

        .summary-card .card-content .extra-data-container .extra-data-info:last-of-type {
            margin-bottom: 0;
        }

        .summary-card .card-content .extra-data-container .extra-data-info.sdh-Green {
            background-color: var(--color-background-green);
            color: var(--color-green);
        }

        .summary-card .card-content .extra-data-container .extra-data-info.sdh-Red {
            background-color: var(--color-background-red);
            color: var(--color-red);
        }

        .summary-card .card-content .extra-data-container .extra-data-info.sdh-Orange {
            background-color: var(--color-background-orange);
            color: var(--color-orange);
        }

        .summary-card .card-content .extra-data-container .extra-data-info.sdh-Blue {
            background-color: var(--color-background-blue);
            color: var(--color-blue);
        }

        .summary-card .card-content .extra-data-container .extra-data-info svg {
            margin-right: var(--margin-small);
        }

        .summary-card .card-content .extra-data-container .extra-data-info span {
            flex-grow: 1;
        }

/* HomeNoCompanies*/
.homenocompanies-content {
    text-align: center;
    padding: var(--padding-large);
    max-width: 700px;
    margin: 0 auto;
}

.homenocompanies-title {
    color: var(--color-font);
    font-size: var(--font-size-title);
    font-weight: var(--font-weight-extralarge);
    margin-bottom: var(--margin-normal);
}

.homenocompanies-message {
    color: var(--color-font-disabled);
    font-size: var(--font-size-large);
    margin-bottom: var(--margin-large);
}

/* AzureDashboard */
.templateAlign {
    font-weight: 500;
    margin-left: -20px;
    font-size: 13px;
    color: var(--color-accent);
}

    .templateAlign.center {
        font-size: 20px;
        font-weight: bold;
        margin-left: 10px;
    }

.e-panel-header {
    display: flex;
    justify-content: space-between;
}

@media (max-width:700px) {
    .templateAlign {
        font-weight: 700;
        font-size: 20px;
    }

        .templateAlign.center {
            font-size: 40px;
            font-weight: bold;
        }
}

/* Dashboard */
.dashboard {
    width: 100%;
    height: 100%;
    background: var(--color-background-secondary);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 1rem;
}


/* SalesInvoice Status*/
.statustemp {
    border-radius: var(--radius-normal);
    text-align: center;
    box-shadow: 0 3.2px 7.2px 0 var(--color-shadow, rgba(0, 0, 0, .132)), 0 .6px 1.8px 0 var(--color-shadow-secondary, rgba(0, 0, 0, .108));
}

    .statustemp.e-inactivecolor {
        background-color: var(--color-background-red);
    }

    .statustemp.e-activecolor {
        background-color: var(--color-background-green);
    }

    .statustemp.e-pendingcolor {
        background-color: var(--color-background-blue);
    }

    .statustemp.e-sendwitherrorcolor {
        background-color: var(--color-background-orange);
    }

.statustxt.e-activecolor {
    color: var(--color-green);
}

.statustxt.e-inactivecolor {
    color: var(--color-red);
}

.statustxt.e-pendingcolor {
    color: var(--color-blue);
}

.statustxt.e-sendwitherrorcolor {
    color: var(--color-orange);
}

/* SalesInvoiceDetails */
.sdh-stepper-group {
    display: flex;
    flex-direction: column;
}

.e-sidebar .sdh-stepper-group,
.e-sidebar .sdh-invoice-chain-wrapper,
.e-sidebar .sdh-invoice-supply-wrapper {
    margin: var(--margin-normal) var(--margin-small);
}

.sdh-invoice-chain-wrapper span.title {
    font-size: var(--font-size-large);
    color: var(--color-font);
}

.sdh-invoice-chain-wrapper .sdh-invoice-chain .chain-item span {
    font-size: var(--font-size-medium);
}

.sdh-invoice-chain {
    display: flex;
    align-items: center;
}

    .sdh-invoice-chain .chain-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .sdh-invoice-chain .sdh-form-btn {
        margin: 0 var(--margin-small);
    }

.sdh-stepper-group .sdh-stepper-title {
    font-size: var(--font-size-large);
    color: var(--color-font);
}

.sdh-invoice-supply-wrapper span.title {
    font-size: var(--font-size-large);
    color: var(--color-font);
}

.sdh-invoice-supply-wrapper .sdh-supply-reference-card {
    height: 88px !important;
    width: 250px !important;
}

    .sdh-invoice-supply-wrapper .sdh-supply-reference-card .card-title {
        font-size: var(--font-size-large);
        font-weight: var(--font-weight-large);
        color: var(--color-font);
        text-align: center;
    }

    .sdh-invoice-supply-wrapper .sdh-supply-reference-card .card-header {
        display: flex;
        justify-content: space-between;
    }

.sdh-justify-space-around {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    width: 100%;
}

/* User Profile Dialog */
.sdh-profile-menu .e-dialog .e-dlg-content {
    display: flex;
    flex-direction: column;
}

/*Button*/
.sdh-form-btn {
    border-radius: var(--radius-small);
    border: var(--border-btn);
    cursor: pointer;
    font-weight: var(--font-weight-large);
    padding: var(--padding-btn);
    transition: background 80ms linear;
    flex-shrink: 0;
    margin-left: auto;
}

    .sdh-form-btn:not(:disabled):hover {
        background: rgba(0, 0, 0, .1);
    }

    .sdh-form-btn:disabled {
        color: var(--color-font-disabled);
        cursor: default;
        background: buttonface;
    }

/**/
.page-content-body .e-sidebar {
    box-shadow: -20px 5px 12px 2px var(--color-shadow, rgba(0, 0, 0, .132)), -10px 5px 12px 2px var(--color-shadow-secondary, rgba(0, 0, 0, .108));
}

/* AnonymousLayouts */
.sdh-container {
    display: flex;
    justify-content: center;
    height: 100vh;
    align-items: center;
}

    .sdh-container.declaracion-responsable {
        height: 100%;
        padding: 3rem;
    }

    .sdh-container .sdh-content {
        background: var(--color-background-secondary);
        padding: var(--padding-large);
        border-radius: var(--radius-normal);
        box-shadow: 0 3.2px 7.2px 0 var(--color-shadow, rgba(0, 0, 0, .132)), 0 .6px 1.8px 0 var(--color-shadow-secondary, rgba(0, 0, 0, .108));
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        .sdh-container .sdh-content .sdh-form-btn {
            margin: 0;
        }

        .sdh-container .sdh-content h1 {
            font-size: var(--font-size-extralarge);
        }

        .sdh-container .sdh-content h2 {
            font-size: var(--font-size-large);
            margin-top: var(--margin-large);
            margin-bottom: var(--margin-large);
            font-weight: bold;
        }

        .sdh-container .sdh-content h3 {
            font-size: var(--font-size-large);
            margin-top: var(--margin-normal);
        }

        .sdh-container .sdh-content.declaracion-responsable {
            align-items: flex-start;
        }

            .sdh-container .sdh-content.declaracion-responsable label {
                display: block;
            }

    .sdh-container .sdh-home-message {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 120px;
        color: var(--color-accent3);
        font-size: var(--font-size-large);
    }

/*info-container*/
.info-container .row {
    --bs-gutter-x: 0rem;
    z-index: 10;
    position: relative;
}

.info-container .sdh-icon {
    position: absolute;
    width: 250px !important;
    top: -68px;
    left: 10%;
    fill: rgba(220, 220, 220, 0.4) !important;
    transform: rotate(-45deg);
    z-index: 5;
}

/*Custom classes*/
.max-h-170 {
    max-height: 170px;
}

/*Dropdownlist PopUp*/
.dropdownlist .e-dropdownbase .e-list-item.e-active {
    background-color: var(--color-accent) !important;
}

.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
    border-color: var(--color-accent) !important;
    border-radius: 4px;
    box-shadow: 0 0 0 4px var(--color-accent-opacity-35) !important;
}


/* Help */
.highlighted-step {
    box-shadow: 0 0 0 4px var(--color-accent3) !important;
    transition: box-shadow 0.3s ease-in-out;
    border-radius: 8px !important;
    position: relative !important;
    z-index: 1002 !important;
}

.sdh-help-tooltip.e-tooltip-wrap.e-popup {
    background-color: var(--color-background-help);
    padding: var(--padding-normal);
    border: 1px solid var(--color-background-help);
    max-width: max-content;
}

.sdh-help-tooltip.e-tooltip-wrap.center-screen {
    top: 50vh !important;
}

.sdh-help-tooltip.e-tooltip-wrap .e-tip-content {
    font-size: var(--font-size-medium);
    color: var(--color-font);
    padding: 0;
}

.sdh-help-tooltip.e-tooltip-wrap .e-arrow-tip-inner.e-tip-right,
.sdh-help-tooltip.e-tooltip-wrap .e-arrow-tip-inner.e-tip-left,
.sdh-help-tooltip.e-tooltip-wrap .e-arrow-tip-inner.e-tip-bottom,
.sdh-help-tooltip.e-tooltip-wrap .e-arrow-tip-inner.e-tip-top {
    color: var(--color-background-help);
}

.sdh-help-tooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-top {
    border-bottom: 8px solid var(--color-background-help);
}

.sdh-help-tooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-left {
    border-right: 8px solid var(--color-background-help);
}

.sdh-help-tooltip.e-tooltip-wrap .e-tooltip-close {
    display: none;
}

.sdh-helpcontrol-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: var(--margin-small);
}

    .sdh-helpcontrol-container .button-container {
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 8px;
    }

    .sdh-helpcontrol-container .help-info-container {
        display: flex;
        align-items: center;
        margin-top: var(--margin-normal);
    }

        .sdh-helpcontrol-container .help-info-container label,
        .sdh-helpDetail-container .sdh-detail-helpcontrol-container label {
            margin-left: var(--margin-small);
            font-size: var(--font-size-small);
            vertical-align: top;
        }

    .sdh-helpcontrol-container .sdh-form-btn {
        margin-left: 0;
        padding: 6px;
        display: flex;
    }

        .sdh-helpcontrol-container .sdh-form-btn.not-visible {
            display: none;
        }

.sdh-helpcontrol-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1001;
    pointer-events: all;
}

    .sdh-helpcontrol-overlay.not-visible {
        display: none;
    }

.sdh-detail-helpcontrol-container {
    padding: 6px;
    text-align: right;
}

/* Dialogos */
.e-dialog.sdh-data,
.e-dialog.sdh-help-detail-text,
.e-dialog.sdh-user-warning-text {
    width: var(--form-modal-size) !important;
}