/**************** START CUSTOM STEP HEADER DIVIDER ****************/
.custom-stepper .mat-stepper-horizontal-line {
    display: none !important;
}

/* .custom-stepper .mat-step-header:not(:last-child)::after { */
.custom-stepper .mat-step-header::after {
    content: ""; /* Nessun carattere, solo stile */
    display: inline-block;
    width: 24px;
    height: 2px; /* Spessore della linea */
    background-color: #A9AEB1;
    vertical-align: middle;
    margin-left: 16px;
}
.custom-stepper .mat-horizontal-stepper-header-container .slick-slide:last-child .mat-step-header::after {
    content: none; /* Removes the arrow indicator */
    display: none !important; /* Forcefully hides it */
}

/**************** END CUSTOM STEP HEADER DIVIDER ****************/


/* ALLINEA ICONA E LABEL NELLO STEPPER HEADER */
.custom-stepper .mat-step-header {
    display: flex !important;
    background-color: transparent !important;
}

.custom-stepper .mat-step-header:hover {
    cursor: default !important;
    background-color: transparent !important;
}

/**************** START CUSTOM STEP HEADER ICON & LABEL ****************/
/* NASCONDE LE ICONE NON NECESSARIE */
/* .mat-step-icon-state-edit,
.mat-step-icon-selected,
.mat-step-icon-state-done,
.mat-step-icon-state-number {
    display: none !important;
} */

.mat-step-icon {
    height: 24px !important;
    width: 24px !important;
}

.mat-step-icon-state-number {
    background-color: transparent !important;
    color: #54595D !important;
    border: solid 1px #54595D !important;
}

.mat-step-icon-selected {
    background-color: #002E5F !important;
    border: none !important;
    color: white !important;
}

.mat-step-icon-state-done {
    background-color: #0059B8 !important;
}

/* HEADER ICON DEFAULT */
.mat-step-text-label {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    /* text-decoration: underline solid; */
    text-underline-offset: 16%;
    text-decoration-thickness: 8%;
    text-decoration-skip-ink: auto;
}

/* HEADER ICON SUCCESS */
/* .mat-step-icon-state-done {
    background-color: green !important;
    width: 18px !important;
    height: 18px !important;
} */

/* HEADER LABEL ERROR */
.mat-step-label-active .mat-step-text-label {
    color: #0059B8 !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
}

.mat-step-label-active .mat-step-text-label:hover,
.mat-step-label-error .mat-step-text-label:hover {
    cursor: pointer !important;
}

.mat-step-label-selected .mat-step-text-label:hover {
    cursor: default !important;
}

/* HEADER LABEL SELECTED */
.mat-step-label-selected .mat-step-text-label {
    color: #002E5F !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    /* font-weight: bold; */
}

/* HEADER LABEL ERROR */
.mat-step-label-error .mat-step-text-label {
    color: #C9291B !important;
    font-weight: 600 !important;
}

/* HEADER ICON ERROR */
.mat-step-icon-state-error .mat-step-icon-content .fa-exclamation-circle {
    color: #C9291B !important;
    font-size: 24px;
}

/**************** END CUSTOM STEP HEADER ICON ****************/

//Eliminazione effetto selezionato
.custom-stepper .mat-step-header.cdk-program-focused {
    background-color: transparent !important;
}

//Eliminazione ultima freccia
.custom-stepper .mat-horizontal-stepper-header.last::after {
    display: none !important;
    content: none !important;
}

.custom-stepper .mat-horizontal-stepper-header {
    padding-left:16px !important;
    padding-right: 0px !important;
}

//Allineamento button scroll
.custom-stepper button.slick-prev {
   background: transparent !important;
   border: none !important;
  
}
.custom-stepper  button.slick-next  {
    background: transparent !important;
    border: none !important;
  
 }

 .custom-stepper .slick-list {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
 }

 .custom-stepper .mat-step-label .mat-step-label-active {
    color: red !important;
 }

 .fa-angle-right:before, .fa-angle-left:before {
    font-size: 24px;
}

.fa-angle-right, .fa-angle-left {
    color: #002E5F !important;
}

.mat-step-header.cdk-keyboard-focused {
    background-color: transparent !important;
    /* outline: 3px solid #19191a !important;
    outline-offset: -12px !important;
    border-radius: 14px !important; */
}

.custom-stepper .mat-step-label[tabindex="0"] {
    outline: none;
    border-radius: 4px;
}

.custom-stepper .mat-step-label[tabindex="0"]:focus {
    outline-offset: 2px !important;
    outline: 2px solid #19191a;
}

.mat-horizontal-stepper-header-container button[disabled],
[aria-disabled="true"] {
    background-color: transparent !important;
    color: #A9AEB1 !important;
}
.mat-step-header:focus{
    outline:2px solid black !important;
    border-radius: 5px !important;
    outline-offset: -12px !important;
}


.inali-button-wizard{
    background: transparent !important;
    border: none !important;
}
.inali-button-wizard:focus{
    outline: 2px solid black !important;
    border-radius: 3px !important;
}