/* -------- PAGINA UTENTE --------- */

.utente-top{

	width:100%;

	position:relative;

	background-color:#7be7bc;

}

.utente-top .content{

	width:100%;

	box-sizing:border-box;

	padding:20px 10px 20px 10px;

	color:#000;

	z-index:2;

	text-align:center;

}

.utente-top .content .profilo{

	width:200px;

	height:200px;

	margin:0 auto 20px;

	border-radius:5px;

	border:2px solid #CCC;

}

.utente-top .content .nome{

	font-size:32px;

	line-height:32px;

	font-weight:800;

	text-transform:uppercase;

}

.utente-top .content .email{

	font-size:14px;

	line-height:1.2;

	margin:10px 0 10px;

	border:2px solid #222;

	padding:0 5px 2px;

	border-radius:2px;

	display:inline-block;

	cursor:pointer;

}

.utente-top .content .button{

	cursor:pointer;

}





.utente-section{

	width:100%;

	position:relative;

	background-image: url("../img/pattern.png");

}

.utente-section .content{

	width:100%;

	box-sizing:border-box;

	padding:20px 10px;

	color:#000;

	z-index:2;

}



.utente-section .selector{

	width:100%;

	box-sizing:border-box;

	font-size:12px;

	font-weight:400;

	color:#666;

}

.utente-section .selector .sel{

	width:25%;

	float:left;

	border-bottom:1px solid #CCC;

	text-align:center;

	padding:5px 0;

	cursor:pointer;

}

.utente-section .selector .active{

	font-weight:600;

	color:#222;

	border-bottom:2px solid #222;

}





.utente-section .data .d{

	padding:20px 0 0 0;

	display:none;

}

.utente-section .data .active{

	display:block;

}



.utente-section .fatture-tab{

	width:100%;

	border-spacing:0px 10px;

}

.utente-section .fatture-tab td{

	background-color:#FFF;

	padding:10px;

}

.utente-section .fatture-tab .t{

	font-size:10px;

	font-weight:600;

	color:#666;

}

.utente-section .fatture-tab .prezzo{

	font-size:24px;

	line-height:1.1;

	font-weight:200;

}

.utente-section .fatture-tab .btn{

	text-align:right;

}





.docente-riepilogo{

	width:100%;

	box-sizing:border-box;

	padding:20px 10px;

	color:#000;

	z-index:2;

}

.docente-riepilogo .tit{

	font-size:18px;

	font-weight:600;

	margin-bottom:20px;

}

.docente-riepilogo table{

	width:100%;

	border-spacing:0;

}

.docente-riepilogo table thead td{

	padding:10px 5px;

	background-color:#222;

	color:#FFF;

	font-weight:600;

	font-size:12px;

}



.docente-riepilogo table tbody td{

	padding:10px 5px;

	font-size:14px;

	border-bottom:1px solid #CCC;

}

.docente-riepilogo table tbody tr:nth-child(2n) td{

	background-color:#EFEFEF;

}

.docente-riepilogo table .n{

	text-align:right;

}



.docente-riepilogo .stat{

	border-radius:5px;

	border:2px solid;

	font-size:12px;

	font-weight:600;

	padding:2px 0px;

	text-align:center;

}



.stat2{

	color:#7be7bc;

	border-color:#7be7bc;

}

.stat3{

	color:#F66;

	border-color:#F66;

}













#corsi-riepilogo-top{

	width:100%;

	position:relative;

	background-color:#7be7bc;

	z-index:1;

}

#corsi-riepilogo-top .content{

	width:100%;

	box-sizing:border-box;

	padding:100px 10px 200px 10px;

	color:#000;

	z-index:2;

	text-align:center;

}

#corsi-riepilogo-top .content .tit{

	font-size:32px;

	line-height:1;

	font-weight:800;

}

#corsi-riepilogo-top .content .payoff{

	font-size:18px;

	line-height:1;

	margin:5px 0 10px;

}







.corsi-riep-box{

	width:100%;

	box-sizing:border-box;

	padding:0 10px;

	margin-top:-150px;

	position:relative;

	z-index:2;

}

.corsi-riep-box .c{

	width:100%;

	height:530px;

	position:relative;

	margin-bottom:50px;

	background-color:#222;

	border-radius:5px;

	overflow:hidden;

}



.corsi-riep-box .c .info{

	width:100%;

	bottom:10px;

	left:0px;

	position:absolute;

	z-index:3;

	text-align:center;

}

.corsi-riep-box .c .info .titolo{

	font-size:32px;

	line-height:1.1;

	font-weight:800;

	text-transform:uppercase;

	color:#FFF;

}

.corsi-riep-box .c .info .payoff {

    font-size:18px;

    line-height:1;

    font-weight:600;

    color:#FFF;

    margin:0px 0px 5px 0;

}

.corsi-riep-box .c .info .categoria{

	display:inline-block;

	font-size:12px;

	padding:2px 5px;

	background-color:#FFF;

	color:#000;

	text-transform:uppercase;

}

.corsi-riep-box .c .info .docente{

	display:inline-block;

	font-size:12px;

	font-weight:600;

	padding:2px 5px;

	background-color:#7be7bc;

	color:#222;

	text-transform:uppercase;

}





.corsi-riep-box .c .info .progresso{

	width:100%;

	padding:40px 10px 0 10px;

	box-sizing:border-box;

	text-align:left;

}

.corsi-riep-box .c .info .progresso .lezioni{

	font-size:50px;

	line-height:1.1;

	font-weight:600;

	color:#7be7bc;

}

.corsi-riep-box .c .info .progresso .lezioni-info{

	font-size:14px;

	font-weight:200;

	color:#FFF;

	margin-bottom:10px;

}

.corsi-riep-box .c .info .progresso .lezioni-info .text{

	font-size:25px;

	font-weight:600;

	color:#7be7bc;

}

.corsi-riep-box .c .info .progresso .lezioni-info .lez{

	font-size:12px;

	font-style:italic;

	color:#CCC;

	margin-top:2px;

}

.corsi-riep-box .c .info .progresso .lezioni-info .lez span{

	font-weight:600;

}





.corsi-riep-box .c .info .progresso .action{

	width:100%;

}



.corsi-riep-box .c .info .progresso .action .main{

	width:100%;

	box-sizing:border-box;

	display:block;

	background-color:#7be7bc;

	padding:5px 10px;

	border-radius:5px;

	color:#222;

	text-decoration:none;

	font-size:22px;

	font-weight:600;

	float:left;

	margin-bottom:5px;

}



.corsi-riep-box .c .info .progresso .action .main .icon{

	float:left;

	margin-right:10px;

}

.corsi-riep-box .c .info .progresso .action .main .icon .i{

	font-size:28px;

}

.corsi-riep-box .c .info .progresso .action .main .text{

	float:left;

	margin-top:1px;

}



.corsi-riep-box .c .info .progresso .action .riep{

	width:100%;

	box-sizing:border-box;

	display:block;

	padding:5px 10px;

	border-radius:5px;

	color:#FFF;

	border:1px solid #FFF;

	text-decoration:none;

	font-size:16px;

	font-weight:400;

	line-height:1;

	float:left;

	margin-bottom:10px;

}



.corsi-riep-box .c .info .progresso .action .riep .icon{

	float:left;

	margin-right:15px;

}

.corsi-riep-box .c .info .progresso .action .riep .icon .i{

	font-size:20px;

}

.corsi-riep-box .c .info .progresso .action .riep .text{

	float:left;

	margin-top:1px;

}





.corsi-riep-box .c .info .progresso .progress-bar{

	width:100%;

	height:3px;

	background-color:#222;

	border-radius:2px;

	overflow:hidden;

}

.corsi-riep-box .c .info .progresso .progress-bar .prog{

	height:100%;

	background-color:#7be7bc;

}





.corsi-riep-box .c .back{

	width:100%;

	height:100%;

	position:absolute;

	z-index:1;

	top:0;

	left:0;

	overflow:hidden;

}

.corsi-riep-box .c .back .v{

	width:100%;

	margin:0;

	line-height:0;

}



.corsi-riep-box .c .gradient{

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 2;

	background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%, rgba(0,0,0,0) 100%);

	background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%,rgba(0,0,0,0) 100%);

	background: linear-gradient(to top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%,rgba(0,0,0,0) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );

	opacity: 0.8;

}







#corso-dettaglio-top{

	width:100%;

	padding:160px 0;

	background-color:#7be7bc;

}

.corso-riepilogo{

	background-image: url("../img/pattern.png");

}



.corso-riepilogo .corsi-riep-box{

	margin-top:-300px;

	padding-bottom:100px;

}

.corso-riepilogo .corsi-riep-box .c{

	margin-bottom:0;

}







.corso-riep-moduli{

	width:100%;

}

.corso-riep-moduli .m{

	width:100%;

	box-sizing:border-box;

	padding:10px;

	background-color:#222;

	margin:20px 0;

	position:relative;

}

.corso-riep-moduli .m .img{

	width:100%;

	background-size:cover;

}

.corso-riep-moduli .m .numero{

	position:absolute;

	top:0;

	left:0;

	background-color:#222;

	background-size:cover;

	padding:10px;

}

.corso-riep-moduli .m .numero .text{

	font-size:16px;

	line-height:1;

	font-weight:600;

	color:#7be7bc;

}

.corso-riep-moduli .m .numero .n{

	font-size:55px;

	line-height:1;

	font-weight:800;

	color:#7be7bc;

}

.corso-riep-moduli .m .info{

	width:100%;

	color:#FFF;

	margin-top:10px

}

.corso-riep-moduli .m .info .tit{

	font-size:22px;

	font-weight:600;

	line-height:1;

	margin-bottom:10px;

}

.corso-riep-moduli .m .info .descr{

	font-size:12px;

	line-height:1.2;

}





.corso-riep-moduli .m .lezioni{

	width:100%;

	box-sizing:border-box;

	border-spacing:0px;

	margin-top:20px;

	color:#FFF;

}

.corso-riep-moduli .m .lezioni tr{

	background-color:transparent;

	transition:all 0.5s;

	-webkit-transition:all 0.5s;

}

.corso-riep-moduli .m .lezioni td{

	border-bottom:1px solid #666;

	padding:10px 0;

}



.corso-riep-moduli .m .lezioni .margin{

	width:18%;

	border:0;

	background-color:transparent;

	transition:all 0.5s;

	-webkit-transition:all 0.5s;

}

.corso-riep-moduli .m .lezioni .video{

	width:120px;

	box-sizing:border-box;

	padding:10px;

	vertical-align:top;

}

.corso-riep-moduli .m .lezioni .video .v{

	width:100%;

	background-color:#444;

	position:relative;

	background-size:cover;

}

.corso-riep-moduli .m .lezioni .video .v .front{

	width:100%;

	height:100%;

	position:absolute;

	z-index:2;

	text-align:center;

	display:table;

	top:0;

	left:0;

	background-color:rgba(0,0,0,0.3);

}

.corso-riep-moduli .m .lezioni .video .v .front .content{

	display:table-cell;

	vertical-align:middle;

}

.corso-riep-moduli .m .lezioni .video .v .front .content .i{

	font-size:40px;

	color:#7be7bc;

	text-shadow:0 1px 3px rgba(0,0,0,0.5);

}



.corso-riep-moduli .m .lezioni .prog-bar{

	width:100%;

	height:5px;

	box-sizing:border-box;

	background-color:#444;

	border-radius:1px;

	overflow:hidden;

	margin-top:5px;

	display:block;

	transition:all 0.5s;

	-webkit-transition:all 0.5s;

}

.corso-riep-moduli .m .lezioni .prog-bar .p{

	width:0%;

	height:100%;

	background-color:#7be7bc;

}







.corso-riep-moduli .m .lezioni .lezione{

	font-size:22px;

	font-weight:600;

	color:#7be7bc;

	margin-bottom:2px;

	vertical-align:top;

	transition:all 0.5s;

	-webkit-transition:all 0.5s;

}

.corso-riep-moduli .m .lezioni .lezione span{

	font-weight:800;

}

.corso-riep-moduli .m .lezioni .data{

	vertical-align:top;

	padding-right:10px;

}



.corso-riep-moduli .m .lezioni .progress{

	line-height:0.7;

	margin-bottom:10px;

}



.corso-riep-moduli .m .lezioni .durata{

	font-size:12px;

	color:#999;

	margin-right:10px;

	display:inline-block;

	transition:all 0.5s;

	-webkit-transition:all 0.5s;

}



.corso-riep-moduli .m .lezioni .tit{

	font-size:16px;

	line-height:1.1;

	font-weight:600;

	margin-bottom:2px;

	transition:all 0.5s;

	-webkit-transition:all 0.5s;

}

.corso-riep-moduli .m .lezioni .descr{

	font-size:10px;

	transition:all 0.5s;

	-webkit-transition:all 0.5s;

}

.corso-riep-moduli .m .lezioni .btn{

	color:#FFF;

	font-size:10px;

	text-align:center;

	padding-right:5px;

	transition:all 0.5s;

	-webkit-transition:all 0.5s;

	border-radius:5px;

	margin-top:10px;

	padding:0px;

}

.corso-riep-moduli .m .lezioni .btn .icon{

	cursor:pointer;

	font-size:22px;

	display:block;

	float:left;

}

.corso-riep-moduli .m .lezioni .btn .text{

	margin:5px 0 0 5px;

	float:left;

}

.corso-riep-moduli .m .lezioni .btn .btn-completa{

	color:#FFF;

}

.corso-riep-moduli .m .lezioni .btn .btn-azzera{

	display:none;

}

.corso-riep-moduli .m .lezioni .completa{

	display:none;

}





.corso-riep-moduli .m .lezioni .quiz{

	width:100%;

	box-sizing: border-box;

	font-size:22px;

	font-weight:600;

	color:#7be7bc;

	text-decoration:underline;

	line-height:1;

	margin-bottom:10px;

}

.corso-riep-moduli .m .quiz-tab{

	margin-top:0px !important;

}

.corso-riep-moduli .m .quiz-tab td{

	padding:10px;

}

.corso-riep-moduli .m .quiz-tab .btn{

	border-radius:0;

	text-align:center;

}







.corso-riep-moduli .m .lezioni .completata{

	background-color:#7be7bc;

}

.corso-riep-moduli .m .lezioni .completata .margin{

	background-color:#222;

}

.corso-riep-moduli .m .lezioni .completata .lezione{

	color:#222;

}

.corso-riep-moduli .m .lezioni .completata .prog-bar{

	background-color:#7be7bc;

	border:1px solid #222;

}

.corso-riep-moduli .m .lezioni .completata .durata{

	color:#666;

}

.corso-riep-moduli .m .lezioni .completata .tit{

	color:#222;

}

.corso-riep-moduli .m .lezioni .completata .descr{

	color:#222;

}

.corso-riep-moduli .m .lezioni .completata .btn{

	color:#222;

}

.corso-riep-moduli .m .lezioni .completata .completa{

	display:block;

}

.corso-riep-moduli .m .lezioni .completata .no-completa{

	display:none;

}

.corso-riep-moduli .m .lezioni .completata .btn-completa{

	display:none;

}

.corso-riep-moduli .m .lezioni .completata .btn-azzera{

	display:block;

}

.corso-riep-moduli .m .lezioni .completata .quiz{

	color:#222;

}



.corso-riep-moduli .m .lezioni .btn-loading{

	display:none;

}

.corso-riep-moduli .m .lezioni .btn-loading img{

	width:32px;

}





.lez-top{

	width:100%;

	box-sizing:border-box;

	padding:10px 10px 20px;

	background-color:#000;

}

.lez-top .content{

	width:100%;

	margin:auto;

}



.lez-top .explorer{

	width:100%;

	color:#FFF;

	font-weight:300;

	font-size:12px;

	margin-bottom:10px;

	color:#7be7bc;

}

.lez-top .explorer .sx{

	color:#7be7bc;

	text-decoration:none;

	float:left;

}

.lez-top .explorer .dx{

	color:#7be7bc;

	text-decoration:none;

	float:right;

}



.lez-top .video{

	width:100%;

	position:relative;

}

.lez-top .v{

	width:100%;

	margin:auto;

}













.lez-top .video #lezione-successiva{

	width:100%;

	height:100%;

	box-sizing:border-box;

	position:fixed;

	top:0;

	left:0;

	background-color:#7be7bc;

	opacity:1;

	display:none;

	padding:80px 10px 10px 10px;

	overflow:scroll;

	z-index:99;

}



#lezione-successiva .disclaimer{

	width:100%;

	margin-bottom:20px;

}



#lezione-successiva .disclaimer .tit{

	font-size:32px;

	line-height:1;

	font-weight:600;

}



#lezione-successiva .disclaimer .text{

	font-size:18px;

	font-weight:400;

	margin-top:20px;

}

#lezione-successiva .disclaimer .text a{

	font-weight:600;

	text-decoration:underline;

	cursor:pointer;

	color:#222;

}





#lezione-successiva .lez{

	width:100%;

	box-sizing:border-box;

	padding:10px;

	background-color:#222;

	margin-bottom:50px;

}

#lezione-successiva .lez .v{

	background-size:cover;

}



#lezione-successiva .lez .num{

	width:60px;

	font-size:12px;

	line-height:1;

	padding:10px;

	background-color:#222;

	color:#7be7bc;

	margin-top:-60px;

	margin-bottom:20px;

	position:relative;

	z-index:10;

}

#lezione-successiva .lez .num span{

	font-size:32px;

	font-weight:600;

}



#lezione-successiva .lez .durata{

	font-size:12px;

	color:#999;

	margin-bottom:10px;

}

#lezione-successiva .lez .nome{

	font-size:18px;

	line-height:1;

	color:#FFF;

	margin-bottom:10px;

}

#lezione-successiva .lez .descr{

	font-size:12px;

	line-height:1.2;

	font-weight:300;

	color:#FFF;

}

#lezione-successiva .lez .btn{

	display:block;

	border:2px solid #7be7bc;

	color:#7be7bc;

	font-size:14px;

	text-decoration:none;

	padding:5px 10px;

	border-radius:4px;

	cursor:pointer;

	margin-top:20px;

	text-align:center;

}





.lez-top .title{

	margin-top:10px;

	color:#7be7bc;

}

.lez-top .title .n{

	width:30%;

	color:#7be7bc;

	font-size: 65px;

	line-height: 0.8;

	font-weight: 600;

	float:left;

}

.lez-top .title .n span{

	font-size: 12px;

	font-weight: 600;

	margin-bottom:5px;

	display:block;

}

.lez-top .title .t{

	width:70%;

	color:#7be7bc;

	font-size:24px;

	font-weight:400;

	line-height:1;

	float:left;

	margin-top:7px;

}



.lez-descr{

	width:100%;

	box-sizing:border-box;

	padding:10px;

	margin:auto;

}



.lez-descr .content{

	width:70%;

	padding:10px 0 10px 30%;

	font-size:14px;

	line-height:1.4;

	font-weight:300;

	color:#666;

}



.lez-descr .file-box{

	margin-top:10px;

}

.lez-descr .file-box .file{

	display:inline-block;

	padding:10px 10px;

	border:1px solid #666;

	color:#222;

	text-decoration:none;

	margin-bottom:5px;

	transition:all 0.5s;

	-webkit-transition:all 0.5s;

}

.lez-descr .file-box .file .icon-box{

	width:30px;

	float:left;

}

.lez-descr .file-box .file .icon-box .icon{

	font-size:35px;

}

.lez-descr .file-box .file .name{

	width:120px;

	font-size:10px;

	margin-left:20px;

	float:left;

}

.lez-descr .file-box .file .name span{

	font-size:14px;

	line-height:1.2;

	font-weight:600;

}



.lez-descr .file-box .file:hover{

	background-color:#222;

	color:#7be7bc;

}















.lez-top .quiz-box{

	width:70%;

	margin-left:30%;

	color:#FFF;

	margin-top:20px;

	margin-bottom:50px;

}

.lez-top .quiz-box .quiz{

	display:none;

}

#q_1{

	display:block;

}



.lez-top .quiz-box .quiz .n{

	font-size:12px;

	font-weight:600;

	text-decoration:underline;

	margin-bottom:5px;

}

.lez-top .quiz-box .quiz .domanda{

	font-size:22px;

	line-height:1.2;

	font-weight:400;

	margin-bottom:20px;

}



.lez-top .quiz-box .quiz .risposte .r{

	font-size:14px;

	line-height:1.2;

	font-weight:300;

	margin-bottom:20px;

	cursor:pointer;

}

.lez-top .quiz-box .quiz .risposte .r .icon{

	float:left;

	margin-right:10px;

	margin-top:3px;

}

.lez-top .quiz-box .quiz .risposte .r .text{

	width:80%;

	float:left;

}



.lez-top .quiz-box .quiz .risposte .r .checked{

	display:none;

}



.lez-top .quiz-box .quiz .risposte .selected .uncheck{

	display:none;

}

.lez-top .quiz-box .quiz .risposte .selected .checked{

	display:block;

}



.lez-top .quiz-box .quiz .error-box{

	margin-bottom:20px;

	color:#F00;

	font-size:12px;

}



.lez-top .quiz-box .btn-box{

	width:100%;

}



.lez-top .quiz-box .btn-box .btn{

	display:inline-block;

	padding:2px 5px;

	font-weight:600;

	font-size:18px;

	border:1px solid #FFF;

	border-radius:5px;

	margin-top:20px;

}

.lez-top .quiz-box .btn-box .btn-indietro{

	float:left;

}

.lez-top .quiz-box .btn-box .btn-avanti{

	float:right;

}



.lez-top .quiz-result{

	width:70%;

	margin-left:30%;

	color:#FFF;

	font-size:18px;

	font-weight:300;

	display:none;

	margin-top:20px;

}



.lez-top .quiz-result a{

	color:#FFF;

	display:inline-block;

	font-size:16px;

	border:2px solid #FFF;

	border-radius:5px;

	padding:2px 10px;

	text-decoration:none;

	font-weight:400;

}



.lez-top .result-error .tit{

	font-size:32px;

	font-weight:800;

	color:#F00;

}



.lez-top .result-ok .tit{

	font-size:32px;

	font-weight:800;

	color:#7be7bc;

}



.lez-top .domande-errate{



}



.lez-top .domande-errate .d{

	margin-bottom:20px;

	font-size:12px;

	font-weight:400;

}

.lez-top .domande-errate .d .n{

	font-size:12px;

	text-decoration:underline;

	font-weight:600;

}

.lez-top .domande-errate .d .errata span{

	color:#F00;

}

.lez-top .domande-errate .d .corretta span{

	color:#7be7bc;

}