html, body {
	height: 100%;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#ffffdd;
}

/****** Menu Panel ******/

.panel {
	position: fixed;
	left: -15.625em; 
	width: 15.625em; 
	background-color: #222D32;
	z-index:999;
	color: #fff;
	padding:2px;
	vertical-align: top;
}
.panel a { color: #fff; text-decoration:none; display: inline-block; width: 100%;}
.panel li{ width:140px; margin:5px; padding:2px; display:block}
.panel span{ width:140px; margin:5px; padding:2px;}
.panel li:hover{ width:140px; background-color:#3C8DBC}
.panel ul{padding:2px !important;}
.wrap {
	position: relative;
	zmax-width: 80%;
	margin: 0px;
	padding: 8px;
	width:auto;
}

#zoneTop {
	height:20px;
	background-color:#3C8DBC;
	color:#fff;
	display:block;
}       

#zoneMain {
	vertical-align: top;
	padding:8px;
	height:auto;
}     
        
        
 [role=row]>td {cursor:pointer;}       

.itemlabel { color:#30211f ; display: table-cell; font-size:0.9em; font-weight:bold;}
.itemlabel:before{ content: "\A"; display: block; }
.itemlabel:after{ content: ': '; zdisplay: inline-block; }

.slot-nocolumn label:after{content: "" !important;}

.formlabel{
	display: block;font-weight:bold; 
    margin-top: 12px;
    background-color:#00C0EF; 
    padding:8px; color:#fff; 
    font-size:16px;
    margin-bottom:2px;    
    }
.dashlabel{display: block;font-weight:bold; 
    margin: 0px;
    background-color:#00C0EF; 
    padding:2px; color:#fff; 
    font-size:14px;
    }

.dashdiv{
	display:block;
	margin:5px;
	width:auto;
	text-align:center;
}

.slot{margin-bottom: 2px;}
.slot-inline{border:none; padding:4px; padding-left:0px; display: inline-block;}
.slot-wide{border:none; display: block; box-sizing:border-box; }
.slot-invisible{display: none;  }
.slot-segno{ border:none; display: block; box-sizing:border-box}
.slot-dash{
	background-color:#ffc;
	width:250px; height:150px; margin:3px;
	border:1px solid black; padding:0px; display: inline-table;
	}
.slot-must{ }
.slot-input{padding:4px; padding-left:0px; display: inline-block;}
.slot-button{padding-right:2px; display: inline-block;}

.slot-disabled{ cursor:default ;color:red}
.zzslot-disabled .ui-widget{border:none; background-color:transparent;}
.ui-selectmenu-disabled{ background-color: #fff; color:#880000; opacity:1 !important;}
input:disabled {background-color: #fff;color:#880000; cursor:default;}


.formaccordion { }
.accordionbutton{ width:28px; height:28px; float:right;margin: -5px; }


.popupmenu{
	position:relative;
	background-color:#fff; 
	border:1px solid #ccc;
	padding:1px;
	display: inline-block;
	z-index:9999;
	}
	
	
.popupitem{	
	background-color:#3C8DBC; 
	color:#fff; 
	width:140px; 
	margin:1px; 
	padding:5px; 
	display:block;
	cursor:pointer;
	}
.popupitem:hover{
	background-color:#222D32; 
	color:#fff; 
	}

.activelesson{border-bottom:1px solid #000; background-color: #fff;}
.datainput{box-sizing:border-box;color:#008800; }



keepthis{background-color:transparent; border:none !important;  }


.eveKind0{background-color:#eacfcf;}	/**Session**/
.eveKind1{background-color:#c9dbfd;}	/**Exam**/
.eveKind2{background-color:#80ffff;}	/**Message**/
.eveKind3{background-color:#FFB973;}	/**Special**/
.day{
	background-repeat: no-repeat;
    background-position-x: 5px;
    background-position-y: 6px;
    }
.eveStat0{color: black;background-image: url("/img/st0.png");} 	/**notsetted**/
.eveStat1{color: green; background-image: url("/img/st1.png");}	/**Present**/
.eveStat2{color: red;background-image: url("/img/st2.png");}	/**Absent**/
.eveStat3{color: blue;background-image: url("/img/st3.png");}	/**Cancelled**/ 

.eveAppr0{text-decoration: none; }		/**Pending**/
.eveAppr1{text-decoration: underline;}	/**Approved**/

.eveStatRow0 {background-color:#f7f7f7;color: black;}
.eveStatRow1 {background-color:#e1ffe1;color: green;}
.eveStatRow2 {background-color:#ffdddd;color: red;}
.eveStatRow3 {background-color:#d9eef9;color: blue;}

.evetablegroup{
	padding: 3px !important;
    background-color: black;
    color: aliceblue;
    padding-left: 12px !important;
    cursor:pointer;
}
.eventitem{width:220px;display:block; border:1px solid gray; margin:2px; padding:2px; padding-left:28px; cursor:pointer}


.seperator{}
.seperator_0{background-color:#73B9FF;height:1px; margin:5px;}
.seperator_1{height:1px;}
.seperator_2{background-color:#73B9FF;height:27px;width:1px;display:inline-block;vertical-align: middle;margin-right: 5px;}

.remindlink{font-size:11px; float: left; margin-top: -22px;}

    


.notifytext{font-weight:bold; font-size:18px;}
[role="listbox"] {max-height: 200px;  filter: drop-shadow(black 1px 3px 3px); z-index:9999 !important}
.button{background-color:#3C8DBC; color:#fff}  
.button:hover{background-color:#ff3300; color:#fff}   
.ui-dialog-footer{padding:8px; border-top:1px solid #ccc; text-align: right;}
.ui-selectmenu-menu{background-color: #fff; text-align: left;}
.ui-menu{z-order:999;}
.ui-dialog{ filter: drop-shadow(black 6px 6px 8px);}
.ui-dialog-titlebar{background-color:#222D32; color:#fff }
.ui-editbox{
	text-align: left;
	background-color:#FFFFFF;
	cursor:text;
}
.ui-checkbox{width:32px;height:32px;}
.ui-text{line-height: 0px;}
.ui-password-show {
	margin-left: -24px;
	margin-right: 10px;
    margin-top: 1px;
    border: 1px solid #949494;
    cursor: pointer;
    background-color: #ead1b8;
}




.rl{
	display: table;
	padding: 2px;
	margin: 2px;
	width: auto;
	}
.rl_label{
    display: inline-block;
    width: 200px;
    float: left;
    text-align: right;
	font-size:0.8em;
	margin-top:2px;
}
.rl_label:after{ content: ": "; }
.rl_value{
    display: inline-block;
    width: auto;
    float: left;
    text-align: left;
    margin-left:6px;
}



#back-button{display:none;}