* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin:0;
  padding:0;
}

body {
	color: #eee;
	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,#fade2,body
{
background-color: #4888ab;
}

#sitefade
{
  box-shadow: 0 0 32px 32px #4888ab inset;
} */

h1,h2,h3,h4,h5
{
    text-align:center;
    margin: 15px;
    text-shadow: 2px 2px 3px #000, 0 0 4px #000;
    color:#fff;
}

h1
{
    font-size: 32px;
    margin-bottom: 20px;
    margin-top: 10px;
    text-shadow: 2px 2px 3px #000, 0 0 4px #000;
}

input {color:#000;}

body,#sitefade
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.upper {text-transform: uppercase;}
.lower {text-transform: lowercase;}
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,#sitefade
{
	display: block;
	background: none repeat scroll 0% 0% #000;
	background:none;
	position: relative;
	cursor: auto;
	text-align:left;
	z-index: auto !important;
	min-width: 330px !important;
  position: fixed;
  left: 5%;
  right: 5%;
  top: 0;
  bottom: 8.1vh;;
  overflow: hidden;
  padding: 30px 70px;
  font-size: 130%;
}
a:active, a:hover {
    outline: 0;
}

.btn {
font-family:"Open Sans", Arial, sans-serif !important;
font-weight:900;
text-shadow: 2px 2px 3px #000, 0 0 4px  #000;
display:inline-block;
cursor:pointer;
cursor: pointer;
background: #777;
color: #ddd !important;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 2px;
padding: 0.9vh 0;
font-size: 2.6vh;
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: 1px solid #000;
    box-shadow: 2px 2px 6px #000;
    border-radius: 9px;

	}
#accept
{

}

#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,.back
{
  padding: 0.52rem 2.1875rem;

}
.back
{
  z-index: 150;
  padding:0.52rem 2.1875rem 0.52rem  0;
}
#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: #880;}

.btn.red {background-color: #a40;}
.btn.blue {background-color: #06c;}
.btn.green {background-color: #0a3;}

.btn.more {background-color:#454;}

.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 {
background: #eec;
text-align: center;
font-size: 16px;
font-weight: 700;
font-family: Verdana,sans-serif !important;
padding: 7px !important;
width: 100%;
background: rgb(222, 222, 167);
color: #000;
outline: none;
border: 1px solid #000;
border-radius: 9px;
height: 3.14em;
border: 1px solid #000;
    box-shadow: 2px 2px 6px #000;
}



.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

table,.btn
{
	width:100%;
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_info
{
	color: #f21;

}

#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;
}



#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;
}


.camer_container
{
 position: relative;
    width: 480px;
    height: 320px;
}

#camera_video
{
    width: 480px;
	height: 320px;
}

.videoframe
{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

background-size: 100% 100%;
}

#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;
}


.tar{ text-align:right !important;}
.tac{ text-align:center !important;}
.tal{ text-align:left !important;}

@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.5.0');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.field-icon {
  float: right;
margin-left: -70px;

margin-top: 15px;
position: relative;
z-index: 2;
color: #000;
margin-right: 38px;
font-size: 16px;

}

.fa-eye::before {
    content: "\f06e";
}
.fa-eye-slash::before {
    content: "\f070";
}

.fa-fw {
    width: 1.28571429em;
    text-align: center;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 22px;

    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

#report_page1 .setbox.solo
{
  background-color: none !important;
}



#report_page1 .setbox.solo .setbox.solo
{
  padding: 8px 16px;
font-family: "Open Sans", Arial, sans-serif !important;
font-weight: 900;
text-shadow: 2px 2px 3px #000, 0 0 4px #000;
padding: 4px 16px;
/* display: inline-block; */
cursor: pointer;
background: #1c3133;
color: #ddd !important;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 2px;
padding: 0.6rem 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: 1px solid #000;
box-shadow: 2px 2px 6px #000;
border-radius: 9px;
}

#report_page1 .setbox.solo .setbox.solo.raportTOP
{
  border-radius:  9px 9px 0 0;
}

#report_page1 .setbox.solo .setbox.solo.raportBOT
{
    border-radius: 0 0 9px 9px;
}

.mincur
{
  font-size:80%;
}

 input.err,select.err, input.err:hover,select.err:hover, input.err:focus,select.err:focus,
 input.err:active,select.err:active
 {
	background: #f66;
    border: 1px solid #f00;
    box-shadow: 0px 0px 6px #f00;
 }

.fix,
.fix10,
.fix20,
.fix30,
.fix40,
.fix50,
.fix60,
.fix70,
.fix80,
.fix90,
.fix100,
.fix110,
.fix120,
.fix130,
.fix140,
.fix150,
.fix160,
.fix166,
.fix200,
.fix250,
.fix300{display: inline-block;margin: 0px;overflow:hidden;box-shadow: 0 0 black;}
input.fix40,input.fix100,input.fix120,input.fix200,input.fix300{text-align:right}
.fix10{width: 10px !important;}
.fix20{width: 20px !important;}
.fix30{width: 30px !important;}
.fix40{width: 40px !important;}
.fix50{width: 50px !important;}
.fix60{width: 60px !important;}
.fix70{width: 70px !important;}
.fix80{width: 80px !important;}
.fix90{width: 90px !important;}
.fix100{width: 100px !important;}
.fix110{width: 110px !important;}
.fix120{width: 120px !important;}
.fix130{width: 130px !important;}
.fix140{width: 140px !important;}
.fix150{width: 150px !important;}
.fix160{width: 160px !important;}
.fix166{width: 166px !important;}
.fix200{width: 200px !important;}
.fix250{width: 250px !important;}
.fix300{width: 300px !important;}
