body, 
#wrapperL12 h1,
#wrapperL12 h2,
#wrapperL12 h3,
#wrapperL12 a,
#wrapperL12 a:hover{
	color: #0053A2 !important;
}

#wrapperL12, #bottomStripWrapper {
	padding: 0 1em;
	min-width: 300px;
}

	#wrapperL12 p{
		margin-bottom: 0.3em;
		font-size: 0.9em;
		text-align: left;
	}

#wrapperL12 a.btn.btn-primary,
#wrapperL12 a.btn.btn-primary:hover{
	color: #FFFFFF !important;
}


#wrapperL12 h1 {
	font-size: 2.2em;
	text-align: left;
}

#wrapperL12 h2 {
	font-size: 1.4em;
	text-align: left;
	margin-bottom: 0px;
}
#wrapperL12 h3 {
	font-size: 1.3em !important;
}
				
#wrapperL12 .f09{
	font-size: 0.9em;
}
#wrapperL12 .f11{
	font-size: 1.1em;
}

#wrapperL12 .c0{
	color: #0053A2;
}

#wrapperL12 .c1{
	color: #002C57;
}

#wrapperL12 .c2{
	color: #455B71;
}

#wrapperL12 .c3{
	color: #000000;
}

#wrapperL12 .c4{
	color: #2567D0 !important;
}

#wrapperL12 hr{
	border-top: 1px solid rgba(32, 121, 212, 0.2);
}

#wrapperL12 .btn-primary,
#wrapperL12 .btn-outline-primary {
    border-color: #0053A2;
	border-width: 1px;
}
	#wrapperL12 .btn-primary {
		background-color: #0053A2;
	}

	#wrapperL12 .btn-outline-primary {
		color: #0053A2;
	}


#wrapperL12 #title {
	padding-top: 0.25em;
}

#wrapperL12 #helpCard.modal .modal-header {
	padding: 20px 24px;
}
#wrapperL12 #helpCard.modal .modal-body p.c3{
	font-size: 0.8em;
}
	#wrapperL12 #helpCard.modal .modal-body img{
		max-width: 260px;
	}

/*#wrapperL12 #loginUP .btn{
	font-size: 1em;
}*/
	
	#wrapperL12 #loginUP input {
		color: #17324D !important;
	}
	#wrapperL12 #loginUP #usernameIcon {
		padding-right: 14px;
	}

	#wrapperL12 #loginUP input.error,
	#wrapperL12 #loginUP #usernameIcon.error {
		border-bottom: 2px solid #F83E5A;
	}

	#wrapperL12 #loginUP label{
		color: #5C6F82 !important;
	}

	#wrapperL12 #loginUP #username::placeholder,
	#wrapperL12 #loginUP #password::placeholder{
		color: #5C6F82;
		/*font-weight: bold;*/
		text-transform: none;
	}
	#wrapperL12 #loginUP #username {
		text-transform: uppercase;
	}

	#wrapperL12 #loginUP .password-icon{
		padding-right: 14px;
	}

	#wrapperL12 #loginUP .ipzs-validator{
		color: #F83E5A;
		font-size: 0.7em;
	}

	#wrapperL12 #loginUP .password-caps {
		background: transparent !important;
		color: #F83E5A !important;
		text-align: right;
		margin-top: -25px !important;
	}

	#wrapperL12 .card-wrapper .card:after {
		margin-top: 0em;
	}

#wrapperL12 .verticalHr{
	border-left: 1px solid rgba(32, 121, 212, 0.2);
}

#wrapperL12 #statusHandler{
	font-size: 0.85em;
	line-height: 1.3;
}
	#wrapperL12 #statusHandler.error{
		color: #D1344C;
	}
		#wrapperL12 #statusHandler.error .icon{
			fill: #D1344C;
		}


#wrapperL12 #failureWrapper.card-body {
	padding: 2rem;
}

#wrapperL12 #failureWrapper .title{
	color: #D1344C;
	font-size: 1.35em;
}
#wrapperL12 #failureWrapper .msg{
	font-size: 0.9em;
}
#wrapperL12 #failureWrapper img{
	max-width: 150px;
}


#wrapperL12 #otpWrapper h2{
	font-size: 1.35em;
}
#wrapperL12 #otp input{
    width: 42px;
    height: 55px;
}
	#wrapperL12 #otp input.form-control{
		box-shadow: none;
		border: 1px solid #0053A2;
		background-color: #F0F8FF;
		border-radius: 8px !important;
		font-size: 2.2em;
		font-family: Roboto Mono;
		font-weight: 600;
	}
		#wrapperL12 #otp.error input.form-control{
			border: 1px solid #D1344C;
		}

	#wrapperL12 #otp input.form-control:focus {
		box-shadow: none;
		border: 2px solid #0053A2;
	}

#qrOverlay span{
	font-size: 1.5em;
}

	/*
	#alternative {

	}*/

	#alternative .btn-image{
		min-width: 230px;
	}

		#alternative .btn-image:before {
			content: "";
			width: 35px;
			height: 20px;
			display: inline-block;
			margin-right: 3px;
			vertical-align: middle;
			background-color: transparent;
			background-position : center center;
			background-repeat:no-repeat;
			padding-left: 0em;
		}

		#alternative .btn-image.btn-card:before{
			 background-image : url(/idp/images/l12/CARD-ICON@svg.svg);
		}
		
		#alternative .btn-image.btn-qr:before{
			 background-image : url(/idp/images/l12/QR-CODE-ICON@svg.svg);
		}
		
	#alternative p{
		line-height: 1.3em;
	}
	#alternative p.or {
		font-size: 1em;
	}

#wrapperL12 .mh-160{
	max-height: 160px;
}


#wrapperL12 .icon-primary {
	fill: #0053A2 !important;
}

#wrapperL12 .error .icon-primary {
	fill: #F83E5A !important;
}
	#wrapperL12 #usernameIcon.error .icon-primary {
		fill: #0053A2 !important;
	}


#wrapperL12-header .it-header-slim-wrapper {
    background: #FFFFFF;
}

#wrapperL12-header img{
	max-height: 40px;
}

#wrapperL12-header.ipzs-bb,
#wrapperL12 .ipzs-bb{
	border-bottom: 1px solid #d6e6f7;
}

/* combo switch lang */
#switchLang a#eccLangNavDropdown{
	color: #0053A2 !important;
	font-size: 0.9em;
}

	#switchLang a#eccLangNavDropdown .icon {
		fill: #0053A2 !important;
	}
	
	#switchLang .dropdown-menu,
	#switchLang .dropdown-menu::before{
	  background: #0053A2;
	}

		#switchLang .dropdown-menu .link-list-wrapper a span{
			color: #FFFFFF;
		}
		#switchLang .dropdown-menu .link-list-wrapper a:hover span{
			color: #06c
		}
/* /combo switch lang */
		
		
/*
#wrapperL12 #loginwithappcard {
  background: #F0F6FC;
}
*/
	#wrapperL12 #loginwithappcard .card {
		background: #F0F6FC;
		border-left-width: 7px !important;
		border-radius: 8px !important;
		border-right: #FFF !important;
	}

#invio_in_corso_otp, #inviato_otp, #errore_invio_otp {
		display: none;
	}
	
	
.bottom-strip {
	background-color: #F2F7FC;
}
	.bottom-strip p {
		font-size: 0.9em;
	}
	.bottom-strip a,
	.bottom-strip a:hover{
		color: #0053A2 !important;
	}	

footer{
	font-size: 0.9em;
}
	footer .it-footer-small-prints {
		background-color: #01254C;
	}

	footer .opacity{
		opacity: 0.586;
	}

	footer img.cieid {
		max-width: 200px;
		max-height: 70px;
	}
	
	footer .stores img {
		max-height: 50px;
	}

	footer #cieidapp {
		border-left: 1px solid #FFFFFF;
	}
	

.bullet-wrapper{
    margin-top:24px;
    padding-left:8px;
    padding-right:8px;
	font-size:0.9em;
}
	
	.bullet-wrapper .list-wrapper{
		position:relative;
		z-index:1;
		margin-top:32px
	}
		.bullet-wrapper .list-wrapper .list-line{
			background:#D6D6D6;
			z-index:-1;
			width:1px;
			height:100%;
			position:absolute;
			left:15px;
			/*opacity:.5*/
		}
		.bullet-wrapper .list-wrapper .list-item-wrapper{
			position:relative;
			margin-top:14px
		}
			.bullet-wrapper .list-wrapper .list-item-wrapper .white-line{
				background:#fff;
				z-index:-1;
				top:0px;
				width:1px;
				height:100%;
				position:absolute;
				left:15px
			}
			.bullet-wrapper .list-wrapper .list-item-wrapper .list-bullet{
				float:left;
				margin-right:20px;
				background:#0053A2;
				height:30px;
				width:30px;
				line-height:30px!important;
				border-radius:100px;
				font-weight:700;
				color:#fff;
				text-align:center
			}
			.bullet-wrapper .list-wrapper .list-item-wrapper .list-item{
				display:table-row;
				vertical-align:middle
			}
				.bullet-wrapper .list-wrapper .list-item-wrapper .list-item .list-title{
					/*font-weight:600;*/
					color:#0053A2 

				}
				.bullet-wrapper .list-wrapper .list-item-wrapper .list-item .list-text{
					/*font-weight:400;*/
					color:#0053A2 ;
				}


	
/* Large & XLarge */ 
@media screen and (min-width: 992px) {
	#wrapperL12 .ipzs-px-lg-5{
		padding-left: 36px !important;
		padding-right: 36px !important;
	}
}

/* medium (ipad vert) */ 
@media screen and (max-width: 992px) {
	#wrapperL12 .verticalHr{
		border-left: none;
		padding-top: 1em;
	}
		#wrapperL12 .verticalHr h2{
			border-top: 2px solid rgba(32, 121, 212, 0.2);
			padding-top: 1em;
		}

	#wrapperL12 #pushImg{
		max-width: 70%;
	}
	/*
	#alternative .btn-image{
		font-size: 1em;
	}*/

	footer #cieidapp {
		border-top: 1px solid #FFFFFF;
		border-left: none;
		padding-top: 1em;
		padding-bottom: 2em;
	}
	
}


@media (min-width: 768px) and (max-width: 1199.98px) {
	#alternative .btn-image{
		font-size: 0.85em;
	}
	#alternative .btn-image:before {
		margin-left: -16px;
	}
	
	
	
	
}

/* small */
@media screen and (max-width: 576px) {
	#wrapperL12 h1 {
		font-size: 1.8em;
	}
	#wrapperL12 h2 {
		font-size: 1.5em;
	}
	#wrapperL12 p {
		font-size: 1em;
	}
	#wrapperL12 #statusHandler{
		font-size: 0.95em;
	}
	#wrapperL12 .f11{
		font-size: 1em;
	}
    
    /*#wrapperL12 .form-control{
		font-size: 1em;
	}*/
	#wrapperL12 #loginUP .ipzs-validator{
		font-size: 0.9em;
	}

	#wrapperL12 #failureWrapper .title {
		font-size: 1.5em;
	}
	#wrapperL12 #failureWrapper .msg {
		font-size: 1em;
	}

	#wrapperL12 #helpCard.modal .modal-body img{
		max-width: 100%;
	}

	#wrapperL12 .card.card-bg.card-bg-small-none{
		box-shadow: none;
	}

	#wrapperL12 .attribute-release{
		padding: 0 !important;
	}
	#wrapperL12 .attribute-release ul{
		font-size:1em;
	}

	footer .it-footer-small-prints > container{
		padding-left: 1.5em;
	}
	.bottom-strip p {
		font-size: 1em;
	}
}