/* Dark mode */
@media screen and (prefers-color-scheme: dark) and (max-width: 980px) 	 {
	body {
		background: #1E1E1E !important;
		color: white !important;
	}
	a {
		color:	#077535;
	}
	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active
	{
		background: #7e7e7e !important;
		color: #e1e1e1  !important;
		border: none !important;
	}
	.ui-datepicker .ui-state-default {
		background: none !important;
		border: 1px solid #E1E1E1 !important;
		text-align: right !IMPORTANT;
	}
	.bg-white980 {
		background: #1E1E1E !important;
	}
	.modal-content {
    	background-color: #2a2929  !important;
	}
	#registracia input.button, #content input.button {
		background: none repeat scroll 0 0 #5AC8E0 !important;
		color: #2a2929  !important;
	}
	#content {
		background-color: #1E1E1E !important;
	}
	#content .listing_dokumentov, 
	#content .prispevok .obsah, #content .reakcia .obsah
	{
		color: white !important;
		background: #1E1E1E !important;
	}
	.znamky_active
	{
		background:#504f4f !important;
	}
	.znamky_inactive
	{
		background:#1E1E1E !important;
	}
	.mobil #main_content {
		background: #878787 !important;;
		/*background-color: #ffffff;*/
	}
	#content button.answer_button.answer_button
	{
		border-bottom: 1px solid #878787 !important;;
	}
	.swiper-slide
	{
		background: #878787 !important;;
	}
	#answer.choose_mic .mic_text
	{
		color:#dddddd !important;;
		background: #1E1E1E !important;
	}
	#KoniecButton button
	{
		box-shadow:none !important;
	}
	#content div.skupina_div
	{
		color: #959292 !important;;
		background: #1E1E1E !important;
	}
	.prispevok{
		background: #1E1E1E !important;
		min-height:auto;
		border-bottom: 1px solid gray;
		
	}
	.zobrazit-image > a.dokument > img {
		opacity: 0.6;
	}
	.skupina_balicek .slovicko .image_zvieratko
	{
		box-shadow:none !important;
	}
	fieldset.balicek .skupina_balicek .slovicko, .skupina_balicek .slovicko
	{
		color: #ccc !important;
		background: unset !IMPORTANT;
	}
	div#footer
	{
		background-color: #3c3c3c !important;;
		color: #e6e6e6 !important;;
	}
	#footer a
	{
		color: #e6e6e6 !important;;
		background: none !important
		
	}
	#content .prispevok h3, #content .reakcia h3
	{
		color: #e6e6e6 !important;;
	}
	#content .textarea_reagovat textarea,
	body, input, textarea
	{
		color: #e6e6e6 !important;
		background:  #1E1E1E !important;
		border: 1px solid #504f4f;
	}
	#splash_stred input[type=image]
	{
		border: none !important;
	}
	#sidebar_left form.search input.hladaj
	{
		background: url("../images/search_bg.png") no-repeat scroll 0 0 transparent !important;
	}
	input[type=submit]
	{
		background: #08813B !important;
		color: #e6e6e6 !important;
	}
	#sidebar_left.mm-menu, #sidebar_right.mm-menu
	{
		color: #fff !important;
		background: #222 !important
	}
	#sidebar_left ul li a
	{
		color: #EC9479 !important;;
	}
	#sidebar_left ul li.active {
		background: #555b5e !important;;
	}
	.ui-widget-content {
		border: 1px solid #7b7b7b !important;;
		background: #1E1E1E;;
		color: #dddddd !important;;
	}
	.ui-datepicker thead {
		border-bottom: 1px solid #7b7b7b;
	}
	#nastenka_kalendar span, #papagaj_kalendar span
	{
		color: #666666 !important;;
	}
	.ui-datepicker .ui-state-default {
		border: 1px solid #393737 !important;;
	}
	.ui-datepicker table tr th
	{
		text-shadow: none !important;;
	}
	#sidebar_left form.search input.hladaj
	{
		color: #dddddd !important;;
	}
	.div-hodnotenie {
		background: #222020 !important;;
	}
	.zaznamy_z_hod >  h3 {
		background:#1E1E1E !important;
	}
	.hod-table textarea
	{
		border:1px solid gray !important;;
	}
	table td, table th
	{
		color: #dddddd !important;;
	}
	#footer a:hover {
		color: #fff !important;;
		text-decoration: underline;
	}
	.box, #diktak_past, #diktak_future
	{
		background:#1E1E1E !important;
		background:#1E1E1E !important;
	}
	#content span
	{
		color: #dddddd !important;;
	}
	#content h3, #registracia h3
	{
		color: #e1e1e1  !important
	}

	#content h3.ui-state-active, #registracia h3.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover
	{
		background: #504f4f !important;
		color: #fff !important;
		border: none !important;
	}
	#registracia form table input
	{
		color: #fff !important;;
		background: #1E1E1E !important;
	}
	#content .radius-frame.orange h3,
	#content .radius-frame.yellow h3{
		color: #553830 !important;;
	}
	#content .record a
	{
		color: #fff !important;;
	}
	.zvieratko div.image_zvieratko
	{
		box-shadow:none !important;
	}
	#splash h1, #splash_congrat h1
	{
		color: #fff !important;
	}
	#content h2 span
	{
		color: #222020 !important;
	}
	#content a.active_polrok
	{
		color: #f00 !important;
	}
	.overlib_fg 
	{
		background: #393939;
	}
	#content.posta div table tbody tr td a.posta,
	.posta_content table td, table th, .posta_content table td, table th
	{
		color: #fff !important;
	}
	#content.posta table td.attachment
	{
		background: #fff !important;;
	}
	#content.posta a.th_tlacidlo span.text_link, 
	#content.posta table.ziak th
	{
		color: #1E1E1E !important;
	}
	#content.posta .sprava
	{
		background: #1E1E1E !important;
	}
	#content.posta .sprava a.odpovedat span.text_link,
	#content.posta .sprava a.tlacidlo span.text_link, #content.posta a.th_tlacidlo span.text_link
	{
		color: #1E1E1E !important;
	}
	strong
	{
		color: #fff !important;
	}
	#content.posta .oznamovacia{
		color: #1E1E1E !important;
	}
	#content.posta .sprava .spodok a.spodok, #content.posta .sprava .priloha a.priloha
	{
		color: #fff !important;
	}
	#content.posta .sprava p.predmet, #content.posta .sprava p.prijemca
	{
		color: #fff !important;
	}
	button.run_opakovanie
	{
		box-shadow: none !important;
	}
	.okno
	{
		background: #363636 !important;
	}
	#content .okno label > a
	{
		color: #fff !important;
	}
	#content table td.login_metodik 
	{
		color: #c1bcbc !important;
	}
	#content table td input.login_metodik
	{
		color: #c1bcbc !important;
	}
	#content .yellow table td.login_metodik{
		color: #161616 !important;
		font-weight: bold;
	}
	#content .yellow h2{
		background-color: #b9bf23;
	}
	.skupiny_wrapper_div div.skupina_row
	{
		background: #ffffff  !important;
	}
}