table, tr, td {
  height: 100%;
}

#main, #loginBlock {
	display: none;
}

#ocenki .table-print td:nth-child(2){
    width: 15em;
	/* background-color: #f3f3f3; */
}

#ocenki .table-print {
    border-collapse: collapse;
}

#ocenki .table-print {
	border-color: #8a8a8a;
    border-style: solid;
    border-width: medium;
}

#ocenki .table-print tr:not(:last-child) td, #ocenki .table-print tr:not(:last-child) th {
	border-bottom-color: #000;
    border-bottom-style: solid;
    border-bottom-width: thin;
}
#ocenki .table-print tr td, #ocenki .table-print tr th {
	border-right-color: #000;
    border-right-style: solid;
    border-right-width: thin;
}

#ocenki .table-print .bally{
	text-shadow: 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff;
	color: rgb(20 161 255);
    font-size: 80%;
    display: inline-block;
	/* height: 100%; */
    transform: translateY(-20%);
	font-weight: 700;
	padding-left: 0.15em;
}


#ocenki .table-print td{
	text-align: center;
}
#selectPredmet {
	display: flex;
    /* flex-flow: column wrap; */
    flex-direction: column;
    flex-wrap: wrap;
    height: 16em;
}

.table-print.chetverti tr td:nth-child(3), .table-print.chetverti tr td:nth-child(4), .table-print.chetverti tr td:nth-child(5), .table-print.chetverti tr td:nth-child(6){
	width: 5em;
}
.table-print.polugodie tr td:nth-child(3), .table-print.polugodie tr td:nth-child(4){
	width: 10.16em;
}
.table-print tr.admKontr td:nth-child(3), .table-print tr.admKontr td:nth-child(4), .table-print tr.admKontr td:nth-child(5), .table-print tr.admKontr td:nth-child(6){
	width: 5em;

}

.table-print tr.PER td:nth-child(3), .table-print tr.PER td:nth-child(4), .table-print tr.PER td:nth-child(5), .table-print tr.PER td:nth-child(6){
	width: 5em;

}

.table-print tr.admKontr{
	background-color:#7ed7ff;
}
.table-print tr.PER{
	background-color:#0bb3ff;
}
.table-print tr.PER td{
	padding-top: 0;
	padding-bottom: 0;
}

.table-print tr.PER td:nth-child(n+3):nth-child(-n+6) {
	padding: 0;
}

.perTdDiv {
    display: flex;
    justify-content: space-between;
	height: 100%
}

.perTdDiv > span {
	flex: 1;
	display: flex;
    justify-content: center;
    align-items: center;
}


.sformCard {
	padding: 0.1em;
    padding-left: 0.25em;
    padding-right: 0.25em;
    text-align: center;
    border-style: solid;
    border-color: gray;
    border-width: thin;
    width: 5.0em;
}

div.divFooter {
	display: none;
}

#loginBlock span {
	display: inline-block;
	width: 5em;
	padding-bottom: 0.25em;
}

#loginBlock #loginInput, #loginBlock #passwordInput { 
	width: 18em;
}

#loginBlock input[type="submit"]{
	padding: 0.4em;
	margin-top: 0.5em;
	width: 6em;
}

#selectKlass{
	width: 5em;
}

#loginBlock .loginTitle{
	font-size: 130%;
	font-weight: 700;
	padding-top: 0.0em;
	padding-bottom: 0.0em;
}

#loginBlock .loginSubtitle{
	font-size: 110%;
	font-weight: 500;
	padding-left: 5em;
	padding-top: 0.0em;
	padding-bottom: 0.66em;
}

#fioParent{
	display: inline-block;
    float: right;
}
#fioParent button {
	margin-left:0.33em;
}
#listUceniks span {
	cursor: pointer;
}
#listUceniks span:hover{
	text-decoration: underline;
}

/* стили, вынесенные из генерируемого HTML (ocenki.js) */
#ocenki .table-print td.predmetCell{
	text-align: left;
}

#ocenki .predmetHint{
	font-size: 90%;
}

#selectPredmet .selectPredmetTitle{
	font-weight: 700;
}

#selectPredmet .predmetAbbr{
	color: #3f75ff;
}

#uhod{
	border-style: solid;
    border-radius: 0.3em;
    padding: 0.2em;

}

.ocen2{
	background-color: rgb(189, 70, 209);
}
.ocen3{
	background-color: #ff7e7e;
}
.ocen4{
	background-color: #fff27f;
}
.ocen5{
	background-color: #85ff85;
}

@media print {
	.noPrint {
		display: none;
	}
	.pagebreak { page-break-before: always;}
	
	div.divFooter {
		display: block;
		position: fixed;
		bottom: 0;
	}
	/*
	#ocenki {
		white-space: nowrap;
	}
	*/
	
	.nowrapPrint {
		break-inside: avoid;
	}
}


@media only screen and (max-width: 479px) {
	#selectPredmet {
		height: max-content;
	}
	#fioParent {
		/* float: inherit; */
		padding-top: 0.3em;
	}
}

/* styles extracted from ocenki.js inline */
#ocenki .control-cell{
	padding: 0;
	height: auto;
}

#ocenki .controlTdDiv{
	display: flex;
	flex-wrap: nowrap;
	gap: 0;
	align-items: stretch;
	justify-content: flex-start;
	width: 100%;
	min-width: 0;
	max-width: none;
	height: -webkit-fill-available;
}

/* временный режим для измерения scrollWidth в JS */
#ocenki .control-entry.controlEntryMeasure{
	flex: 0 0 auto;
	width: auto;
	min-width: 0;
	max-width: none;
}

#ocenki .control-entry{
	display: flex;
	flex-direction: column;
	flex: 1 1 0;
	align-items: center;
	justify-content: center;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	box-sizing: border-box;
	min-width: 0;
	max-width: none;
	padding: 1px 5px;
	height: auto;
	align-self: stretch;
	overflow: visible;
}

#ocenki .control-value{
	white-space: nowrap;
}

#ocenki .control-type{
	line-height: 0.95;
	font-size: 80%;
	margin-top: 0;
	margin-bottom: 1px;
	white-space: nowrap;
}

#ocenki .control-legend{
	font-size: 80%;
	margin-top: 0.2em;
	color: #444;
}

#ocenki .podpis{
	padding-top: 3em;
	padding-bottom: 0.25em;
}