*
{
	box-sizing: border-box;
	outline: none;
}
body
{
	background-color: #0a0c1d;
	font-weight: 300;
	font-size: 13px;
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
}
table
{
	border-collapse: collapse;
}
h2
{
	color: #f90;
	font-weight: 100;
	font-size: 15px;

}
h2 .fa
{
	float: right;
	font-size: 12px;
	margin: 3px 0 0 10px;
	color: #5cb85c;
}
.btn
{
	display: block;
	text-align: center;
	padding: 8px 0 6px;
	cursor: pointer;
	background-color: #287b28;
	color: #fff;
	font-size: 13px;
	border: 1px solid #2d7b2d;
	font-weight: 600;
	border-radius: 4px;
}
.btn:hover
{
	background-color: #449D44;
}
.btn.danger
{
	background-color: #c80000;
	border: 1px solid #b62b27;
}
.btn.primary
{
	background-color: #3c8dbc;
	border: 1px solid #367fa9;
}
.btn.danger:hover
{
	background-color: #C9302C;
}
.btn.purple
{
	background-color: #4b006c;
	border: 1px solid #380051;
}
.btn.navi
{
	background-color: #04018b;
	border: 1px solid #040172;
}
.btn.darkcrimson
{
	background-color: #730032;
	border: 1px solid #6f002f;
}
.preloader
{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -32px;
	width: 64px;
	height: 64px;
	background-image: url(images/preloader.gif);
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="date"],
input[type="time"],
textarea,
select
{
	width: 100%;
	font-family: sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 8px 0;
	position: relative;
	display: block;
	outline: none;
	border: 0;
	border-bottom: 1px solid #999;
	border-radius: 0;
	background: transparent;
	color: #000000;
	-webkit-appearance: none;
}
input[type="text"]:hover,
input[type="email"]:hover,
input[type="tel"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="date"]:hover,
input[type="time"]:hover,
textarea:hover,
select:hover
{
	border-bottom: 1px solid #666;
}
textarea
{
	height: 180px;
}
h1,
h2,
h3,
h4,
h5,
h6
{
	font-weight: 300;
	color: #333;
}
h1
{
	color: #fff;
	font-size: 36px;
}
h3
{
	font-weight: 400;
}
h4
{
	font-weight: 400;
	font-size: 20px;
}
.centered
{
	text-align: center;
}
a
{
	color: #fff;
	word-wrap: break-word;
	-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
	-moz-transition: color 0.1s ease-in, background 0.1s ease-in;
	-ms-transition: color 0.1s ease-in, background 0.1s ease-in;
	-o-transition: color 0.1s ease-in, background 0.1s ease-in;
	transition: color 0.1s ease-in, background 0.1s ease-in;
}
a:hover,
a:focus
{
	color: #7b7b7b;
	text-decoration: none;
	outline: 0;
}
a:before,
a:after
{
	-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
	-moz-transition: color 0.1s ease-in, background 0.1s ease-in;
	-ms-transition: color 0.1s ease-in, background 0.1s ease-in;
	-o-transition: color 0.1s ease-in, background 0.1s ease-in;
	transition: color 0.1s ease-in, background 0.1s ease-in;
}
hr
{
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
.navbar-default
{
	background-color: #0c2c41;
	border-color: transparent;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus
{
	color: #fafa07;
	background-color: transparent;
}
.navbar-default .navbar-brand
{
	color: white;
}
.navbar-default .navbar-nav>li>a
{
	color: white;
}
.mt
{
	margin-top: 40px;
}
.st
{
	margin-top: 5px;
}
.form-control
{
	height: 42px;
	font-size: 18px;
	width: 280px;
}
.spanlink
{
	font-size: 22px;
	text-decoration: underline;
}
#userLoginRegisterUpdate
{
	overflow: hidden;
	padding: 15px;
	font-size: 13px;
}
#userLoginRegisterUpdate .header
{
	overflow: hidden;
}
#userLoginRegisterUpdate .header .toggle
{
	width: 50%;
	float: left;
	text-align: center;
	padding: 15px 0;
	border-radius: 8px 8px 0 0;
	background-color: #fff;
	color: #000;
}
#userLoginRegisterUpdate .container
{
	padding: 15px;
	background-color: #fff;
	color: #000;
}
#userLoginRegisterUpdate form
{
	display: none;
}
#userLoginRegisterUpdate table
{
	width: 100%;
}
#userLoginRegisterUpdate table>tbody>tr>td
{
	padding-top: 12px;
}
#userLoginRegisterUpdate table>tbody>tr>td:first-child
{
	width: 1%;
	white-space: nowrap;
	padding-right: 5px;
}
#userLoginRegisterUpdate .btn
{
	margin-top: 15px;
}
#userLoginRegisterUpdate .container .submit.loading:before
{
	content: "Loading...";
}
#userLoginRegisterUpdate .container .danger
{
	display: none;
}
#userLoginRegisterUpdate.login .header .register
{
	color: inherit;
	background-color: inherit;
}
#userLoginRegisterUpdate.login .container
{
	border-radius: 8px 8px 8px 8px;
}
#userLoginRegisterUpdate.login form.login
{
	display: block;
}
#userLoginRegisterUpdate.login .submit:before
{
	content: "LOGIN";
}
#userLoginRegisterUpdate.register .header .login
{
	color: inherit;
	background-color: inherit;
}
#userLoginRegisterUpdate.register .container
{
	border-radius: 8px 8px 8px 8px;
}
#userLoginRegisterUpdate.register form.register
{
	display: block;
}
#userLoginRegisterUpdate.register .submit:before
{
	content: "REGISTER";
}
#userLoginRegisterUpdate.update .header
{
	display: none;
}
#userLoginRegisterUpdate.update .container
{
	border-radius: 8px;
}
#userLoginRegisterUpdate.update form.register
{
	display: block;
}
#userLoginRegisterUpdate.update .submit:before
{
	content: "UPDATE";
}
#userLoginRegisterUpdate.update .btns
{
	overflow: hidden;
}
#userLoginRegisterUpdate.update .btns .btn
{
	display: block;
	float: left;
	width: 100px;
	margin-right: 10px;
}
#userLoginRegisterUpdate table.mobile tr td
{
	padding: 0;
}
#userLoginRegisterUpdate table.mobile tr td:first-child
{
	width: 35px;
}
#userLoginRegisterUpdate table.mobile .cc
{
	position: absolute;
	width: 45px;
	margin-left: -15px;
	text-align: right;
	border-color: transparent;
}
#userLoginRegisterUpdate table.mobile select
{
	color: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
#userLoginRegisterUpdate .note
{
	margin: 15px 0 -6px;
	color: #f90;
}
#userLoginRegisterUpdate i
{
	font-style: normal;
	color: #f90;
}
#userLoginRegisterUpdate .bottom-link
{
	margin-top: 15px;
	display: block;
	color: #f90;
}
#profile
{
	padding: 0 15px 5px;
}
#profile .container
{
	background-color: #fff;
	color: #000;
	border-radius: 8px;
	padding: 15px;
	margin-top: 5px;
	overflow: hidden;
}
#profile .btns
{
	float: left;
	width: 115px;
}
#profile .btns .btn
{
	margin-top: 10px;
	text-align: left;
	padding-left: 32px;
}
#profile .btns .btn .fa
{
	position: absolute;
	font-size: 14px;
	margin: 0 -23px;
}
#profile .btns .btn .fa-arrow-circle-o-up
{
	font-size: 17px;
	margin: -1px -23px;
}
#profile .t1
{
	margin-top: 10px;
	color: #000;
}
#profile .t2
{
	color: #287b28;
	font-size: 23px;
	margin-top: 10px;
}
#profile .t3
{
	margin: 0 0 0 1px;
	color: #c80000;
	font-size: 23px;
}
#profile .profile table
{
	margin-top: 5px;
}
#profile .profile table td
{
	padding: 5px 10px 5px 0;
	vertical-align: top;
}
#profile .profile table td:first-child
{
	width: 1%;
	white-space: nowrap;
}
#profile .accounts table
{
	width: 100%;
}
#profile .accounts table td
{
	padding: 10px 10px 0 0;
}
#profile .accounts table tr:first-child td
{
	padding: 10px 10px 10px 0;
	border-bottom: 1px solid #ccc;
	font-weight: 700;
}
#profile .accounts img
{
	width: 100px;
}
#history
{
	padding: 0 15px 5px;
}
#history .container
{
	background-color: #fff;
	color: #000;
	border-radius: 8px;
	margin-top: 5px;
	overflow: hidden;
}
#history h2
{
	margin-top: 15px;
}
#history .legends
{
	overflow: hidden;
	margin-top: 15px;
}
#history table
{
	width: 100%;
	margin-top: 10px;
	line-height: 1.5;
	/*table-layout: fixed;*/
}
#history table>tbody>tr>td
{
	padding: 8px;
	vertical-align: top;
	border: 1px solid #ccc;
}
#history table>tbody>tr:first-child>td
{
	font-weight: 700;
}
#history table>tbody>tr>td:last-child
{
	width: 90px;
}
#history .remarks
{
	margin-top: 5px;
	line-height: 1.3;
}
#history .legends .status
{
	margin-right: 13px;
	float: left;
}
#history .status
{
	font-style: normal;
	font-size: 11px;
	display: block;
	white-space: nowrap;
	line-height: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
}
#history .status:before
{
	content: "";
	width: 11px;
	height: 11px;
	border-radius: 11px;
	margin-right: 5px;
	display: block;
	float: left;
}
#history .status.Request:before
{
	background-color: #f90;
}
#history .status.Complete:before
{
	background-color: #393;
}
#history .status.Reject:before
{
	background-color: #f00;
}
#history .status.Refund:before
{
	background-color: #d601e0;
}
#history .btn
{
	margin: 10px 0 15px;
}
#deposit
{
	padding: 0 15px;
}
#deposit .container
{
	background-color: #fff;
	color: #000;
	border-radius: 8px;
	padding: 15px;
	overflow: hidden;
}
#deposit .title
{
	margin-top: 10px;
	font-weight: 700;
}
#deposit .banks td
{
	padding: 2px 10px 0 0;
}
#deposit .banks img
{
	width: 100px;
}
#deposit .banks .account-number
{
	background-color: #f90;
	color: #fff;
	display: block;
	padding: 3px 10px 2px;
	border-radius: 3px;
	margin-top: 3px;
}
#deposit .banks .account-number .fa
{
	margin-left: 5px;
}
/*#deposit li {
margin: 6px 0 0 18px;
}*/
#deposit .form
{
	width: 100%;
}
#deposit .form>tbody>tr>td
{
	padding: 10px 0 0 0;
}
#deposit .form>tbody>tr>td:first-child
{
	padding: 10px 8px 0 0;
	width: 1%;
	white-space: nowrap;
}
#deposit .form .datetime td
{
	padding-left: 5px;
	min-width: 25px;
}
#deposit .form .datetime td:first-child
{
	padding: 0;
}
#deposit .form label
{
	margin-right: 10px;
}
#deposit .btns
{
	overflow: hidden;
}
#deposit .btns .btn
{
	width: 100px;
	float: left;
	margin: 15px 10px 0 0;
}
#withdraw
{
	padding: 15px;
}
#withdraw .container
{
	background-color: #fff;
	color: #000;
	border-radius: 8px;
	padding: 15px;
	overflow: hidden;
}
#withdraw .title
{
	margin-top: 10px;
	font-weight: 700;
}
#withdraw li
{
	margin: 6px 0 0 18px;
}
#withdraw .form
{
	width: 100%;
}
#withdraw .form>tbody>tr>td
{
	padding: 10px 0 0 0;
}
#withdraw .form>tbody>tr>td:first-child
{
	padding: 10px 8px 0 0;
	width: 1%;
	white-space: nowrap;
}
#withdraw .btns
{
	overflow: hidden;
}
#withdraw .btns .btn
{
	width: 100px;
	float: left;
	margin: 15px 10px 0 0;
}
#transfer
{
	padding: 15px
}
#transfer .container
{
	background-color: #fff;
	color: #000;
	border-radius: 8px;
	padding: 15px;
	overflow: hidden;
}
#transfer .title
{
	margin-top: 10px;
	font-weight: 700;
}
#transfer li
{
	margin: 6px 0 0 18px;
}
#transfer .form
{
	width: 100%;
}
#transfer .form>tbody>tr>td
{
	padding: 10px 0 0 0;
}
#transfer .form>tbody>tr>td:first-child
{
	padding: 10px 8px 0 0;
	width: 1%;
	white-space: nowrap;
}
#transfer .btns
{
	overflow: hidden
}
#transfer .btns .btn
{
	width: 100px;
	float: left;
}
.h2a
{
	color: #f90;
	font-weight: 100;
	font-size: 15px;
	font-weight: bold;
}
.h2a .fa
{
	float: right;
	font-size: 12px;
	margin: 3px 0 0 10px;
	color: #287b28;
	font-weight: bold;
}
.tdbox
{
	width: 33%;
	height: 12px;
	padding: 1px;
	padding-left: 1px;
	padding-right: 1px;
	border: #999999 1px solid;
	text-align: center;
	font-size: 11px;
}
input::-webkit-input-placeholder
{
	/* WebKit browsers */
	color: #8c8c8c;
}
input:-moz-placeholder
{
	/* Mozilla Firefox 4 to 18 */
	color: #8C8C8C;
}
input::-moz-placeholder
{
	/* Mozilla Firefox 19+ */
	color: #8C8C8C;
}
input:-ms-input-placeholder
{
	/* Internet Explorer 10+ */
	color: #8C8C8C;
}

.btn_matches
{
	background-color: #f1f0ef;
	border: initial;
	color: #2d00ff;
}

.csTable
{
	border: 1px solid black;
}
.csTable td
{
	padding: 5px;
	text-align: center;
	border: 1px solid black;
}
.csTable input
{
	border: inherit;
	border-radius: 5px;
	text-align: center;
}
.csTable span
{
	color: blue;
	font-weight: bold;
}

.csTable1
{

}
.csTable1 td
{
	padding: 5px;
	text-align: center;
}
.csTable1 input
{
	border: 1px solid black;
	border-radius: 5px;
	text-align: center;
}
.csTable1 .btn
{
	padding: 5px;
}

#bethistory
{
	background-color: #fff;
	color: #000;
	font-size: 12px;
	text-transform: uppercase;
	overflow: hidden;
}
#bethistory h2
{
	margin-top: 15px;
}
#bethistory table
{
	width: 100%;
	margin-top: 10px;
	line-height: 1.5;
}
#bethistory table>tbody>tr>td
{
	padding: 2px;
	vertical-align: top;
	border: 1px solid #ccc;
}
#bethistory table>tbody>tr:first-child>td
{
	font-weight: 700;
}
#bethistory table>tbody>tr>td:last-child
{
	width: 90px;
}
#bethistory .btn
{
	margin: 10px 0 15px;
}
.detailbtab
{
	width: 80%;
	margin-top: 5px;
	margin-bottom: 5px;
	border-collapse: separate;
	border-style: solid;
	border-width: 1px;
}
.detailbtab td
{
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: #dedede;
}
.boldblack
{
	color: black;
	font-weight: bold;
}
.boldblue
{
	color: blue;
	font-weight: bold;
}
.boldred
{
	color: red;
	font-weight: bold;
}
#hdctable td
{
	font-weight: bold;
}
#hdctable input
{
	text-align: center;
	font-weight: bold;
}
#deposit
{
	padding: 0 15px 15px;
}
#deposit .container
{
	background-color: #fff;
	color: #000;
	border-radius: 8px;
	padding: 15px;
	overflow: hidden;
}

#deposit .rborder
{
	color: black;
	border-radius: 8px;
	padding: 8px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#deposit .bmargin
{
	margin-bottom: 10px;
}

#deposit .fontsizeup
{
	font-size: xx-large;
}
#deposit .container h4
{
	color: black;
	line-height: 1.6;
}
.afittext
{
	font-weight: bold;
}
@media (min-width: 724px)
{
	.afittext
	{
		font-size: 16px;
	}
}

@media (max-width: 623px)
{
	.afittext
	{
		font-size: 14px;
	}
}

@media (max-width: 400px)
{
	.afittext
	{
		font-size: 10px;
	}
}

@media (max-width: 310px)
{
	.afittext
	{
		font-size: 8px;
	}
}

#headerwrap
{
	padding-top: 50px;
	background-attachment: relative;
	background-position: center center;
	min-height: 650px;
	width: 100%;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#headerwrap h1
{
	margin-top: 10px;
	margin-bottom: 15px;
	color: white;
	font-size: 45px;
	font-weight: 300;
	letter-spacing: 1px;
}

#myaccountwrap
{
	padding-top: 70px;
	background-attachment: relative;
	background-position: center center;
	min-height: 650px;
	width: 100%;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.fitimage
{
	max-width: 80px;
	width: 60%;
}
.btn1
{
	display: unset;
	padding: 8px 12px;
}
.merchant-item {
	text-align: center;
	height: 100px;
	position: relative;
}
.merchant-item img {
	max-width: 80%;
	max-height: 80%;
	width: auto;
	height: auto;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}