body { color:#161616; font-family:'Open Sans',sans-serif; background-image:url('gfx/KronikaBG.jpg'); background-repeat:no-repeat; background-size:cover; background-attachment:fixed; background-position:bottom right; position:relative; display:flex; min-height:100vh; flex-direction:column; overflow-x:hidden; }
	main { flex: 1 0 auto; }
	@media only screen and (min-width: 601px) .container { width:95% !important; }
	.dropdown-content { background-color:#fff; min-width:100%; }
	.dropdown-content li>a, .dropdown-content li>span { padding: 2px 2px !important; margin: 14px 16px !important; color: #161616 !important; }
	.main-head { background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 70%, rgba(255,236,179,0.6) 100%) !important; }
	.main-foot { position:fixed; bottom:0; width:100%; padding:0.5rem; border-top:1px solid #161616; }
	.main-title { font-size:3em; display:inline-block; vertical-align:middle; margin:0.80rem 0 1.168rem 0.5rem; color:#161616; }
	.sub-title { font-size:2em; display:inline-block; vertical-align:middle; margin:0.8rem 0 0.2rem 0.5rem; }
	nav { background:unset; color:unset; box-shadow:unset; }
	h1,h2,h3,h4,h5 { font-family:'Kaushan Script', cursive; }
	.granat { color:#132249; }
	.bordo { color:#771e18; }
	.sezonBig { width:95% !important; }
	blockquote.granat { border-color:#132249 !important; color:#161616; }
	blockquote.bordo { border-color:#771e18 !important; color:#161616; }
	.bordo-tlo { background-color:#771e18; }
	a, nav ul a { color:#161616; }
	a:hover { text-decoration:underline; z-index:2; }
	.card-panel { font-weight:bold; }
	.collection-item { background-color: transparent !important; }
	/* label focus color */
	.input-field input:focus + label { color:#4CAF50 !important; font-size:1rem !important; }
	/* label underline focus color */
	.row .input-field input:focus { border-bottom: 1px solid #4CAF50 !important; box-shadow: 0 1px 0 0 #4CAF50 !important }
	.collapsible-header { background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(255,236,179,1) 100%) !important; }
	.collapsible li.active i.exp { -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg); }
	.top-mecz { border:0 !important; padding-bottom:5px !important; }
	.mecz { border:0 !important; padding-bottom: 0px !important; }
	.mecz .kolejka { display:inline-block; width:3%; }
	.mecz .zespoly { display:inline-block; width:50%; }
	.mecz .wynik { display:inline-block; width:8%; font-weight:bold; text-align:center; }
	.mecz .sezon { display:inline-block; width:8%; text-align:center; }
	.mecz .latTemu { display:inline-block; width:15%; text-align:center; }
	.mecz .bio { display:inline-block; width:18%; }
	.mecz .data { display:inline-block; width:20%; }
	.mecz .serie { display:inline-block; width:33%; vertical-align:text-top; }
	.edit { margin-left:3.6em; font-size:0.8em; }
	.edit .good { display:inline-block; width:8%; background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(39,123,41,0.2) 100%) !important; text-align:center; border:1px solid rgba(39,123,41,0.3); border-radius:11px; color:rgba(22,22,22,0.8); }
	.edit .bad { display:inline-block; width:8%; background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(191,26,14,0.2) 100%) !important; text-align:center; border:1px solid rgba(191,26,14,0.3); border-radius:11px; color:rgba(22,22,22,0.8); }
	.edit .half { display:inline-block; width:8%; background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(255,152,0,0.2) 100%) !important; text-align:center; border:1px solid rgba(255,152,0,0.3); border-radius:11px; color:rgba(22,22,22,0.8); }
	.mecz-name { font-size:2em; font-weight:bold; }
	.mecz-wynik { font-size:6em; font-weight:bold; line-height:1em; }
	table.strzelcy tr { border:0; }
	table.strzelcy tr td { padding:5px; }
	table.strzelcy td.wG { text-align:center; font-weight:bold; }
	table.strzelcy td.wH { text-align:right; width:41%; }
	table.strzelcy td.wA { text-align:left; width:41%; }
	h5.sklad {font-size:1.2em; font-weight:bold; margin-bottom:0.2em; }
	p.sklad, ul.sklad { margin-left:1.4em; margin-top:0.2em; }
	.page-footer { padding-top:0.5em !important; border-top:1px solid rgba(255,236,179,0.5); background:none; color:#161616; }

	.z { color:green !important; }
	.r { color:black !important; }
	.p { color:red !important; }

	.yc { color:#ffca00; vertical-align:-4px; text-shadow:-1px 1px #161616; margin-right:-0.3rem; font-size:1.2em; }
	.rc { color:red; vertical-align:-4px; text-shadow:-1px 1px #161616; margin-right:-0.3rem; font-size:1.2em; }
	.zm { color:#771e18; vertical-align:-7px; }
	.tab { text-align:center; font-weight:bold; }
	.tabsmall { font-size:0.85em; text-align:center; }
	.tab small { font-size:0.85em; font-weight:normal; }
	th { text-align:center; }
	.em2 { padding-left:2em; }
	.em3 { padding-left:3em; }

	sb { font-size:0.8em; font-weight:bold; }
	.as { vertical-align:-7px; cursor:pointer; }
	.va { vertical-align:-7px; }
	.shadow { border: 1px solid #ddd; margin: .5rem 0 1rem 0; -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); }
	.noshadow { border:0 !important; }
	.mhide { display:block; }
	.dhide { display:none; }

	table.sticky { position:relative; }
	table.sticky th { position:sticky; top:0; background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(255,236,179,0.6) 100%) !important; }
	table.sticky td { text-align:center; vertical-align:top; }

	table.matrix { border-collapse:collapse; }
	table.matrix th, table.matrix td { padding:2px; border:1px solid #161616; text-align:center; }

	@media all and (max-width: 888px) {
		.sezonBig { width:100% !important; }
		.main-title { font-size:1.5em; }
		.menu-phone { width:100% !important; top:57px !important; left:0 !important; background:rgba(255,255,255,0.9);}
		.dropdown-content li>a { color:#161616; }
		.mecz .kolejka { display:inline-block; width:7%; }
		.mecz .zespoly { display:inline-block; width:78%; text-overflow:ellipsis; white-space:nowrap; }
		.mecz .wynik { display:inline-block; width:12%; font-weight:bold; text-align:center; }
		.mecz .sezon { display:block; width:50%; text-align:left; padding-left:0.2em; }
		.mecz .data { display:inline-block; width:90%; }
		.collection .collection-item { padding:10px 2px; }
		.collapsible-body { padding:1rem; }
		.edit .good, .edit .bad, .edit .half { width:20%; margin-top:2px; }
		.collapsible-header { text-overflow:ellipsis; white-space:nowrap; }
		.edit { margin-bottom:0.8em; }
		.container { width:100%; }
		.mecz-name { font-size:1.3em; }
		.mecz-wynik { font-size:4em; }
		p.sklad, ul.sklad { margin-left:1em; }
		.mhide { display:none; }
		.dhide { display:table-cell; }
		.bsuma { text-align:right; }
		.b1liga:before { content: '1 liga: '; }
		.b2liga:before { content: '2 liga: '; }
		.b3liga:before { content: '3 liga: '; }
		.b4liga:before { content: '4 liga: '; }
		.em2 { padding-left:0.5em; }
		.em3 { padding-left:1em; }
		.table-wrapper { overflow-x:scroll; }
	}

	::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color:#5a5a5a; font-size:0.7em; opacity:1; /* Firefox */ }
	:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:5a5a5a; }
	::-ms-input-placeholder { /* Microsoft Edge */ color:5a5a5a; }

	.calendar{ position: relative; width: 260px; margin:auto; padding-top:15px; }
  .calendar .calendar-body{ display: flex; justify-content: center; align-items: center; flex-direction: column; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(15px); border-bottom: 6px solid #771e18; border-right: 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px; box-shadow: 0 5px 25px rgb(1 1 1 / 15%); }
  .calendar .calendar-body .month-name{ color: #fff; background: #771e18; width: 100%; font-size: 1.6em; text-align: center;  font-weight: 400; padding: 5px 0; border-top-left-radius: 8px; border-top-right-radius: 8px; }
  .calendar .calendar-body .date-number{ color: #161616; font-size: 6em; font-weight: 600; line-height: 1.2em; }
  .calendar .calendar-body .year{ color: #161616; font-size: 1.2em; font-weight: 400; margin-bottom: 15px; }

	.tegodnia_right { display:inline-block; width:84%; }
	.tegodnia_left { display:inline-block; width:15%; font-weight:bold; text-align:center; }
	.tegoDniaItem, .latTemu { padding: 5px 20px !important; }