* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin:0;
  padding:0;
}

body {
	color: #fff;
	margin: 0px auto;
	font-size:   16px;
	font-family: Arial,"Arial Unicode MS",Helvetica,Sans-Serif;
	font-weight: normal;
	font-style:  normal;
	text-align:  justify;
	margin: 0px;
	padding: 0px;
}

#fade,body
{
background: #222;
}

h1
{
    font-size: 32px;
    margin-bottom: 20px;
    margin-top: 60px;
    text-shadow: 2px 2px 3px #000, 0 0 4px #000;



}

input {color:#000;}
div.simplebtn {padding:4px 16px;margin:2px;background-color:#444;display:inline-block;cursor:pointer;border-radius:3px;font-size:15px;}
div.simplebtn:hover {background-color:#974;}

#site
{
	width: 92%;
	display: block;
	background: none repeat scroll 0% 0% #000;
	background:none;
	margin: 30px auto;
	position: relative;
	cursor: auto;
	text-align:center;
	z-index: auto !important;
	min-width: 325px !important;
	max-width:1000px;
}

a:active, a:hover {
    outline: 0;
}

.btn {
padding:8px 16px;
font-family:sans-serif !important;
font-weight:600;

padding:4px 16px;
display:inline-block;
cursor:pointer;
cursor: pointer;
background: #4bc970;
color: #FFF !important;
text-transform: uppercase;
text-decoration: none;
padding: 0.8rem 0;
font-size: 14px;
line-height: 1.5;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
border-radius: 4px;
border:none;


	}
#menu_bar
{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 42px;
  background-color: #111;
  border-bottom: 1px solid #000;
  box-shadow: 0 1px 17px #000;
  z-index: 99;
}
#menu_bar .btn
{
  padding: 0.52rem 2.1875rem;

}

#lobby_field .btn
{
  padding: 1.5rem 0;
  font-size: 16px;
  margin: 10px 0;
  min-width: 250px;
}

.btn:hover {

  filter: brightness(1.3) saturate(1.5);
}

.btn  {background-color: #0a3;}

.btn.red {background-color: #b71b1b;}
.btn.blue {background-color: #06c;}
.btn.green {background-color: #0a3;}
.btn.yellow {background-color: #caa32e;}
.btn.gray {background-color: #2b4764;}
.btn.more {background-color:#454;}
.btn.gray2 {background-color: #555}

.btn.back {background-color:#555;}

.btn.yesno
{
  width: 100%;
	margin:10px;
  margin-bottom: 8px;
	max-width:250px;
	padding:15px 0;
}

#acc_field
.btn.yesno
{
max-width:260px;
margin: 8px 4px 8px;
padding: 3px 0;
}
.box
{
background-color: #0004;
margin: -10px 5px 0;
padding: 9px;
border-radius: 0 0 13px 13px;
}

input,select {
-webkit-appearance:none;
padding-left:10px;
background: #444;
background-color: #444;
text-align: center;
font-size: 16px;
font-weight: 700;
font-family: Verdana,sans-serif !important;
padding: 7px !important;
width:98%;
color: #DDD;
box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
outline: 0;

border-radius: 5px;
/*height: 3.14em;*/
height: 2.8em;
border:none;
}
table,.btn
{
	width:98%;
margin-bottom:8px;
}

label{
margin-bottom: 1px;
display: inline-block;
box-sizing: inherit;
font-size:13px;
}


.icon_scan{
width:54px;
height:54px;
cursor:pointer;
}



#error_field_info,#message_field_info
{
display:box;
}

#error_field_info,
#message_field_info
{
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	color: #f21;
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000d;
    padding: 63px 10px;
    /* width: 100%; */
	font-size:28px;
	opacity:1;
	text-shadow:1px 1px 4px #000,1px 1px 9px #000,1px 1px 19px #000;
}
#error_field_info:empty,
#message_field_info:empty
{
	opacity:0;
	display:none;
}

#message_field_info
{
color: #9Fa;
}
#logout_button{
	position: fixed;
    left: 0;
    top: 0;
	width:auto;
	background-color:#3d502b;
    background-color: #222;
    border-radius: 0 0 16px 0;

}


#deposit_client_login_back,#withdraw_button_back,#deposit_button_back,.back
{
	/* margin-top:40px; */
	border-color:#000;
}


#scan_window
{
    top: 0px;
    width: 100%;
    background: #000;
    position: fixed;
    padding: 31px;
    bottom: 0;
    left: 0;
    right: 0;
}

video
{
	border-radius: 13px;
    max-width: 360px;
    width: 96%;
    box-shadow: 0 0 10px #333 inset,0 0 10px #333 ;
}

#sourceSelect
{

	font-size: 10px;
    background: #000;
    color: #aaa;
    width: 100%;
}


#deposit_field_info_yes_no,#withdraw_field_info_yes_no
{
	font-size: 128%;
    margin-bottom: 20px;
    display: block;
	color:#ddd;
}

#deposit_field_info_yes_no b,
#withdraw_field_info_yes_no b
{

	font-size: 138%;
	color:#fff;
}
#log_page1 div.btn{

  text-transform: None;
  font-size: 12px
}
#log_page1 span{

  margin:  3px 7px;
}

#log_page1 span.time{
    width: 210px;
    display: inline-block;
    text-align: center;
    float:left;
}
#log_page1 span.name{
    width: 140px;
    display: inline-block;
    text-align: center;
}
#log_page1 span.val{
    width: 135px;
    display: inline-block;
    text-align: right;
    float:right;
}