:root {
    --bs-body-bg: #13161b;
	--bs-border-color: #383838;
}

.bi > .bi-pencil {
	position: absolute;
    bottom: 0.4rem;
    right: -0.5rem;
    font-size: 70%;
}
.bi:has(.bi-pencil) {
	position: relative;
}
.input-group-text > .bi > .bi-pencil {
	-webkit-filter: drop-shadow(-1px -2px 0 var(--bs-tertiary-bg));
			filter: drop-shadow(-1px -2px 0 var(--bs-tertiary-bg));
}

.disable, .disabled, *:disabled {
	cursor: not-allowed;
	pointer-events: all !important;
}

body.first {
	background: url(/assets/img/bg-first.webp) top center no-repeat, var(--bs-body-bg);
}
body.sub {
	background: url(/assets/img/bg-2.webp) center -120px no-repeat, var(--bs-body-bg);
	background-size: 2500px auto;
}

@media (min-width: 1200px) {
	.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
		max-width: 1200px;
	}
}

h1,h2,h3,h4,h5 {
	font-family: "Roboto", sans-serif!important;
}

a {
	color: #5eb5ce;
	text-decoration: none;
}
a:hover {
	color: #fff;
}

hr:not(.dropdown-divider) {
	border-bottom: 2px solid var(--bs-border-color)!important
}
hr.prox, 
hr.prox2 { 
	background-image: url(/assets/img/hrv4.webp);
	background-repeat: no-repeat;
	background-position: center center;
	border: none!important;
	width: 100%;
	height: 59px;
	opacity: 1!important;
}
hr.prox2 { 
	background-image: url(/assets/img/hr2v2.webp);
	height: 102px;
}

header.sub {
	padding-bottom: 70px;
}

.bg-sub {
	border-radius: 5px;
	min-height : 700px;
	background: rgba(19, 22, 27, 0.9);
}

header.first a.logo,
header.sub a.logo {
	display: block;
	background-image: url(/assets/img/logo.webp);
    background-repeat: no-repeat;
    background-position: center center;
	width: min(90vw, 433px); 
	height: auto;
	aspect-ratio: 433 / 274; 
	max-width: 433px;
	max-height: 274px;
	margin-top: 150px;
}
header.sub a.logo {
	width: 316px;
	height: 200px;
	background-image: url(/assets/img/logo-sub.webp);
	width: min(90vw, 316px); 
	aspect-ratio: 316 / 200; 
	max-width: 316px;
	max-height: 200px;
}
@media (min-width: 768px) {
	header.first a.logo {
		margin-left: 92px;
	}
	header.sub a.logo {
		margin-left: 10px;
	}
}
@media (min-width: 992px) {
	header.first a.logo {
		margin-top: 132px!important;
	}
}

header.sub a.logo {
	margin-top: 0px!important;
}

a.logo {
    -webkit-transition: all .3s ease-in;
       -moz-transition: all .3s ease-in;
         -o-transition: all .3s ease-in;
			transition: all .3s ease-in;
}
a.logo:hover {
	-webkit-transform: scale(1.1);
	   -moz-transform: scale(1.1);
		 -o-transform: scale(1.1);
			transform: scale(1.1);
	opacity: 0.8;
}

/* box */

header.first .container.boxes {
	padding: 0!important;
}

header .boxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    max-width: 1200px;
    margin: 166px auto 0;
}

header .box {
    width: 230px;
    height: 300px;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

header .box-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

header .box-discord,
header .box-facebook {
    height: 146px;
}

header .box-download {
    width: 460px;
    height: 300px;
}

@media (max-width: 1200px) {
    header .boxes {
        justify-content: space-between;
    }
    header .boxes {
        justify-content: center;
    }
	header .box-prezentation 	{ order: 1; }
	header .box-wiki 			{ order: 2; }
	header .box-download 		{ order: 3; }
	header .box-group 			{ order: 4; }
    header .box-group {
        flex-direction: row;
        justify-content: center;
    }
}

@media (max-width: 937px) {
	header .box-download 		{ order: 1; }
	header .box-prezentation 	{ order: 2; }
	header .box-wiki 			{ order: 3; }
	header .box-group 			{ order: 4; }
}

@media (max-width: 576px) {
    header .boxes {
        flex-direction: column;
        align-items: center;
    }
	header .box-group {
		display: flex;
		flex-direction: column;
	}
}

header .box-prezentation {
	background-image: url(/assets/img/box-prezentation.webp);
}
header .box-wiki {
	background-image: url(/assets/img/box-wiki.webp);
}
header .box-discord {
	background-image: url(/assets/img/box-discord.webp);
}
header .box-facebook {
	background-image: url(/assets/img/box-facebook.webp);
}
header .box-download {
	background-image: url(/assets/img/box-download.webp);
}

header .box-prezentation .icon {
	margin-left: 35px;
	margin-top: 84px; 
}
header .box-wiki .icon {
	margin-left: 25px;
	margin-top: 58px; 
}
header .box-discord .icon {
	margin-left: 60px;
	margin-top: 26px; 
}
header .box-facebook .icon {
	margin-left: 77px;
	margin-top: 33px; 
}

header .box .bottom {
	width: 100%;
	position: absolute;
	bottom: 0;
	background: rgba(0,0,0,.4);
	height: 40px;
	text-align: center;
	line-height: 2.4;
	font-family: "Roboto", sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	color: rgba(255,255,255,0.4);
}

header .box .overlay {
	border-radius: 5px;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	position: absolute;
	top: 5px; left : 5px;
}

header .box,
header .box .icon,
header .box .bottom,
header .box .overlay {
    -webkit-transition: all .2s ease-in;
       -moz-transition: all .2s ease-in;
         -o-transition: all .2s ease-in;
			transition: all .2s ease-in;
}
header a.box:hover .overlay {
	background-color: rgba(0,0,0,0.1);
}
header a.box:hover,
header a.box:hover > .icon {
	-webkit-transform: scale(1.05);
	   -moz-transform: scale(1.05);
		 -o-transform: scale(1.05);
			transform: scale(1.05);
	cursor: pointer;
}
header a.box:hover > .icon {
	-webkit-transform: scale(1.15);
	   -moz-transform: scale(1.15);
		 -o-transform: scale(1.15);
			transform: scale(1.15);
}

header .box:hover .bottom {
	color: rgba(255,255,255,0.7);
}

header .box-download {
	padding: 30px 0;
	font-family: "Roboto", sans-serif;
	line-height: 4.5rem;
}
header .box-download p,
header .box-download .btn {
	text-transform: uppercase;
}
header .box-download p {
	font-size: 3rem;
	font-weight: 300;
	line-height: 5rem;
}
header .box-download .btn {
	width: 326px;
	height: 64px;
	background: url(/assets/img/btn-download.webp) top center no-repeat;
	border: none!important;
	display: block;
	margin: 12px auto 0 auto;
	line-height: 3.2rem;
}
header .box-download .btn:hover {
	background-position: center center;
}
header .box-download .btn:active {
	background-position: center center;
}



nav {
	max-height: 88px;
}
nav .nav-link {
	font-family: "Roboto", sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	color: #d2d5d6;
	padding-top: 	1rem;
	padding-bottom: 1rem;
    -webkit-transition: all .2s ease-in;
       -moz-transition: all .2s ease-in;
         -o-transition: all .2s ease-in;
			transition: all .2s ease-in;
}
nav .nav-link:hover {
	color: #ffffff;
	text-shadow:  0		0		10px	rgba(255, 255, 255, 0.6),
				  1px	1px		0		rgba(49, 231, 249, 0.5),
				 -1px	-1px	0		rgba(49, 231, 249, 0.5);
}

nav .btn-success:not(.dropdown-menu .btn-success),
nav .btn-primary,
main.container-sura .btn {
	line-height: 1.7rem;
	-webkit-filter: drop-shadow(0 1px 5px rgba(0,0,0,0.2));
			filter: drop-shadow(0 1px 5px rgba(0,0,0,0.2));
}
nav .btn-success:not(.dropdown-menu .btn-success),
nav .btn-primary,
main.container-sura .btn-primary {
	background: none!important;
	background-position: top center;
	background-repeat: no-repeat;
}
nav .btn-success:not(.dropdown-menu .btn-success) {
	background-image: url(/assets/img/btn-nav-login.webp)!important;
	width: 124px;
	height: 41px;
}
nav .btn-primary,
main.container-sura .btn-primary {
	background-image: url(/assets/img/btn-nav-register.webp)!important;
	width: 156px;
	height: 41px;
}
nav .btn-success:not(.dropdown-menu .btn-success),
nav .btn-primary,
main.container-sura .btn-primary,
nav .btn-success:not(.dropdown-menu .btn-success):hover,
nav .btn-primary:hover,
main.container-sura .btn-primary:hover,
nav .btn-success:not(.dropdown-menu .btn-success):active,
nav .btn-primary:active,
main.container-sura .btn-primary:active {
	background-color: none!important;
	border: none!important;
}

nav .btn-success:not(.dropdown-menu .btn-success):hover, 
nav .btn-primary:hover,
main.container-sura .btn-primary:hover {
	background-position: center center!important;
}
nav .btn-success:not(.dropdown-menu .btn-success):active, 
nav .btn-primary:active,
main.container-sura .btn-primary:active {
	background-position: bottom center!important;
}

.dropdown-menu-login {
	width: 350px!important;
}
.dropdown-menu-login .btn-hover-light {
	color: rgb(var(--bs-secondary-rgb));
	background-color: var(--bs-body-bg);
}
.dropdown-menu-login .active,
.dropdown-menu-login .btn-pay:hover,
.dropdown-menu-login .btn-pay:focus,
.dropdown-menu-login .btn-hover-light:hover,
.dropdown-menu-login .btn-hover-light:focus {
	background-color: var(--bs-tertiary-bg);
	color: rgb(187 187 187)
}
.dropdown-menu-login .btn-pay:hover,
.dropdown-menu-login .btn-pay:focus {
	color: #fff;
}
.dropdown-menu-login .bi {
	position: relative;
}
.dropdown-menu-login .bi-pencil {
	position: absolute;
	font-size: 1.3rem;
	top: 0.75rem;
	left: 1rem;
	-webkit-filter: drop-shadow(-2px -2px 0 var(--bs-body-bg));
			filter: drop-shadow(-2px -2px 0 var(--bs-body-bg));
}
.dropdown-menu-login .active .bi-pencil,
.dropdown-menu-login .btn-pay:hover .bi-pencil,
.dropdown-menu-login .btn-pay:focus .bi-pencil,
.dropdown-menu-login .btn-hover-light:hover .bi-pencil,
.dropdown-menu-login .btn-hover-light:focus .bi-pencil {
	-webkit-filter: drop-shadow(-2px -2px 0 var(--bs-tertiary-bg));
			filter: drop-shadow(-2px -2px 0 var(--bs-tertiary-bg));
}
.dropdown-menu-login .bi-key .bi-pencil {
	top: 0.35rem;
}



.section-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    border-bottom: 2px solid #202528;
    color: #e0e0e0;
}
.section-title h2 {
	padding-bottom: 0;
	padding-top: 0;
	padding-left: 5px;
	margin-top: 0;
	margin-bottom: 10px;
}
.section-title .nav-tabs {
	border-bottom: none;
}
.section-title .nav-link {
	font-size: 0.8rem;
	color: #4f4f4f;
	padding-bottom: 0.7rem;
}
.section-title .nav-link.active {
	border-color: #202528!important;
	background: rgba(255,255,255, .02);
	color: #1f85ab;
}

.table-top-10 {
	text-align: center;
}
.table-top-10 td,
.table-top-10 th {
	vertical-align: middle;
}
.table-top-10 thead {
	border-bottom: 4px solid #1b1f21;
	font-size: 1.1rem;
}
.table-top-10 > thead > * > * {
	color: #898989!important;
}
.table-top-10 tbody {
	font-size: 0.8rem;
}
.table-top-10 > :not(caption) > * > *  {
	background: none!important;
	border-bottom: 2px solid #202528;
}
.table-top-10 > tbody > tr:nth-child(odd) {
	background-color: rgba(255,255,255,0.01)!important;
}
.table-top-10 > tbody > tr:nth-child(even) {
	background-color: rgba(0,0,0,0.1)!important;
}
.table-top-10 tbody tr:nth-last-child(1) td  {
	border: none!important;
}

@media (max-width: 992px) {
	main.first .ranking-section { order: 3; }
	main.first .hr-section { order: 2; }
	main.first .news-section { order: 1; }
}

.news-list {
    margin-top: 20px;
}
.news-item {
    border: none;
    display: flex;
	text-decoration: none;
	background: none;
	padding: 0.28rem;
	border-bottom: 2px solid #202528;
}

.news-item:nth-last-child(1) {
	border: none;
}
.news-item:nth-child(odd) {
	background: rgba(255,255,255, .02);
}
.news-item:nth-child(even) {
	background: rgba(0,0,0, .05);
}
.news-item {
	position: relative;
}
.news-icon {
	width: 42px;
	height: 70px;
	background: url(/assets/img/crystal-3.webp) center center no-repeat;
	display: flex;
	margin: 0 1rem;
	opacity: 0.9;
}
.news-item h5 {
	display: flex;
	padding: 0!important;
	margin:  0!important;
	font-size: 1.2rem;
	color: #969696;
}
.news-date {
    color: #888;
    font-size: .7rem;
}
.news-item:hover {
	background: rgba(0,0,0, .3);
}
.news-item:hover h5 {
	color: #d5d5d5;
}
.news-item:hover .news-date {
	color: #b9b9b9;
}
.news-item:hover .news-icon {
	opacity:1;
}


main.container-sura {
	width: 100%;
	background: url(/assets/img/bg-sura.webp) top center no-repeat;
	margin-top: -100px;
	padding-top: 140px;
}
main.container-sura .btn {
	-webkit-filter: drop-shadow(0 5px 20px rgba(39,188,233,0.5));
			filter: drop-shadow(0 5px 20px rgba(39,188,233,0.5));
}

.bg-footer {
	background: #171a20!important;
}

footer .bi:hover,
footer .nav-link:hover {
	color: #fff!important;
} 



.main-title {
	padding-bottom: 1rem!important;
	margin-bottom: 1rem!important;
	border-bottom: 2px solid #383838!important;
}


.pay-pack {
	border-radius: 3px;
	border: 1px solid #5f6668;
	/* padding: 3.2rem 1rem; */
	height: 7rem;
	position: relative;
	background: rgba(0,0,0, .2);
}
.pay-pack .pay-pack-container {
	height: 100%;
	align-items: center !important;
	justify-content: center !important;
	display: flex !important;
}
.pay-pack .pay-pack-container,
.pay-pack .promotion,
.pay-pack .promotion small {
    -webkit-transition: all .2s ease-in;
       -moz-transition: all .2s ease-in;
         -o-transition: all .2s ease-in;
			transition: all .2s ease-in;
}

.pay-pack .selected {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4rem 4rem 0 0;
	border-color: #1c697f transparent transparent transparent;
	transform: rotate(0deg);
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.pay-pack.active .selected {
	display: flex;
}
.pay-pack .selected .bi {
	position: absolute;
	top: -3.4rem;
    left: .65rem;
}


.pay-pack .promotion {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 0 4rem 4rem;
	border-color: transparent transparent #3d7f1c transparent;
	transform: rotate(0deg);
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
}
.pay-pack .promotion small {
	position: absolute;
	bottom: -3.3rem;
	right: 0.2rem;
	transform: rotate(-45deg);
	color: #fff;
	font-weight: 600;
}
.pay-pack:hover .promotion {
	border-color: transparent transparent #59b12d transparent;
}
.pay-pack:hover .promotion small {
	transform: rotate(-45deg) scale(1.1);
}
.promotion-coins-before,
.promotion-coins-after {
	margin:  0!important;
	padding: 0!important;
}
.promotion-coins-before {
	text-decoration: line-through;
	font-weight: 400;
	font-size: 1rem;
}
.promotion-coin-value,
.promotion-coins-after {
	color: #5fc02f
}

.pay-pack:before,
.pay-pack:after,
.pay-pack .arrows:after,
.pay-pack .arrows:before {
	content: " ";
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 2px;
	border: 1px solid #6b7375;
	position: absolute;
}
.pay-pack:before,
.pay-pack .arrows:before {
	border-right: none;
	left: 10px;
}
.pay-pack:before {
	border-bottom: none;
	top: 10px;
}
.pay-pack .arrows:before {
	border-top: none;
	bottom: 10px;
}
.pay-pack:after,
.pay-pack .arrows:after {
	border-left: none;
	right: 10px;
}
.pay-pack:after {
	border-top: none;
	bottom: 10px;
}
.pay-pack .arrows:after {
	border-bottom: none;
	top: 10px;
}
.pay-pack .pay-pack-container .bi {
	font-size: 3rem;
	color: #aaaaaa;
}
.pay-pack h3 {
	padding-top: 0.1rem;
	padding-bottom: 0!important;
	margin: 0!important;
	padding-left:  0.5rem;
	padding-right: 0.5rem;
	font-size: 1.3rem;
	justify-content: row;
	text-align: center;
	align-items: center;
}

.pay-pack-coin-1 .pay-pack h3 { font-size: 1.00rem; }
.pay-pack-coin-2 .pay-pack h3 { font-size: 1.15rem; }
.pay-pack-coin-3 .pay-pack h3 { font-size: 1.30rem; }
.pay-pack-coin-4 .pay-pack h3 { font-size: 1.45rem; }
.pay-pack-coin-5 .pay-pack h3 { font-size: 1.60rem; }
.pay-pack-coin-6 .pay-pack h3 { font-size: 1.65rem; }
.pay-pack-coin-7 .pay-pack h3 { font-size: 1.70rem; }
.pay-pack-coin-8 .pay-pack h3 { font-size: 1.75rem; }
.pay-pack-coin-9 .pay-pack h3 { font-size: 1.80rem; }
.pay-pack:hover {
	cursor: pointer;
	background: rgba(255,255,255,.05);
}
.pay-pack.active {
	background: rgba(255,255,255,.01);
}
.pay-pack:hover.active {
	cursor: default;
}
.pay-pack:hover .pay-pack-container .bi,
.pay-pack.active .pay-pack-container .bi,
.pay-pack:hover h3,
.pay-pack.active h3 {
	color: #fff;
}
.pay-pack:hover .pay-pack-container,
.pay-pack.active .pay-pack-container {
	transform: scale(1.1);
}
.pay-pack small {
	font-size: 0.9rem;
	color: #7a7a7a;
}

.pay-pack .icons {
	width: 4.5rem;
	padding: 0!important;
	margin: 0!important;
	display: flex;
	position: relative;
}
.pay-pack .icons .bi {
	font-size: 2.5rem;
}
.pay-pack .icons .bi.bi-stars {
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
	color: #ddd;
	-webkit-filter: drop-shadow(-1px -3px 0 #0f1216);
			filter: drop-shadow(-1px -3px 0 #0f1216);
}
.pay-pack:hover .icons .bi-stars,
.pay-pack.active .icons .bi-stars {
	-webkit-filter: drop-shadow(-1px -3px 0 #1f2227);
			filter: drop-shadow(-1px -3px 0 #1f2227);
}
.pay-pack-coin-1 .pay-pack .icons .bi { font-size: 1.4rem; }
.pay-pack-coin-2 .pay-pack .icons .bi { font-size: 1.8rem; }
.pay-pack-coin-3 .pay-pack .icons .bi { font-size: 2.2rem; }
.pay-pack-coin-4 .pay-pack .icons .bi { font-size: 2.8rem; }
.pay-pack-coin-5 .pay-pack .icons .bi { font-size: 4rem; }
.pay-pack-coin-6 .pay-pack .icons .bi { font-size: 4.2rem; }
.pay-pack-coin-7 .pay-pack .icons .bi { font-size: 4.4rem; }
.pay-pack-coin-8 .pay-pack .icons .bi { font-size: 4.6rem; }
.pay-pack-coin-9 .pay-pack .icons .bi { font-size: 4.8rem; }
.pay-pack-coin-2 .pay-pack .icons .bi-stars { right: 1.6rem; }
.pay-pack-coin-4 .pay-pack .icons .bi-stars { right: -0.4rem; }
.pay-pack-coin-5 .pay-pack .icons .bi-gem { margin-left: -0.5rem; }
.pay-pack-coin-5 .pay-pack .icons .bi-stars { right: -1rem; top: -0.2rem; }
.pay-pack-coin-6 .pay-pack .icons .bi-gem { margin-left: -0.5rem; }
.pay-pack-coin-6 .pay-pack .icons .bi-stars { right: -1rem; top: -0.2rem; }
.pay-pack-coin-7 .pay-pack .icons .bi-gem { margin-left: -0.5rem; }
.pay-pack-coin-7 .pay-pack .icons .bi-stars { right: -1rem; top: -0.2rem; }
.pay-pack-coin-8 .pay-pack .icons .bi-gem { margin-left: -0.5rem; }
.pay-pack-coin-8 .pay-pack .icons .bi-stars { right: -1rem; top: -0.2rem; }
.pay-pack-coin-9 .pay-pack .icons .bi-gem { margin-left: -0.5rem; }
.pay-pack-coin-9 .pay-pack .icons .bi-stars { right: -1rem; top: -0.2rem; }

.pay-pack-vip .pay-pack .icons {
	margin-left: -1.5rem!important;
	margin-top: -0.5rem!important;
}
.pay-pack-vip .pay-pack .pay-pack-info {
	margin-left: 1rem!important;
}
.pay-pack-vip .pay-pack .icons .bi-award {
	font-size: 4rem;
}
.pay-pack-vip .pay-pack .icons .bi-gem,
.pay-pack-vip .pay-pack .icons .bi-stars {
	position: absolute;
}
.pay-pack-vip .pay-pack .icons .bi-gem { 
	top: 1.55rem;
	left: 1.25rem;
}
.pay-pack-vip .pay-pack .icons .bi-stars {
	top: 2rem;
	left: 2.5rem;
}
.pay-pack-vip .pay-pack .icons .bi-gem {
	font-size: 1.5rem;
}

.pay-pack-battlepass .pay-pack .icons {
	margin-left: -1.2rem!important;
	margin-top: -0.5rem!important;
}
.pay-pack-battlepass .pay-pack .pay-pack-info {
	margin-left: 1rem!important;
}
.pay-pack-battlepass .pay-pack .icons .bi-award {
	font-size: 4rem;
}
.pay-pack-battlepass .pay-pack .icons .bi-wallet-fill,
.pay-pack-battlepass .pay-pack .icons .bi-stars {
	position: absolute;
}
.pay-pack-battlepass .pay-pack .icons .bi-wallet-fill { 
	top: 1.45rem;
	left: 1.3rem;
	font-size: 1.5rem;
}
.pay-pack-battlepass .pay-pack .icons .bi-stars {
	top: 2rem;
	left: 2.5rem;
}

.pay-pack-items .pay-pack .icons .bi-box {
	font-size: 4rem;
	-webkit-filter: drop-shadow(0 4px 0 #0f1216);
			filter: drop-shadow(0 4px 0 #0f1216);
}
.pay-pack-items .pay-pack:hover .icons .bi-box {
	-webkit-filter: drop-shadow(0 4px 0 #1f2227);
			filter: drop-shadow(0 4px 0 #1f2227);
}
.pay-pack-items .pay-pack .icons .bi-stars {
	position: absolute;
	top: 1.5rem;
	left: 0rem;
	font-size: 2rem;
}
.pay-pack-items-2 .pay-pack .bi:not(.bi-check) {
	margin-left: -1rem!important;
}
.pay-pack-items-2 .pay-pack .icons .bi-box {
	font-size: 5rem;
}
.pay-pack-items-2 .pay-pack .icons .bi-stars {
	top: 1.5rem;
	left: 0rem;
	font-size: 3rem;
}

.pay-pack-items-2 .pay-pack,
.pay-pack-items-2 .pay-pack:before,
.pay-pack-items-2 .pay-pack:after,
.pay-pack-items-2 .pay-pack .arrows:after,
.pay-pack-items-2 .pay-pack .arrows:before {
	border-color: #b39d57!important;
}

.pay-pack-bonus .pay-pack .icons {
	margin-top: -0.5rem!important;
}
.pay-pack-bonus .pay-pack .icons .bi {
	font-size: 3.5rem!important;
	margin-left: 0.5rem;
}


.pay-pack-select-type-text {
	color: #929292;
	font-size: 1.4rem;
}



.table-rank {
	text-align: center;
}
.table-rank img {
	
}
.table-rank > :not(caption) > * > *,
.table-striped > :not(caption) > * > * {
	background-color: transparent!important;
	color: #b3b3b3;
}
.table-rank > thead > * > *,
.table-striped > thead > * > * {
	color: #b3b3b3;
	vertical-align: middle !important;
}
.table-rank > thead > * > * {
	background-color: rgb(0 0 0 / 50%)!important;
	padding-top:    0.9rem;
	padding-bottom: 0.9rem;
}
.table-striped > thead > * > * {
	background-color: rgb(0 0 0 / 25%)!important;
}
.table-rank td,
.table-striped td {
	vertical-align: middle !important;
}
.table-rank > thead > *,
.table-striped > thead > * {
	border-bottom: none!important;
}
.table-rank > tbody > tr:nth-child(odd),
.table-striped > tbody > tr:nth-child(odd) {
	background-color: rgb(0 0 0 / 20%)!important;
}


.table-rank > tbody > tr:nth-child(1) > * {
	padding-top:    1.6rem;
	padding-bottom: 1.6rem;
}
.table-rank > tbody > tr:nth-child(2) > * {
	padding-top:    1.35rem;
	padding-bottom: 1.35rem;
}
.table-rank > tbody > tr:nth-child(3) > * {
	padding-top:    1.1rem;
	padding-bottom: 1.1rem;
}
.table-rank > tbody > tr:hover {
	background-color: rgb(255 255 255 / 3%)!important;
}

.table-rank > tbody > tr:nth-child(1) > * > .bi { color: #f4fe46; font-size: 1.5rem!important; }
.table-rank > tbody > tr:nth-child(2) > * > .bi { color: #b7cdd4; font-size: 1.25rem!important; }
.table-rank > tbody > tr:nth-child(3) > * > .bi { color: #b5793c; font-size: 1rem!important; }

.alertify .ajs-dialog,
.alertify .ajs-header,
.alertify .ajs-footer,
.alertify .ajs-body {
	background-color: var(--bs-body-bg)!important;
	color: #aeaeae!important;
	border-color: var(--bs-border-color)!important;
}
.alertify .ajs-body {
	color: #bebebe!important;
}



.list-group.list-group-pay-items {
	--bs-list-group-bg: transparent;
	--bs-list-group-disabled-bg: transparent;
}


#ticket_answers p {
	margin: 0!important;
	padding: 0!important;
}

.table-striped>tbody>tr.table-warning>*{
	--bs-table-striped-bg: #e6c6651f;
	background-color: #e6c6651f!important;
}