@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

body{
	margin: 0 auto;
	padding: 0 auto;
	background: #0c0d12;
	color:#fff;
	font-family: 'Lato';
	font-size: 0.9rem;
}

h1, h2, h3, h4, h5, h6{
	margin:0px;
	padding:0px;
}

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

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


table{
	width: 100%;
	font-size: 13px;
	font-family: 'Lato';
	border-collapse: collapse;
}

.yellow {
	color: #ffc000;
}

.clearfix{
	clear: both;
}

.wrapper{
	width:790px;
	margin: 0 auto;
	padding: 0 auto;
    background: #14161f;
}

.container{
	position: relative;
}

/* Tab */
.content-menu .tab-pane{
	display:none;
}

.content-menu .tab-pane.active{
	display:block;
}

.header{
	
	background: #333749;
	background: -moz-linear-gradient(top,  #333749 0%, #222533 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333749), color-stop(100%,#222533)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #333749 0%,#222533 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #333749 0%,#222533 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #333749 0%,#222533 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #333749 0%,#222533 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333749', endColorstr='#222533',GradientType=0 ); /* IE6-9 */
	height: 80px;
    position: fixed;
    z-index: 999;
    width: 790px;
}

.header .icon{
	background: #54405c;
	padding: 12px 35px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
}

.header .title{
	margin-left: 145px;
    padding: 22px 0px;
}

.header .title h1{
	text-transform: uppercase;
    font-size: 30px;
    color: #d7d7d9;
    float: left;
    font-weight: 300;
}

.header .title h4{
	color: #aa9222;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 13px;
    float: right;
    padding-top: 18px;
	padding-right: 20px;
}


.sidebar-menu{
	width: 200px;
    background: #1b1e29;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}

.sidebar-menu ul{
	position:fixed;
	width: 200px;
	top: 115px;
	padding-top: 15px;
}

.sidebar-menu li{
	background: #1b1e29;
	
}

.sidebar-menu li a{
    display: block;
	padding: 15px 10px 15px 20px;
	color: #9250ad;
	border-bottom: 1px solid #272c3e;
	font-size:14px;
}

.sidebar-menu li a.active, .sidebar-menu li:hover{
	background: #313547;
	border-right: solid 5px #6a2686;
	
}

.sidebar-menu li a.active:hover{
	border-right: transparent;
}

#accordion{position:fixed; top:100px;}
#accordion h4{
	display: block;
	padding: 0px 67px 15px 10px;
	color: #a7a8aa;
	border-bottom: 1px solid #272c3e;
	font-size:14px;
	font-weight: bold;
}
.accordion-toggle {cursor: pointer;}
.accordion-content {display: none;}
.accordion-content.default {display: block;}

#accordion2{position:fixed; top:300px;}
#accordion2 h4{
	display: block;
	padding: 0px 67px 15px 10px;
	color: #a7a8aa;
	border-bottom: 1px solid #272c3e;
	font-size:14px;
	font-weight: bold;
}
.accordion2-toggle {cursor: pointer;}
.accordion2-content {display: none;}
.accordion2-content ul {top: 320px;}
.accordion2-content.default {display: block;}

#accordion3{position:fixed; top:500px;}
#accordion3 h4{
	display: block;
	padding: 0px 67px 15px 10px;
	color: #a7a8aa;
	border-bottom: 1px solid #272c3e;
	font-size:14px;
	font-weight: bold;
}
.accordion3-toggle {cursor: pointer;}
.accordion3-content {display: none;}
.accordion3-content ul {top: 520px;}
.accordion3-content.default {display: block;}

.content-menu{
	padding: 25px;
    border-left: 1px solid #272c3e;
	margin-left: 200px;
	padding-top: 105px;
	min-height: 650px;
}

.content-menu h1.title, .content-menu2 h1.title, .content-menu2 h1{
	text-transform: uppercase;
	padding-bottom: 5px;
    margin-bottom: 20px;
	border-bottom: 1px solid #272c3e;
	font-size: 25px;
	font-weight: 400;
	color: #f8f8f8;
}


.content-menu .txt{
	color:#9d9d9e;
	line-height: 25px;
}

.content-menu .txt img{
	max-width:100%;
}

.content-menu .txt h1, .content-menu .txt h2, .content-menu .txt h3,
.content-menu .txt h4, .content-menu .txt h5, .content-menu .txt h6{
	color: #aa9222;
	font-weight:400;
}

.content-menu2{
	padding:15px;
	padding-top: 105px;
	padding-bottom: 25px;
}

input{
	border-radius: 3px;
	border: 1px solid #000;
	background: #2d3141;
	padding: 8px 10px;
	width:95%;
	color: #fff;
}

input:focus, select:focus{
	border: 1px solid #6a2686;
	outline: 1px solid #6a2686;
	background: #242734;
	box-shadow:         inset 0 0 5px #000000;
	-moz-box-shadow:    inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
   
}

input.frm-small{
	width:30%;
}

input[type=radio]{
	width: auto;
	cursor: pointer;
}

.info-form{
	color: #aa9222;
	font-size:12px;
	padding-bottom: 15px;
}

select{
	border-radius: 3px;
	border: 1px solid #000;
	background: #2d3141;
	padding: 8px 10px;
	width:20%;
	color: #fff;
}

.transfer-to{
	border-radius: 3px;
	border: 1px solid #000;
	background: #2d3141;
	padding: 8px 10px;
	width:95%;
}

.transfer-to img, .choose-avatar img{
	vertical-align:middle !important;
}

.transfer-to-txt{
	vertical-align:top !important;
}

input[type=submit].btn-1{
	
	background: #72f551;
	background: -moz-linear-gradient(top,  #72f551 0%, #6ae44a 30%, #4ebc33 38%, #46a62e 71%, #299b1d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#72f551), color-stop(30%,#6ae44a), color-stop(38%,#4ebc33), color-stop(71%,#46a62e), color-stop(100%,#299b1d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #72f551 0%, #6ae44a 30%, #4ebc33 38%, #46a62e 71%, #299b1d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #72f551 0%, #6ae44a 30%, #4ebc33 38%, #46a62e 71%, #299b1d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #72f551 0%, #6ae44a 30%, #4ebc33 38%, #46a62e 71%, #299b1d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #72f551 0%, #6ae44a 30%, #4ebc33 38%, #46a62e 71%, #299b1d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72f551', endColorstr='#299b1d',GradientType=0 ); /* IE6-9 */
	
	color: #000;
	font-weight:bold;
	width: auto;
	padding: 5px 30px;
	text-transform: uppercase;
	font-weight:bold;
	border:none;
	box-shadow:         3px 3px 2px #000000;
	-moz-box-shadow:    3px 3px 2px #000000;
    -webkit-box-shadow: 3px 3px 2px #000000;
	cursor: pointer;
}

input[type=submit].btn-2{
	
	background: #8b8b8c;
	background: -moz-linear-gradient(top,  #8b8b8c 0%, #7f7f7f 31%, #666669 38%, #504f4f 84%, #606162 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8b8b8c), color-stop(31%,#7f7f7f), color-stop(38%,#666669), color-stop(84%,#504f4f), color-stop(100%,#606162)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8b8b8c 0%, #7f7f7f 31%, #666669 38%, #504f4f 84%, #606162 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #8b8b8c 0%, #7f7f7f 31%, #666669 38%, #504f4f 84%, #606162 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8b8b8c 0%, #7f7f7f 31%, #666669 38%, #504f4f 84%, #606162 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #8b8b8c 0%, #7f7f7f 31%, #66666938%, #504f4f 84%, #606162 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b8b8c', endColorstr='#606162',GradientType=0 ); /* IE6-9 */
	
	color: #000;
	font-weight:bold;
	padding: 5px 15px;
	width: auto;
	border-radius:2px;
	box-shadow:none;
	text-transform: capitalize;
	cursor: pointer;
	
}

input[type=submit].btn-3{
	background: #03b8cc;
	background: -moz-linear-gradient(top,  #03b8cc 0%, #0997a7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#03b8cc), color-stop(100%,#0997a7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #03b8cc 0%, #0997a7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #03b8cc 0%, #0997a7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #03b8cc 0%, #0997a7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #03b8cc 0%, #0997a7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03b8cc', endColorstr='#0997a7',GradientType=0 ); /* IE6-9 */
	
	color: #000000;
	font-weight:bold;	
	width: auto;
	margin: 15px 0px;
	padding: 10px 25px;
	border-radius:4px;
	text-transform: uppercase;
	cursor: pointer;
	
}

input[type=submit]:focus{
	border: none;
	outline: none;
}

input[type=submit]:hover{
	opacity: 0.85;
}



.line-border{
	border-top: 1px solid #272c3e;
	margin: 30px 0px;
}


.avatar-edit{
	padding: 5px 0px 30px;
    border-bottom: 1px solid #272c3e;
    margin-bottom: 30px;
}

.avatar-image {
	float:left;
	margin-right: 10px;
}

.button-avatar{
	float:left;
	margin-top: 15px;
}

.button-avatar input[value=Upload]{
	margin-right: 10px;
}

.note-avatar{
	margin-top: 76px;
	color: #bf9b0b;
	font-size: 12px;
}

.choose-avatar ul li{
	display:inline-table;
	margin-right: 15px;
    margin-bottom: 25px;
}

.choose-avatar ul li img{
	border-radius:3px;
	border: 2px solid transparent;
}

.choose-avatar ul li > input[type=radio]{
	width:15px;
	height: 15px;
}

.choose-avatar ul li:hover img{
	border-radius:3px;
	border: 2px #7f5291 solid;
}


.transaction{
	float: left;
    width: 634px;
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid #272c3e;
}

.txt-idplayer{
	color: #a552c6;
}

.sidebar-right{
	float: left;
    width: 85px;
	color: #d5d6d6;
	font-size:15px;
	line-height:20px;
}

.txt-coin{
	color:#f5cc09;
	font-style: italic;
}

.transaction-detail{
	margin-top:25px;
}

.card-detail{
	margin-top: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: 1px solid #272c3e;
}




/* TABLE */

.content-menu table td, .content-menu2 table td{
	padding: 8px 3px;
    vertical-align: middle;
}

.content-menu table td:first-child{
	color: #01bfd3;
	font-weight: 500;
}

.content-menu table img{
	vertical-align: bottom;
    margin-right: 10px;
}

table.jackpot-win tr th, .content-menu2 table tr th, .history-dp-wd table tr th{
	background:#40455c;
	padding: 8px 3px;
	border-right: 1px solid #1c1e2a;
	

}

table.jackpot-win tr th:last-child{
	border-right: none;
}


table.jackpot-win tr td, .content-menu2 table td, .history-dp-wd table td{
	text-align:center;
	color:#d4d4d4;
}

table.jackpot-win tr td:first-child{
	color: #d4d4d4;
}

table.jackpot-win tr td:nth-child(3){
	color: #15c6db;
}

table.jackpot-win tr td:nth-child(4){
	color: #f5ca02;
}



table.jackpot-win tr:nth-child(even), .content-menu2 table tr:nth-child(even), .history-dp-wd table tr:nth-child(even){
	background:#1f2023;
	
}

table.jackpot-win tr:nth-child(odd), .content-menu2 table tr:nth-child(odd), .history-dp-wd table tr:nth-child(odd){
	background:#3b3b3c;
	
}

.history-dp-wd table td:first-child{
	color: #e8ecec !important
}

.transaction table tr td:nth-child(2),
.transaction table tr td:nth-child(3),
.transaction table tr td:nth-child(4),
.transaction-detail table tr td:nth-child(7),
.transaction-detail table tr td:nth-child(9),
.transaction-detail table tr td:nth-child(10),
.transaction-detail table tr td:nth-child(11),
.history-dp-wd table tr td:nth-child(2){
	color: #f5ca02;
}

.transaction a{
	color: #f5ca02;
}

.transaction a:hover, .transaction table td:last-child.active a{
	color: #fff;
}

.transaction table tr td:first-child{
	text-align:left;
	padding: 0px 10px;
}


.transaction table tr.total td{
	padding-top:13px;
	padding-bottom:13px;
	font-size:14px;
}

.transaction table tr.total td:first-child{
	font-weight:bold;
}

.transaction table tr.total{
	background: #14161f;
	border-bottom: 1px solid #272c3e;
}

.transaction table td:hover, .transaction table td:last-child.active{
	background: #044d55;
	color: #e8ecec !important;
}

.transaction-detail table tr:hover, .transaction-detail table tr.active{
	background: #044d55;
}

.transaction-detail .txt-red a{
	color:#d42528;
}

.transaction-detail .txt-green a, .history-dp-wd table tr td:nth-child(3){
	color:#17af45;
}

.leadertb {
	text-align: center;
	font-weight: bold;
}

.leaderno {
	color: #9d9d9e !important;
	font-weight: bold !important;
	position: relative;
    width: 72px;
}

.leadertb thead tr td {
	color: #9d9d9e!important;
}

.leadertb thead tr:nth-child(2) td {
	border-right: 1px solid #14161f;
	font-weight: 700;
}

.leadertb tbody tr:nth-child(odd) {
	background-color: #1f2023;
}

.leadertb tbody tr:nth-child(even) {
	background-color: #3b3b3c;
}

.leadertb tbody tr:nth-child(1) {
	background-color: #ffc000 !important;
	color: #000 !important;
}

.leadertb tbody tr:nth-child(1) .leaderno {
	color: #000 !important;
}

.leadertb tbody tr:nth-child(2) .leaderno,
.leadertb tbody tr:nth-child(3) .leaderno {
	color: #ffc000 !important;
}

.progress {
	width: 100%;
	float: left;
	background-color: #d1d2d4;
	border-radius: 5px;
}

.progress-bar {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	float: left;
    width: 0;
    height: 25px;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
    margin-top: -25px;
}

.progress-span {
	display: block;
    color: #000;
    font-weight: bold;
}

.crown {
	position: absolute;
    left: 9px;
    top: 11px;
}

.htp, .inf, .rul {
	display: none;
}

.htp a, .inf a, .rul a{
	font-size: 11px !important;
	color: #1fa5b3 !important;
	padding-left: 25px !important;
}

.trn{
	display: block;
	padding: 15px 10px 15px 20px;
	color: #1fa5b3;
	border-bottom: 1px solid #272c3e;
	font-size:14px;
	cursor: pointer;
}
.notification{
	float: left;
	width: 100%;
}

.notification tr:first-child{
	width: 20px;
}
.notification td:first-child{
	width: 20px;
}

@media only screen and (max-width: 768px) {
   .sidebar-menu ul{
	position: absolute;
	}
	.container {
    position: absolute;
}
}