/*@font-face {
	font-family: Google-Sans;
	src: url(/Content/fonts/Google-Sans-Font/GoogleSans-Regular.ttf);
}*/
/*@font-face {
    font-family: 'GoogleSans-Regular';
    src: url('../../../fonts/GoogleSans/GoogleSans-Regular.ttf') format('truetype');
}*/
@font-face {
	font-family: 'GoogleSans-Regular';
	src: url('KendoUI/fonts/GoogleSans/GoogleSans-Regular.ttf') format('truetype');
	/*src: url('KendoUI/fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');*/
}

.datepicker {
	padding: 4px;
	border-radius: 4px;
	direction: ltr;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.datepicker-inline {
	width: 220px;
}

.datepicker-rtl {
	direction: rtl;
}

	.datepicker-rtl.dropdown-menu {
		left: auto;
	}

	.datepicker-rtl table tr td span {
		float: right;
	}

.datepicker-dropdown {
	left: 0px;
	top: 0px;
}

	.datepicker-dropdown::before {
		border-width: 0px 7px 7px;
		border-style: none solid solid;
		border-color: currentColor transparent rgba(0, 0, 0, 0.2);
		display: inline-block;
		position: absolute;
		content: "";
	}

	.datepicker-dropdown::after {
		border-width: 0px 6px 6px;
		border-style: none solid solid;
		border-color: currentColor transparent rgb(255, 255, 255);
		display: inline-block;
		position: absolute;
		content: "";
	}

	.datepicker-dropdown.datepicker-orient-left::before {
		left: 6px;
	}

	.datepicker-dropdown.datepicker-orient-left::after {
		left: 7px;
	}

	.datepicker-dropdown.datepicker-orient-right::before {
		right: 6px;
	}

	.datepicker-dropdown.datepicker-orient-right::after {
		right: 7px;
	}

	.datepicker-dropdown.datepicker-orient-bottom::before {
		top: -7px;
	}

	.datepicker-dropdown.datepicker-orient-bottom::after {
		top: -6px;
	}

	.datepicker-dropdown.datepicker-orient-top::before {
		bottom: -7px;
		border-top-color: rgb(153, 153, 153);
		border-bottom-color: currentColor;
		border-top-width: 7px;
		border-bottom-width: 0px;
		border-top-style: solid;
		border-bottom-style: none;
	}

	.datepicker-dropdown.datepicker-orient-top::after {
		bottom: -6px;
		border-top-color: rgb(255, 255, 255);
		border-bottom-color: currentColor;
		border-top-width: 6px;
		border-bottom-width: 0px;
		border-top-style: solid;
		border-bottom-style: none;
	}

.datepicker table {
	margin: 0px;
	-ms-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
}

.datepicker td {
	border-radius: 4px;
	border: currentColor;
	border-image: none;
	width: 20px;
	height: 20px;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.datepicker th {
	border-radius: 4px;
	border: currentColor;
	border-image: none;
	width: 20px;
	height: 20px;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.table-striped .datepicker table tr td {
	background-color: transparent;
}

.table-striped .datepicker table tr th {
	background-color: transparent;
}

.datepicker table tr td.day.focused {
	background: rgb(238, 238, 238);
	cursor: pointer;
}

.datepicker table tr td.day:hover {
	background: rgb(238, 238, 238);
	cursor: pointer;
}

.datepicker table tr td.new {
	color: rgb(153, 153, 153);
}

.datepicker table tr td.old {
	color: rgb(153, 153, 153);
}

.datepicker table tr td.disabled {
	background: 0px 0px;
	color: rgb(153, 153, 153);
	cursor: default;
}

	.datepicker table tr td.disabled:hover {
		background: 0px 0px;
		color: rgb(153, 153, 153);
		cursor: default;
	}

.datepicker table tr td.highlighted {
	background: rgb(217, 237, 247);
	border-radius: 0px;
}

.datepicker table tr td.today {
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: rgb(0, 0, 0);
	background-image: linear-gradient(rgb(253, 212, 154), rgb(253, 245, 154));
	background-repeat: repeat-x;
	background-color: rgb(253, 225, 154);
}

	.datepicker table tr td.today.disabled {
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		color: rgb(0, 0, 0);
		background-image: linear-gradient(rgb(253, 212, 154), rgb(253, 245, 154));
		background-repeat: repeat-x;
		background-color: rgb(253, 225, 154);
	}

		.datepicker table tr td.today.disabled:hover {
			border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
			color: rgb(0, 0, 0);
			background-image: linear-gradient(rgb(253, 212, 154), rgb(253, 245, 154));
			background-repeat: repeat-x;
			background-color: rgb(253, 225, 154);
		}

	.datepicker table tr td.today:hover {
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		color: rgb(0, 0, 0);
		background-image: linear-gradient(rgb(253, 212, 154), rgb(253, 245, 154));
		background-repeat: repeat-x;
		background-color: rgb(253, 225, 154);
	}

	.datepicker table tr td.today.active {
		background-color: rgb(253, 245, 154);
	}

	.datepicker table tr td.today.disabled {
		background-color: rgb(253, 245, 154);
	}

		.datepicker table tr td.today.disabled.active {
			background-color: rgb(253, 245, 154);
		}

		.datepicker table tr td.today.disabled.disabled {
			background-color: rgb(253, 245, 154);
		}

		.datepicker table tr td.today.disabled:active {
			background-color: rgb(253, 245, 154);
		}

		.datepicker table tr td.today.disabled:hover {
			background-color: rgb(253, 245, 154);
		}

		.datepicker table tr td.today.disabled.active:hover {
			background-color: rgb(253, 245, 154);
		}

		.datepicker table tr td.today.disabled.disabled:hover {
			background-color: rgb(253, 245, 154);
		}

		.datepicker table tr td.today.disabled:hover:active {
			background-color: rgb(253, 245, 154);
		}

		.datepicker table tr td.today.disabled:hover {
			background-color: rgb(253, 245, 154);
		}

.datepicker table tr td[disabled].today.disabled:hover {
	background-color: rgb(253, 245, 154);
}

.datepicker table tr td[disabled].today.disabled {
	background-color: rgb(253, 245, 154);
}

.datepicker table tr td.today:active {
	background-color: rgb(253, 245, 154);
}

.datepicker table tr td.today:hover {
	background-color: rgb(253, 245, 154);
}

.datepicker table tr td.today.active:hover {
	background-color: rgb(253, 245, 154);
}

.datepicker table tr td.today.disabled:hover {
	background-color: rgb(253, 245, 154);
}

.datepicker table tr td.today:hover:active {
	background-color: rgb(253, 245, 154);
}

.datepicker table tr td.today:hover {
	background-color: rgb(253, 245, 154);
}

.datepicker table tr td[disabled].today:hover {
	background-color: rgb(253, 245, 154);
}

.datepicker table tr td[disabled].today {
	background-color: rgb(253, 245, 154);
}

.datepicker table tr td.today.active {
}

.datepicker table tr td.today.disabled.active {
}

.datepicker table tr td.today.disabled:active {
}

.datepicker table tr td.today.disabled.active:hover {
}

.datepicker table tr td.today.disabled:hover:active {
}

.datepicker table tr td.today:active {
}

.datepicker table tr td.today.active:hover {
}

.datepicker table tr td.today:hover:active {
}

.datepicker table tr td.today:hover {
	color: rgb(0, 0, 0);
}

.datepicker table tr td.today.active:hover {
	color: rgb(255, 255, 255);
}

.datepicker table tr td.range {
	background: rgb(238, 238, 238);
	border-radius: 0px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

	.datepicker table tr td.range.disabled {
		background: rgb(238, 238, 238);
		border-radius: 0px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
	}

		.datepicker table tr td.range.disabled:hover {
			background: rgb(238, 238, 238);
			border-radius: 0px;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
		}

	.datepicker table tr td.range:hover {
		background: rgb(238, 238, 238);
		border-radius: 0px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
	}

	.datepicker table tr td.range.today {
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		border-radius: 0px;
		background-image: linear-gradient(rgb(243, 193, 122), rgb(243, 233, 122));
		background-repeat: repeat-x;
		background-color: rgb(243, 209, 122);
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
	}

		.datepicker table tr td.range.today.disabled {
			border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
			border-radius: 0px;
			background-image: linear-gradient(rgb(243, 193, 122), rgb(243, 233, 122));
			background-repeat: repeat-x;
			background-color: rgb(243, 209, 122);
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
		}

			.datepicker table tr td.range.today.disabled:hover {
				border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
				border-radius: 0px;
				background-image: linear-gradient(rgb(243, 193, 122), rgb(243, 233, 122));
				background-repeat: repeat-x;
				background-color: rgb(243, 209, 122);
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
			}

		.datepicker table tr td.range.today:hover {
			border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
			border-radius: 0px;
			background-image: linear-gradient(rgb(243, 193, 122), rgb(243, 233, 122));
			background-repeat: repeat-x;
			background-color: rgb(243, 209, 122);
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
		}

		.datepicker table tr td.range.today.active {
			background-color: rgb(243, 233, 122);
		}

		.datepicker table tr td.range.today.disabled {
			background-color: rgb(243, 233, 122);
		}

			.datepicker table tr td.range.today.disabled.active {
				background-color: rgb(243, 233, 122);
			}

			.datepicker table tr td.range.today.disabled.disabled {
				background-color: rgb(243, 233, 122);
			}

			.datepicker table tr td.range.today.disabled:active {
				background-color: rgb(243, 233, 122);
			}

			.datepicker table tr td.range.today.disabled:hover {
				background-color: rgb(243, 233, 122);
			}

			.datepicker table tr td.range.today.disabled.active:hover {
				background-color: rgb(243, 233, 122);
			}

			.datepicker table tr td.range.today.disabled.disabled:hover {
				background-color: rgb(243, 233, 122);
			}

			.datepicker table tr td.range.today.disabled:hover:active {
				background-color: rgb(243, 233, 122);
			}

			.datepicker table tr td.range.today.disabled:hover {
				background-color: rgb(243, 233, 122);
			}

.datepicker table tr td[disabled].range.today.disabled:hover {
	background-color: rgb(243, 233, 122);
}

.datepicker table tr td[disabled].range.today.disabled {
	background-color: rgb(243, 233, 122);
}

.datepicker table tr td.range.today:active {
	background-color: rgb(243, 233, 122);
}

.datepicker table tr td.range.today:hover {
	background-color: rgb(243, 233, 122);
}

.datepicker table tr td.range.today.active:hover {
	background-color: rgb(243, 233, 122);
}

.datepicker table tr td.range.today.disabled:hover {
	background-color: rgb(243, 233, 122);
}

.datepicker table tr td.range.today:hover:active {
	background-color: rgb(243, 233, 122);
}

.datepicker table tr td.range.today:hover {
	background-color: rgb(243, 233, 122);
}

.datepicker table tr td[disabled].range.today:hover {
	background-color: rgb(243, 233, 122);
}

.datepicker table tr td[disabled].range.today {
	background-color: rgb(243, 233, 122);
}

.datepicker table tr td.range.today.active {
}

.datepicker table tr td.range.today.disabled.active {
}

.datepicker table tr td.range.today.disabled:active {
}

.datepicker table tr td.range.today.disabled.active:hover {
}

.datepicker table tr td.range.today.disabled:hover:active {
}

.datepicker table tr td.range.today:active {
}

.datepicker table tr td.range.today.active:hover {
}

.datepicker table tr td.range.today:hover:active {
}

.datepicker table tr td.selected {
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: rgb(255, 255, 255);
	text-shadow: 0px -1px 0px rgba(0,0,0,0.25);
	background-image: linear-gradient(rgb(179, 179, 179), grey);
	background-repeat: repeat-x;
	background-color: rgb(158, 158, 158);
}

	.datepicker table tr td.selected.disabled {
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		color: rgb(255, 255, 255);
		text-shadow: 0px -1px 0px rgba(0,0,0,0.25);
		background-image: linear-gradient(rgb(179, 179, 179), grey);
		background-repeat: repeat-x;
		background-color: rgb(158, 158, 158);
	}

		.datepicker table tr td.selected.disabled:hover {
			border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
			color: rgb(255, 255, 255);
			text-shadow: 0px -1px 0px rgba(0,0,0,0.25);
			background-image: linear-gradient(rgb(179, 179, 179), grey);
			background-repeat: repeat-x;
			background-color: rgb(158, 158, 158);
		}

	.datepicker table tr td.selected:hover {
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		color: rgb(255, 255, 255);
		text-shadow: 0px -1px 0px rgba(0,0,0,0.25);
		background-image: linear-gradient(rgb(179, 179, 179), grey);
		background-repeat: repeat-x;
		background-color: rgb(158, 158, 158);
	}

	.datepicker table tr td.selected.active {
		background-color: grey;
	}

	.datepicker table tr td.selected.disabled {
		background-color: grey;
	}

		.datepicker table tr td.selected.disabled.active {
			background-color: grey;
		}

		.datepicker table tr td.selected.disabled.disabled {
			background-color: grey;
		}

		.datepicker table tr td.selected.disabled:active {
			background-color: grey;
		}

		.datepicker table tr td.selected.disabled:hover {
			background-color: grey;
		}

		.datepicker table tr td.selected.disabled.active:hover {
			background-color: grey;
		}

		.datepicker table tr td.selected.disabled.disabled:hover {
			background-color: grey;
		}

		.datepicker table tr td.selected.disabled:hover:active {
			background-color: grey;
		}

		.datepicker table tr td.selected.disabled:hover {
			background-color: grey;
		}

.datepicker table tr td[disabled].selected.disabled:hover {
	background-color: grey;
}

.datepicker table tr td[disabled].selected.disabled {
	background-color: grey;
}

.datepicker table tr td.selected:active {
	background-color: grey;
}

.datepicker table tr td.selected:hover {
	background-color: grey;
}

.datepicker table tr td.selected.active:hover {
	background-color: grey;
}

.datepicker table tr td.selected.disabled:hover {
	background-color: grey;
}

.datepicker table tr td.selected:hover:active {
	background-color: grey;
}

.datepicker table tr td.selected:hover {
	background-color: grey;
}

.datepicker table tr td[disabled].selected:hover {
	background-color: grey;
}

.datepicker table tr td[disabled].selected {
	background-color: grey;
}

.datepicker table tr td.selected.active {
}

.datepicker table tr td.selected.disabled.active {
}

.datepicker table tr td.selected.disabled:active {
}

.datepicker table tr td.selected.disabled.active:hover {
}

.datepicker table tr td.selected.disabled:hover:active {
}

.datepicker table tr td.selected:active {
}

.datepicker table tr td.selected.active:hover {
}

.datepicker table tr td.selected:hover:active {
}

.datepicker table tr td.active {
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: rgb(255, 255, 255);
	text-shadow: 0px -1px 0px rgba(0,0,0,0.25);
	background-image: linear-gradient(rgb(0, 136, 204), rgb(0, 68, 204));
	background-repeat: repeat-x;
	background-color: rgb(0, 109, 204);
}

	.datepicker table tr td.active.disabled {
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		color: rgb(255, 255, 255);
		text-shadow: 0px -1px 0px rgba(0,0,0,0.25);
		background-image: linear-gradient(rgb(0, 136, 204), rgb(0, 68, 204));
		background-repeat: repeat-x;
		background-color: rgb(0, 109, 204);
	}

		.datepicker table tr td.active.disabled:hover {
			border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
			color: rgb(255, 255, 255);
			text-shadow: 0px -1px 0px rgba(0,0,0,0.25);
			background-image: linear-gradient(rgb(0, 136, 204), rgb(0, 68, 204));
			background-repeat: repeat-x;
			background-color: rgb(0, 109, 204);
		}

	.datepicker table tr td.active:hover {
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		color: rgb(255, 255, 255);
		text-shadow: 0px -1px 0px rgba(0,0,0,0.25);
		background-image: linear-gradient(rgb(0, 136, 204), rgb(0, 68, 204));
		background-repeat: repeat-x;
		background-color: rgb(0, 109, 204);
	}

	.datepicker table tr td.active.active {
		background-color: rgb(0, 68, 204);
	}

	.datepicker table tr td.active.disabled {
		background-color: rgb(0, 68, 204);
	}

		.datepicker table tr td.active.disabled.active {
			background-color: rgb(0, 68, 204);
		}

		.datepicker table tr td.active.disabled.disabled {
			background-color: rgb(0, 68, 204);
		}

		.datepicker table tr td.active.disabled:active {
			background-color: rgb(0, 68, 204);
		}

		.datepicker table tr td.active.disabled:hover {
			background-color: rgb(0, 68, 204);
		}

		.datepicker table tr td.active.disabled.active:hover {
			background-color: rgb(0, 68, 204);
		}

		.datepicker table tr td.active.disabled.disabled:hover {
			background-color: rgb(0, 68, 204);
		}

		.datepicker table tr td.active.disabled:hover:active {
			background-color: rgb(0, 68, 204);
		}

		.datepicker table tr td.active.disabled:hover {
			background-color: rgb(0, 68, 204);
		}

.datepicker table tr td[disabled].active.disabled:hover {
	background-color: rgb(0, 68, 204);
}

.datepicker table tr td[disabled].active.disabled {
	background-color: rgb(0, 68, 204);
}

.datepicker table tr td.active:active {
	background-color: rgb(0, 68, 204);
}

.datepicker table tr td.active:hover {
	background-color: rgb(0, 68, 204);
}

.datepicker table tr td.active.active:hover {
	background-color: rgb(0, 68, 204);
}

.datepicker table tr td.active.disabled:hover {
	background-color: rgb(0, 68, 204);
}

.datepicker table tr td.active:hover:active {
	background-color: rgb(0, 68, 204);
}

.datepicker table tr td.active:hover {
	background-color: rgb(0, 68, 204);
}

.datepicker table tr td[disabled].active:hover {
	background-color: rgb(0, 68, 204);
}

.datepicker table tr td[disabled].active {
	background-color: rgb(0, 68, 204);
}

.datepicker table tr td.active.active {
}

.datepicker table tr td.active.disabled.active {
}

.datepicker table tr td.active.disabled:active {
}

.datepicker table tr td.active.disabled.active:hover {
}

.datepicker table tr td.active.disabled:hover:active {
}

.datepicker table tr td.active:active {
}

.datepicker table tr td.active.active:hover {
}

.datepicker table tr td.active:hover:active {
}

.datepicker table tr td span {
	margin: 1%;
	border-radius: 4px;
	width: 23%;
	height: 54px;
	line-height: 54px;
	float: left;
	display: block;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

	.datepicker table tr td span.focused {
		background: rgb(238, 238, 238);
	}

	.datepicker table tr td span:hover {
		background: rgb(238, 238, 238);
	}

	.datepicker table tr td span.disabled {
		background: 0px 0px;
		color: rgb(153, 153, 153);
		cursor: default;
	}

		.datepicker table tr td span.disabled:hover {
			background: 0px 0px;
			color: rgb(153, 153, 153);
			cursor: default;
		}

	.datepicker table tr td span.active {
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		color: rgb(255, 255, 255);
		text-shadow: 0px -1px 0px rgba(0,0,0,0.25);
		background-image: linear-gradient(rgb(0, 136, 204), rgb(0, 68, 204));
		background-repeat: repeat-x;
		background-color: rgb(0, 109, 204);
	}

		.datepicker table tr td span.active.disabled {
			border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
			color: rgb(255, 255, 255);
			text-shadow: 0px -1px 0px rgba(0,0,0,0.25);
			background-image: linear-gradient(rgb(0, 136, 204), rgb(0, 68, 204));
			background-repeat: repeat-x;
			background-color: rgb(0, 109, 204);
		}

			.datepicker table tr td span.active.disabled:hover {
				border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
				color: rgb(255, 255, 255);
				text-shadow: 0px -1px 0px rgba(0,0,0,0.25);
				background-image: linear-gradient(rgb(0, 136, 204), rgb(0, 68, 204));
				background-repeat: repeat-x;
				background-color: rgb(0, 109, 204);
			}

		.datepicker table tr td span.active:hover {
			border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
			color: rgb(255, 255, 255);
			text-shadow: 0px -1px 0px rgba(0,0,0,0.25);
			background-image: linear-gradient(rgb(0, 136, 204), rgb(0, 68, 204));
			background-repeat: repeat-x;
			background-color: rgb(0, 109, 204);
		}

		.datepicker table tr td span.active.active {
			background-color: rgb(0, 68, 204);
		}

		.datepicker table tr td span.active.disabled {
			background-color: rgb(0, 68, 204);
		}

			.datepicker table tr td span.active.disabled.active {
				background-color: rgb(0, 68, 204);
			}

			.datepicker table tr td span.active.disabled.disabled {
				background-color: rgb(0, 68, 204);
			}

			.datepicker table tr td span.active.disabled:active {
				background-color: rgb(0, 68, 204);
			}

			.datepicker table tr td span.active.disabled:hover {
				background-color: rgb(0, 68, 204);
			}

			.datepicker table tr td span.active.disabled.active:hover {
				background-color: rgb(0, 68, 204);
			}

			.datepicker table tr td span.active.disabled.disabled:hover {
				background-color: rgb(0, 68, 204);
			}

			.datepicker table tr td span.active.disabled:hover:active {
				background-color: rgb(0, 68, 204);
			}

			.datepicker table tr td span.active.disabled:hover {
				background-color: rgb(0, 68, 204);
			}

	.datepicker table tr td span[disabled].active.disabled:hover {
		background-color: rgb(0, 68, 204);
	}

	.datepicker table tr td span[disabled].active.disabled {
		background-color: rgb(0, 68, 204);
	}

	.datepicker table tr td span.active:active {
		background-color: rgb(0, 68, 204);
	}

	.datepicker table tr td span.active:hover {
		background-color: rgb(0, 68, 204);
	}

	.datepicker table tr td span.active.active:hover {
		background-color: rgb(0, 68, 204);
	}

	.datepicker table tr td span.active.disabled:hover {
		background-color: rgb(0, 68, 204);
	}

	.datepicker table tr td span.active:hover:active {
		background-color: rgb(0, 68, 204);
	}

	.datepicker table tr td span.active:hover {
		background-color: rgb(0, 68, 204);
	}

	.datepicker table tr td span[disabled].active:hover {
		background-color: rgb(0, 68, 204);
	}

	.datepicker table tr td span[disabled].active {
		background-color: rgb(0, 68, 204);
	}

	.datepicker table tr td span.active.active {
	}

	.datepicker table tr td span.active.disabled.active {
	}

	.datepicker table tr td span.active.disabled:active {
	}

	.datepicker table tr td span.active.disabled.active:hover {
	}

	.datepicker table tr td span.active.disabled:hover:active {
	}

	.datepicker table tr td span.active:active {
	}

	.datepicker table tr td span.active.active:hover {
	}

	.datepicker table tr td span.active:hover:active {
	}

	.datepicker table tr td span.new {
		color: rgb(153, 153, 153);
	}

	.datepicker table tr td span.old {
		color: rgb(153, 153, 153);
	}

.datepicker .datepicker-switch {
	width: 145px;
}

.datepicker .datepicker-switch {
	cursor: pointer;
}

.datepicker .next {
	cursor: pointer;
}

.datepicker .prev {
	cursor: pointer;
}

.datepicker tfoot tr th {
	cursor: pointer;
}

.datepicker .datepicker-switch:hover {
	background: rgb(238, 238, 238);
}

.datepicker .next:hover {
	background: rgb(238, 238, 238);
}

.datepicker .prev:hover {
	background: rgb(238, 238, 238);
}

.datepicker tfoot tr th:hover {
	background: rgb(238, 238, 238);
}

.datepicker .next.disabled {
	visibility: hidden;
}

.datepicker .prev.disabled {
	visibility: hidden;
}

.datepicker .cw {
	padding: 0px 2px 0px 5px;
	width: 12px;
	font-size: 10px;
	vertical-align: middle;
}

.input-append.date .add-on {
	cursor: pointer;
}

.input-prepend.date .add-on {
	cursor: pointer;
}

.input-append.date .add-on i {
	margin-top: 3px;
}

.input-prepend.date .add-on i {
	margin-top: 3px;
}

.input-daterange input {
	text-align: center;
}

	.input-daterange input:first-child {
		border-radius: 3px 0px 0px 3px;
		-webkit-border-radius: 3px 0 0 3px;
		-moz-border-radius: 3px 0 0 3px;
	}

	.input-daterange input:last-child {
		border-radius: 0px 3px 3px 0px;
		-webkit-border-radius: 0 3px 3px 0;
		-moz-border-radius: 0 3px 3px 0;
	}

.input-daterange .add-on {
	padding: 4px 5px;
	border: 1px solid rgb(204, 204, 204);
	border-image: none;
	width: auto;
	height: 18px;
	text-align: center;
	line-height: 18px;
	font-weight: 400;
	margin-right: -5px;
	margin-left: -5px;
	vertical-align: middle;
	display: inline-block;
	min-width: 16px;
	text-shadow: 0px 1px 0px #fff;
	background-color: rgb(238, 238, 238);
}

html {
	height: 100%;
	overflow: hidden;
	width: 100%;
}

body {
	font-family: 'GoogleSans-Regular' !important;
	height: 100%;
	color: rgb(74, 74, 74);
	position: relative;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.display-block {
	display: none !important;
}

.dataTables_filter {
	display: none !important;
}

.displaynothing {
	display: none !important;
}

a {
	color: #005fff;
	line-height: normal;
	letter-spacing: 0.4px;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	cursor: pointer;
	font-stretch: normal;
}

	a:hover {
		color: #005fff;
		line-height: normal;
		letter-spacing: 0.4px;
		/*font-size: 14px;*/
		font-style: normal;
		font-weight: bold;
		text-decoration: none;
		cursor: pointer;
		font-stretch: normal;
	}

.glyphicon-alt {
	color: rgb(74, 188, 255);
	font-size: 14px !important;
}

	.glyphicon-alt:hover {
		color: rgb(74, 188, 255);
		line-height: 1 !important;
		font-size: 14px !important;
		font-weight: normal !important;
	}

	.glyphicon-alt:focus {
		color: rgb(74, 188, 255);
		line-height: 1 !important;
		font-size: 14px !important;
		font-weight: normal !important;
		text-decoration: none;
	}

.vendor-group-edit {
	padding: 0px 20px 0px 80px;
}

.modal-dialog {
	margin: 12% auto 0px;
}

.modal-content {
	border-radius: 0px !important;
}

.modal-title {
	text-align: center;
	color: rgb(25, 25, 25);
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
}

.modal-body p {
	text-align: center;
	color: rgb(25, 25, 25);
	font-size: 17px;
	font-weight: 400;
}

.padd-top-20 {
	padding-top: 20px;
}

.details_tab > li + li {
	margin-left: 28px;
}

.name-row-admin p {
	width: 70px;
}

.edit-icon-details {
	padding: 11px 12px;
	border-radius: 65px;
	border: 1px solid rgb(74, 188, 255);
	border-image: none;
	top: 143px;
	width: 39px;
	height: 38px;
	right: 50px;
	float: right;
	position: absolute;
}

.back-arrow {
	cursor: pointer;
}

.no-padding {
	padding: 0px;
}

.fa-excla-alt {
	color: rgb(232, 53, 53);
	font-size: 11px;
	margin-top: 3px;
	margin-right: 2px;
	margin-left: 0px;
	float: left;
}

.tool-tip .user-details {
	padding: 10px 21px;
}

@media all and (max-width:1400px) and (min-width:1200px) {
	.main-container-block {
		min-height: 530px !important;
	}

	.mainlogin {
		height: 100% !important;
		min-height: 525px !important;
	}
}

.span-label {
	color: rgb(155, 155, 155);
	font-size: 12px;
	position: absolute;
}

.span-label_warehouse {
	color: rgb(155, 155, 155);
	font-size: 14px;
	position: absolute;
}

.details_tab li {
	margin-left: 5px;
}

	.details_tab li a {
		padding: 10px 0px;
		color: rgb(0, 0, 0) !important;
		line-height: normal;
		letter-spacing: 0.4px;
		font-size: 14px;
		font-style: normal;
		font-weight: bold;
		font-stretch: normal;
	}

		.details_tab li a:hover {
			background-color: rgb(244, 248, 249);
		}

.details_tab .active a {
	padding: 5px 0px;
	border-radius: 0px !important;
	color: rgb(0, 0, 0) !important;
	line-height: normal;
	letter-spacing: 0.4px;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	border-top-color: rgb(74, 188, 255);
	border-top-width: 5px;
	border-top-style: solid;
	font-stretch: normal;
	background-color: rgb(244, 248, 249) !important;
}

.shipmentdate-add {
	border-bottom-color: rgb(203, 203, 203) !important;
	border-bottom-width: 1px !important;
	border-bottom-style: solid !important;
}

	.shipmentdate-add .shipmentdate {
		border-radius: 0px;
		border: 0px solid rgb(204, 204, 204);
		border-image: none;
		box-shadow: 0px 0px 0px 0px #ccc;
	}

.modal-open .modal {
	background: rgba(0, 0, 0, 0.4);
}

.access-users-details .modal-alt-user {
	background: rgb(0, 0, 0);
	left: 0px;
	top: 0px;
	height: 100%;
	right: 0px;
	display: block;
	position: fixed;
	z-index: 4;
	opacity: 0.4;
}

.access-users-details .tool-tip-user {
	background: rgb(255, 255, 255);
	border-radius: 25px;
	border: 1px solid rgb(74, 188, 255);
	border-image: none;
	width: 300px;
	height: auto;
	position: absolute;
	z-index: 4;
	min-height: 100px;
}

	.access-users-details .tool-tip-user::after {
		border-width: 11px;
		border-style: solid;
		border-color: rgb(75, 188, 255) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
		border-image: none;
		left: 50%;
		top: 100%;
		width: 0px;
		height: 0px;
		margin-left: -11px;
		position: absolute;
		content: " ";
		pointer-events: none;
	}

	.access-users-details .tool-tip-user .user-details {
		padding: 10px 21px;
	}

	.access-users-details .tool-tip-user .tool-tip-header {
		border-bottom-color: rgb(74, 188, 255);
		border-bottom-width: 1px;
		border-bottom-style: solid;
	}

		.access-users-details .tool-tip-user .tool-tip-header h3 {
			margin: 0px;
			padding: 10px 0px 5px;
			font-size: 14px;
			font-weight: 800;
		}

	.access-users-details .tool-tip-user .functional-access-block {
		padding: 10px 10px 0px;
		font-size: 11px;
		border-bottom-color: rgb(74, 188, 255);
		border-bottom-width: 1px;
		border-bottom-style: solid;
	}

	.access-users-details .tool-tip-user .vendor-access-block {
		padding: 10px 10px 0px;
		font-size: 11px;
	}
/*
.navbar-alt {
    
    background: transparent linear-gradient(93deg, #1B5AA1 0%, #0C2945 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    
    border-radius: 0px;
    height: 70px;
    margin-bottom: 0px;
}*/

.navbar-alt .navbar-header {
	/*padding: 0px 0px 0px 4%;*/
}

	.navbar-alt .navbar-header .navbar-brand {
		/*padding: 0px !important;*/
	}

.navbar-alt .navbar-collapse .main-menu-navigation {
	padding: 0px 10%;
}

.navbar-alt .navbar-collapse .navbar-nav li {
	padding: 10px 10px;
	margin-top: 5px;
}

	.navbar-alt .navbar-collapse .navbar-nav li a {
		background: none;
		padding: 0px;
		color: rgb(255, 255, 255);
		line-height: normal;
		letter-spacing: 0.4px;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		font-stretch: normal;
		opacity: 1;
	}

	.navbar-alt .navbar-collapse .navbar-nav li .help-support {
		opacity: 1 !important;
	}

		.navbar-alt .navbar-collapse .navbar-nav li .help-support i {
			color: rgb(255, 255, 255);
			font-size: 25px;
			margin-top: -1px;
		}

.navbar-alt .navbar-collapse .navbar-nav .active a {
	color: rgb(255, 255, 255);
	line-height: normal;
	letter-spacing: 0.4px;
	font-size: 14.5px;
	font-style: normal;
	font-weight: 500;
	font-stretch: normal;
	opacity: 1;
	background-color: transparent;
}

.navbar-alt .navbar-collapse .navbar-nav .active div {
	margin-top: 3%;
	border-bottom-color: rgb(255, 255, 255);
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

.navbar-alt .navbar-collapse .navbar-nav .dropdown .dropdown-toggle {
	color: rgb(255, 255, 255);
}

	.navbar-alt .navbar-collapse .navbar-nav .dropdown .dropdown-toggle i {
		font-size: 25px;
		margin-right: 10px;
	}

	.navbar-alt .navbar-collapse .navbar-nav .dropdown .dropdown-toggle .user-name-text {
		width: 80px;
		letter-spacing: 0.4px;
		overflow: hidden;
		margin-bottom: 0px;
		display: inline-block;
		white-space: nowrap;
		-ms-text-overflow: ellipsis;
	}

	.navbar-alt .navbar-collapse .navbar-nav .dropdown .dropdown-toggle .dropdown-icon {
		color: rgb(74, 188, 255);
	}

.navbar-alt .navbar-collapse .navbar-nav .dropdown .dropdown-menu {
	background: linear-gradient(to right, rgb(1, 67, 129), rgb(7, 41, 85));
}

	.navbar-alt .navbar-collapse .navbar-nav .dropdown .dropdown-menu li {
		padding: 10px;
	}

		.navbar-alt .navbar-collapse .navbar-nav .dropdown .dropdown-menu li a {
			opacity: 1;
		}

			.navbar-alt .navbar-collapse .navbar-nav .dropdown .dropdown-menu li a:hover {
				background: linear-gradient(to right, rgb(1, 67, 129), rgb(7, 41, 85));
			}

		.navbar-alt .navbar-collapse .navbar-nav .dropdown .dropdown-menu li afocus {
			background: linear-gradient(to right, rgb(1, 67, 129), rgb(7, 41, 85));
		}

	.navbar-alt .navbar-collapse .navbar-nav .dropdown .dropdown-menu .divider {
		padding: 0px;
	}

.navbar-alt .navbar-collapse .navbar-nav .dropdown-alt .dropdown-toggle i {
	margin-left: 5px;
}

.navbar-alt .navbar-collapse .navbar-nav .dropdown-alt .dropdown-menu {
	background: linear-gradient(to right, rgb(1, 67, 129), rgb(7, 41, 85));
}

	.navbar-alt .navbar-collapse .navbar-nav .dropdown-alt .dropdown-menu li a:focus {
		background: none !important;
	}

.navbar-alt .navbar-collapse .navbar-nav .open .dropdown-toggle {
	background: rgb(7, 44, 90);
}

.footer {
	padding: 10px 0px 0px;
	width: 100%;
	bottom: 0px;
	position: absolute;
	background-color: rgb(255, 255, 255);
}

	.footer .container {
		width: 100%;
	}

		.footer .container .navbar-footer li a {
			padding: 0px 15px;
			text-align: center;
			color: rgb(0, 0, 0);
			line-height: normal;
			letter-spacing: 0.4px;
			font-size: 1em;
			font-style: normal;
			font-weight: normal;
			font-stretch: normal;
		}

.psmi_employee_link {
	background: rgb(255, 255, 255);
	padding: 0px 15px;
	border: 0px currentColor;
	border-image: none;
	text-align: center;
	color: rgb(0, 0, 0);
	line-height: normal;
	letter-spacing: 0.4px;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-stretch: normal;
}

.main-container-block {
	width: 100%;
	height: auto;
	-ms-overflow-y: auto;
	min-height: 588px !important;
	animation-name: fade-in;
	animation-duration: 2.1s;
	animation-fill-mode: both;
	background-color: #fff;
	margin-top: 50px !important;
}

	.main-container-block .heading-block {
		background: rgb(255, 255, 255);
		padding: 7px 55px 4px 50px;
		height: auto;
		min-height: 50px;
		background-color: #fff;
		position: fixed;
		width: 100%;
		z-index: 999;
	}

		.main-container-block .heading-block h1 {
			/*margin : 10px 0px;
            color: rgb(0, 0, 0);
            line-height: normal;
            letter-spacing: normal;
            font-size: 19px;
            font-style: normal;
            font-weight: 600;
            font-stretch: normal;
            padding: 5px 0;
            cursor: pointer;*/
			font-size: 14px;
			font-weight: bold;
			font-style: normal;
			font-stretch: normal;
			line-height: normal;
			letter-spacing: 0.4px;
			color: #44546f;
			padding: 2px 0px;
			cursor: pointer;
		}

			.main-container-block .heading-block h1 a {
				color: rgb(0, 0, 0);
			}

				.main-container-block .heading-block h1 a i {
					padding: 0px 17px 0px 13px;
					font-size: 22px;
				}

			.main-container-block .heading-block h1 .back-arrow {
				cursor: pointer;
			}

	.main-container-block .outer-form-container {
		margin: 10px 0px;
		padding: 10px 0px;
		height: 380px;
		-ms-overflow-y: auto;
	}

	.main-container-block .form-container {
		background: rgb(255, 255, 255);
		margin: 2% 19% 0%;
		padding: 30px;
		border-radius: 0px;
		width: 65%;
		height: auto;
		position: relative;
		min-height: 187px;
		box-shadow: 0px 1px 6px 1px #ccc;
	}

		.main-container-block .form-container form h4 {
			margin: 10px 0px 20px;
			font-size: 15px;
			font-weight: 600;
		}

	.main-container-block .button-block {
		padding: 0px 0px 3%;
		left: 0px;
		width: 100%;
		right: 0px;
		bottom: 0px;
		position: absolute;
	}

	.main-container-block .heading-block .inner-button-block {
		padding-top: 8px;
		padding-right: 17px;
		padding-left: 0px;
	}

	.main-container-block .heading-block .row .date-filter {
		background: rgb(255, 255, 255) !important;
	}

.added-vendors-block {
	margin: 5px 29px 0px 2px;
	padding: 10px 42px;
}

	.added-vendors-block .form-alt-search {
		background: rgb(244, 248, 249);
	}

.create-user-btn {
	right: 0px;
	position: absolute;
	z-index: 1;
}

	.create-user-btn a {
		margin-left: 51%;
	}

.user-wizard-container {
	margin: 0px auto;
	width: 50%;
}

.tab-content-alt {
	margin-top: 20px;
}

	.tab-content-alt .tab-pane h4 {
		color: rgb(74, 74, 74);
		line-height: normal;
		letter-spacing: 0.4px;
		font-size: 15px;
		font-style: normal;
		font-weight: 600;
		font-stretch: normal;
	}

	.tab-content-alt .tab-pane .vendor_details_block {
		margin: 15px 0px 19px;
		padding-bottom: 20px;
		border-bottom-color: rgb(204, 204, 204);
		border-bottom-width: 1px;
		border-bottom-style: solid;
	}

		.tab-content-alt .tab-pane .vendor_details_block label {
			color: rgb(155, 155, 155);
			line-height: normal;
			letter-spacing: 0.4px;
			font-size: 14px;
			font-style: normal;
			font-weight: normal;
			font-stretch: normal;
		}

		.tab-content-alt .tab-pane .vendor_details_block p {
			color: rgb(74, 74, 74);
			line-height: normal;
			letter-spacing: 0.4px;
			font-size: 16px;
			font-style: normal;
			font-weight: normal;
			font-stretch: normal;
		}

		.tab-content-alt .tab-pane .vendor_details_block .groupname_block {
			padding-left: 5px;
		}

.vendor_block h3 {
	font-size: 18px;
}

.vendor_block h4 {
	padding-left: 2px;
	font-size: 15px;
	font-weight: 600;
}

.vendor_block .vendors-list {
	padding-left: 15px;
}

	.vendor_block .vendors-list li {
		padding: 10px;
		font-size: 15px;
	}

.vendor_block .functional-list {
	padding-left: 14px;
}

	.vendor_block .functional-list li {
		padding: 10px;
		font-size: 15px;
	}

.main-container-details {
	padding: 0px 9%;
}

.search-block-create {
	margin-top: 2px;
}

.added-vendor {
	background: rgb(255, 255, 255);
	margin: 5px 10px;
	padding: 5px;
	border-radius: 33px;
	font-size: 10px;
	float: left;
}

	.added-vendor span {
		padding: 0px 10px;
	}

	.added-vendor i {
		cursor: pointer;
	}

.added-vendors {
	-ms-overflow-y: auto;
	min-height: 0px;
	max-height: 100px;
}

.detail-edit a i {
	padding: 6px;
	border-radius: 20px;
	border: 1px solid rgb(74, 188, 255);
	border-image: none;
	font-size: 20px;
}

.tabs-container {
	padding: 0% 4.5%;
}

.user-listing-details {
	top: 136px !important;
	right: 0px !important;
	margin-right: 5%;
	position: absolute;
}

.access-detials-block {
	padding-top: 10px;
}

	.access-detials-block .row .form-group select {
		padding: 0px;
	}

	.access-detials-block .vendor-access-block h4 {
		font-size: 14px;
		font-weight: 600;
	}

	.access-detials-block .vendor-access-block label {
		font-size: 12px;
	}

	.access-detials-block .funtional-access-block h4 {
		font-size: 14px;
		font-weight: 600;
	}

	.access-detials-block .funtional-access-block label {
		font-size: 12px;
	}

.example-text {
	color: rgb(203, 203, 203);
	font-size: 12px;
}

.access-detials-block -label {
	color: rgb(203, 203, 203);
}

.funtional-access-block {
	padding-top: 10px;
}

.details-block h3 {
	font-size: 17px;
	font-weight: 600;
}

.details-block label {
	color: rgb(155, 155, 155);
	font-size: 14px;
}

.detail-container {
	padding-bottom: 10px;
	border-bottom-color: rgb(204, 204, 204);
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.detail-form-block {
	background: rgb(255, 255, 255);
	margin: 44px 19%;
	height: auto;
	min-height: 40px;
}

	.detail-form-block .access-detials-block {
		padding: 20px;
		margin-bottom: 20px;
	}

		.detail-form-block .access-detials-block h4 {
			font-size: 15px;
		}

.detail-block-container {
	height: 450px;
	padding-bottom: 30px;
	-ms-overflow-y: auto;
}

	.detail-block-container .tab-content-alt {
		margin-top: 20px;
		margin-bottom: 20px;
	}

.registartion-reqbtn {
	margin-bottom: 3%;
}

.user-profile-form {
	padding: 30px;
}

	.user-profile-form h4 {
		font-size: 13px;
		font-weight: 600;
	}

	.user-profile-form .vendor-access-block label {
		font-size: 12px;
	}

	.user-profile-form .funtional-access-block label {
		font-size: 12px;
	}

.user-pri-btn-group {
	margin: 4% 0px;
}

.change-password-block {
	margin: 0px !important;
	left: 50%;
	top: 50%;
	width: 27% !important;
	position: absolute !important;
	transform: translate(-50%, -50%);
}

.search-block-withoutbtn .icon-addon {
	margin-top: -2.5px;
}

.description-text {
	width: 200px;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
}

.label-alt {
	color: rgb(155, 155, 155);
	font-size: 12px;
}

.addded-vendor-detials .add-icon-details {
	padding: 10px 13px;
	border-radius: 65px;
	border: 1px solid rgb(74, 188, 255);
	border-image: none;
	top: 141px;
	width: 39px;
	height: 38px;
	right: 23%;
	float: right;
	position: absolute;
}

.dataTables_processing {
	background: rgb(0, 0, 0);
	width: 100%;
	height: 5%;
	text-align: center;
	bottom: 0px;
	color: rgb(255, 255, 255);
	display: block;
	opacity: 0.4;
}

.label-alt {
	color: rgb(155, 155, 155);
	font-size: 12px;
}

.addded-vendor-detials .add-icon-details {
	padding: 10px 13px;
	border-radius: 65px;
	border: 1px solid rgb(74, 188, 255);
	border-image: none;
	top: 141px;
	width: 39px;
	height: 38px;
	right: 27%;
	float: right;
	position: absolute;
}

.add-user-in-group {
	height: 453px !important;
}

.filter-button-block {
	background: rgb(255, 255, 255);
}

	.filter-button-block .date-filter {
		background: rgb(31, 65, 125);
		padding: 9px 11px;
		border-radius: 50%;
		border: 2px solid rgb(31, 65, 125) !important;
		border-image: none !important;
		width: 40px;
		height: 40px;
		color: rgb(255, 255, 255);
	}

	.filter-button-block .collapsed {
		background: rgb(255, 255, 255) !important;
		padding: 9px 11px;
		border-radius: 50%;
		border: 2px solid rgb(31, 65, 125) !important;
		border-image: none !important;
		width: 40px;
		height: 40px;
		cursor: pointer;
	}

		.filter-button-block .collapsed i {
			color: rgb(31, 65, 125) !important;
			font-size: 16px;
		}

.collapsed:hover {
	background: #005fff !important;
	color: #fff;
}

	.collapsed:hover i {
		color: #fff;
	}

.value-alt {
	padding: 3px;
	margin-top: 6px;
	display: inline-block;
}

.tooltip-error-alt {
	text-align: left;
	text-transform: none;
	line-height: 1.4285;
	letter-spacing: normal;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	word-spacing: normal;
	display: block;
	white-space: normal;
	position: absolute;
	-ms-word-break: normal;
	-ms-word-wrap: normal;
	opacity: 1;
	text-shadow: none;
}

	.tooltip-error-alt label {
		font-weight: 400 !important;
	}

.reg-error-msg {
	color: rgb(255, 127, 80);
	padding-top: 12px;
}

	.reg-error-msg label {
		font-weight: 500;
	}

.filter-button-block {
	background: rgb(255, 255, 255);
	padding: 0px 25px 0px 50px;
	height: 80px;
	margin-bottom: 5px;
}

.calender-collapse {
	background: rgb(255, 255, 255);
	padding: 20px;
	border-radius: 4px;
	width: 100%;
	height: auto;
	position: absolute;
	z-index: 99;
	min-height: 100px;
	box-shadow: 0px 2px 2px rgba(0,0,0,0.24), 0px 0px 2px rgba(0,0,0,0.12);
}

	.calender-collapse label {
		color: rgb(0, 0, 0);
		letter-spacing: 0.4px;
		font-size: 14px;
		font-weight: 400;
	}

	.calender-collapse .form-control {
		border-radius: 4px;
		border: 1px solid rgb(104, 101, 101);
		border-image: none;
		height: 37px;
		opacity: 0.7;
		background-color: rgb(255, 255, 255);
	}

		.calender-collapse .form-control:focus {
			box-shadow: 0px 0px 0px 0px #ccc;
		}

.status-label {
	padding: 6px 10px;
	border-radius: 50%;
	border: 1px solid rgb(204, 204, 204);
	border-image: none;
	width: 30px;
	height: 30px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
}

.shipment-block {
	padding: 10px 20px 10px 64px;
}

.status-circle {
	padding: 5px 0px;
	border: 1px solid currentColor;
	border-image: none;
	width: 9px;
	height: 0px; 
	border-radius: 50%; 
	display: inline-block; 
	/*margin-right: 5px; */
}

.completed-circle {
	background: rgb(155, 155, 155);
	border-color: rgb(155, 155, 155);
	color: rgb(255, 255, 255);
}

.acknowledge-circle {
	background: rgb(9, 171, 102);
	border-color: rgb(9, 171, 102);
	color: rgb(255, 255, 255);
}

.disputeclarification-circle {
	background: rgb(246, 153, 0);
	border-color: rgb(246, 153, 0);
	color: rgb(255, 255, 255);
}

.dispute-circle {
	background: rgb(252, 114, 90);
	border-color: rgb(252, 114, 90);
	color: rgb(255, 255, 255);
}

.new-circle {
	background: rgb(76, 70, 228);
	border-color: rgb(76, 70, 228);
	color: rgb(255, 255, 255);
}

.days-count .days-status-bar {
	background: rgb(204, 204, 204);
	margin: 0px 1px;
	border-radius: 10px;
	width: 17px;
	height: 5px;
	float: left;
}

.days-count .completed-days {
	background: rgb(9, 171, 102);
}

.days-count .middle-days {
	background: rgb(245, 166, 35);
}

.days-count .end-days {
	background: rgb(252, 114, 90);
}

.action-block {
	padding: 10px 5% 0px;
}

	.action-block p {
		color: rgb(155, 155, 155);
		font-size: 16px;
	}

.download-section {
	background: rgb(229, 229, 229);
	padding: 12px 5.1%;
	height: 60px;
	display: none;
}

	.download-section .col-md-2-alt {
		width: 13.4% !important;
	}

	.download-section .selected-text {
		padding: 5px 0px;
		color: rgb(0, 0, 0);
		line-height: normal;
		letter-spacing: 0.4px;
		font-size: 18px;
		font-style: normal;
		font-weight: normal;
		word-spacing: 1px;
		font-stretch: normal;
	}

		.download-section .selected-text b {
			letter-spacing: 0.4px;
		}

.detial-card:hover {
	cursor: pointer;
}

.cal-input-hidden {
	border-radius: 20px;
	width: 38px;
	height: 38px;
}

.additional-charges-block div {
	overflow: auto;
}

	.additional-charges-block div .select-drop-div {
	}

.requestclarification-circle {
	background: rgb(102, 194, 255);
	border-color: rgb(102, 194, 255);
	color: rgb(255, 255, 255);
}

.excel-icon {
	width: 35px;
	height: 35px;
	min-width: 35px;
	border-radius: 50%;
	background-color: #d2eede;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none !important;
	cursor: pointer;
}

	.excel-icon i {
		color: #1e6d41 !important;
	}

	.excel-icon img {
		width: 18px;
		height: 18px;
	}

	.excel-icon:hover {
		background-color: #1e6d41;
		color: #fff;
	}

		.excel-icon:hover i {
			color: #fff !important;
		}


.date-range-label {
	margin-top: 10px;
}

.date_ack {
	margin: 0px !important;
	border: 0px solid currentColor !important;
	border-image: none !important;
	box-shadow: 0px 0px 0px #ccc !important;
}

.po-details-tab {
	padding: 0px 3% !important;
}

.calendar-filter-block {
	width: 5.6%;
}

.upload-alt-btn {
	padding: 10px 13px !important;
	border-radius: 25px !important;
	width: 42px !important;
	height: 42px !important;
}

.heading-block .row .col-md-2 .date-filter {
	background: rgb(31, 65, 125) !important;
	padding: 9px 12px;
	border-radius: 50%;
	border: 2px solid rgb(31, 65, 125);
	border-image: none;
	width: 40px;
	height: 40px;
	color: rgb(255, 255, 255) !important;
	font-size: 14px;
	cursor: pointer;
}

.heading-block .row .col-md-2 .collapsed {
	background: rgb(255, 255, 255) !important;
	padding: 9px 12px;
	border-radius: 50%;
	border: 2px solid rgb(31, 65, 125);
	border-image: none;
	width: 40px;
	height: 40px;
	color: rgb(31, 65, 125) !important;
	font-size: 14px;
	cursor: pointer;
}

.file-upload-invoice .FileUpload {
	top: 128px !important;
	right: 80px !important;
	position: absolute;
	z-index: 99;
}

.exit-delete {
	margin-top: 8px;
	display: block;
}

.row-5 {
	width: 20%;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
	position: relative;
	min-height: 1px;
}

@media screen and (min-width:1400px) {
	.main-container-block {
		min-height: 580px !important;
	}
}

@media screen and (min-width:1600px) {
	.main-container-block {
		min-height: 580px !important;
	}
}

.addtional-charges-row {
	margin-top: 10px;
}

.dispute-reason {
	padding-left: 26px !important;
}

	.dispute-reason label {
		color: rgb(155, 155, 155);
		line-height: normal;
		letter-spacing: 0.4px;
		font-size: 14px;
		font-style: normal;
		font-weight: normal;
		font-stretch: normal;
	}

.dispute-action-taken-unpaid label {
	color: rgb(155, 155, 155);
	line-height: normal;
	letter-spacing: 0.4px;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-stretch: normal;
}

.supplier-access .form-group {
	padding-right: 20px;
	padding-bottom: 15px;
}

.table-qoutes-order-list thead tr th:nth-child(6) {
	text-align: right;
}

	.table-qoutes-order-list thead tr th:nth-child(6)::after {
		right: 80px;
	}

.table-qoutes-order-list tbody tr {
	cursor: pointer;
}

.shipment-date-error span {
	padding: 7px 27% 7% 69px;
	display: block;
}

.access-request-edit {
	background: rgb(255, 255, 255);
	margin: 10px 0px;
}

.access-group-container {
	padding-top: 3%;
}

.row-8 {
	width: 40%;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
	position: relative;
	min-height: 1px;
}

.view-profile-block h3 {
	font-size: 14px;
}

.steps-form-2 {
	margin: 20px;
	width: 100%;
	display: table;
	position: relative;
}

	.steps-form-2 .steps-row-2 {
		display: table-row;
	}

		.steps-form-2 .steps-row-2 .steps-step-2 {
			text-align: center;
			display: table-cell;
			position: relative;
		}

			.steps-form-2 .steps-row-2 .steps-step-2::after {
				border: 1px dashed rgb(205, 206, 208);
				border-image: none;
				top: 10px;
				width: 100%;
				height: 2px;
				bottom: 0px;
				position: absolute;
				content: " ";
			}

		.steps-form-2 .steps-row-2 :last-child.steps-step-2::after {
			display: none;
		}

		.steps-form-2 .steps-row-2 .steps-step-2 p {
			left: 38%;
			top: 24px;
			text-align: center;
			font-size: 14px;
			margin-top: 0.5rem;
			position: absolute;
		}

		.steps-form-2 .steps-row-2 .steps-step-2 button[disabled] {
			opacity: 1 !important;
		}

		.steps-form-2 .steps-row-2 .steps-step-2 .btn-circle-2 {
			padding: 3px 3px 13px 4px;
			border-radius: 50%;
			border: 2px solid rgb(205, 206, 208);
			border-image: none;
			width: 30px;
			height: 30px;
			color: rgb(205, 206, 208) !important;
			font-size: 15px;
			margin-top: -5px;
			margin-right: -1px;
			background-color: rgb(255, 255, 255);
		}

			.steps-form-2 .steps-row-2 .steps-step-2 .btn-circle-2:focus {
			}

		.steps-form-2 .steps-row-2 .compeleted a {
			border: 2px solid rgb(207, 208, 210) !important;
			border-image: none !important;
			background-color: rgb(244, 248, 249) !important;
		}

			.steps-form-2 .steps-row-2 .compeleted a i {
				color: rgb(6, 42, 87) !important;
			}

			.steps-form-2 .steps-row-2 .compeleted a:hover {
				border: 2px solid rgb(207, 208, 210) !important;
				border-image: none !important;
				background-color: rgb(244, 248, 249) !important;
			}

		.steps-form-2 .steps-row-2 .compeleted::after {
			border-color: rgb(6, 42, 87);
		}

.usercontainer {
	width: 500px !important;
}

	.usercontainer .steps-form-2 .user-creation .wizard-title {
		left: 30% !important;
	}

.steps-row-2 .active a {
	background: rgb(6, 42, 87) !important;
	border: 1px solid rgb(6, 42, 87) !important;
	border-image: none !important;
}

.form-group-alt {
	position: relative;
	word-wrap: break-word;
	word-break: break-all;
}

	.form-group-alt .form-control-alt {
		background: none;
		border-bottom: 1px solid #ddd !important;
		border-radius: 0;
		box-shadow: none;
		height: 20px;
		color: rgb(85, 85, 85);
		border: none;
		outline:none;
		padding:6px 12px;
	}

	.form-group-alt :required.form-control-alt {
	}

	.form-group-alt .form-control-alt option:first-child {
		color: rgb(115, 113, 113) !important;
	}

	.form-group-alt :-ms-input-placeholder.form-control-alt {
		color: rgb(85, 85, 85);
	}

	/*.form-group-alt label {
        background: none !important;
        top: 9px;
        color: rgb(115, 113, 113);
        font-size: 13px;
        font-weight: 400;
        position: absolute;
    }*/

	/*.form-group-alt .bootstrap-select .dropdown-toggle {
		padding: 1px 0px;
		border-radius: 0px !important;
		border: 0px currentColor !important;
		border-image: none !important;
		color: rgb(85, 85, 85);
		box-shadow: 0px 0px 0px #ccc !important;
	}

	.form-group-alt .bootstrap-select:hover {
		background: rgb(255, 255, 255);
		color: rgb(255, 255, 255);
	}

	.form-group-alt .bootstrap-select .btn-default:hover {
		background: rgb(255, 255, 255);
	}*/

	.form-group-alt .select-alt {
		padding: 0px;
	}

.center-block {
	margin-right: auto;
	margin-left: auto;
	float: none;
}

.input-group .icon-addon .form-control {
	border-radius: 0px;
}

.icon-addon {
	color: rgb(85, 85, 85);
	display: block;
	position: relative;
}

	.icon-addon::after {
		display: table;
		content: " ";
	}

	.icon-addon::before {
		display: table;
		content: " ";
	}

	.icon-addon::after {
		clear: both;
	}

	.icon-addon.addon-md .glyphicon {
		padding: 10px 0px;
		left: 3px;
		top: 2px;
		width: 20px;
		text-align: center;
		color: rgb(203, 203, 203);
		font-size: 13px;
		margin-left: 0.5px;
		position: absolute;
		z-index: 0;
	}

	.icon-addon .glyphicon {
		padding: 10px 0px;
		left: 10px;
		top: 1px;
		width: 20px;
		text-align: center;
		color: rgb(203, 203, 203);
		font-size: 13px;
		margin-left: 0.5px;
		position: absolute;
		z-index: 2;
	}

	.icon-addon.addon-md .fa {
		padding: 10px 0px;
		left: 10px;
		top: 1px;
		width: 20px;
		text-align: center;
		color: rgb(203, 203, 203);
		font-size: 13px;
		margin-left: 0.5px;
		position: absolute;
		z-index: 2;
	}

	.icon-addon .fa {
		padding: 10px 0px;
		left: 10px;
		top: 1px;
		width: 20px;
		text-align: center;
		color: rgb(203, 203, 203);
		font-size: 13px;
		margin-left: 0.5px;
		position: absolute;
		z-index: 2;
	}

	.icon-addon.addon-lg .form-control {
		padding: 10px 16px 10px 40px;
		height: 46px;
		line-height: 1.33;
		font-size: 18px;
	}

	.icon-addon.addon-sm .form-control {
		padding: 5px 10px 5px 28px;
		height: 30px;
		line-height: 1.5;
		font-size: 12px;
	}

	.icon-addon.addon-lg .fa {
		left: 11px;
		top: 4px;
		font-size: 18px;
		margin-left: 0px;
	}

	.icon-addon.addon-lg .glyphicon {
		left: 11px;
		top: 4px;
		font-size: 18px;
		margin-left: 0px;
	}

	.icon-addon.addon-md .form-control {
		padding-left: 30px !important;
		font-size: 13px;
		font-weight: normal;
		float: left;
	}

	.icon-addon .form-control {
		padding-left: 30px;
		font-size: 12px;
		font-weight: normal;
		float: left;
	}

	.icon-addon.addon-sm .fa {
		left: 5px;
		top: -1px;
		font-size: 12px;
		margin-left: 0px;
	}

	.icon-addon.addon-sm .glyphicon {
		left: 5px;
		top: -1px;
		font-size: 12px;
		margin-left: 0px;
	}

	.icon-addon .form-control:focus + .glyphicon {
		color: rgb(37, 128, 219);
	}

	.icon-addon:hover .glyphicon {
		color: rgb(37, 128, 219);
	}

	.icon-addon .form-control:focus + .fa {
		color: rgb(37, 128, 219);
	}

	.icon-addon:hover .fa {
		color: rgb(37, 128, 219);
	}

.control {
	padding-top: 4px;
	padding-left: 31px;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 5px;
	position: relative;
	cursor: pointer;
}

	.control input {
		position: absolute;
		z-index: -1;
		opacity: 0;
	}

.control_indicator {
	background: rgb(255, 255, 255);
	border: 1px solid rgb(203, 203, 203);
	border-image: none;
	left: 2px;
	top: 5px;
	width: 15px;
	height: 15px;
	position: absolute;
}

.control:hover input ~ .control_indicator {
	background: rgb(255, 255, 255);
}

.control input:focus ~ .control_indicator {
	background: rgb(255, 255, 255);
}

.control input:checked ~ .control_indicator {
	background: rgb(255, 255, 255);
}

.control:hover input:not([disabled]):checked ~ .control_indicator {
	background: rgb(255, 255, 255);
}

.control input:checked:focus ~ .control_indicator {
	background: rgb(255, 255, 255);
}

.control input:disabled ~ .control_indicator {
	background: rgb(230, 230, 230);
	opacity: 0.6;
	pointer-events: none;
}

.control_indicator::after {
	display: none;
	position: absolute;
	content: "";
}

.control input:checked ~ .control_indicator::after {
	display: block;
}

.control-checkbox .control_indicator {
	border: 1px solid rgb(144, 140, 140);
	border-image: none;
}

	.control-checkbox .control_indicator::after {
		border-width: 0px 2px 2px 0px;
		border-style: solid;
		border-color: rgb(0, 0, 0);
		border-image: none;
		left: 5px;
		top: 1px;
		width: 2px;
		height: 7px;
		transform: rotate(45deg);
	}

.control-checkbox input:disabled ~ .control_indicator::after {
	border-color: rgb(123, 123, 123);
}

select.bs-select-hidden {
	display: none !important;
}

select.selectpicker {
	display: none !important;
}

.bootstrap-select {
}

	.bootstrap-select > .dropdown-toggle {
		width: 100%;
		padding-right: 25px;
		z-index: 1;
	}

		.bootstrap-select > .dropdown-toggle.bs-placeholder {
			color: rgb(153, 153, 153);
		}

			.bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
				color: rgb(153, 153, 153);
			}

			.bootstrap-select > .dropdown-toggle.bs-placeholder:focus {
				color: rgb(153, 153, 153);
			}

			.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
				color: rgb(153, 153, 153);
			}

	.bootstrap-select > select {
		padding: 0px !important;
		border: currentColor;
		border-image: none;
		left: 50%;
		width: 0.5px !important;
		height: 100% !important;
		bottom: 0px;
		display: block !important;
		position: absolute !important;
		opacity: 0 !important;
	}

		.bootstrap-select > select.mobile-device {
			left: 0px;
			top: 0px;
			width: 100% !important;
			display: block !important;
			z-index: 2;
		}

.has-error .bootstrap-select .dropdown-toggle {
	border-color: rgb(185, 74, 72);
}

.error .bootstrap-select .dropdown-toggle {
	border-color: rgb(185, 74, 72);
}

.bootstrap-select.fit-width {
	width: auto !important;
}

:not([class*='col-']):not(.input-group-btn):not([class*='form-control']).bootstrap-select {
	width: 220px;
}

.bootstrap-select .dropdown-toggle:focus {
	outline: rgb(51, 51, 51) dotted thin !important;
	outline-offset: -2px;
}

.bootstrap-select.form-control {
	padding: 0px;
	border: currentColor;
	border-image: none;
	margin-bottom: 0px;
}

:not([class*='col-']).bootstrap-select.form-control {
	width: 100%;
}

.bootstrap-select.form-control.input-group-btn {
	z-index: auto;
}

:not(:first-child):not(:last-child).bootstrap-select.form-control.input-group-btn > .btn {
	border-radius: 0px;
}

:not(.input-group-btn).bootstrap-select.btn-group {
	margin-left: 0px;
	float: none;
	display: inline-block;
}

[class*='col-'].bootstrap-select.btn-group {
	margin-left: 0px;
	float: none;
	display: inline-block;
}

.bootstrap-select.btn-group.dropdown-menu-right {
	float: right;
}

[class*='col-'].bootstrap-select.btn-group.dropdown-menu-right {
	float: right;
}

.row [class*='col-'].bootstrap-select.btn-group.dropdown-menu-right {
	float: right;
}

.form-inline .bootstrap-select.btn-group {
	margin-bottom: 0px;
}

.form-horizontal .bootstrap-select.btn-group {
	margin-bottom: 0px;
}

.form-group .bootstrap-select.btn-group {
	margin-bottom: 0px;
}

.form-group-lg .bootstrap-select.btn-group.form-control {
	padding: 0px;
}

.form-group-sm .bootstrap-select.btn-group.form-control {
	padding: 0px;
}

.form-group-lg .bootstrap-select.btn-group.form-control .dropdown-toggle {
	border-radius: inherit;
	height: 100%;
	line-height: inherit;
	font-size: inherit;
}

.form-group-sm .bootstrap-select.btn-group.form-control .dropdown-toggle {
	border-radius: inherit;
	height: 100%;
	line-height: inherit;
	font-size: inherit;
}

.form-inline .bootstrap-select.btn-group .form-control {
	width: 100%;
}

.bootstrap-select.btn-group.disabled {
	cursor: not-allowed;
}

.bootstrap-select.btn-group > .disabled {
	cursor: not-allowed;
}

.bootstrap-select.btn-group.disabled:focus {
}

.bootstrap-select.btn-group > .disabled:focus {
}

.bootstrap-select.btn-group.bs-container {
	padding: 0px !important;
	height: 0px !important;
	position: absolute;
}

	.bootstrap-select.btn-group.bs-container .dropdown-menu {
		z-index: 1060;
	}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
	width: 100%;
	text-align: left;
	overflow: hidden;
	margin-top: 11px;
	display: inline-block;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
	top: 65%;
	right: 12px;
	margin-top: -2px;
	vertical-align: middle;
	position: absolute;
}

[class*='col-'].bootstrap-select.btn-group .dropdown-toggle {
	width: 100%;
}

.bootstrap-select.btn-group .dropdown-menu {
	min-width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

	.bootstrap-select.btn-group .dropdown-menu.inner {
		margin: 0px;
		padding: 0px;
		border-radius: 0px;
		border: 0px currentColor;
		border-image: none;
		float: none;
		position: static;
		box-shadow: none;
	}

	.bootstrap-select.btn-group .dropdown-menu li {
		position: relative;
	}

		.bootstrap-select.btn-group .dropdown-menu li.active small {
			color: rgb(255, 255, 255);
		}

		.bootstrap-select.btn-group .dropdown-menu li.disabled a {
			cursor: not-allowed;
		}

		.bootstrap-select.btn-group .dropdown-menu li a {
			cursor: pointer;
			user-select: none;
		}

			.bootstrap-select.btn-group .dropdown-menu li a.opt {
				padding-left: 2.25em;
				position: relative;
			}

			.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
				display: none;
			}

			.bootstrap-select.btn-group .dropdown-menu li a span.text {
				display: inline-block;
			}

		.bootstrap-select.btn-group .dropdown-menu li small {
			padding-left: 0.5em;
		}

	.bootstrap-select.btn-group .dropdown-menu .notify {
		background: rgb(245, 245, 245);
		margin: 0px 2%;
		padding: 3px 5px;
		border: 1px solid rgb(227, 227, 227);
		border-image: none;
		width: 96%;
		bottom: 5px;
		position: absolute;
		min-height: 26px;
		box-sizing: border-box;
		opacity: 0.9;
		pointer-events: none;
		box-shadow: inset 0px 1px 1px rgba(0,0,0,0.05);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
	}

.bootstrap-select.btn-group .no-results {
	background: rgb(245, 245, 245);
	margin: 0px 5px;
	padding: 3px;
	white-space: nowrap;
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
	position: static;
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
	top: auto;
	margin-top: -1px;
	position: static;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
	right: 15px;
	margin-top: 5px;
	display: inline-block;
	position: absolute;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
	margin-right: 34px;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
	z-index: 1061;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle::before {
	left: 9px;
	bottom: -4px;
	border-right-color: transparent;
	border-bottom-color: rgba(204, 204, 204, 0.2);
	border-left-color: transparent;
	border-right-width: 7px;
	border-bottom-width: 7px;
	border-left-width: 7px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	display: none;
	position: absolute;
	content: "";
}

.bootstrap-select.show-menu-arrow .dropdown-toggle::after {
	left: 10px;
	bottom: -4px;
	border-right-color: transparent;
	border-bottom-color: rgb(255, 255, 255);
	border-left-color: transparent;
	border-right-width: 6px;
	border-bottom-width: 6px;
	border-left-width: 6px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	display: none;
	position: absolute;
	content: "";
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle::before {
	top: -3px;
	bottom: auto;
	border-top-color: rgba(204, 204, 204, 0.2);
	border-bottom-color: currentColor;
	border-top-width: 7px;
	border-bottom-width: 0px;
	border-top-style: solid;
	border-bottom-style: none;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle::after {
	top: -3px;
	bottom: auto;
	border-top-color: rgb(255, 255, 255);
	border-bottom-color: currentColor;
	border-top-width: 6px;
	border-bottom-width: 0px;
	border-top-style: solid;
	border-bottom-style: none;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle::before {
	left: auto;
	right: 12px;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle::after {
	left: auto;
	right: 13px;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle::before {
	display: block;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle::after {
	display: block;
}

.bs-searchbox {
	padding: 4px 8px;
}

.bs-actionsbox {
	padding: 4px 8px;
}

.bs-donebutton {
	padding: 4px 8px;
}

.bs-actionsbox {
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

	.bs-actionsbox .btn-group button {
		width: 50%;
	}

.bs-donebutton {
	width: 100%;
	float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

	.bs-donebutton .btn-group button {
		width: 100%;
	}

.bs-searchbox + .bs-actionsbox {
	padding: 0px 8px 4px;
}

.bs-searchbox .form-control {
	width: 100%;
	margin-bottom: 0px;
	float: none;
}

.bootstrap-select .open .dropdown-menu {
	max-height: 100px !important;
}

.form-group-alt .open .btn-default {
	background: rgb(255, 255, 255);
}

	.form-group-alt .open .btn-default:focus {
	}

.form-control-alt .btn-default:focus {
}

.form-control-alt .btn-default:active {
	background: rgb(255, 255, 255);
}

.form-control-alt .filter-option {
	focus: none;
}

.search-block-create .icon-addon .form-alt-search {
	font-size: 13px;
	margin-top: 0px;
	width: 120px;
}

.inputbox .form-group-alt input {
	color: rgb(255, 255, 255);
}

.access-detials-block-reg .row .form-group-alt .control-label {
	color: rgb(115, 113, 113) !important;
}

.datepicker-days {
	padding: 10px;
}

	.datepicker-days .table-condensed thead tr:nth-child(2) {
		background: rgb(7, 41, 85);
		color: rgb(255, 255, 255);
	}

		.datepicker-days .table-condensed thead tr:nth-child(2) .datepicker-switch {
			text-align: center;
		}

			.datepicker-days .table-condensed thead tr:nth-child(2) .datepicker-switch th {
				border-radius: 0px !important;
			}

	.datepicker-days .table-condensed thead tr:nth-child(3) th {
		cursor: pointer;
	}

		.datepicker-days .table-condensed thead tr:nth-child(3) th:hover {
			background: rgb(7, 41, 85);
			color: rgb(255, 255, 255);
		}

.datepicker th {
	border-radius: 0px !important;
}

	.datepicker th:hover {
		background: rgb(7, 41, 85) !important;
	}

.add-date-ship {
	position: relative;
}

	.add-date-ship .calender-icon-ship i {
		top: 16px;
		right: 0px;
		color: rgb(98, 196, 255);
		position: absolute;
	}

.field_date {
	border: 0px currentColor;
	border-image: none;
}

	.field_date:focus {
		box-shadow: inset 0px 0px 0px rgba(0,0,0,0.075), 0px 0px 0px rgba(102,175,233,0.6);
	}

.header-checkbox {
	padding: 8px 19px 5px 8px;
}

	.header-checkbox .control_indicator {
		margin-left: 6px;
	}

.addtional-charges {
	background: rgb(244, 248, 249);
	border-width: 0px 0px 1px !important;
	border-style: none none solid !important;
	border-color: currentColor currentColor rgb(204, 204, 204) !important;
	padding: 6px;
	border-image: none !important;
}

.addition-text {
	color: rgb(95, 188, 253);
	margin-top: 10px;
	display: block;
	cursor: pointer;
}

	.addition-text:hover {
		text-decoration: underline;
	}

.col-md-offset-5-alt {
	margin-left: 46%;
}

.country-code {
	background: none !important;
	left: 15px;
	top: -15px;
	color: rgb(155, 155, 155);
	font-size: 13px;
	font-weight: 400;
	position: absolute;
	transition-delay: 0.3s;
}

.countrycode {
	top: -19px;
	color: rgb(115, 113, 113);
	font-size: 12px;
	display: block;
	position: absolute;
	transition-delay: 0.3s;
}

.groupdetails-container {
	height: 440px;
	-ms-overflow-y: auto;
}

:-ms-input-placeholder {
	color: rgb(204, 204, 204) !important;
}

.login-countrycode {
	top: -19px;
	color: rgb(115, 113, 113);
	font-size: 12px;
	display: block;
	position: absolute;
	transition-delay: 0.3s;
}

.invoicediscount {
	position: relative;
}

.discount-cancel {
	right: -12px;
	position: absolute;
}

.btn-primary-alt {
	padding: 8px;
	border-radius: 5px;
	border: 1px solid #052760 !important;
	border-image: none !important;
	width: 165px;
	height: 34px;
	text-align: center;
	color: rgb(255, 255, 255);
	line-height: normal;
	letter-spacing: 0.4px;
	font-size: 14px;
	font-style: normal;
	font-weight: 600 !important;
	font-stretch: normal;
	background-color: #052760 !important;
}

	.btn-primary-alt:focus {
	}

	.btn-primary-alt:hover {
		border: 1px solid #0948b2 !important;
		border-image: none !important;
		color: rgb(255, 255, 255) !important;
		font-size: 14px;
		font-weight: 600;
	}

	.btn-primary-alt:active {
		border: 1px solid #052760 !important;
		border-image: none !important;
		color: rgb(255, 255, 255);
		font-size: 14px;
		font-weight: 600;
	}

	.btn-primary-alt:hover,
	.btn-primary-alt:active,
	.btn-primary-alt:focus {
		background-color: #0948b2 !important;
	}

.btn-default-alt {
	padding: 8px;
	border-radius: 5px;
	border: 1px solid #052760;
	border-image: none;
	width: 165px;
	height: 34px;
	text-align: center;
	color: #052760;
	line-height: normal;
	letter-spacing: 0.4px;
	font-size: 14px;
	font-style: normal;
	font-weight: 600 !important;
	font-stretch: normal;
	background-color: #fff;
}

	.btn-default-alt:focus {
		border: 1px solid rgb(0, 155, 246);
		color: #052760;
	}

	.btn-default-alt:hover {
		border: 1px solid #052760 !important;
		background-color: #052760 !important;
		color: #fff !important;
		font-size: 14px;
		font-weight: 600;
	}

	.btn-default-alt:active {
		border: 1px solid #052760 !important;
		border-image: none !important;
		color: #fff !important;
		font-size: 14px;
		font-weight: 600;
	}

	btn-default-alt:hover, .btn-default-alt:active, .btn-default-alt:focus {
		background-color: #052760;
	}

.btn-primary-round {
	padding: 8px 16px 8px 11px;
	border-radius: 50%;
	border: 0.5px solid #052760 !important;
	border-image: none !important;
	width: 35px;
	height: 35px;
	font-size: 14px;
	background-color: rgb(74, 188, 255) !important;
}

.submit-btn {
	background: rgb(255, 255, 255);
	border-radius: 40px;
	border: 2px solid rgb(74, 188, 255);
	border-image: none;
	width: 130px;
	height: 40px;
	text-align: center;
	color: rgb(255, 255, 255);
	letter-spacing: 0.4px;
}

.onclic {
	border-width: 3px;
	border-color: rgb(0, 155, 246) rgb(0, 155, 246) rgb(0, 155, 246) rgb(74, 188, 255);
	animation: rotating 2s linear 0.25s infinite;
	width: 40px;
	font-size: 0px;
}

	.onclic::after {
		content: "Submit";
	}

	.onclic:hover {
		background: rgb(255, 255, 255);
		color: rgb(74, 188, 255);
	}

.validate {
	background: rgb(74, 188, 255);
	color: rgb(255, 255, 255);
	font-size: 13px;
}

	.validate::after {
		font-family: "FontAwesome";
		content: "?";
	}

.addded-vendor-detials .btn-primary-round:hover {
	padding: 10px 13px;
	border: 1px solid rgb(74, 188, 255);
	border-image: none;
	font-size: 14px;
}

.btn-new {
	/*margin: 0px 10px;*/
	border-radius: 18px;
	border: 2px solid rgb(76, 70, 228);
	border-image: none;
	color: rgb(76, 70, 228);
	background-color: rgb(255, 255, 255);
	margin-right:5px;
}

	.btn-new:hover {
		color: rgb(76, 70, 228);
	}

	.btn-new:active {
		color: rgb(76, 70, 228);
	}

	.btn-new:focus {
		color: rgb(76, 70, 228);
	}

.btn-new-active {
	background: rgb(76, 70, 228);
	color: rgb(255, 255, 255) !important;
	/*border: 2px solid rgb(76, 70, 228);*/
}

	.btn-new-active:hover {
		color: rgb(255, 255, 255);
	}

	.btn-new-active:active {
		color: rgb(255, 255, 255);
	}

	.btn-new-active:focus {
		color: rgb(255, 255, 255);
	}

.btn-disputed {
	background: rgb(255, 255, 255);
	margin-right: 5px;
	border-radius: 18px;
	border: 2px solid rgb(252, 114, 90);
	border-image: none;
	color: rgb(252, 114, 90);
	box-shadow: 0px 0px 0px #ccc !important;
}

	/*.btn-disputed:hover {
		color: rgb(252, 114, 90);
	}*/

	.btn-disputed:active {
		color: rgb(252, 114, 90);
	}

	.btn-disputed:focus {
		color: rgb(252, 114, 90);
	}

.btn-disputed-active {
	background: rgb(252, 114, 90);
	/*margin: 0px 10px;
    border-radius: 18px;*/
	border: 2px solid rgb(252, 114, 90);
	/*border-image: none;*/
	color: rgb(255, 255, 255);
	/*box-shadow: 0px 0px 0px #ccc !important;*/
}

	/*.btn-disputed-active:hover {
		color: rgb(255, 255, 255);
	}*/

	.btn-disputed-active:active {
		color: rgb(255, 255, 255);
	}

	.btn-disputed-active:focus {
		color: rgb(255, 255, 255);
	}

.btn-disclarified {
	/*margin: 0px 10px;*/
	border-radius: 18px;
	border: 2px solid rgb(246, 153, 0);
	border-image: none;
	color: rgb(246, 153, 0);
	box-shadow: 0px 0px 0px #ccc !important;
	background-color: rgb(255, 255, 255);
	margin-right: 5px;
}

	.btn-disclarified:hover {
		color: rgb(246, 153, 0);
	}

	.btn-disclarified:active {
		color: rgb(246, 153, 0);
	}

	.btn-disclarified:focus {
		color: rgb(246, 153, 0);
	}

.btn-disclarified-active {
	/*border-radius: 18px;*/
	/*border: 2px solid rgb(246, 153, 0);*/
	/*border-image: none;*/
	color: rgb(255, 255, 255);
	/*box-shadow: 0px 0px 0px #ccc !important;*/
	background-color: rgb(246, 153, 0);
}

	.btn-disclarified-active:hover {
		color: rgb(255, 255, 255);
	}

	.btn-disclarified-active:active {
		color: rgb(255, 255, 255);
	}

	.btn-disclarified-active:focus {
		color: rgb(255, 255, 255);
	}

.btn-acknowledged {
	background: rgb(255, 255, 255);
	/*margin: 0px 10px;*/
	border-radius: 18px;
	border: 2px solid rgb(9, 171, 102);
	border-image: none;
	color: rgb(9, 171, 102);
	box-shadow: 0px 0px 0px #ccc !important;
	margin-right: 5px;
}

	.btn-acknowledged:hover {
		color: rgb(9, 171, 102);
	}

	.btn-acknowledged:active {
		color: rgb(9, 171, 102);
	}

	.btn-acknowledged:focus {
		color: rgb(9, 171, 102);
	}

.btn-acknowledged-active {
	background: rgb(9, 171, 102);
	/*margin: 0px 10px;*/
	/*border-radius: 18px;*/
	border: 2px solid rgb(9, 171, 102);
	/*border-image: none;*/
	color: rgb(255, 255, 255);
	/*box-shadow: 0px 0px 0px #ccc !important;*/
}

	.btn-acknowledged-active:hover {
		color: rgb(255, 255, 255);
	}

	.btn-acknowledged-active:active {
		color: rgb(255, 255, 255);
	}

	.btn-acknowledged-active:focus {
		color: rgb(255, 255, 255);
	}

.btn-CustomerBatchCreated {
	background: rgb(255, 255, 255);
	margin-right:5px;
	border-radius: 18px;
	border: 2px solid rgb(35, 156, 184);
	border-image: none;
	color: rgb(35, 156, 184);
	box-shadow: 0px 0px 0px #ccc !important;
}

	.btn-CustomerBatchCreated:hover {
		color: rgb(35, 156, 184);
	}

	.btn-CustomerBatchCreated:active {
		color: rgb(35, 156, 184);
	}

	.btn-CustomerBatchCreated:focus {
		color: rgb(35, 156, 184);
	}

.btn-CustomerBatchCreated-active {
	background: rgb(35, 156, 184);
	/*margin: 0px 10px;
    border-radius: 18px;*/
	border: 2px solid rgb(35, 156, 184);
	/*border-image: none;*/
	color: rgb(255, 255, 255);
	/*box-shadow: 0px 0px 0px #ccc !important;*/
}

	.btn-CustomerBatchCreated-active:hover {
		color: rgb(255, 255, 255);
	}

	.btn-CustomerBatchCreated-active:active {
		color: rgb(255, 255, 255);
	}

	.btn-CustomerBatchCreated-active:focus {
		color: rgb(255, 255, 255);
	}

.btn-completed {
	background: rgb(255, 255, 255);
	/*margin: 0px 10px;*/
	border-radius: 18px;
	border: 2px solid rgb(155, 155, 155);
	border-image: none;
	color: rgb(155, 155, 155);
	box-shadow: 0px 0px 0px #ccc !important;
	margin-right: 5px;
}

	.btn-completed:hover {
		color: rgb(155, 155, 155);
	}

	.btn-completed:active {
		color: rgb(155, 155, 155);
	}

	.btn-completed:focus {
		color: rgb(155, 155, 155);
	}

.btn-completed-active {
	background: rgb(155, 155, 155);
	/*margin: 0px 10px;
    border-radius: 18px;*/
	border: 2px solid rgb(155, 155, 155);
	/*border-image: none;*/
	color: rgb(255, 255, 255);
	/*box-shadow: 0px 0px 0px #ccc !important;*/
}

	.btn-completed-active:hover {
		color: rgb(255, 255, 255);
	}

	.btn-completed-active:active {
		color: rgb(255, 255, 255);
	}

	.btn-completed-active:focus {
		color: rgb(255, 255, 255);
	}

.btn-clarified {
	background: rgb(255, 255, 255);
	/*margin: 0px 10px;*/
	border-radius: 18px;
	border: 2px solid rgb(102, 194, 255);
	border-image: none;
	color: rgb(102, 194, 255);
	box-shadow: 0px 0px 0px #ccc !important;
	margin-right: 5px;
}

	.btn-clarified:hover {
		color: rgb(102, 194, 255);
	}

	.btn-clarified:active {
		color: rgb(102, 194, 255);
	}

	.btn-clarified:focus {
		color: rgb(102, 194, 255);
	}

.btn-clarified-active {
	background: rgb(102, 194, 255);
	/*margin: 0px 10px;*/
	border-radius: 18px;
	border: 2px solid rgb(102, 194, 255);
	border-image: none;
	color: rgb(255, 255, 255);
	box-shadow: 0px 0px 0px #ccc !important;
	margin-right: 5px;
}

	.btn-clarified-active:hover {
		color: rgb(255, 255, 255);
	}

	.btn-clarified-active:active {
		color: rgb(255, 255, 255);
	}

	.btn-clarified-active:focus {
		color: rgb(255, 255, 255);
	}

.btn-oldUser {
	background: rgb(255, 255, 255);
	/*margin: 0px 10px;*/
	border-radius: 18px;
	border: 2px solid rgb(0,160,176);
	border-image: none;
	color: rgb(0,160,176);
	box-shadow: 0px 0px 0px #ccc !important;
	margin-right: 5px;
}

	.btn-oldUser:hover {
		color: rgb(0,160,176);
	}

	.btn-oldUser:active {
		color: rgb(0,160,176);
	}

	.btn-oldUser:focus {
		color: rgb(0,160,176);
	}

.btn-oldUser-active {
	background: rgb(0,160,176);
	border: 2px solid rgb(0,160,176);
	color: rgb(255, 255, 255);
}

	.btn-oldUser-active:hover {
		color: rgb(255, 255, 255);
	}

	.btn-oldUser-active:active {
		color: rgb(255, 255, 255);
	}

	.btn-oldUser-active:focus {
		color: rgb(255, 255, 255);
	}


.table-checkbox .all-checkbox-col {
	padding: 0px 5px;
}

.po-btn {
	padding: 3px 20px;
	height: 30px;
}

.download-btn {
	font-weight: 800;
}

.table {
	width: 100% !important;
	margin-bottom: 0px !important;
	border-bottom-color: rgb(17, 17, 17) !important;
	border-bottom-width: 0px !important;
	border-bottom-style: solid !important;
	position: relative !important;
}

	.table thead tr th {
		padding: 8px 6px;
		font-size: 13px;
		border-bottom-color: rgb(17, 17, 17) !important;
		border-bottom-width: 0px !important;
		border-bottom-style: solid !important;
		position: relative;
		cursor: pointer;
	}

	.table thead tr .sorting_desc::after {
		right: 20px;
		bottom: 11px;
		color: rgb(74, 74, 74);
		font-family: "Glyphicons Halflings";
		font-size: 10px;
		display: block;
		position: absolute;
		content: "?";
	}

	.table thead tr .sorting_asc::after {
		right: 20px;
		bottom: 11px;
		color: rgb(74, 74, 74);
		font-family: "Glyphicons Halflings";
		font-size: 10px;
		display: block;
		position: absolute;
		content: "?";
	}

	.table tbody tr {
		border-bottom-color: rgb(239, 239, 239);
		border-bottom-width: 1px;
		border-bottom-style: solid;
		box-shadow: 0px 2px 4px 0px rgba(230,230,230,0.5);
		background-color: rgb(255, 255, 255);
	}

		.table tbody tr td {
			padding: 0 6px 3px 0 !important;
			font-size: 12px;
			/*border-bottom-color: #ffffff;
			border-bottom-style: solid;*/
		}

			.table tbody tr td p {
				margin: 0px;
			}

.dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
	border-bottom-color: rgb(17, 17, 17) !important;
	border-bottom-width: 0px !important;
	border-bottom-style: solid !important;
}

.number-display {
	padding: 0px 20px;
}

.dataTables_length {
	display: none;
}

.dataTables_paginate {
	display: none;
}

.dataTables_scrollHead {
	padding: 10px 5% 0px;
}

.dataTables_scrollBody {
	padding: 0px 5%;
}

.table-alt-registrationrequest-list thead th:first-child::after {
	right: 62px !important;
}

.table-alt-registrationrequest-list thead th:nth-child(2)::after {
	right: 100px !important;
}

.table-alt-registrationrequest-list thead th:nth-child(3)::after {
	right: 28px !important;
}

.table-alt-registrationrequest-list thead th:nth-child(4)::after {
	right: 3px !important;
}

.table-alt-registrationrequest-list tbody tr {
	cursor: pointer;
}

.table-alt-vendor-group-list thead th:first-child::after {
	right: 66px !important;
}

.table-alt-vendor-group-list thead th:nth-child(2n)::after {
	right: 42px !important;
}

.table-alt-vendor-group-list thead th:nth-child(3n)::after {
	right: 119px !important;
}

.table-alt-vendor-group-list thead th:nth-child(4n)::after {
	right: 95px !important;
}

.table-alt-vendor-group-list tbody tr {
	cursor: pointer;
}

.table-alt-userlisting thead th:first-child::after {
	right: 62px !important;
}

.table-alt-userlisting thead th:nth-child(2)::after {
	right: 27px !important;
}

.table-alt-userlisting thead th:nth-child(3)::after {
	right: 28px !important;
}

.table-alt-userlisting thead th:nth-child(4)::after {
	right: 3px !important;
}

.access-group {
	width: 91px;
	overflow: hidden;
	margin-left: 22px !important;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
}

.icon-text {
	margin: 6px;
	cursor: pointer;
}

.heading-block {
	width: 100%;
}

.access-row-admin {
	position: relative;
}

.information-img-admin {
	left: 6px;
	top: -2px;
	right: 0px;
	margin-top: 10px;
	position: absolute;
	cursor: pointer;
}

table.dataTable thead .sorting::after {
	content: "" !important;
}

.dataTables_wrapper .row {
	margin: 0px;
}

.dataTables_wrapper .col-sm-12 {
	padding: 0px;
}

.dataTables_scrollHeadInner {
	width: 100% !important;
}

	.dataTables_scrollHeadInner .table {
		width: 100% !important;
	}

.table-alt-details thead tr th:first-child {
	width: 116px;
	padding-right: 14px;
}

.table-alt-details thead tr th:nth-child(2) {
	width: 114px;
}

.table-alt-details thead tr th:nth-child(3) {
	width: 220px;
	padding-left: 35px;
}

.table-alt-details thead tr th:nth-child(4) {
	width: 220px;
}

.table-alt-details thead tr th:nth-child(5) {
	width: 174px;
}

.table-alt-details thead tr th:nth-child(6) {
	width: 150px;
}

.table-alt-details thead tr th:nth-child(7) {
	width: 138px;
	padding-right: 30px;
}

.table-alt-details thead tr th:nth-child(8) {
	width: 95px;
}

.table-alt-details thead tr th:nth-child(9) {
	width: 138px;
	padding-left: 70px;
}

.table-alt-details thead tr th:nth-child(10) {
	width: 150px;
}

.table-alt-details tbody tr td:nth-child(3) {
	padding-left: 35px !important;
}

.table-alt-details tbody tr td:nth-child(4) {
	padding-left: 7px !important;
}

.table-alt-details tbody tr td:nth-child(5) {
	padding-left: 7px !important;
}

.table-alt-details tbody tr td:nth-child(6) {
	padding-left: 7px !important;
}

.table-alt-details tbody tr td:nth-child(7) {
	padding-right: 32px !important;
}

.table-alt-details tbody tr td:nth-child(8) {
	width: 112px;
	padding-right: 6px !important;
}

.table-alt-details tbody tr td:nth-child(9) {
	padding-left: 69px !important;
}

.table-alt-details tbody tr td:nth-child(10) {
	padding-left: 25px !important;
}

.details-shipment thead tr th:nth-child(7) {
	width: 170px;
}

.table-alt-details-shipment thead tr th:first-child {
	width: 116px;
}

.table-alt-details-shipment thead tr th:nth-child(2) {
	width: 110px;
	padding-right: 35px;
}

.table-alt-details-shipment thead tr th:nth-child(3) {
	width: 204px;
	padding-left: 35px;
}

.table-alt-details-shipment thead tr th:nth-child(4) {
	width: 205px;
}

.table-alt-details-shipment thead tr th:nth-child(5) {
	width: 159px;
}

.table-alt-details-shipment thead tr th:nth-child(6) {
	width: 85px;
}

.table-alt-details-shipment thead tr th:nth-child(7) {
	width: 138px;
	padding-right: 20px;
}

.table-alt-details-shipment thead tr th:nth-child(8) {
	width: 95px;
}

.table-alt-details-shipment thead tr th:nth-child(9) {
	width: 203px;
	padding-left: 50px;
}

.table-alt-details-shipment thead tr th:nth-child(10) {
	width: 150px;
	padding-right: 25px;
}

.table-alt-details-shipment tbody tr td:nth-child(2) {
	padding-right: 35px !important;
}

.table-alt-details-shipment tbody tr td:nth-child(3) {
	padding-left: 35px !important;
}

.table-alt-details-shipment tbody tr td:nth-child(4) {
	padding-left: 7px !important;
}

.table-alt-details-shipment tbody tr td:nth-child(5) {
	padding-left: 7px !important;
}

.table-alt-details-shipment tbody tr td:nth-child(6) {
	padding-right: 7px !important;
}

.table-alt-details-shipment tbody tr td:nth-child(8) {
	padding-right: 6px !important;
}

.table-alt-details-shipment tbody tr td:nth-child(9) {
	padding-left: 50px !important;
}

.table-alt-details-shipment tbody tr td:nth-child(10) {
	padding-left: 25px !important;
}

.table-purchase-order-list thead tr th:nth-child(3)::after {
	right: 64px !important;
}

.table-purchase-order-list thead tr th:nth-child(3) {
	text-align: right;
	padding-right: 25px;
}

.table-purchase-order-list thead tr th:nth-child(6) {
	text-align: right;
}

	.table-purchase-order-list thead tr th:nth-child(6)::after {
		right: -23px !important;
	}

.table-purchase-order-list thead tr th:nth-child(7) {
	text-align: right;
}

	.table-purchase-order-list thead tr th:nth-child(7)::after {
		right: 64px !important;
	}

.table-purchase-order-list tbody tr {
	cursor: pointer;
}

	.table-purchase-order-list tbody tr .customer-name {
		margin-left: 10px;
	}

.table-container {
	padding: 20px 15px;
}

.status {
	position: relative;
}

	.status .status-circle {
		top: 2px;
		position: absolute;
	}

.table-checkbox {
	position: relative;
}

	.table-checkbox .control-checkbox {
		position: absolute;
	}

#paidinvoice_filter .dataTables_scroll .dataTables_scrollHead {
	padding: 10px 10% 0px !important;
}

#unpaidinvoice tbody tr td:nth-child(1) p {
	margin-right: 0px !important;
}

#unpaidinvoice tbody tr td:nth-child(4) p {
	padding-left: 2px !important;
}

#unpaidinvoice tbody tr td:nth-child(7) {
	text-align: right;
}

#unpaidinvoice tbody tr td:nth-child(4) {
	padding-right: 6px !important;
}

#unpaidinvoice tbody tr td:nth-child(6) padding {
	padding-left: 23px;
}

#unpaidinvoice tbody tr td:nth-child(7) {
	padding-right: 57px !important;
}

.dataTables_scrollHeadInner .table-remittance-list thead tr th:nth-child(2)::after {
	left: 140px;
}

.dataTables_scrollHeadInner .table-remittance-list thead tr th:nth-child(5) {
	text-align: right;
	padding-right: 90px;
}

.dataTables_scrollHeadInner .table-remittance-list tbody tr td:nth-child(1) {
	text-align: right;
	padding-right: 8px !important;
}

.dataTables_scrollHeadInner .table-remittance-list tbody tr td:nth-child(2) {
	padding-left: 150px !important;
}

.dataTables_scrollHeadInner .table-remittance-list tbody tr td:nth-child(4) p {
	text-align: right;
	padding-right: 0px !important;
}

.dataTables_scrollHeadInner .table-remittance-list tbody tr td:nth-child(5) p {
	text-align: right;
}

.dataTables_scrollHeadInner .table-remittance-list tbody tr .amount-type {
	text-align: right;
}

	.dataTables_scrollHeadInner .table-remittance-list tbody tr .amount-type p {
		text-align: right;
	}

.amount-type p {
	text-align: right;
	padding-right: 65px;
}

.amount-type-shipment p {
	text-align: right;
	padding-right: 60%;
}

.detail-row label {
	color: rgb(155, 155, 155);
	line-height: normal;
	letter-spacing: 0.4px;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-stretch: normal;
}

.table-unpaid-invoice-list tbody tr {
	cursor: pointer;
}

.table-paid-invoice-list tbody tr {
	cursor: pointer;
}

.remittance-details-table thead tr th:nth-child(2) {
	text-align: right;
	padding-right: 7%;
}

.remittance-details-table thead tr th:nth-child(6) {
	text-align: right;
}

.remittance-details-table thead tr th:nth-child(7) {
	text-align: right;
}

.remittance-details-table thead tr th:nth-child(8) {
	text-align: right;
}

.remittance-details-table tbody td a {
	font-size: 12px;
}

.remittance-details-table tbody td:nth-child(1) {
	width: 12.3%;
}

.remittance-details-table tbody td:nth-child(2) {
	width: 12.3%;
	text-align: right;
	padding-right: 7% !important;
}

.remittance-details-table tbody td:nth-child(3) {
	width: 10%;
}

.remittance-details-table tbody td:nth-child(4) {
	width: 10%;
}

.remittance-details-table tbody td:nth-child(5) {
	width: 10%;
}

.remittance-details-table tbody td:nth-child(6) {
	width: 15%;
}

	.remittance-details-table tbody td:nth-child(6) p {
		text-align: right;
	}

.remittance-details-table tbody td:nth-child(7) {
	width: 15%;
}

	.remittance-details-table tbody td:nth-child(7) p {
		text-align: right;
	}

.remittance-details-table tbody td:nth-child(8) {
	width: 15%;
}

	.remittance-details-table tbody td:nth-child(8) p {
		text-align: right;
	}

.table-paid-invoice-list thead tr th:nth-child(1) {
	cursor: text;
}

	.table-paid-invoice-list thead tr th:nth-child(1)::after {
		display: none;
	}

.table-paid-invoice-list thead tr th:nth-child(2)::after {
	right: 122px !important;
}

.table-paid-invoice-list thead tr th:nth-child(3)::after {
	right: 102px !important;
}

.table-paid-invoice-list thead tr th:nth-child(5) {
	text-align: right;
}

	.table-paid-invoice-list thead tr th:nth-child(5)::after {
		right: -42px !important;
	}

.table-paid-invoice-list thead tr th:nth-child(6) {
	text-align: right;
}

	.table-paid-invoice-list thead tr th:nth-child(6)::after {
		right: -20px !important;
	}

.table-paid-invoice-list thead tr th:nth-child(7) {
	text-align: right;
	padding-right: 2.3%;
}

	.table-paid-invoice-list thead tr th:nth-child(7)::after {
		right: 120px !important;
	}

.table-paid-invoice-list a {
	font-size: 12px;
}

.dataTables_empty {
	text-align: center;
	color: rgb(0, 0, 0);
	font-size: 15px !important;
	font-weight: 500;
}

.table-shippedpo-list thead tr th:nth-child(2) {
	padding-left: 3.4%;
}

	.table-shippedpo-list thead tr th:nth-child(2)::after {
		left: 92px !important;
		right: 0px !important;
	}

.table-shippedpo-list thead tr th:nth-child(6) {
	text-align: right;
	padding-right: 1.4%;
}

	.table-shippedpo-list thead tr th:nth-child(6)::after {
		left: 92px !important;
		right: -14px !important;
	}

.table-shippedpo-list thead tr th:nth-child(7) {
	text-align: center;
	padding-right: 1.4%;
	cursor: default;
}

.table-shippedpo-list tbody tr td:nth-child(2) p {
	text-align: right;
	padding-right: 62% !important;
}

.table-shippedpo-list tbody tr td:nth-child(6) {
	text-align: right;
	padding-right: 1% !important;
}

.table-unpaid-invoice-list thead tr th:nth-child(6) {
	text-align: right;
	padding-right: 3.4%;
}

.table-unpaid-invoice-list thead tr th:nth-child(8) {
	width: 200px !important;
	text-align: right;
	padding-right: 53px;
}

.table-unpaid-invoice-list tbody tr td:nth-child(7) p {
	padding-left: 4px;
}

.invoicetble thead tr th {
	cursor: text;
}

.ack-table-div .table-alt-vendor-group-list tbody tr td:nth-child(1) {
	text-align: right;
	padding-right: 100px !important;
}

.tool-tip {
	background: rgb(255, 255, 255);
	border-radius: 25px;
	border: 1px solid rgb(74, 188, 255);
	border-image: none;
	width: 300px;
	height: auto;
	position: absolute;
	z-index: 4;
	min-height: 100px;
}

	.tool-tip .tool-tip-header {
		border-bottom-color: rgb(74, 188, 255);
		border-bottom-width: 1px;
		border-bottom-style: solid;
	}

		.tool-tip .tool-tip-header h3 {
			margin: 0px;
			padding: 10px 0px 5px;
			font-size: 14px;
			font-weight: 800;
		}

	.tool-tip .functional-access-block {
		padding: 10px 10px 0px;
		border-bottom-color: rgb(74, 188, 255);
		border-bottom-width: 1px;
		border-bottom-style: solid;
	}

		.tool-tip .functional-access-block label {
			font-size: 13px;
		}

		.tool-tip .functional-access-block p {
			font-size: 12px;
		}

	.tool-tip .vendor-access-block {
		padding: 10px 10px 0px;
	}

		.tool-tip .vendor-access-block label {
			font-size: 13px;
		}

		.tool-tip .vendor-access-block p {
			font-size: 12px;
		}

	.tool-tip::before {
		border-width: 11px;
		border-style: solid;
		border-color: rgb(75, 188, 255) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
		border-image: none;
		left: 50%;
		top: 100%;
		width: 0px;
		height: 0px;
		margin-left: -11px;
		position: absolute;
		content: " ";
		pointer-events: none;
	}

.modal-alt {
	background: rgb(0, 0, 0);
	left: 0px;
	top: 0px;
	height: 100%;
	right: 0px;
	display: block;
	position: fixed;
	z-index: 4;
	opacity: 0.4;
}

.user-details div label {
	font-size: 12px;
}

.user-details div span {
	padding-left: 10px;
	font-size: 12px;
}

.ackconformationblock {
	margin-top: 12%;
}

	.ackconformationblock .ack-content {
		text-align: center;
		color: rgb(0, 39, 76);
		line-height: 1.09;
		letter-spacing: 0.4px;
		font-size: 32px;
		font-style: normal;
		font-weight: normal;
		font-stretch: normal;
	}

.redirect-content {
	text-align: center;
	color: rgb(155, 155, 155);
	line-height: normal;
	letter-spacing: 0.4px;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-stretch: normal;
}

.clickhere {
	color: rgb(74, 188, 255);
	text-decoration: underline;
	cursor: pointer;
}

.addestimatedheader {
	color: rgb(0, 39, 76);
	line-height: normal;
	letter-spacing: 0.4px;
	font-size: 32px;
	font-style: normal;
	font-weight: normal;
	font-stretch: normal;
}

.datepicker-field {
	background: rgb(244, 248, 249);
	border-width: 0px 0px 1px !important;
	border-style: none none solid !important;
	border-color: currentColor currentColor rgb(203, 203, 203) !important;
	border-image: none !important;
	width: 151.1px;
}

.edit-content {
	color: rgb(155, 155, 155);
	line-height: normal;
	letter-spacing: 0.4px;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	margin-top: 20px;
	font-stretch: normal;
}

.addestimateblock {
	text-align: center;
	margin-top: 3% !important;
}

.nextbutton {
	margin-top: 10px;
	margin-left: 58px;
}

.newpo {
	text-align: right;
	color: rgb(155, 155, 155);
	line-height: normal;
	letter-spacing: 0.4px;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	margin-top: 14px;
	font-stretch: normal;
}

.ack_btns {
	margin-top: 10px;
	margin-bottom: 30px;
}

.termsconditionblock {
	padding: 0px 5%;
	text-align: justify;
	margin-bottom: 30px;
}

	.termsconditionblock .termslabel {
		color: rgb(74, 74, 74);
		line-height: normal;
		letter-spacing: 0.4px;
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
		font-stretch: normal;
	}

	.termsconditionblock .terms_content {
		color: rgb(151, 151, 151);
		line-height: normal;
		letter-spacing: 0.4px;
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
		font-stretch: normal;
	}

.date-ack {
	margin: 0px auto;
}

	.date-ack input {
		background: rgb(244, 248, 249);
		box-shadow: none;
	}

.date_field .gly_icon {
	background: none;
}

.ack-table-div {
	padding: 0px 64px;
}

.date-ack {
	margin: 0px;
}

.calender-icon {
	cursor: pointer;
}

.shipth {
	width: 200px;
}

.partth {
	width: 290px;
}

.expth {
	width: 250px;
}

.date_ack .ack-field-date {
	background: rgb(255, 255, 255);
	box-shadow: none;
}

.date-ack .ack-final-gly {
	background: rgb(255, 255, 255);
}

.lineth {
	width: 140px;
}

.acknowledge-date {
	margin: 0px auto;
	width: 120px;
	border-bottom-color: rgb(204, 204, 204);
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

	.acknowledge-date .ack-field-date {
		font-size: 18px;
		background-color: rgb(244, 248, 249);
	}

.date-ack {
	margin-top: -15px;
}

	.date-ack .ack-field-date {
		font-size: 14px;
		background-color: rgb(255, 255, 255);
	}

.glyicon {
	background: rgb(244, 248, 249) !important;
}

.ack-table-div table tbody tr .lineno {
	padding: 8px 10px 3px 34px !important;
}

.ack-table-div table tbody tr .partno {
	padding: 8px 10px 3px 6px !important;
}

.ack-table-div table tbody tr .supplierpart {
	padding: 8px 10px 3px 6px !important;
}

.ack-table-div table tbody tr .partname {
	padding: 8px 10px 3px 6px !important;
}

.ack-table-div table tbody tr .duedate {
	padding: 8px 10px 3px 6px !important;
}

.ackn-error-block {
	margin-left: 47%;
}

.ackn-error-block {
	display: block;
}

.shipment-date .shipment-date-error {
	margin-top: 4px;
	margin-left: 10px;
	display: block;
}

.addshipmentblock-content {
	margin-top: 6%;
}

.navbar-alt .navbar-collapse .main-menu-navigation {
	padding: 0px 4%;
}

.content {
	text-align: center;
	margin-top: 10%;
}

	.content .inner-button-block {
		padding-top: 10px !important;
		padding-left: 83px;
	}

.list-menu {
	margin-left: 5% !important;
}

.main-container-block .fa-arrow .fa-arrow {
	color: rgb(0, 0, 0);
}

.main-container-block .fa-arrow .acknowledged {
	padding: 1% 0px 0px 13%;
}

.main-container-block .fa-arrow .buton-class {
	margin-top: 30px;
	margin-bottom: 30px;
}

	.main-container-block .fa-arrow .buton-class a {
		width: 60%;
	}

.main-container-block .shipcontent h4 {
	padding-bottom: 1%;
}

.main-container-block .shipcontent .floating-class input {
	background-color: rgb(244, 248, 249);
}

.main-container-block .shipcontent label {
	color: rgb(155, 155, 155);
	font-size: 13px;
}

.main-container-block .shipqty-field input {
	border-width: 0px 0px 1px;
	border-style: none none solid;
	border-color: currentColor currentColor rgb(203, 203, 203);
	border-image: none;
	width: 72px;
	margin-top: 7px;
}

.main-container-block #addshipment_wrapper .dataTables_scrollBody {
	max-height: 40vh !important;
}

.main-container-block .shipcontent-second {
	margin: 10px;
}

.main-container-block #firstshipdetails_wrapper .dataTables_scroll .dataTables_scrollBody {
	padding: 0px 0% 0% 5% !important;
	width: 95% !important;
	max-height: 21vh !important;
}

.main-container-block #secondshipdetails_wrapper .dataTables_scroll .dataTables_scrollBody {
	padding: 0px 0% 0% 5% !important;
	width: 95% !important;
	max-height: 21vh !important;
}

.main-container-block .tab-content-alt {
	margin-top: 0px;
}

.main-container-block .scoll-page {
	height: 400px;
	-ms-overflow-y: auto;
}

.main-container-block .shipcontentsecond {
	padding-top: 20px;
}

.main-container-block .paading-bottom {
	padding-top: 30px;
}

.main-container-block .paading-margin {
	margin-left: 30px !important;
}

.main-container-block .btn-shipment {
	margin-left: 87%;
}

.main-container-block .table-data {
	margin-right: 5%;
}

	.main-container-block .table-data a {
		padding-top: 6%;
		font-size: 11px;
		text-decoration: underline;
		margin-left: 80%;
		display: inline !important;
	}

	.main-container-block .table-data .btn-default-alt {
		display: inline !important;
	}

.main-container-block .text-content {
	margin-top: 13px;
}

.main-container-block .added-shipment tbody tr td {
	padding: 8px 21px 3px 7px;
	font-size: 12px;
	box-shadow: 0px 8px 0px 0px #f4f8f9;
}

.main-container-block .panel-default {
	background: rgb(255, 255, 255);
	padding: 25px;
	border-spacing: 5px;
}

.main-container-block .added-shipment tbody tr td:nth-child(8) {
	padding: 7%;
}

.main-container-block .added-shipment tbody tr td:nth-child(6) {
	padding: 7%;
}

.main-container-block .added-shipment tbody tr td:nth-child(10) {
	padding: 7%;
}

.main-container-block .added-shipment tbody tr td:nth-child(4) {
	width: 150px;
	-ms-word-wrap: break-word;
}

.main-container-block .added-shipment tbody tr td:nth-child(10) input {
	border-width: medium medium 1px;
	border-style: none none solid;
	border-color: currentColor currentColor rgb(203, 203, 203);
	border-image: none;
	width: 53px;
	text-align: center;
	float: right;
}

	.main-container-block .added-shipment tbody tr td:nth-child(10) input:focus {
		border-bottom-color: rgb(203, 203, 203);
		border-bottom-width: 1px;
		border-bottom-style: solid;
	}

.main-container-block .cancel-btn {
	display: inline !important;
}

.main-container-block .submit-btn {
	display: inline;
}

.main-container-block .shipcontent h4 {
	font-size: 18px !important;
	font-weight: normal !important;
}

.main-container-block #overlay {
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	bottom: 0px;
	display: none;
	position: fixed;
	z-index: 99;
	cursor: pointer;
}

.main-container-block .addtional-shipment {
	background: rgb(255, 255, 255);
	margin: 16% 0px 0px 61px;
	width: 89%;
	min-height: 200px;
	box-shadow: 1px 1px 1px 1px #ccc;
}

.main-container-block .field_date {
	box-shadow: 0px 0px 0px !important;
}

.main-container-block .button-block-shipment {
	padding: 10px 0px 20px;
}

.main-container-block .error-msg-in {
	color: rgb(255, 0, 0);
	display: none;
}

.shipment-copy {
	margin: 20px 0px;
	color: rgb(74, 188, 255);
	font-size: 14px;
	text-decoration: underline;
	cursor: pointer;
}

.allownumericwithdecimal {
	text-align: right !important;
}

#overlay {
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	bottom: 0px;
	display: none;
	position: fixed;
	z-index: 2;
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.5);
}

.addtional-shipment {
	background: rgb(255, 255, 255);
	margin: 20px 0px 0px 61px;
	width: 89%;
	min-height: 200px;
}

.shipment-details-ordqty {
	padding-right: 15px;
}

.shipment-details-shippedqty {
	padding-right: 15px;
}

.shipmentaditionallineno {
	padding-left: 3px;
}

.tab-attachments-block {
	padding: 0px;
	height: 400px;
	margin-top: 1% !important;
	-ms-overflow-x: hidden;
	-ms-overflow-y: auto;
}

.copy-statement-ship {
	width: 308px;
	margin-right: 20px;
	float: right;
}

.add-shipment-details {
	background: rgb(0, 155, 246) !important;
	padding: 10px 14px !important;
	border-radius: 50% !important;
	width: 42px !important;
	height: 42px !important;
	margin-left: 20px;
}

.shipemt-details-block {
	margin-top: 2% !important;
}

.add-additional-shipment {
	margin-top: 19px !important;
}

.details-shipment-addtion thead tr th .control-checkbox {
	padding: 10px 0px;
	margin-left: 5px;
}

.details-shipment-addtion tbody td:nth-child(7) {
	padding: 8px 21px 3px 0px !important;
}

.openQty p {
	padding-right: 18px;
}

.orderqtyship {
	padding-right: 18px;
}

.added-shipment thead tr th:nth-child(10) {
	text-align: right;
}

.added-shipment tbody tr td:nth-child(1) p {
	padding-right: 8px;
}

.navlogin {
	background: rgb(106, 142, 182);
	height: 80px;
}

.mainlogin {
	background: rgb(7, 48, 93) !important;
	height: 100% !important;
}

.contentblock {
	width: 50%;
	color: rgb(255, 255, 255);
	margin-top: 6%;
	margin-left: 35%;
}

.mainform {
	color: rgb(255, 255, 255);
	padding-left: 6px;
	margin-top: 1%;
}

.inputbox {
	margin-bottom: 20px;
}

.signup-heading {
	margin-bottom: 20px;
}

.inputbox input {
	background: rgb(7, 48, 93);
	border-bottom-color: rgb(255, 255, 255);
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.registerbutton {
	border-radius: 50px;
	width: 121px;
	margin-top: 15px;
}

.loginclass {
	margin-right: 50px;
	float: right;
}

	.loginclass button {
		border-radius: 25px;
		margin-right: 21px;
	}

	.loginclass input {
		background: rgb(106, 142, 182);
		color: rgb(255, 255, 255);
		font-size: 13px;
		margin-right: 21px;
	}

.forgotbutton {
	background: rgb(255, 255, 255);
	color: rgb(91, 192, 222);
}

.borderdiv {
	height: 450px;
	margin-top: 50px;
	border-left-color: currentColor;
	border-left-width: 1px;
	border-left-style: solid;
}

.loginbtn {
	width: 90px;
}

.loginclass li {
	list-style: none;
	float: left;
}

.loginclass .username {
	margin-right: 30px;
}

.loginclass .password {
	margin-right: 30px;
}

.loginclass .username label {
	color: rgb(255, 255, 255) !important;
	font-size: 16px;
	font-weight: normal;
}

.loginclass .password label {
	color: rgb(255, 255, 255) !important;
	font-size: 16px;
	font-weight: normal;
}

.loginclass .username input:focus {
}

.loginclass .password input:focus {
}

.loginclass .forgotlink a {
	font-size: 12px;
	font-weight: normal;
	margin-top: 12px !important;
	position: relative;
}

.loginclass .loginbtn {
	margin-top: -12px;
}

.item img {
	/*width: 268px;
    height: 163px;
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.7);*/
}

.carousel-indicators {
	/*left: 46%;
    bottom: -84px;*/
}

.forgotclass {
	color: rgb(255, 255, 255);
	padding-top: 3px !important;
	display: inline;
}

	.forgotclass input {
		border: currentColor !important;
		border-image: none !important;
		margin-right: 6px;
	}

.form-group-alt input:focus {
}

.usernameClass {
	border: currentColor !important;
	border-image: none !important;
}

.username .password input {
	margin-top: 3px;
}

.condition {
	color: rgb(255, 255, 255);
	font-size: 12px;
}

	.condition a {
		font-size: 11px;
	}

	.condition .error {
		color: rgb(255, 127, 80) !important;
		letter-spacing: 0.4px;
	}

.customcheckbox .control-checkbox {
	padding: 6px 2px;
	margin-top: -3px;
	margin-left: 15px;
}

.pad_0 {
	padding: 0px;
}

.ForgotPasswordHeading {
	color: rgb(255, 255, 255);
	margin-top: 5%;
}

.ForgotPasswordBlock {
	padding: 30px;
	left: 50%;
	top: 50%;
	width: 35%;
	position: absolute;
	transform: translate(-50%, -50%);
}

.ForgotPasswordContainer input {
	margin-top: 30px;
}

.inputbox p {
	color: rgb(255, 255, 255);
	margin-top: 8px;
}

.btn_div {
	margin-top: 13px;
}

.navforgotpassword {
	border: 0px currentColor;
	border-image: none;
	height: 70px;
}

	.navforgotpassword .navbar-header {
		padding: 0.2% 0px 0px 4%;
	}

.register-confirm {
	margin: 0px !important;
	height: 350px !important;
	overflow: visible !important;
	background-color: rgb(7, 48, 93) !important;
}

	.register-confirm .form-container {
		background: none !important;
		padding-bottom: 50px;
		box-shadow: none !important;
	}

		.register-confirm .form-container .inputbox input:disabled {
			background: none !important;
		}

		.register-confirm .form-container .inputbox .select {
			background: none !important;
		}

		.register-confirm .form-container .heading {
			color: rgb(255, 255, 255);
			font-weight: normal;
		}

.confirm-page {
	background-color: rgb(7, 48, 93) !important;
}

.access-detials-block-reg .form-group-alt span {
	color: rgb(255, 255, 255);
}

.access-detials-block-reg .vendor-access-block h4 {
	color: rgb(255, 255, 255) !important;
}

.access-detials-block-reg .funtional-access-block h4 {
	color: rgb(255, 255, 255) !important;
}

.whiteclr {
	color: rgb(255, 255, 255) !important;
	font-size: 12px;
}

.counrtycode button {
	background: rgb(7, 48, 93) !important;
}

.access-detials-block .usertype {
	background: rgb(7, 48, 93) !important;
}

.register-confirm li {
	list-style: none;
	padding-left: 10%;
}

.confirmation-button {
	margin-left: 50px;
}

.succes_button {
	left: 2%;
	padding-left: 10px;
	display: inline;
}

.navigatebutton {
	padding-top: 2%;
	padding-left: 66%;
}

.Registration-block h3 {
	margin: 0px 0px 0px 41%;
	color: rgb(255, 255, 255);
}

.RegistrationMainBlock {
	padding-top: 2%;
}

.vendor-access-block label {
	font-size: 12px !important;
}

.funtional-access-block label {
	font-size: 12px !important;
}

.description {
	color: rgb(255, 255, 255);
	background-color: rgb(7, 48, 93);
}

.inputbox .form-control .filter-option {
	color: rgb(255, 255, 255);
}

.align-padding {
	padding-top: 20px !important;
}

.login-input {
	background: rgb(106, 142, 182);
	border-width: 0px 0px 1px !important;
	border-style: none none solid !important;
	border-color: currentColor currentColor rgb(204, 204, 204) !important;
	margin: 0px 16px;
	border-radius: 0px !important;
	border-image: none !important;
	color: rgb(255, 255, 255);
	box-shadow: 0px 0px 0px #ccc !important;
}

.login-button {
	border-radius: 18px;
	border: 1.5px solid rgb(0, 155, 246);
	border-image: none;
	color: rgb(255, 255, 255);
	background-color: rgb(74, 188, 255);
}

	.login-button:hover {
		color: rgb(255, 255, 255);
	}

	.login-button:focus {
		color: rgb(255, 255, 255);
	}

.frw-pass {
	background: none;
	padding: 0px 20px;
	border: 0px currentColor;
	border-image: none;
	color: rgb(74, 188, 255);
}

	.frw-pass:focus {
	}

.padd-top-35 {
	padding-top: 35px;
}

.email-val {
	padding-top: 8px;
}

.form_block h3 {
	margin-bottom: 20px;
}

.select2-selection--single {
	background-color: transparent !important;
}

.inputbox .countrycode .select2-container--default .selection .select2-selection--single .select2-selection__rendered {
	color: rgb(255, 255, 255) !important;
}

.acknowledge-btn a {
	margin-top: 4px;
}

.po-no {
	padding-left: 0px;
}

div.test {
	display: none;
}

.message {
	width: 100%;
	float: left;
	display: inline-block;
}

.p-symbol {
	padding: 5px;
	border-radius: 50%;
	width: 28px;
	height: 28px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

.v-symbol {
	padding: 5px;
	border-radius: 50%;
	width: 28px;
	height: 28px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

.p-symbol {
	background-color: rgb(255, 203, 5);
}

.v-symbol {
	color: rgb(255, 255, 255);
	background-color: rgb(155, 155, 155);
}

.p-symbol {
	display: inline-block;
}

.v-symbol {
	display: inline-block;
}

.comment-details {
	display: inline-block;
}

.part-name {
	width: 200px;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
}

.comment-details {
	color: rgb(155, 155, 155);
	font-size: 14px;
	margin-bottom: 0px;
	margin-left: 10px !important;
	vertical-align: text-top;
}

.comment-desc {
	color: rgb(74, 74, 74);
	font-size: 14px;
	font-weight: 500;
	margin-left: 30px;
}

.message {
	margin: 2px 0px;
	color: rgb(74, 188, 255);
	font-size: 14px;
	text-decoration: underline;
	cursor: pointer;
}

.post-comment {
	padding: 0px;
	color: rgb(74, 188, 255);
	font-size: 16px;
	cursor: pointer;
}

.edit-comment {
	width: 882px;
}

.comment-icon {
	padding-right: 7px;
	font-size: 22px;
}

.new-comment {
	border-radius: 8px;
	border: 1px solid rgb(203, 203, 203);
	border-image: none;
	width: 1000px;
	height: 40px;
	color: rgb(203, 203, 203);
	padding-top: 3px;
	padding-left: 20px;
	font-size: 16px;
	background-color: rgb(244, 248, 249);
}

.new-comment-block {
	padding-left: 60px;
	margin-bottom: 15px;
}

.edit-comment {
	padding-top: 2px;
	margin-left: 40px;
}

.edit-submit {
	margin-right: 150px !important;
}

.add-comment {
	display: none;
}

.comments {
	padding-left: 60px;
}

.comment-list {
	list-style: none;
	padding: 0px 0px 0px 60px;
}

.comment-desc {
	margin-left: 38px !important;
	display: inline;
}

.tab-content-dispute {
	padding: 0px 65px;
	height: 430px;
	-ms-overflow-y: auto;
}

.tab-content-conversations {
	padding: 0px 65px;
}

.edit {
	color: rgb(74, 188, 255);
	font-size: 14px;
	font-weight: 500;
	text-decoration: underline;
	cursor: pointer;
}

.del {
	color: rgb(74, 188, 255);
	font-size: 14px;
	font-weight: 500;
	text-decoration: underline;
	cursor: pointer;
}

.edit {
	padding-left: 16px;
}

.del {
	padding-left: 8px;
}

.arrow-icon {
	color: rgb(0, 0, 0);
}

#dispute-table_wrapper .dataTables_scroll .dataTables_scrollBody {
	max-height: 45vh !important;
}

textarea:focus {
}

input:focus {
}

select:focus {
	outline: none;
}

.btn-block {
	margin-top: 20px;
}

.revisedvalue {
	border: 0px currentColor;
	border-image: none;
}

.dispute-type {
	border: 0px currentColor;
	border-image: none;
}

.revised-value-field {
	border: 0px currentColor;
	border-image: none;
}

.calender-block {
	border: 0px currentColor;
	border-image: none;
}

.revisedvalue {
	width: 73px;
	border-bottom-color: rgb(203, 203, 203);
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.duedate {
	width: 119px;
}

.dispute-type {
	width: 93px;
	padding-left: 0px;
	font-size: 12px;
	-webkit-box-shadow: none;
}

.revised-value-field {
	padding: 0px;
	height: 25px !important;
}

.calender-icon {
	color: rgb(18, 43, 87);
	cursor: pointer;
}

.calender-block {
	padding: 0px;
	background-color: rgb(255, 255, 255);
}

.table-alt-disputes tbody tr {
	border-bottom-color: currentColor;
	border-bottom-width: 0px;
	border-bottom-style: none;
}

	.table-alt-disputes tbody tr:nth-child(2n+1) td {
		border-bottom-color: currentColor;
		border-bottom-width: 0px;
		border-bottom-style: none;
	}

	.table-alt-disputes tbody tr td {
		border-top-color: currentColor;
		border-top-width: 0px;
		border-top-style: none;
	}

tr.group {
	margin-bottom: 20px;
	border-bottom-color: rgb(239, 239, 239) !important;
	border-bottom-width: 1px !important;
	border-bottom-style: solid !important;
}

.table-alt-disputes tbody tr:nth-child(2n+1) td:first-child {
	text-align: right;
}

.table-alt-disputes tbody tr td:nth-child(6) {
	text-align: right;
}

.table-alt-disputes thead tr th:first-child {
	text-align: right;
}

.table-alt-disputes tbody tr td:nth-child(10) {
	text-align: left;
	padding-top: 0px !important;
	padding-left: 0px !important;
}

.table-alt-disputes tbody tr td:nth-child(11) {
	padding-top: 5px !important;
}

.table-alt-disputes thead tr th:first-child {
	width: 7%;
}

.table-alt-disputes tbody tr td:first-child {
	padding-right: 6px !important;
}

.table-alt-conversations {
	margin-top: 35px;
}

	.table-alt-conversations tbody tr:first-child {
		display: none;
	}

.po-convo h1 {
	padding-left: 15px;
}

.table-alt-disputes {
	margin-top: 2%;
}

.dispute-btns {
	padding: 20px 0px;
	width: 100%;
	display: block;
}

.dispute-type-readonly {
	padding: 8px 21px 3px 11px !important;
}

.duedate {
	border-bottom-color: rgb(204, 204, 204) !important;
	border-bottom-width: 1px !important;
	border-bottom-style: solid !important;
}

.table-alt-disputes thead tr th:nth-child(6) {
	text-align: right;
}

.table-alt-disputes thead tr th:nth-child(7) {
	text-align: right;
}

.table-alt-disputes tbody tr td:nth-child(7) {
	text-align: right;
}

.details-tab {
	height: 430px;
	-ms-overflow-y: auto;
}

.row-check {
	text-align: center;
}

.row-check {
	padding-bottom: 17px !important;
}

tbody tr td.row-check {
	padding-top: 0px !important;
	padding-right: 12px !important;
}

.checkbox-instruction {
	text-align: left;
	font-size: 18px;
}

.details-dispute {
	padding: 10px 50px !important;
	width: 100%;
	margin-left: 0px;
	display: inline-block;
	background-color: rgb(229, 229, 229);
}

.details-tab {
	padding: 0px !important;
}

.table-alt-details {
	width: 91% !important;
	margin-left: 60px !important;
}

.table-alt-details-shipment {
	width: 91% !important;
	margin-left: 60px !important;
}

.table-alt-details tbody tr:last-child {
	font-weight: bold;
	background-color: rgb(244, 248, 249) !important;
}

.table-alt-details-shipment tbody tr:last-child {
	font-weight: bold;
	background-color: rgb(244, 248, 249) !important;
}

.table-alt-details tbody tr:last-child {
	box-shadow: none !important;
}

.details-block {
	padding: 0px 65px;
}

.checkbox-instruction {
	padding: 0px 65px;
}

.table-alt-details {
	padding: 0px 65px;
}

.term-and-conditions {
	padding: 0px 65px;
}

.lines-selected {
	width: 174px;
	color: rgb(0, 0, 0);
	padding-right: 0px;
	font-size: 20px;
	font-weight: bold;
	margin-top: 3px;
}

.arrow-heading {
	color: rgb(0, 0, 0);
}

.shipping {
	margin-bottom: 0px;
}

.countcheck {
	margin-right: 3px;
}

.revised-value-field {
	-webkit-box-shadow: none;
}

.table-alt-details tbody tr td:nth-child(2) {
	text-align: right;
}

.table-alt-details tbody tr td:nth-child(7) {
	text-align: right;
}

.table-alt-details tbody tr td:nth-child(8) {
	text-align: right;
}

.table-alt-details tbody tr td:nth-child(10) {
	text-align: right;
}

.table-alt-details thead tr th:nth-child(2) {
	text-align: right;
}

.table-alt-details thead tr th:nth-child(7) {
	text-align: right;
}

.table-alt-details thead tr th:nth-child(8) {
	text-align: right;
}

.table-alt-details thead tr th:nth-child(10) {
	text-align: right;
}

.table-alt-details-shipment tbody tr td:nth-child(2) {
	text-align: right;
}

.table-alt-details-shipment tbody tr td:nth-child(6) {
	text-align: right;
}

.table-alt-details-shipment tbody tr td:nth-child(8) {
	text-align: right;
}

.table-alt-details-shipment thead tr th:nth-child(2) {
	text-align: right;
}

.table-alt-details-shipment thead tr th:nth-child(6) {
	text-align: right;
}

.table-alt-details-shipment thead tr th:nth-child(8) {
	text-align: right;
}

.term-and-conditions {
	margin-left: 19px;
}

	.term-and-conditions p {
		color: rgb(151, 151, 151);
		font-size: 14px;
		margin-left: 30px;
	}

	.term-and-conditions label {
		color: rgb(74, 74, 74);
		font-size: 14px;
	}

.exclamation {
	color: rgb(180, 4, 4);
}

.exclamation-row {
	color: rgb(180, 4, 4);
}

.exclamation {
	margin-right: 8px;
}

.exclamation-row {
	margin-left: 8px;
}

.details-block .detail-row {
	padding-top: 15px;
}

.newpo-details {
	margin: 0px;
}

.view-details {
	margin: 0px;
	font-size: 12px;
}

.pickmeup {
	background: rgb(255, 255, 255);
	border-radius: 0.4em;
	display: none;
	position: absolute;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
}

	.pickmeup * {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	.pickmeup .pmu-instance {
		padding: 0.5em;
		width: 33%;
		height: 13.8em;
		text-align: center;
		display: inline-block;
	}

		.pickmeup .pmu-instance .pmu-button {
			color: rgb(238, 238, 238);
			text-decoration: none;
			cursor: pointer;
		}

		.pickmeup .pmu-instance .pmu-today {
			background: rgb(255, 255, 255);
			color: rgb(136, 197, 235);
		}

		.pickmeup .pmu-instance .pmu-button:hover {
			color: rgb(136, 197, 235);
		}

		.pickmeup .pmu-instance .pmu-not-in-month {
			color: rgb(102, 102, 102);
			visibility: hidden !important;
		}

		.pickmeup .pmu-instance .pmu-disabled {
			color: rgb(51, 51, 51);
			cursor: default;
		}

			.pickmeup .pmu-instance .pmu-disabled:hover {
				color: rgb(51, 51, 51);
				cursor: default;
			}

		.pickmeup .pmu-instance .pmu-selected {
			color: rgb(238, 238, 238);
			background-color: rgb(216, 216, 216);
		}

		.pickmeup .pmu-instance .pmu-not-in-month.pmu-selected {
			background: rgb(23, 56, 77);
		}

		.pickmeup .pmu-instance nav {
			color: rgb(238, 238, 238);
			line-height: 2em;
			display: flex;
		}

			.pickmeup .pmu-instance nav *:first-child :hover {
				color: rgb(136, 197, 235);
			}

			.pickmeup .pmu-instance nav .pmu-prev {
				width: 1em;
				height: 2em;
				display: none;
			}

			.pickmeup .pmu-instance nav .pmu-next {
				width: 1em;
				height: 2em;
				display: none;
			}

			.pickmeup .pmu-instance nav .pmu-month {
				padding: 0px !important;
				width: 100% !important;
				height: 21px !important;
			}

		.pickmeup .pmu-instance .pmu-years * {
			width: 3.5em;
			line-height: 3.6em;
			display: inline-block;
		}

		.pickmeup .pmu-instance .pmu-months * {
			width: 3.5em;
			line-height: 3.6em;
			display: inline-block;
		}

		.pickmeup .pmu-instance .pmu-day-of-week {
			color: rgb(153, 153, 153);
			cursor: default;
		}

			.pickmeup .pmu-instance .pmu-day-of-week * {
				width: 38px;
				line-height: 1.5em;
				display: inline-block;
			}

		.pickmeup .pmu-instance .pmu-days * {
			width: 35.7px;
			line-height: 1.5em;
			display: inline-block;
		}

		.pickmeup .pmu-instance .pmu-day-of-week * {
			line-height: 1.8em;
		}

	.pickmeup :first-child.pmu-instance .pmu-prev {
		display: block;
	}

	.pickmeup :last-child.pmu-instance .pmu-next {
		display: block;
	}

	.pickmeup :first-child.pmu-instance .pmu-month {
		width: 13em;
	}

	.pickmeup :last-child.pmu-instance .pmu-month {
		width: 13em;
	}

	.pickmeup :first-child:last-child.pmu-instance .pmu-month {
		width: 12em;
	}

:not(.pmu-view-days).pickmeup .pmu-days {
	display: none;
}

:not(.pmu-view-days).pickmeup .pmu-day-of-week {
	display: none;
}

:not(.pmu-view-months).pickmeup .pmu-months {
	display: none;
}

:not(.pmu-view-years).pickmeup .pmu-years {
	display: none;
}

.pmu-instance nav:first-child {
	background-color: rgb(74, 74, 74);
}

.pmu-instance nav .pmu-month {
	padding: 2px 0px;
	color: rgb(255, 255, 255) !important;
}

.pmu-instance .pmu-day-of-week div {
	color: rgb(0, 0, 0);
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 500;
}

.pmu-instance .pmu-next {
	top: -3px;
	right: -17px;
	visibility: visible;
	position: absolute;
}

.pmu-instance .pmu-prev {
	left: -17px;
	top: -3px;
	visibility: visible;
	position: absolute;
}

.pmu-button {
	padding: 5px 0px;
	color: rgb(0, 0, 0) !important;
	font-size: 13px;
	margin-bottom: 3px;
}

:first-child.pmu-selected {
	/*border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;*/
}

.disable-calendar {
	background: rgb(255, 255, 255);
	top: 0px;
	width: 100%;
	height: 230px;
	right: 1px;
	display: block;
	position: absolute;
	opacity: 0.2;
}

.calender-icon-img {
	cursor: pointer;
}

.calendar-error {
	color: rgb(255, 0, 0);
	font-size: 12px;
	display: none;
}

:nth-child(1).pmu-selected {
	/*border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;*/
}

.invoice_field {
	padding-bottom: 20px;
	margin-top: 18px;
}

.invoice-content {
	height: 445px;
	padding-bottom: 15px;
	-ms-overflow-x: hidden;
	-ms-overflow-y: auto;
}

	.invoice-content .btn-block {
		margin-top: 8%;
	}

.invoicetble {
	height: 2px;
	border-top-color: rgb(203, 203, 203);
	border-top-width: 0.5px;
	border-top-style: solid;
}

	.invoicetble thead tr th:nth-child(1) {
		width: 30px;
	}

	.invoicetble thead tr th:nth-child(9) {
		text-align: right;
		padding-right: 22px;
	}

	.invoicetble thead tr th:nth-child(6) {
		text-align: right;
	}

	.invoicetble thead tr th:nth-child(10) {
		text-align: right;
		padding-right: 22px;
	}

	.invoicetble tbody tr td:nth-child(1) {
		width: 30px;
	}

	.invoicetble tbody tr td:nth-child(6) {
		text-align: right;
	}

	.invoicetble tbody tr td:nth-child(10) {
		text-align: right;
	}

	.invoicetble tbody tr .unit-price {
		padding-right: 4px !important;
	}

.invoicefld {
	background: rgb(244, 248, 249);
}

.main-container-block .in_header {
	padding: 1% 0px 0px 32%;
}

.invoice_terms {
	color: rgb(155, 155, 155);
	line-height: normal;
	letter-spacing: 0.4px;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-stretch: normal;
}

.terms_content {
	color: rgb(74, 74, 74);
	line-height: normal;
	letter-spacing: 0.4px;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-stretch: normal;
}

.select_dropdown {
	background: rgb(244, 248, 249);
	border-width: 0px 0px 1px;
	border-style: none none solid;
	border-color: currentColor currentColor rgb(204, 204, 204);
	padding: 0px;
	border-radius: 0px;
	border-image: none;
	height: 15px;
}

.discount {
	margin-bottom: 0px;
}

.selectop {
	color: rgb(74, 74, 74);
	line-height: normal;
	letter-spacing: 0.4px;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-stretch: normal;
}

.table-block {
	padding: 0px 65px;
	margin-top: 3%;
}

.border_0 {
	border: 0px currentColor;
	border-image: none;
}

.tax-bdr {
	border-width: 0px 0px 1px;
	border-style: none none solid;
	border-color: currentColor currentColor rgb(203, 203, 203);
	border-image: none;
	width: 72px;
	text-align: right;
	margin-top: 7px;
	float: right;
}

.down_arrow {
	transform: rotate(-90deg);
}

.finaltotal {
	background: rgb(244, 248, 249);
	border-width: 0px 0px 1px;
	border-style: none none solid;
	border-color: currentColor currentColor rgb(203, 203, 203);
	border-image: none;
	margin-left: 20px;
	float: right;
}

.border_style {
	background: rgb(244, 248, 249);
	border-width: 0px 0px 1px;
	border-style: none none solid;
	border-color: currentColor currentColor rgb(203, 203, 203);
	border-image: none;
}

.remove_whole-block {
	float: right;
}

.select_inputbox_div {
	margin-top: 10px;
}

.removeshipdiv {
	margin-right: 88px;
	display: flex;
}

.removehandlingdiv {
	display: flex;
}

.removetaxdiv {
	display: flex;
}

.removeotherdiv {
	display: flex;
}

#tableproducts tbody tr {
	width: 100%;
	display: table;
	table-layout: fixed;
}

#tableproducts tbody {
	display: block;
}

#tableproducts thead {
	width: 100%;
	margin-top: 40px;
	display: table;
	table-layout: fixed;
}

.add-btn {
	margin-top: 10px;
}

.select-drop-div {
	margin-top: 9px;
}

.select-invoice {
	background: rgb(244, 248, 249);
}

.invoice_field {
	padding: 10px 11px;
}

	.invoice_field .invoiceFild {
		width: 20%;
		margin-top: 20px;
	}

.def-terms {
	margin-bottom: 10px;
}

.dis-block {
	padding-left: 0px;
}

.date-group {
	margin-top: 25px;
	border-bottom-color: rgb(204, 204, 204);
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

	.date-group .gly-icon {
		background: rgb(244, 248, 249);
	}

.border-0 {
	border-image: none;
	border-top-color: currentColor;
	border-right-color: currentColor;
	border-bottom-color: rgb(204, 204, 204) !important;
	border-left-color: currentColor;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px !important;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid !important;
	border-left-style: solid;
}

.invoicetble tbody tr td input {
	width: 100%;
	float: right;
}

.additional-charges-block {
	margin-top: 1%;
}

.grand-total-block {
	padding: 2px 5%;
}

	.grand-total-block label {
		font-weight: 300;
	}

	.grand-total-block p {
		font-size: 18px;
		font-weight: 900;
		margin-top: -3px;
		margin-left: 10px;
		float: right;
	}

.select-drop-div select {
	background: rgb(244, 248, 249);
	border-width: 0px 0px 1px !important;
	border-style: solid !important;
	border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgb(204, 204, 204) !important;
	padding: 5px 0px 0px;
	border-image: none !important;
}

.input-addtional-charges {
	background: rgb(244, 248, 249);
	border-width: 0px 0px 1px !important;
	border-style: solid !important;
	border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgb(204, 204, 204) !important;
	padding: 5px 0px 0px;
	border-radius: 0px;
	border-image: none !important;
	margin-right: 10px;
	box-shadow: 0px 0px 0px #ccc;
}

	.input-addtional-charges:hover {
		box-shadow: 0px 0px 0px #ccc;
	}

	.input-addtional-charges:focus {
		box-shadow: 0px 0px 0px #ccc;
	}

.currency-block {
	margin-right: 9%;
}

.span-label-invoice {
	top: 3px;
	color: rgb(155, 155, 155);
	font-size: 12px;
	position: absolute;
	left: 3px;
}

.invoice_field {
	background: rgb(255, 255, 255);
	margin: 37px auto 0px;
	width: 90%;
	box-shadow: 1px 1px 4px 1px #ccc;
}

.invoiceFildnumber {
	width: 20%;
	margin-top: 36px;
}

.invoice-details-tab {
	padding: 0% 3.8% 2%;
	height: 450px;
	-ms-overflow-y: auto;
}

.invoice-container {
	margin: 0px;
	padding-bottom: 14px;
	border-bottom-color: rgb(204, 204, 204);
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.invoice-info {
	padding: 3px 5px 5px !important;
	margin-bottom: 16px;
}

.po-info {
	padding: 3px 5px 5px;
}

.table-invoice-details {
	text-align: right;
	cursor: default;
}

	.table-invoice-details thead tr th {
		text-align: right;
		cursor: default;
	}

		.table-invoice-details thead tr th:nth-child(2) {
			text-align: left;
			padding-left: 30px;
		}

	.table-invoice-details tbody tr td {
		padding-right: 4px !important;
	}

		.table-invoice-details tbody tr td:nth-child(1) {
			width: 140px;
		}

		.table-invoice-details tbody tr td:nth-child(2) p {
			text-align: left;
			padding-left: 24px;
		}

		.table-invoice-details tbody tr td:nth-child(7) {
			width: 130px;
		}

		.table-invoice-details tbody tr td:last-child {
			padding-right: 50px !important;
		}

	.table-invoice-details thead tr th:last-child {
		padding-right: 50px !important;
	}

	.table-invoice-details tbody tr:last-child {
		font-weight: bold;
	}

.invoice-block {
	margin-top: 5px;
}

.invoice-info h4 {
	margin-left: 10px;
}

.RemitanceHeader1 {
	margin-top: 12px;
}

	.RemitanceHeader1 .Remittanceitem {
		padding-left: 0px;
	}

.RemitanceHeader2 {
	margin-top: 22px;
	margin-bottom: 12px;
}

	.RemitanceHeader2 .Remittanceitem {
		padding-left: 0px;
	}

.Remittanceheader h3 {
	margin-bottom: 30px;
}

.details-block {
	padding: 0px 66px !important;
}

.Remittanceitem {
	padding-left: 0px;
}

.InvoiceType {
	width: 106px;
}

.InvoiceTypeitem {
	text-align: center;
}

.InvoiceDate {
	padding-left: 22px;
}

.InvoiceDateitem {
	padding-left: 22px;
}

.InvoiceBlock {
	margin-right: 0px;
}

.added-shipment .discountitem {
	padding: 7px 0px 0px 36px !important;
}

.added-shipment .invoiceamount {
	padding: 7px 0px 0px 36px !important;
}

.calender-collapse-alt {
	background: rgb(255, 255, 255);
	padding: 10px 34px;
	left: 0px;
	width: 100%;
	position: absolute;
	z-index: 99;
	box-shadow: 1px 1px 1px 1px #ccc;
}

.title-inline-icon {
	height: 45px !important;
}

.table-remittance-list tbody tr:hover {
	cursor: pointer;
}

.shipped-amount {
	padding: 8px 33px !important;
}

.details-block-unpaid {
	padding: 10px;
}

	.details-block-unpaid a:hover {
		text-decoration: underline;
	}

.table-invoice-details tbody tr:last-child {
	background: none;
}

.flip-icon {
	margin: 0px 10% 0px 45%;
	cursor: pointer;
}

.page-heading-invoice {
	padding-left: 29px;
}

heading-block .date-filter {
	background: rgb(31, 65, 125);
	color: rgb(255, 255, 255);
}

heading-block .collapsed {
	background: rgb(255, 255, 255);
	color: rgb(31, 65, 125);
}

.total-invoiceamount {
	width: 132px;
}

.total-invoicetax {
	width: 107px;
}

.total-discounttaken {
	width: 98px;
}

.total-paidamount {
	width: 83px;
}

.totalamount-title {
	width: 235px;
	float: right;
}

.total-amount {
	width: 131px;
}

.remittance-number {
	text-align: right;
	float: left;
	min-width: 127px;
}

.remittance-title {
	width: 231px;
	float: right;
}

.po-quantity {
	width: 79px;
}

.po-received-quantity {
	width: 116px;
}

.edit-discount i {
	padding: 5px;
	border-radius: 50%;
	border: 1px solid rgb(95, 188, 253);
	border-image: none;
	width: 26px;
	height: 26px;
	color: rgb(95, 188, 253);
	cursor: pointer;
}

.discount-submit {
	padding: 2px;
	border-radius: 50%;
	border: 1px solid rgb(95, 188, 253);
	border-image: none;
	width: 20px;
	height: 20px;
	color: rgb(95, 188, 253);
	cursor: pointer;
}

	.discount-submit:hover {
		background: rgb(95, 188, 253);
		color: rgb(255, 255, 255);
	}

.discount-update .form-group-alt .form-control-alt {
	padding: 0px;
}

.discount-cancel {
	padding: 2px 4px;
	border-radius: 50%;
	border: 1px solid rgb(210, 27, 36);
	border-image: none;
	width: 20px;
	height: 20px;
	color: rgb(210, 27, 36);
	cursor: pointer;
}

	.discount-cancel:hover {
		background: rgb(210, 27, 36);
		color: rgb(255, 255, 255);
	}

.percentage-form {
	padding: 0px 0px 0px 14px;
}

.count-ofinvoice {
	width: 110px;
}

.shipment-charges {
	width: 110px;
}

.additional-charges {
	width: 153px;
}

.discount-icon {
	cursor: pointer;
}

.discount-selection {
	display: none;
}

.discount-icon {
	padding: 6px;
	border-radius: 20px;
	border: 1px solid rgb(74, 188, 255);
	border-image: none;
	width: 30px;
	height: 30px;
	color: rgb(74, 188, 255);
}

.note-text {
	text-align: left;
	color: rgb(152, 152, 152) !important;
	font-size: 12px !important;
	font-weight: 400;
}

.percentage-field {
	margin-top: 18px;
}

.discount-modal-alt {
	width: 379px;
}

.dispute-reason-label {
	width: 11%;
	padding-left: 12px;
	float: left;
}

.dispute-reasoning-block h5 {
	padding: 0px 30px;
	font-weight: 600;
}

.dispute-invoice-block {
	background: rgb(255, 255, 255);
	margin-top: 5px;
	box-shadow: 1px 1px 1px 1px #ccc;
}

	.dispute-invoice-block .dispute-action {
		padding-left: 28px;
	}

.discount-icon-block-header {
	padding: 12px 10.2px 0px 66px;
}

	.discount-icon-block-header span {
		font-size: 18px;
	}

.expedite-payment-link {
	text-align: right;
	font-size: 14px;
	font-weight: 400;
}

	.expedite-payment-link:hover {
		font-size: 14px;
		font-weight: 400;
		text-decoration: underline;
	}

.remittance-link:hover {
	text-decoration: underline;
}

.invoice-link:hover {
	text-decoration: underline;
}

.dispute-info-unpaid {
	border-bottom-color: rgb(204, 204, 204);
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.invoicelnnumber {
	text-align: right;
	margin-right: 73% !important;
}

.remittance-link {
	color: rgb(74, 188, 255);
	line-height: normal;
	letter-spacing: 0.4px;
	font-style: normal;
	font-weight: bold;
	cursor: pointer;
	font-stretch: normal;
}

.qoutes-details-btn {
	margin-top: 8px;
}

.shipped-qty p {
	padding-right: 18px;
}

.quote-button {
	padding: 6px 5px;
	border-radius: 15px;
	border: 1px solid rgb(0, 155, 246);
	border-image: none;
	height: 34px;
	color: rgb(255, 255, 255);
	font-size: 15px;
	font-weight: 500;
	margin-top: 7px;
	margin-bottom: 9px;
	background-color: rgb(74, 188, 255);
}

.quote-detail-top-section {
	margin-top: 30px;
}

	.quote-detail-top-section .quote-detail-unit {
		margin-bottom: 10px;
	}

.quote-editable-section {
	padding: 10px 5px 12px;
	border: 1px solid rgb(239, 239, 239);
	border-image: none;
	width: 1222px !important;
	margin-top: 10px;
	box-shadow: 0px 2px 4px rgba(230,230,230,0.5);
	background-color: rgb(255, 255, 255);
}

	.quote-editable-section input[type=text] {
		font-size: 14px;
	}

	.quote-editable-section select {
		font-size: 14px;
	}

.quote-detail-title-name {
	color: rgb(155, 155, 155);
	font-size: 14px;
	font-weight: 400;
}

.quote-detail-value {
	color: rgb(74, 74, 74);
	font-weight: 400;
}

	.quote-detail-value p {
		margin: 0px;
	}

	.quote-detail-value input[type=text] {
		border-width: medium medium 1px;
		border-style: none none solid;
		border-color: currentColor currentColor rgb(204, 204, 204);
		border-image: none;
	}

	.quote-detail-value select {
		border-width: medium medium 1px;
		border-style: none none solid;
		border-color: currentColor currentColor rgb(204, 204, 204);
		border-image: none;
	}

	.quote-detail-value select {
		background: none;
		width: 100%;
	}

.quote-calender-icon {
	top: 15px;
	right: 13%;
	position: absolute;
}

.quote-table-container {
	padding-right: 0px;
	padding-left: 0px;
}

	.quote-table-container table .type-input input {
		width: 100%;
		font-size: 12px;
	}

.quote-form-group {
	margin-top: 10px;
}

.form-control-placeholder {
	padding: 20px 0px 0px 6px;
	transition: 200ms;
	top: 0px;
	color: rgb(204, 204, 204);
	position: absolute;
	opacity: 1;
}

.form-control {
	height: 24px;
	font-size: 14px;
}

:required.form-control {
}

.form-control:focus + .form-control-placeholder {
	transition: 0.2s;
	top: -40%;
	color: rgb(204, 204, 204);
	opacity: 1;
}

:valid.form-control + .form-control-placeholder {
	transition: 0.2s;
	top: -40%;
	color: rgb(204, 204, 204);
	opacity: 1;
}

.quote-excel-section {
	margin-top: 15px;
	margin-bottom: 15px;
}

.upload-excel-icon {
	background: rgb(255, 255, 255);
	padding: 5px 12px 0px 0px;
	border-radius: 9px;
	border: 2px solid rgb(86, 172, 102);
	border-image: none;
	width: 78px;
	height: 30px;
	color: rgb(86, 172, 102);
	margin-left: 10px;
}

	.upload-excel-icon i {
		padding: 0px;
		color: rgb(86, 172, 102);
		margin-right: 10px;
		display: inline;
	}

	.upload-excel-icon img {
		width: 21px;
		height: 18px;
		float: right;
	}

.upload-excel-text {
	line-height: 36px;
}

.quote-pricetag-dialogbox {
	background: rgb(255, 255, 255);
	padding: 10px 0px;
	border: 1px solid rgb(0, 0, 0);
	border-image: none;
	width: 100% !important;
}

	.quote-pricetag-dialogbox p {
		color: rgb(75, 187, 252);
		padding-right: 10px;
		padding-left: 10px;
	}

	.quote-pricetag-dialogbox .tag-container {
		margin-right: 0px;
		margin-left: 0px;
	}

	.quote-pricetag-dialogbox .tag-title {
		text-align: center;
		border-bottom-color: rgba(0, 0, 0, 0.38);
		border-bottom-width: 1px;
		border-bottom-style: solid;
	}

	.quote-pricetag-dialogbox .input-cell {
		margin-top: 5px;
	}

	.quote-pricetag-dialogbox p.add-more {
		right: 5px;
		font-size: 12px;
		text-decoration: underline;
		margin-top: 10px;
		position: relative;
	}

	.quote-pricetag-dialogbox button {
		margin: 0px auto;
		width: 100px;
	}

@media all and (min-width:1200px) {
	.quote-container {
		padding: 0px 41px;
		width: 1295px;
	}
}

.quote-container-block {
	height: 440px;
	padding-bottom: 20px;
	-ms-overflow-x: hidden;
	-ms-overflow-y: scroll;
}

.ui-dialog-titlebar-close {
	background: rgb(95, 188, 253);
	margin: 10px -9px;
	border-radius: 20px;
	border: 1px solid rgb(95, 188, 253);
	border-image: none;
	float: right;
}

.col-label {
	color: rgb(155, 155, 155);
	font-size: 14px;
	font-weight: 400;
	margin-top: 13px;
}

.quote-datepicker {
	padding: 6px 12px 0px !important;
}

.qoutes-container {
	padding: 0px 67px 50px;
	height: 440px;
	margin-bottom: 20px;
	-ms-overflow-y: auto;
}

.quote-detail-unit {
	margin-bottom: 1.5%;
}

.qoutes-user-details {
	background: rgb(255, 255, 255);
	padding: 18px 2% 0px;
	margin-bottom: 1.5%;
	box-shadow: 1px 1px 1px 1px #ccc;
}

.qoutes-detials {
	padding-bottom: 10px;
	border-bottom-color: rgb(204, 204, 204) !important;
	border-bottom-width: 1px !important;
	border-bottom-style: solid !important;
}

.panel-body-alt {
	padding: 0px 17px;
}

.price-tag {
	padding: 0px 36px;
}

	.price-tag i {
		color: rgb(95, 188, 253);
		font-size: 30px;
		cursor: pointer;
	}

.datelabel {
	top: -15px;
	color: rgb(155, 155, 155);
	font-size: 12px;
	position: absolute;
}

.qoutes-date {
	top: 12px;
	right: 20px;
	color: rgb(23, 51, 101);
	font-size: 17px;
	position: absolute;
	cursor: pointer;
}

.lead-time {
	top: 12px;
	right: 8px;
	color: rgb(23, 51, 101);
	font-size: 17px;
	position: absolute;
	cursor: pointer;
}

.lead-time-column {
	position: relative;
}

.download-block {
	margin-top: 10px;
}

.price-tag {
	padding: 0px 36px;
}

	.price-tag i {
		color: rgb(95, 188, 253);
		font-size: 30px;
		cursor: pointer;
	}

.datelabel {
	top: -15px;
	color: rgb(155, 155, 155);
	font-size: 12px;
	position: absolute;
}

.qoutes-date {
	top: 12px;
	right: 20px;
	color: rgb(23, 51, 101);
	font-size: 17px;
	position: absolute;
	cursor: pointer;
}

.lead-time {
	top: 12px;
	right: 8px;
	color: rgb(23, 51, 101);
	font-size: 17px;
	position: absolute;
	cursor: pointer;
}

.lead-time-column {
	position: relative;
}

.download-block {
	margin-top: 10px;
}

#quote-item-table-listing {
	height: 180px;
	display: block;
}

.add-more {
	text-align: left !important;
	color: rgb(49, 176, 213) !important;
	font-size: 15px !important;
	cursor: pointer;
}

.modal-backdrop {
	position: static !important;
}

.qoutes-price-tag {
	font-size: 20px !important;
	margin-top: 6px;
	margin-left: 19px;
}

.qoutes-price-tag-disable {
	color: rgb(128, 128, 128);
	font-size: 20px !important;
	margin-top: 6px;
	margin-left: 19px;
	cursor: not-allowed;
}

.modal-content-qoutes {
	border-radius: 20px !important;
	border: 2px solid rgb(95, 188, 253);
	border-image: none;
	width: 33%;
	transform: translate(100%, 21%);
}

.qoutes-price-input-group {
	padding-bottom: 10px;
	margin-bottom: 0px;
	border-right-color: rgb(204, 204, 204);
	border-right-width: 1px;
	border-right-style: solid;
}

	.qoutes-price-input-group input {
		border-width: 0px 0px 1px;
		border-style: none none solid;
		border-color: currentColor currentColor rgb(204, 204, 204);
		border-image: none;
		width: 100%;
		text-align: right;
	}

.modal-qoutes {
	background: rgba(0, 0, 0, 0.4);
}

.tag-container {
	-ms-overflow-x: hidden;
	-ms-overflow-y: auto;
	min-height: 100px;
	max-height: 180px;
}

.modal-qoutes-label {
	color: rgb(155, 155, 155);
	font-size: 16px;
}

.quote-pricetag-block p span {
	font-size: 14px;
}

.quote-pricetag-block p .modal-qoutes-label {
	font-size: 14px;
}

.number-text {
	padding-right: 10px;
}

.qoutes-read {
	border-bottom-color: rgb(204, 204, 204);
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.qoutes-readonly-content {
	padding-left: 31px;
}

.datelabel-edit {
	top: -15px;
	color: rgb(155, 155, 155);
	font-size: 14px;
	font-weight: 400;
	position: absolute;
}

.quote-table-container .table tbody tr td {
	border-bottom-color: rgb(204, 204, 204) !important;
	border-bottom-width: 0px !important;
	border-bottom-style: solid !important;
}

.quote-table-container .table tbody .hightlight-error {
	border: 1px solid rgb(169, 21, 21);
	border-image: none;
}

	.quote-table-container .table tbody .hightlight-error td {
		border-top-color: rgb(180, 100, 99) !important;
		border-bottom-color: rgb(180, 100, 99) !important;
		border-top-width: 1px !important;
		border-bottom-width: 1px !important;
		border-top-style: solid !important;
		border-bottom-style: solid !important;
	}

		.quote-table-container .table tbody .hightlight-error td:first-child {
			border-left-color: rgb(180, 100, 99) !important;
			border-left-width: 1px !important;
			border-left-style: solid !important;
		}

		.quote-table-container .table tbody .hightlight-error td:last-child {
			border-right-color: rgb(180, 100, 99) !important;
			border-right-width: 1px !important;
			border-right-style: solid !important;
		}

.currency-md-2-alt-qoutes {
	width: 11%;
}

.price-break-link {
	margin-top: 10px;
	display: block;
}

	.price-break-link i {
		font-size: 23px;
	}

.qoutes-label-select {
	top: -15px !important;
	color: rgb(155, 155, 155) !important;
	font-size: 12px !important;
}

.leadtime-md-2-alt-qoutes {
	width: 7%;
}

.panel-title-alt {
	background: none;
}

.panel-quotes {
	background: none !important;
}

	.panel-quotes .title-quotes-collapse {
		background: none !important;
		padding: 0px;
		border: 0px currentColor;
		border-image: none;
		margin-top: 1%;
		box-shadow: 0px 0px 0px 0px #ccc !important;
	}

		.panel-quotes .title-quotes-collapse .title-quotes {
			padding: 0px;
			background-color: transparent;
		}

			.panel-quotes .title-quotes-collapse .title-quotes h4 {
				width: 200px;
				font-size: 15px;
				font-weight: 600;
				cursor: pointer;
			}

				.panel-quotes .title-quotes-collapse .title-quotes h4::after {
					color: rgb(95, 188, 253);
					font-family: "Glyphicons Halflings";
					float: right;
					content: "?";
				}

			.panel-quotes .title-quotes-collapse .title-quotes .collapsed::after {
				content: "?";
			}

	.panel-quotes .panel-collapse .panel-body {
		border-top-color: rgb(204, 204, 204) !important;
		border-top-width: 0px !important;
		border-top-style: solid !important;
	}

.quote-item-comment {
	border: 1px solid rgb(204, 204, 204);
	border-image: none;
	width: 100%;
	height: 81px;
	-ms-overflow-y: auto;
	resize: none;
}

.qoutes-comment-icon {
	font-size: 20px !important;
	margin-top: 6px;
	margin-left: 17px;
}

.qoutes-comment-icon-disable {
	color: rgb(128, 128, 128);
	font-size: 20px !important;
	margin-top: 6px;
	margin-left: 17px;
	cursor: not-allowed;
}

.quote-table-container .table thead th:nth-child(1) {
	width: 100px;
}

.quote-table-container .table thead th:nth-child(2) {
	width: 100px;
}

.quote-table-container .table thead th:nth-child(3) {
	width: 200px;
}

.quote-table-container .table thead th:nth-child(4) {
	width: 50px;
	text-align: right;
}

.quote-table-container .table thead th:nth-child(5) {
	width: 100px;
}

.quote-table-container .table thead th:nth-child(6) {
	width: 100px;
}

.quote-table-container .table thead th:nth-child(7) {
	width: 60px;
	text-align: right;
}

.quote-table-container .table thead th:nth-child(8) {
	width: 60px;
	text-align: right;
}

.quote-table-container .table thead th:nth-child(9) {
	width: 100px;
	text-align: right;
}

.quote-table-container .table thead th:nth-child(10) {
	width: 76px;
	text-align: right;
}

.quote-table-container .table thead .number-header {
	position: relative;
}

	.quote-table-container .table thead .number-header sup {
		margin-left: 2%;
	}

		.quote-table-container .table thead .number-header sup i {
			top: 0px;
			color: rgb(95, 188, 253);
			font-size: 12px;
			position: absolute;
		}

.quote-table-container .table tbody tr td {
	padding: 8px 8px 3px !important;
	font-size: 12px;
}

	.quote-table-container .table tbody tr td .from-group-alt {
		margin-bottom: 0px !important;
	}

		.quote-table-container .table tbody tr td .from-group-alt .form-control-alt {
			border-width: 0px 0px 1px;
			border-style: none none solid;
			border-color: currentColor currentColor rgb(204, 204, 204);
			padding: 0px;
			border-radius: 0px;
			border-image: none;
			font-size: 12px;
			box-shadow: 0px 0px 0px #ccc;
		}

	.quote-table-container .table tbody tr td:nth-child(11) .from-group-alt .control .control_indicator {
		margin: 0px 21px;
	}

.price-break a {
	position: relative;
}

	.price-break a span {
		background: rgba(95, 188, 253, 0.63);
		border-radius: 50px;
		top: -6px;
		width: 10px;
		height: 10px;
		right: 1px;
		position: absolute;
		z-index: 1;
	}

.qoutes-comments a {
	position: relative;
}

	.qoutes-comments a span {
		background: rgba(95, 188, 253, 0.63);
		border-radius: 50px;
		top: -6px;
		width: 10px;
		height: 10px;
		right: 1px;
		position: absolute;
		z-index: 1;
	}

.tooltip-inner {
	white-space: nowrap;
	max-width: none;
}

.main-container-block .heading-block h3 {
	margin-top: 5px !important;
	margin-bottom: 0px !important;
}

.main-container-block .FirstAttachement {
	border: 1px solid rgb(239, 239, 239);
	border-image: none;
	width: 288px;
	height: 120px;
	margin-top: 41px;
	margin-right: 15px;
	background-color: rgb(255, 255, 255);
}

.main-container-block .AttachmentBlock {
	margin-left: 64px;
}

.main-container-block .AttachmentBlock {
	padding-left: 0px;
}

.main-container-block .attachmentOne {
	padding-left: 0px;
}

.main-container-block .SubAttachment {
	padding-left: 0px;
}

	.main-container-block .SubAttachment a {
		width: 200px;
		color: rgb(74, 74, 74);
		overflow: hidden;
		font-size: 18px;
		text-decoration: underline;
		display: block;
		white-space: nowrap;
		-ms-text-overflow: ellipsis;
	}

.main-container-block .attachmentContent p {
	margin-top: 10px;
}

.main-container-block .circleV {
	padding: 5px;
	border-radius: 50%;
	width: 33px;
	height: 33px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin-top: 7px;
	margin-left: 46px;
	background-color: rgb(155, 155, 155);
}

.main-container-block .circleP {
	padding: 5px;
	border-radius: 50%;
	width: 33px;
	height: 33px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin-top: 7px;
	margin-left: 46px;
	background-color: rgb(155, 155, 155);
}

.main-container-block .circleV {
	background: rgb(155, 155, 155);
}

.main-container-block .circleP {
	background: rgb(255, 203, 5);
}

.main-container-block .file-upload {
	padding-left: 5%;
}

	.main-container-block .file-upload label {
		background: rgb(74, 188, 255);
		padding: 7px;
		border-radius: 18px;
		color: rgb(255, 255, 255);
		float: right;
		display: table;
	}

.main-container-block input[type='file'] {
	display: none;
}

.main-container-block .FileUpload {
	top: 127px;
	position: absolute;
	z-index: 99;
}

	.main-container-block .FileUpload label {
		margin-top: 10px;
		cursor: pointer;
	}

		.main-container-block .FileUpload label span {
			padding: 0px 7px 0px 0px;
		}

@media screen and (min-width:1800px) {
	.main-container-block {
		min-height: 880px !important;
	}

	.heading-block {
		padding: 7px 55px 4px 71px !important;
	}

	.add-user-in-group {
		height: 700px !important;
	}

	.outer-form-container {
		height: 700px !important;
	}
}

.table-shippedpo-list thead tr th:nth-child(2) {
	padding-left: 4.2%;
}

.select2-selection {
	background: none;
	border-width: 0px 0px 1px !important;
	border-style: solid !important;
	border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgb(204, 204, 204) !important;
	padding: 0px !important;
	border-radius: 0px !important;
	border-image: none !important;
	margin-top: 7px !important;
}

.select2-selection__rendered {
	padding: 0px !important;
	color: rgb(110, 110, 110) !important;
	font-size: 14px !important;
}

.select2-selection__arrow {
	top: 8px !important;
	right: 6px !important;
}

@media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) {
	.footer {
		padding: 10px 0px 0px;
		width: 100%;
		height: 53px;
		bottom: 0px;
		position: absolute;
		background-color: rgb(255, 255, 255);
	}

	.table-shippedpo-list thead tr th:nth-child(2) {
		padding-left: 4.2%;
	}
}

.posbtn {
	margin-left: 100px !important;
}

.backpos {
	float: right;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: 0.2;
	filter: alpha(opacity=20);
	margin-left: 410px !important;
	text-decoration: none;
}

	.backpos:hover {
		color: gray;
		opacity: 0.8;
		text-decoration: none;
	}

	.backpos:active {
		color: gray;
		text-decoration: none;
	}

	.backpos:focus {
		color: gray;
		text-decoration: none;
	}

.posbtnUpload {
	/*margin-left: 240px !important;
    margin-top: -20px !important;*/
}

.dvInside2TDDivClarifyReq {
	width: 150px;
	margin-left: -290px;
}

.CommentTextAreaClarifyReq {
	padding: 12px 10px 10px 20px;
	width: 220%;
	border: 2px solid lightgray;
	border-radius: 9px;
	height: 70px;
	margin-top: -50px;
	margin-left: 300px;
	margin-bottom: 25px;
}

.posbtnClarifyReq {
	margin-left: 405px !important;
	margin-top: -20px !important;
}

.acdBackPopupIcon {
	position: absolute;
	right: 12px;
	top: 190px;
}

.acdBackPopupIconUpload {
	position: absolute;
	right: -280px;
	top: 152px;
}

.dvClarifyReqText {
	position: absolute !important;
	font-size: 16px !important;
	top: 20px !important;
	left: 10px !important;
}

.dvErrorMsg {
	font-size: 12px;
	position: absolute;
	left: 23px;
	top: 189px;
	color: red;
}

.glyphicon-alt-Error {
	color: rgb(255, 0, 0);
	font-size: 14px !important;
}

.shortcutIcon {
	float: right;
	margin-top: -130px;
	margin-right: 24px;
}

.shortcutIconUpload {
	margin-top: 8px;
	margin-left: 2px;
}

.commonModuleReport {
	margin: -6px 9px !important;
	float: right;
}

.alignbuttons {
	padding-top: 2px;
	margin-top: 2px;
}

.subHeader {
	font-size: 13px;
	font-weight: bold;
	margin-top: -5px;
}

.paddingFilter {
	padding-top: 60px !important;
	margin-top: 0px !important;
}

.topHeaderBlock {
	top: 50px !important;
}

.termsCondition {
	font-weight: normal;
	opacity: 0.7;
	color: #fff !important;
	text-decoration: none;
	font-size: 12px;
}

	.termsCondition:hover {
		font-size: 12px;
		font-weight: normal;
		opacity: 0.7;
		color: #fff !important;
		text-decoration: none;
	}


.btn-PendingApproval {
	background: #fff;
	border-radius: 18px;
	border: 2px solid #00a0b0;
	border-image: none;
	color: #00a0b0;
	box-shadow: 0 0 0 #ccc !important;
	margin-right: 10px;
}

	.btn-PendingApproval:hover {
		color: #00a0b0
	}

	.btn-PendingApproval:active {
		color: #00a0b0
	}

	.btn-PendingApproval:focus {
		color: #00a0b0
	}

.btn-PendingApproval-active {
	background: #00a0b0;
	border: 2px solid #00a0b0;
	color: #fff
}

	.btn-PendingApproval-active:hover {
		color: #fff
	}

	.btn-PendingApproval-active:active {
		color: #fff
	}

	.btn-PendingApproval-active:focus {
		color: #fff
	}

i.dropbtn-down {
	position: absolute;
	right: -15px;
	top: 10px;
}

.show-subdropdown {
	display: block !important;
}

.table > thead:first-child > tr:first-child > th {
	color: #000000;
}

.spanHeader {
	color: #000000;
}

.search-height {
	height: 30px !important;
}

.k-grid-header th.k-header > .k-link {
	color: #000000 !important;
}

/* Hide all tooltips by default */
[id^="grdUserList_tt_"] {
	display: none !important;
}