@font-face {
    font-family: 'open_sansregular';
    src: url('/web-dev/fonts/opensans-regular-webfont.eot');
    src: url('/web-dev/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/web-dev/fonts/opensans-regular-webfont.woff') format('woff'),
         url('/web-dev/fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('/web-dev/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansitalic';
    src: url('/web-dev/fonts/opensans-italic-webfont.eot');
    src: url('/web-dev/fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/web-dev/fonts/opensans-italic-webfont.woff') format('woff'),
         url('/web-dev/fonts/opensans-italic-webfont.ttf') format('truetype'),
         url('/web-dev/fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('/web-dev/fonts/opensans-bold-webfont.eot');
    src: url('/web-dev/fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/web-dev/fonts/opensans-bold-webfont.woff') format('woff'),
         url('/web-dev/fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('/web-dev/fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansextrabold';
    src: url('/web-dev/fonts/opensans-extrabold-webfont.eot');
    src: url('/web-dev/fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/web-dev/fonts/opensans-extrabold-webfont.woff') format('woff'),
         url('/web-dev/fonts/opensans-extrabold-webfont.ttf') format('truetype'),
         url('/web-dev/fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('/web-dev/fonts/opensans-light-webfont.eot');
    src: url('/web-dev/fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/web-dev/fonts/opensans-light-webfont.woff') format('woff'),
         url('/web-dev/fonts/opensans-light-webfont.ttf') format('truetype'),
         url('/web-dev/fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('/web-dev/fonts/opensans-semibold-webfont.eot');
    src: url('/web-dev/fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/web-dev/fonts/opensans-semibold-webfont.woff') format('woff'),
         url('/web-dev/fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('/web-dev/fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
	margin:0 0 15px 0;
	font-family: 'open_sansregular';
	font-size:14px;
	background:#ededed;
	color:#a0a0a0;
}

h1 {
	color: #fff;
    font-size: 20px;
}

h2 {
    color: #fff;
    font-size: 20px;
}

.header {
	background:url(/web-dev/images/header-bg.jpg) center top no-repeat #5190cd;
    color: #fff;
    font-family: 'Oswald',sans-serif;
    font-size: 15px;
    height: 60px;
    position: fixed;
    vertical-align: middle;
    width: 100%;
    z-index: 800;
	top: 0;
	-webkit-box-shadow: 0px 5px 14px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 5px 14px 0px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 5px 14px 0px rgba(50, 50, 50, 0.3);
}
.settings {
    width:50px;
	height:inherit;
	float: right;
    margin: 0;
    padding: 0;
    z-index: 830;
	background: url("/web-dev/images/settings.png") no-repeat scroll center center transparent;
	background-image: url("/web-dev/images/settings.svg"), none;
	background-repeat:no-repeat;
	background-size: 20px 20px;
}
.back{
	padding:0;
	float:left;
	height: inherit;
	width:50px;
	background: url("/web-dev/images/arrow.png") no-repeat scroll center center transparent;
	background-image: url("/web-dev/images/arrow.svg"), none;
	background-repeat:no-repeat;
	background-size: 13px 20px;
}
.logo {
	width: 120px;
	height:inherit;
	float: none;
    margin: 0 auto;
	background:url("/web-dev/images/bizavend.png") center center no-repeat ;
  	background-image: url("/web-dev/images/bizavend.svg"), none;
	background-repeat:no-repeat;
	background-size: 120px 23px;
}

.instructionArea{
	display: table-cell;
	width:300px;
	height:50px;
	text-align:center;
	vertical-align: bottom;
	padding:0 0 20px;
	font-size:14px;
}

.instructionArea a{
	color:#a0a0a0;
	text-decoration:none;
}

form {
	margin: 90px auto 0;
	padding:0;
    /*padding: 90px 0 0;*/
    text-align: left;
    width: 300px;
}

label {
    float: left;
    margin: 10px 0 2px;
    width: 100%;
	display:none;
	font-family: 'open_sanssemibold';
}

input {
    background: none repeat scroll 0 0 #FFF;
	font-family: 'open_sanssemibold';
    font-size: 15px;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    box-sizing: border-box;
    color: #191919;
    height: 45px;
    margin: 5px 0 0;
    width: 100%;
	/*line-height:30px;*/
}

input::-webkit-input-placeholder {color: #D1D1D1;}/* WebKit browsers */
input:-moz-placeholder {color: #D1D1D1; opacity:  1;}/* Mozilla Firefox 4 to 18 */
input::-moz-placeholder {color: #D1D1D1; opacity:  1;}/* Mozilla Firefox 19+ */
input:-ms-input-placeholder {color: #D1D1D1;}/* Internet Explorer 10+ */

input#email{
	padding-left:42px;
	background:url(/web-dev/images/icon-email.png) no-repeat scroll 0 0 #FFF;
	background-image: url("/web-dev/images/icon-email.svg"), none;
	background-repeat:no-repeat;
	background-size: 45px 45px;
}
input#password, input#confirmpassword, input#password-confirm, input#password-new{
	padding-left:42px;
	background:url(/web-dev/images/icon-password.png) no-repeat scroll 0 0 #FFF;
	background-image: url("/web-dev/images/icon-password.svg"), none;
	background-repeat:no-repeat;
	background-size: 45px 45px;
}
input#mobile{
	padding-left:42px;
	background: url(/web-dev/images/icon-mobile.png) no-repeat scroll 0 0 #FFF;
	background-image: url("/web-dev/images/icon-mobile.svg"), none;
	background-repeat:no-repeat;
	background-size: 45px 45px;
}
input#otp{
	padding-left:42px;
	background: url(/web-dev/images/icon-sms.png) no-repeat scroll 0 0 #FFF;
	background-image: url("/web-dev/images/icon-sms.svg"), none;
	background-repeat:no-repeat;
	background-size: 45px 45px;
}

select {
}

input[type="checkbox"] {
    height: 20px;
    margin: 0 5px 0 0;
    width: 20px;
}

textarea {
    font-family: inherit;
}

.requiredField {
    color: #c00;
}

.button{
    background: #5190cd;
    border-radius: 5px;
    box-sizing: border-box;
    color: #FFF;
    cursor: pointer;
    font-family: 'open_sanssemibold';
    font-size: 16px;
    margin: 10px 0 0;
    padding: 12px 0;
    text-align: center;
    width: 100%;
	-webkit-appearance: none;
	line-height:18px;
}

.buttonNegative {
    background-color: #333741;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    color: #FFF;
    cursor: pointer;
    font-family: 'open_sanssemibold';
    font-size: 16px;
    margin: 10px 0 0;
    padding: 12px 0;
    text-align: center;
    width: 100%;
	-webkit-appearance: none;
	line-height:18px;
}

.error{
	background:#CC5555;
	color:#FFF;
	padding:5px;
	box-sizing: border-box;
	margin:0 0 10px;
	border-radius:5px;
	text-align:center;
}

label.error{
	color:#FFF;
	padding:5px 5px 5px 42px;
	box-sizing: border-box;
	margin:0 0 10px;
	border-radius:0 0 5px 5px;
	background:url("/web-dev/images/valError.png") center center no-repeat #CC5555;
	background-color:#CC5555;
  	background-image: url("/web-dev/images/valError.svg"), none;
	background-position: 8px -1px;
	background-repeat:no-repeat;
	background-size: 30px 30px;
	text-align:left;
}

input.error{
	margin: 5px 0 0;
	border:solid 1px #CC5555;
	border-radius:5px 5px 0 0;
	color: #191919;
	text-align:left;
}

input.valid, input#password.valid, input#password-new.valid, input#password-confirm.valid, input#mobile.valid, input#otp.valid{
	border:solid 1px #5DAA84;
	background: url(/web-dev/images/valValid.png) no-repeat scroll 0 0 #f7f7f7 !important;
	background-image: url("/web-dev/images/valValid.svg"), none !important;
	background-repeat:no-repeat !important;
	background-size: 45px 45px !important;
	
}

.anchor{
  display: block;
  height: 70px; /*same height as header*/
  margin-top: -70px; /*same height as header*/
  visibility: hidden;
  width:270px;
  float:left;
}

.content{
	width:470px;
	margin:0 auto;
	padding:75px 10px 0 10px;
	text-align:center;
	box-sizing:border-box;
}

.overview{
    margin: 0 auto 15px;
    width: 555px;
	background: #FFF;
	border-radius: 5px;
    box-sizing: border-box;
	border:solid 1px #cfcfcf;
}
.summary{
	background:#FFF;
	border: 1px solid #cfcfcf;
    border-radius: 5px;
    box-sizing: border-box;
	margin:0 auto 10px;
}
.machine{
	border:solid 1px #cfcfcf;
	width:100%;
	margin:0 auto 15px;
	border-radius: 5px;
    box-sizing: border-box;
	cursor:pointer;
	background:#FFF;
	/*background:url("/web-dev/images/title-bg.jpg") no-repeat scroll -846px -9px #ccc;*/
	background-clip: padding-box;  
	-moz-background-clip: padding;  
	-webkit-background-clip: padding;
}

.details{
	float:none;
	margin:0 auto 15px;
}

.breadcrumbs{
	background: #cbcbcb;
    border-radius: 5px;
    box-sizing: border-box;
    color: #777;
    cursor: pointer;
    font-family: 'open_sanslight';
    font-size: 20px;
    margin: 0 auto 15px;
    padding: 12px 0;
    text-align: center;
    width: 100%;
	-webkit-appearance: none;
}

@media all and (min-width: 1px) and (max-width: 359px) {
	.content{width:100%;}
	.overview{width:100%;}
	.machine{width:100%;}
	.summary{width:100%;}
	.breadcrumbs{width: 100%;}
}
@media all and (min-width: 360px) and (max-width: 640px){
	.content{width:100%;}
	.overview{width:340px;}
	.machine{width:340px;}
	.summary{width:340px;}
	.breadcrumbs{width: 340px;}
}
@media all and (min-width: 641px) {
	.content{width:592px;}
	.overview{
		width:555px;
		margin:0 8px 15px 8px;
	}
	.machine{
		width:270px;
		float:left;
		margin:0 8px 15px 8px;
	}
	.details{
		width:340px;
		float:none;
		margin:0 auto 15px;
	}
	.summary{
		width:556px;
		float:left;
		margin:0 8px 15px 8px;
	}
	.breadcrumbs{
		width: 556px;
		margin:0 8px 15px 8px;
	}
	.detailSize{
		margin: 0 auto 15px;
    	width: 340px;
	}
}

.breadcrumbs a{
	text-decoration:none;
	color:#333;
	margin:10px;
	font-family: 'open_sanslight';
	font-size:20px;
}
.breadcrumbs a:link{color:#333;}
.breadcrumbs a:visited{color:#333;}
.breadcrumbs a:hover{color:#FFF;}
.breadcrumbs a:active{color:#333;}

.summary .summaryName{
	color: #606060;
	font-size: 15px;
    font-family: 'open_sanssemibold';
	width: 50%; 
	display: block; 
	float: left;
}
.summary #summaryStatusIcon{
	border-radius: 50%;
    height: 12px;
    margin: 4px 5px 0 0;
    vertical-align: middle;
    width: 12px;
	float:left;
}
.summary .summaryCash{
	color: #606060;
	font-family: open_sanslight;
	font-size: 15px;
	width: 50%; 
	display: block; 
	float: left; 
	text-align: right;
}
.summaryAlertsTotal .alertTotal, .summaryAlertsTotal .errorTotal{
	float:left;
	font-family: 'open_sanslight';
	font-size: 15px;
	margin:0 6px 0 2px;
}
.summaryAlertsTotal .alertIcon, .summaryAlertsTotal .errorIcon{
	float:left;
	margin:1px 0 0 3px;
}

.summaryAlertsTotal{
	font-family: 'open_sanslight';
	color:#606060;
	font-size:20px;
	padding: 6px 0 6px 7px;
}
.summaryCashTotal{
	font-family: 'open_sanssemibold';
	color:#606060;
	font-size:20px;
	padding: 2px 10px 5px 0;
}

.machineCode{
	font-family: 'open_sanslight';
	color:#606060;
	font-size:20px;
	padding:18px 0px 5px 15px;
	border-bottom:solid 1px #e4e4e4;
}

.ConsoleMachineCode{
	border-bottom: 1px solid #e4e4e4;
}

.consoleMachine{
    color: #606060;
    font-family: 'open_sanssemibold';
    font-size: 20px;
    padding: 12px 0 0 15px;
	line-height:17px;
}

.consoleOwner{
	color: #606060;
    font-family: 'open_sanslight';
    font-size: 11px;
	padding: 0 0 5px 15px;
}

.details .machineCode{
	padding-left:0;
}
.machineCash{
	font-family: 'open_sanslight';
	color:#606060;
	font-size:20px;
	padding:7px 15px 5px 0px;
	border-bottom:solid 1px #e4e4e4; 
}

.MaintCash{
	font-size:10px;
	font-family: 'open_sansregular';
	padding: 11px 0 0;
	color:#bcbcbc;
}

.MaintNotes{
	font-size:10px;
	font-family: 'open_sansregular';
	color:#bcbcbc;
}

.machineInfo .MaintCash{
	font-size:10px;
	font-family: 'open_sansregular';
	padding: 2px 0 11px;
	color:#bcbcbc;
	text-align:center;
}

.machineInfo .MaintNotes{
	font-size:10px;
	font-family: 'open_sansregular';
	color:#bcbcbc;
	padding: 28px 0 0;
}

.consoleNotes{
	border-bottom:solid 1px #e4e4e4;
	border-right:solid 1px #e4e4e4;
	padding:4px 15px 4px 15px;
	background:#FFF;
}
.consoleNotesTitle{
	text-transform:uppercase;
	float:left;
	color:#2b2b2b;
	font-size:13px;
	float:left;
	width:45px;
}
.consoleNotesBar{
	border-radius: 3px;
    box-sizing: border-box;
	background:#e7e7e7;
	width: 60%;
	width: calc(100% - 47px);
	height:10px;
	float:right;
	vertical-align: middle;
	margin:4px 0 0 0;
}
.consoleNotesValue, .consolePaperValue{
	border-radius: 3px;
    box-sizing: border-box;
	background:#5190cd;
	height:100%;
	width:0%;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.consolePaperValue{
	width:100%;
}
.consolePaper{
	border-bottom:solid 1px #e4e4e4;
	padding:4px 15px 4px 15px;
	background:#FFF;
}
.consolePaperTitle{
	text-transform:uppercase;
	float:left;
	color:#2b2b2b;
	font-size:13px;
	float:left;
	width:45px;
}
.consolePaperBar{
	border-radius: 3px;
    box-sizing: border-box;
	background:#e7e7e7;
	width: 60%;
	width: calc(100% - 47px);
	height:10px;
	float:right;
	vertical-align: middle;
	margin:4px 0 0 0;
}

.greyText{color:#d5d8e2;}

#statusIcon{
	border-radius: 50%;
	width: 13px;
	height: 13px;
	vertical-align:middle;
	float:left;
	margin: 3px 0 0;
}

.online{background:none repeat scroll 0 0 #9ae31a;}
.offline{background:none repeat scroll 0 0 #dd1f1f;}

.statusText{
	/*width:100px;*/
	text-transform:uppercase;
	float:left;
	margin:0 0 0 3px;
	color:#2b2b2b;
	font-size:13px;
}
.alertIcon{
	width:18px;
	height:18px;
	margin:0 0 0 1px;
	float:right;
	background:url("/web-dev/images/alert.png") center center no-repeat;
	background-image: url("/web-dev/images/alert.svg"), none;
	background-repeat:no-repeat;
	background-size: 16px 16px;
}
.errorIcon{
	width:18px;
	height:18px;
	margin:0 0 0 1px;
	float:right;
	background:url("/web-dev/images/error.png") center center no-repeat;
  	background-image: url("/web-dev/images/error.svg"), none;
	background-repeat:no-repeat;
	background-size: 16px 16px;
}

.machineErrors{
	padding:3px 15px 3px 0;
	background:#FFF;
	border-radius:0 0 5px 0;
}
.machineStatus{
	padding:3px 0 3px 15px;
	background:#FFF;
	border-radius:0 0 0 5px;
}

.detail .machineStatus{padding:10px 0 10px 15px;}

.machineInfo{
	padding: 15px 15px 0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
 	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
  	box-sizing: border-box;         /* Opera/IE 8+ */
}

.machineInfoBottom{
	padding:0 0 15px;
}

.machineDetail{
	background:#FFF;
	padding:15px 15px 5px 15px;
}

.machineName{
	background:#FFF;
	border-radius:0 0 5px 0;
	padding:0 15px 1px 0;
	color: #606060;
    font-family: 'open_sanssemibold';
    font-size: 18px;
}

/*.errorBlock, .alertBlock{
	background:#E8E8E8;
	border-radius:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555861;
	margin:0 0 10px;
}*/

.errorAlertTable{
	background: none repeat scroll 0 0 #e8e8e8;
	border-radius: 5px;
	box-sizing:	border-box;
	color: #555861;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	line-height: 12px;
	margin: 0 0 10px;
	width:100%;
}
.errorAlertTable h2{
	color: #555861;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 4px;
}
.errorAlertTable .errorBox{
	border-radius:5px;
	background:url("/web-dev/images/errorIcon.png") center center no-repeat;
  	background-image: url("/web-dev/images/errorIcon.svg"), none;
	background-repeat:repeat;
	background-size: 90px 120px;
}
.errorAlertTable .alertBox{
	border-radius:5px;
	background:url("/web-dev/images/alertIcon.png") center center no-repeat;
  	background-image: url("/web-dev/images/alertIcon.svg"), none;
	background-repeat:repeat;
	background-size: 90px 120px;
}


.errorBlock, .alertBlock{
	background:#E8E8E8;
	border-radius:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555861;
	margin: 0 15px 10px;
	height:55px;
	box-sizing: border-box;
}
.errorBlockIcon, .alertBlockIcon{
	float: left;
    height: inherit;
    width: 70px;
	margin: 0 10px 0 0;
}
.errorBlockIcon{
	border-radius:5px;
	background:url("/web-dev/images/errorIcon.png") center center no-repeat;
  	background-image: url("/web-dev/images/errorIcon.svg"), none;
	background-repeat:repeat;
	background-size: 90px 120px;
}
.alertBlockIcon{
	border-radius:5px;
	background:url("/web-dev/images/alertIcon.png") center center no-repeat;
  	background-image: url("/web-dev/images/alertIcon.svg"), none;
	background-repeat:repeat;
	background-size: 90px 120px;
}
.errorBlock h2, .alertBlock h2{
	margin:0;
	padding: 13px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#555861;
}

.detailsCash{
	width:100%;
	text-align:center;
	text-transform:uppercase;
	font-family: 'open_sanssemibold';
	color:#606060;
	font-size:28px;
	line-height: 25px;
	margin: 0;
}

.detailsTitle{
	width:100%;
	text-align:center;
	text-transform:uppercase;
	font-family: 'open_sansregular';
	color:#231f20;
	font-size:11px;
	padding:0 0 5px;
}

.notesBlock, .paperBlock{
	width:50%;
	float:left;
	text-align:center;
	padding:0;
	border-top:solid 1px #e4e4e4;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
 	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
  	box-sizing: border-box;         /* Opera/IE 8+ */
}
.notesBlock{
	width:calc(50% - 1px);
	padding: 10px 10px 5px 15px;
}
.paperBlock{
	padding: 10px 15px 5px 10px;
	border-left:solid 1px #e4e4e4;
}

.notesAmount, .paperAmount{
	text-transform:uppercase;
	font-family: 'open_sanssemibold';
	color:#606060;
	font-size:28px;
	line-height: 28px;
}

.notesBarValue, .paperBarValue{
	width:0%;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.notesBar{
	border-radius: 3px;
    box-sizing: border-box;
	background:#e7e7e7;
	width: 100%;
	height:10px;
	vertical-align: middle;
	margin:4px 0 0 0;
}
.notesBarValue{
	border-radius: 3px;
    box-sizing: border-box;
	background:#5190cd;
	width:0%;
	height:100%;
}
.paperBar{
	border-radius: 3px;
    box-sizing: border-box;
	background:#e7e7e7;
	width: 100%;
	height:10px;
	vertical-align: middle;
	margin:4px 0 0 0;
}
.paperBarValue{
	border-radius: 3px;
    box-sizing: border-box;
	background:#5190cd;
	width:0%;
	height:100%;
}

.lastTransaction{
	width:100%;
	border-top:solid 1px #e4e4e4;
	text-align:center;
	text-transform:uppercase;
	font-family: 'open_sansbold';
	color:#606060;
	font-size:12px;
	background:#f2f2f2;
	float:left;
	padding:5px 0;
}

.title{
	text-transform:uppercase;
	color:#231f20;
	font-family: 'open_sansbold';
	font-size: 12px;
	padding:5px 0 0 15px;
}
.lastTransaction .title{
	padding:3px 0 20px 15px;
	line-height:18px;
}
.date{
	padding:1px 0 5px 0;
	font-family: 'open_sanslight';
	font-size:14px;
	line-height: 12px;
	float:left;
}
.time{
	padding:2px 15px 0 0;
	font-family: 'open_sanslight';
	font-size:30px;
}

.bankingInfo{
	color:#333740;
	font-family: 'open_sansregular';
	font-size:12px;
	padding: 10px 0 0;
}
.bankingLabels{
	padding:10px 0 0 15px;
}
.bankingTitle{
	font-family: 'open_sansregular';
	font-size:11px;
}

.bankingDetails{
	padding:0 15px 0 0;
}

.batchIdIcon, .batchNumberIcon, .batchStartIcon{
	width:18px;
	height:18px;
	margin:0 3px 0 0;
	float:left;
}

.batchIdIcon{
	background:url("/web-dev/images/batchId.png") center center no-repeat;
  	background-image: url("/web-dev/images/batchId.svg"), none;
	background-repeat:no-repeat;
	background-size: 16px 16px;
}
.batchNumberIcon{
	background:url("/web-dev/images/batchNumber.png") center center no-repeat;
  	background-image: url("/web-dev/images/batchNumber.svg"), none;
	background-repeat:no-repeat;
	background-size: 16px 16px;
}
.batchStartIcon{
	background:url("/web-dev/images/batchTime.png") center center no-repeat;
  	background-image: url("/web-dev/images/batchTime.svg"), none;
	background-repeat:no-repeat;
	background-size: 16px 16px;
}
.location{
	padding:10px 15px 0px 15px; 
}
.location .title{
	padding-left:0;
}
.GPS{
	font-family: 'open_sanslight';
	font-size:16px;
	color:#231f20;
	padding:2px 0 0 0;
}

.address{
	font-family: 'open_sansregular';
	font-size:11px;
	color:#231f20;
	padding:2px 0 0px 0;
}

.detail .machineStatus{border-top: 1px solid #e4e4e4;}
.detail .machineName{border-top: 1px solid #e4e4e4;}



.cash{
	font-size:70px;
	color:#666;
	width:auto;
	float:left;
	font-family: 'open_sanslight';
}

.currency{
	font-size:14px;
	float:left;
	font-family: 'open_sanslight';
}