/*
.login-container .page-container .login-form {
    width: 320px !important;
}
*/

@media (max-width: 480px) {
  .login-container .page-container .login-form,
  .login-container .page-container .registration-form {
    width: 320px;
  }
}

.content:first-child {
    padding-top: 0px !important;
}

@media (max-width: 340px) {
	.login-container .page-container .login-form {
			width: 90% !important;
	}
}

#noty_topCenter_layout_container {
	top:5px !important;
	width:320px !important;
}

#noty_topCenter_layout_container li {
	width:320px !important;
}


.sweet-alert {
	margin-top:-200px !important;
}


body {
	position:relative;
	width:100%;
	height:100%;
}

.page-container {
	z-index:10;
}

.bg-video {
	z-index:-1;
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	top:0;
	overflow:hidden;
	width:100%;
	height:100%;
}

/*
.bg-video video {
	height:100%;
	width:auto;
	min-width:100%;
	min-height:100%;
	position: absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
*/

video#bgvid { 
	position: fixed; 
	right: 0; 
	bottom: 0;
	min-width: 100%; 
	min-height: 100%;
	width: auto; 
	height: auto; 
	z-index: -1; 
	background-color:#000;
}

.form-group div[class*="col-sm-"]:not(.control-label) + div[class*="col-sm-"] {
    margin-top: 15px;
}

.form-group div[class*="col-xs-"]:not(.control-label) + div[class*="col-xs-"] {
    margin-top: 15px;
}

/* 09.04.2018 */
/* visualizzazione dei caratteri della password nel login */
.input-view-code { position: relative; display: block; }
.input-view-code input { position: relative; padding-right: 30px !important; box-sizing: border-box; z-index: 1 !important; }
.input-view-code a:link, .input-view-code a:visited { position: absolute; right: 0; top: 0; display: block; width: 40px; height: 40px; text-align: right; line-height: 40px; font-size: 16px; color: #999; z-index: 2 !important; }
.input-view-code a:hover { color: #000; }
.input-view-code .form-control { padding-right: 30px !important; }

/* footer login */
.footer-login { display: block; width: 100%; margin: 30px 0 0 0; font-size: 12px; text-align: center; line-height: 12px; color: #999; vertical-align: bottom; }
.footer-login span, .footer-login a { display: inline-block; margin: 0 2px; }
.footer-login span { vertical-align: middle; }
.footer-login a { font-size: 12px; }
.footer-login img.logo-ekra { width: auto; height: 10px; vertical-align: middle; }
.footer-login img.altro-logo { display: inline-block; width: 130px; height: auto; margin-top: 10px; }
.footer-login img.logo-keepintouchsrl { width: auto; height: 20px; vertical-align: middle; }