/*CUSTOM STYLE*/

.yellow{color: #F0B500;}
.grey{ color: #B9B4A4;}
.blu{color: #22B6DC}
.orange{color: darkorange;}
.yellow-background{background-color: #F0B500;}



.title{font-family: "Titillium Web"; font-weight: 400; font-size: 47px; line-height: 50px; margin-top: 60px;}
.provincia{font-family: "Titillium Web"; font-size: 21px; position: absolute; z-index: 10; top: 170px;}
.selezione-provincia{position: absolute; top: 208px; font-size: 24px;}
.city-select{display: inline-block; font-size: 16px; margin-top: -20px; color: #2F5260}
.city-select option{padding: 10px;}

.box-programma{color: #2F5260; font-family: "Titillium Web"; font-size: 18px; border-radius: 13px; padding: 48px 125px; position: relative;
    background: transparent linear-gradient(0deg, rgba(255, 254, 254, 1) 0%, rgba(214, 208, 190, 1) 100%) 0% 0% no-repeat padding-box;}
.titolo{position:absolute; z-index: 15; top: 30px; left: 19px; line-height: 22px;}
.fiala{position:absolute; z-index: 15; bottom: 0; right: 19px;}

.contenitore{position: absolute; z-index: 10; left: 134px; top: 496px; }
.box-descrizione{position: relative; background: white; padding: 77px 125px; border-radius: 13px;}
.piano{color: #2F5260; font-family: "Titillium Web"; font-size: 14px; border-radius: 13px; position: absolute; z-index: 20; top: 0; left: 0;   padding: 55px 125px;
    background: #EBE7DB}
.lista{position: absolute; z-index: 25; top: 14px; left: 24px;}
.lista ul{list-style-type: none; font-family: "Titillium Web"; font-weight: 600;}
.lista ul li{text-indent: -5px; line-height: 18px;}
.lista ul li:before{content: "-"; text-indent: -5px;}
.icona{font-size: 20px; position: absolute; z-index: 25; top: 18px; right: 14px;}
.icona a{color: #B9B4A4;}
.coin-icon{color: #B9B4A4; font-size: 16px; position: absolute; z-index: 25; bottom: 9px; left: 18px;}
.confirm-button{border: none; border-radius: 45px; background-color: #F0B500; font-size: 12px; padding: 4px 16px;
    color: white; box-shadow: 0px 3px 6px #00000029; position: absolute; z-index: 25; bottom: 7px; right: 8px;}

.logo{position: absolute; z-index: 30; top: 385px; right: 0;}

#box-1{position: absolute; z-index: 10; top: 400px; left: 90px; width: 250px;}
#box-2{position: absolute; z-index: 10; top: 130px; left: 360px; width: 250px;}
#box-3{position: absolute; z-index: 10; top: 400px; left: 360px; width: 250px;}
#box-4{position: absolute; z-index: 10; top: 130px; right: 80px; width: 250px;}
#box-5{position: absolute; z-index: 10; top: 400px; right: 80px; width: 250px;}

#box-2 ul li:nth-child(4){font-weight: 400}
#box-2 ul li:nth-child(5){font-weight: 400}

#box-4 ul li:nth-child(3){font-weight: 400}
#box-4 ul li:nth-child(4){font-weight: 400}

#box-5 .titolo{top: 18px;}
#box-5 .fiala{right: 55px;}



/*Detail pages*/
.box-detail{position: absolute; z-index: 10; top: 46px; left: 42px;}

.head-detail{background: transparent linear-gradient(180deg, rgba(255, 254, 254, 1) 0%, rgba(214, 208, 190, 1) 100%) 0% 0% no-repeat padding-box;
    border-radius: 13px; max-width: 600px; padding-top: 31px; padding-left: 43px; padding-right: 30px;}
.detail-title{font-family: "Titillium Web"; font-weight: 700; font-size: 30px; color: #2F5260; line-height: 36px;}
.description-detail{background: #FFFFFF 0% 0% no-repeat padding-box; border-radius: 13px; color: #2F5260;
    font-size: 20px; font-family: "Titillium Web"; font-weight: 400; padding: 36px 37px 30px 44px;}
.description-detail p{padding-bottom: 25PX;}
.border{border-bottom: 1px solid #D6D0BE;}
.detail-button{margin: 10px 0; border: none; border-radius: 45px; background-color: #F0B500; font-size: 12px; padding: 4px 16px;
    color: white; box-shadow: 0px 3px 6px #00000029;}
.back-button{border: 1px solid #2F5260; border-radius: 45px; font-family: "Titillium Web"; font-weight: 700; font-size: 12px; background-color: white;
    padding: 3px 19px; margin: 10px 0;}
.back-button a{text-decoration: none; color: #2F5260;}

/*Formula-full*/
.assicurazione{font-family: "Titillium Web"; font-weight: 400; border-radius: 13px; border: 1px solid white; text-align: center; padding: 0 21px 10px; position: relative}
.assicurato{font-size: 20px; margin-top: 19px;}
.assicurato p{padding: 0}
.assicurato .fa-user{font-size: 41px;}

.eta{background-color: #2f5260; border: 1px solid white; border-radius: 11px; color: white; width: 64px; text-align: center; padding: 6px 0;}
.selezione{font-weight: 700; font-size: 16px; line-height: 18px;}

.insert-age{background-color: #2f5260; border: 1px solid white; border-radius: 11px; color: white; width: 44px; text-align: center; padding: 6px 0;}

.select{position: absolute; z-index: 25; top: 0;}
.target .select{display: inline-block; width: 100px;}


.select select {display: none;}

.select-selected {
	background-color: #2f5260;
	border-radius: 9px;
	list-style-type: none;
}
ul.voci{list-style-type: none; display:none; max-height:150px; overflow-y:auto;overflow-x:hidden;scrollbar-width: thin; margin-top: 8px}
ul.voci li{padding:3px 0; font-size:15px; font-weight: 100}
.seleziona{ display:block;}
#elencoFam{ max-height: 280px;overflow-y:auto;overflow-x:hidden;scrollbar-width: thin;}

/*style the arrow inside the select element:*/
.select-selected:after {position: absolute; content: ""; top: 17px; right: 17px; width: 0; height: 0; border: 6px solid transparent; border-color: #fff transparent transparent transparent;}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected { text-align: left; color: #ffffff; padding: 8px; background-color: #2f5260; border: 1px solid white; border-radius: 9px; cursor: pointer; user-select: none;}

.dashed-line {border-top: 1px dashed white; margin: 16px 0!important }
.border-right-dashed{border-right: 1px solid #E1DBFB; border-right-style: dashed;}

.arrow-right {width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 21px solid white;
                position: absolute; z-index: 25;}

.titolo-piano{font-weight: 700; font-size: 20px; text-align: center; position: relative; height: 95px; line-height: 22px}
.titolo-piano p{font-weight: 400; font-size: 12px; line-height: 16px}
.prezzo{border-radius: 10px; border: 4px solid  #6E8690; background-color: #6E8690; color: #2f5260; line-height: 16px; text-align: center;
        font-weight: 700; font-size: 24px; padding: 20px 0; margin-top: 5.5px;}
.prezzo.ok{border-radius: 10px; border: 4px solid  #f0b500; background-color: #FFF; }
.prezzo .euro{font-size: 16px;}

.disclaimer{position: absolute; z-index: 25; top: 550px; left: 0px;}
.export-pdf{border: 1px solid  #f0b500; border-radius: 20px; font-size: 14px; text-align: center; padding: 7px 14px; margin-top: 15px; }

.virtual-hospital{border: 1px solid white; border-radius: 17px; padding: 0 5px; font-size: 20px; text-align: center;}
.virtual-hospital .col-md-6{padding: 15px 0px 20px;}
.virtual-hospital .select{ margin-left: 50px; margin-top: 10px;}
.virtual-hospital .select .select-items {position: absolute; top: 100%; left: 0; z-index: 99;}
.virtual-hospital .select select{text-align: left}
.virtual-hospital .select-selected{text-align: left;}

.asterisks{color:  #f0b500; font-size: 16px;}
.exclamation-icon{margin: 5px 10px 0 0; font-size: 22px; vertical-align: top; color: #f0b500;}

.target{border: 2px solid white; border-radius: 11px; padding: 20px 5px 10px 0; text-align: center;}
.target .prezzo{ border: none; background-color: transparent; color: white; margin: 0;}

.target-title{font-size: 22px; text-transform: uppercase; font-weight: 600; margin-bottom: 35px;}
.numero-assicurati{font-size: 16px; font-weight: 600; line-height: 18px;}

.franchigia{display: inline-block; vertical-align: middle; width: 20px; height: 20px; border: 1px solid white; border-radius: 5px; margin-right: 5px;}

.formula-grey{text-align: center; border: 2px solid #6e8690; border-radius: 18px; font-family: "Titillium Web"; font-weight: 400; font-size: 34px; line-height: 48px; color: #6e8690;}
.formula-yellow{text-align: center; border: 2px solid #f0b500; border-radius: 18px; font-family: "Titillium Web"; font-weight: 400; font-size: 34px; line-height: 48px; color: white;}

#inserisci{background-color: #f0b500; border: none; border-radius: 11px; color: white; margin-left: 10px; padding: 6px 9px;}
#provincia{background-color: #2f5260; border: 1px solid white; border-radius: 11px; color: white; text-align: center; padding: 6px 20px 6px 0;}
#city-option{background-color: #2f5260; border: 1px solid white; border-radius: 11px; color: white; text-align: center;}