/* === GLOBAL === */
body
{
	background: #000000 url(images/bg.webp) fixed;
	background-size: cover;
	font-family: 'Kanit', sans-serif;
	font-weight: 500;
	color: #efefef;
	overflow-x: hidden;
}

a
{
	color: #efefef;
	text-decoration: none;
}

hr
{
	background-color: #6f6f6f;
	height: 1px;
	border: 0;
}

/* === HOME === */
.main
{	
	margin: 25vh auto;
    width: 743px;
}

@media screen and (max-width: 768px) {
	.main
	{
		margin: 10vh auto;
    	width: 743px;
	}
}

.window
{
	float: left;
	display: inline-table;
    width: 615px;
    padding: 11px;
	margin-bottom: 100px;
	border-radius: 3px;
    background: #000000a3;
	text-shadow: 1px 1px 5px #000000;
}

.back
{
	float: left;
	display: inline-table;
	text-align: center;
	font-size: 30px;
	width: 45px;
	height: 370px;
	line-height: 370px;
	margin-right: 3px;
	border-radius: 3px;
	opacity: 0.5;
}

.back:hover
{
	opacity: 0.8;
	background: linear-gradient(to bottom, #00000091 0%, #00000091 100%);
}

.next
{
	float: left;
	display: inline-table;
	text-align: center;
	font-size: 30px;
	width: 45px;
	height: 370px;
	line-height: 370px;
	margin-left: 3px;
	border-radius: 3px;
	opacity: 0.5;
}

.next:hover
{
	opacity: 0.8;
	background: linear-gradient(to bottom, #00000091 0%, #00000091 100%);
}

.footer
{
	display: block;
    position: fixed;
    bottom: 5px;
    left: 5px;
    font-family: system-ui;
    font-size: 14px;
    border-radius: 3px;
    padding: 2px 7px 2px 4px;
    background: #00000078;
    text-shadow: 0px 1px 3px #000000;
}

.googleTranslate
{
	bottom: 15px;
    transform: scale(1.25);
    right: 35px;
	padding: 5px;
	border: 1px solid #525252;
    display: block;
    position: fixed;
    font-family: system-ui;
    font-size: 14px;
    border-radius: 3px;
    background: #000000a1;
    text-shadow: 0px 1px 3px #000000;
}

.shake {
	animation: shake 3s ease-in-out;
  }

  @keyframes shake {
	0% { transform: translate(0, 0) rotate(0) scale(1.25); }
	10% { transform: translate(-5px, 0) rotate(-2deg) scale(1.25); }
	20% { transform: translate(5px, 0) rotate(2deg) scale(1.25); }
	30% { transform: translate(-5px, 0) rotate(-2deg) scale(1.25); }
	40% { transform: translate(5px, 0) rotate(2deg) scale(1.25); }
	50% { transform: translate(-5px, 0) rotate(-2deg) scale(1.25); }
	60% { transform: translate(5px, 0) rotate(2deg) scale(1.25); }
	70% { transform: translate(-5px, 0) rotate(-2deg) scale(1.25); }
	80% { transform: translate(5px, 0) rotate(2deg) scale(1.25); }
	90% { transform: translate(-5px, 0) rotate(-2deg) scale(1.25); }
	100% { transform: translate(0, 0) rotate(0) scale(1.25); }
  }

@media screen and (max-width: 600) {
	.footer
	{
		display: none;
	}
}

@media screen and (max-height: 300) {
	.footer
	{
		display: none;
	}
}

.window-title
{
    font-size: 20px;
    margin: -5px 0px -9px 0px;
}

.window-package
{
	background: #00000029;
    color: #b1b1b1;
    width: 458px;
    height: 148px;
    border: #6f6f6f 1px solid;
    display: block;
    float: left;
    margin-left: 5px;
	border-radius: 2px;
}

.window-pay
{
	color: #efefef;
	text-align: center;
	font-size: 18px;
	padding: 5px;
}

.window-pay-card
{
	font-family: 'Kanit', sans-serif;
	color: #efefef;
    text-decoration: underline;
    font-size: 14px;
	background: none;
    border: none;
    cursor: pointer; 
	padding: 0px;
	float: right;
    margin-right: 11px;
	margin-top: 1px;
}

.window-help-link
{
	font-family: 'Kanit', sans-serif;
	color: #efefef;
    text-decoration: underline;
    font-size: 14px;
	background: none;
    border: none;
    cursor: pointer; 
	padding: 0px;
	float: left;
    margin-left: 11px;
	margin-top: 1px;
}

.button-items
{
	float: left;
	padding: 10px;
	width: 285px;
	margin-top: 5px;
    background: #2f95c3;
	color: #efefef;
	text-align: center;
	border-radius: 2px;
}

.button-vehicles
{
	float: left;
	padding: 10px;
	width: 285px;
	margin-left: 5px;
	margin-top: 5px;
    background: #2f95c3;
	color: #efefef;
	text-align: center;
	border-radius: 2px;
}

.button-ranking
{
	float: left;
	padding: 10px;
	width: 285px;
	margin-top: 5px;
    background: #eca32f;
	color: #efefef;
	text-align: center;
	border-radius: 2px;
}

.button-unban
{
	float: left;
	padding: 10px;
	width: 285px;
	margin-left: 5px;
	margin-top: 5px;
    background: #eca32f;
	color: #efefef;
	text-align: center;
	border-radius: 2px;
}

.button-rules
{
	float: left;
	padding: 10px;
    width: 595px;
	margin-top: 10px;
    background: #6f6f6f59;
	color: #b1b1b1;
	text-align: center;
	border-radius: 2px;
}

.button-report
{
	float: left;
	padding: 10px;
    width: 595px;
	margin-top: 3px;
    background: #6f6f6f59;
	color: #b1b1b1;
	text-align: center;
	border-radius: 2px;
}

/* === BOX === */

.box
{
	float: left;
	width: 150px;
    height: 135px;
	color: #efefef;
	margin-right: 5px;
	text-align: center;
	padding-top: 15px;
	border-radius: 2px;
}

.box-premium
{
	float: left;
	width: 201px;
    height: 175px;
	color: #efefef;
	margin-right: 6px;
	text-align: center;
	padding-top: 15px;
	border-radius: 2px;
}

a:nth-child(4n) .box
{
	margin-right: 0px;
}

a:nth-child(1n+5) .box
{
	margin-top: 5px;
}

.box-title
{
	margin-top: 10px;
}

.box-title-small
{
	font-size: 12px;
	margin-top: -8px;
	text-shadow: 1px 1px 3px #00000075;
}

.box-title-home
{
	margin-top: 8px;
    font-size: 17px;
}

.box-title-small-home
{
	font-size: 13px;
    margin-top: -5px;
}

.box-item-name
{
	font-size: 25px;
	text-shadow: 1px 1px 3px #00000075;
}


/* === PREMIUM === */
.premium-content
{
	margin-top: 5px;
    background: #00000029;
    color: #d0d0d0;
    padding: 5px;
    border: #6f6f6f 1px solid;
    width: 603px;
    float: left;
	border-radius: 2px;
}

.table-premium
{
	width: 100%;
	text-align: center;
}

.table-premium-button
{
	float: left;
	padding: 10px;
	width: 277px;
	margin: 0px 0px 8px 5px;
    background: #eca32f;
	border: 1px solid #0c0c0c;
	color: #efefef;
	text-align: center;
	border-radius: 2px;
	font-size: 15px;
	cursor: pointer;
}

.table-premium-button:hover
{
    background: #4a4a4a !important;
	box-shadow: 0px 0px 20px 5px rgba(0, 24, 255, 1);
}

.table-premium td
{
	background: #00000040;
	text-align: center;
	height: 40px;
	border-radius: 2px;
	border: #0c0c0c 1px solid;
}

.table-premium td:nth-child(1)
{
	width: 60%;
	background: #00000040;
	text-align: center;
}

.table-premium td:nth-child(2)
{
	width: 10%;
	background: #00000040;
	text-align: center;
}

.table-premium td:nth-child(3)
{
	width: 10%;
	background: #00000040;
	text-align: center;
}

.table-premium td:nth-child(4)
{
	width: 10%;
	background: #00000040;
	text-align: center;
}

.table-premium td:nth-child(5)
{
	width: 10%;
	background: #00000040;
	text-align: center;
}

.table-premium-kits
{
	width: 100%;
	text-align: center;
}

.table-premium-kits img
{
	width: 192px;
    height: auto;
	padding: 1px;
    border: #000000 1px solid;
	margin-bottom: -7px;
	filter: saturate(1.1);
}

.extra img
{
	width: 192px;
    height: auto;
	padding: 1px;
    border: #000000 1px solid;
	margin-bottom: -7px;
	filter: saturate(1.3) contrast(1.1);
}

.table-premium-kits td
{
	background: #00000040;
	text-align: center;
	height: 40px;
	border-radius: 2px;
	border: #0c0c0c 1px solid;
	width: 33%;
    font-size: 14px;
}

.no-border:hover
{
	border: #0c0c0c 1px solid !important;
}

.table-premium-kits td:nth-child(1)
{
	color: #3078d2;
}

.table-premium-kits td:nth-child(2)
{
	color: #8946ff;
}

.table-premium-kits td:nth-child(3)
{
	color: #ff7600;
}

.table-premium-kits td:nth-child(1):hover
{
	cursor: pointer;
	border: #3078d2 1px solid;
	border-radius: 2px;
}

.table-premium-kits td:nth-child(2):hover
{
	cursor: pointer;
	border: #8946ff 1px solid;
	border-radius: 2px;
}

.table-premium-kits td:nth-child(3):hover
{
	cursor: pointer;
	border: #ff7600 1px solid;
	border-radius: 2px;
}

.kits-arena td
{
	color: #d0d0d0 !important;
}

.kits-arena td:hover
{
	cursor: pointer;
	border: #1bbb27 1px solid !important;
	border-radius: 2px;
}

/* === POINTS === */
.margin
{
	margin-top: 8px;
}

/* === ITEM LIST === */
.item-category
{
	float: left;
	width: 150px;
    height: 135px;
	color: #efefef;
	margin-right: 5px;
	text-align: center;
	padding-top: 15px;
	background-color: #ffffff;
}

a:nth-child(4n) .item-category
{
	margin-right: 0px;
}

a:nth-child(1n+5) .item-category
{
	margin-top: 5px;
}

.table-shop-info
{
	width: 593px;
    padding: 10px;
    border-radius: 2px;
    background: linear-gradient(to bottom, #2a2a2a 0%, #181818 100%);
    border: 2px solid #3c3c3c;
    margin-bottom: 3px;
    font-size: 18px;
    text-shadow: 2px 2px 1px #151515;
}

.table-shop-info-list
{
	font-family: 'Kanit', sans-serif;
    color: #efefef;
	border: 0px solid #0094ff;
    border-radius: 3px;
    background: #ffffff00;
	margin: -5px 0px -5px 0px;
	width: auto;
    text-align: center;
    font-size: 18px;
    text-shadow: 2px 2px 1px #151515;
	cursor: pointer;
	outline: none;
}

.table-shop-info-list option
{
    background: #3c3c3c;
}

.table-background
{
	float: left;
	width: 160px;
	padding: 3px;
    border-radius: 2px;
    background: #00000060;
}

.table-category
{
	width: 100%;
	float: left;
}

.table-category td
{
    width: 100%;
    height: 40px;
    border: 2px solid #3c3c3c;
    border-radius: 2px;
    text-align: center;
    background: linear-gradient(to bottom, #2a2a2a 0%, #181818 100%);
    font-size: 18px;
    text-shadow: 2px 2px 1px #151515;
}

.table-category a
{
	line-height: 40px;
    display: block;
}

.table-category td:hover
{
	background: linear-gradient(to bottom, #585858 0%, #505050 100%);
    border: 2px solid #808080;
}

.table-background-items
{
	float: left;
	width: 440px;
	padding: 3px;
	margin-left: 3px;
    border-radius: 2px;
	background: #00000060;
}

.table-category-items
{
	float: left;
	width: 100%;
	text-shadow: 1px 1px 1px #151515;
}

.table-category-items tr:first-child td
{
    background: #424240;
    height: 40px;
}

.table-category-items td
{
	height: 40px;
	background: #5d5d5dad;
    border: 1px solid #5d5d5d;
	border-radius: 2px;
	text-align: center;
}

.table-category-items img
{
	height: 60px;
    width: 120px;
	filter: drop-shadow(1px 1px 1px black) saturate(1.4);
}

.table-category-items td:nth-child(1)
{
	width: 25%;
	line-height: 0px;
}

.table-category-items td:nth-child(2)
{
	width: 55%;
}

.table-category-items td:nth-child(3)
{
	width: 10%;
}

.table-category-items td:nth-child(4)
{
	width: 10%;
}

/* === SHOP ITEM === */
.window-showitem
{
	background: #00000029;
    width: 100%;
    height: 100%;
    border: #6f6f6f 1px solid;
    display: block;
    float: left;
    margin-top: 5px;
    font-size: 18px;
}

.showitem-title
{
	font-size: 22px;
    text-align: center;
}

.shop-img
{
    float: left;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #00000029;
    border: #6f6f6f 1px solid;
}

.shop-img img
{
    width: 100%;
    height: 100%;
	filter: drop-shadow(1px 1px 1px black) saturate(1.4);
}

.shop-img-title
{
	position: relative;
    margin-top: -25px;
    font-size: 35px;
	text-shadow: 2px 2px 2px black;
}

.table-showitem
{
	width: 100%;
}

.table-showitem td
{
	background: #00000040;
    text-align: center;
	width: 50%;
	height: 40px;
}

.shop-buy-button
{
	cursor: pointer;
}

.shop-buy-amount
{
    font-family: 'Kanit', sans-serif;
    color: #efefef;
    border: 0px solid #0094ff;
    border-radius: 3px;
    background: #ffffff00;
    width: 36px;
	padding: 0px;
    text-align: center;
    font-size: 18px;
    text-shadow: 2px 2px 1px #151515;
    cursor: pointer;
	outline: none;
}

/* === MANAGER ACC === */

.table-manager-account
{
	width: 100%;
}

.table-manager-account td
{
	background: #00000040;
    text-align: center;
	width: 30%;
}

.table-manager-account td:first-child
{
	background: #00000040;
    text-align: center;
	width: 30%;
}

.manager-account-textbox
{
	color: #efefef;
	width: 90%;
    text-align: center;
    background: #232323;
	background: #10101073;
    border: 1px #5f5f5f solid;
    font-size: 16px;
    font-family: 'Kanit', sans-serif;
}

.manager-account-select
{
	color: #efefef;
	width: 91.5%;
    text-align: center;
    background: #232323;
	background: #10101073;
    border: 1px #5f5f5f solid;
    font-size: 16px;
    font-family: 'Kanit', sans-serif;
}

.manager-account-select option
{
    background: #252525;
}

.table-manager-account-info
{
	width: 100%;
}

.table-manager-account-info td
{
	background: #00000040;
    text-align: center;
	width: 66%;
}

.table-manager-account-info td:first-child
{
	background: #00000040;
    text-align: center;
	width: 33%;
}

.manager-account-textarea
{
	color: #efefef;
    background: #232323;
	background: #10101073;
    border: 1px #5f5f5f solid;
    font-size: 16px;
    font-family: 'Kanit', sans-serif;
	width: 99%;
    height: 200px;
    text-align: left;
}

/* === BANS === */

.table-banoffline
{
	width: 100%;
}

.table-banoffline td
{
	background: #00000040;
    text-align: center;
	width: 70%;
}

.table-banoffline td:first-child
{
	background: #00000040;
    text-align: center;
	width: 30%;
}

.banoffline-textbox
{
	color: #efefef;
	width: 90%;
    text-align: center;
    background: #232323;
	background: #10101073;
    border: 1px #5f5f5f solid;
    font-size: 16px;
    font-family: 'Kanit', sans-serif;
}

.banoffline-select
{
	color: #efefef;
	width: 91.5%;
    text-align: center;
    background: #232323;
	background: #10101073;
    border: 1px #5f5f5f solid;
    font-size: 16px;
    font-family: 'Kanit', sans-serif;
}

.banoffline-select option
{
    background: #252525;
}

.table-banlist
{
	width: 100%;
	text-align: center;
	font-size: 13px;
}

.table-banlist td
{
	background: #00000040;
	text-align: center;
	height: 33px;
}

.table-banlist tr:first-child td
{
    background: #4c4c4c;
	background: linear-gradient(to bottom, #464646 0%, #353535 100%);
	height: 40px;
    font-size: 15px;
}

.table-banlist td:nth-child(1)
{
	width: 40%;
	line-height: 0px;
}

.table-banlist td:nth-child(2)
{
	width: 15%;
}

.table-banlist td:nth-child(3)
{
	width: 12%;
}

.table-banlist td:nth-child(4)
{
	width: 13%;
}

/* === STATS === */

.table-stats
{
	width: 100%;
	text-align: center;
}

.table-stats td
{
	padding: 5px;
	border: 1px solid #000000;
    border-radius: 2px;
    background: #0000007a;
    font-size: 15px;
    text-shadow: 2px 2px 1px #151515;
}

.table-stats tr:first-child td
{
	height: 30px;
	border: 1px solid #000000;
    border-radius: 2px;
    background: #0000007a;
    font-size: 17px;
    text-shadow: 2px 2px 1px #151515;
}

.table-stats td:nth-child(1)
{
	width: 5%;
}

.table-stats td:nth-child(2)
{
	width: 50%;
}

.table-stats td:nth-child(3)
{
	width: 10%;
}

.table-stats td:nth-child(4)
{
	width: 10%;
}

.table-stats td:nth-child(5)
{
	width: 10%;
}

.table-stats td:nth-child(6)
{
	width: 10%;
}

.table-stats td:nth-child(7)
{
	width: 10%;
}

.table-stats td:nth-child(8)
{
	width: 10%;
}

@keyframes reveal {
    85%{
      letter-spacing: 1px;
    }
  }

.table-stats-history
{
	width: 100%;
	text-align: center;
}

.table-stats-history td
{
	padding: 5px;
	border: 1px solid #000000;
    border-radius: 2px;
    background: #0000007a;
    font-size: 15px;
    text-shadow: 2px 2px 1px #151515;
}

.table-stats-history tr:first-child td
{
	height: 30px;
	border: 1px solid #000000;
    border-radius: 2px;
    background: #0000007a;
    font-size: 17px;
    text-shadow: 2px 2px 1px #151515;
}

.table-stats-history td:nth-child(1)
{
	width: 40%;
}

.table-stats-history td:nth-child(2)
{
	width: 40%;
}

.table-stats-history td:nth-child(3)
{
	width: 20%;
}

/* === ACCOUNT === */
.account {
	
}

.account-avatar {
	float: left;
	width: 150px;
	height: 150px;
	background: #00000029;
    border: #6f6f6f 1px solid;
}

.account-avatar img {
	width: 150px;
	height: 150px;
}

.account-menu {
	float: left;
    margin-top: 5px;
	background: #00000029;
	border: #6f6f6f 1px solid;
    color: #b1b1b1;
    width: 150px;
    height: 243px;
}

.account-menu-button {
	width: 140px;
    margin: auto;
    margin-top: 5px;
    line-height: 40px;
    height: 40px;
    border: 2px solid #3c3c3c;
    border-radius: 2px;
    text-align: center;
    background: linear-gradient(to bottom, #2a2a2a 0%, #181818 100%);
    text-shadow: 2px 2px 1px #151515;
	border-radius: 2px;
}

.account-container {
	float: right;
    background: #00000029;
    border: #6f6f6f 1px solid;
    color: #d4d4d4;
    width: 436px;
    height: 380px;
    padding: 10px;
}

.account-textbox {
	width: 96%;
	border: none;
    font-family: 'Kanit', sans-serif;
    color: #efefef;
    padding: 5px;
    font-size: 14px;
    background: transparent;
}

.account-transfer-table {
  	width: 100%;
	border-spacing: 1px;
}

.account-transfer-td {
	display: table-cell;
	text-align: center;
	background: #56565694;
    border: 1px solid #6f6f6f;
}

.account-balance {
	text-align: center;
    background: #56565694;
    border: 1px solid #6f6f6f;
    font-size: 22px;
}

/* === HELP === */
.help-list {
    padding: 2px;
    color: #efefef;
	width: 100%;
    background: #6363634a;
    border: 1px #dddddd solid;
    border-radius: 3px;
    font-size: 16px;
    font-family: 'Kanit', sans-serif;
}

.help-content {
    margin-top: 5px;
    background: #00000029;
    color: #d0d0d0;
    font-size: 18px;
    padding: 5px;
    border: #6f6f6f 1px solid;
    width: 603px;
	min-height: 120px;
	border-radius: 2px;
}

/* === OTHERS === */
.sms-text
{
	color: #00ce09;
}

.textbox
{
	padding: 2px;
    color: #efefef;
    width: 421px;
	margin-top: 4px;
    text-align: center;
    background: #6363634a;
    border: 1px #dddddd solid;
	border-radius: 3px;
	font-size: 16px;
    font-family: 'Kanit', sans-serif;
}

.select
{
	padding: 2px;
    color: #efefef;
    width: 250px;
	margin-top: 4px;
    text-align: center;
    background: #6363634a;
    border: 1px #dddddd solid;
	border-radius: 3px;
	font-size: 16px;
    font-family: 'Kanit', sans-serif;
}

.select option
{
    background: #252525;
}

.button
{
	background: #36b739;
	color: #efefef;
    width: 186px;
    height: 31px;
	border: 0;
	border-radius: 5px;
    text-align: center;
    font-size: 14px;
    font-family: 'Kanit', sans-serif;
	cursor: pointer;
	line-height: 24px;
	box-shadow: 0 1px #000;
	text-shadow: 0px 0px 6px #000;
}

.button:active
{
	border: none;
    box-shadow: 0 1px #000;
    transform: translateY(2px);
}

.premium-sms-textbox
{
	padding: 2px;
    color: #efefef;
    width: 421px;
	margin-top: 4px;
    text-align: center;
    background: #6363634a;
    border: 1px #228ff9 solid;
	border-radius: 3px;
	font-size: 16px;
    font-family: 'Kanit', sans-serif;
}

.textbox::placeholder
{
    color: #efefef;
    opacity: 0.8;
}

.premium-sms-button
{
	border-style: solid;
	border-width: 0px;
	border-radius: 3px;
    cursor: pointer;
    margin: 3px 0px 0px 0px;
	padding: 3px 157px 3px 157px;
    text-align: center;
    background-color: #adc708;
    border-color: #829606;
	color: #efefef;
    width: 427px;
    font-size: 14px;
    font-family: 'Kanit', sans-serif;
	-webkit-animation-name: greenPulse;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes greenPulse {
  from { background-color: #228ff9; -webkit-box-shadow: 0 0 3px #228ff9; }
  50% { background-color: #228ff9; -webkit-box-shadow: 0 0 15px #228ff9; }
  to { background-color: #228ff9; -webkit-box-shadow: 0 0 3px #228ff9; }
}

/* === COLORS === */

.green
{
    background: #36b739;
}

.dark-green
{
    background: #1aa51d;
}

.blue
{
    background: #228ff9;
}

.dark-blue
{
    background: #007cf5;
}

.purple
{
    background: #b200d0;
}

.dark-purple
{
    background: #a000bb;
}

.red
{
    background: #dc2e2e;
}

.dark-red
{
    background: #bf0707;
}

.black
{
    background: #404040;
}

.orange
{
    background: #ef9f21;
}

.violet
{
    background: #8139ff;
}

.dark-cyan
{
    background: #02b9b9;
}

.dark-orange
{
    background: #ec7c2b;
}

.steelblue
{
    background: #4285bd;
}

.mythical
{
    background: #e23c2780 !important;
    border: 1px solid #e23c27 !important;
}

.legendary
{
    background: #b900e680 !important;
    border: 1px solid #b900e6 !important;
}

.epic
{
    background: #7a31f980 !important;
    border: 1px solid #7a31f9 !important;
}

.rare
{
    background: #2f6cf380 !important;
    border: 1px solid #2f6cf3 !important;
}

.uncommon
{
    background: #4caf5080 !important;
    border: 1px solid #4caf50 !important;
}

.common
{
    background: #42bbcc80 !important;
    border: 1px solid #42bbcc !important;
}

.p24
{
    background: #d3373f
}

.psc
{
    background: #0088c7;
}

.stripe
{
    background: #6860ff;
}
/* === MODAL === */
#modal
{
	position: fixed;
    top: 50%;
    left: 50%;
    margin: -150px 0px 0px -230px;
    background: linear-gradient(to bottom, rgb(53, 53, 53) 0%, rgb(27, 26, 26) 100%);
    display: block;
    width: 400px;
    text-align: center;
    padding: 30px;
    border-radius: 5px;
    box-shadow: 0 0 0 99999px rgba(0, 0, 0, 0.9);
	z-index: 999;	
}

.modal-close
{
    color: #dc0000;
    text-decoration: none;
    float: right;
    position: absolute;
    top: 5px;
    right: 8px;
	cursor: pointer;
}

#modal2
{
	position: relative;
	margin: 104px auto -11% auto;
    background: linear-gradient(to bottom, #00000091 0%, #00000091 100%);
    display: block;
    width: 577px;
    text-align: center;
    padding: 30px;
    border-radius: 5px;
    z-index: 999;	
}

.modal-close2
{
    color: #dc0000;
    text-decoration: none;
    float: right;
    position: absolute;
    top: 5px;
    right: 8px;
	cursor: pointer;
}

[data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}

[data-title]:after {
	content: attr(data-title);
    font-family: 'Kanit', sans-serif;
    font-weight: 500;
    position: absolute;
    line-height: 15px;
    font-size: 10px;
    bottom: 3em;
    left: 100%;
    padding: 4px 8px 4px 8px;
    color: #efefef;
    white-space: pre;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 10px #000000;
    -webkit-box-shadow: 0px 0px 10px #000000;
    box-shadow: 0px 0px 10px #000000;
    background-color: #4a4a4a;
    border: 1px solid #424242;
    opacity: 0;
    z-index: 99999;
    visibility: hidden;
}
[data-title] {
    position: relative;
}

/* === SCROLL BAR === */
::-webkit-scrollbar
{
    width: 8px;
	background-color: #333333;
}

::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.8);
	background-color: #F5F5F5;
}
 
::-webkit-scrollbar-thumb
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #333333;
	border-radius: 8px;
}

::-webkit-scrollbar-thumb:hover
{
	background-color: #333333;
}

/* === SHOP-POINTS === */
.bank-amount
{
	display: block;
	margin: auto;
	width: 50%;
	text-align: center;
	font-size: 20px;
	color: #343434;
	border: 2px solid #6f6f6f;
	border-radius: 10px;
	outline: none;
	padding: 3px;
	margin-top: 5px;
    margin-bottom: 10px;
    font-family: 'Kanit', sans-serif;
	font-weight: 600;
	appearance: none;
	-webkit-appearance: none;
}

.bank-amount::-webkit-outer-spin-button,
.bank-amount::-webkit-inner-spin-button
{
	appearance: none;
	-webkit-appearance: none;
}

.bank-amount:focus
{
	border-color: #36b739;
    box-shadow: 0 0 8px 0 #36b739;
}

.bank-amount-icon
{
	position: relative;
}

.bank-amount-icon-txt
{
	position: absolute;
    left: 70%;
	top: 0;
    padding: 7px 8px;
	font-size: 18px;
	color: #505050;
	text-shadow: 0 0 black;
}

.table-shop-points
{
	width: 100%;
	font-size: 18px;
}

.table-shop-points td
{
	background: #00000040;
    text-align: center;
	width: 70%;
	padding: 5px;
}

.table-shop-points td:first-child
{
	background: #00000040;
    text-align: center;
	width: 30%;
}

.table-shop-points-textbox
{
	color: #efefef;
	width: 90%;
    text-align: center;
    background: #232323;
	background: #10101073;
    border: 1px #5f5f5f solid;
    font-size: 17px;
	border-radius: 3px;
	padding: 3px;
    font-family: 'Kanit', sans-serif;
}

.table-shop-points-select
{
	color: #efefef;
	width: 91.5%;
    text-align: center;
    background: #232323;
	background: #10101073;
    border: 1px #5f5f5f solid;
    font-size: 16px;
    font-family: 'Kanit', sans-serif;
}

.table-shop-points-button
{
	color: #efefef;
	background: #36b739;
    width: 186px;
    height: 31px;
    border: 0;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    font-family: 'Kanit', sans-serif;
    cursor: pointer;
    line-height: 24px;
    box-shadow: 0 1px #000;
    text-shadow: 0px 0px 6px #000;
}

.table-shop-points-button:disabled
{
	color: #999999;
	background: gray;
}

.table-shop-points-button:active
{
	border: none;
    box-shadow: 0 1px #000;
    transform: translateY(2px);
}

.shop-points-sms
{
	text-align: center;
	font-size: 19px;
}

/* === AMINACJE === */
.dragon-glow {
  font-size: 80px;
  color: #fff;
  text-align: center;
  -webkit-animation: dragon-glow 4s ease-in-out infinite alternate;
  -moz-animation: dragon-glow 4s ease-in-out infinite alternate;
  animation: dragon-glow 4s ease-in-out infinite alternate;
}

@-webkit-keyframes dragon-glow {
  0%   {text-shadow: 0 0 1px #fff, 0 0 10px #fff, 0 0 20px #fff;}
  20%  {text-shadow: 0 0 1px #fff}
  50%  {text-shadow: 0 0 1px #fff}
  80% {text-shadow: 0 0 0px #fff0;}
  100% {text-shadow: 0 0 0px #fff0;}
}

.loading-glow {
  font-size: 80px;
  color: #fff;
  text-align: center;
  -webkit-animation: loading-glow 1s linear 1;
  -moz-animation: loading-glow 1s linear 1;
  animation: loading-glow 1s linear 1;
}

@-webkit-keyframes loading-glow {
  0%	{text-shadow: 1px 1px 8px #fff}
  20%	{text-shadow: 1px 1px 5px #fff}
  50%	{text-shadow: 1px 1px 3px #000;}
  80%	{text-shadow: 1px 1px 4px #000;}
  100%	{text-shadow: 1px 1px 5px #000;}
}