.header .header-row {
  min-height: 330px;
}

.header.sticky .header-row {
  min-height: 120px;
}

.header .clear-header-space {
  height: 330px;
}

.header.sticky .clear-header-space {
  height: 120px;
}

.header .header-main > div > div > div:nth-child(2) > div > div:nth-child(1) {
  transition: 0.5s;
}

.header.sticky .header-main > div > div > div:nth-child(2) > div > div:nth-child(1) {
  opacity:0;
}

.header .counter-statistic {
  transition: 0.5s;
}

.header.sticky .counter-statistic {
  opacity: 0;
  margin: 0 !important;
}

.header .search-panel {
  transition: 1s;
  margin-bottom: 180px;
}

.header.sticky .search-panel {
  margin-bottom: 0px;
}

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 6px;
  position: absolute;
  z-index: 3;
  top: 150%;
  left: 50%;
  margin-left: -60px;
  font-size: 0.9em;
}

.tooltip .tooltiptext.right {
	margin-left: -100px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}

.tooltip .tooltiptext.right::after {
  left: 80%;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.overlay-loader {
	display: inline-block;
	width: 24px;
	height: 24px;
	position: relative;
	top: 0;
	left: -26px;
	right: 0;
	bottom: 0;
}
.overlay-loader .loader {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 62px;
	height: 62px;
	animation-name: rotateAnim;
		-o-animation-name: rotateAnim;
		-ms-animation-name: rotateAnim;
		-webkit-animation-name: rotateAnim;
		-moz-animation-name: rotateAnim;
	animation-duration: 0.98s;
		-o-animation-duration: 0.98s;
		-ms-animation-duration: 0.98s;
		-webkit-animation-duration: 0.98s;
		-moz-animation-duration: 0.98s;
	animation-iteration-count: infinite;
		-o-animation-iteration-count: infinite;
		-ms-animation-iteration-count: infinite;
		-webkit-animation-iteration-count: infinite;
		-moz-animation-iteration-count: infinite;
	animation-timing-function: linear;
		-o-animation-timing-function: linear;
		-ms-animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
		-moz-animation-timing-function: linear;
}
.overlay-loader .loader div {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	border: 1px solid rgb(0,0,0);
	position: absolute;
	top: 1px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.overlay-loader .loader div:nth-child(odd) {
	border-top: none;
	border-left: none;
}
.overlay-loader .loader div:nth-child(even) {
	border-bottom: none;
	border-right: none;
}
.overlay-loader .loader div:nth-child(2) {
	border-width: 1px;
	left: 0px;
	top: -2px;
	width: 7px;
	height: 7px;
}
.overlay-loader .loader div:nth-child(3) {
	border-width: 1px;
	left: -1px;
	top: 2px;
	width: 11px;
	height: 11px;
}
.overlay-loader .loader div:nth-child(4) {
	border-width: 2px;
	left: -1px;
	top: -2px;
	width: 15px;
	height: 15px;
}
.overlay-loader .loader div:nth-child(5) {
	border-width: 2px;
	left: -1px;
	top: 2px;
	width: 20px;
	height: 20px;
}
.overlay-loader .loader div:nth-child(6) {
	border-width: 2px;
	left: 0px;
	top: -2px;
	width: 25px;
	height: 25px;
}
.overlay-loader .loader div:nth-child(7) {
	border-width: 2px;
	left: 0px;
	top: 4px;
	width: 31px;
	height: 31px;
}


@keyframes rotateAnim {
	from {
		transform: rotate(360deg);
	}
	to {
		transform: rotate(0deg);
	}
}

@-o-keyframes rotateAnim {
	from {
		-o-transform: rotate(360deg);
	}
	to {
		-o-transform: rotate(0deg);
	}
}

@-ms-keyframes rotateAnim {
	from {
		-ms-transform: rotate(360deg);
	}
	to {
		-ms-transform: rotate(0deg);
	}
}

@-webkit-keyframes rotateAnim {
	from {
		-webkit-transform: rotate(360deg);
	}
	to {
		-webkit-transform: rotate(0deg);
	}
}

@-moz-keyframes rotateAnim {
	from {
		-moz-transform: rotate(360deg);
	}
	to {
		-moz-transform: rotate(0deg);
	}
}

body::-webkit-scrollbar {
	width: 8px;
}

body {
	overflow-x: hidden;
	width: calc(100% + 8px) !important;
}

.header-main {
	width: calc(100% + 8px) !important;
}

body::-webkit-scrollbar-thumb {
	background-color: darkgrey;
	outline: 1px solid slategrey;
	border-radius: 8px;
}

.hint {
	margin-top: 10px;
	font-size: 0.8em;
	padding: 14px;
	background: #F0F0F0;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	color: #888888;
	display: flex;
	align-items: center;
  justify-content: center;
}

.hint svg {
	fill: #888888;
	height: 26px;
	margin-right: 8px;
}

div.darkMode {
	background-color: #1e1e1e;
	color: #fcfcfc;
}

div.darkMode .torrentName {
	color: #fcfcfc !important;
}

div.darkMode .torrentSize div {
	color: #f7f7f7 !important;
}

div.darkMode .info-table {
	color: #f7f7f7 !important;
}