@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@200;300;400;500;600;700;800&display=swap');

:root {
	--font: "Public Sans";
}

body {
	margin: 0;
	font-size: 14px;
	font-family: var(--font);
}
* {
	box-sizing: border-box;
}
h4 {
	/*background: #ddd;*/
	padding: 10px;
	background: #395486;
	color: #fff;
	border-radius: 3px;
}
.class_name, .teachers_name {
	font-size: 16px;
	font-weight: 700;
	background: #1174c7;
}
body, select, option, input, .ui-widget {
	font-family: var(--font);
}
select {
	padding: 5px 10px;
	min-width: 300px;
	width: 100%;
}
a, a:hover {
	text-decoration: none;
	color: inherit;
}
.body {
	width: calc(100vw - 30%);
	margin: 0 auto;
	padding: 15px;
	color: #222;
	word-break: break-word;
}
.footer-text {
	font-size: 12px;
	color: #888;
	text-align: center;
}

#app-info {
	cursor: pointer;
}

table {
	width: 100%;
}
table, tr, td, th {
	border-collapse: collapse;
	vertical-align: top;
	border: 1px solid #ddd;
	padding: 5px;
	text-align: left;
	font-size: 13px;
	cursor: default;
	table-layout: fixed;
}
thead {
	border-bottom: 2px solid #dddddd;
}
.subject, .teachers_class, .plan-telefon-subject {
	font-weight: 600;
	font-size: 13px;
	margin-bottom: 6px;
	word-break: break-word;
}
.plan-telefon-subject {
	display: inline-block;
	font-weight: 600;
}
.group {
	font-size: 12px;
	font-weight: 600;
	color: #888;
	background: #f1f1f1;
	display: inline-block;
	padding: 0 3px;
	border-radius: 3px;
	word-break: break-all;
}
.teacher, .class, .teachers_subject {
	font-size: 12px;
	color: #888;
	word-break: break-word;
	margin: 2px 0;
}
.classroom {
	font-size: 12px;
	color: #888;
	word-break: break-word;
}
.czas {
	width: 100px;
}
td .subject:not(:nth-of-type(1)), td .teachers_class:not(:nth-of-type(1)), td .lesson:not(:nth-of-type(1)) {
	margin-top: 10px;
}
td .subject:not(:nth-of-type(1)):before, td .teachers_class:not(:nth-of-type(1)):before, td .lesson:not(:nth-of-type(1)):before {
	content: "";
	border-top: 1px solid #dddddd;
	height: 1px;
	width: 100%;
	display: block;
	margin-bottom: 10px;
}
th, .godzina_lekcyjna, .czas {
	background: #f1f1f1;
}
.godzina_lekcyjna {
	width: 30px;
	font-weight: bold;
}
.column {
	width: 50%;
	float: left;
}
.row::after {
	clear: both;
	content: "";
}
.alert {
	width: 100%;
	padding: 15px;
	margin-top: 30px;
	background: #eee;
	border-radius: 3px;
}

.alert p:nth-of-type(1) {
	margin-top: 0;
}

.alert p:last-of-type {
	margin-bottom: 0;
}

.alert a {
	text-decoration: none;
	font-weight: 600;
	color: #395486;
}

.alert a:hover {
	text-decoration: underline;
	transition: text-decoration 0.3s;
}

.row .column:nth-of-type(1) {margin-right: 15px;}
.row .column:nth-of-type(2) {width: calc(50% - 15px);}
.skrot_dzien {
	display: none;
}
.dzien {
	display: inline-block;
}
@media screen and (max-width: 900px) {
	.body {
		width: calc(100vw - 10%);
	}
	select {
		width: 100%;
	}
	.czas {
		display: none;
	}
	.column, .row .column {
		width: 100% !important;
	}
	table {
		table-layout: auto;
	}
	.skrot_dzien {
		display: inline-block;
	}
	.dzien, table {
		display: none !important;
	}
	.timing {
		display: block !important;
	}
	.plan-telefon {
		display: block !important;
	}
}
.plan-telefon {
	margin-top: -16px;
	display: block;
	position: relative;
	display: none;
}
.plan-telefon p {
	font-weight: 700;
	margin: 15px 0 6px 0;
	border-bottom: 2px solid #c5c5c5;
	text-transform: uppercase;
	padding: 10px 12px;
	font-size: 16px;
	color: #1174c7;
	/*border-radius: 3px;
	background: #dddddd;
	color: #395486;*/
}
.plan-telefon ol li::marker {
	font-weight: 600;
}
.plan-telefon ol li {
	margin-bottom: 4px;
	padding: 10px;
	background: #fcfcfc;
	border: 1px solid #ccc;
}
.plan-telefon .subject {
	font-weight: 600;
	text-transform: uppercase;
	font-size: 14px;
}
.plan-telefon-nauczyciel .subject {
	margin-bottom: 0;
	text-transform: unset;
	font-weight: 400;
}
.plan-telefon-nauczyciel a {
	font-weight: 600;
}
.plan-telefon .teacher_and_classroom {
	font-size: 12px;
	color: #888;
}
.plan-telefon ol li .lesson:not(:nth-of-type(1)):before {
	content: "";
	display: block;
	/*border-top: 2px dotted #efefef;*/
	margin: 6px 0;
}
.plan-telefon li:empty {
	background: transparent;
	border-color: transparent;
}
.plan-telefon li:empty:after {
	content: "–";
	display: block;
	font-weight: 600;
	color: #888;
}
/*.plan-telefon ol li .lesson:last-of-type {
	margin-bottom: 25px;
}*/
@media print {
	.body {
		width: 100%;
		margin-top: -10px;
	}
	* {
		color: #000;
	}
	.class_name {
		padding: 0;
		margin: 0 0 10px 0;
		background: none;
		font-weight: 500;
		color: #222;
		font-size: 20px;
	}
	.subject, th {
		font-weight: 600;
	}
	.footer-text, .czas, .teachers_name, h2, .row {
		display: none;
	}
}
.ui-selectmenu-button.ui-button {
	width: 100% !important;
}
.ui-selectmenu-menu .ui-menu {
	max-height: 260px;
}
.ui-state-active, .ui-widget-content .ui-state-active {
	background: #eeeeee;
	border: 1px solid #d8d8d8;
	color: #222;
}
.ui-menu .ui-menu-item-wrapper {
	padding: 5px 1em 5px .4em;
}
.ui-selectmenu-text {
	font-weight: 600;
}
tbody tr td:not(.czas):nth-of-type(even) {
	background: #fcfcfc;
}
.ui-button:active {
	border: 1px solid #00a1e4;
	background: #00C3EF;
}
.ui-selectmenu-button.ui-button:focus {
	outline: none;
}
.timing {
	display: none;
}
.timing p {
	margin-top: 0;
	font-weight: 800;
	font-size: 16px;
}
.timing li::marker {
	font-weight: 700;
}
.timing li {
	padding-left: 14px;
	margin-bottom: 8px;
	font-family: var(--font);
	font-feature-settings: 'kern' 1, 'ss01' 1;
	-webkit-font-feature-settings: 'kern' 1, 'ss01' 1;
	-ms-font-feature-settings: 'kern' 1, 'ss01' 1;
	-moz-font-feature-settings: 'kern' 1, 'ss01' 1;
}