@charset "utf-8";

/* CSS Document */

html,
body {font-family: 'Roboto', sans-serif; height: 100%;width: 100%;margin: 0px;padding: 0px;font-size: 17px;/* letter-spacing: 2px; */text-align: left;color: #000000;/*background-color: #dfdfdf;*/}

#contenitore {
	width: 100%;
	margin: 0 auto;
}

#contenitore_testa {
	float: left;
	width: 100%;
	overflow: hidden;
	background-color: #ffffff;
	color: #000000;
}


div#testa {
    float: left;
    width: 100%;
}

div#logo {
	float: left;
	padding-left: 1.5rem;
	padding-left: 1.3rem;
	padding-right: 1.5rem;
}
 
 div#immagine_testa {
	float: left;
	width: 100%;
	/*background-image: url(../img/header.jpg);*/
	background: linear-gradient(253deg, #00205C 0%, #4F81C2 100%);
    background: -webkit-linear-gradient(253deg, #00205C 0%, #4F81C2 100%);
	background-size: cover;
	background-position: center center;
	color: white;
	padding-top: 3.2rem;
	padding-bottom: 4rem;
}


div#interno_immagine_testa {
    width: 1300px;
    max-width: 98%;
    margin: 0 auto;
}
div#interno_immagine_testa h1 {
    float: left;
    width: 100%;
    margin: 0;
    border-bottom: 1px solid;
    /* padding-top: 30px; */
    padding-bottom: 20px;
    font-weight: normal;
    font-weight: 300;
    font-size: 2.65em;
    line-height: 1.2;
    letter-spacing: 0.05em;
    padding-bottom: 0.5rem;
    /* margin-top: 5px; */
}

div#interno_immagine_testa h2 {
    /* margin-bottom: 55px; */
    font-weight: 400;
    font-size: 1.35rem;
    line-height: 1.5;
    letter-spacing: 0;
    margin-bottom: 0;
    font-size: 32px!important;
    line-height: 1.2;
    margin-top: 1.8rem;
    float: left;
}
 


ul#menu.home li a {
	/*color: white !important;*/
}

ul#menu {
    margin: 0;
    padding: 0;
    float: right;
    list-style: none;
    /* width: 70%; */
    /* margin-left: 10%; */
    /* padding-bottom: 25px; */
    margin-top: 0px;
}

#menu li {
	padding-top: 20px;
	float: left;
	/* margin-left: 50px; */
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
}

ul#menu li a.voce {
    line-height: 40px;
    text-decoration: none;
    text-transform: uppercase;
    color: #000164;
    text-align: left;
    letter-spacing: 0px;
    /* font-weight: 100; */
    font-size: 14px;
    /* font-weight: bold; */
}

#menu .submenu {
	/*display: none;*/
}
 
div#menu_principale_mobile {
	display: none;
}
 

div#contenitore_corpo {
	float: left;
	width: 100%;
	background-color: #ffffff;
	background-size: 100%;
	background-repeat: no-repeat;
	padding-top: 30px;
}

div#corpo {
	width: 1300px;
 
	padding: 0% 0% 0% 0%;
	margin: 0 auto;
	max-width: 98%;
}
 
	
#coda.index{/* width: 1200px; *//* background: url(../img/fondocoda3.png); */float: none;max-width: 100%;margin: 0 auto;background-color: #2ea7e1;padding-top: 130px;}
 
 
div#contenitore_coda a {
	text-decoration: none;
	color: #ffffff;
	line-height: 21px;
	/* letter-spacing: 1px; */
	font-size: 13px;
	font-weight: 300;
}

div#contenitore_coda {
	margin-top: 50px;
	width: 100%;
	float: left;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	font-size: 13px;
	background: #00143b;
	font-weight: 300!important;
	font-size: 13px!important;
	line-height: 20px!important;
	letter-spacing: 0.02em!important;
}

div#coda {
	/* float: left; */
	width: 1300px;
	/* padding: 2%; */
	/* margin: 0% 2%; */
	padding-top: 4rem;
	text-align: center;
	padding-bottom: 4%;
	margin: 0 auto;
	max-width:98%;
}
 div#barratop {
    width: 100%;
    margin: 0 auto;
    /* max-width: 98%; */
}

div#avanzamento {
    float: left;
    width: 100%;
    text-align: center;
    color: #23a6be;
    box-shadow: inset 0 -1px 0 #23a6be;
    margin-top: 25px;
    margin-bottom: 25px;
}

div#avanzamento .elemento {
 
/* float: left; */
 
text-align: center;
 
margin-left: 5px;
 
margin-right: 5px;
 
display: inline-block;
 
vertical-align: sub;
}

div#avanzamento .numero {
    font-size: 30px;
    border: 1px solid #23a6be;
    border-radius: 56px;
    padding: 14px 14px;
    /* margin: 30px; */
    width: 30px;
    height: 30px;
    text-align: center;
    margin: 0 auto;
    line-height: 30px;
}

div#avanzamento .titolo {
    float: left;
    width: 100%;
    text-transform: uppercase;
    padding-bottom: 30px;
    text-align: center;
    font-size: 14px;
    margin-top: 10px;
}

div#avanzamento .spacer {
    display: inline-flex;
}

div#avanzamento .elemento.selezionato {
    font-weight: bold;
    background-image: url(../img/stepselezionato.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 17px;
}

div#avanzamento .elemento.selezionato .numero {
    background: #23a6be;
    color: white;
}

.elemento.transparent {
    border: 0px solid !important;
    color: transparent;
}

.opaco{
	opacity:0.7;
}

.elemento.transparent .numero {border: 0px solid !important;}

.spacer.transparent img {
    opacity: 0;
}

.colonna1 {
    width: 50%;
    float: left;
    text-align: left;
    padding: 1% 0%;
}

.colonna2 {
    width: 17%;
    float: left;
    text-align: left;
    padding: 1%;
    margin-left: 1%;
}

.colonna3 {
    width: 16%;
    float: left;
    padding: 1%;
    text-align: left;
    margin-left: 7%;
    margin-right: 5%;
}

.colonnaestesa {
    width: 18%;
    margin-right: 82%;
    /* margin-left: 1%; */
}

div#codabottom {
    width: 100%;
    text-align: center;
    float: left;
    border-top: 1px solid #ffffff;
    font-weight: normal;
    margin-top: 26px;
}

ul#menu-footer-menu {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

div#modulo .titolo {
    font-size: 30px;
    color: #00205C;
}

div#modulo {
    float: left;
    width: 98%;
    padding: 1%;
	color:#1D1D1B;
}

.colonna_30 {
    float: left;
    width: 30%;
    font-size: 15px;
	line-height:20px;
    margin-top: 15px;
    font-weight: normal;
}

.colonna_70 {
    float: left;
    width: 65%;
	margin-left:5%;
    margin-top: 15px;
    font-weight: normal;
	font-size: 15px;
}
input[type=text]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #212121;
  opacity: 1; /* Firefox */
}



form .colonna_70 input[type=text] {
    width: 94%;
    padding: 2% 3%;
    border-radius: 30px;
    border: 0px solid #cccccc;
    background: #F1F1F1;
    margin-bottom: 10px;
}

form .colonna_70 input.button {
    background: #00205C;
    color: white;
    border: 0;
    padding: 2% 3%;
    font-weight: bold;
    border-radius: 30px;
	float:right;
	cursor:pointer;
}
form .colonna_70 input.button:hover{
   background:#23a6be;
   color:white;
}

form .colonna_70 select{
    padding: 2% 3%;
    width: 100%;
    border-radius: 30px;
    border: 0px solid #cccccc;
    background: #F1F1F1;
    margin-bottom: 10px;
    float: left;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
	position: relative;
}

select.campo50_sx{
width:49% !important;
margin-right:1% !important;
   padding: 2% 3%;
       float: left;

}
select.campo50_dx{
width:49% !important;
margin-left:1% !important;
   padding: 2% 3%;
       float: left;

}

input.campo50_sx{
width:43% !important;
margin-right:1% !important;
   padding: 2% 3%;
       float: left;

}

input.campo50_dx{
width:43% !important;
margin-left:1% !important;
   padding: 2% 3%;
       float: left;

}

div.campo50_dx{
width:43% !important;
margin-left:1% !important;
   padding: 2% 3%;
       float: left;
	   margin-bottom: 10px;
	   font-size:12px;

}

.button:disabled,
.button[disabled]{
opacity:0.7;
}
 

.inattesa{
	opacity:0.3;
}


div#raccolta_consensi {
    font-size: 14px;
}

strong.titolo_strong {
    width: 100%;
    float: left;
    font-size: 20px;
    color: #00205c;
	margin-bottom:15px;
}


a {
    color: #00205c;
    text-decoration:none;
}

a.buttonlink {
    background: #00205C;
    color: white;
    border: 0;
    padding: 2% 3%;
    font-weight: bold;
    border-radius: 30px;
    margin: 0 auto;
    display: table;
    text-decoration: none;
	    margin-top: 30px;
    margin-bottom: 30px;
}

span.blocco_centrato_grigio {
    width: 98%;
    float: left;
    text-align: center;
    padding: 1%;
    background: #f1f1f1;
    margin-top: 10px;
    margin-bottom: 20px;
}

#richiesta_idonea {
    width: 98%;
    text-align: center;
    background: #4caf50;
    float: left;
    padding: 1%;
    color: white;
	margin-top:20px;
}


#richiesta_nonidonea {
    width: 98%;
    text-align: center;
    background: red;
    float: left;
    padding: 1%;
    color: white;
	margin-top:20px;
	display:none;
}

#richiesta_nonidonea a{
	color:white;
	text-decoration:underline;
}

button#invia_otp, button#verificacodice {
    background: #00205C;
    color: white;
    border: 0;
    padding: 2% 3%;
    font-weight: bold;
    border-radius: 30px;
    float: right;
    cursor: pointer;
    width: 49%;
	margin-bottom: 10px;
}

.contenitore_uploader{
width: 94%;    padding: 2% 3%;    float: left;    background: red;    background: #F1F1F1;    border-radius: 18Px; margin-bottom:20px;

}

.campo50_dxbutton {
    width: 48%;
    float: left;
    /* padding: 1% 2%; */
    margin-left: 2%;
	margin-bottom: 12px;
}

.campo50_dxbutton input#invia_otp, .campo50_dxbutton input#verificacodice  {
    padding: 4% 0%;
}

textarea {
    min-height: 200px;
    background: #cccccc;
    border: 0px;
    width: 94%;
    padding: 2% 3%;
    border-radius: 15px;
    background: #F1F1F1;
    margin-bottom: 10px;
    font-family: 'Roboto', sans-serif;
}

 input.button.selezionato {
    background: white !important;
    border: 1px solid #00205c !important;
    color: #00205c !important;
}


input#piudidieciclienti, input#menodidieciclienti, input#compilazioneonline, input#compilazionemassiva  {
	background: white !important;
    border: 1px solid #00205c !important;
    color: #00205c !important;
}

input#piudidieciclienti:hover, input#menodidieciclienti:hover, input#compilazioneonline:hover, input#compilazionemassiva:hover{
	    background: #23a6be !important;
		color:white !important;
		    border: 1px solid #23a6be !important;
}

 a.buttonlink:hover{
	    background: #23a6be !important;
		color:white !important;
}


input#piudidieciclienti.selezionato, input#menodidieciclienti.selezionato, input#compilazioneonline.selezionato, input#compilazionemassiva.selezionato {
		background: #00205c !important;
    border: 1px solid white !important;
    color:  white !important;
}

.aggiungicliente, .aggiungibanca {
     float: right;
    padding: 10px;
    color: #23a6be;
    cursor: pointer;
    background: url(../img/aggiungi.svg);
    background-repeat: no-repeat;
    padding-left: 25px;
    background-size: 20px;
    background-position: left center;
}

.aggiungicliente:hover, .aggiungibanca:hover {
    text-decoration: underline;
}

.rimuovicliente, .rimuovibanca {
    float: right;
    color: #be2323;
    padding: 10px;
    cursor:pointer;
	  background: url(../img/elimina.svg);
    background-repeat: no-repeat;
    padding-left: 25px;
    background-size: 20px;
    background-position: left center;
}

.rimuovicliente:hover, .rimuovibanca:hover {
    text-decoration: underline;
}


input#prosegui {
    margin-top: 20px;
}

.esito {
    font-size: 33px;
    float: left;
    width: 100%;
    color: #069030;
    line-height: 60px;
	margin-bottom:30px;
}

.esito img{
padding-right:20px;
width: 70px;
}

div#logo img {
    height: 50px;
    margin-bottom: 15px;
}

.l-subheader-cell.at_left {
    text-align: left!important;
    font-weight: 300!important;
    font-size: 12px!important;
    line-height: 20px!important;
    letter-spacing: 0.05em!important;
    margin-right: 5px!important;
    padding-right: 0!important;
    padding-bottom: 20px;
    padding-top: 5px;

}
.w-text-value{
    color: #00205c!important;
}

span.spacer {
    width: 20px;
    height: 15px;
    /* float: left; */
    display: block;
}

input#verifica_finanziabilita, input#next_step, input#prosegui {
    margin-top: 30px;
    margin-bottom: 30px;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

label {
	position:relative;
	display:flex
}
label:after {
/*    content: '>';
    font: 15px "Consolas", monospace;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 5%;
    padding: 0 0 2px;
    position: absolute;
    pointer-events: none;
    margin-top: 3%;*/
	
	content: ">";
	color:transparent;
    padding: 0 0 2px;
    position: absolute;
    right: 5%;
    margin-top: 5%;
    pointer-events: none;
    background-image: url(../img/clessidra-factoring-on-demand-arrow-down-icon.svg) !important;
    background-size: contain !important;
    background-repeat: no-repeat;

	
}
label:before {
    content:'';
    right:1%; top:50px;
    position:absolute;
    pointer-events:none;
    display:block;
}

.campo50_sx1 {
    float: left;
    width: 49%;
    margin-right:1%;
}

.campo50_sx1 select{
height:50px;
padding-left:40px;
}

.campo50_dx1 {
    width: 49%;
    margin-left: 1%;
    float: left;
}

select#s_anno_costituzione, select#s_fatturato_annuo, select#s_settore_riferimento, #sede_legale_regione, #sede_legale_provincia, #sede_legale_citta, #sede_legale_cap, #sesso  {
    padding: 4% 6%;
    float: left;
	height:auto;
}

input#prosegui[value="Firma e invia la richiesta"] {
    margin-top: 20px;
    float: none;
    margin: 0 auto;
    /* width: 25%; */
    display: block;
}

a.torna_al_sito {
    background: #00205C;
    color: white;
    border: 0;
    padding: 2% 3%;
    font-weight: bold;
    border-radius: 30px;
    float: right;
    cursor: pointer;
    margin-top: 30px;
    margin-bottom: 30px;
}
hr.mt-1.mb-1 {
    display: none;
}

.progress-bar.bg-primary.bg-.bg-success {
    background: #4caf50;
}

input[type=text].campook {
    background-image: url("../img/clessidra-factoring-on-demand-right-icon.svg") !important;
    background-size: 20px !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background: #F1F1F1;
	-webkit-box-shadow:inset 0px 0px 0px 1px #069030;
    -moz-box-shadow:inset 0px 0px 0px 1px #069030;
    box-shadow:inset 0px 0px 0px 1px #069030;
  /*  width: 90% !important;
    padding: 2% 7% 2% 3% !important;*/
}


select.campook {
    background-image: url(../img/clessidra-factoring-on-demand-right-icon.svg) !important;
    background-size: 20px !important;
    background-repeat: no-repeat !important;
    background-position: 4% center !important;
    padding: 4% 15% !important;
	-webkit-box-shadow:inset 0px 0px 0px 1px #069030;
    -moz-box-shadow:inset 0px 0px 0px 1px #069030;
    box-shadow:inset 0px 0px 0px 1px #069030;
}


/* per contenitore radio */
div#tipologia_business_contenitore.campook {
    background-image: url(../img/clessidra-factoring-on-demand-right-icon.svg) !important;
    background-size: 20px !important;
    background-repeat: no-repeat !important;
    background-position: right 50px center;
    padding-bottom: 0px;
    /* PADDING-RIGHT: 80PX; */
    /* width: 47% !important; */
    /* margin-left: 58px !important; */
    /* padding: 0% 5% 0% 0%; */
    /* margin-left: 2% !important; */
}

div#tipologia_business_contenitore {
    width: 46.5% !important;
	/*min-width: 46.5%  !important;*/
    margin-right: 0 !important;
    padding: 0.5% 1% 2% 2.5%;
    line-height: 42px;
    /* font-size: 13px; */
}

/* per contenitore checkbox */
#privacy_contenitore.campook, #presavisione_contenitore.campook {
   /* background-image: url(../img/clessidra-factoring-on-demand-right-icon.svg) !important;*/
    background-repeat: no-repeat !important;
    background-size: 20px !important;
    background-position: right 10px center !important;
}


/* per contenitore checkbox */
textarea.campook {
    background-image: url(../img/clessidra-factoring-on-demand-right-icon.svg) !important;
    background-size: 20px !important;
    background-repeat: no-repeat !important;
    background-position: bottom 10px right 20px !important;
	    -webkit-box-shadow: inset 0px 0px 0px 1px #069030;
    -moz-box-shadow: inset 0px 0px 0px 1px #069030;
    box-shadow: inset 0px 0px 0px 1px #069030;

}

input#verifica_finanziabilita[disabled], input#next_step[disabled], input#prosegui[disabled]{
    cursor: auto !important;
    background: #bbbbbb;
    -webkit-box-shadow: inset 0px 0px 0px 1px #bcbcbc;
    -moz-box-shadow: inset 0px 0px 0px 1px #bcbcbc;
    box-shadow: inset 0px 0px 0px 1px #bcbcbc;
}

.contenitore_uploader.campook{
    -webkit-box-shadow: inset 0px 0px 0px 1px #069030;
    -moz-box-shadow: inset 0px 0px 0px 1px #069030;
    box-shadow: inset 0px 0px 0px 1px #069030;
}
/*
.frm_campo, .frm_campo + .suggerimento {
    width: 85%;
    float: left;
}*/

.riga50sx{width: 49%;float:left;margin-right: 1%;}

.riga50dx{width: 49%;float:left;margin-left: 1%;}
.riga{
width:100%;
float:left;
}
.suggerimento {
	position:relative;
	width:4% !important;
	float:right;
	padding: 1.5% 0%;
    cursor:pointer;
	z-index: 9999;
}
.testo_suggerito{
    display: none;
    position: absolute;
    background: #868686;
    padding: 8px;
    color: white;
    bottom: 40px;
    right: 18px;
    width: 205px;
    border: 1px solid #868686;
    line-height: 20px;
}

.testo_suggerito:after{
content: '';
    right: -1px;
    bottom: -10px;
    padding: 0 0 0px;
    position: absolute;
    /* background: red; */
    z-index: 999999;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #868686;
}

/*
.frm_campo, .frm_campo + .suggerimento {
		width:90% !important;
		float:left;
}*/

.riga50sx input.campo50_sx {
    width: 80% !important;
    padding: 4% 6% !important;
	    margin-left: 0% !important;
}

.riga50dx input.campo50_dx {
    width: 80% !important;
    padding: 4% 6% !important;
	    margin-left: 0% !important;
}

.riga50dx .suggerimento, .riga50sx .suggerimento{padding: 3% 0%;}

.riga .frm_campo {
    width: 90% !important;
}

.bloccocliente, .bloccobanca{
    border-top: 1px solid #23a6be;
    float: left;
    width: 100%;
    margin-top: 40px;
    padding-top: 40px;
}

.bloccocliente:first-child, .bloccobanca:first-child {
	 border-top: 0px solid #23a6be;
	 margin-top: 10px;
     padding-top: 0px;
 
}


div#contenitore_bilanci {
    float: left;
    width: 100%;
}

.riga50sx label, .riga50dx label{
width: 92%;
}

.divisa .riga50sx input.campo50_sx {
    width: 75% !important;
    padding: 7% 6% !important;
    margin-left: 0% !important;
}

.riga50dx.divisa label {
    width: 82%;
}
/*
select#sede_legale_provincia {
    padding: 8% 8%;
}

select#sede_legale_provincia.campook{
    padding: 8% 24% !IMPORTANT;
}*/

.riga50dx.divisa label:after {
    content: ">";
    color: transparent;
    padding: 0 0 2px;
    position: absolute;
    right: 5%;
    margin-top: 10%;
    pointer-events: none;
    background-image: url(../img/clessidra-factoring-on-demand-arrow-down-icon.svg) !important;
    background-size: contain !important;
    background-repeat: no-repeat;
}

@media screen and (max-width: 1024px){
	div#tipologia_business_contenitore {
		width: 53.5% !important;
		PADDING-RIGHT: 13%;
	}
}
.allineaselect{
padding: 4% 6% !important;
    float: left;
    height: auto;
	
}
a.tornaindietro {
    background: #00205C;
    color: white;
    border: 0;
    padding: 2% 3%;
    font-weight: bold;
    border-radius: 30px;
    float: right;
    cursor: pointer;    
	margin-top: 30px;
    font-size: 13px;margin-bottom: 30px;margin-right: 10px;
}