h2{
	display: block;
    font-size: 1.0em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
.form-control-xs {
    height: calc(1em + .375rem + 2px) !important;
    padding: .125rem .25rem !important;
    font-size: .75rem !important;
    line-height: 1.5;
    border-radius: .2rem;
}
.addScroll{
  overflow-y:auto;
  height: 300px;
}
.rtw{
	margin-top:30px;
	margin-left:30px;		
}
.rtw td.left{
	width:70%;
}
.leftbig{
	width:90%;
}
.rtw td.leftsmall{
	width:580px;
}
.rtw td.right{
	
}
.instructs li{
	font-size:12px;
	margin-left:20px;
}
.loggedin{
	color: #404041;
    font: normal 10px Verdana, helvetica;
    text-decoration: none;
}
.controltitle{
	color: #404041;
    font: normal 12px Verdana, helvetica;
   
	margin-top:15px;
}
.offsetdays{
	color: #0505A1;
	cursor: pointer;
}
.wizard{
	border: solid black 1px;
	min-height:400px;
	//width: 870px;
}
.wizardbig{
	border: solid white 0px;
	width: 90%;
}
.controls{
	border: solid gray 1px;
	min-height:180px;
	min-width: 250px;
	width: 100%;
	height:100%;
	overflow:auto;
	resize: both;
}
.icon{
	width:20px;
}
.admincontrols{
	width:100%;
	/*
	margin-top: 30px;
	height:400px;
	width: 850px;
	overflow:auto;
	resize: vertical;
	*/
}
.begin{
	width: 150px;
	height: 30px;
	margin-top: 30px;
	border: solid #5555aa 1px;
	background-color:#36a;
	color:white;
	margin-left:10px;
	cursor:pointer;
}
.end{
	width: 200px;
	height: 30px;
	margin-top: 2px;
	margin-bottom: 2px;
	border: solid #55aa55 1px;
	background-color:#28a745;
	color:white;
	margin-left:10px;
	cursor:pointer;
}
.adminbutton{
	font-size:10px;
	width: 50px;
	height: 15px;
	margin-top: 2px;
	margin-bottom: 2px;
	border: solid #5555aa 1px;
	background-color:#28a745;
	color:white;
	margin-left:10px;
	cursor:pointer;
}
.adminbuttonlong{
	font-size:10px;
	width: 100px;
	height: 15px;
	margin-top: 2px;
	margin-bottom: 2px;
	border: solid #5555aa 1px;
	background-color:#36a;
	color:white;
	margin-left:10px;
	cursor:pointer;
}
.buttonnomargin{
	width: 150px;
	height: 30px;
	margin-top: 2px;
	margin-bottom: 2px;
	border: solid #5555aa 1px;
	background-color:#36a;
	color:white;	
	cursor:pointer;
}
.endday{
	margin-top: 50px;	
}
.endtitle{
	margin-left:10px;
}
.goback{
	width: 120px;
	height: 60px;
	border: solid #5555aa 1px;
	background-color:#36a;
	color:white;
	margin-left:10px;
}
.logininput{
	font-size:14px;
	margin:0px;
	width:100px;
	height:30px;
}
.logininputlong{
	font-size:14px;
	margin:0px;
	width:250px;
	height:30px;
}
.transfertable{	
	width:600px;
}
.transfertable th{
	font-size:14px;
	background-color:#36a;
	color:white;
}
.transfertable td{
	font-size:14px;
	background-color:#69c;
	color:black;
}
.transfertable td.boxlink{
	cursor:pointer;
	color:white;
}
.transferresults{
	font-size:8px;
	margin:10px;
	width:400px;
	height:50px;
	border:solid #555 1px;
	background-color:#ddd;
	overflow:auto;
}
.imglink{
	cursor:pointer;	
}
.imglinksmall{
	cursor:pointer;	
	width:10px;
}
.buttoncontainer{
	margin:10px;
}
table td{
	vertical-align: top;
}

.transfertable tr.detailtr{
	font-size:12px;
	background-color:#fff;
	color:#ccc;
}
.transfertable td.detailtd{
	font-size:10px;
	//background-color:#fff;
	color:#ccc;
	height:400px;
	overflow:auto;
}

.clockindetails{
	border-collapse: collapse;
}
.clockindetails th td{
	font-size:10px;
	background-color:#fff;
	color:#ccc;
}
.boxdetails tr.rows{
	border-top:1px solid #ccc;
}
.clockindetails th{
	padding:10px;
}
.clockindetails td{
	padding:10px;
}
.clockindetails{
	font-size:10px;
	//color:#999;	
	width:100%;
}
.clockindetails tr.rows{
	border-bottom:1px solid #ccc;
}
.clockindetails tr.redback{
	background-color:#fbb;
}
.clockindetails tr.redback td{
	background-color:#fdd;
}
.transfertable .boxdetails tr{
	border-bottom:2px solid #999;
	//border-top:1px solid #ccc;
}
.clockindetails th{
	//border-bottom:2px solid #ccc;
	padding:6px;
}
/**/



.inputqty{
	width:50px;
}


.inputbarcode{
	width:150px;
}
#transportmethoddiv{
	background-color:#69c;
	width:400px;
	height:300px;
	margin:20px;
}
.boxlabel{
	text-align: center;
	border: solid black 1px;
	font-size: 24px;
	margin: 30px;
	font-weight:bold;
	width: 400px;	
}
.barcode{	
	width: 380px;	
	height: 200px;	
}
.barcodeaac{	
	width: 250px;	
	height: 50px;	
}
.boxlabelnoborder{
	text-align: center;
	font-size: 24px;
	margin: 30px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight:bold;
	width: 400px;	
}


.clockindetails{
	border-collapse: collapse;
}
.clockindetails th td{
	font-size:10px;
	background-color:#fff;
	color:#ccc;
}
.clockindetails tr.top{
	border-top:2px solid #999;
	border-bottom:2px solid #999;	
}
.clockindetails tr.newrow{
	border-top:2px solid #2A2;
}

.clockindetails{
	font-size:10px;
	//color:#999;	
	width:100%;
}
/*
.clockindetails th{
	padding:6px;
}
*/
.clockindetails th{
	font-size:10px;
	font-weight:bold;
	background-color:#fff;
	color:#36a;	
	padding:6px;
}
.clockindetails th.summary{
	border-left:2px solid #999;
}
.clockindetails td.summary{
	border-left:2px solid #999;
}

.clockindetails th.columnone{
	border-right:2px solid #999;
}
.clockindetails td.columnone{
	border-right:2px solid #999;
}

.clockindetails th{
	font-size:10px;
	font-weight:bold;
	background-color:#fff;
	color:#36a;	
	padding:6px;
}
/*
.clockindetails td{
	font-size:10px;
	font-weight:normal;
	background-color:#fff;
	color:#36a;	
	padding:6px;
	text-align:center;
}

.clockindetails td{
	font-size:10px;
	font-weight:normal;
	background-color:#fff;
	color:#36a;	
	padding:6px;
	text-align:center;
	vertical-align:middle;
}
*/

.clockindetailssummary{
	width: 70%;
	border-collapse: collapse;
}
.clockindetailssummary th td{
	font-size:10px;
	background-color:#fff;
	color:#ccc;
}
.clockindetailssummary tr.top{
	border-top:2px solid #999;
	//border-bottom:2px solid #999;	
}
.clockindetailssummary tr.bottom{
	border-bottom:2px solid #999;	
}
.warn{
	color:red;
}

.allgood{
	color:limegreen;
}

.textarea{
	width:300px;
	height:100px;
}


.clockindetailssummary th{
	font-size:10px;
	font-weight:bold;
	background-color:#fff;
	color:#36a;	
	padding:6px;
	text-align:left;
}.clockindetailssummary td{
	font-size:10px;
	font-weight:normal;
	background-color:#fff;
	color:#36a;	
	padding:6px;
	text-align:center;
}

div#dialog-admincontrols .ui-dialog-titlebar {
      height:20px;
}
 .timechange{
	width:35px;
}
.timepicker{
	border-collapse: collapse;
}  
.timepicker td{
	padding:0px;	
}
.timepicker td.pluslink{
	font-size:14px;
	font-weight:bold;
	//background-color:#009;
	//color:#fff;	
	//width:12px;
	cursor:pointer;	
	text-align:center;
}
.timepicker td.minuslink{
	font-size:14px;
	font-weight:bold;
	//background-color:#009;
	//color:#fff;	
	padding:0px;
	//width:12px;
	cursor:pointer;		
	text-align:center;
}
.pluslink{
	font-size:12px;
	font-weight:bold;
	//background-color:#009;
	//color:#fff;	
	//width:12px;
	cursor:pointer;	
	text-align:center;
}
.minuslink{
	font-size:12px;
	font-weight:bold;
	//background-color:#009;
	//color:#fff;	
	padding:0px;
	//width:12px;
	cursor:pointer;	
	text-align:center;
}
.excel{
	color: #0505A1;
	margin-left:10px;
	cursor:pointer;	
}
.changestore{
	font-size:10px;
	margin:0px;
	width:350px;
	height:80px;
}