/* Change the white to any color ;) */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active {-webkit-box-shadow: 0 0 0 30px white inset !important; -webkit-text-fill-color: #4d4c4c;}
input:focus{outline: none;}
a{color: inherit;text-decoration: inherit;}
html, body {height: 100%;margin: 0px;}
::placeholder {color: #cacaca;}
.noselect
{
	-webkit-touch-callout: none;
	-webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
	-ms-user-select: none; /* IE10+ */
	user-select: none;
}
.red{color:#e25d54;}
.error{border-color:#e25d54!important;}
.loader
{
	position: fixed;
	top:0px;
	left:0px;
	right: 0px;
	bottom:0px;
	background-color: #ededed;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/malerpas.svg);
	z-index: 1;
}

@font-face 
{
    font-family: 'RobotoSlab-Regular';
    src: url('../fonts/RobotoSlab-Regular.eot');
    src: url('../fonts/RobotoSlab-Regular?#iefix') format('embedded-opentype'),
        url('../fonts/RobotoSlab-Regular.ttf') format('truetype');
}

@font-face 
{
    font-family: 'RobotoSlab-Bold';
    src: url('../fonts/RobotoSlab-Bold.eot');
    src: url('../fonts/RobotoSlab-Bold?#iefix') format('embedded-opentype'),
        url('../fonts/RobotoSlab-Bold.ttf') format('truetype');
}
@font-face 
{
    font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face 
{
    font-family: 'RobotoCondensed-Bold';
    src: url('../fonts/RobotoCondensed-Bold.eot');
    src: url('../fonts/RobotoCondensed-Bold?#iefix') format('embedded-opentype'),
        url('../fonts/RobotoCondensed-Bold.ttf') format('truetype');
}
@font-face 
{
    font-family: 'Roboto-Medium';
    src: url('../fonts/Roboto-Medium.eot');
    src: url('../fonts/Roboto-Medium?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Medium.ttf') format('truetype');
}
@font-face 
{
    font-family: 'Roboto-Light';
    src: url('../fonts/Roboto-Light.eot');
    src: url('../fonts/Roboto-Light?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Light.ttf') format('truetype');
}


#div_wait
{
	display:none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -32px;
	margin-left: -32px;
	width: 64px;
	height: 64px;
	background-image: url("../img/loading.gif");;	
}


/*MAIN PAGE*/
#div_page h1
{
	font-size:96px;
	font-weight: bold;
	margin:0px;
}
#div_page p{margin:20px 0px;}
#div_page
{
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	margin:0px;
	background-image: url('../img/blue-sky.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center; 
	background-size: cover;
	background-color:#fff;
	text-align:center;
	margin:0px;
	padding:0px;
	font-family: 'Roboto Slab', serif;
	font-size:16px;
	color:#fff;

}
#div_page>.container
{
	width: 800px;
    overflow: visible;
    white-space: nowrap;
    text-align: center;
    left: 50%;
    position: relative;
    margin-left: -400px;
    height: 200px;
    top: 50%;
    margin-top: -100px;
}

/*LOGIN FORM*/
#div_login
{
	position:fixed;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	background-color: #667488;
	font-size:14px;	
}
.formdiv
{ 
	position: fixed; 
	width: 516px; 
	height: 372px; 
	top: 50%; 
	left: 50%; 
	margin-left: -258px; 
	margin-top: -186px; 
	background: #fff; 
	text-align:center;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	border-radius: 3px;
	padding:0px 32px;
	font-family:Roboto-Regular;
}
.formdiv p{padding:24px 0px 4px 0px;margin:0px;}
.formdiv h1
{
    display: block;
    height: 60px;
    width: 220px;
    position: relative;
    background-color: #001839;
    color: white;
    font: 24px RobotoSlab-Bold;
    line-height: 60px;
    margin-top: -32px;
    margin-left: 116px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.formdiv h2
{
	font: normal 20px RobotoSlab-Regular;
	width: 100%;
	height: 30px;
	font-size: 20px;
	line-height: 1.5;
	text-align: center;
	color: #001839;
	margin:32px 0px 0px 0px;
}
.formdiv label
{
	color:#4d4c4c;
	font-weight: 700;
	font-size:16px;
	margin-bottom: 8px;
	line-height: 19px;
	display:block;
	text-align: left;
	padding:0px;
}
.formdiv input, .formdiv input:focus 
{
	width: 100%;
    padding: 11px 16px 9px 16px;
    line-height: 19px;
    border-radius: 2px;
    border: solid 0.5px #cacaca;

	font-size: 16px;
	color: #4d4c4c;
}
.formdiv ::placeholder 
{ 
  color: #cacaca;
  opacity: 1; 
}
.formdiv span
{
    display: block;
    width: 100%;
    text-align: left;
    margin: 4px 16px 0px 16px;
    line-height: 14px;
    box-sizing: border-box;
    font-size: 12px;
    color: #4d4c4c;
}
.formdiv button{float:right;height:36px;line-height: 36px;font:700 14px Roboto-Regular;border:0;}
.formdiv button.login
{
	width:72px;
	margin-left: 8px;
	border-radius: 4px;
	background-color: #ededed;
	color:#707070;	
}
.formdiv button.cancel
{
	width:62px;
	background-color: #fff;
}


/* admin */
#div_admin>#admin_flexi
{
	margin-top:36px;
	display:inline-block;
	width:auto;
}
#div_admin>#admin_form{margin-top:40px;}
#div_admin .fa-sign-out:before{content: "\f08b";}
#div_admin #leftNav{z-index:6000;}
#div_admin .altRowClass { background-color: #fbfbfb; background-image: none; }
#div_admin .w3-top{line-height: 1;}
a{color: inherit;text-decoration: inherit;}

/*COURSES*/
#div_corso>.w3-modal{background-color: rgba(0, 24, 57, 0.5);padding:0}
#div_corso>.w3-modal>div
{
	position: relative;
	background-color: white;
	width:560px;
	left:50%;
	top:50%;
	margin-left: -280px;
}
#div_corso>.w3-modal>div.avatar
{
	height: 233px;
	margin-top:-116px;
}
#div_corso>.w3-modal>div.logout
{
	height: 156px;
	margin-top:-78px;
	padding:24px;
}
#div_corso>.w3-modal>div.removeCourse
{
	height: 182px;
	margin-top:-91px;
	padding:24px;
}
#div_corso>.w3-modal>div.avatar .title
{
	font-family: "Roboto-Regular";
	font-size: 24px;
	line-height: 88px;
	padding-left:24px;
	text-align: left;
	color: #4d4c4c;
	border-bottom:  1px solid #ededed;
}
#div_corso>.w3-modal>div.avatar .line{padding:30px 24px;}
#div_corso>.w3-modal>div.avatar .line>.img
{
	display: inline-block;
	margin-right: 24px;
	cursor: pointer;
	width:32px;
	height: 32px;
	position: relative;
}
#div_corso>.w3-modal>div.avatar .line>.img>.overlay
{
	position: absolute;
	top:0px;
	left:0px;
	width:32px;
	height: 32px;
	opacity: 0.5;
	background-color: #4e6992;	
	border-radius: 16px;
	display: none;
}
#div_corso>.w3-modal>div.avatar .line>.img.selected>.overlay{display: block;}

#div_corso>.w3-modal>div.logout .title
{
	font-family: 'Roboto-Medium';
	font-size: 18px;
	line-height: 17px;
	text-align: left;
	color: #000000;
	margin-bottom:20px;
}
#div_corso>.w3-modal>div.logout .line,#div_corso>.w3-modal>div.removeCourse .line
{
	font-family: "Roboto-Regular";
	font-size: 16px;
	line-height: 20px;
	text-align: left;
	color: #707070;
}
#div_corso>.w3-modal>div.removeCourse .title
{
	font-family: "Roboto-Regular";
	font-size: 20px;
	line-height: 20px;
	text-align: left;
	color: #000000;
	margin-bottom:24px;
}

#div_corso>.w3-modal>div .bottom
{
    font-family: 'Roboto-Regular';
    font-size: 14px;
	line-height: 18px;
	position: absolute;
	right:0px;
	bottom:8px;
}

#div_corso>.w3-modal>div .bottom>div{display: inline-block;cursor: pointer;padding:10px 8px;margin-right: 8px;}
#div_corso>.w3-modal>div .bottom>.ok{color: #000000;}
#div_corso>.w3-modal>div .bottom>.cancel{color: #e25d54;}
#div_corso>.w3-modal>div.removeCourse .bottom>div{color:#4e6992;}

#div_corso>.leftPanel
{
	position:fixed;
	z-index: 1;
	top:0px;
	left:0px;
	right:256px;
	bottom:0px;
	width: 256px;
	color:white;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.4);
	background-color: #001839;
	white-space: nowrap;
	transition:width 0.1s;
}
#div_corso.panelHidden>.leftPanel{width:56px;transition:width 0.1s;}
#div_corso>.leftPanel>.inside{width:256px;overflow-x: hidden;}
#div_corso.panelHidden>.leftPanel>.inside{width:56px;transition:width 0.1s;}

#div_corso>.contentPanel
{    
    position: fixed;
    top: 56px;
    left: 256px;
    bottom: 0px;
	right:0px;
	transition:left 0.1s;
	background-color: #fafafa;
	overflow: auto;
}
#div_corso.panelHidden>.contentPanel{left: 56px;}

#div_corso>.contentPanel>.chapterPanel
{
    right: 0px;
    position: absolute;
    top: 0px;
    left: 564px;
    bottom: 0px;
	padding-top: 120px;
    padding-left: 141px;
    padding-right: 144px;
/*	padding-bottom:24px;*/
	background-color: white;
    overflow-y: scroll;
}
#div_corso>.contentPanel>.chapterPanel>div:not(.summary){width:814px;margin:0px auto;}
#div_corso>.contentPanel>.chapterPanel:not(.quiz)>div{margin-bottom:144px;}
#div_corso>.contentPanel>.chapterPanel>div>.summary{width:390px;position: relative;}
#div_corso>.contentPanel>.chapterPanel>div>.summary>.details
{
	width:424px;
	position: absolute;
	left:390px;
	top:0px;
    padding-left: 102px;
    background-image: url(../img/student.png);
    background-repeat: no-repeat;
    padding-top: 240px;
	background-position-x: 102px;
	color:#707070;
	font-family: "Roboto-Regular";
}
#div_corso>.contentPanel>.chapterPanel>div>.summary>.details p {margin-bottom:24px;font-size:14px;}
#div_corso>.contentPanel>.chapterPanel>div>.summary>.details p.icon 
{
	padding-left: 32px;
	background-position: 0px;
	background-repeat: no-repeat;
	font-size:16px;
}
#div_corso>.contentPanel>.chapterPanel>div>.summary>.details p.icon.hours{background-image: url(../img/baseline-access_time-24px.png);} 
#div_corso>.contentPanel>.chapterPanel>div>.summary>.details p.icon.modules{background-image: url(../img/baseline-format_list_bulleted-24px.png);} 
#div_corso>.contentPanel>.chapterPanel>div>.summary>.details p.icon.quiz{background-image: url(../img/baseline-question_answer-24px.png);} 

#div_corso>.contentPanel>.chapterPanel b{font-family: Roboto-Medium;font-weight: normal!important;}
#div_corso>.contentPanel>.chapterPanel td,#div_corso>.contentPanel>.chapterPanel th
{
	line-height: 19px;
	padding:20px 16px;
	border-bottom: 0.5px solid #cacaca;
}
#div_corso>.contentPanel>.chapterPanel th{background-color: #ededed;}
#div_corso>.contentPanel>.chapterPanel h1,.h1
{
	color:black;
	margin: 0px 0px 48px 0px;
	font: 500 60px Roboto-Medium;
	line-height: 62px;
	text-align: left;	
}

#div_corso>.contentPanel>.chapterPanel h2,.h2
{
	color:black;
	margin: 0px 0px 24px 0px;
	font: 500 32px Roboto-Medium!important;
	line-height: 37px;
	text-align: left;
}
#div_corso>.contentPanel>.chapterPanel h3
{
	font: 400 19px Roboto-Regular;	
	color:black;
	line-height:23px;
	margin:12px 0px 12px 0px;
}

#div_corso>.contentPanel>.chapterPanel h4
{
	font: 400 16px Roboto-Regular;	
	color:black;
	line-height:20px;
	margin:12px 0px 12px 0px;
}

#div_corso>.contentPanel>.chapterPanel img{margin: 16px 0px 16px 0px;}


#div_corso>.contentPanel>.chapterPanel>table{table-layout: fixed ;border: solid 0.5px #cacaca;}

/* SUMMARY */
#div_corso>.contentPanel>.chapterPanel>div.summary{position:relative;white-space: normal;}
#div_corso>.contentPanel>.chapterPanel>div.summary>*{width:50%;}
#div_corso>.contentPanel>.chapterPanel>div.summary>div.details
{
	position:absolute;
	right:0px;
	top:0px;
	padding-top:240px;
	background-image: url(../img/icon_student.png);
	background-image: linear-gradient(transparent, transparent),url(../img/icon_student.svg);
	background-repeat: no-repeat;
	background-position-x: center;
}
#div_corso>.contentPanel>.chapterPanel>div.summary>div.details>div{width:250px;margin:0px auto;}

#div_corso>.contentPanel>.chapterPanel>div.summary>div.details p{height:22px;margin-bottom: 26px;}
#div_corso>.contentPanel>.chapterPanel>div.summary>div.details p.hours
{
	padding-left: 32px;
	background-repeat: no-repeat;
	background-image: url(../img/baseline-access_time-24px.png);
	background-image: linear-gradient(transparent, transparent),url(../img/baseline-access_time-24px.svg);
}

#div_corso>.contentPanel>.chapterPanel>div.summary>div.details p.modules
{
	padding-left: 32px;
	background-repeat: no-repeat;
	background-image: url(../img/baseline-format_list_bulleted-24px.png);
	background-image: linear-gradient(transparent, transparent),url(../img/baseline-format_list_bulleted-24px.svg);
}
#div_corso>.contentPanel>.chapterPanel>div.summary>div.details p.quiz
{
	padding-left: 32px;
	background-repeat: no-repeat;
	background-image: url(../img/baseline-question_answer-24px.png);
	background-image: linear-gradient(transparent, transparent),url(../img/baseline-question_answer-24px.svg);
}

/* QUIZ SUMMARY */
#div_corso>.topPanel>.quizCounter
{
    font-family: RobotoCondensed-Bold;
    font-size: 20px;
    line-height: 56px;
	float: right;
}
#div_corso>.topPanel>.quizCounter>.vr
{
	margin: -4px 12px 0px 20px;
	border: 1px solid white;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
	padding: 0px;	
}

#div_corso>.topPanel>.quizCounter>.time
{
	padding-right: 32px;
	padding-left: 36px;
	background-image: url(../img/baseline-timer-white-24px.svg);
	background-repeat:no-repeat;
}

/* PAGE FORMATTING */
#div_corso>.contentPanel>.chapterPanel p,#div_corso>.contentPanel>.chapterPanel>table
{
	font: normal 16px Roboto-Regular;
	line-height: 26px;
	letter-spacing: 0px;
	text-align: left;
	color: #707070;
	margin: 12px 0px 12px 0px;
}

#div_corso>.contentPanel>.chapterPanel br{line-height: 26px;}
#div_corso>.contentPanel>.chapterPanel p{margin:0px;}

/* QUIZ */
#div_corso>.contentPanel>.chapterPanel.quiz
{
	padding-top: 60px;
	font-family: Roboto-Regular;
	font-weight: normal;
	white-space: nowrap;
}
#div_corso button
{
    padding: 9px 16px;
    background-color: #00d179;
    border: 0;
	color: #fafafa;
	font-family: "Roboto-Medium";
	font-size: 16px;
	line-height: 19px;
	white-space: nowrap;
}
button:focus {outline:0;}

#div_corso>.contentPanel>.chapterPanel.quiz>div.bottom{text-align: center;padding-bottom: 130px;}


#div_corso>.contentPanel>.chapterPanel.quiz>span
{
	font-size: 16px;
	line-height: 20px;
	text-align: left;
	color: #bcbcbc;
	margin-bottom: 8px;
	display:inline-block;
	height:24px;
}
#div_corso>.contentPanel>.chapterPanel.quiz>h3
{
  font-size: 24px;
  line-height: 28px;
  text-align: left;
  color: #4d4c4c;
  padding-top: 24px;
  margin:0px 0px 8px 0px;
}
#div_corso>.contentPanel>.chapterPanel.quiz>span.clock
{
	background-image: url(../img/baseline-timer-24px.png);
	background-image: linear-gradient(transparent, transparent),url(../img/baseline-timer-24px.svg);
	background-repeat: no-repeat;
	margin-left: 12px;
	padding-left: 32px;
}
#div_corso>.contentPanel>.chapterPanel.quiz>div.summary>button
{
	width: auto;
	margin-top:36px;
	margin-bottom:120px;
}
#div_corso>.contentPanel>.chapterPanel.quiz>div.summary>div.details
{
	background-image: url(../img/icon_click.png);
	background-image: linear-gradient(transparent, transparent),url(../img/icon_click.svg);
}



#div_corso>.contentPanel>.chapterPanel.quiz>div{width: 766px;}
#div_corso>.contentPanel>.chapterPanel.quiz>.questionBox 
{
	font-family:Roboto-Regular;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	border: solid 1px #ededed;
	margin-bottom:32px;
}
#div_corso>.contentPanel>.chapterPanel.quiz>.questionBox>p 
{
	color:#bcbcbc;
	line-height: 20px;
	height:24px;
    padding: 30px 24px 8px 24px;
	margin:0px;
    box-sizing: content-box;
}
#div_corso>.contentPanel>.chapterPanel.quiz>.questionBox>h2 
{
	font-size:24px;
	line-height: 28px;
	color:#4d4c4c;
	padding: 0px 24px 30px 24px;
	margin:0px;
	border-bottom:1px solid #ededed;
	font-family: "Roboto-Regular";
	white-space: normal;
}
#div_corso>.contentPanel>.chapterPanel.quiz>.questionBox.result
{
	padding:30px 24px;
    background-repeat: no-repeat;
    background-position: right 125px top 74px;
}
#div_corso>.contentPanel>.chapterPanel.quiz>.questionBox.result.failure{background-image: url(../img/drop-down.svg);}
#div_corso>.contentPanel>.chapterPanel.quiz>.questionBox.result.success{background-image: url(../img/icon_medal.svg);}


#div_corso>.contentPanel>.chapterPanel.quiz>.questionBox.result>h2 
{
	font-family: "Roboto-Medium";
	padding:0px;
	border:0;
}
#div_corso>.contentPanel>.chapterPanel.quiz>.questionBox.result>span
{
	color:#707070;
	font-size:16px;
	display:block;
	margin-top:8px;
	margin-bottom:20px;
	display:block;
}
#div_corso>.contentPanel>.chapterPanel.quiz>.questionBox.result>div.doughnut
{
	position: relative;
	width:84px;
	height:84px;
	margin-bottom:24px;
}
#div_corso>.contentPanel>.chapterPanel.quiz>.questionBox.result>div.doughnut>div
{

    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 24px;
    line-height: 84px;
}
#div_corso>.contentPanel>.chapterPanel.quiz>.questionBox.result.failure>div.doughnut>div{color:#ae0018;}
#div_corso>.contentPanel>.chapterPanel.quiz>.questionBox.result.success>div.doughnut>div{color:#00d179;}

#div_corso>.contentPanel>.chapterPanel.quiz>.questionBox.result>p
{
	font-family: 'Roboto-Regular';
    padding: 0;
	margin-top: 24px;
	margin-bottom: 30px;
    font-size: 18px;
    color: #4d4c4c;
}


#div_corso>.contentPanel>.chapterPanel.quiz>.questionBox>.answerLine
{
	position:relative;
	padding:16px 24px;
	line-height: 24px;
	color:#707070;
	display:table;
	width:100%;
	min-height: 72px;
	border-bottom:1px solid #ededed;
	white-space:normal;
}
#div_corso>.contentPanel>.chapterPanel.quiz>.questionBox>.answerLine>.letter
{
	position: absolute;
	text-align: center;
    border-radius: 20px;
    width: 40px;
    height: 40px;
    border: solid 1px #ededed;
	margin: 0 24px 0 0;
	line-height: 40px;
	border: solid 1px #bcbcbc;
	color: #bcbcbc;
	display: inline-block;
	cursor:pointer;
}
#div_corso>.contentPanel>.chapterPanel.quiz>.questionBox>.answerLine.selected{background-color: #fafafa;}
#div_corso>.contentPanel>.chapterPanel.quiz>.questionBox>.answerLine.selected>.letter{background-color: #4e6992;color:#fafafa;}
#div_corso>.contentPanel>.chapterPanel.quiz>.questionBox>.answerLine.correct{background-color: #ededed;}
#div_corso>.contentPanel>.chapterPanel.quiz>.questionBox>.answerLine.correct>.letter{background-color: #00d179;color:#ededed;}
#div_corso>.contentPanel>.chapterPanel.quiz>.questionBox>.answerLine.wrong>.letter{background-color: #ae0018;}
#div_corso>.contentPanel>.chapterPanel.quiz>.questionBox>.answerLine>.letter>svg{margin-top:7px;fill:#ededed;}

#div_corso>.contentPanel>.chapterPanel.quiz>.questionBox>.answerLine>.letter+span
{
	display:table-cell;
	min-height: 40px;
	vertical-align: middle;
	padding-left: 64px;
	line-height: 20px;
}


/* END QUIZ*/


#div_corso>.contentPanel>.summaryPanel
{
	position:relative;
    background-color: #ededed;
    width: 564px;
	height: 100%;
	color:black;
	overflow-y: auto;
}

#div_corso>.contentPanel>.summaryPanel>.courseTitle
{
	font:normal 20px Roboto-Light;
	text-align: center;
	padding-top:28px;
	padding-bottom: 24px;
	line-height: 20px;
}

#div_corso>.contentPanel>.summaryPanel>.chapter>.section
{
	font:normal 14px Roboto-Regular;
	text-align: left;
	padding-top:22px;
	padding-left:72px;
	padding-bottom: 18px;
	line-height: 16px;
	position:relative;
	cursor:pointer;
}
#div_corso>.contentPanel>.summaryPanel>.chapter>.section>div.glyph
{
	position:absolute;
	width:24px;
	height:24px;
	top:16px;
	left:16px;
	background-image: url(../img/baseline-library_books-24px.png);
	background-image: linear-gradient(transparent, transparent),url(../img/baseline-library_books-24px.svg);
}
#div_corso>.contentPanel>.summaryPanel>.chapter>.section.read>div.glyph
{
	background-image: url(../img/baseline-check-24px.png);
	background-image: linear-gradient(transparent, transparent),url(../img/baseline-check-24px.svg);	
}
#div_corso>.contentPanel>.summaryPanel>.chapter
{
	border-top:0.5px solid #cacaca;
	position:relative;
/*	height:55.5px;*/
	overflow: hidden;
	max-height: 55.5px;
	transition: max-height 0.1s ease;
}
#div_corso>.contentPanel>.summaryPanel>.chapter>.titolo
{
	position:relative;
	z-index: 1;
	font:normal 16px RobotoCondensed-Bold;
	text-align: left;
	padding-top:18px;
	padding-left:16px;
	padding-bottom: 18px;
	line-height: 19px;
	cursor:pointer;
}

#div_corso>.contentPanel>.summaryPanel>.chapter>div.glyph
{
	position:absolute;
	width:24px;
	height:24px;
	top:16px;
	right:16px;
	background-image: url(../img/baseline-expand_more-24px.png);
	background-image: linear-gradient(transparent, transparent),url(../img/baseline-expand_more-24px.svg);
}
#div_corso>.contentPanel>.summaryPanel>.chapter.expanded{max-height:none;}
#div_corso>.contentPanel>.summaryPanel>.chapter.expanded>div.glyph
{
	background-image: url(../img/baseline-expand_less-24px.png);
	background-image: linear-gradient(transparent, transparent),url(../img/baseline-expand_less-24px.svg);
}


#div_corso>.leftPanel p
{
	font:  500 16px Roboto-Medium;
	box-sizing: border-box;
	width:256px;
	height:56px;
	padding:19px 24px 19px 72px;
	position:relative;
	background-position: 16px 16px;
	background-repeat: no-repeat;
	cursor:pointer;
}
#div_corso>.leftPanel p:not(.active):hover{opacity: 0.5;}
#div_corso>.leftPanel>p.closeX{margin-bottom: 28px;display:inline-block;transition:margin-left 0.1s}
#div_corso.panelHidden>.leftPanel>p.closeX{margin-left:-200px;transition:margin-left 0.1s;}
#div_corso>.leftPanel>p.closeX>div.closeX
{
	width:24px;
	height:24px;
	margin-left:144px;
	margin-right: 16px;
	background-image: url(../img/baseline-close-24px.png);
	background-image: linear-gradient(transparent, transparent),url(../img/baseline-close-24px.svg);
	cursor:pointer;
}
#div_corso.panelHidden>.leftPanel>p.closeX>div.closeX
{
	background-image: url(../img/baseline-menu-24px.png);
	background-image: linear-gradient(transparent, transparent),url(../img/baseline-menu-24px.svg);
	cursor:pointer;
}

#div_corso>.leftPanel>.title
{
	display:inline-block;
	padding-left: 24px;
	padding-top:16px;
	vertical-align: top;
	line-height: 24px;
	font-size:20px;
	font-family: RobotoCondensed-Bold;
	letter-spacing: 0.02px;	
}
#div_corso>.leftPanel p.active
{
	background-color: #003155;
	color:#e25d54;
	border-left:4px solid #e25d54;
	padding-left: 68px;
}
#div_corso>.leftPanel p.active>svg .white{fill:#e25d54!important;}
#div_corso>.leftPanel p.active>svg
{
	left:12px;
}

#div_corso>.leftPanel p>svg
{
	position:absolute;
	left:16px;
	top:16px;
}

#div_corso>.topPanel
{
	position:fixed;
	z-index: 1;
	top:0px;
	left:0px;
	box-sizing: border-box;
	width: 100%;
	height: 56px;
	padding-left:256px;
	backdrop-filter: blur(30px);
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.4);
	background-color: #001839;	
    color: white;
}


#div_corso>.topPanel>.loggedUser
{
    float: right;
	background-size: 32px,32px;
	background-repeat: no-repeat;
	background-position: 0px 12px;
	font-family: Roboto-Regular;
    font-size: 16px;
	line-height: 56px;
	padding: 0px 24px 19px 44px;
	cursor: pointer;
/*    display: inline-block;	*/
}

/* dashboard */
#div_corso>.contentPanel>.dashboard .button.back 
{
    background-color: #4e6992;
	background-image: url(../img/baseline-undo-24px.svg);
	margin:24px 0px 0px 24px;
}
#div_corso>.contentPanel>.dashboard{padding:80px 140px 120px 140px;width: 1440px;margin:0px auto;}
#div_corso>.contentPanel>.dashboard>.logo
{
	height: 192px;
    background: url(../img/malerpas.png);
    background-size: auto 120px;
    background-repeat: no-repeat;
	border-bottom: 1px solid #cacaca;
}
#div_corso>.contentPanel>.dashboard>.header
{
	font-family: 'Roboto-Medium';
	font-size: 32px;
	padding-top: 88px;
	color:#000;
}
#div_corso>.contentPanel>.dashboard>.header.studentReport{padding-top:40px;}
#div_corso>.contentPanel>.dashboard>.header>span{color:#e25d54;}

#div_corso>.contentPanel>.dashboard>.content{position: relative;margin-left: -24px;}
.width25{width:25%;}
.width50{width:50%;}
.width100{width:100%;}
.inline{padding-left: 24px;float:left;}
#div_corso>.contentPanel .box
{
	padding:24px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	background-color: #fafafa;
	margin-top:32px;
}
#div_corso>.contentPanel>.dashboard .box .title
{
	font-family: 'Roboto-Regular';
    font-size: 14px;
	color: #4d4c4c;
}
#div_corso>.contentPanel>.dashboard .box .titleBig
{
	color: #4d4c4c;
	font-family: 'Roboto-Medium';
	font-size: 24px;
	line-height: 28px;
}
#div_corso>.contentPanel>.dashboard .box .subTitle
{
	color: #707070;
	font-family: 'Roboto-Light';
	margin-top: 8px;
	margin-bottom: 30px;
	font-size: 16px;
}
#div_corso>.contentPanel>.dashboard .box .number
{
	font-family: 'Roboto-Medium';
	font-size: 44px;
	line-height: 44px;
	margin-top: 4px;
}
#div_corso>.contentPanel>.dashboard .box .number.blue{color: #4e6992;}
#div_corso>.contentPanel>.dashboard .box .number.green{color: #00d179;}
#div_corso>.contentPanel>.dashboard .box .number.red{color: #ae0018;}
#div_corso>.contentPanel>.dashboard .box .number.grey{color: #4d4c4c;}
#div_corso>.contentPanel>.dashboard .box .number>span
{
	font-family: 'Roboto-Regular';
	font-size:18px;
    line-height: 32px;
	vertical-align: bottom;
}
#div_corso>.contentPanel>.dashboard .box .doughnut{position: relative;}
#div_corso>.contentPanel>.dashboard .box .doughnut>div
{
	position: absolute;top:0px;
    left: 50%;
    width: 100%;
    margin-left: -50%;
    text-align: center;
    top: 50%;
    font-size: 48px;
    color: #707070;
    line-height: 48px;
    margin-top: -24px;
}
#div_corso>.contentPanel>.dashboard .box .medals{margin-left: -24px;}
#div_corso>.contentPanel>.dashboard .box .medal{float:left;width:12.5%;}
#div_corso>.contentPanel>.dashboard .box .medal>img
{
	width:100%;
    height: auto;
    padding-bottom: 24px;
	padding-left: 24px;
	margin:0;
}
#div_corso .table{display:table;margin:0}
#div_corso .cell{display:table-cell;min-width: 250px;padding-left: 24px;}
.relative{position: relative;}
.absolute{position: absolute;}
.box.absolute{top:0;bottom:0;}
.ellipsis
{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.clear{float: none !important;; clear: both;}

#div_corso .dashboard .progressoBox .title{color:#707070;margin-top:28px;}

#div_corso .dashboard .progressoBox .subTitle{margin-bottom:0px;}
#div_corso .dashboard .progressoBox .bar
{
	width: 100%;
    padding-left: 6px;
    padding-right: 70px;
	position: relative;
}
#div_corso .dashboard .progressoBox .bar div{height: 12px;}
#div_corso .dashboard .progressoBox .progresso {width:100%;padding-top:4px;padding-bottom:4px;height: 20px;}
#div_corso .dashboard .progressoBox .progresso div{display:inline-block;vertical-align: top;}
#div_corso .dashboard .progressoBox .bar div.leftCircle
{
	position: absolute;
	left:0px;
	width: 6px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	border: 0;
}
#div_corso .dashboard .progressoBox .bar div.rightCircle
{
	position: absolute;
	right:64px;
	width: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	border: 0;
}
#div_corso .dashboard .progressoBox .bar div.inner{width:100%;position:relative;}
#div_corso .dashboard .progressoBox .bar div.grey{background-color: #ededed;}
#div_corso .dashboard .progressoBox .bar div.blue{background-color: #4e6992;}
#div_corso .dashboard .progressoBox .bar div.green{background-color: #00d179;}
#div_corso .dashboard .progressoBox .pc
{
	position: absolute;
	width: 64px;
	right:0px;
	color:#707070;
	font-family: "Roboto-Regular";
	font-size: 16px;
	line-height: 12px;
}



#div_corso .dashboard .istogram
{
	width:100%;
	height: 244px;
	padding-right:36px;
	padding-bottom:32px;
	position: relative;
}
#div_corso .dashboard .istogram>.bars
{
	width:100%;
	height: 100%;
	border:0.1px solid rgba(112,112,112,0.5);
	position: relative;
}
#div_corso .dashboard .istogram>.bars>.lines
{
	position: absolute;
	left:0;
	width:100%;
	border-top:0.1px solid rgba(112,112,112,0.5);
	border-bottom:0.1px solid rgba(112,112,112,0.5);
}

#div_corso .dashboard .istogram>.bars>.lines.line20{top:20%;bottom:20%;}
#div_corso .dashboard .istogram>.bars>.lines.line40{top:40%;bottom:40%;}
#div_corso .dashboard .istogram .tick
{
	position: absolute;
	right: 0px;
	margin-right: -36px;
	width: 36px;
	height: 16px;
	font-family: "Roboto-Regular";
	font-size: 14px;
	line-height: 16px;
	text-align: left;
	color: #000000;
	padding-left: 8px;;
}
#div_corso .dashboard .istogram .tick.bottom{bottom:-8px}
#div_corso .dashboard .istogram .tick.top{top:-8px;}

#div_corso .dashboard .istogram .barGroup{bottom:0px;position: absolute;padding: 0px 8px;}
#div_corso .dashboard .istogram .barGroup>.bar{width:100%;height: 100%;}
#div_corso .dashboard .istogram .barGroup>.legend
{
	width:100%;
	padding-top:8px;
	line-height: 16px;
	font-family: "Roboto-Regular";
	font-size: 14px;
	text-align: center;
	color: #000000;
}
#div_corso .dashboard .gridbox
{
	margin-left: -24px;
	margin-right: -24px;
}
#div_corso .gridbox>.headerRow,#div_corso .gridbox>.grid>div
{
	position: relative;
	white-space: nowrap;
	height: 48px;
	line-height: 48px;
	font-family: "Roboto-Regular";
	font-size: 16px;
	text-align: left;
	color: #000000;
}
#div_corso .gridbox>.grid>div:not(:last-child)
{
	border-bottom:1px solid #ededed;
}
#div_corso .gridbox>.grid div.PASS{color:#00d179;}
#div_corso .gridbox>.grid div.FAIL{color:#ae0018;}
#div_corso .gridbox>.headerRow
{
	background-color: #ededed;
	border-bottom: 1px solid #cacaca;
	border-top: 1px solid #cacaca;
}
#div_corso .gridbox>.headerRow>div,#div_corso .gridbox>.grid>div>div:not(.menu)
{
	display:inline-block;
	width:20%;
	padding: 0px 24px;
	overflow: hidden;
    text-overflow: ellipsis;
}

#div_corso .gridbox>.footerRow
{
	line-height: 24px;
	font-family: "Roboto-Regular";
	font-size: 14px;
	text-align: right;
	color:#707070;
	margin:14px 12px -4px 12px;

}
#div_corso .gridbox>.footerRow>div{display:inline-block;vertical-align: top;}
#div_corso .gridbox>.footerRow div.select
{
	position: relative;
	background-image: url(../img/baseline-arrow_drop_down-24px.svg);
	background-repeat: no-repeat;
	background-position: right;
	width:66px;
	cursor: pointer;
}
#div_corso .gridbox>.footerRow div.select>.value{padding-right: 24px;}

#div_corso .gridbox>.footerRow div.select>.values
{
	display:none;
	position: absolute;
	top:32px;
	right: 8px;
	background-color: #fafafa;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
#div_corso .gridbox>.footerRow div.select>.values>div{line-height: 16px;padding:16px;}
#div_corso .gridbox>.footerRow div.display{margin:0px 20px 0px 10px;width:90px;}
#div_corso .gridbox>.footerRow div.go
{
	width:24px;
	height: 24px;
	background-repeat: no-repeat;
	cursor: pointer;
	margin-left: 24px;
}
#div_corso .gridbox>.footerRow div.go.Left{background-image: url(../img/baseline-arrow_back_ios-24px.svg);}
#div_corso .gridbox>.footerRow div.go.Right{background-image: url(../img/baseline-arrow_forward_ios-24px.svg);}

/*ACCOUNT*/
.profilePanel
{
    position: absolute;
    background-color: #fafafa;
	top: 0px;
    left: 0px;
    width: 100%;
    min-height: 100%;
	z-index: 1;
    padding: 0px 140px;
}
.profilePanel>div
{
	min-width: 820px;
	max-width: 1200px;
    background-color: #fafafa;
	margin: 0px auto;
	padding: 100px 0px 130px 0px;
	text-align: center;
}
.profilePanel .subTitle
{
	margin-bottom:32px;
	line-height: 22px;
	font-family: "Roboto-Regular";
	font-size: 16px;
	text-align: left;
	color: #707070;
}
.profilePanel a,.profilePanel a:visited{color:#4e6992}
.profilePanel .box{background-color: white!important;padding:0!important;	text-align: left;}
.profilePanel .box .line{padding:0px 24px;border-top: 1px solid #ededed;position: relative;}
.profilePanel .box .title
{
	line-height: 88px;
	font-family: "Roboto-Regular";
	font-size: 24px;
	text-align: left;
	color: #4d4c4c;
	border:0;
}
.profilePanel .box .line>.rowName
{
	display: inline-block;
	width: 220px;
	line-height: 74px;
	font-family: "Roboto-Regular";
	font-size: 12px;
	text-align: left;
	color: #707070;
}
.profilePanel .box .line>.avatar
{
	position: absolute;
	top:0px;
	left:0px;
	width: 100%;
	padding-left: 244px;
	line-height: 74px;
	font-family: "Roboto-Regular";
	font-size: 16px;
	text-align: left;
	color: #707070;
	background-size: 32px,32px;
	background-repeat: no-repeat;
	background-position: right 20.5px top 20.5px;
	cursor: pointer;
}
.profilePanel .box .line>.rowValue
{
	display: inline-block;
	line-height: 74px;
	font-family: "Roboto-Regular";
	font-size: 18px;
	text-align: left;
	color: #000000;
}
.profilePanel button{margin-top:32px;}

/* courses */
#div_corso>.contentPanel>.courses{padding:120px 140px 120px 140px;margin:0px auto;}
#div_corso>.contentPanel>.courses>.h2{margin:0px 0px 24px 0px;}
#div_corso>.contentPanel>.courses .add
{
	width:40px;
	height: 40px;
	cursor: pointer;
	background-color: #00d179;
	background-image: url(../img/baseline-add-24px.svg);
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom:32px;
}
#div_corso>.contentPanel>.courses .box,#div_corso>.contentPanel>.students .box{background-color: white;}

#div_corso>.contentPanel>.courses .course.box
{
	display:inline-block;
	padding: 0;
	width: 320px;
	margin-top:0px;
	margin-bottom:32px;
	margin-right:32px;
}
#div_corso>.contentPanel>.courses .course.box>img
{
	width:320px;
	height: 180px;
	margin-bottom:24px;
}
#div_corso>.contentPanel>.courses .course.box>.title
{
	line-height: 28px;
	font-family: "Roboto-Regular";
	font-size: 24px;
	text-align: left;
	margin-bottom:4px;
	color: #000000;
	padding:0px 16px;
}
#div_corso>.contentPanel>.courses .course.box>.subtitle
{
	line-height: 16px;
	padding:0px 16px;
	margin-bottom:40px;
	font-family: "Roboto-Regular";
	font-size: 14px;
	text-align: left;
	color: #c7c8c9;
}

#div_corso>.contentPanel>.courses .course.box>.img
{
	line-height: 24px;
	font-family: "Roboto-Regular";
	font-size: 16px;
	text-align: left;
	color: #707070;
	padding-left:48px;
	background-position: 16px 0px;
	background-size: 24px 24px;
	background-repeat: no-repeat;
	margin-bottom:8px;
}
#div_corso>.contentPanel>.courses .course.box>.img.students{background-image: url(../img/baseline-face-24px-green.svg);}
#div_corso>.contentPanel>.courses .course.box>.img.modules{background-image: url(../img/baseline-format_list_bulleted-24px.svg);}
#div_corso>.contentPanel>.courses .course.box>.foot
{
	height: 56px;
	margin-top:40px;
	width: 320.5px;
	border-top:1px solid #ededed;
	position: relative;
}
#div_corso>.contentPanel>.courses .course.box>.foot>.menu
{
	position: absolute;
	right:16px;
	top:16px;
	width:24px;
	height:24px;
	background-image: url(../img/baseline-more_vert-24px.svg);
	cursor:pointer;
}
/*#div_corso>.contentPanel>.courses .course.box>.foot>.menu>.box{padding:0;position: absolute;right: 0px;display: none;}
#div_corso>.contentPanel>.courses .course.box>.foot>.menu>.box>div*/
#div_corso>.contentPanel .menu>.box{padding:0;position: absolute!important;right: 0px;display: none;z-index:1}
#div_corso>.contentPanel .menu>.box>div
{
	padding:12px 24px 12px 68px;
	white-space: nowrap;
	line-height: 24px;
	font-family: "Roboto-Regular";
	font-size: 14px;
	text-align: left;
	color: #707070;
	background-position: 24px 12px;
	background-size: 24px 24px;
	background-repeat: no-repeat;
}
#div_corso>.contentPanel .menu>.box>div.edit{background-image: url(../img/baseline-create-24px.svg);}
#div_corso>.contentPanel .menu>.box>div.report{background-image: url(../img/baseline-remove_red_eye-24px.svg);}
#div_corso>.contentPanel .menu>.box>div.remove{background-image: url(../img/baseline-delete-24px.svg);border-top: 1px solid #ededed;}

#div_corso>.contentPanel>.courses .courseReport>.box{padding:0;overflow: hidden;}
#div_corso>.contentPanel>.courses .courseReport>.box>.line
{
	font-family: "Roboto-Regular";
	height: 76px;
	border-left: 8px solid #4e6992;
	padding:20px 24px 14px 24px;
	position: relative;
}
#div_corso>.contentPanel>.courses .courseReport>.box>.students{height: 0;}
#div_corso>.contentPanel>.courses .courseReport>.box>.line>div{display: inline-block;}

#div_corso>.contentPanel>.courses .courseReport>.box .title{width:50%;}
#div_corso>.contentPanel>.courses .courseReport>.box .carried{width:30%;}
#div_corso>.contentPanel>.courses .courseReport>.box .success{width:15%;}
#div_corso>.contentPanel>.courses .courseReport>.box .carried>div{float: right;}
#div_corso>.contentPanel>.courses .courseReport>.box .carried>div,
#div_corso>.contentPanel>.courses .courseReport>.box .success>div{width:109px;padding-right: 32px;box-sizing: content-box;}
#div_corso>.contentPanel>.courses .courseReport>.box .big
{
	font-family: "Roboto-Medium";
	font-size: 24px;
	font-weight: 500;
	line-height: 24px;
	text-align: left;
	color: #000000;
	margin-bottom:4px;
}
#div_corso>.contentPanel>.courses .courseReport>.box .title>.big{font-size: 20px;line-height: 20px;margin-bottom:8px;}
#div_corso>.contentPanel>.courses .courseReport>.box .small
{
	font-size: 14px;
	line-height: 14px;
	text-align: left;
	color: #707070;
}

#div_corso>.contentPanel>.courses .courseReport>.box>.line>.img
{
	position: absolute;
	right:16px;
	width:40px;
	height:40px;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../img/baseline-expand_more-24px.svg);
}
#div_corso>.contentPanel>.courses .courseReport>.box>.line>.img.less
{
	background-image: url(../img/baseline-expand_less-24px.svg);
}

#div_corso>.contentPanel>.courses .courseReport>.box>.students>div
{
	height: 48px;
	padding: 14px 24px 14px 32px;
	line-height: 20px;
	color: #000;
	font-size: 16px;
	border-top: 1px solid #ededed;
}
#div_corso>.contentPanel>.courses .courseReport>.box>.students>.header
{
	background-color: #ededed;
	border-top: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
}

#div_corso>.contentPanel>.courses .courseReport>.box>.students>div>div{width:50%;display:inline-block;border-top: #ededed;}
#div_corso>.contentPanel>.courses .courseReport>.box>.students>div>div:last-child{text-align: right;}
#div_corso>.contentPanel>.courses .courseReport>.box>.students>div>div.PASS{color:#00d179;}
#div_corso>.contentPanel>.courses .courseReport>.box>.students>div>div.FAIL{color:#ae0018;}
#div_corso>.contentPanel>.courses .courseReport>.box>.students>div>div.TO_DO{color:#4e6992;}

#div_corso>.contentPanel>.courses .button,#div_corso>.contentPanel>.dashboard .button
{
	width:40px;
	height: 40px;
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	margin-right:12px;
	cursor: pointer;
	vertical-align: top;
}
#div_corso>.contentPanel>.courses .button.back
{
	background-color: #4e6992;
	background-image: url(../img/baseline-arrow_back-24px.svg);
}
#div_corso>.contentPanel>.courses .button.save
{
	background-color: #00d179;
	background-image: url(../img/baseline-save-24px.svg);
}
#div_corso>.contentPanel>.courses .button.upload
{
	background-color: #4e6992;
	background-image: url(../img/baseline-cloud_upload-24px.svg);
}
#div_corso>.contentPanel>.courses .button.drop
{
	background-color: #4e6992;
	background-image: url(../img/baseline-arrow_drop_down-24px_white.svg);
}
#div_corso>.contentPanel>.courses .button.calendar
{
	background-color: #4e6992;
	background-image: url(../img/baseline-calendar_today-24px.svg);
}


#div_corso>.contentPanel>.courses.add .box{padding:0 0 44px 0;}
#div_corso>.contentPanel>.courses.add .box .header
{
	line-height: 68px;
	font-family: "Roboto-Regular";
	font-size: 24px;
	font-weight: normal;
	text-align: left;
	color: #4d4c4c;
	padding-left:16px;
	border-bottom:1px solid #ededed;
}
#div_corso>.contentPanel>.courses.add .box .line
{
	line-height: 40px;
	font-size: 16px;
	color: #000;
	padding:24px 0px;
	position: relative;
	margin-right: 16px;
}
#div_corso>.contentPanel>.courses.add .box .line>span{display:inline-block;width:109px;text-align: right;font-family: "Roboto-Medium";}
#div_corso>.contentPanel>.courses.add .box .line>div
{
	height: 40px;
	position: absolute;
	top:24px;
	padding-left:133px;
	width:100%;
	max-width:576px;
	padding-right: 40px;
}
#div_corso>.contentPanel>.courses.add .box .line>div.full{max-width:100%;padding-right:0px;}
#div_corso>.contentPanel>.courses.add .box .line>div>input{height: 40px;border:1px solid #ededed;padding:0px 12px;width:100%;}
#div_corso>.contentPanel>.courses.add .box .line>div>.button{position: absolute;}

.required
{
	position: absolute;
	top:44px;
	height: 12px;
	font-family: "Roboto-Regular";
	font-size: 12px;
	line-height: 12px;
	text-align: left;
	color: #ae0018;
	white-space: nowrap;
	left:145px;
}
#div_corso>.contentPanel>.courses.add .box .line>span>span{color: #ae0018;}

#div_corso>.contentPanel>.courses.add .box .line .options
{
	position: absolute;
	left:0px;
	width:100%;
	display: none;
	padding-left:133px;
	z-index: 1;
}
#div_corso>.contentPanel>.courses.add .box .line .options>div
{
	border-bottom:1px solid #ededed;
	border-left:1px solid #ededed;
	border-right:1px solid #ededed;
	background-color: white;
	width:100%;
	padding:0px 12px;
	cursor:pointer;
}

/* students*/
#div_corso>.contentPanel>.students{padding:120px 140px 120px 140px;margin:0px auto;}
#div_corso>.contentPanel>.students>.h2{margin:0px 0px 24px 0px;}
#div_corso>.contentPanel>.students .add
{
	width:40px;
	height: 40px;
	cursor: pointer;
	background-color: #00d179;
	background-image: url(../img/baseline-add-24px.svg);
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom:32px;
}

#div_corso>.contentPanel>.students .box{padding:0px;position: relative;}
#div_corso>.contentPanel>.students .box>h3
{
	line-height: 68px;
	font-family: "Roboto-Regular";
	font-size: 24px;
	font-weight: normal;
	text-align: left;
	color: #4d4c4c;
	padding-left: 16px;
	margin: 0px;
}
#div_corso>.contentPanel>.students .box.header>h3
{
	border-bottom:1px solid #ededed;
	margin-bottom: 24px;
}

#div_corso>.contentPanel>.students .box.header>.search
{
	position: relative;
	padding: 0px 16px 24px 16px;
	line-height: 40px;
    width: 110.5px;
	box-sizing: content-box;
}
#div_corso>.contentPanel>.students .box.header>.search>.drop
{
	width: 116.5px;
	background-color:  #4e6992;
	padding-left: 16px;
	color: white;
	background-image: url(../img/baseline-arrow_drop_down-24px_white.svg);
	cursor: pointer;
	background-repeat: no-repeat;
    background-position: right 8px center;
}
#div_corso>.contentPanel>.students .box.header>.search>.options
{
	position: absolute;
	width: 116.5px;
	line-height: 16px;
	color:#4e6992;
	font-size: 16px;
	font-family: "Roboto-Regular";
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	background-color: white;
	cursor: pointer;
	display: none;
	z-index: 1;
}
#div_corso>.contentPanel>.students .box.header>.search>.options>div
{
	padding:16px;

}
#div_corso>.contentPanel>.students .box.header>.search>.options>div.selected
{
	font-family: "Roboto-Medium";
}
#div_corso>.contentPanel>.students .box.header>.button
{
	position: absolute;
	padding-left: 132.5px;
	width: 100%;
	line-height: 38px;
	padding-right: 56px;
}
#div_corso>.contentPanel>.students .box.header>.button>input
{
	border: 1px solid #ededed;
	height: 40px;
	background-color: transparent;
	padding-left: 12px;
	width: 100%;
}
#div_corso>.contentPanel>.students .box.header>.button>div
{
	width: 40px;
	height: 40px;
	position: absolute;
	background-color: #4e6992;
	top: 0px;
	right: 16px;
	cursor: pointer;
	background-image: url(../img/baseline-search-24px.svg);
	background-repeat: no-repeat;
	background-position: center center;
}
#div_corso>.contentPanel>.students .gridbox{padding-bottom:20px;}
#div_corso>.contentPanel>.students .gridbox>.headerRow{font-family:"Roboto-Medium";color:#4e6992;}
#div_corso>.contentPanel>.students .gridbox>.headerRow>div:not(:first-child)
{
	cursor: pointer;
	background-position: 8px 15px;
	background-repeat: no-repeat;
}
#div_corso>.contentPanel>.students .gridbox>.headerRow>div.up{background-image: url(../img/baseline-arrow_upward-24px.svg);}
#div_corso>.contentPanel>.students .gridbox>.headerRow>div.down{background-image: url(../img/baseline-arrow_downward-24px.svg);}

#div_corso>.contentPanel>.students .gridbox>.headerRow,#div_corso>.contentPanel>.students .gridbox>.grid>div{padding:0px 40px;}
#div_corso>.contentPanel>.students .gridbox>.headerRow>div,#div_corso>.contentPanel>.students .gridbox>.grid>div>div
{
	padding-left: 34px;
	padding-right: 20px;
}
#div_corso>.contentPanel>.students .gridbox>.grid>div>div:last-child{width:40%;}
#div_corso>.contentPanel>.students .gridbox .menu
{
	position: absolute;
	width: 24px;
	height: 24px;
	background-image: url(../img/baseline-more_vert-24px.svg);
	background-repeat: no-repeat;
	right: 0px;
	margin-top:12px;
	margin-right:-16px;
	cursor: pointer;
}
#div_corso>.contentPanel>.students .menu>.box>div{color:#4e6992;}
#div_corso>.contentPanel>.students .menu>.box>div.edit{background-image: url(../img/baseline-create_blue-24px.svg);}
#div_corso>.contentPanel>.students .menu>.box>div.report{background-image: url(../img/baseline-remove_red_eye_blue-24px.svg);}
#div_corso>.contentPanel>.students .menu>.box>div.remove{background-image: url(../img/baseline-delete_blue-24px.svg);}

#div_corso>.contentPanel>.students .menu>.box{right:24px;}
#div_corso>.contentPanel>.students .gridbox .ellipse
{
	position: absolute;
	width: 24px;
    height: 24px;
    background-color: #e0dada;
    padding-left: 0px!important;
    margin-left: -24px;
    margin-top: 12px;
    top: 0px;
    vertical-align: top;
	border-radius: 12px;
}
#div_corso>.contentPanel>.students .gridbox>.headerRow .ellipse{background-color: transparent;}


/* calendar */
.cal
{
	position: absolute;
	width: 440px;
	background-color: white;
	padding:16px 0px 8px 0px;
	z-index:1;
	text-align: center;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	margin-left: 1px;
}
.cal>.head
{
	position: relative;
	font-family: "Roboto-Medium";
	font-size: 14px;
	font-weight: 500;
	line-height: 16px;
	text-align: center;
	color: #000000
}
.cal span
{
	display:inline-block;
	margin-top:24px;
	width:40px;
	text-align: center;
    line-height: 40px;
	margin: 1px 11px;
	font-size: 12px;
	font-family: "Roboto-Regular";
}
.cal>.head>.title{width:340px;display: inline-block;line-height: 24px;}
.cal>.head>.title>div.setDate{display: inline-block;cursor: pointer;}
.cal>.head>.title>div.months>span{margin:20px 0px;cursor: pointer;width:33%;}
.cal>.head>.title>div.years>span{margin:1px 0px;cursor: pointer;width:10%;}
.cal>.head>.title span.current
{
	background-color: #4e6992;color:white;
}
.cal>.head>.nav
{
	width: 24px;
	height: 24px;
	background-size: 8px 12px;
	background-repeat: no-repeat;
	background-position: center center;
	cursor:pointer;
}
.cal>.head>.nav.l{float: left;background-image: url(../img/angle_left.svg);margin-left: 18px;}
.cal>.head>.nav.r{float: right;background-image: url(../img/angle_right.svg);margin-right: 18px;}
.cal>.head>.dow{clear: both;text-align: left;}
.cal>.head span{color:#707070;margin-top:20px;font-family: "Roboto-Medium";}
.cal .head .months,.cal .head .years
{
	position:absolute;
	display:none;
	width: 100%;
	margin-top:-16px;
	top:0px;
	left:0px;
	background-color: white;
	overflow-y:auto;
	text-align: left;
}
.cal>.mese{text-align: left;}
.cal>.mese>span{cursor: pointer;border-radius: 20px;}
.cal>.mese>span.current{background-color: #4e6992;color:white;}
.cal .bottom{font-family: "Roboto-Medium";font-size:14px;line-height: 16px;text-align: right;padding-top: 8px;}
.cal .bottom>div{display: inline-block;cursor: pointer;padding:10px 8px;margin-right: 8px;}
.cal .bottom>.ok{color: #4e6992;}
.cal .bottom>.cancel{color: #e25d54;}