.text-info {
    color: #7e31e3!important;
}

.text-info.dark-mode {
    color: #ffe326!important;
}

#preloader{
	background: #fff;
	height: 100vh;
	width: 100%;
	position: fixed;
	z-index: 99999;
	display:flex;
  	justify-content: center;
 	align-items: center;
}

#preloader.dark-mode{
	background: #2c2c33;
}

/*@font-face {
  	font-family: Helvetica;
  	src: url(HelveticaLTStd-Blk.otf);
}*/

body{
	font-family: "Palanquin Dark", "Open Sans", sans-serif;
    font-weight: 400;
	font-size: 1rem;
	line-height: 1.5;
	background-color: white;
	color: #000;
	scroll-behavior: smooth;
}

body.dark-mode{
	background-color: #2c2c33;
	color: white;
}

input{
	padding-top: 0;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

::-moz-selection{
	color: white;
  	background: #7e31e3;
}

::selection{
  	color: white;
  	background: #7e31e3;
}

/*.token-icon{
	display: inline-block;
	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  	height: 64px;
  	width: 64px;
	background: url(/img/tokenypurple.png);
	padding-left: 64px;
}*/

.token-icon.dark-mode{
	content: url("/img/tokenygold.png")
	/*background: url(/img/tokenygold.png);*/
}

ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.gold{
	color: #ffe326;
}

.purple{
	color: #7e31e3;
}

.purple.dark-mode{
	color: #ffe326;
}

.gray{
	color: #737373;
}

.gray.dark-mode{
	color: #d6d6d6;
}

.red{
	color: #cf1b1b;
}

.green{
	color: #0f9100;
}

.black{
	color: #000;
}

.black.dark-mode{
	color: #fff;
}

.light-gray{
	color: #ccc;
}
.dark-bg{
	background-color: #2424a9;
	background-image: linear-gradient(#2424a9, #5804c2);
}

.dark-transparent-bg{
	background-color: #2424a9;
}

.l-link{
	color: #ccc !important;
	transition: all 0.3s ease;
}

.l-link:hover{
	color: #fff !important;
}

.f-link{
	margin-left: 4px;
}

.list li {
    position: relative;
}

.list li:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid #5804c2;
    margin-right: 10px;
}

.list.dark-mode li:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid #ffe326;
    margin-right: 10px;
}

footer{
	box-shadow: 0 50vh 0 50vh #241c96;
}

.footer-list li{
	margin-bottom: 0.5rem;
}

.navbar-brand{
	padding-top: 0 !important;
}

.navbar-dark .navbar-toggler{
	border-color: transparent !important;
}

.navbar-nav li{
	margin: 0 10px;
}

.dropdown-menu{
	border-radius: 0 !important;
}

.dropdown-item{
	transition: all .2s;
	color: #212529 !important;
}

.dropdown-item:hover{
	color: #000 !important;
	background-color: #eee;
}

@media only screen and (min-width: 992px){
	.nav-item.dropdown:hover>.dropdown-toggle::after{
		transform: rotate(180deg);
	}

	.nav-link.dropdown-toggle::after{
		transition: all .2s;
		vertical-align: .18em;
	}
	.nav-item .dropdown-menu{
		display: block;
		transition: all .2s ease;
		visibility: hidden;
		opacity: 0;
	}

	.nav-item.dropdown:hover>.dropdown-menu{
		display: block;
		visibility: visible;
		opacity: 1;
	}
}



#home {
    min-height: 600px;
    color: #fff;
}

#typy-serveru{
	margin-top: 100px;
	padding-bottom: 100px;
}

.type-item{
	background-color: #fff;
	box-shadow: 0px 10px 25px 0px rgb(0 0 0 / 6%);
	text-align: center;
	padding: 40px;
	/*height: 550px;*/
	height: 500px;
	margin-bottom: 50px;
}

.type-item.dark-mode{
	background-color: #424647;
	color: white;
}

.type-header{
	margin-bottom: 20px;
}

.type-header h3{
	margin-bottom: 0px;
}

.type-img-block{
	margin-bottom: 18px;
}

.type-body{
	margin-bottom: 20px;
}

.type-body p{
	margin-bottom: 22px;
}


#nabidka{
	padding: 100px 0;
	background: #f7f9fb;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f9fb), to(rgba(233, 231, 240, 0)));
    background: linear-gradient(180deg, #f7f9fb 0%, rgba(233, 231, 240, 0) 100%);
}

#nabidka.dark-mode{
	background: #2c2c33 !important;
}

.prvky-item{
	padding: 30px;
	transition: all 0.4s ease;
    position: relative;
    text-align: center;
    background-color: #FFFFFF;
    margin-bottom: 30px;
    height: 262px;
}

.prvky-item.dark-mode{
	background-color: #424647;
	color: white;
}

.prvky-item:hover{
	box-shadow: 0px 10px 25px 0px rgb(0 0 0 / 10%);
}

.prvky-icon img{
	margin-bottom: 30px;
}

.prvky-icon i{
	margin-bottom: 30px;
}

.nabidka-hl-nadpis{
	text-align: center;
	margin-bottom: 75px;
}

#footer{
	padding: 100px 0 0 0;
	background: #241c96;
	color: #fff;
}

.footer-item{
	margin-bottom: 50px;
}

.lang-vyber a{
	text-decoration: none;
}

.copy-item{
	margin-bottom: 20px;
}

.contact-item{
	margin-bottom: 20px;
	text-align: right;
}


h1{
	font-size: 3rem;
	font-weight: 500px;
	margin-bottom: 50px;
}

#copy-ip-1{
	width: 190px;
}
#copy-ip-2{
	width: 190px;
}

.store-li{
	margin-left: 10px !important;
	margin-right: 0px !important;
}

.store-btn{
	margin-top:2px;
	color:#000000;
    background-color: #ffe326;
    border: 0.1rem #ffe326 solid;
    padding: 5px 22px !important;
	border-radius: 0 !important;
    letter-spacing: -.4px;
    transition: all .6s;
}

.store-btn: hover{
	color:#000000;
    background-color: #e2c500;
    border: 0.1rem #ffe326 solid;
}

.leyji-btn-wrp{
    margin-top:50px;
}


.leyji-btn-wrp .btn{
	margin-top: 5px;
	padding: 14px 45px !important;
	border-radius: 0 !important;
    letter-spacing: -.4px;
    transition: all .6s;
}

.btn-footer{
	padding: 10px 30px !important;
	border-radius: 0 !important;
    letter-spacing: -.4px;
    transition: all .6s;
}

.btn-white{
    color:#ffffff;
    background-color: transparent;
    border: 0.1rem white solid;
}

.btn-white:hover{
    color:#000000;
    background-color: #ffffff;
}

.btn-gold{
    color:#ffe326;
    background-color: transparent;
    border: 0.1rem #ffe326 solid;
}

.btn-gold:hover{
    color:#000000;
    background-color: #ffe326;
}

.btn-purple{
    color:#fff;
    background-color: #7e31e3;
    border: 0.1rem #d2affe solid;
}

.btn-purple:hover{
    color:#7e31e3;
    background-color: transparent;
}

.btn-purple.dark-mode{
    color:#ffe326;
    background-color: transparent;
    border: 0.1rem #ffe326 solid;
}

.btn-purple.dark-mode:hover{
    color:#000000;
    background-color: #ffe326;
}

.header-img-wrp{
	text-align: right;
	margin-bottom: 50px;
}

@media only screen and (min-width: 50px)/*, (orientation: portrait)*/ {
	.pc-only{
		display: none;
	}
	.input-stats-search{
		width: 100%;
	}
	.btn-stats-search{
		width: 100%;
		margin-top: 5px;
	}
	.zebr-item{
		padding: 40px 0;
	}
}

@media only screen and (min-width: 768px)/*, (orientation: portrait)*/ {
	.pc-only{
		display: none;
	}
	.input-stats-search{
		width: 100%;
	}
	.btn-stats-search{
		width: 100%;
		margin-top: 5px;
	}
	.zebr-item{
		padding: 40px;
	}
}

@media only screen and (min-width: 1366px) {
	.pc-only{
		display: inline-block;
		margin: 0;
	}
	.input-stats-search{
		width: 60%;
		margin-right: 5px;
	}
	.btn-stats-search{
		width: 40%;
		margin-top: 0;
	}
	.zebr-item{
		padding: 40px;
	}
}

/*@media only screen and (min-width: 1200px) {
	.pc-only{
		display: inline-block;
		margin: 0;
	}
	.input-stats-search{
		width: 60%;
		margin-right: 5px;
	}
	.btn-stats-search{
		width: 40%;
		margin-top: 0;
		
	}
}*/



/*STATS*/
#stats-home{
	min-height: 450px;
	color: #fff;
}

#zebricky{
	margin-top: 100px;
	padding-bottom: 100px;
}


.stats-header{
	text-align: center;
}

.input-stats-search{
	border: 1px solid transparent;
    letter-spacing: -.4px;
    height: 48px;
}

::-webkit-input-placeholder {
  font-size: 1rem;
}
::-moz-placeholder {
  font-size: 1rem;
}
:-ms-input-placeholder {
  font-size: 1rem;
}
::placeholder {
  font-size: 1rem;
}

.btn-stats-search{
	height: 48px;
	padding-bottom: 0.625rem;
	padding-top: 0.625rem;
	border-radius: 0 !important;
    letter-spacing: -.4px;
}

.more-info{
	text-align: center;
}

.more-info h4{
	font-size: 1.176447rem;
	font-weight: 400px;
	letter-spacing: -0.4px;
}

.zebr-item{
	background-color: #fff;
	box-shadow: 0px 10px 25px 0px rgb(0 0 0 / 6%);
	text-align: center;
	margin-bottom: 50px;
}

.zebr-item.dark-mode{
	background-color: #424647;
	color: white;
}

.zebr-header{
	margin-bottom: 20px;
}

.zebr-header h3{
	margin-bottom: 0px;
}

.zebr-img-block{
	margin-bottom: 18px;
}

.zebr-img-block i{
	font-size: 4em;
}

.zebr-body{
	margin-bottom: 20px;
}

.zebr-body p{
	margin-bottom: 22px;
}

#obecne{
	padding: 100px 0;
	background: #f7f9fb;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f9fb), to(rgba(233, 231, 240, 0)));
    background: linear-gradient(180deg, #f7f9fb 0%, rgba(233, 231, 240, 0) 100%);
}

#obecne.dark-mode{
	background: #2c2c33 !important;
}

.obecne-item{
	padding: 30px;
	transition: all 0.4s ease;
    position: relative;
    text-align: center;
    background-color: #FFFFFF;
    margin-bottom: 30px;
}

.obecne-item.dark-mode{
    background-color: #424647;
    color: white;
}

.obecne-item:hover{
	box-shadow: 0px 10px 25px 0px rgb(0 0 0 / 10%);
}

.big{
	font-size: 2.5rem;
}

.player-stats-header{
	padding-top: 100px;
}

.player-stats-main{
	padding-bottom: 100px;
}

.player-about{
	padding-top: 30px;
}

.player-stats-card{
	padding: 20px;
	background-color: #fff;
	box-shadow: 0px 10px 25px 0px rgb(0 0 0 / 6%);
	position: relative;
    margin-bottom: 30px;
}

.player-stats-card.dark-mode{
    background-color: #424647;
    color: white;
}

.player-stats-card-body{
	font-size: 0.8rem;
	margin-top: 20px;
}

.right{
	text-align: right;
}

.left{
	text-align: left;
}

.ranks{
    font-size: 15px;
}

.playername{
    font-size: 30px;
	display: inline-block;
	position: relative;
	top: 5px;
}

.rank{
	display: inline-block;
	padding: 3px 10px;
	margin-left: 5px;
}

.ranks span:nth-child(2){
	margin-left: 10px;
}

.barva-a{
	color: #fff;
    background-color: #3dbb3d;
}

.barva-b{
	color: #fff;
    background-color: #05c2ff;
}

.barva-c{
	color: #fff;
    background-color: #e74c3c;
}

.barva-d{
	color: #fff;
    background-color: #ff55ff;
}

.barva-e{
	color: #000;
    background-color: #faff49;
}

.barva-f{
	color: #000;
    background-color: #fff;
}

.barva-1{
	color: #fff;
    background-color: #0000ff;
}

.barva-2{
	color: #fff;
    background-color: #02b302;
}

.barva-3{
	color: #fff;
    background-color: #018888;
}

.barva-4{
	color: #fff;
    background-color: #be0202;
}

.barva-5{
	color: #fff;
    background-color: #a802a8;
}

.barva-6{
	color: #fff;
    background-color: #ffaa00;
}

.barva-7{
	color: #000;
    background-color: #cccccc;
}

.barva-8{
	color: #fff;
    background-color: #414141;
}

.barva-9{
	color: #fff;
    background-color: #5858ff;
}

.barva-0{
	color: #fff;
    background-color: #000;
}


/*LEADERBOARDY*/
#leaderboards-home{
	min-height: 400px;
	color: #fff;
}

.type{
	margin-left: 5px;
	width: 265px;
}

#leaderboards-main{
	margin: 50px 0;
}

.error-card{
	margin-top: 100px;
	text-align: center;
	margin-bottom: 50px;
}

.error{
	color: #ED2626;
}

.btn-error{
	margin-top: 50px;
	padding: 10px 30px !important;
	border-radius: 0 !important;
    letter-spacing: -.4px;
    transition: all .6s;
}

.btn-red{
    color:#ED2626;
    background-color: transparent;
    border: 0.1rem #ED2626 solid;
}

.btn-red:hover{
    color:#fff;
    background-color: #ED2626;
}

/*PRAVIDLA*/
#pravidla-home{
	min-height: 350px;
	color: #fff;
}
#pravidla-main{
	padding-top: 50px;
	padding-bottom: 100px;
}

#pravidla-main li{
	list-style: inherit;
}

#pravidla-main h2{
	margin-top: 50px;
}

#pravidla-main h3{
	margin-top: 20px;
}

#pravidla-main ol{
	padding-inline-start: 30px;
}

/*CHANGELOG*/
#changelog-home{
	min-height: 350px;
	color: #fff;
}
#changelog-main{
	padding-top: 50px;
	padding-bottom: 100px;
}

#changelog-main li{
	list-style: inherit;
}

#changelog-main h2{
	margin-top: 20px;
}

#changelog-main h3{
	margin-top: 10px;
}

#changelog-main ol{
	padding-inline-start: 30px;
}

#changelog-main ul{
	margin-bottom: 30px;
}

.pages-item{
	text-align: center;
}

form.pages .input-btn{
	font-size: 1.2rem;
	padding: 5px 10px;
	margin-left: 5px;
	margin-bottom: 5px;
	border: 0.1rem #d2affe solid;
	color:#7e31e3;
    background-color: #fff;
    transition: all .2s;
}

form.pages .input-btn:hover{
	color:#fff;
    background-color: #7e31e3;
}

form.pages .input-btn.active{
	color:#fff;
    background-color: #7e31e3;
}

/*.btn-purple{
    color:#fff;
    background-color: #7e31e3;
    border: 0.1rem #d2affe solid;
}

.btn-purple:hover{
    color:#7e31e3;
    background-color: transparent;
}*/

input.input-arrow{
	display: none;
}

/*STAFF*/
#staff-home{
	min-height: 325px;
	color: #fff;
}
#staff-main{
	padding-top: 50px;
	padding-bottom: 100px;
}

.staff-link{
	color: #2424a9 !important;
	transition: all 0.3s ease;
	padding: 2px;
}

.staff-link.dark-mode{
	color: #ffffff !important;
}

.staff-link.dark-mode:hover{
	color: #ffe326 !important;
}

.staff-link:hover{
	color: #7e31e3 !important;
}

.staff-item{
	/*max-width: 158px;*/
	text-align: center;
	margin-bottom: 50px;
}

.staff-item .staff-name{
	display: inline-block;
}

.staff-item h3{
	display: inline-block;
}

.staff-rank h2{
	text-align: center;
}

.staff-name h3{
	font-size: 1.2rem;
}

.staff-name a{
	transition: all 0.3s ease;
}

.staff-name.dark-mode a{
	color: #ffffff !important;
}

.staff-name.dark-mode a:hover{
	color: #ffe326 !important;
}

.forum-redirect{
	background-size: cover;
    -ms-grid-row-align: center;
    -webkit-align-self: center;
    align-self: center;
    position: relative;
    background-position: 50%;
    height: 100vh;
}

.donors-list{
	text-align: center;
}

.news-item{
	background-color: #fff;
	box-shadow: 0px 10px 25px 0px rgb(0 0 0 / 6%);
	text-align: center;
	padding: 100px 300px;
	/*height: 550px;*/
	margin-bottom: 50px;
}

.news-item.dark-mode{
	background-color: #424647;
	color: white;
}

.news-item:hover{
	box-shadow: 0px 10px 25px 0px rgb(0 0 0 / 10%);
}

.news-header{
	margin-bottom: 20px;
}

.news-header h3{
	margin-bottom: 0px;
}

.news-img-block{
	margin-bottom: 18px;
}

.news-body{
	margin-bottom: 20px;
}

.news-body p{
	margin-bottom: 22px;
}


img.flag{
	margin-right: 8px;
}


.checkbox {
	opacity: 0;
	position: absolute;
}

.label {
	background-color: black;
	border-radius: 50px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5px;
	position: relative;
	height: 26px;
	width: 50px;
	margin-bottom: 0 !important;
}

.dropdown-item label{
	margin-bottom: 0 !important;
	height: 100%;
	width: 100%;
}

.lang-vyber .lang-item,label{
	cursor: pointer;
}

.lang-vyber .dropdown-menu{
	padding: 0 !important;
	overscroll-behavior: contain;
	overflow-x: hidden;
    overflow-y: auto;
    max-height: 200px;
    min-width: 150px;
}

.lang-vyber{
	font-family: "Open Sans", sans-serif;
}

.lang-vyber .lang-item{
	font-size: 0.9rem;
}

.lang-vyber .dropdown-item{
	padding: 8px;
}

.label .ball {
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	top: 2px;
	left: 2px;
	height: 22px;
	width: 22px;
	transform: translateX(0px);
	transition: transform 0.2s linear;
}

.checkbox:checked + .label .ball {
	transform: translateX(24px);
}


.fa-moon {
	color: #ffe326;
}

.fa-sun {
	color: #ffe326;
}