<style>
body {
	font-size:16px;
}

.ExprDate {
	border: dotted 3px white;
	background-color:brown;
	color:white;
	padding:0px 10px;
	/* поворот */		
		display: inline-block; /* Важно для строчных тегов */
		transform-origin: left top; /* Задает точку вращения: левый нижний угол */		
		transform: rotate(-10deg); /* Угол поворота */	
	
}

td {
	padding:0.8em;
}

td.tdZamena {
	background-color:#FFFF00;
}

span.spanTypeOsnovn {
	opacity:0.1;
}

/* */

.sGruppa {
	display:inline-block;
	font-size:2em;
	color:black;
	background-color:light;
	padding:5px;
	border-radius:5px;
}


/* */


.block_onedow {
	margin:5px;
	padding:5px;
	border-radius:5px; 
	border:solid gray 1px;
}

.dowdate {
	/* будет отображается только если есть замены. а значит нужно выделить */
	font-size:1.5em;
	background-color:yellow;
}
.dowcaption {
	display:-inline-block;
	font-size:1.5em;
	font-weight:bold;
}


/* */

.alllines {
	padding:10px;
	-border:dotted gray 1px;
	border-radius:10px;
}
.block_para {
	margin:5px;
	padding:5px;
	border-radius:5px; 
	border:solid lightgray 1px;
}
.para_numpp {
	display:inline-block;
	width:1em;
	height:1em;
	text-align:center;
	border-radius:30px;
	border: solid gray 1px;
	color:gray;
	padding:5px;
	margin-right:10px;
}
.para_numpp.chetn_1 {
	background-color:#FFCCCC;
}
.para_numpp.chetn_2 {
	background-color:#CCFFCC;
}

.dbID {
	font-size:0.8em;
}
.sKab {
	font-weight:bold;
	margin-right:20px;
	color:brown;
}
.sDiscip {
	font-size:1.2em;
	margin-right:20px;
	color:black;
}
.sFio {
	margin-left:10px;
	font-weight:bold;
	color:brown;
}

img.para_userphoto {
	border-radius:50%;
	box-shadow: 0.4em 0.4em 5px rgba(122,122,122,0.25);
	-box-shadow: inset 0 0 6px rgba(122,122,122,0.95);
	width:48px;
}
img.userphoto_disable {
	-display:none;
	opacity:0.1;
}

.td_para_time {
	padding-left:1em;
}

/* */

.grpmenu_container {
	font-size:2em;
	line-height:1.55em;
	color:black;
	background-color:white;
	padding:5px;
	border-radius:5px;
}
a.grpmenu_link {
	font-size:0.8em;
	background-color:white;
	border:solid #33b3b2 1px;
	color: #33b3b2;
	
	border-radius:5px;
	padding:3px;
	text-decoration: none;
}
a.grpmenu_link:hover {
	background-color:#33b3b2;
	-border-color:solid gray 1px;
	border-radius:5px;
	padding:3px;
	text-decoration: none;
	color: white;
}

.thisEmpty{
	border:solid blue 2px;
	opacity:0.005;	
}
.thisEmptyOsnOnly {
	border:solid red 2px;
	opacity:0.005;	
}
.thisEmptyOsnEmptyZam {
	border:solid green 2px;
	opacity:0.005;	
}


.thisZamDifOsn {
	-background-color:#FFFF00; /* yellow; */
	background-repeat: no-repeat; /* запрещает повтор картинки */
	background-position: center; /* центрирует изображение */
	background-size: cover; /* растягивает на весь блок с сохранением пропорций */
}

.thisZamOnly {
	-background-color:#FFFF00; /* yellow; */
	background-repeat: no-repeat; /* запрещает повтор картинки */
	background-position: center; /* центрирует изображение */
	background-size: cover; /* растягивает на весь блок с сохранением пропорций */
}




</style>