html{
	height: 100%;
}

body{
	height: 100%;
	overflow: hidden;
}

body.view-iframe{
    overflow: initial !important;
    background: #f5f5f5;
}

.contenitore-form-login{
	margin-top: 60px;
}

.margin_top-20{
	margin-top: 20px;
}

.contenitore-logo-guest{
    width: 200px;
height: 50px;
background-size: contain;
background-position: left center;
background-repeat: no-repeat;
float: left;
}

.fake-nav .contenitore-logo-guest {
max-width: 100%;
}

.login-tabs .nav-tabs > li.active > a {
background: #eee !important;
}

.login-tabs .nav-tabs > li> a:hover {
background: #eee;
}
.login-tabs .nav-tabs > li> a {
border: none !important;
border-radius: 0px;
background: #ccc;
transition: all 0.2s;
color: #000;
}

.login-tabs .nav-tabs {
border: none !important;
}

footer.show a {
color: #838383;
margin: 0px 0px 0px 15px;
text-decoration: none !important;
}

.disabled-login{
	background: #FFF !important;
}

.check-dati a {
color: #999;
transition: all 0.2s;
text-decoration: none !important;
}

.login-container{
background: #eee;
}

.rec-psw, .login-content {
transition: all 0.4s;
padding: 20px;
display: inline-block;
width: 100%;
}

.form-errors ul {
padding: 0px;
list-style: none;
}

.btn-secondary {
color: #E41427;
background: #FFF;
border-radius: 0px;
padding: 10px 30px;
text-decoration: none;
transition: all 0.2s;
}

.btn-secondary:hover {
color: #E41427;
background: #f9f9f9;
}

.tabs-viewiframe.frontend li a {
font-size: 13px;
}

.video-viewiframe.frontend{
height: 160px;
width: 100%;
}

.container-video-viewiframe.frontend{
	width: 24%;
margin-right: 1%;
float: left;
}

.container-video-viewiframe.frontend.last-of-row{
	width: 25%;
margin-right: 0%;
float: left;
}

.contenitore-file-viewiframe.frontend{
	padding: 20px 15px;
}

.tabs-viewiframe.frontend li a i {
font-size: 14px;
}

.tab-content-viewiframe.frontend{
	background: #FFF !important;
}

.contenitore-galleria-viewiframe.frontend{
	padding-top: 19%;
width: 19%;
margin-right: 1%;
}

.contenitore-galleria-viewiframe.frontend.last-of-row{
width: 20%;
margin-right: 0%;
}

.titolo-viewiframe.frontend{
	background: #333 !important;
	color: #FFF !important;
	margin-bottom: 1px;
}

.contenitore-form-frames{
	padding: 20px;
	background: #eee;
	display: inline-block;
	width: 100%;
}

.breadcrumb {
background-color: transparent !important;
margin-bottom: 15px !important;
padding: 0px !important;
font-size: 12px;
}

.breadcrumb > .active {
color: #999;
}

.title-page-container {
border-bottom: 1px solid #ccc;
display: inline-block;
width: 100%;
margin-bottom: 5px;
}

.contenitore-preview-video-nondisponibile {
width: 100%;
height: 110px;
background-repeat: no-repeat;
background-size: cover;
position: relative;
background-position: center;
margin-bottom: 3px;
}

.overlay-preview-video-nondisponibile {
background: rgba(0, 0, 0, 0.7);
position: absolute;
width: 100%;
height: 100%;
text-align: center;
padding: 10px 15px;
word-wrap: break-word;
}

.overlay-preview-video-nondisponibile p {
color: #FFF;
font-size: 13px;
}

.title-page-container h1 {
color: #000;
text-transform: uppercase;
font-size: 20px;
}

.fake-nav {
top: 30px;
min-height: 70px;
border: none;
z-index: 1;
padding: 20px 0px;
position: fixed;
background: #333;
width: 100%;
}

.contenitore-viewiframe-frontend {
margin-top: 130px;
}

.fake-topbar{
background: rgb(0, 0, 0);
color: rgb(142, 142, 142);
position: fixed;
z-index: 10;
z-index: 1;
top: 0px;
left: 0px;
width: 100%;
font-size: 12px;
height: 30px;
padding: 7px 0px 0px 0px;
}

.download-app-store-view{
	float: right;	
	margin: 10px 10px 0px 0px;
}

.download-google-play-view{
	float: right;
	margin: 10px 0px;
}

.not-clicked{
display: none;
}

.clicked{
display: block;
}

.check-dati a:hover {
color: #666;
}

.form-login {
width: 100%;
height: 40px;
border: 1px solid #eee;
padding: 10px;
margin-bottom: 15px;
}

.btn-login{
	border-radius: 0px;
}

.header {
z-index: 100;
height: 70px;
padding: 20px;
opacity: 0;
transition: all 1s;
}

.btn-save{
	padding: 10px 30px;
	text-decoration: none !important;
}

.section {
text-align: center;
min-height: 100%;
z-index: -1;
height: auto !important;
height: 100%;
overflow: hidden;
position: relative;
margin-top: -70px;
padding-top: 70px;
}

.quzzup-code-container {
background: #eee;
display: inline-block !important;
padding: 20px;
opacity: 0;
transition: all 2s;
position: absolute;
left: 50%;
top: 50%;
margin: -136px 0px 0px -136px;
}

.quzzup-code-container img{
	opacity: 0;
transition: all 2s;
}

.slogan {
font-size: 22px;
color: #E41427;
opacity: 0;
position: absolute;
transition: all 1s;
text-align: center;
width: 100%;
top: 50%;
margin-top: 150px;
letter-spacing: 2px;
}

.quzzup-logo-intro-container {
position: absolute;
margin-top: -15px;
top: 50%;
width: 100%;
height: 30px;
opacity: 0;
transition: all 1s;
}

.scan {
background: #E41427;
height: 10px;
margin-top: -30px;
position: absolute;
width: 100%;
box-shadow: 0px 0px 20px #E74B59;
z-index: 1;
 top:0px;
         -webkit-transition-property: top, bottom;
        -webkit-transition-duration: 1.5s;
        -moz-transition-property: top, bottom;
        -moz-transition-duration: 1.5s;
        -o-transition-property: top, bottom;
        -o-transition-duration: 1.5s;
}

.scan.gotoend{
top:107%;
}

.quzzup-logo-intro-container.show, .quzzup-code-container.show, .slogan.show, .header.show, footer.show, .quzzup-code-container img.show{
	opacity: 1;
}

footer{
	font-size: 12px;
margin-top: -50px;
min-height: 50px;
padding: 17px 0px;
background: none !important;
opacity: 0;
transition: all 1s;
}

.titolo-documento-viewiframe {
font-weight: 500;
font-size: 14px;
margin: 0px 0px 0px 40px;
width: 70%;
word-wrap: break-word;
}

#testo-tab-viewiframe{
padding: 15px;
}

#foto-tab-viewiframe, #video-tab-viewiframe{
padding: 3px;
}

.contenitore-file-viewiframe:hover {
	background: #f5f5f5;
}

.contenitore-file-viewiframe {
padding: 10px 15px;
position: relative;
border-bottom: 1px solid #ccc;
transition: all 0.2s;
}

.titolo-viewiframe{
font-size: 16px;
background: #FFF;
padding: 10px 0px 12px 0px;
margin: 0px;
}

#file-tab-viewiframe{
	background: #FFF;
}

.android-title {
position: fixed;
top: 0px;
width: 100%;
}

.arrow-end-riga-file-viewiframe{
position: absolute;
top: 50%;
font-size: 26px !important;
margin-top: -13px !important;
right: 10px;
color: #E8082F !important;
}

.icon-file-viewiframe{
	position: absolute;
}

#file-tab-viewiframe a {
color: initial;
text-decoration: initial;
}

.data-documento-viewiframe{
font-size: 14px;
color: #ccc;
margin: 0px 0px 0px 40px;	
}


.video-viewiframe{
	height: 100%;
	width: 100%;
	
}

.contenitore-file-viewiframe i {
color: #ccc;
font-size: 19px;
float: left;
margin: 5px 5px 0px 0px;
}

.play-video-viewiframe{
	position: absolute;
width: 90px;
height: 90px;
background: rgba(0, 0, 0, 0.5);
border-radius: 50%;
padding: 23px 0px;
text-align: center;
top: 50%;
left: 50%;
margin: -45px 0px 0px -45px;
}

.container-video-viewiframe {
position: relative;
}

.play-video-viewiframe i {
color: #FFF;
font-size: 45px;
}




.tabs-viewiframe{
	border: none;
}


.tabs-viewiframe li {
width: 25%;
margin-right: 0px;
}

.tabs-viewiframe li a {
text-align: center;
text-transform: uppercase;
color: #FFF;
border-radius: 0px !important;
margin: 0px !important;
border: 0px !important;
padding: 10px 5px !important;
background: #ccc;
transition: all 0.2s;
font-weight: 400;
font-size: 8px;
}

.tabs-viewiframe li a i {
font-size: 10px;
margin-right: 2px;
}

.tab-content-android {
margin-top: 39px;
}

.android-menu-bar {
position: fixed;
width: 100%;
bottom: 0px;
}

.tabs-viewiframe li.active a {
background: #E8082F !important;
color: #FFF !important;
}

.tabs-viewiframe li a:hover {
background: #E8082F !important;
}

.tab-content-viewiframe{
background: #f5f5f5;
font-size: 16px;
font-weight: 300;
display: inline-block;
width: 100%;
}

.contenitore-galleria-viewiframe {
width: 24%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
float: left;
margin-right: 1%;
margin-bottom: 1%;

padding-top: 24%;
}

.btn-qz-fb {
background: #3b5998 !important;
}

.btn-qz-fb:hover {
background: #294174 !important;
}

.btn-save{
	transition: all 0.2s;
}




@media (max-width: 767px){
	.btn-save{padding: 5px 10px;}
	.quzzup-code-container {margin-top: -85px; padding: 10px; margin-left: -85px; top: 50%; position: absolute; left: 50%;}
	.quzzup-code-container img {width: 150px; }
	.slogan{position: absolute; top: 50%; text-align: center; width: 100%; margin-top: 90px; font-size: 17px;}
	.scan.gotoend{top: 113%;}
	.btn-login{width: 100%; height: 40px;}
	.contenitore-form-login{margin-top: 0px;}
	.alert{padding: 5px;}
	.btn-secondary{width: 100%;}
	.contenitore-galleria-viewiframe.frontend{ padding-top: 24%; width: 24%; margin-right: 1%; }
	.contenitore-galleria-viewiframe.frontend.last-of-row{ width: 24%; margin-right: 1%; }
	.tabs-viewiframe.frontend li a { font-size: 9px; }
	.tabs-viewiframe.frontend li a i { font-size: 9px; }
		.container-video-viewiframe.frontend{ width: 100%; margin-right: 0%; float: left; }
	.container-video-viewiframe.frontend.last-of-row{ width: 100%; margin-right: 0%; float: left; }
	.video-viewiframe.frontend{height: 100%;}
	.title-preview{width: 100%; text-align: center;}
	.download-google-play-view, .download-app-store-view{float: none; display: inline-block; margin: 10px 0px; width: 49%;}
	.download-google-play-view img, .download-app-store-view img{margin: 0 auto; max-width: 100%;}
}

@media (min-width: 768px) and (max-width: 991px){
	.quzzup-code-container {margin-top: 200px;}
	.rec-psw{width: 470px;}
	.container-video-viewiframe.frontend{ width: 49%; margin-right: 1%; float: left; }
	.container-video-viewiframe.frontend.last-of-row{ width: 49%; margin-right: 1%; float: left; }
	.video-viewiframe.frontend{height: 190px;}
}

@media (min-width: 992px) and (max-width: 1199px){
	.quzzup-code-container {margin-top: 120px;}	
	.rec-psw{width: 455px;}
	.container-video-viewiframe.frontend{ width: 32.33333%; margin-right: 1%; float: left; }
	.container-video-viewiframe.frontend.last-of-row{ width: 32.33333%; margin-right: 1%; float: left; }
	.video-viewiframe.frontend{height: 170px;}
}

@media (min-width: 1200px){
}