span.pallino {
    content: "";
    display: inline-block;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    background: #000;
    background-color: rgb(0, 0, 0);
}

span.pallino.rosso {
    background-color: rgb(255, 63, 63);
}

span.item-errore {
	content: "";
	background: url(../img/check/ic_check_red_24px.svg) center center no-repeat #f8f9fa;
}

.separazione {
	border-bottom: 4px solid #C2C2C2;
	margin-bottom: 1rem;
	margin-top: 1rem;
}

.form-tabs-intest {
	/* mb-4 */
	margin-bottom: 1.5rem !important;
	/* h4 */
	font-size: 1.5rem;

	font-weight: 600;
	/*color: #666; grigio */
	/*color: #96C2E8;*/
	font-family: "Onest",sans-serif;
    line-height: 1.2;
	/*font-style: italic;*/
	text-decoration: underline;
	text-transform: uppercase;
}

.format-intestatari {
	/* h2 */
	font-size: 2.5rem;
	/* title */
	font-family: "Onest",sans-serif;
	line-height: 1.2;
	font-weight: 400;
 
 	/*color: #070F1D; pił scuro */

	/*color: #666; grigio 
	color: #96C2E8; */

	width: 100%;
	border-bottom: 5px solid #C2C2C2;
	/*border-top: 5px solid #C2C2C2;*/
    padding: 0.8rem 0rem;
    /*text-align: center; 
    border-color: #FAE196; */
}

.format-intestatari-2striscegialle  {
	/* h2 */
	font-size: 2.5rem;
	/* title */
	font-family: "Onest",sans-serif;
	line-height: 1.2;
	font-weight: 400;
 
 	/*color: #070F1D; pił scuro */

	/*color: #666; grigio 
	color: #96C2E8; */

	width: 100%;
	border-bottom: 5px solid #C2C2C2;
	border-top: 5px solid #C2C2C2;
    padding: 0.8rem 0rem;
    text-align: center;
    border-color: #FAE196;
}

/* spazio fra le righe del profilo finanziario */
table.reg-dett tr {
	line-height: 2.2;
}
		
/* === GRAPH Portafogli === */
.switch-view img {
	width: 28px;
}

.switch-tool:not(.tool--selected) img {
  opacity: 0.5;
}

.asset-tech-details__amount {
  border: 1px solid #cbcdcd;
  padding: 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #fff;
  padding: 10px;
  box-sizing: border-box;
  width: 90%;
  /*margin-left: auto;
  margin-right: auto;*/
  position: relative;
}
.asset-tech-details__amount:before,
.asset-tech-details__amount:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: .825rem;
}
.asset-tech-details__amount:before {
  content: attr(data-min);
  left: -13px;
}
.asset-tech-details__amount:after {
  content: attr(data-max);
  right: -30px;
}

.asset-tech-details__progress {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-radius: 5px 0 5px 5px;
}
.asset-tech-details__progress--risk {
  background-color: #EF1C25;
}
.asset-tech-details__progress--liquidity {
  background-color: #94C400;
}
.asset-tech-details__progress--composition {
  background-color: #18345B;
}


section.absolute-return-chart .hidden{display:none !important}

section.absolute-return-chart [data-open="absolute-return-caratteristiche"]{cursor:pointer}
section.absolute-return-chart .row{margin-top:3.75rem}
section.absolute-return-chart h4,section.absolute-return-chart h5{font-size:1rem}
section.absolute-return-chart h4 img,section.absolute-return-chart h5 img{width:16px;height:16px}
section.absolute-return-chart ul{list-style:none;margin:0 0 2.5rem 0;padding:0}
section.absolute-return-chart ul li{display:inline-block;margin:0 10px 0 0;padding:0}
section.absolute-return-chart ul li a{display:inline-block;font-weight:600;font-size:.8125rem;background-color:#CBE6FC;color:#444;transition:all 0.3s;width:9.0625rem;height:2.1875rem;line-height:2.1875rem;text-align:left;border-radius:5px;position:relative;padding-left:.9375rem}
section.absolute-return-chart ul li a img{opacity:0.5;transition:all 0.3s;margin-right:.3125rem}
section.absolute-return-chart ul li a.is-active{color:#fff;background-color:#17345B}
section.absolute-return-chart ul li a.is-active img{opacity:1}
section.absolute-return-chart .absolute-return-caratteristiche{display:none;position:relative}
section.absolute-return-chart .absolute-return-caratteristiche p{font-size:.875rem;padding-top:.9375rem}
section.absolute-return-chart .absolute-return-caratteristiche p i,section.absolute-return-chart .absolute-return-caratteristiche p em,section.absolute-return-chart .absolute-return-caratteristiche p strong,section.absolute-return-chart .absolute-return-caratteristiche p b{font-weight:600}
section.absolute-return-chart .absolute-return-caratteristiche a.small-round-cta-close{position:absolute;top:-2.8125rem;right:0}
section.absolute-return-chart .percent-indicators{display:none;max-width:350px}
section.absolute-return-chart .percent-indicators p{font-size:.875rem;font-weight:300 !important;margin-top:1.875rem !important;margin-bottom:.625rem}
section.absolute-return-chart .highcharts-background{fill:transparent}

div.percent-indicator{display:inline-block;width:calc(100%  - 45px);height:30px;border:1px solid #E0E0E0;position:relative}
div.percent-indicator>div{content:"";position:absolute;left:0;top:0;height:100%;width:0%;background-color:transparent;transition:width 0.5s}
div.percent-indicator:before,div.percent-indicator:after{position:absolute;top:50%;transform:translateY(-50%);display:inline-block;font-size:.75rem;color:#17345B}
div.percent-indicator:before{content:"0";left:-15px}
div.percent-indicator:after{content:"100";right:-30px}


/** FINE composizione-portafoglio */

.font-gray {
	color: #666; 
	font-weight: 400; 
	font-size: 0.875rem;
}

.font-ridotto {
	color: #666; 
	font-weight: 400; 
	font-size: 0.75rem;
}
.font-ridotto-red {
	color: #F23A3A; 
	font-weight: 400; 
	font-size: 0.75rem;
}

/* .anchor {
	display: block;
	position: relative;
	top: -110px;
	visibility: hidden;
} */

/* Per i bottoni del catalogo */
button.pir-content__nav-tabs__button.active img {
  filter: invert(1);
}

button.pir-content__nav-tabs__button.active:hover img {
  filter: invert(0);
}

/* Per le immagini della sottoscrizione */
.cta--primary.cta--pac {
  color: #ea5e07;
  background-color: #ea9e07;
  border-color: #ea5e07;
}
.cta--primary.cta--pir {
  color: #2F6A58;
  background-color: #7db391;
  border-color: #2F6A58;
}
.cta--primary.cta--etf {
  color: #17345B;
  background-color: #c7d6eb;
  border-color: #17345B;
}
.cta--primary.cta--gimme5 {
  color: #AB1C00;
  background-color: #ab3000;
  border-color: #AB1C00;
}

/* altrimenti sposta occhio visualizzazione pwd */
.form-control[type="text"]+.form-control--show-password,
.form-control[type="text"]+.invalid-feedback+.form-control--show-password
{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .5rem;
  position: absolute;
  bottom: .875rem;
  right: 1rem;
  width: 2rem;
  height: 2rem;
  background-color: #F9F4EB;
}

.form-control[type="text"]+.invalid-feedback+.form-control--show-password
	{
	bottom: 2.375rem
}

.alert-message--warning::before{background-color:#FFCE80}

.accordion--error {
  background-color: #F9F4EB;
  border: 5px solid #F23A3A;
}

.accordion--warning {
  background-color: #F9F4EB;
  border: 5px solid #FFCE80;
}

.accordion--info {
  background-color: #F9F4EB;
  border: 5px solid #96C2E8;
}

/** Campo input serac isin da catalogo */
section.fund-catalogue-search-form span.err {
  color: red;
}

/** caricamento pagina */
#loading-login {
    background: url('../img/blue-loader.gif') no-repeat center center rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999999;
    /*background-color:rgba(0, 0, 0, 0.5);*/
}

/** caricamento iframe */
.iframe-loading { 
	background: url('../img/blue-loader.gif') no-repeat center center rgba(0, 0, 0, 0.2);
}
	
/** Per i messaggi di errore */
.error-table td {
  padding-left: 5rem;
}

.error-table .error {
  background-image: url("../img/icons/icon-alert-circle.svg");
  background-repeat: no-repeat;
  background-position: 15px center;
}

.error-table .warning {
  background-image: url("../img/icons/icon-warning-circle.svg");
  background-repeat: no-repeat;
  background-position: 15px center;
}

.error-table .info {
  background-image: url("../img/icons/icon-info-circle.svg");
  background-repeat: no-repeat;
  background-position: 15px center;
}

.error-table .fatal {
  background-image: url("../img/icons/icon-alert-circle.svg");
  background-repeat: no-repeat;
  background-position: 15px center;
}

/* Aggiunta immagine per messaggi in verde */ 
.error-table .info-message {
  background-image: url("../img/icons/icon-success-circle.svg");
  background-repeat: no-repeat;
  background-position: 15px center;
  border: 1px solid #467D4B;
  background-color: #fff;
}

/* Per Accordion senza link */
.accordion-table__name span.no_link {
  font-size: 1.375rem;
  font-weight: 400;
  text-underline-offset: .375rem;
}

/* bottone info bianco */
.buttonTooltip {
  width: 2rem;
  height: 2rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: .5rem;
}

/* Per fare venire occhio a destra (copia di table__dossier__title__wrapper) */
div.mov-content__wrapper {
	display: inline;
}

.table__movimenti__title__wrapper {
	position: relative;
	width: 100%
}

@media ( max-width : 1023.98px) {
	.table__movimenti__title__wrapper {
		padding-top: 1rem;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap
	}
	.table__movimenti__title__wrapper .cta--view-more {
		margin-left: 1rem;
		margin-top: -.5rem
	}
}

.img_portafoglio {
	padding-right: 5px;
}

.clear {clear: both;}

.spacer-link {
	font-size: .975rem;
	padding: 10px;
	float: right;
}

.spacer-link a {
  padding: 0 1rem;
  font-weight: 500;
  display: inline-block;
  margin: 0 5px;
}

@media (max-width: 767.98px) {
  .spacer-link {
    line-height: 30px;
  }
}

.table__elenco {
  width: 100%;
}

.table__elenco.align-middle tr td, .table__elenco.align-middle tr th {
	vertical-align: middle;
}

.table__header--center {
  text-align: center;
}

.table__cell--center {
  text-align: center;
  justify-items: center;
}

/* === SOT/VEN/SWI === */
.form-row {
  margin-left: 2rem;
  margin-right: 2rem;
  padding-bottom: 2rem;
}

/* stampa elenchi */
.table-two-columnsElenco {
  border-radius: 1rem;
  border: 1px solid #C2C2C2;
  font-size: 1rem;
  padding: 1rem 0;
  background-color: white;
}

.table-two-columns__elementElenco {
  margin: 0 1.5rem;
}

/* header langing page */
.navbar__wrapper .phone-number {
	display: inline-block;
	margin-top: 25px;
  	margin-left: auto;
  	line-height: 1.4;
  	text-align: right;
  	line-height: 1.4;
}

.navbar__wrapper .phone-number span {
    font-size: 18px;
}
  
.navbar__wrapper .phone-number a {
    font-size: 22px;
    font-weight: bold;
}
	
/* stampa documentazione */
.step-tnk {
  color: #96C2E7;
  display: inline-block;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #fff;
  text-align: center;
  line-height: 42px;
  margin-right: 24px;
  border-color: #96C2E7;
  border-width: 1px;
  border-style: solid;
}

/* form-fase1 */
.form-check table.form-check-input {
	width: 100%;
	border: 0px;
}
.form-check table.form-check-input tr td {
	display: block;
	margin-top: var(--bs-gutter-y);
}
.form-check table.form-check-input tr td:first-child {
	margin-top: 0px;
}
.form-check table.form-check-input tr td input {
	display: inline-block;
}
.form-check table.form-check-input tr td label {
	margin-top: .2rem;
    margin-left: 2em;
}

.form-check table.form-check-input input[disabled],
.form-check table.form-check-input input:disabled,
.form-table-check input[disabled],
.form-table-check input:disabled
 {
  pointer-events: none;
  filter: none;
  opacity: .5;
}

.form-check table.form-check-input input[disabled] ~ label, 
.form-check table.form-check-input input:disabled ~ label {
  cursor: default;
  opacity: .5;
}

.form-check table.form-check-input.is-invalid input[type="checkbox"] {
  border-color: #F23A3A;
}

/* nella versione mobile pił righe */
@media (max-width: 767.98px) {
	.form-table-check tr td {
		display: flex;
	}
}

/* Come disabled */
.form-control:read-only {
  background-color: transparent;
}

.form-control-noborder {
	border: 0px;
}
