body {
	/*padding-top: 50px;*/
	padding-bottom: 10px;
	/*background-color: #454040;*/ /*for test*/
	/*background-color: #6B8E23;*/ /*for production old*/
	background-color: #556B2F; /*for production*/
}

/* Set padding to keep content from hitting the edges */
/*.body-content {
    /*padding-left: 15px;
    padding-right: 15px;*/
/*}*/

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
	white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
	max-width: 280px;
}

/*Labels*/
.lbl {
	font-weight: bold;
}

.lblsm {
	font-weight: bold;
	font-size: 12px
}

/*Alignments*/
.ar {
	text-align: right;
}

.al {
	text-align: left;
}

.ac {
	text-align: center;
}

.vb {
	vertical-align: baseline;
}

.vt, .vt td {
	vertical-align: top;
}

.brt tr.vm td, .vm, .vm td, td.vm {
	vertical-align: middle;
}

.mc {
	margin: 0px auto;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.dn {
	display: none;
}

.di {
	display: inline;
}

.db {
	display: block;
}

.vh {
	visibility: hidden;
}

.vv {
	visibility: visible;
}

.nb {
	border: none;
}

.nw {
	white-space: nowrap
}

.pwmsg {
	border: groove 1px;
	/*color:#9f0e0e;*/
	padding-top: 5px;
	padding-left: 15px;
}

.navbar-brand {
	margin-bottom: 10px;
}

.navbar-header {
	background-color: rgba(0,0,0,0.0);
}
/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page {
	width: 99.8%;
	margin-left: auto;
	margin-right: auto;
}

header, #header {
	position: relative;
	margin-bottom: 0px;
	color: #000;
	padding: 0;
}

	header h1, #header h1 {
		font-weight: bold;
		padding: 5px 0;
		margin: 0;
		color: #fff;
		border: none;
		line-height: 2em;
		font-size: 32px !important;
		text-shadow: 1px 1px 2px #111;
	}

#main {
	padding: 30px 30px 15px 30px;
	background-color: #fff;
	border-radius: 0 4px 0 0;
	-webkit-border-radius: 0 4px 0 0;
	-moz-border-radius: 0 4px 0 0;
	/*height: 100vh;*/ /*vh stands for view-port height, 1vh is 1% of screen height*/
}

footer,
#footer {
	background-color: #fff;
	color: #999;
	padding: 10px 0;
	text-align: center;
	line-height: normal;
	margin: 0 0 30px 0;
	font-size: .9em;
	border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu {
	/*border-bottom: 1px #999 solid;*/
	padding: 0 0 1px;
	position: relative;
	margin: 0;
}

	ul#menu li {
		display: inline;
		list-style: none;
		white-space: nowrap;
	}

		ul#menu li#greeting {
			padding: 10px 20px;
			font-weight: bold;
			text-decoration: none;
			line-height: 2.8em;
			color: #fff;
		}

		ul#menu li a {
			padding: 4px 8px;
			font-weight: bold;
			text-decoration: none;
			line-height: 1.8em;
			/*background-color: #e8eef4;*/
			background-color: #a89c9c;
			color: white;
			/*color: #034af3;*/
			border-radius: 4px 4px 0 0;
			-webkit-border-radius: 4px 4px 0 0;
			-moz-border-radius: 4px 4px 0 0;
		}

			ul#menu li a:hover {
				/*background-color: #fff;*/
				text-decoration: none;
				background-color: #d3d3d3;
			}

			ul#menu li a:active {
				/*background-color: #5C87B2;*/
				text-decoration: none;
				background-color: #999;
				;
			}

		ul#menu li.selected a {
			background-color: #fff;
			color: #000;
		}

		ul#menu li a.activeMenu {
			/*background-color:#5C87B2;*/
			font-weight: bold;
			color: white;
			background-color: #67be04;
		}
/*
div#title {
    display: block;
    float: left;
    text-align: left;
}
*/

#logindisplay {
	font-size: 1.1em;
	/*display: block;
    text-align: right;
    margin: 10px;*/
	color: white;
}

	#logindisplay a:link {
		color: white;
		text-decoration: underline;
	}

	#logindisplay a:visited {
		color: white;
		text-decoration: underline;
	}

.navbar-brand {
	min-height: 25px !important;
	padding-top: 3px;
	padding-bottom: 3px;
}

.navbar-header {
	min-height: 25px !important;
}

#appName {
	margin-left: 20px;
	font-size: 20px;
	color: white;
	font-weight: bold;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
	clear: right;
	margin-top: -15px;
}

.floatRight1 {
	float: right;
	clear: right;
}

.floatRight2 {
	float: right;
	clear: right;
	border: 1px solid red;
	width: 1100px;
	margin-top: -35px;
}

.space {
	clear: both;
	margin-bottom: 10px;
	margin-top: -10px;
}

.heading {
	font-size: 20px;
}

#headerDiv {
	clear: both;
	margin-bottom: 30px;
	overflow: hidden;
}

#dropZone {
	background: gray;
	border: black dashed 3px;
	width: 400px;
	padding: 50px;
	text-align: center;
	color: white;
}

.container {
	margin-left: 0px;
	width: 400px;
	border: 1px solid #d3d3d3;
	float: left;
}

	.container div {
		width: 100%;
	}

	.container .header {
		background-color: #d3d3d3;
		padding: 2px;
		cursor: pointer;
		font-weight: bold;
	}

	.container .content {
		display: none;
		padding: 5px;
	}


.cardLink:hover {
	position: relative;
	top: -20px;
	width: 200px;
	/*border :1px solid #7fb9e5;*/
	height: 150px;
	float: left;
	margin-left: 30px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.cardLink {
	position: relative;
	width: 200px;
	background-color: #fff;
	height: 150px;
	float: left;
	margin-left: 30px;
	border: 1px solid #d3d3d3;
	margin-top: 25px;
	margin-bottom: 30px;
	color: #808080;
}

.linktext {
	color: #808080;
	position: absolute;
	margin-left: 20px;
	;
	margin-right: auto;
	top: 110px;
}

.logoHolder {
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	width: 150px;
	display: block;
	height: auto;
}

.logo {
	width: 40px;
	height: 40px;
}

.appLogo {
	width: 179px;
	height: 47px;
}

.companyLogo {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.ddlWorksheet {
	/*width: 360px ;
    height: 30px ;*/
	font-size: 16px;
	font-weight: bold;
}

.rdoWorksheet {
    font-size: 9px;
    font-weight: bold;
    transform: scale(2);
}

#spnMsg {
	color: red;
}

.leftalignnmt {
	float: left;
	margin-right: 10px;
}

.rightalignnmt {
	float: right;
}

.verticalgap {
	margin-top: 20px;
}

.loadingimg {
	width: 35px;
	height: 35px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.oh {
	overflow: hidden;
}

#divOrderLine {
	overflow: hidden;
	padding-left: 20px;
}

.k-grid .k-state-selected {
	background-color: #dff237 !important;
	color: black !important;
}

.k-grid .k-alt.k-state-selected {
	background-color: #dff237 !important;
	color: black !important;
	z-index: 100 !important;
}


.k-grid .k-state-selected:hover {
	background-color: #dff237 !important;
	color: black !important;
}

.k-grid .k-alt.k-state-selected:hover {
	background-color: #dff237 !important;
	color: black !important;
	z-index: 100 !important;
}

.k-grid tr:not(.k-state-selected):hover {
	background: none;
	color: inherit;
}

.k-grid tr.k-alt:not(.k-state-selected):hover {
	background: none;
	color: inherit;
}

.urlContainer {
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}

#actionEndMessage {
	color: red;
	font-weight: bold;
	margin-right: 10px;
}

#tableSettings td {
	width: 170px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.rowAmber {
	/*background: #FFBF00;*/
	background-color: #FFBF00;
	color: #000;
}

.grayBold {
	color: white;
	background-color: gray;
	font-weight: bold;
	font-size: 14px;
}

.rowRed {
	/*background: red;*/
	/*background-color :#fe3c3c;*/
	color: black;
}

.fullPalletSpots {
	background-color: #75c619;
	/*background-color:forestgreen;*/
	color: white;
}

.modifiedInJF {
	color: white;
	font-weight: bold;
	background-color: #907163;
	text-align: center;
}

.mabdNonCompliance {
	color: white;
	font-weight: bold;
	background-color: #bc986a;
	text-align: center;
}

.mixedTemp2 {
	color: red;
	font-weight: bold;
}

.mixedTemp {
	color: white;
	font-weight: bold;
	background-color: #df744a;
}

.isOrderReleased {
	color: #e64e14;
	font-weight: bold;
}

.isPhantomOrder {
	background-color: #a39797;
}

.overweight {
	color: white;
	font-weight: bold;
	background-color: #778899;
}

.rowOrderLine {
	background-color: linen;
}

.rowOrder {
	background-color: beige;
}

.rowDrop {
	background-color: aliceblue;
}

.failedDelivery {
	color: #86801a;
	font-weight: bold;
	background-color: #f6caf0;
}

.AppointmentConfirmed {
	background-color: #459e06;
}

.AppointmentRequested {
	background-color: #13b6f7;
}

.AppointmentDateChange {
	background-color: #f71313;
}

.tar {
	text-align: right;
}

.tac {
	text-align: center;
}

.spanPS {
	font-weight: bold;
	padding-left: 5px;
	padding-right: 20px;
	color: #2422c2;
}

table.iconTable {
	width: auto;
}

.btnImage:hover {
	overflow: hidden;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

td.i {
	overflow: hidden;
	width: 85px;
}

td.j {
	overflow: hidden;
	width: 50px;
	text-align: center;
}

.kendoth {
	overflow: visible;
	white-space: normal;
	background: AliceBlue;
	font-weight: bold;
}

.mytr {
	background-color: #E6E6FA;
}

.mytrAlt {
	background-color: #FFE4B5;
}

#noti_Container {
	position: relative;
	/*border:1px solid blue;*/
	max-width: 16px;
	max-height: 16px;
	top: 10px;
}

.noti_bubble {
	position: absolute;
	top: -6px;
	right: -16px;
	padding: 1px 2px 1px 2px;
	background-color: red;
	color: white;
	font-weight: bold;
	font-size: 0.95em;
	border-radius: 30px;
	box-shadow: 1px 1px 1px gray;
}

.notes {
	color: orangered;
}

.isdelivered {
	color: green;
	font-weight: bold;
}

.isBlack {
	color: black;
}