.lessonN {
	font-size:108%; 
	width:auto; 
	display: flex; 
	padding: 0em 0.075em 0.0em 0.075em;
}

.lessonN.active {
	background-color: rgb(199, 199, 199);  
	border-color: rgb(0, 0, 0); 
	border-width: 0.5vmin; 
	border-style: solid; 
	border-radius: 0.33em; 
	background-repeat: no-repeat;
	background-image: url('../img/white-fon-1.png');
	background-position: 100% 100%;
}

body:not(.ohrTablo) .lessonN.active{
	border-width: 0.20vmin; 
}


@media all and (orientation:landscape) {
	.raspDistan .lessonN.active {
		border-width: 0.25vmin;
	}
}

#raspBasic .lessonN.active {
	border-width: 0.2vmin;
}


.raspRingDoc {
	background-color: rgb(255, 255, 255); ;  
	border-color: rgb(0, 0, 0); 
	border-width: 0.25vmin; 
	border-style: solid; 
	border-radius: 0.5em; 
	padding: 1.5em;
}

.raspClass {
	padding: 0.75vmin; 
	flex-grow: 2;
	border-bottom-style: solid;
	border-width: 0.5vmin;
	font-size:120%;
}
.raspDistan .raspClass {
	padding: 0.4vmin; 
}


.raspDistan #avtobusi {
	display: none;
}

.raspDistan #raspClass12, .raspDistan #raspClass34, .raspDistan #raspClass511{
	cursor: pointer;
}

.raspDistan .raspTime:first-child {
	padding-left: 1.5em;
}
.raspDistan .raspTime:last-child {
	padding-right: 1.5em;
}

.klassiText{
	display: block;
}

.klassiKlassovText{
	display: none;
}

.raspDistan .klassiText{
	display: none;
}
.raspDistan .klassiKlassovText {
	display: block;
}


.raspClass.selected {
	border-radius: 0.33em; 
	border-width: 0.5vmin; 
	border-style: solid;
	border-bottom-style: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	font-weight: 800;
	border-color: rgb(0, 0, 0) 
}

@media all and (orientation:landscape) {
	.raspDistan .raspClass {
		border-width: 0.25vmin;
	}
}

.raspEda {
	vertical-align: -11%; 
	height: 1.0em; 
	width: 1.33em; 
	background-image: url('../img/eat.png'); 
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
}

.raspProgulka {	
	vertical-align:-11%; 
	height: 1.0em; 
	width: 1.33em; 
	background-image: url('../img/deti.png'); 
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	padding-right: 0.1em;
}

@media print{
	.raspProgulka, .raspEda {	
		display: none;
	}
}

.periodCaption {
	text-align:center; 
	flex-grow: 3;
}

.edaColor {
	color: #427ef1;
}

.peremenaColor {
	color: #3baa36;
}

.urokColor {
	color: #000000;
}


.raspTime {
    display: flex;
    align-items: center;
}