#lessonNow .raspTime {
    display: flex;
    align-items: center;
    justify-content: center;
	font-size: 5.5vmax;
	height:6.0vmax;
	width: 35.0vmin;
	margin111: auto 0;
	border-color: rgb(100, 100, 100); 
	border-style: solid;
	border-radius: 4vmin;
	border-width: 0.5vmin;
	background-color: #868686;
	color:white;
}

#lessonNow .periodN {
	flex-direction: column;
	align-items: center;
	height: 16vmax;
	font-size: 108%;
    width: auto;
    display: flex;
}

#lessonNow .periodN.doLessons {
	height: 60vmax;
}

#lessonNow .periodN.endLessons {
	height: 60vmax;
}


#lessonNow .periodCaption {
	flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
	margin-top: -1%;
}

.selectTeacherOrClass {cursor:pointer; 
	color: #4f7faf; 
	font-size: 100%; 
	text-align:left; 
	padding-left: 1vmin; 
	padding-top: 0.2em;
	flex-grow: 1;
}

#lessonNow {
	flex-grow: 1;
	background-color: #868686;
	border-color: rgb(100, 100, 100); 
	border-style: solid;
	border-width: 0.5vmin;
	margin-top: 0rem;
	border-radius:4vmin;
	text-align: center;
	padding-left:0.0em; 
	padding-right:0.0em; 
	overflow: hidden;
	position: relative;
}
.enableLessonScroll #lessonNow {
	overflow-y: scroll;
}

#lessonNow .lineNow {
	z-index:100;
	width: 100%;
	position:absolute;
	top: 50%;
	height:0.75vmin;
	background-color: rgba(255, 0, 0, 0.6);
}

#lessonNow .activePeriod {
	position:absolute;
	height:1px;
	top: 3.0vmax;
	width: 100%;
	z-index: -1;
	background-color: rgb(255, 255, 255);
}

.deActive{
	color: black;	
}

.selectForLesson{
	color: #4f7faf; 
	padding-top: 0.18em;
	padding-bottom: 0.18em;
	padding-left: 0.66em;
	cursor: pointer;
	display: inline-block;
}

.selectForLesson.selected {
	font-weight: 800;
}


/* Main Classes */

.myCheckbox{
	width: 0.85em;
    background-image: url('../img/checkbox0.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
	margin-right: 0.1em;
}

.myCheckbox.checked{
	background-image: url('../img/checkbox1.svg');
}

#scrtollToKlass, #scrtollToTeacher {
	cursor: pointer;
}

#ringMessage, #parentRingMessage {
	position:absolute; 
	top:0; 
	left:0; 
	right:0; 
	bottom:0; 
	background-color: rgb(240, 240, 240); 
	z-index: 999; 
}

#ringMessage {
	display: flex; 
	flex-direction: column; 
	justify-content: center; 
	text-align: center; 
	font-size:133%; 
	border-style: dashed; 
	border-radius: 1em; 
	border-color: black; 
	padding: 1em; 
	margin-top: 0.175em;	
}