/* style per adattare l'accordion al template */

#accordionUserProfile .accordion-item {
	border:none;
}
#accordionUserProfile .accordion-button {
    font-size: 24px !important;
	color: var(--white) !important;
	text-transform:uppercase !important;
	background-color:var(--s2);
}
#accordionUserProfile .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
#accordionUserProfile .accordion-button:not(.collapsed){
    background-color: var(--f7) !important;
    box-shadow: none;
}
#accordionUserProfile .accordion-button {
	background-color: var(--s2) !important;
	box-shadow: none;
}
#accordionUserProfile .accordion-button:not(.collapsed)::after {
    background-image: var(--cpbo-accordion-btn-active-icon-w) !important; /* freccia in su*/
}
#accordionUserProfile .accordion-button::after {
    background-image: var(--cpbo-accordion-btn-icon-w) !important; /* freccia in giu*/
}
#accordionUserProfile .accordion-button::after {
    width: 2.3rem !important;
    height: 2.3rem !important;
    background-size: 2.3rem !important;
    margin-top: 12px;
}
#accordionUserProfile .accordion-button[disabled]{
	background-color: var(--s2) !important;/*ex m6 */
}
#accordionUserProfile .accordion-button.is-invalid{
	border: 2px solid var(--red-errors) !important;
}
#accordionUserProfile .accordion-item button.btn-nav[disabled]{
	background-color: var(--m6) !important; 
}

/* asterisco aggiunto alle label required dinamicamente */
.mandatory:not(button):after {
	font-family: bootstrap-icons!important;
  	content: " \F151";
  	color: red;
  	font-weight: normal;
  	font-size: 10px;
}

#areageografica-container .mandatory:not(h4):after,
#import-radio-container .mandatory:not(h4):after {
	content: "" !important;
}

#collapse_step_5 .dropdown.bootstrap-select.show-tick{
	width: 100% !important; 
}

#collapse_step_5 .bootstrap-select > .dropdown-toggle {
    padding: 15px 10px;
}

#collapse_step_5 .btn {
    font-family: var(--font-family-ibm-plex-sans) !important;
    border-color: var(--bs-btn-hover-border-color);
    background-color:#fff;
    text-transform: none;
    text-decoration: none !important;
    text-align: center;
    padding: 6px 20px;
    box-shadow: unset !important;
    transition:none !important;
    font-weight: 500;
    display: inline-block;
    font-weight: var(--font-weight-400);
    border-radius: 0 !important;
}

#collapse_step_5 .dropdown-toggle::after {
	position: absolute;
    font-family: bootstrap-icons!important;
    content: " \F282";
    right: 14px;
    top: 19px;
    font-size: 12px;
    font-weight: 600;
    border: 0;
}

.dropdown.bootstrap-select a{
	text-transform:none !important;
	font-weight: 300 !important;
	font-family: var(--font-family-ibm-plex-sans) !important;
}