@font-face {
	font-family: Prompt-Light;
	src: url('../font/Prompt-Light.ttf');
}

@font-face {
   font-family: Prompt-Medium;
   src: url('../font/Prompt-Medium.ttf');
}

@font-face {
   font-family: Prompt-Regular;
   src: url('../font/Prompt-Regular.ttf');
}

.img-responsive {
	/* width:100%; */
}

.font-weight-lighter {
   font-family: Prompt-Light !important;
   font-weight: normal !important
}

.font-weight-normal {
   font-family: Prompt-Medium !important;
   font-weight: normal !important;
}

.font-weight-bold {
   font-family: Prompt-Regular !important;
   font-weight: normal !important;
}

.font-bold {
   font-weight: bold !important;
}

.btn-danger {
   background: #d9534e;
   font-family: Prompt-Medium;
   font-size: 1em;
   font-weight: bold;
   padding:3px 3px;
}

.btn-success {
   background: #3ed78d;
   font-family: Prompt-Medium;
   font-size: 1em;
   font-weight: bolder;
   padding:3px 3px;
}

.btn-secondary {
	background: #18202D;
}

.text-gold {
	color:#ffea77;
}

.text-gray {
	color:#B5B5B5;
}

body {
	background: #101622;
   background-attachment: fixed;
   font-family: Prompt-Medium;
   font-size: 1em;
}

header .sidebar-right img {
	max-width: 33px;
}

body > div.sidebar-right {
	background: #1D1D1D;
	/*background: -moz-linear-gradient(-45deg, rgba(86,100,135,1) 0%, rgba(43,40,67,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(86,100,135,1)), color-stop(100%, rgba(43,40,67,1)));
	background: -webkit-linear-gradient(-45deg, rgba(86,100,135,1) 0%, rgba(43,40,67,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(86,100,135,1) 0%, rgba(43,40,67,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(86,100,135,1) 0%, rgba(43,40,67,1) 100%);
	background: linear-gradient(135deg, rgba(86,100,135,1) 0%, rgba(43,40,67,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#566487', endColorstr='#2b2843', GradientType=1 );*/

	/*border-bottom-left-radius: 85px;*/
	/*box-shadow: 0px 0px 12px 10px rgba(0,0,0,0.4);*/
	padding-top:0px !important;
	z-index:999;
}

body > div.sidebar-right ul li {
	display:flex;
}

body > div.sidebar-right ul li div {
	display:flex;
	justify-content: flex-start;
	align-content: center;
}

body > div.sidebar-right ul li img {
	max-width: 25px;
}

body > div.sidebar-right ul li div label {
	font-size:1em;
	padding:2px 0px;
}

body > div.sidebar-right ul li div.sidebar-icon-home {
	background: url('../img/sidebar_home_gray.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li a:hover > div > div.sidebar-icon-home ,
body > div.sidebar-right ul li a:active > div > div.sidebar-icon-home ,
body > div.sidebar-right ul li a:focus > div > div.sidebar-icon-home {
	background: url('../img/sidebar_home_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}
body > div.sidebar-right ul li a.active > div > div.sidebar-icon-home {
	background: url('../img/sidebar_home_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li a:hover ,
body > div.sidebar-right ul li a:hover ,
body > div.sidebar-right ul li a:hover {
	background: linear-gradient(to bottom,#1D1D1D 0%,#0F0F0F 100%);;
}

body > div.sidebar-right ul li a {
   padding: 0.2em 0px;
}

body > div.sidebar-right ul li a.active {
	background: linear-gradient(to bottom,#1D1D1D 0%,#0F0F0F 100%);
}

body > div.sidebar-right ul li a.active > div > label {
	background: -webkit-linear-gradient(#ceaa44 0%,#f0df8e 50%,#e7d17b 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

body > div.sidebar-right ul li a:hover > div > label ,
body > div.sidebar-right ul li a:active > div > label ,
body > div.sidebar-right ul li a:focus > div > label  {
	color:gold;
}

body > div.sidebar-right ul li div.sidebar-icon-deposit {
	background: url('../img/sidebar_deposit_gray.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li a:hover > div > div.sidebar-icon-deposit ,
body > div.sidebar-right ul li a:active > div > div.sidebar-icon-deposit ,
body > div.sidebar-right ul li a:focus > div > div.sidebar-icon-deposit {
	background: url('../img/sidebar_deposit_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}
body > div.sidebar-right ul li a.active > div > div.sidebar-icon-deposit {
	background: url('../img/sidebar_deposit_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}


body > div.sidebar-right ul li div.sidebar-icon-withdraw {
	background: url('../img/sidebar_withdraw_gray.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li a:hover > div > div.sidebar-icon-withdraw ,
body > div.sidebar-right ul li a:active > div > div.sidebar-icon-withdraw ,
body > div.sidebar-right ul li a:focus > div > div.sidebar-icon-withdraw {
	background: url('../img/sidebar_withdraw_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}
body > div.sidebar-right ul li a.active > div > div.sidebar-icon-withdraw {
	background: url('../img/sidebar_withdraw_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li div.sidebar-icon-history {
	background: url('../img/sidebar_history_gray.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li a:hover > div > div.sidebar-icon-history ,
body > div.sidebar-right ul li a:active > div > div.sidebar-icon-history ,
body > div.sidebar-right ul li a:focus > div > div.sidebar-icon-history {
	background: url('../img/sidebar_history_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}
body > div.sidebar-right ul li a.active > div > div.sidebar-icon-history {
	background: url('../img/sidebar_history_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li div.sidebar-icon-treasure-link {
	background: url('../img/sidebar_treasure_link_gray.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li a:hover > div > div.sidebar-icon-treasure-link ,
body > div.sidebar-right ul li a:active > div > div.sidebar-icon-treasure-link ,
body > div.sidebar-right ul li a:focus > div > div.sidebar-icon-treasure-link {
	background: url('../img/sidebar_treasure_link_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}
body > div.sidebar-right ul li a.active > div > div.sidebar-icon-treasure-link {
	background: url('../img/sidebar_treasure_link_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li div.sidebar-icon-sport {
	background: url('../img/sidebar_sport_gray.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li a:hover > div > div.sidebar-icon-sport ,
body > div.sidebar-right ul li a:active > div > div.sidebar-icon-sport ,
body > div.sidebar-right ul li a:focus > div > div.sidebar-icon-sport {
	background: url('../img/sidebar_sport_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}
body > div.sidebar-right ul li a.active > div > div.sidebar-icon-sport {
	background: url('../img/sidebar_sport_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li div.sidebar-icon-casino {
	background: url('../img/sidebar_casino_gray.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li a:hover > div > div.sidebar-icon-casino ,
body > div.sidebar-right ul li a:active > div > div.sidebar-icon-casino ,
body > div.sidebar-right ul li a:focus > div > div.sidebar-icon-casino {
	background: url('../img/sidebar_casino_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}
body > div.sidebar-right ul li a.active > div > div.sidebar-icon-casino {
	background: url('../img/sidebar_casino_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li div.sidebar-icon-slot {
	background: url('../img/sidebar_slot_gray.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li a:hover > div > div.sidebar-icon-slot ,
body > div.sidebar-right ul li a:active > div > div.sidebar-icon-slot ,
body > div.sidebar-right ul li a:focus > div > div.sidebar-icon-slot {
	background: url('../img/sidebar_slot_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}
body > div.sidebar-right ul li a.active > div > div.sidebar-icon-slot {
	background: url('../img/sidebar_slot_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li div.sidebar-icon-cards {
	background: url('../img/sidebar_cards_gray.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li a:hover > div > div.sidebar-icon-cards ,
body > div.sidebar-right ul li a:active > div > div.sidebar-icon-cards ,
body > div.sidebar-right ul li a:focus > div > div.sidebar-icon-cards {
	background: url('../img/sidebar_cards_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}
body > div.sidebar-right ul li a.active > div > div.sidebar-icon-cards {
	background: url('../img/sidebar_cards_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li div.sidebar-icon-lotte {
	background: url('../img/sidebar_lotte_gray.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li a:hover > div > div.sidebar-icon-lotte ,
body > div.sidebar-right ul li a:active > div > div.sidebar-icon-lotte ,
body > div.sidebar-right ul li a:focus > div > div.sidebar-icon-lotte {
	background: url('../img/sidebar_lotte_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}
body > div.sidebar-right ul li a.active > div > div.sidebar-icon-lotte {
	background: url('../img/sidebar_lotte_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li div.sidebar-icon-account {
	background: url('../img/sidebar_account_gray.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li a:hover > div > div.sidebar-icon-account ,
body > div.sidebar-right ul li a:active > div > div.sidebar-icon-account ,
body > div.sidebar-right ul li a:focus > div > div.sidebar-icon-account {
	background: url('../img/sidebar_account_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}
body > div.sidebar-right ul li a.active > div > div.sidebar-icon-account {
	background: url('../img/sidebar_account_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li div.sidebar-icon-chgpass {
	background: url('../img/sidebar_chgpass_gray.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li a:hover > div > div.sidebar-icon-chgpass ,
body > div.sidebar-right ul li a:active > div > div.sidebar-icon-chgpass ,
body > div.sidebar-right ul li a:focus > div > div.sidebar-icon-chgpass {
	background: url('../img/sidebar_chgpass_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}
body > div.sidebar-right ul li a.active > div > div.sidebar-icon-chgpass {
	background: url('../img/sidebar_chgpass_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li div.sidebar-icon-logout {
	background: url('../img/sidebar_logout_gray.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

body > div.sidebar-right ul li a:hover > div > div.sidebar-icon-logout ,
body > div.sidebar-right ul li a:active > div > div.sidebar-icon-logout ,
body > div.sidebar-right ul li a:focus > div > div.sidebar-icon-logout {
	background: url('../img/sidebar_logout_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}
body > div.sidebar-right ul li a.active > div > div.sidebar-icon-logout {
	background: url('../img/sidebar_logout_gold.png') no-repeat;
	background-size: contain;
	background-position: right;
	width: 100%;
}

.header-nav-logo {
	max-width:160px;
}

.header-nav-icon {
	max-width:30px;
}

.header-nav-icon img {
	max-width:23px;
}

.header-nav-icon label {
	font-size: 0.7em;
   line-height: 1.1em;
   font-weight: bold;
}

.text-golden {
  background: -webkit-linear-gradient(#f5eaba,#D0AE53);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

footer.navbar-fixed {
	position: fixed;
	bottom:0;
	left:0;
   z-index: 9;
   border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

footer > .nav-footer {
	/* background: linear-gradient(to top,#131926 0%,#1C2743 100%);*/
	/*border-top-left-radius: 20px;*/
	/*border-top-right-radius: 20px;*/
}

footer ul.nav-bottom-bar li a {
	display:flex;
	flex-direction: column;
   justify-content: space-around;
	/*justify-content: flex-end;*/
	align-items: center;
	height: 100%;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
   /*padding: 0.3em 0.3em !important;*/
}

footer ul.nav-bottom-bar li a img {
	max-width: 31px;
   height: 31px;
}

footer ul.nav-bottom-bar li:nth-child(3) a:first-child {

	/*background: rgba(86,100,135,1);
	background: -moz-linear-gradient(-45deg, rgba(86,100,135,1) 0%, rgba(43,40,67,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(86,100,135,1)), color-stop(100%, rgba(43,40,67,1)));
	background: -webkit-linear-gradient(-45deg, rgba(86,100,135,1) 0%, rgba(43,40,67,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(86,100,135,1) 0%, rgba(43,40,67,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(86,100,135,1) 0%, rgba(43,40,67,1) 100%);
	background: linear-gradient(135deg, rgba(86,100,135,1) 0%, rgba(43,40,67,1) 100%);
	filter: progid:DXImag*/eTransform.Microsoft.gradient( startColorstr='#566487', endColorstr='#2b2843', GradientType=1 );

	/*border-radius: 50%;*/
   width: 70px;
   height: 70px;
	position: relative;
	top:-15px;
	padding: 15px 0px !important;
	max-width:77px;
	margin:0 auto;
	/*box-shadow: 0px 2px 9px 1px rgba(0,0,0,0.4);*/
	/*border:3px solid #999da9;*/
}

footer ul.nav-bottom-bar li:nth-child(3) a.logo-modifiled:first-child {
	background:transparent;
	box-shadow: unset;
}

footer ul.nav-bottom-bar li:nth-child(3) a:first-child img {
   max-width: 38px;
   width: 38px;
   height: auto;
}

footer ul.nav-bottom-bar li:nth-child(3) a.logo-modifiled:first-child img {
	max-width: 65px;
   width: 65px;
}

footer ul.nav-bottom-bar li:nth-child(3) a:second-child img {
   opacity: 0;
}

footer ul.nav-bottom-bar li a label {
	font-size: 0.93em;
	color:white;
	margin-bottom: 0px;
   white-space: nowrap;
   font-weight: 900;
}

.text-black {
   color:black !important;
}

.full-width {
   width:100%;
}

.full-height {
   height:100%;
}

.box-shadow-unset {
   box-shadow: unset;
}

.font-2-0 {
   font-size: 2.0em !important;
}

.font-1-9 {
   font-size: 1.9em !important;
}

.font-1-8 {
   font-size: 1.8em !important;
}

.font-1-7 {
   font-size: 1.7em !important;
}

.font-1-6 {
   font-size: 1.6em !important;
}

.font-1-5 {
   font-size: 1.5em !important;
}

.font-1-4 {
   font-size: 1.4em !important;
}

.font-1-3 {
   font-size: 1.3em !important;
}

.font-1-2 {
   font-size: 1.2em !important;
}

.font-1-1 {
   font-size: 1.1em !important;
}

.font-1-0 {
   font-size: 1em !important;
}

.font-0-9 {
   font-size: 0.9em !important;
}

.font-0-8 {
   font-size: 0.8em !important;
}

.font-0-7 {
   font-size: 0.7em !important;
}

.font-0-6 {
   font-size: 0.6em !important;
}

.font-0-5 {
   font-size: 0.5em !important;
}

.line-height-1-5 {
   line-height: 1.5em !important;
}

.line-height-1-4 {
   line-height: 1.4em !important;
}

.line-height-1-3 {
   line-height: 1.3em !important;
}

.line-height-1-2 {
   line-height: 1.2em !important;
}

.line-height-1-1 {
   line-height: 1.1em !important;
}

.line-height-1-0 {
   line-height: 1.0em !important;
}

.line-height-0-9 {
   line-height: 0.9em !important;
}

.line-height-0-8 {
   line-height: 0.8em !important;
}

.line-height-0-7 {
   line-height: 0.7em !important;
}

.line-height-0-6 {
   line-height: 0.6em !important;
}

.line-height-0-5 {
   line-height: 0.5em !important;
}

.font-inherit {
   font-family: Prompt-Medium;
}

.text-shadow {
   text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
}

@media ( min-width: 321px ) {
	.header-nav-logo {
		max-width: 200px;
	}
}

.bd-b-gold {
	border-bottom:3px solid #ffdd79;
}

.round-50 {
	border-radius: 50px;
}