body {
	background-color: #0F0F0F;
}
div.prvni {
	background-color: black;
	color: darkgrey;
}

/*	Nadpisy		*/
h1,h3 {
	text-align: center;
}
img.title {
	margin: auto;
	
}
h1>span.small, h4>span.small{
	font-size:0.5em;
	margin-left: 1em;
	color: dimgrey;
}

/*	Navigacni menu	*/
div.site-menu {
	width: 100%;
	height: 7em;
	margin: 0.7em;
	padding: 0.7em;
}
img.menu-btn {
	width: 100%;
	height: 100%;
	cursor: pointer;
	border-radius: .6em;
}
img.menu-btn-active {
	filter: brightness(5%) sepia(100) saturate(100) hue-rotate(25deg);
}

@media (hover: hover) and (pointer: fine) {
	div.menu-btn:hover {
		opacity:0.7;
	}
}

/*	Prehravac	*/
#player-play-stop {
	width: 10em; height: 5.5em;
	cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
	#player-play-stop:hover {
		opacity: 0.7;
	} 
}
div.volumeslider-container {
	margin-top: 2.7em; !important
	width: 100%; 
}
div.volumeslider-container>input {
	width: 100%; height: 1em;
	background: #343A40;
	outline: none;
	opacity: 1;
	-webkit-transition: .2s;
	transition: opacity .2;
	-webkit-appearance: none;
	appearance: none;
}
div.now-playing {
	padding: .5em;
	text-align: center;
	font-size: 1.3em;
	color: #edf5f7;
}
@media (hover: hover) and (pointer: fine) {
	div.volumeslider-container>input:hover {
		opacity: 0.8; 
	}
}
div.volumeslider-container>input::-webkit-slider-thumb {
	width: 3em; height: 3em;
	border: none;
	background: url("/img/vol/2.svg");
	filter: brightness(35%) sepia(100) saturate(100) hue-rotate(25deg);
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}
div.volumeslider-container>input::-moz-range-thumb {
	width: 3em; height: 3em;
	border: none;
	background: url("/img/vol/2.svg");
	filter: brightness(36%) sepia(100) saturate(100) hue-rotate(25deg);
	cursor: pointer;
}

div.player-text {
	padding-left: 5%;
	padding-right: 5%;
	margin: auto;
	font-size:1.3em;
}
span.player-text-pre {
	color: grey;
	font-size: 1em;
}
div.player-counter>div>div.text {
	text-align: left;
}
div.player-counter>div>div.counter {
	font-size: 1.6em;
	text-align: right;
}


/*	KecBox		*/
div.chatbox {
	padding: 0.7em;
	border-radius: 0.4em;
	background-color: #040404;
	margin: 0.7em;
	overflow: auto;
	height: 18em;
}
table.chatbox>tbody>tr>td.datenick {
	margin-top: 0.3em;
	margin-left: 0.5em;
	margin-bottom: 0.3em;
}
div.chatrow-nick {
	font-size:small;
	font-weight: 900;
	color: #121212;
}
div.chatrow-date {
	font-size:small;
	color: #121212;
}
table.chatbox>tbody>tr.message {
	background-color: grey;
	margin: 1%;
	border-radius: 25px 25px 25px 25px;
}
table.chatbox>tbody>tr.chat-prev {
	margin-left: 5%;
	margin-right: 5%;
	background-color: #1F1F1F;
	color: red;
	font-weight: bold;
	font-size: 1.4em;
	text-align: center;
	border-radius: 25px;
}
table.chatbox>tbody>tr.chat-prev>td {
	width: 100%;
}
table.chatbox>tbody>tr>td.msg {
	max-width: 70ch; 
	word-wrap:break-word;
	overflow: hidden;
	color: #222222;
}
table.chatbox>tbody>tr, table.chatbox>tbody>tr>td {
	padding: 2px !important;
}

button#chatsend {
	background-color: #880101;
	color: #ffc922;
}

/*	Archiv		*/
table.table-archiv {
	color: grey;
	background-color:0F0F0F;
}

@media (hover: hover) and (pointer: fine) {
	table.table-archiv>tbody>tr:hover {
		cursor: pointer;
		background-color:1F1F1F;
	}
}
div.archiv-title{
	font-weight: bold;
}

/*	Patička		*/
div.paticka>div>div {
	text-align: center;
}
div.paticka>div>div>a.fa {
	padding: 20px;
	font-size: 30px;
	width: 50px;
	text-decoration: none;
}
div.paticka>div>div>a.fa-instagram {
	color: orange;
}
div.paticka>div>div>a.fa-android  {
	color: green;
}
@media (hover: hover) and (pointer: fine) {
	div.paticka>div>div>a.fa-android:hover  {
		opacity: 0.7;
	}
	div.paticka>div>div>a.fa-instagram:hover {
		opacity: 0.7;
	}
}
div.paticka.paticka {
	margin: 0;
	background-color: black;
	color:
}
span.bold {
	font-weight: bold;
}