/*!
 * Sogei UI Kit - Copyright Sogei S.p.A.
 * author: dgalloppa@sogei.it
 */
html,
body {
	min-height: 100%;
}
body {
	background-color: #30373d;
	background-image: radial-gradient(#06c, #036 90%);
	color: #fff;
}
.container-fluid {
	max-width: 1570px;
}
#page-header {
	margin-top: 15px;
}
#page-header .logo {
	max-height: 38px;
	max-width: 100%;
}
#page-header h1 {
	font-family: 'Titillium Web','Helvetica Neue','Helvetica','Arial',sans-serif;
	font-size: 1.5em;
	font-weight: 700;
	margin-top: 0;
}
#page-header h1 > small {
	color: inherit;
	display: block;
	font-weight: 600;
	font-size: .7em;
	margin-top: 10px;
}
#assistenza {
	display: inline-block;
	color: #fff;
}
#assistenza .fa {
	margin-right: 0;
}
#login-form,
.login-form {
	background-color: #fff;
	border: 2px solid transparent;
	border-radius: 15px;
	box-shadow: 0 5px 50px #30373d;
	padding: 20px;
	margin: 10% auto 15%;
	max-width: 290px;
}
.form-control {
	border-radius: 0 !important;
	box-shadow: none;
}
.btn,
.input-group-addon {
	border-radius: 0;
}
label,
.input-group-addon > .fa {
	color: #5a6772;
	margin-right: 0;
}
#page-footer {
	color: #fff;
	text-align: center;
}
#page-footer a {
	color: #65dbde;
}
.fa {
	margin-right: .5em;
}
.fa-external-link {
	margin-left: .5em;
}
hr {
	border-color: rgba(255,255,255,.2);
	margin-bottom: 10px;
}
.alert {
	border-radius: 0;
	padding: 10px 15px;
}
.alert-danger {
	border-color: #d9534f;
	color: #76110f;
}
#message {
	display: none;
}
#error-page {
	margin: 10% auto 15%;
	padding: 30px 0;
}
#error-page h2 {
	font-family: 'Titillium Web','Helvetica Neue','Helvetica','Arial',sans-serif;
	font-size: 1.8em;
	font-weight: 600;
	margin: .5em 0 1em;
}
#error-page a:not(.btn) {
	color: #fff;
	text-decoration: underline;
}

/* LINK E BUTTON */
a,
a:focus {
	color: #06c;
}
.btn-primary,
.btn-primary:focus,
.btn-primary[disabled]:hover {
	background-color: #06c;
	border-color: #06c;
}
.btn-primary:active,
.btn-primary:hover,
.btn-primary:active:hover {
	background-color: #036;
	border-color: #036;
	color: #fff;
}
.btn-primary[disabled] {
	opacity: .5;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#page-header .logo {
		max-height: 76px;
	}
	#page-header h1 {
		font-size: 2.3em;
		margin-top: 30px;
	}
	#page-header hr {
		margin: 0;
	}
	#login-form,
	.login-form {
		border-radius: 30px;
		padding: 30px 40px 40px;
		max-width: 420px;
	}
	
	/* LINK E BUTTON */
	a:focus,
	.btn:focus {
		outline: 2px solid #ff8c00 !important;
		outline-offset: 1px;
	}
	.navbar-nav > li > a:focus,
	#menu-left > li > a:focus {
		outline-offset: -2px;
	}
	#assistenza .fa {
		margin-right: .5em;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#page-header .logo {
		margin-top: 0;
	}
	#assistenza {
		margin-top: 3em;
	}
}

/* Extra large devices (x-large desktops, 1440px and up) */
@media (min-width: 1440px) {
	.col-xl-1 {
		width: 8.33333333%;
	}
	.col-xl-2 {
		width: 16.66666667%;
	}
	.col-xl-3 {
		width: 25%;
	}
	.col-xl-4 {
		width: 33.33333333%;
	}
	.col-xl-5 {
		width: 41.66666667%;
	}
	.col-xl-6 {
		width: 50%;
	}
	.col-xl-7 {
		width: 58.33333333%;
	}
	.col-xl-8 {
		width: 66.66666667%;
	}
	.col-xl-9 {
		width: 75%;
	}
	.col-xl-10 {
		width: 83.33333333%;
	}
	.col-xl-11 {
		width: 91.66666667%;
	}
	.col-xl-offset-1 {
		margin-left: 8.33333333%;
	}
	.hidden-xl {
		display: none;
	}
}