@charset "utf-8";
/* CSS Document */

body{
	background:#f0f3f4;	
}

form{
	vertical-align:middle;
}

input, textarea{
	width:100%;
	max-width:515px !important;
	display:inline-block;
	margin-bottom:10px;
	padding:15px;
	outline:none;
	border:solid 1px #E3E1E4;
	background:#fff;
	text-align:left;
	font-family: 'Lato', sans-serif;
	font-size:16px;
	font-weight:400;
	color:#1F1F1F;
	vertical-align:middle;
}

input:focus, textarea:focus{
	outline:none;
}

label{
	display:block;
	margin-bottom:2px;
	font-size:14px;
	font-weight:bold;	
}

.submitButton{
	display:inline-block;
	margin-top:-10px;
	padding:16px 16px;
	padding-bottom:17px;
	border:none;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	font-size:16px;
	font-weight:400;
	color:#fff;
	vertical-align:middle;
	
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;

	transition:.5s;
}

.submitButton:hover{
	border:none;
	color:#fff;
	text-decoration:none;
}

.submitButton:focus{
	outline:none;
}

.Bgreen{
	background:#6dbf60;
}

.Bgreen:hover{
	background:#78d75e;
}

table{
	margin:0;
	padding:0;
	border:none;
	border-spacing: 0; border-collapse: collapse;
}

td{
	text-align:left;
	vertical-align:middle;
}

#menu{
	width:100%;
	background-color: #3399db;
	padding:15px;
}

#menuContent{
	display:block;
	max-width:1200px !important;
	margin:0 auto;
	padding:0;
	padding-top:5px;
	vertical-align:middle;
}

#menu ul{
	display:inline-block;
	margin:0;
	padding:0;
	list-style:none;
	float:right;
}

#menu li{
	display:inline-block;
	margin:12px;
	padding:0;
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
	color:#FFF;
}

#menu a{
	color:#FFF;
	
	-o-transition:.4s;
	-ms-transition:.4s;
	-moz-transition:.4s;
	-webkit-transition:.4s;

	transition:.4s;
}

#menu a:hover{
	color:#DBDBDB;
}

#logo{
	vertical-align:middle;
}

#content{
	background:#FFF;
	position:relative;
	width:100%;
	max-width:900px;
	min-height:900px;
	margin:50px auto;
	padding:50px;
	text-align:left;
}

#content p{
	text-align:left;
	margin-top:20px;
}

#msgErr, #msgOk{
	width:100%;
	margin-bottom:20px;
	text-align:center;
	font-size:12px;
}

#msgErr span{
	padding:6px 12px;
	background-color:#EFCFD0;
	color:#B33032;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#msgOk span{
	padding:6px 12px;
	background-color:#D6F1D4;
	color:#24740C;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.box{
	width:100%;
	max-width:650px !important;
	margin:0 auto;

	text-align:left;
}

.boxBig{
	width:100%;
	max-width:1200px !important;
	margin:0 auto;

	text-align:left;
}


.boxContent{
	width:100%;
	height:100%;
	margin-bottom:20px;
	padding:20px;
	text-align:left;
	background:#FFF;
	color:#6B6B6B;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	-webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1);
}

#currency{
	display:inline-block;
	width:100%;
	max-width:100px;
	margin-top:-10px;
	margin-left:2px;
	padding:15px;
	outline:none;
	border:solid 1px #E3E1E4;
	background:#FFF;
	background:url(../img/select.png) #FFF no-repeat right;
	font-family: 'Lato', sans-serif;
	font-size:16px;
	font-weight:400;
	color:#1F1F1F;
	cursor:pointer;
	position:relative;
	vertical-align:middle;
}

#fall{
	position:absolute;
	left:-1px;
	top:50px;
	width:101px;
	height:0;
	padding:0;
	background:#FFF;
	text-align:left;
	overflow:hidden;
	
	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;

	transition:.2s;
	
	z-index:3;
}

#fall ul{
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	text-align:left;
}

#fall li{
	width:100%;
	margin:0;
	padding:8px;
	padding-left:15px;
	border-left:solid 1px #E3E1E4;
	border-right:solid 1px #E3E1E4;
}

#fall li:last-child{
	border-bottom:solid 1px #E3E1E4;
}

#fall li:hover{
	background:#AFE2FF;
}

#fall li.currencySelected{
	background:#AFE2FF;
}

h1{
	margin:10px 0;
	margin-bottom:40px;
	text-align:center;
	font-size:32px;
	font-weight:bold;
	color:#575757;
}

h2{
	margin:10px 0;
	margin-top:40px;
	text-align:center;
	font-size:32px;
	font-weight:bold;
	color:#575757;
}

#check{
	width:34px;
	height:16px;
	cursor:pointer;
}

#checkContainer{
	height:18px;
	position:relative;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	
	border:solid 2px #AFAFAF;
	background:#fff;
}

#checkBall{
	position:absolute;
	top:-1px;
	width:16px;
	height:16px;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
	background:#AFAFAF;
}

#checkContainer.on{
	border:solid 2px #6dbf60;	
}

#checkBall.on{
	right:-1px;
	background:#6dbf60;
}

#stats{
	margin-bottom:70px;
}

#stats table{
	width:100%;
}

.statTitle{
	width:100%;
}

.statTitle td{
	width:33%;
	padding-bottom:12px;
	text-align:center;
	font-size:20px;
	font-weight:bold;
}

.statSummary{
	vertical-align:middle;
	font-size:18px;
	font-weight:bold;
	color:#2F2F2F;
}

.totSales{
	text-align:center;
	font-size:32px;
}

#transactions{
	width:100%;
	font-size:14px;
}

#transactions td{
	padding:2px 1px;	
}

#transactions td.right{
	text-align:right;
	padding-right:15px;
}

#transactions td.center{
	text-align:center;
}

.salesTitle td{
	font-weight:bold;
	color:#2F2F2F;
	padding-bottom:15px;
}

.pointer-icon{
	max-height:16px;
	padding:0 5px;
	cursor:pointer;
	text-align:center;
	vertical-align:middle;
}

.resend-button{
	text-align:center;
	vertical-align:middle;
}

#lastBox{
	margin-top:-50px;
	margin-bottom:70px;
}

#lastBox .boxContent, #backBox .boxContent{
	width:100%;
	text-align:center;
}

#sourceField{
	position:relative;
	display:inline;
}

#source{
	/* padding-right:96px; */
	padding-right: 48px;	
}

.uploadButton{
	position:absolute;
	top:-8px;
	right:8px;
	width:36px;
	padding:4px;
	vertical-align:middle;
	background:#f5f9fb;
	border:solid 1px #48a3d2;
	font-size:14px;
	color:#008bd3;
	white-space:nowrap;
	text-align:center;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	cursor:pointer;
}
.uploadButton:hover{
	background:#ddedf5;
}
.uploadButton img{
	height:20px;
	width:auto;
	vertical-align:middle;
	text-align:center;
}
#dbUpload{
	/* right:48px; */
}
#gdUpload{
	display: none;
}


.uploadButton input {
    display: block !important;
    width: 45px !important;
    height: 45px !important;
	padding-left:50px;
    opacity: 0 !important;
    overflow: hidden !important;
	cursor:pointer;
}