@charset "UTF-8";
/* CSS Document core client */

/* stili provvisori da eliminare se non più necessari */
img.entra-con-spid {width: 100%}
.service-information {margin:20px; padding:10px 20px;}
.service-information a {font-style: italic; color: #666}
.service-information a::before {content: "Simulazione: ";color: #c00;}
img.logo-app {max-width: 290px; max-height: 150px;}
.logo-container{background: #FFF; padding: 1em }
.dropdown-menu a:hover {border-bottom: none; background:#333; color: #fff}

/* ---------------------- */ 


/* default */
body {background: #00264d; color: #000; font-weight: normal; font-size:1.1em;	font-family: Titillium Web,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;}
/*main {background: #fff url(../img/background.svg) top repeat-x; } */
h2 {font-weight: bold !important;}
h3 {font-size: 1.1em; font-weight: bold; text-transform: uppercase;}
a {color: #0059b3 }
label {margin-top: 1.3em; font-weight: bold;}
a{border-bottom: dotted 1px #0059b3}
a:hover{border-bottom: solid 1px #000; text-decoration: none;}
a:focus {outline: 3px solid orange;}
.btn-primary {background-color: #004CA0}
a.btn-primary {color: #fff!important}
.btn-light {border-color: #ccc}
.no-list-style {list-style-type: none}
.navbar-brand {padding-top: 0px; padding-bottom: 0px}

/* form default */
.form-control:focus {border-color: orange; box-shadow: 0 0 0 .2rem orange;}
.btn-primary:focus {box-shadow: 0 0 0 .2rem orange;}
.progress {height: 25px; margin-bottom: 2em}


/* Header */
header {background-color: #0059b3;}
img.logo-header {height: 40px; margin-top: 5px}
a.navbar-brand{border-bottom: none}
body {}
/*main {background: #fff url(../img/background.svg) top repeat-x; } */
main {background: #fff}
h1 {font-size: 2.4em; text-align: center; font-weight: bold; padding: 1em 0 0 0}
.label-enter {font-size:1.3em; font-weight:bold;}
.payoff {color: #fff; font-size: 1.2em}


/* footer */
footer {background: #00264d;}
footer .container {padding: 2em 0 }
.logo-footer {width: 170px; border-right: solid 2px #fff; padding-right: 8px}
.footer-link li{display: inline-block; font-size: 1em;	list-style-type: none; margin-right: 32px;max-width: 100%;  margin-top: 10px}
.footer-link li a{color: #64dadd;}
.footer-name{color: #fff; width: 7em; display: inline-block; vertical-align: middle; line-height: 1.3em}


/* Connection */
.connection-auth {background: url(../img/sign-in-alt-solid.svg) top right no-repeat; background-size: 80px; min-height: 90px;}
.connection-error {background: url(../img/exclamation-triangle-solid.svg) top right no-repeat; background-size: 80px; min-height: 90px; }
.signature {background: url(../img/file-signature-solid.svg) top center no-repeat; background-size: 80px; min-height: 90px; }
.connection-end {background: url(../img/check-double-solid.svg) top center no-repeat; background-size: 80px; min-height: 90px; }

/* Card applicativo */
.card dt{display: none; visibility: hidden;}
.card dd{font-size: 0.9em}
.card .logo-container{min-height: 100px; text-align: center; border-bottom: solid 1px #ccc}
.card dd + dd {border-bottom: solid 1px #ccc}
.card ul#exp_elem_list li:hover{cursor: pointer;}

/* Custom Button */
.btn-container {max-width: 300px; margin:auto;}
.access-button {border-radius: 0; width: 100%; padding: 15px;}
.microsoft-button {background-image: url(../img/windows-icon.svg); background-position: 1em 0.6em; background-size: 30px; background-repeat: no-repeat; padding-left: 80px; font-weight: bold; text-align: left; }
.google-button {background-image: url(../img/google-icon.png); background-position: 1em 0.6em; background-size: 30px; background-repeat: no-repeat; padding-left: 80px; font-weight: bold; text-align: left;}
.agid-button {background-image: url(../img/agid-icon.jpg); background-position: 0; background-size: 60px; background-repeat: no-repeat; padding-left: 80px;font-weight: bold; text-align: left;}
.cie-button {background-image: url(../img/Logo_CIE_ID.svg); background-position: 1em 0.6em; background-size: 30px; background-repeat: no-repeat; padding-left: 80px; font-weight: bold; text-align: left;}

a.button-spid:hover{border:none !important}
a.italia-it-button-size-l {font-size: 14px;}

/* Responsive */

/* Small devices  */
@media (max-width: 575px) { 
	main {background-image: none; background: #fff} 
	h1 {font-size: 1.9em}
	.connection-auth {background: url(../img/sign-in-alt-solid.svg) top center no-repeat; background-size: 80px; min-height: 90px; }
	.connection-error {background: url(../img/exclamation-triangle-solid.svg) top center no-repeat; background-size: 80px; min-height: 90px; }
	.microsoft-button, .google-button, .agid-button {font-size: 0.8em}
	a.italia-it-button-size-l {font-size: 14px; width: 100%}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
	.microsoft-button, .google-button, .agid-button {font-size: 1em}
	a.italia-it-button-size-l {font-size: 17px; width: 100%}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	main {background: #fff }
	h1 {font-style: 2.4em}
	.panel-right{	border-left: solid 1px #ccc;}
	a.italia-it-button-size-l {font-size: 20px;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {


}





.app-description { margin:15px; font-size: 1.5em; }

.spid-idp-button-menu li > a img {
    height: 50px!important;
}

.btn-access {
    border-radius: 0;
    width: 100%;
    padding: 15px;
}

.logo-container {
	margin-bottom: 10px;
}

.card-body img.logo-header {
	object-fit: cover;
	margin:0;
}

.listbox-select {
	margin-top: 10px;
	margin-bottom: 10px;
}

.panel {
	margin: 0 auto;
}