:root
{
    --nero: #333;
    --verdescuro: #018e40;
    --celeste: #3994ca;
    --verde: #139a4f;
    --aranciochiaro: #ff8d3c;

    --bs-link-color: var(--bluacceso);
    --highlight-font-weight: 600;
    --badge-color: var(--grigiochiaro);
    --badge-text-color: var(--grigionero);
    --statoverde: var(--verde);
    --statogrigio: var(--grigiosblu);
    --statoblu: var(--celeste);
    --statoarancio: var(--aranciochiaro);
    --mobile-w: auto;
    --warning-color: #fdba00;
    --info-color: var(--statoblu);

    --timeline-left: 40px;
    --timeline-margin: 30px;
    --timeline-pin: 4px;
    --timeline-line: 4px;
    --timeline-element: 1em;
}

@media print {
    body
    {
        width: 1024px;
    }
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-pull-11 {
        right: 91.66666667%;
    }
    .col-sm-pull-10 {
        right: 83.33333333%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-8 {
        right: 66.66666667%;
    }
    .col-sm-pull-7 {
        right: 58.33333333%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-5 {
        right: 41.66666667%;
    }
    .col-sm-pull-4 {
        right: 33.33333333%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-2 {
        right: 16.66666667%;
    }
    .col-sm-pull-1 {
        right: 8.33333333%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-push-11 {
        left: 91.66666667%;
    }
    .col-sm-push-10 {
        left: 83.33333333%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-8 {
        left: 66.66666667%;
    }
    .col-sm-push-7 {
        left: 58.33333333%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-5 {
        left: 41.66666667%;
    }
    .col-sm-push-4 {
        left: 33.33333333%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-2 {
        left: 16.66666667%;
    }
    .col-sm-push-1 {
        left: 8.33333333%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
        margin-left: 0%;
    }
    .visible-xs {
        display: none !important;
    }
    .hidden-xs {
        display: block !important;
    }
    table.hidden-xs {
        display: table;
    }
    tr.hidden-xs {
        display: table-row !important;
    }
    th.hidden-xs,
    td.hidden-xs {
        display: table-cell !important;
    }
    .hidden-xs.hidden-print {
        display: none !important;
    }
    .hidden-sm {
        display: none !important;
    }
    .visible-sm {
        display: block !important;
    }
    table.visible-sm {
        display: table;
    }
    tr.visible-sm {
        display: table-row !important;
    }
    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
    .footer,
    .footer *,
    .timeline-element,
    .timeline-element *,
    .form-input,
    .form-input *,
    .gruppo-riga,
    .gruppo-riga *{
        break-inside: avoid;
    }
    .badge-breakword
    {
        max-width: 16ch;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap !important;
    }
    .td.id
    {
        white-space: nowrap !important;
    }
    #armoniaclick-lista .lista .riga .mobile.js-azioni-riga
    {
        display: table-cell !important;
    }
    #armoniaclick-lista .lista .riga .mobile.toggle-riga-mobile
    {
        display: none !important;
    }
}


html{
    font-size: inherit;
}

optgroup
{
    font-weight: normal;
}

input::placeholder
{
    font-weight: bold;
}

/** Reset boostrap */

.btn-primary {
    background-color: var(--bluscuro);
    border-color: var(--bluscuro);
}

.btn
{
    --bs-btn-font-weight: var(--highlight-font-weight);
}

label
{
    margin-bottom: 0;
}

select:not(.inputbox)
{
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    appearance: auto !important;
}

.text-muted
{
    opacity: 0.6;
}

.back-to-top
{
    color: var(--bluscuro);
    background: var(--grigioinput);
    display: flex;
}

.back-to-top:hover
{
    color: var(--grigioinput);
    background: var(--bluscuro);
    display: flex;
}

@media (min-width: 1200px)
{
    .back-to-top {
        left: inherit;
        right: inherit;
    }
}

.color-arancio {
    color: var(--arancio);
}

.form-check .form-control[readonly] + label
{
    color: #7b7b7b;
}


/** Titoli **/

h1, h1, h3, h4, h5, h6
{
    letter-spacing: initial !important;
}

/** Badge **/

.badge {
    background-color: var(--badge-color);
    color: var(--badge-text-color) !important;
    border-color: var(--badge-color);
}

.badge.badge-verde {
    --badge-text-color: var(--statoverde);
}

.badge.badge-blu {
    --badge-text-color: var(--statoblu);
}

.badge.badge-rosso {
    --badge-text-color: var(--statorosso);
}

.badge.badge-arancio {
    --badge-text-color: var(--statoarancio);
}

.badge-breakword
{
    white-space: initial;
    word-break: initial;
}

/** Alert */

.armclick-new-alert #system-message ul li
{
    font-size: 1rem;
}

.armclick-new-alert.alert
{
    border-width: 0;
    border-left-width: 4px;
    background-image: none;
}

.armclick-new-alert.alert.alert-dismissible .btn-close
{
    top: 2rem;
    right: 1.5rem;
    padding: 0;
}

.armclick-new-alert.alert
{
    border-color: var(--grigiosblu);
}

.armclick-new-alert.alert:before,
.armclick-new-alert #system-message dt:before
{
    color: var(--alert-color);
}

.armclick-new-alert #system-message dt
{
    color: transparent;
    position: relative;
    font-size: 0;
}

.armclick-new-alert.alert-primary:before,
.armclick-new-alert.alert-info:before,
.armclick-new-alert.alert-primary,
.armclick-new-alert.alert-info,
.armclick-new-alert #system-message dt.message:before,
.armclick-new-alert #system-message dt.info:before
{
    --alert-color: #0059b9;
    content: "\f05a";
}

.armclick-new-alert.alert-danger:before,
.armclick-new-alert.alert-danger,
.armclick-new-alert #system-message dt.error:before,
.armclick-new-alert #system-message dt.alert:before
{
    --alert-color: #dc3545;
    content: "\f071";
}

.armclick-new-alert.alert-warning,
.armclick-new-alert.alert-warning:before,
.armclick-new-alert #system-message dt.notice:before
{
    --alert-color: var(--warning-color);
    content: "\f06a";

}

.armclick-new-alert.alert-success,
.armclick-new-alert.alert-success:before,
.armclick-new-alert #system-message dt.success:before
{
    --alert-color: #009522;
    content: "\f058";
}

.armclick-new-alert:before,
.armclick-new-alert #system-message dt:before
{
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    position: absolute;
    top: 0;
    font-size: 1.4rem;
    left: 0;
}

.armclick-new-alert:before
{
    padding: .8rem 1rem 1rem 1.5rem;
}

.armclick-new-alert #system-message dt:before
{
    padding-top: 0.3em;
}

/** Callout **/

.armclick-callout.callout.callout-more
{
    --linguetta: 20px;
    padding: 1em;
    background: var(--grigiochiaro);
}

.armclick-callout.callout.callout-more .callout-title
{
    margin-bottom: .5em;
}

.armclick-callout.callout.callout-more:before
{
    border-right-width: var(--linguetta);
    border-bottom-width: var(--linguetta);
}

.armclick-callout.callout.callout-more:after
{
    border-top-width: var(--linguetta);
    border-left-width: var(--linguetta);
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) var(--grigiom);
}

/** Notification **/

.notification
{
    z-index: 9999;
}

/** Input **/

.autocomplete__wrapper *
{
    font-size: 1rem;
}

.form-input input.form-control.is-invalid[type=text]:focus,
.form-input input.form-control.is-invalid[type=password]:focus,
.form-input input.form-control.is-invalid[type=url]:focus,
.form-input input.form-control.is-invalid[type=email]:focus,
.form-input input.form-control.is-invalid.text:focus,
.form-input input.form-control.is-invalid.title:focus,
.form-input textarea.form-control.is-invalid:focus
{
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f73e5a' viewBox='0 0 384 512'%3E%3Cpath d='M231.6 256l130.1-130.1c4.7-4.7 4.7-12.3 0-17l-22.6-22.6c-4.7-4.7-12.3-4.7-17 0L192 216.4 61.9 86.3c-4.7-4.7-12.3-4.7-17 0l-22.6 22.6c-4.7 4.7-4.7 12.3 0 17L152.4 256 22.3 386.1c-4.7 4.7-4.7 12.3 0 17l22.6 22.6c4.7 4.7 12.3 4.7 17 0L192 295.6l130.1 130.1c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17L231.6 256z'/%3E%3C/svg%3E");
}

.form-input .form-text,
.form-input .form-feedback
{
    display: block;
}

input[type=checkbox].just-validate-success-field+label,
input[type=radio].just-validate-success-field+label
{
    color: var(--nero);
}


/** Button **/

.btn
{
    border-radius:.2em;
}

.btn,
.btn.btn-grigioblu:hover
{
    background: var(--bluscuro);
    color: var(--bianco);
}

.btn:hover,
.btn-grigioblu
{
    background: var(--grigio);
    color: var(--bluscuro);
}

.btn-arancio,
.btn-aranciotransp:hover,
.btn-grigioarancio:hover
{
    background: var(--arancio);
    color: var(--bianco);
}

.btn-arancio:hover,
.btn-grigioarancio,
.btn-aranciotransp
{
    background: var(--grigio);
    color: var(--arancioacceso);
}

.btn-aranciotransp
{
    background: transparent;
}

.btn-grigio
{
    background: var(--bkgbuttonback);
    color: var(--colorbuttonback);
}

.btn-grigio:hover
{
    background: var(--bkgbuttonbackh);
    color: var(--colorbuttonbackh);
}

.btn.btn-link:hover .btn-aranciotransp,
.btn.btn-link:hover .btn-aranciotransp:hover
{
    background: transparent;
    color: inherit;
}

.dropdown-menu:before
{
    width: 0;
    height: 0;
}

.dropdown-menu.right
{
    right: 0 !important;
}

.dropdown-menu.show {
    animation: none !important;
}

.dropdown-toggle::after{
    display: inline-block;
    margin-left: .5em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid rgba(0,0,0,0);
    border-bottom: 0;
    border-left: .3em solid rgba(0,0,0,0);
}

.icon-rosso
{
    color: var(--statorosso) !important;
}

/** Home cliente **/

#home-cliente
{
    background-color: var(--grigiochiaro) !important;
    height: 100vh;
}

#home-cliente .it-header-center-wrapper,
#home-cliente .it-header-center-wrapper *
{
    background-color: var(--bianco) !important;
    color: var(--nero) !important;
}

#body-component
{
    background-color: transparent
}

/** Header **/

#armclick-new-header h1 .icon
{
    color: var(--bluacceso);
    width: auto;
    padding-right: .5rem;
}

#armclick-new-header h1 .icon::before
{
    font-size: 1.8rem;
}

/** Filtri **/

#armclick-new-filtri .filtri-input
{
    border-bottom: 2px solid var(--bluscuro);
}

#armclick-new-filtri .filtri-input input,
#armclick-new-filtri .filtri-input textarea,
#armclick-new-filtri .filtri-input select
{
    background-color: var(--grigioinput);
    border-bottom: none;
}


#armclick-new-filtri[data-toggle="filtri"] #filtri-collapse
{
    overflow: hidden;
    transition: all 0.35s ease-in;
    -moz-transition: all 0.35s ease-in;
    -webkit-transition: all 0.35s ease-in;
    -o-transition: all 0.35s ease-in;
    -ms-transition: all 0.35s ease-in;
}

#armclick-new-filtri[data-toggle="filtri"] #filtri-collapse.stato-0
{
    max-height: 50px;
}

#armclick-new-filtri #filtri-toggle
{
    display: none !important;
}

#armclick-new-filtri[data-toggle="filtri"] #filtri-toggle
{
    display: block !important;
}

/** Header **/

#armclick-new-header .azioni .azioni-massive .btn
{
    background: var(--azionimassive);
    color: var(--bianco);
}

#armclick-new-header .azioni .azioni-massive .btn:hover
{
    background: var(--grigio);
    color: var(--arancioacceso);
}

#armclick-new-header .azioni .azioni-massive .btn
{
    padding: 0 0.8em;
    color: var(--azionicolor);
}

#armclick-new-header .azioni .azioni-massive .dropdown,
#armclick-new-header .azioni .azioni-massive .btn
{
    height: 100%;
}

/** Lista **/


#armoniaclick-lista .lista .riga .td.id {
    text-align: left;
}

#armoniaclick-lista .lista .riga .td.id > span,
#armoniaclick-lista .lista .riga .td.breakword > span {
    -webkit-line-clamp: 1;
    word-break: break-all;
}

#armoniaclick-lista .lista .intestazione
{
    font-weight: var(--highlight-font-weight);
}

#armoniaclick-lista .lista .intestazione div.th,
#armoniaclick-lista .lista .riga .td
{
    font-family: unset;
    padding-top: .9em;
    padding-bottom: .8em;
    margin-left: 0;
    margin-right: 0;
}

#armoniaclick-lista .lista .riga .js-azioni-riga i.b-content
{
    background-color: transparent !important;
}

@media(max-width: 991px)
{
    #armoniaclick-lista .lista .riga .mobile.js-azioni-riga,
    #armoniaclick-lista .lista .riga .mobile.toggle-riga-mobile
    {
        display: flex;
        justify-content: center;
    }
    #armoniaclick-lista .lista .mobile.mobile-1
    {
        --mobile-w: 8.33333333%;
    }

    #armoniaclick-lista .lista .mobile.mobile-2
    {
        --mobile-w: 16.66666667%;
    }

    #armoniaclick-lista .lista .mobile.mobile-3
    {
        --mobile-w: 25%;
    }

    #armoniaclick-lista .lista .mobile.mobile-4
    {
        --mobile-w: 33.33333333%;
    }

    #armoniaclick-lista .lista .mobile.mobile-5
    {
        --mobile-w: 41.66666667%;
    }

    #armoniaclick-lista .lista .mobile.mobile-6
    {
        --mobile-w: 50%;
    }

    #armoniaclick-lista .lista .mobile.mobile-7
    {
        --mobile-w: 58.33333333%;
    }

    #armoniaclick-lista .lista .mobile.mobile-8
    {
        --mobile-w: 66.66666667%;
    }

    #armoniaclick-lista .lista .mobile
    {
        width: var(--mobile-w) !important;
    }

    #armoniaclick-lista .lista .mobile.text-center span
    {
        margin-right: auto;
        margin-left: auto;
    }

    #armoniaclick-lista .lista .mobile.azioni span,
    #armoniaclick-lista .lista .mobile.text-right span
    {
        margin-left: auto;
    }

}

.js-azioni-riga .fas
{
    width: auto;
}

/** Paginazione **/

#armoniaclick-lista .pagination .page-item.disabled a.page-link:not([aria-current])
{
    color: var(--grigiom);
}

/** Steppers **/

#armclick-new-steppers .steppers .steppers-header .steppers-number
{
    line-height: 1.5rem;
}

#armclick-new-steppers .steppers .steppers-header li.active .steppers-number {
    background: var(--arancio);
    border-color: var(--arancio);
}
#armclick-new-steppers .steppers .steppers-header li.confirmed .steppers-number
{
    background-color: var(--statoverde);
    border-color: var(--statoverde);
}

#armclick-new-steppers .steppers .steppers-header li.active .steppers-number,
#armclick-new-steppers .steppers .steppers-header li.confirmed .steppers-number
{
    color: var(--bianco)!important;
}

#armclick-new-steppers .steppers .steppers-header li.confirmed,
#armclick-new-steppers .steppers .steppers-header li.active
{
    color: var(--nero) !important;
}

#armclick-new-steppers .steppers-nav
{
    background-color: transparent;
}

#armclick-new-steppers .steppers-nav .btn
{
    padding: 12px 24px;
}

/** Navscroll **/

#armclick-new-navscroll .navbar.it-navscroll-wrapper h3
{
    font-size: 1em;
    line-height: 1em;
}

#armclick-new-navscroll
{
    position: sticky;
    top: 2vh;
    display: flex;
    align-items: start;
}

#armclick-new-navscroll .navbar.it-navscroll-wrapper .link-list-wrapper ul li a.active
{
    border-color: var(--arancioacceso);
    border-left-width: 3px;
    border-left-style: solid;
}
#armclick-new-navscroll .navbar.it-navscroll-wrapper .link-list-wrapper ul li a.active *
{
    color: #000 !important;
}


#armclick-new-navscroll .navbar.it-navscroll-wrapper .link-list-wrapper ul li a
{
    padding-left: .7em;
}

/** Form **/

#armoniaclick-form fieldset legend
{
    width: 100%;
}

#armoniaclick-form fieldset legend h4
{
    color: var(--bianco);
    font-size: 1em;
    line-height: 2em;
    font-family: inherit;
    margin: 0;
    padding: 0;
}

#armoniaclick-form fieldset fieldset legend h4
{
    color: var(--bluscuro);
}

#armoniaclick-form fieldset legend .form-check,
#armoniaclick-form fieldset legend .form-check label
{
    margin: 0;
}

#armoniaclick-form fieldset legend .legend-content button
{
    padding: .2em .5em;
    margin-left: 1em;
    color: var(--bluscuro);
    background: transparent;
}

#armoniaclick-form fieldset legend .legend-content button:hover
{
    color: var(--bluacceso);
}

#armoniaclick-form fieldset legend .legend-content button i.b-content
{
    color: var(--arancioacceso);
}

#armoniaclick-form fieldset legend .legend-content button .b-content
{
    text-transform: none;
    text-decoration: underline;
}

#armoniaclick-form fieldset
{
    margin-bottom: 1.5em;
}

#armoniaclick-form fieldset  fieldset
{
    margin-bottom: 0;
}

#armoniaclick-form label
{
    font-weight: var(--highlight-font-weight);
}

#armoniaclick-form label .sup-required
{
    color: var(--arancio);
    font-weight: bolder;
    font-size: 1.2em;
    top: 0;
    margin-left: .3em;
}


#armoniaclick-form label .label-button button
{
    vertical-align: initial;
}

#armoniaclick-form .form-input,
#armoniaclick-form .form-input .geoselect
{
    margin-bottom: 1.4em;
}

#armoniaclick-form .form-input .input-radio.readonly input,
#armoniaclick-form .form-input .input-radio.readonly label,
#armoniaclick-lista .check > .readonly input,
#armoniaclick-form .form-input .select-wrapper.readonly .form-control,
#armoniaclick-form .form-input .select-wrapper.readonly label,
#armoniaclick-form .form-input .geoselect.readonly .form-control,
#armoniaclick-form .form-input .geoselect.readonly label,
#armoniaclick-form .form-input .geoselect .load .form-control{
    pointer-events: none;
}

#armoniaclick-form .form-input .geoselect .load {
    cursor: wait;
}

#armoniaclick-form .form-input .input-radio,
#armoniaclick-lista .check > .readonly,
#armoniaclick-form .form-input .select-wrapper.readonly,
#armoniaclick-form .form-input .geoselect.readonly .select-wrapper
#armoniaclick-form .valuta-decimali-divisi.readonly
{
    cursor: not-allowed;
}

#armoniaclick-form .valuta-decimali-divisi.readonly > *
{
    pointer-events: none;
}


#armoniaclick-form .form-feedback
{
    margin: .25rem 0 0;
    font-size: 0.875rem;
    color: var(--statorosso);
}

#armoniaclick-form .form-input .upload-file-list .progress
{
    left: 0;
    width: 100%;
}

#armoniaclick-form .btn-accordion,
#armoniaclick-form .btn-accordion:before
{
    content: '\f107';
    color: var(--arancio);
    background-color: transparent;
}

#armoniaclick-form .collapsed .btn-accordion:before,
#armoniaclick-form .btn-accordion.collapsed:before
{
    content: "\f104";
}

#armoniaclick-form .form-content
{
    width: 100%;
}

#armoniaclick-form .form-content [data-accordion-elimina]
{
    margin-bottom: auto;
    margin-top: auto;
    font-size: .95em;
    padding: 0 .5em;
    margin-right: 1em;
}

#armoniaclick-form .form-content [data-accordion-elimina] .b-content
{
    margin-right: 0;
}

#armoniaclick-form .form-content [data-accordion-elimina] .b-content::before
{
    font-size: .95em;
}


#armoniaclick-form .form-content [data-accordion-container] + *
{
    margin-top: 1.5em;
}

.armclick-dato
{
    font-size: 1.1rem;
}

.armclick-dato a
{
    text-decoration: underline !important;
}

#armoniaclick-form fieldset.scroll-container
{
    position: relative;
    overflow: hidden;
    width: 100%;
}

#armoniaclick-form fieldset.scroll-container #armclick-timeline.armclick-timeline-auto:after,
#armoniaclick-form fieldset.scroll-container.pnd-notifiche-dettagli #armclick-timeline:after {
    content: '';
    background: var(--grigiochiaro);
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    margin-top: 2em;
}

@media(max-width: 1199px)
{
    #armclick-timeline.it-timeline-wrapper .timeline-element .timeline-title
    {
        flex-wrap: wrap;
    }

    #armclick-timeline.it-timeline-wrapper .timeline-element .timeline-title .badge
    {
        width: auto !important;
        max-width: 100% !important;
    }

    #armclick-timeline.it-timeline-wrapper .timeline-element .timeline-title .time.category-top
    {
        margin-top: .5em;
        width: 100%;
    }

    #armclick-timeline.it-timeline-wrapper .timeline-element .timeline-title .time.category-top,
    #armclick-timeline.it-timeline-wrapper .timeline-element .timeline-title .data,
    #armclick-timeline.it-timeline-wrapper .timeline-element .timeline-title .user
    {
        text-align: left !important;
        margin-left: 0 !important;
    }

    #armclick-timeline.it-timeline-wrapper .timeline-element .timeline-title .data,
    #armclick-timeline.it-timeline-wrapper .timeline-element .timeline-title .user{
        margin-left: 0;
        margin-right: auto;
    }
}

@media (min-width: 992px)
{
    #armoniaclick-form fieldset.scroll-container .form-content
    {
        overflow-y: auto;
        height: 0;
        min-height: calc( 100% -  2.5em );
    }

    #armoniaclick-form .back-to-top
    {
        bottom: 32px;
        right: inherit;
    }
}

/** Timeline **/

#armclick-timeline.armclick-pnd-stato
{
    --timeline-pin: 6px;
}

#armclick-timeline.it-timeline-wrapper
{
    --timeline-pin-misure: calc(var(--timeline-pin)*2);
}

#armclick-timeline.it-timeline-wrapper .row:empty
{
    padding: 0;
}

#armclick-timeline.it-timeline-wrapper .timeline-element .timeline-title .badge
{
    font-size: 1em;
    overflow: hidden;
    max-width: 55%;
    white-space: normal;
    text-overflow: ellipsis;
}

#armclick-timeline.armclick-timeline-left.it-timeline-wrapper .it-pin-wrapper
{
    left: var(--timeline-margin);
    top: 0;
}

#armclick-timeline.it-timeline-wrapper .it-pin-wrapper .pin-icon {

    border: 2px;
    padding: var(--timeline-pin);
}

#armclick-timeline.it-timeline-wrapper .pin-icon,
#armclick-timeline.it-timeline-wrapper .it-pin-wrapper .pin-icon {

    width: var(--timeline-pin-misure);
    height: var(--timeline-pin-misure);
    background: var(--arancioacceso);
}

#armclick-timeline.it-timeline-wrapper .card-body
{
    position: relative;
}

#armclick-timeline.it-timeline-wrapper .card-body .card-body-pin
{
    width: 10px;
    height: 2px;
    background: var(--arancioacceso);
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
}
#armclick-timeline.it-timeline-wrapper .data:before
{
    content: '';
    margin: 0;
    display: none;
}

#armclick-timeline.it-timeline-wrapper.armclick-timeline-left .pin-icon
{
    display: inline-block;
    margin-left: calc( 0px - calc(var(--timeline-element) + var(--timeline-pin)) );
    margin-right: .5em;
    border-radius: 50%;
    vertical-align: middle;
}

#armclick-timeline.it-timeline-wrapper .timeline-element
{
    z-index: 9;
}

#armclick-timeline.it-timeline-wrapper .timeline-element .user,
#armclick-timeline.it-timeline-wrapper .timeline-element .card-wrapper:not(.card-accordion) .card-text
{
    margin: .25rem !important;
}


#armclick-timeline.it-timeline-wrapper .pin-text
{
    min-height: var(--timeline-pin-misure);
}

#armclick-timeline.it-timeline-wrapper .row:after {
    background: linear-gradient(0deg, var(--bianco) 0%, var(--grigio) 1%, var(--grigio) 99%, var(--bianco) 100%);
    top: 0;
    bottom: 0;
}
#armclick-timeline.it-timeline-wrapper .timeline-element {
    padding-bottom: 0;
    padding-top: 0;
}
#armclick-timeline.it-timeline-wrapper .timeline-element.last-state
{
    background: var(--bianco);
    z-index: 9;
}
#armclick-timeline.it-timeline-wrapper .timeline-element.first-state::before {
    content: "";
    width: 100%;
    background: var(--bianco);
    height: 42px;
    position: absolute;
    top: -48px;
    right: 0;
    z-index: 9;
}
#armclick-timeline.it-timeline-wrapper .timeline-element.first-state .it-pin-wrapper
{
    z-index: 99;
}
#armclick-timeline.it-timeline-wrapper .timeline-element .pin-text
{
    text-transform: none;
    font-family: var(--opensans);
    font-size: .9em;
    border-radius: .9em;
}

#armclick-timeline.it-timeline-wrapper .timeline-element .timeline-title .data,
#armclick-timeline.it-timeline-wrapper .timeline-element .card-body .category-top
{
    margin-bottom: .8em;
    color: var(--nero);
    font-weight: bold;
}


#armclick-timeline.it-timeline-wrapper .timeline-element .timeline-title .data .ora
{
    font-weight: normal;
}

#armclick-timeline.it-timeline-wrapper .timeline-element .timeline-title .user
{
    background: var(--grigiochiaro);
    margin-right: 0;
    margin-left: auto;
}

#armclick-timeline.it-timeline-wrapper .timeline-element .data:not(:empty):after
{
    color: var(--grigiom);
    content: "—";
    display: inline-block;
    margin: 0 .5em;
}

#armclick-timeline.it-timeline-wrapper .timeline-element .card-body .category-top .data:not(:empty):after
{
    margin-right: 0;
}

#armclick-timeline.it-timeline-wrapper .timeline-element .timeline-title
{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}


#armclick-timeline.it-timeline-wrapper .timeline-element .timeline-title .time.category-top
{
    flex-grow: 1;
    text-align: right;
    margin-bottom: 0;
}

#armclick-timeline.it-timeline-wrapper .timeline-element .timeline-title .time.category-top,
#armclick-timeline.it-timeline-wrapper .timeline-element .timeline-title .user
{
    font-size: .85em;
}

#armclick-timeline.it-timeline-wrapper .timeline-element .card-body *
{
    font-size: .95em;
    font-family: var(--opensans);
}

#armclick-timeline.it-timeline-wrapper .timeline-element .it-pin-wrapper + .card-wrapper .card .card-body {
    padding-top: 2em;
}

#armclick-timeline a.read-more,
#armclick-timeline.it-timeline-wrapper .timeline-element .timeline-title,
#armclick-timeline.it-timeline-wrapper .timeline-element .card .card-body {
    padding: 0 var(--timeline-element) 0;
    margin-bottom: .5em;
}

#armclick-timeline.it-timeline-wrapper .timeline-element .card-wrapper.card-accordion .card-body
{
    margin-bottom: 1.2em;
}

#armclick-timeline.it-timeline-wrapper .timeline-element .card .card-body .upload-file-list:empty
{
    margin: 0;
}

#armclick-timeline.it-timeline-wrapper .col-12 .it-pin-wrapper
{
    left: calc(var(--timeline-margin) - calc(var(--timeline-pin) ));
}

#armclick-timeline.it-timeline-wrapper .it-pin-wrapper.it-evidence .pin-text.badge,
#armclick-timeline.it-timeline-wrapper .it-pin-wrapper.it-evidence .pin-text.badge span:after
{
    background-color: var(--badge-color);
}

#armclick-timeline.it-timeline-wrapper .card:after
{
    margin: 0;
}

#armclick-timeline.it-timeline-wrapper .card-wrapper
{
    padding-bottom: 0;
}

#armclick-timeline.armclick-timeline-left.it-timeline-wrapper .row:after {
    content: "";
    left: var(--timeline-left);
}

#armclick-timeline.it-timeline-wrapper .row:after {
    width: var(--timeline-line);
}

#armclick-timeline.it-pin-wrapper
{
    height: 1em;
}

#armclick-timeline.armclick-timeline-left.it-timeline-wrapper .col-12 .timeline-element {
    padding-left: var(--timeline-margin);
}

#armclick-timeline.it-timeline-wrapper .timeline-element a.read-more.collapsed
{
    position: unset;
    margin-bottom: 2em;
}

#armclick-timeline.it-timeline-wrapper .timeline-element a.read-more
{
    margin-bottom: 2.5em;
}

#armclick-timeline.it-timeline-wrapper .row
{
    padding-top: 0;
}

#armclick-timeline.it-timeline-wrapper .timeline-element
{
    padding-top: 2em;
}

#armclick-timeline a.read-more
{
    margin-left: .5em;
    color: var(--bluscuro);
}
#armclick-timeline a.read-more.read-more-details .icon-expand:before
{
    font-size: 1em;
}


#armclick-timeline a.read-more.read-more-details .icon-expand:before
{
    content: "\f107";
}

#armclick-timeline a.read-more.read-more-details.collapsed .icon-expand:before
{
    content: "\f104";
}

#armclick-timeline a.read-more.read-more-details .icon:before
{
    content: "\f550";
}

#armclick-timeline a.read-more.read-more-details.collapsed .icon:before
{
    content: "\f0c9";
}

#armclick-timeline a.read-more.read-more-details .icon:before
{
    content: "\f550";
}

#armclick-timeline a.read-more.read-more-accordion .icon:before
{
    content: "\f424";
}

#armclick-timeline a.read-more.read-more-accordion.collapsed .icon:before
{
    content: "\f422";
}

#armclick-timeline a.read-more.read-more-accordion.collapsed .text:after
{
    content: attr(data-text-show);
}

#armclick-timeline a.read-more.read-more-accordion .text:after
{
    content: attr(data-text-hide);
}

#armclick-timeline a.read-more.read-more-accordion .icon
{
    transform: rotate(135deg);
}

#armclick-timeline li.upload-file.success a
{
    font-size: .9rem !important;
}

#armclick-timeline li.upload-file.success p
{
    display: flex;
    align-content: center;
    line-height: 1.2rem;
    white-space: initial;
    margin-left: 0;
}

#armclick-timeline li.upload-file.success p i.icon
{
    color: var(--grigiom);
    height: auto;
}

#armclick-timeline.it-timeline-wrapper .timeline-element .card-destinatario
{
    margin-bottom: 1rem;
}

@media (min-width: 992px)
{
    #armclick-timeline:not(.armclick-timeline-left){
        --timeline-margin: -40px;
    }
    #armclick-timeline.armclick-timeline-left.it-timeline-wrapper .col-12:nth-child(even) .timeline-element {
        position: relative;
        left: auto;
    }
    #armclick-timeline.it-timeline-wrapper:not(.armclick-timeline-left) .col-12:nth-child(odd) .it-pin-wrapper
    {
        right: calc(var(--timeline-margin) - calc(var(--timeline-pin) ));
        left: auto;
    }
    #armclick-timeline.armclick-timeline-left.it-timeline-wrapper .timeline-element {
        padding-right: var(--timeline-margin);
        width: 100%;
    }
    #armclick-timeline.armclick-timeline-left.it-timeline-wrapper .col-12:nth-child(odd) .it-pin-wrapper {
        flex-direction: row;
        right: auto;
    }
    #armclick-timeline.armclick-timeline-left.it-timeline-wrapper .it-pin-wrapper {
        position: relative;
    }
    #armclick-timeline.armclick-timeline-left.it-timeline-wrapper .col-12:nth-child(odd) .card-wrapper .card {
        text-align: left;
    }
    #armclick-timeline.armclick-timeline-left.it-timeline-wrapper .col-12:nth-child(odd) .it-pin-wrapper .pin-text span:after {
        left: -4px;
        right: auto;
    }
    #armclick-timeline.armclick-timeline-left.it-timeline-wrapper .col-12:nth-child(odd) .it-pin-wrapper .pin-icon {
        margin-right: 16px;
        margin-left: 0;
    }
    #armclick-timeline.it-timeline-wrapper:not(.armclick-timeline-left) .row:after {
        left: calc(50% - var(--timeline-line) / 2);
    }
    #armclick-timeline.armclick-timeline-left.it-timeline-wrapper .it-pin-wrapper
    {
        position: absolute;
    }
    #armclick-timeline:not(.armclick-timeline-left).it-timeline-wrapper .timeline-element.first-state::before {
        height: 61px;
    }
}

@media (min-width: 1400px)
{
    #armclick-timeline.it-timeline-wrapper .timeline-element .timeline-title .user
    {
        width: 100%;
    }
}

/** Callout **/

.callout.callout-highlight
{
    background: var(--grigiochiaro);
    padding-top: .5em;
    padding-bottom: .5em;
    max-width: 100%;
}
.callout.callout-highlight p
{
    font-weight: normal;
    font-family: var(--open-sans)
}
#armoniaclick-form .callout.callout-highlight p
{
    font-size:.9em;
    margin-bottom: .5em;
}

/*Modal */

.modal .modal-dialog .modal-content .modal-header h5
{
    color: var(--bluscuro);
    font-weight: bold;
}

.modal .modal-dialog .modal-content .modal-header h6
{
    color: inherit;
}

.modal .modal-dialog .modal-content .modal-header,
.modal.it-dialog-scrollable .modal-dialog .modal-content .modal-header
{
    background: var(--grigioinput);
    padding: 1.5em;
}

.modal.it-dialog-scrollable .modal-dialog .modal-content .modal-header
{
    margin-bottom: 1em;
}

#body-component .hide-legend .armclick-modal > fieldset > legend
{
    display: none;
}

#body-component #armoniaclick-form .form-content,
#body-component #armoniaclick-form .form-button {
    padding: 0.3em;
}

.armclick-modal .modal-body:not(.modal-loading):after {
    content: none;
}

.armclick-modal .modal-body:after {
    width: 30px;
    height: 30px;
    border-color: var(--arancioacceso) transparent var(--arancioacceso) transparent;
}

.armclick-modal .modal-body *
{
    font-size: 1em;
}

.armclick-modal .modal-iframe:not(.modal-loading)
{
    background: none !important;
}

.armclick-modal .modal-iframe
{
    min-height: 10vh;
    max-height: unset !important;
}

/*.armclick-modal .modal-body.loading:after
{
    content: '';
    bottom: auto;
    width: 10px;
    height: 10px;
}*/

.armclick-modal .modal-iframe.modal-loading:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid var(--grigiosblu);
    border-color:  var(--grigiosblu) transparent  var(--grigiosblu) transparent;
    animation: loading-ring 1.2s linear infinite;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    margin: auto;
    z-index: -1;
}


/** Link riga **/

#armoniaclick-lista .riga .td.js-azioni-riga .btn .b-content,
#armoniaclick-lista .riga .td.js-azioni-riga .btn .b-content *,
#armoniaclick-lista .riga .td.js-azioni-riga .btn:hover .b-content,
#armoniaclick-lista .riga .td.js-azioni-riga .btn:hover .b-content *
{
    background: transparent;
    font-size: 1rem;
}

#armoniaclick-lista .riga .td.text-center > .btn.icon-right
{
    margin: auto;
}

.btn.icon-right
{
    display: flex;
    flex-direction: row-reverse;
}

.btn.icon-right .fa:first-child:not(:only-child),
.btn.icon-right .fas:first-child:not(:only-child),
.btn.icon-right .fab:first-child:not(:only-child),
.btn.icon-right .far:first-child:not(:only-child),
.btn.icon-right .fal:first-child:not(:only-child),
.btn.icon-right .fa:not(:empty)::before,
.btn.icon-right .fas:not(:empty)::before,
.btn.icon-right .fab:not(:empty)::before,
.btn.icon-right .far:not(:empty)::before,
.btn.icon-right .fal:not(:empty)::before
{
    margin-left: .5em;
    margin-right: auto;
}

#armoniaclick-lista .riga .td.js-azioni-riga .btn .b-content,
#armoniaclick-lista .riga .td.js-azioni-riga .btn .b-content *,
#armoniaclick-lista .riga .td.js-azioni-riga .btn:hover .b-content,
#armoniaclick-lista .riga .td.js-azioni-riga .btn:hover .b-content *
{
    font-size: .9rem;
}

#armoniaclick-lista .riga .td.report  .report-icon
{
    display: flex;
}

#armoniaclick-lista .riga .td.report .report-icon .fas,
#armoniaclick-lista .riga .td.report .report-icon .far,
#armoniaclick-lista .riga .td.report .report-icon .fab,
#armoniaclick-lista .riga .td.report .report-icon .fal
{
    width: 100%;
    display: flex;
    margin-left: 0 !important;
    margin-right: .5em !important;
    font-weight: 600;
}

#armoniaclick-lista .riga .td.report  .report-icon .fas:before,
#armoniaclick-lista .riga .td.report  .report-icon .far:before,
#armoniaclick-lista .riga .td.report  .report-icon .fab:before,
#armoniaclick-lista .riga .td.report  .report-icon .fal:before
{
    font-size: .9rem;
    margin-left: 0;
    margin-right: .3em;
    width: auto;
}


/** Elenco **/

.armclick-elenco .it-right-zone .text
{
    flex-grow: 1;
}

.armclick-elenco .armclick-elenco .it-list li .list-item .it-right-zone
{
    padding: 0;
    margin: .5em;
}

.armclick-elenco .armclick-elenco .it-list li:first-child .list-item .it-right-zone
{
    margin-top: 0;
}

.armclick-elenco .armclick-elenco .it-list li .list-item .it-right-zone .text
{
    padding-left: 1em;
}

.armclick-elenco .riga > .list-item > .it-right-zone
{
    background: var(--grigiochiaro);
}

.armclick-elenco .riga > .list-item > .it-right-zone
{
    border-bottom: 1px solid var(--arancioacceso);
}

.armclick-elenco .badge,
.badge.badge-notifiche,
.badge.badge-importazioni
{
    --badge-text-color: var(--bianco);
    --badge-color: var(--statogrigio);
}

.armclick-elenco .report-inseriti
{
    --badge-color: var(--statoverde);
}

.armclick-elenco .report-non_leggibili,
.armclick-elenco .report-errori
{
    --badge-color: var(--statorosso);
}

.armclick-elenco .metadata.badge
{
    min-width: calc( 1.5em + 4ch);
}

.armclick-elenco .it-right-zone .text a
{
    color: var(--bs-link-color) !important;
    text-decoration: underline !important;
}

.badge.badge-notifiche.badge-making,
.badge.badge-notifiche.badge-ready,
.badge.badge-importazioni.badge-making,
.badge.badge-importazioni.badge-ready
{
    --badge-color: var(--statoarancio);
}

.badge.badge-notifiche.badge-validated,
.badge.badge-notifiche.badge-accepted,
.badge.badge-notifiche.badge-delivered,
.badge.badge-notifiche.badge-delivering,
.badge.badge-notifiche.badge-planned,
.badge.badge-importazioni.badge-processing,
.badge.badge-notifbadge-importazioniiche.badge-planned,
.badge.badge-importazioni.badge-processed
{
    --badge-color: var(--statoblu);
}

.badge.badge-notifiche.badge-viewed,
.badge.badge-notifiche.badge-effective_date
{
    --badge-color: var(--statoverde);
}

.badge.badge-notifiche.badge-error,
.badge.badge-notifiche.badge-undo,
.badge.badge-notifiche.badge-negate,
.badge.badge-notifiche.badge-unreachable,
.badge.badge-notifiche.badge-refused,
.badge.badge-notifiche.badge-canceled,
.badge.badge-importazioni.badge-error,
.badge.badge-importazioni.badge-undo
{
    --badge-color: var(--statorosso);
}

/**** SPID ******/

/** SPID - Autenticazione **/

#wbm-spid .wbm-spid-footer
{
    text-align: center;
    margin: 2em;
}

#wbm-spid .wbm-spid-logoagid img
{
    width: 250px;
    max-width: 100%;
}

#wbm-spid .wbm-spid-info
{
    margin: 1em 0;
}

#wbm-spid .wbm-spid-button
{
    margin-bottom: 1em;
}


/*********** Stile tab ********************/

#scelta-tipo-login .tab {
    overflow: hidden;
    border-bottom: 1px solid #006ab11c;
    margin-bottom: 1em;
    margin-top: 1em;
}

#scelta-tipo-login .tabcontent ul
{
    list-style-type: none;
    padding: 0;
}

#scelta-tipo-login .tab button {
    border: none;
    float: left;
    outline: none;
    cursor: pointer;
    padding: 10px 21px;
    transition: 0.3s;
    background-color: transparent;
}

#scelta-tipo-login .tab button:hover {
    background-color: #006ab11c;
}

#scelta-tipo-login .tab button.active {
    background-color: #006ab11c;
    color: #0e4fa1;
    text-shadow: 0px 0px 1px #0e4fa1;
}

#scelta-tipo-login .tabcontent {
    display: none;
    padding: 10px;
}

#scelta-tipo-login .tabcontent.active {
    display: block;
}

/* tab Credenziali */

.com_autenticazione_login div.ricordami,
.com_autenticazione_login div.pulsante-accedi
{
    width: 25%;
    margin-top: 10px;
    display: inline-block;
    float: none;
}

.com_autenticazione_login .reg-rec
{
    clear: both;
    margin-top: 1em;
}

.com_autenticazione_login div.recupera
{
    margin: 0;
}

.com_autenticazione_login .arm-esci:not(.arm-apulsante)
{
    background: none;
    float: right;
}

.com_autenticazione_login .arm-esci .arm-apulsante
{
    font-size: 1em;
    height: unset;
}

.com_autenticazione_login .arm-testologin
{
    font-size: 1.1em;
}

@media (max-width: 991px) {

    .com_autenticazione_login input.login-campi
    {
        width: 70%;
    }
    .com_autenticazione_login div.ricordami,
    .com_autenticazione_login div.pulsante-accedi
    {
        width: 35%;
    }
}

@media (max-width: 767px) {

    .com_autenticazione_login div.ricordami,
    .com_autenticazione_login div.pulsante-accedi
    {
        width: 50%;
    }
}

fieldset.autenticazione
{
    min-width: 320px;
}

/** SPID - Errori **/
div.error dl#system-message dd.error ul li
{
    color: #D01313;
}

div.error dl#system-message dd ul li .spid-errmess
{
    color: #444;
    margin-top: 4px;
}

div.error dl#system-message dd ul li .spid-errore
{
    color: #444;
    font-weight: normal;
    font-style: italic;
}

/** Modulo Login Spid **/

.arm-modulo_login.spid div.ricordami,
.arm-modulo_login.spid div.pulsante-accedi
{
    float: none;
    display: inline-block;
}

.arm-modulo_login.spid div.ricordami
{
    width: 100px;
}

.arm-modulo_login.spid div.ricordami label
{
    vertical-align: middle;
}

.arm-modulo_login.spid #arm-h-link a,
.arm-modulo_login.spid #arm-h-link a:hover
{
    color: inherit;
}

@media (max-width: 767px)
{
    .arm-modulo_login.spid h3#arm-h-link
    {
        color:#fff;
        background: url('../../../../templates/pubblico/img/icona-h3-login_mobile.png') no-repeat 2px center #ce0000;
        width:50%;
        padding: 0;
    }
    .arm-modulo_login.spid h3#arm-h-link a
    {
        width: 100%;
        display: block;
        padding: 7px 10px 5px 30px;
    }
    .arm-modulo_login.spid h3#arm-h-link a:hover
    {
        text-decoration: none;
    }
}

/******************* CIE **********************/

#wbm-cie .wbm-cie-info
{
    margin: 1.5em 0;
}

#wbm-cie .wbm-cie-tutorial
{
    background-image: url('data:image/svg+xml;charset=utf8,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="question-circle" class="svg-inline--fa fa-question-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512"><path fill="%23fd7e14" d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"></path></svg>');
}

#wbm-cie .wbm-cie-link
{
    display: flex;
    align-items: center;
}
#wbm-cie .wbm-cie-form
{
    display: flex;
}

@media (max-width: 991px) and (min-width:768px)
{
    #wbm-cie .wbm-cie-button
    {
        margin-right: -15px;
        margin-left: -15px;
    }
}

@media (max-width: 991px)
{
    #wbm-cie .wbm-cie-link,
    #wbm-cie .wbm-cie-form
    {
        display: block;
    }
    #wbm-cie .wbm-cie-link
    {
        margin-top: 1.5em;
    }
    #wbm-cie .wbm-cie-link ul
    {
        margin: 0;
    }
}

#wbm-cie .wbm-cie-tutorial,
#wbm-spid .wbm-spid-tutorial {
    padding-left: 0;
    background-image: none !important;
    background-position: left center;
    background-size: 1.2em;
    background-repeat: no-repeat;
    font-weight: bold;
    margin: .7em 0 0;
    cursor: pointer;
}

#wbm-spid .wbm-spid-tutorial i.orange, #wbm-cie .wbm-cie-tutorial i.orange {
    color: #e67700;
}

/*** Explorer ***/
/* cie - svg non vengono visualizzati quindi elimino il padding vuoto */

/*IE 6 and 7, IE 8,9 and 10*/
@media screen\9 , screen\0 {
    #wbm-cie .wbm-cie-tutorial
    {
        padding-left: 0;
    }
    #wbm-cie .wbm-cie-alert
    {
        padding-left: 2em;
    }
}
/*IE 10 and above*/
_:-ms-lang(x), #wbm-cie .wbm-cie-tutorial
{
    padding-left: 0;
}
_:-ms-lang(x), #wbm-cie .wbm-cie-alert
{
    padding-left: 2em;
}
/*
oppure imposti l'immagine di sfondo
IE 6 and 7, IE 8,9 and 10
@media screen\9 , screen\0 {
    #wbm-cie .wbm-cie-tutorial
    {
        background-image: url('../../../../templates/pubblico/img/cie-icon-help.png');
    }
    #wbm-cie .wbm-cie-alert
    {
        background-image: url('../../../../templates/pubblico/img/cie-icon-alert.png');
    }
}
IE 10 and above
_:-ms-lang(x), #wbm-cie .wbm-cie-tutorial
{
    background-image: url('../../../../templates/pubblico/img/cie-icon-help.png');
}
_:-ms-lang(x), #wbm-cie .wbm-cie-alert
{
    background-image: url('../../../../templates/pubblico/img/cie-icon-alert.png');
}
*/

#spid-testlogin .was-validated .custom-select:valid
{
    border: 1px solid #ced4da !important;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px !important;
}

.fas.warning:before
{
    color: var(--warning-color);
}

.fas.info:before
{
    color: var(--info-color);
}


.armclick-elenco.info-campi *
{
    color: var(--nero) !important;
}

.armclick-elenco.info-campi  li.csv-colonne em span
{
    margin-right: .2em;
}

#caricazip-content #datiinfo ul
{
    font-size: inherit;
}