body {
  font-family: "Lato", sans-serif;
}
a {
	font-size: small;
	color: red;
}

.linki {
	font-size: small;
	color: red;
	cursor: pointer;
	transition: 0.3s;
	text-decoration: underline;
}

.linki:hover {
	color: #FFA500;
}

div.komentarz {
	color: blue;
  background-color: #FFDEA0;
  text-align: right;
  margin: 5px;
}

#main {
  transition: margin-left .5s;
  padding: 16px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

.przylepiec_top {
	position: fixed;
	left: 25px;
	top: 25px;
	z-index: 10;
	text-align: center;
}

.przylepiec {
	background-color: #f1f1f1;
	text-align: center;
}

.naglowek {
	background-color: #f1f1f1;
	padding: 30px;
	text-align: center;
}

.tytul_strony {
	color: blue;
	font-weight: bold;
}

.tytul_strony::before {
	content: "\2234";
}

.tytul_dzialu {
	text-align: right;
	border-bottom: 1px solid blue;
	width: 100%;
	margin-bottom: 3px;
}

.tytul_sekcji {
	text-align: right;
	font-size: small;
	border-bottom-style: dotted;
	border-bottom-width: thin; 
	width: 100%;
	margin-bottom: 3px;
	margin-top: 3px;
}

.tytul_testu {
	text-align: center;
}

.mobile-container {
  max-width: 480px;
  margin: auto;
  min-height: 450px;
  border: 2px solid red;
  margin-top: 10px;
	padding: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.zawartosc {
	background-color: white;
	color: gray;
}

span[id^="odp_"]:hover {
	color: #0000FF;
	cursor: pointer;
}

.ior_test_range {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 100%; /* Full-width */
  height: 10px; /* Specified height */
  background: #d3d3d3; /* Grey background */
  outline: none; /* Remove outline */
  border-radius: 5px;
  opacity: 1; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.ior_test_range::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #dc3545; /* red background */
  cursor: pointer; /* Cursor on hover */
}

.ior_test_range::-moz-range-thumb {
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #dc3545; /* Green background */
  cursor: pointer; /* Cursor on hover */
}

.ior_test_range::-moz-focus-outer { border: 0; }

div.logowanie {
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	font-size: small;
	border: 2px solid blue;
	padding: 20px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	color: red;
}

table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

tr:hover {background-color:#f5f5f5;}