/*
	CSS PRINCIPALE PER LA PAGINA DI LOGIN
	v. 2024-11-27

	NOTA
		vedi layout-css per definizione colori
		va in override delle classi base di bootstrap
		utilizzato solo per il login
*/

body {
	background: #f3fbff;
}

#main-login .stripe {
	width: 100%;
	padding:35px 0px 25px 0px;
	margin-bottom:10px;
	/* border-bottom: 1px solid #e5e5e5; */
	/* background-color:#ffffff; */
	/* background-color:#006A94; */
}

.v-align {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

#main-login legend {
	display: block;
	text-align:center;
	width: 100%;
	padding: 10px 0px 0px 0px;
	margin-bottom:10px;
	font-size: 24px;
	color: #006A94;
	border: 0;
}

#img-logo { width:250px; }

.notifications.top-right { top:10px; left:0; width:100%; }
.notifications.top-right > div { margin:5px auto; width:350px; text-align:center; }

.btn-login {
	color: #ffffff;
	background-color: #009fe3;
	border-color: #008fd3;
}
.btn-login:hover,
.btn-login:focus,
.btn-login:active,
.btn-login.active {
	color: #ffffff;
	background-color: #428bca;
	border-color: #357ebd;
}
form .form-control {
	background-color: transparent;
}
form .form-control, form .btn-default {
	border-color: #a3d6fa;
}

form .form-control.form-select-lang {
	display:inline-block;
	width: auto;
	margin: auto;
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	cursor: pointer;
}

label.login-input-label {
	display: inline-block;
	position: absolute;
	top:14px;
	left:78px;
	font-size:18px;
	padding:0 5px;
	font-weight:400;
	line-height:1;
	z-index:1;
	background:#fff;
	color:#999;
	transition: all .2s ease;
}

label.login-input-label.focused {
	top:-8px;
	left:78px;
	font-size:14px;
}

.panel-default {
	border-color: #a3d6fa;
}

#sso-gw-login, #sso-gw-2fa, #sso-tenant-login, #sso-password-recover {
	max-width: 400px !important;
	margin: 15px auto 0px auto;
}
#sso-tenant-login {
	max-width: 500px !important;
	margin: 15px auto 0px auto;
}

/* icone rotanti */
.bi-spin {
	display: block;
	-webkit-animation: spin 2s infinite linear;
	-moz-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

/* gruppo got-mail */
.got-mail > span {
	position: relative;
	display:inline-block;
	padding: 0px;
    margin: 10px 0px 0px;
}
.got-mail > span > icon {
	font-size: 96px;
	line-height: 96px;
}
.got-mail > span > badge {
	position: absolute;
	top:10px;
	right: -10px;
	font-size: 24px;
	background-color: #a94442;
    border-color: #ebccd1;
    color: #ffffff;
}
.got-mail .address {
	font-size: 16px;
}