/* Buttons */
	.btn-exh-primary, .btn-exh-secondary, .btn-exh-success, .btn-exh-info, .btn-exh-danger, .btn-exh-warning, .btn-exh-default, .btn-exh-light, .btn-exh-dark {
		border-radius: 15px;
		border: 1px solid transparent;
	}
	.btn-exh-primary, .btn-exh-secondary, .btn-exh-success, .btn-exh-info, .btn-exh-danger, .btn-exh-warning, .btn-exh-dark {
		color: #fff;
	}
	.btn-exh-primary:hover, .btn-exh-secondary:hover, .btn-exh-success:hover, .btn-exh-info:hover, .btn-exh-danger:hover, .btn-exh-warning:hover, .btn-exh-dark:hover {
		color: #fff;
	}
	.btn-exh-default, .btn-exh-light {
		color: #444;
	}
	.btn-exh-default:hover, .btn-exh-light:hover {
		color: #444;
	}
	.btn-exh-primary {
		background: linear-gradient(to top, #2c7ccd, #2c7ccd);
		border-top: 0.5px solid #2363a4;
		border-bottom: 10px solid #2363a4;
		border-right: 2px solid #2363a4;
		border-left: 2px solid #2363a4;
	}
	.btn-exh-primary:hover,
	.btn-exh-primary:active,
	.btn-exh-primary.hover {
		background: linear-gradient(to top, #0071b6, #2ab3e7);
		box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0.5);
	}
	.btn-exh-secondary {
		background: linear-gradient(to top, #6c757d, #6c757d);
		border-top: 0.5px solid #51575d;
		border-bottom: 10px solid #51575d;
		border-right: 2px solid #51575d;
		border-left: 2px solid #51575d;
	}
	.btn-exh-secondary:hover,
	.btn-exh-secondary:active,
	.btn-exh-secondary.hover {
		background: linear-gradient(to top, #5a6168, #b4b9be);
		box-shadow: 0 0 0 0.1rem rgba(127, 137, 145, 0.5);
	}
	.btn-exh-success {
		background: linear-gradient(to top, #00a65a, #00a65a);
		border-top: 0.5px solid #008d4c;
		border-bottom: 10px solid #008d4c;
		border-right: 2px solid #008d4c;
		border-left: 2px solid #008d4c;
	}
	.btn-exh-success:hover,
	.btn-exh-success:active,
	.btn-exh-success.hover {
		background: linear-gradient(to top, #008d4c, #88cc66);
		box-shadow: 0 0 0 0.1rem rgba(40, 167, 69, 0.5);
	}
	.btn-exh-info {
		background: linear-gradient(to top, #00c0ef, #00c0ef);
		border-top: 0.5px solid #00acd6;
		border-bottom: 10px solid #00acd6;
		border-right: 2px solid #00acd6;
		border-left: 2px solid #00acd6;
	}
	.btn-exh-info:hover,
	.btn-exh-info:active,
	.btn-exh-info.hover {
		background: linear-gradient(to top, #00acd6, #99dfff);
		box-shadow: 0 0 0 0.1rem rgba(23, 162, 184, 0.5);
	}
	.btn-exh-danger {
		background: linear-gradient(to top, #dd4b39, #dd4b39);
		border-top: 0.5px solid #d73925;
		border-bottom: 10px solid #d73925;
		border-right: 2px solid #d73925;
		border-left: 2px solid #d73925;
	}
	.btn-exh-danger:hover,
	.btn-exh-danger:active,
	.btn-exh-danger.hover {
		background: linear-gradient(to top, #d73925, #ee7d7f);
		box-shadow: 0 0 0 0.1rem rgba(220, 53, 69, 0.5);
	}
	.btn-exh-warning {
		background: linear-gradient(to top, #f39c12, #f39c12);
		border-top: 0.5px solid #e08e0b;
		border-bottom: 10px solid #e08e0b;
		border-right: 2px solid #e08e0b;
		border-left: 2px solid #e08e0b;
	}
	.btn-exh-warning:hover,
	.btn-exh-warning:active,
	.btn-exh-warning.hover {
		background: linear-gradient(to top, #f39c11, #f9cd88);
		box-shadow: 0 0 0 0.1rem rgba(255, 193, 7, 0.5);
	}
	.btn-exh-default {
		background: linear-gradient(to top, #f4f4f4, #f4f4f4);
		border-top: 0.5px solid #dedede;
		border-bottom: 10px solid #dedede;
		border-right: 2px solid #dedede;
		border-left: 2px solid #dedede;
	}
	.btn-exh-default:hover,
	.btn-exh-default:active,
	.btn-exh-default.hover {
		background: linear-gradient(to top, #e6e6e6, #ffffff);
		box-shadow: 0 0 0 0.1rem rgba(231, 231, 231, 0.5);
	}
	.btn-exh-light {
		background: linear-gradient(to top, #fbfcfd, #fbfcfd);
		border-top: 0.5px solid #e1e5ea;
		border-bottom: 10px solid #e1e5ea;
		border-right: 2px solid #e1e5ea;
		border-left: 2px solid #e1e5ea;
	}
	.btn-exh-light:hover,
	.btn-exh-light:active,
	.btn-exh-light.hover {
		background: linear-gradient(to top, #edeff2, #ffffff);
		box-shadow: 0 0 0 0.1rem rgba(225, 229, 234, 0.5);
	}
	.btn-exh-dark {
		background: linear-gradient(to top, #343a40, #343a40);
		border-top: 0.5px solid #1a1d20;
		border-bottom: 10px solid #1a1d20;
		border-right: 2px solid #1a1d20;
		border-left: 2px solid #1a1d20;
	}
	.btn-exh-dark:hover,
	.btn-exh-dark:active,
	.btn-exh-dark.hover {
		background: linear-gradient(to top, #23272b, #727f8c);
		box-shadow: 0 0 0 0.1rem rgba(87, 97, 107, 0.5);
	}
/* Buttons */

/* 3D Buttons */
	.btn3d.btn-default,
	.btn3d.btn-primary,
	.btn3d.btn-success,
	.btn3d.btn-info,
	.btn3d.btn-warning,
	.btn3d.btn-danger {
		text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
	}
	.btn3d.btn-default:active,
	.btn3d.btn-primary:active,
	.btn3d.btn-success:active,
	.btn3d.btn-info:active,
	.btn3d.btn-warning:active,
	.btn3d.btn-danger:active,
	.btn3d.btn-default.active,
	.btn3d.btn-primary.active,
	.btn3d.btn-success.active,
	.btn3d.btn-info.active,
	.btn3d.btn-warning.active,
	.btn3d.btn-danger.active {
		-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
		box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	}
	.btn3d.btn-default .badge,
	.btn3d.btn-primary .badge,
	.btn3d.btn-success .badge,
	.btn3d.btn-info .badge,
	.btn3d.btn-warning .badge,
	.btn3d.btn-danger .badge {
		text-shadow: none;
	}
	.btn3d.btn:active,
	.btn3d.btn.active {
		background-image: none;
	}
	.btn3d.btn-default {
		text-shadow: 0 1px 0 #fff;
		background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
		background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
		background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
		background-repeat: repeat-x;
		border-color: #dbdbdb;
		border-color: #ccc;
	}
	.btn3d.btn-default:hover,
	.btn3d.btn-default:focus {
		background-color: #e0e0e0;
		background-position: 0 -15px;
	}
	.btn3d.btn-default:active,
	.btn3d.btn-default.active {
		background-color: #e0e0e0;
		border-color: #dbdbdb;
	}
	.btn3d.btn-default.disabled,
	.btn3d.btn-default:disabled,
	.btn3d.btn-default[disabled] {
		background-color: #e0e0e0;
		background-image: none;
	}
	.btn3d.btn-primary {
		background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
		background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
		background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
		background-repeat: repeat-x;
		border-color: #245580;
	}
	.btn3d.btn-primary:hover,
	.btn3d.btn-primary:focus {
		background-color: #265a88;
		background-position: 0 -15px;
	}
	.btn3d.btn-primary:active,
	.btn3d.btn-primary.active {
		background-color: #265a88;
		border-color: #245580;
	}
	.btn3d.btn-primary.disabled,
	.btn3d.btn-primary:disabled,
	.btn3d.btn-primary[disabled] {
		background-color: #265a88;
		background-image: none;
	}
	.btn3d.btn-success {
		background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
		background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
		background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
		background-repeat: repeat-x;
		border-color: #3e8f3e;
	}
	.btn3d.btn-success:hover,
	.btn3d.btn-success:focus {
		background-color: #419641;
		background-position: 0 -15px;
	}
	.btn3d.btn-success:active,
	.btn3d.btn-success.active {
		background-color: #419641;
		border-color: #3e8f3e;
	}
	.btn3d.btn-success.disabled,
	.btn3d.btn-success:disabled,
	.btn3d.btn-success[disabled] {
		background-color: #419641;
		background-image: none;
	}
	.btn3d.btn-info {
		background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
		background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
		background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
		background-repeat: repeat-x;
		border-color: #28a4c9;
	}
	.btn3d.btn-info:hover,
	.btn3d.btn-info:focus {
		background-color: #2aabd2;
		background-position: 0 -15px;
	}
	.btn3d.btn-info:active,
	.btn3d.btn-info.active {
		background-color: #2aabd2;
		border-color: #28a4c9;
	}
	.btn3d.btn-info.disabled,
	.btn3d.btn-info:disabled,
	.btn3d.btn-info[disabled] {
		background-color: #2aabd2;
		background-image: none;
	}
	.btn3d.btn-warning {
		background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
		background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
		background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
		background-repeat: repeat-x;
		border-color: #e38d13;
	}
	.btn3d.btn-warning:hover,
	.btn3d.btn-warning:focus {
		background-color: #eb9316;
		background-position: 0 -15px;
	}
	.btn3d.btn-warning:active,
	.btn3d.btn-warning.active {
		background-color: #eb9316;
		border-color: #e38d13;
	}
	.btn3d.btn-warning.disabled,
	.btn3d.btn-warning:disabled,
	.btn3d.btn-warning[disabled] {
		background-color: #eb9316;
		background-image: none;
	}
	.btn3d.btn-danger {
		background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
		background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
		background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
		background-repeat: repeat-x;
		border-color: #b92c28;
	}
	.btn3d.btn-danger:hover,
	.btn3d.btn-danger:focus {
		background-color: #c12e2a;
		background-position: 0 -15px;
	}
	.btn3d.btn-danger:active,
	.btn3d.btn-danger.active {
		background-color: #c12e2a;
		border-color: #b92c28;
	}
	.btn3d.btn-danger.disabled,
	.btn3d.btn-danger:disabled,
	.btn3d.btn-danger[disabled] {
		background-color: #c12e2a;
		background-image: none;
	}
	.btn3D {
		position: relative;
		top: -6px;
		border: 0;
		transition: all 40ms linear;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 2px;
		margin-right: 2px;
	}
	.btn3D:active:focus,
	.btn3D:focus:hover,
	.btn3D:focus {
		-moz-outline-style: none;
		outline: medium none;
	}
	.btn3D:active,
	.btn3D.active {
		top: 2px;
	}
	.btn3D.btn-white {
		color: #666666;
		box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255, 255, 255, 0.10) inset, 0 8px 0 0 #f5f5f5, 0 8px 8px 1px rgba(0, 0, 0, .2);
		background-color: #fff;
	}
	.btn3D.btn-white:active,
	.btn3D.btn-white.active {
		color: #666666;
		box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, .1);
		background-color: #fff;
	}
	.btn3D.btn-default {
		color: #666666;
		box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255, 255, 255, 0.10) inset, 0 8px 0 0 #BEBEBE, 0 8px 8px 1px rgba(0, 0, 0, .2);
		background-color: #f9f9f9;
	}
	.btn3D.btn-default:active,
	.btn3D.btn-default.active {
		color: #666666;
		box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, .1);
		background-color: #f9f9f9;
	}
	.btn3D.btn-primary {
		box-shadow: 0 0 0 1px #417fbd inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #4D5BBE, 0 8px 8px 1px rgba(0, 0, 0, 0.5);
		background-color: #4274D7;
	}
	.btn3D.btn-primary:active,
	.btn3D.btn-primary.active {
		box-shadow: 0 0 0 1px #417fbd inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
		background-color: #4274D7;
	}
	.btn3D.btn-success {
		box-shadow: 0 0 0 1px #31c300 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #5eb924, 0 8px 8px 1px rgba(0, 0, 0, 0.5);
		background-color: #78d739;
	}
	.btn3D.btn-success:active,
	.btn3D.btn-success.active {
		box-shadow: 0 0 0 1px #30cd00 inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
		background-color: #78d739;
	}
	.btn3D.btn-info {
		box-shadow: 0 0 0 1px #00a5c3 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #348FD2, 0 8px 8px 1px rgba(0, 0, 0, 0.5);
		background-color: #39B3D7;
	}
	.btn3D.btn-info:active,
	.btn3D.btn-info.active {
		box-shadow: 0 0 0 1px #00a5c3 inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
		background-color: #39B3D7;
	}
	.btn3D.btn-warning {
		box-shadow: 0 0 0 1px #d79a47 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #D79A34, 0 8px 8px 1px rgba(0, 0, 0, 0.5);
		background-color: #FEAF20;
	}
	.btn3D.btn-warning:active,
	.btn3D.btn-warning.active {
		box-shadow: 0 0 0 1px #d79a47 inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
		background-color: #FEAF20;
	}
	.btn3D.btn-danger {
		box-shadow: 0 0 0 1px #b93802 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #AA0000, 0 8px 8px 1px rgba(0, 0, 0, 0.5);
		background-color: #D73814;
	}
	.btn3D.btn-danger:active,
	.btn3D.btn-danger.active {
		box-shadow: 0 0 0 1px #b93802 inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
		background-color: #D73814;
	}
	.btn3D.btn-magick {
		color: #fff;
		box-shadow: 0 0 0 1px #9a00cd inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #9823d5, 0 8px 8px 1px rgba(0, 0, 0, 0.5);
		background-color: #bb39d7;
	}
	.btn3D.btn-magick:active,
	.btn3D.btn-magick.active {
		box-shadow: 0 0 0 1px #9a00cd inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
		background-color: #bb39d7;
	}
/* 3D Buttons */

footer {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1rem;
	background-color: #efefef;
}
.footer-img-container {
	/*margin-top: -82px;*/
	margin-top: -185px;
	background-color: transparent;
	background: linear-gradient(to top, rgba(244, 244, 244, 1) 75%, rgba(255, 255, 255, 0));
	/*background-image: url('/image/footer-image.png');*/
	width: 100%;
	min-height: 10px;
}
@media (max-width: 1023px) {
	.footer-img-container {
		margin-top: -50px;
	}
}
@media (max-width: 767px) {
	.footer-img-container {
		margin-top: -125px;
	}
}
.footer-img {
	content: url('/image/footer-img-lg.png') !important;
	width: 100%;
	z-index: 0;
}
@media (max-width: 1024px) {
	.footer-img {
		content: url('/image/footer-img.png') !important;
	}
}
.footer-bottom {
	position: relative;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	background-size: auto auto;
	background-color: rgba(255, 255, 255, 1);
	background-image: repeating-linear-gradient(44deg, transparent, transparent 4px, rgba(255, 255, 255, 0.75) 4px, rgba(255, 255, 255, 0.75) 104px ),repeating-linear-gradient(44.5deg, transparent, transparent 10px, rgba(249, 249, 249, 1) 10px, rgba(249, 249, 249, 1) 20px );
	/*box-shadow: 0 0 5px 0px #777;*/
}
.footer-p {
	color: #7190b3;
	font-size: 12px;
	line-height: 2 !important;
}
.footer-bottom a {
	color: #7190b3;
}
.footer-bottom a:hover {
	color: #0077b3;
	text-decoration: none;
}

.small-table td{
	border-top: none !important;
	padding: 0.25em;
}
.small-table {
	font-size: 14px;
}
.small-table label{
	font-weight:700;
}
.small-table .btn-add {
	border-radius: 5px;
	background-color: rgba(44, 124, 205, 1);
	padding:5px;
	color: #fff;
}
.small-table .btn-add:hover {
	background-color: rgba(44, 124, 205, 0.85);
}
.routes-divider {
	height: 3px;
	background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 123, 255, 0.75), rgba(0, 0, 0, 0));
}

form hr {
	height: 3px;
	margin: 0px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 123, 255, 0.75), rgba(0, 0, 0, 0));
	border-top: 0px solid transparent;
}
.fav-btn {
	display:flex;
	height: 100%;
	justify-content: center;
	align-items: center;
}
.fav-star {
	display:block;
	font-size: ms(2);
	width: auto;
	height: auto;
	cursor: pointer;
	box-shadow: none;
	transition: all .2s ease;
	color: #CBCDCE;
	margin: 0;
}
.fav-star.active {
	color: #f7b220;
}

@media only screen and (max-width: 600px) {
	.row-list {
		margin-left: -15px !important;
		margin-right: -15px !important;
	}
}
@media only screen and (min-width: 600px) {
	.row-list {
		margin-left: -20px !important;
		margin-right: -20px !important;
	}
}
@media only screen and (min-width: 768px) {
	.row-list {
		margin-left: -30px !important;
		margin-right: -30px !important;
	}
}
@media only screen and (min-width: 992px) {
	.row-list {
		margin-left: -40px !important;
		margin-right: -40px !important;
	}
}
@media only screen and (min-width: 1200px) {
	.row-list {
		margin-left: -50px !important;
		margin-right: -50px !important;
	}
}

.medium-table {
	font-size: 0.8em;
}
.medium-table th {
	padding: 8px;
}
.medium-table td {
	padding: 8px !important;
}

/* Job Truck */
.ty-area {
	background-color: #fff;
	/*text-transform: uppercase;*/
	border-radius: 30px;
	padding: 0px;
	border: 5px solid #444;
}
.ty-use-service-container {
	background-color: #32bfff;
	background-image: radial-gradient(closest-side, transparent 98%, rgba(0,0,0,.3) 99%),
	radial-gradient(closest-side, transparent 98%, rgba(0,0,0,.3) 99%);
	background-size:80px 80px;
	background-position:0 0, 40px 40px;
	border-left: 5px solid #444;
	border-right: 5px solid #444;
	border-radius: 50px 0px;
	position: absolute;
	font-size: 2em;
	font-weight: 700;
	top: 35%;
	left: 23%;
	right: 23%;
	padding: 0.2em;
	text-align: center;
}
.ty-use-service {
	background-color: #32bfff;
	border: 1px solid #444;
	border-radius: 50px 0px;
	padding: 0.3em;
	color: #003d59;
}  
.exh-header-img {
	content: url('/image/exh-header.png');
	position: absolute;
	top: 0;
	right: 0;
}
@media (max-width: 1439px) {
	.exh-header-img {
		width: 55%;
	}
}
@media (max-width: 1023px) {
	.exh-header-img {
		width: 50%;
		top: 50px;
		content: url('/image/exh-header-sm.png');
	}
}
@media (max-width: 767px) {
	.exh-header-img {
		width: 80%;
		top: 350px;
		content: url('/image/exh-header-sm.png');
	}
}
.about-us, .our-services, .our-clients {
	min-height: 500px;
	overflow: hidden;
	height: auto;
	padding-top: 70px;
	padding-bottom: 70px;
}
.about-us, .our-clients {
	background: #f4f4f4;
	/*box-shadow: 0 0 100px 0px #0000bb;*/
}
.our-services {
	/*background: #f4f4f4;*/
}
.about-us {
	padding-top: 140px;
	/*border-radius: 300px 0px 0px 0px;*/
	/*border-bottom: 10px solid #ffffff;*/
}
ul.service-check {
	/*list-style: none;*/
}
.service-img {
	/*border-radius: 10px;*/
}
.clients-logo {
	background: #fff;
	width: 250px;
	height: 250px;
	border: 10px solid #4eacdd;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
    margin: 0 auto;
}
.our-clients-thumb {
	width: 175px;
	margin-left: auto;
	margin-right: auto;
}
/* 404 Page */
	.container-404 {
		background-color: #32bfff;
		background-image: url('/image/exh-404.png'), linear-gradient(to top left, #f2fbff, #32bfff) !important;
		background-position: right bottom;
		background-repeat: no-repeat;
		color: #fff;
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		overflow-x: hidden;
		overflow-y: hidden;
	}
	.text-404 {
		min-width: 10px;
		margin: 5rem;
		padding: 4rem;
		border-radius: 10px;
		background-color: rgba(0, 0, 0, 0.5);
		display: inline-block;
		overflow-y: auto;
		-webkit-animation: fadeinfzf 2s;
		-moz-animation: fadeinfzf 2s;
		-ms-animation: fadeinfzf 2s;
		-o-animation: fadeinfzf 2s;
		animation: fadeinfzf 2s;
	}
	.text-404 > .code-404 {		
		font-size: 5.5rem;
		font-weight: 900;
		/*line-height: 65%;*/
	}
	.text-404 > .desc-404-one {
		font-size: 3rem;
		font-weight: 200;
	}
	.text-404 > .desc-404-two {
		font-size: 1.25rem;
		font-weight: 150;
		/*line-height: 100%;*/
	}
	@keyframes fadeinfzf {
	    from { opacity: 0; }
	    to   { opacity: 1; }
	}
	@-moz-keyframes fadeinfzf {
	    from { opacity: 0; }
	    to   { opacity: 1; }
	}
	@-webkit-keyframes fadeinfzf {
	    from { opacity: 0; }
	    to   { opacity: 1; }
	}
	@-ms-keyframes fadeinfzf {
	    from { opacity: 0; }
	    to   { opacity: 1; }
	}
	@-o-keyframes fadeinfzf {
	    from { opacity: 0; }
	    to   { opacity: 1; }
	}
/* Login */
	.login-div {
		height: 77vh;
		background: linear-gradient(to bottom,  rgba(255, 255, 255, 0), rgba(244, 244, 244, 1) 50%);
	}
	.login-box {
		background-color: #fff;
		box-shadow: 10px 10px 46px -23px #444;
		animation: slide-in-elliptic-top-fwd 0.01s ease-in-out 0.01s 1;
		animation-fill-mode: forwards;
		padding-top: 3%;
		padding-bottom: 3%;
		padding-right: 2%;
		padding-left: 2%;
		margin-top: 2%;
		margin-bottom: 3.75%;
		margin-left: auto;
		margin-right: auto;
		border-radius: 10px;
	}
	.login-box-msg {
		padding: 0px;
	}
	.login-input {
		font-size: 14px;
		padding: 6px 12px;
		line-height: 1.5;
		border-radius: 5px;
	}
/* Dashboard */
	.dashboard-div {
		min-height:85vh;
		background-color: #fafafa;
	}
	.dashboard-breadcrumb {
		margin-top: 40px;
		padding-left: 40px;
	}
	.dashboard-cards {
		margin-top: 75px;
		margin-bottom: 0px;
		margin-right: 0px;
		margin-left: 0px;
	}
	.dashboard-module-link,
	.dashboard-back-link {
		text-decoration: none !important;
	}
	.dashboard-module-link .dashboard-card,
	.dashboard-module-link .dashboard-card-icon {
		height: 130px;
	}
	.warehouse-service-cards .dashboard-card-text div {
		font-size: 16px;
		line-height: 19px;
		max-width: 150px;
	}
	.dashboard-back-link {
		color: #0077b3;
		display: inline-block;
		font-size: 14px;
		margin-bottom: 12px;
	}
	.dashboard-empty-state {
		background: #fff;
		border-radius: 15px;
		box-shadow: 3px 10px 0px 0px #e8e8e8;
		margin: 75px auto 40px;
		max-width: 640px;
		padding: 55px 30px;
		text-align: center;
	}
	.dashboard-empty-icon {
		color: #65bfff;
		font-size: 42px;
		margin-bottom: 18px;
	}
	.dashboard-empty-state h4 {
		color: #0077b3;
		margin-bottom: 8px;
	}
	.dashboard-empty-state p {
		color: #7e7e7e;
		margin-bottom: 0;
	}
	.warehouse-hub-page {
		background: #f4f7f9;
		min-height: 85vh;
		overflow: hidden;
		padding: 34px 0 70px;
		position: relative;
	}
	.warehouse-hub-page::before,
	.warehouse-hub-page::after {
		content: "";
		pointer-events: none;
		position: absolute;
		z-index: 0;
	}
	.warehouse-hub-page::before {
		background: linear-gradient(135deg, rgba(0, 0, 187, .08), rgba(50, 191, 255, 0));
		height: 260px;
		left: 0;
		top: 0;
		transform: skewY(-8deg) translateY(-95px);
		width: 240px;
	}
	.warehouse-hub-page::after {
		background: linear-gradient(315deg, rgba(50, 191, 255, .11), rgba(0, 0, 187, 0));
		bottom: -90px;
		height: 260px;
		right: 0;
		transform: skewY(-8deg);
		width: 280px;
	}
	.warehouse-hub-shell {
		max-width: 1320px;
		position: relative;
		z-index: 1;
	}
	.warehouse-hub-header {
		align-items: center;
		border-bottom: 1px solid #dce6eb;
		display: flex;
		justify-content: space-between;
		margin-bottom: 34px;
		padding-bottom: 24px;
	}
	.warehouse-hub-back {
		color: #0876a8;
		display: inline-block;
		font-size: 13px;
		font-weight: 600;
		margin-bottom: 15px;
		text-decoration: none !important;
	}
	.warehouse-hub-eyebrow,
	.warehouse-hub-section-label,
	.warehouse-service-label {
		color: #0876a8;
		font-size: 11px;
		font-weight: 700;
		letter-spacing: 1px;
		text-transform: uppercase;
	}
	.warehouse-hub-header h1 {
		color: #183b4d;
		font-size: 30px;
		font-weight: 700;
		margin: 8px 0 4px;
	}
	.warehouse-hub-header p {
		color: #69808c;
		font-size: 14px;
		margin: 0;
	}
	.warehouse-hub-mark {
		align-items: center;
		background: #e7f3f6;
		border-radius: 50%;
		color: #0876a8;
		display: flex;
		font-size: 28px;
		height: 64px;
		justify-content: center;
		width: 64px;
	}
	.warehouse-hub-intro {
		align-items: flex-end;
		display: flex;
		justify-content: space-between;
		margin-bottom: 18px;
	}
	.warehouse-hub-intro h2 {
		color: #183b4d;
		font-size: 21px;
		font-weight: 700;
		margin: 8px 0 0;
	}
	.warehouse-hub-count {
		background: #e7f3f6;
		border-radius: 20px;
		color: #0876a8;
		font-size: 12px;
		font-weight: 700;
		padding: 7px 12px;
	}
	.warehouse-service-grid {
		display: grid;
		gap: 16px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.warehouse-service-tile {
		align-items: flex-start;
		background: #fff;
		border: 1px solid #dce6eb;
		border-radius: 8px;
		box-shadow: 0 8px 20px rgba(31, 67, 82, .05);
		display: flex;
		min-height: 156px;
		padding: 23px;
		position: relative;
		text-decoration: none !important;
		transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
	}
	.warehouse-service-tile:hover {
		border-color: #55a9c4;
		box-shadow: 0 12px 25px rgba(31, 67, 82, .11);
		transform: translateY(-2px);
	}
	.warehouse-service-tile.is-featured {
		background: #183b4d;
		border-color: #183b4d;
		grid-column: 1 / -1;
		min-height: 142px;
	}
	.warehouse-service-icon {
		align-items: center;
		background: #e7f3f6;
		border-radius: 8px;
		color: #0876a8;
		display: flex;
		flex: 0 0 46px;
		height: 46px;
		justify-content: center;
		margin-right: 17px;
		width: 46px;
	}
	.warehouse-service-copy {
		display: flex;
		flex-direction: column;
		padding-right: 28px;
	}
	.warehouse-service-copy strong {
		color: #183b4d;
		font-size: 17px;
		line-height: 1.3;
		margin: 7px 0 6px;
	}
	.warehouse-service-copy > span:last-child {
		color: #69808c;
		font-size: 13px;
		line-height: 1.5;
		max-width: 410px;
	}
	.warehouse-service-arrow {
		color: #0876a8;
		font-size: 13px;
		position: absolute;
		right: 22px;
		top: 25px;
	}
	.warehouse-service-tile.is-featured .warehouse-service-icon {
		background: rgba(255, 255, 255, .14);
		color: #a9e5ec;
	}
	.warehouse-service-tile.is-featured .warehouse-service-label,
	.warehouse-service-tile.is-featured .warehouse-service-copy strong {
		color: #fff;
	}
	.warehouse-service-tile.is-featured .warehouse-service-copy > span:last-child {
		color: #c1d8df;
	}
	.warehouse-service-tile.is-featured .warehouse-service-arrow {
		color: #a9e5ec;
	}
	.warehouse-service-tile.is-inbound .warehouse-service-icon {
		background: #e8f7ef;
		color: #218653;
	}
	.warehouse-service-tile.is-outbound .warehouse-service-icon {
		background: #fff2df;
		color: #b7791f;
	}
	.warehouse-service-tile.is-summary .warehouse-service-icon {
		background: #f0ebfb;
		color: #7656a8;
	}
	.warehouse-hub-note {
		color: #69808c;
		font-size: 12px;
		margin-top: 22px;
	}
	@media (max-width: 767px) {
		.warehouse-hub-page {
			padding: 24px 0 48px;
		}
		.warehouse-hub-header {
			align-items: flex-start;
			margin-bottom: 26px;
		}
		.warehouse-hub-header h1 {
			font-size: 25px;
		}
		.warehouse-hub-header p {
			font-size: 13px;
			max-width: 270px;
		}
		.warehouse-hub-mark {
			flex: 0 0 48px;
			font-size: 21px;
			height: 48px;
			width: 48px;
		}
		.warehouse-hub-intro {
			align-items: flex-start;
			flex-direction: column;
			gap: 10px;
		}
		.warehouse-hub-intro h2 {
			font-size: 19px;
		}
		.warehouse-service-grid {
			grid-template-columns: 1fr;
		}
		.warehouse-service-tile.is-featured {
			grid-column: auto;
		}
		.warehouse-service-tile {
			min-height: 142px;
			padding: 20px;
		}
		.warehouse-service-copy strong {
			font-size: 16px;
		}
	}
	/* Shared portal header and action controls */
	.portal-navbar {
		background: linear-gradient(to right, #0000bb, #32bfff);
		box-shadow: 0 2px 12px rgba(0, 71, 153, .22);
		min-height: 70px;
		padding: 9px 28px;
	}
	.portal-brand {
		align-items: center;
		display: inline-flex;
		margin-right: 34px;
	}
	.portal-brand img {
		background: #fff;
		border-radius: 7px;
		height: 43px;
		padding: 5px;
		width: 43px;
	}
	.portal-brand-copy {
		display: flex;
		flex-direction: column;
		line-height: 1.1;
		margin-left: 11px;
	}
	.portal-brand-copy strong {
		color: #fff;
		font-size: 15px;
		letter-spacing: .8px;
	}
	.portal-brand-copy small {
		color: #b7d0d9;
		font-size: 10px;
		letter-spacing: .3px;
		margin-top: 4px;
	}
	.portal-navbar .navbar-nav {
		align-items: center;
		gap: 5px;
		width: 100%;
	}
	.portal-navbar .nav-item {
		margin: 0;
	}
	.portal-navbar .portal-account-item {
		margin-left: auto;
	}
	.portal-account-toggle {
		font-size: 18px !important;
		padding: 6px 10px !important;
	}
	.portal-account-toggle::after {
		margin-left: 5px;
		vertical-align: middle;
	}
	.portal-account-menu {
		border: 0;
		border-radius: 6px;
		box-shadow: 0 10px 28px rgba(13, 47, 83, .2);
		margin-top: 8px;
		min-width: 205px;
		padding: 8px;
	}
	.portal-account-heading {
		color: #315362;
		font-size: 11px;
		font-weight: 700;
		letter-spacing: .8px;
		padding: 6px 10px 2px;
		text-transform: uppercase;
	}
	.portal-account-name {
		color: #183b4d;
		font-size: 13px;
		font-weight: 600;
		overflow: hidden;
		padding: 4px 10px 7px;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.portal-account-menu .dropdown-divider {
		border-top-color: #e7eef2;
		margin: 5px 0;
	}
	.portal-account-menu .dropdown-item {
		border-radius: 4px;
		color: #315362;
		font-size: 13px;
		padding: 9px 10px;
	}
	.portal-account-menu .dropdown-item:hover,
	.portal-account-menu .dropdown-item:focus {
		background: #edf5f7;
		color: #0876a8;
	}
	.account-security-page {
		background: #f4f7f9;
		min-height: 85vh;
		padding: 34px 0 70px;
	}
	.account-security-header {
		align-items: center;
		display: flex;
		justify-content: space-between;
		margin-bottom: 24px;
	}
	.account-security-header h3 {
		color: #183b4d;
		font-size: 26px;
		font-weight: 700;
		margin: 12px 0 4px;
	}
	.account-security-header small {
		color: #69808c;
		font-size: 13px;
	}
	.account-security-icon {
		align-items: center;
		background: #e7f3f6;
		border-radius: 50%;
		color: #0876a8;
		display: flex;
		font-size: 24px;
		height: 58px;
		justify-content: center;
		width: 58px;
	}
	.account-security-card {
		background: #fff;
		border: 1px solid #dce6eb;
		border-radius: 8px;
		box-shadow: 0 10px 24px rgba(30, 48, 70, .06);
		margin: 0 auto;
		max-width: 650px;
		padding: 28px;
	}
	.account-security-card-heading {
		align-items: flex-start;
		display: flex;
		justify-content: space-between;
	}
	.account-security-card-heading h4 {
		color: #183b4d;
		font-size: 20px;
		margin: 7px 0 0;
	}
	.account-security-card-heading > i {
		color: #0876a8;
		font-size: 20px;
	}
	.account-security-eyebrow {
		color: #0876a8;
		font-size: 11px;
		font-weight: 700;
		letter-spacing: 1px;
		text-transform: uppercase;
	}
	.account-security-intro {
		color: #69808c;
		font-size: 13px;
		line-height: 1.55;
		margin: 14px 0 24px;
	}
	.account-security-card label {
		color: #315362;
		font-size: 13px;
		font-weight: 600;
		margin-bottom: 7px;
	}
	.account-security-card .form-control {
		border: 1px solid #cbd9df;
		border-radius: 6px;
		font-size: 14px;
		height: 40px;
	}
	.account-security-card .form-control:focus {
		border-color: #0876a8;
		box-shadow: 0 0 0 3px rgba(8, 118, 168, .12);
	}
	.password-strength {
		align-items: center;
		display: flex;
		gap: 10px;
		margin-top: 9px;
	}
	.password-strength-bars {
		display: flex;
		flex: 1;
		gap: 4px;
		max-width: 220px;
	}
	.password-strength-bars span {
		background: #e1e7ea;
		height: 5px;
		transition: background-color .18s ease;
		width: 25%;
	}
	.password-strength-label {
		color: #8a9aa1;
		font-size: 12px;
		min-width: 54px;
	}
	.password-strength-weak .password-strength-bars span.is-filled { background: #e74c3c; }
	.password-strength-weak .password-strength-label { color: #d83b2d; }
	.password-strength-medium .password-strength-bars span.is-filled { background: #f0c419; }
	.password-strength-medium .password-strength-label { color: #c69c00; }
	.password-strength-strong .password-strength-bars span.is-filled { background: #36a853; }
	.password-strength-strong .password-strength-label { color: #26843a; }
	.account-security-card .form-text {
		color: #69808c;
		font-size: 12px;
	}
	.account-auth-page {
		align-items: center;
		display: flex;
		justify-content: center;
		padding: 40px 16px;
	}
	.account-auth-card {
		background: #fff;
		border: 1px solid #dce6eb;
		border-radius: 8px;
		box-shadow: 0 10px 24px rgba(30, 48, 70, .08);
		max-width: 440px;
		padding: 30px;
		width: 100%;
	}
	.account-auth-icon {
		align-items: center;
		background: #e7f3f6;
		border-radius: 50%;
		color: #0876a8;
		display: flex;
		height: 48px;
		justify-content: center;
		margin-bottom: 18px;
		width: 48px;
	}
	.account-auth-card h3 {
		color: #183b4d;
		font-size: 23px;
		font-weight: 700;
		margin-bottom: 8px;
	}
	.account-auth-card p {
		color: #69808c;
		font-size: 13px;
		line-height: 1.55;
		margin-bottom: 24px;
	}
	.account-auth-card label {
		color: #315362;
		font-size: 13px;
		font-weight: 600;
	}
	.account-auth-card .form-control {
		border: 1px solid #cbd9df;
		border-radius: 6px;
		height: 40px;
	}
	.account-auth-card .btn-block {
		margin-top: 18px;
	}
	.account-auth-back {
		color: #0876a8;
		display: inline-block;
		font-size: 13px;
		font-weight: 600;
		margin-top: 20px;
		text-decoration: none !important;
	}
	.account-security-actions {
		border-top: 1px solid #e7eef2;
		display: flex;
		gap: 10px;
		justify-content: flex-end;
		margin-top: 26px;
		padding-top: 20px;
	}
	.portal-navbar .nav-link {
		border-radius: 6px;
		color: #d8e8ed !important;
		align-items: center;
		display: flex;
		padding: 7px 9px;
		transition: background-color .18s ease, color .18s ease;
	}
	.portal-navbar .nav-link:hover,
	.portal-navbar .nav-item.active .nav-link {
		background: rgba(255, 255, 255, .16);
		color: #fff !important;
	}
	.portal-navbar .nav-link::after {
		content: none;
	}
	.portal-navbar .fa-stack .fa-circle {
		color: transparent !important;
	}
	.portal-navbar .fa-stack .fa-stack-1x {
		font-size: 15px;
		position: static;
	}
	.portal-navbar .navbar-toggler {
		border-color: rgba(255, 255, 255, .35);
		padding: 6px 9px;
	}
	@media (max-width: 991px) {
		html,
		body {
			max-width: 100%;
			overflow-x: hidden;
		}
		.portal-navbar {
			padding: 9px 16px;
		}
		.portal-navbar .navbar-collapse {
			background: rgba(0, 35, 126, .96);
			border-top: 1px solid rgba(255, 255, 255, .18);
			margin: 9px -16px -9px;
			padding: 8px 16px 12px;
		}
		.portal-navbar .navbar-nav {
			align-items: stretch;
			gap: 2px;
			width: auto;
		}
		.portal-navbar .nav-link {
			align-items: center;
			display: flex;
			font-size: 13px;
			font-weight: 600;
			gap: 8px;
			min-height: 44px;
			padding: 8px 12px;
		}
		.portal-navbar .nav-link::after {
			color: #fff;
			content: attr(aria-label);
			font-size: 13px;
			font-weight: 600;
		}
		.portal-navbar .nav-link:hover,
		.portal-navbar .nav-item.active .nav-link {
			background: rgba(255, 255, 255, .15);
		}
		.portal-navbar .portal-account-item {
			border-top: 1px solid rgba(255, 255, 255, .14);
			margin-left: 0;
			margin-top: 6px;
			padding-top: 6px;
		}
		.portal-navbar .portal-account-menu {
			background: #fff;
			border-radius: 6px;
			box-shadow: none;
			margin-top: 3px;
			min-width: 100%;
			padding: 8px 0 0;
			position: static !important;
			transform: none !important;
		}
		.portal-navbar .portal-account-heading,
		.portal-navbar .portal-account-name,
		.portal-navbar .portal-account-menu .dropdown-divider,
		.portal-navbar .portal-account-menu .dropdown-item {
			margin-left: 8px;
			margin-right: 8px;
		}
		.account-security-page {
			padding: 22px 0 48px;
		}
		.account-security-header {
			align-items: flex-start;
		}
		.account-security-header h3 {
			font-size: 22px;
		}
		.account-security-icon {
			height: 46px;
			width: 46px;
		}
		.account-security-card {
			padding: 22px 18px;
		}
	}
	.btn {
		align-items: center;
		border-radius: 6px;
		display: inline-flex;
		font-size: 13px;
		font-weight: 600;
		gap: 6px;
		justify-content: center;
		line-height: 1.2;
		min-height: 36px;
		padding: 8px 14px;
		transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
	}
	.btn:hover {
		transform: translateY(-1px);
	}
	.btn-primary {
		background-color: #0876a8;
		border-color: #0876a8;
	}
	.btn-primary:hover,
	.btn-primary:focus {
		background-color: #065f87;
		border-color: #065f87;
		box-shadow: 0 4px 10px rgba(8, 118, 168, .2);
	}
	.btn-outline-secondary {
		border-color: #b9c9d1;
		color: #315362;
	}
	.btn-outline-secondary:hover,
	.btn-outline-secondary:focus {
		background: #edf4f6;
		border-color: #8faab5;
		color: #183b4d;
	}
	.warehouse-list-page {
		background-color: #f7f9fc;
		min-height: 85vh;
	}
	.warehouse-list-page:not(.warehouse-modern-page) {
		background-color: transparent;
	}
	.warehouse-list-page .left-curve-section {
		min-height: calc(100vh - 230px);
		padding-bottom: 60px;
	}
	.warehouse-table-scroll {
		margin-bottom: 40px;
		overflow-x: auto;
	}
	#warehouseProducts .warehouse-table-scroll {
		overflow-x: visible;
	}
	.warehouse-list-page .dataTables_scroll {
		border: 1px solid #e1e8f0;
		border-radius: 8px;
		overflow: hidden;
	}
	.warehouse-list-page .dataTables_scrollHead {
		background: #edf5fb;
	}
	.warehouse-list-page .dataTables_scrollBody {
		border-bottom: 1px solid #e1e8f0 !important;
	}
	.warehouse-breadcrumb-nav {
		align-items: center;
		display: inline-flex;
		flex-wrap: wrap;
		font-size: 13px;
		gap: 7px;
		justify-content: flex-end;
		margin-top: 17px;
	}
	.warehouse-breadcrumb-nav a {
		color: inherit;
		font-weight: 600;
		text-decoration: none !important;
	}
	.warehouse-breadcrumb-nav a:hover {
		text-decoration: underline !important;
	}
	.warehouse-breadcrumb-nav span {
		color: rgba(255, 255, 255, .75);
	}
	.warehouse-breadcrumb-nav strong {
		color: #fff;
		font-weight: 700;
	}
	.warehouse-modern-page .warehouse-breadcrumb-nav {
		color: #0876a8;
		justify-content: flex-start;
		margin-bottom: 10px;
		margin-top: 0;
	}
	.warehouse-modern-page .warehouse-breadcrumb-nav span {
		color: #9aabb8;
	}
	.warehouse-modern-page .warehouse-breadcrumb-nav strong {
		color: #1f2f3f;
	}
	@media (max-width: 575px) {
		.dashboard-breadcrumb {
			margin-top: 26px;
			padding-left: 24px;
			padding-right: 24px;
		}
		.warehouse-service-cards {
			margin-left: 0;
			margin-right: 0;
			padding: 0 16px;
		}
		.warehouse-service-cards > [class*="col-"] {
			padding-left: 0;
			padding-right: 0;
		}
		.warehouse-service-cards .dashboard-card {
			margin-left: 0;
			margin-right: 0;
		}
		.warehouse-service-cards .dashboard-card-text {
			left: 47%;
		right: 18px;
			top: 14%;
		}
		.warehouse-service-cards .dashboard-card-text div {
			font-size: 15px;
			line-height: 18px;
			max-width: none;
			overflow-wrap: anywhere;
		}
	}
	.warehouse-back-link {
		background: #fff;
		border: 1px solid #dfe7ef;
		border-radius: 6px;
		color: #0077b3;
		display: inline-block;
		font-size: 13px;
		padding: 9px 13px;
	}
	.warehouse-back-link:hover {
		background: #eef8ff;
		color: #005d8c;
		text-decoration: none;
	}
	.warehouse-filter-panel {
		background: #fff;
		border: 1px solid #e1e8f0;
		border-radius: 8px;
		box-shadow: 0 4px 14px rgba(34, 60, 80, .06);
		padding: 18px 20px 20px;
	}
	.warehouse-filter-heading {
		color: #263b53;
		font-size: 15px;
		font-weight: 600;
		margin-bottom: 14px;
	}
	.warehouse-filter-panel .form-control {
		border: 1px solid #d7e1eb;
		border-radius: 5px;
		box-shadow: none;
		font-size: 13px;
	}
	.warehouse-list-filter-form {
		align-items: flex-end;
		display: flex;
		flex-wrap: wrap;
		gap: 12px;
	}
	.warehouse-list-filter-field {
		flex: 0 1 210px;
	}
	.warehouse-list-filter-source {
		flex-basis: 260px;
	}
	.warehouse-list-filter-field label {
		color: #6f7d8b;
		display: block;
		font-size: 12px;
		font-weight: 600;
		margin-bottom: 5px;
	}
	.warehouse-list-filter-field .form-control {
		height: 38px;
	}
	.warehouse-list-filter-actions {
		display: flex;
		flex: 1 1 300px;
		gap: 8px;
		padding-bottom: 1px;
	}
	.warehouse-table-heading {
		align-items: baseline;
		display: flex;
		justify-content: space-between;
		margin: 28px 0 12px;
	}
	.warehouse-table-heading span {
		color: #263b53;
		font-size: 17px;
		font-weight: 600;
	}
	.warehouse-table-heading small {
		color: #7e8b99;
	}
	.warehouse-product-filter-panel {
		align-items: flex-end;
		background: #fff;
		border: 1px solid #e1e8f0;
		border-radius: 8px;
		box-shadow: 0 4px 14px rgba(34, 60, 80, .06);
		display: flex;
		gap: 12px;
		margin-bottom: 16px;
		padding: 14px 16px;
	}
	.warehouse-product-filter-field {
		flex: 0 1 230px;
	}
	.warehouse-product-filter-field label {
		color: #536273;
		display: block;
		font-size: 12px;
		font-weight: 600;
		margin-bottom: 6px;
	}
	.warehouse-product-filter-field .form-control {
		border: 1px solid #d7e1eb;
		border-radius: 5px;
		box-shadow: none;
		color: #263b53;
		font-size: 13px;
		height: 36px;
	}
	.warehouse-product-filter-actions {
		display: flex;
		gap: 8px;
		padding-bottom: 1px;
	}
	#warehouseInboundTable {
		border: 1px solid #e1e8f0;
		border-radius: 8px;
		overflow: hidden;
	}
	#warehouseInboundTable thead th {
		background: #edf5fb;
		border-bottom: 0;
		color: #36536d;
		font-size: 11px;
		padding: 13px 12px;
	}
	#warehouseInboundTable tbody td {
		border-color: #edf1f5;
		color: #435466;
		font-size: 13px;
		padding: 13px 12px;
		vertical-align: middle;
	}
	#warehouseInboundTable tbody tr:hover {
		background-color: #f8fbfe;
	}
	.warehouse-status {
		border-radius: 20px;
		display: inline-block;
		font-size: 11px;
		font-weight: 600;
		padding: 5px 10px;
	}
	.warehouse-status-approved { background: #e5f6ed; color: #218653; }
	.warehouse-status-pending { background: #fff4d9; color: #9a6a00; }
	.warehouse-status-cancelled { background: #fde8e8; color: #b23b3b; }
	.warehouse-reference-link {
		color: #0077b3;
		font-weight: 600;
	}
	.warehouse-reference-link:hover {
		color: #005d8c;
		text-decoration: underline;
	}
	.warehouse-grn-summary {
		background: #fff;
		border: 1px solid #e1e8f0;
		border-radius: 8px;
		box-shadow: 0 4px 14px rgba(34, 60, 80, .06);
		display: grid;
		gap: 18px;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		margin-bottom: 28px;
		padding: 20px 24px;
	}
	.warehouse-grn-summary-wide {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		row-gap: 24px;
	}
	.warehouse-grn-summary div {
		display: flex;
		flex-direction: column;
	}
	.warehouse-grn-summary small {
		color: #718096;
		font-size: 10px;
		margin-bottom: 5px;
	}
	.warehouse-grn-summary strong {
		color: #263b53;
		font-size: 16px;
	}
	.warehouse-delivery-summary {
		align-items: flex-start;
	}
	.warehouse-delivery-summary div {
		min-width: 140px;
	}
	.warehouse-delivery-summary strong {
		white-space: normal;
		word-break: break-word;
	}
	.warehouse-balance-qty {
		color: #218653 !important;
		font-weight: 600;
	}
	.warehouse-reserve-qty {
		color: #b7791f !important;
		font-weight: 600;
	}
	.warehouse-product-hero {
		align-items: center;
		background: #fff;
		border: 1px solid #e1e8f0;
		border-radius: 8px;
		box-shadow: 0 4px 14px rgba(34, 60, 80, .06);
		display: flex;
		gap: 22px;
		margin-bottom: 28px;
		padding: 20px 24px;
	}
	.warehouse-product-hero img {
		border: 1px solid #dce8f1;
		border-radius: 8px;
		cursor: pointer;
		height: 86px;
		object-fit: cover;
		width: 86px;
	}
	.warehouse-product-image-preview {
		max-height: 75vh;
		max-width: 100%;
	}
	.warehouse-product-thumb {
		align-items: center;
		background: #f7fbff;
		border: 1px solid #dce8f1;
		border-radius: 8px;
		color: #0b2d52;
		display: flex;
		font-size: 13px;
		font-weight: 700;
		height: 86px;
		justify-content: center;
		width: 86px;
	}
	.warehouse-product-hero small {
		color: #718096;
		font-size: 10px;
	}
	.warehouse-product-hero h4 {
		color: #263b53;
		font-size: 19px;
		margin: 4px 0;
	}
	.warehouse-product-hero p {
		color: #718096;
		font-size: 13px;
		margin: 0;
	}
	.warehouse-list-page .dataTables_wrapper {
		color: #718096;
		font-size: 12px;
	}
	.warehouse-list-page .dataTables_length,
	.warehouse-list-page .dataTables_filter {
		align-items: center;
		display: flex;
		margin-bottom: 12px;
	}
	.warehouse-list-page .dataTables_length {
		justify-content: flex-start;
	}
	.warehouse-list-page .dataTables_filter {
		justify-content: flex-end;
	}
	.warehouse-list-page .dataTables_length label,
	.warehouse-list-page .dataTables_filter label {
		align-items: center;
		color: #536273;
		display: flex;
		font-size: 12px;
		font-weight: 600;
		margin-bottom: 0;
	}
	.warehouse-list-page .dataTables_length select {
		background-color: #fff;
		border: 1px solid #d7e1eb;
		border-radius: 5px;
		box-shadow: none;
		color: #263b53;
		font-size: 12px;
		height: 32px;
		margin: 0 6px;
		min-width: 70px;
		padding: 4px 8px;
	}
	.warehouse-list-page .dataTables_filter input {
		border: 1px solid #d7e1eb;
		border-radius: 5px;
		box-shadow: none;
		margin-left: 6px;
		padding: 6px 10px;
		width: 240px;
	}
	.warehouse-list-page .dataTables_paginate .paginate_button {
		border-radius: 4px !important;
		padding: 4px 9px !important;
	}
	@media (max-width: 575px) {
		.warehouse-list-filter-form,
		.warehouse-list-filter-actions {
			align-items: stretch;
			flex-direction: column;
		}
		.warehouse-list-filter-field,
		.warehouse-list-filter-source,
		.warehouse-list-filter-actions {
			flex-basis: auto;
			width: 100%;
		}
		.warehouse-product-filter-panel {
			align-items: stretch;
			flex-direction: column;
		}
		.warehouse-product-filter-field {
			flex-basis: auto;
		}
		.warehouse-list-page .dataTables_length,
		.warehouse-list-page .dataTables_filter {
			justify-content: flex-start;
			width: 100%;
		}
		.warehouse-list-page .dataTables_filter input {
			max-width: 100%;
			width: 190px;
		}
	}
	.warehouse-modern-page {
		padding: 32px 0 70px;
	}
	.warehouse-page-header {
		align-items: flex-end;
		display: flex;
		gap: 24px;
		justify-content: space-between;
		margin-bottom: 24px;
	}
	.warehouse-page-header h3 {
		color: #1f2f3f;
		font-size: 26px;
		font-weight: 700;
		margin: 0 0 4px;
	}
	.warehouse-page-header small {
		color: #697789;
		font-size: 13px;
	}
	.warehouse-dashboard-title-row {
		align-items: flex-end;
		border-bottom: 1px solid #dfe7ef;
		display: flex;
		justify-content: space-between;
		margin-bottom: 14px;
		padding-bottom: 17px;
	}
	.warehouse-dashboard-title-row h3 {
		color: #263b53;
		font-size: 26px;
		font-weight: 600;
		margin: 0 0 5px;
	}
	.warehouse-dashboard-title-row small {
		color: #718096;
		font-size: 13px;
	}
	.warehouse-dashboard-breadcrumb {
		padding-bottom: 5px;
	}
	.warehouse-dashboard-filter-row {
		display: flex;
		justify-content: flex-end;
		margin-bottom: 22px;
	}
	.warehouse-dashboard-filter-row .warehouse-compact-filter {
		box-shadow: none;
		margin: 0;
	}
	.warehouse-compact-filter {
		align-items: center;
		background: #fff;
		border: 1px solid #e2e9f1;
		border-radius: 8px;
		box-shadow: 0 10px 24px rgba(30, 48, 70, .06);
		display: flex;
		gap: 10px;
		padding: 10px;
	}
	.warehouse-compact-filter .form-control {
		border: 1px solid #d9e3ee;
		border-radius: 6px;
		font-size: 13px;
		height: 36px;
		min-width: 145px;
	}
	.warehouse-compact-filter .btn {
		border-radius: 6px;
		font-size: 13px;
		height: 36px;
		padding: 6px 14px;
	}
	.warehouse-kpi-grid {
		display: grid;
		gap: 16px;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		margin-bottom: 22px;
	}
	.warehouse-kpi-grid-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.warehouse-kpi-card {
		background: #fff;
		border: 1px solid #e2e9f1;
		border-radius: 8px;
		box-shadow: 0 10px 24px rgba(30, 48, 70, .06);
		min-height: 154px;
		padding: 20px;
		position: relative;
	}
	.warehouse-kpi-primary {
		background: linear-gradient(135deg, #063b61, #0876a8);
		border-color: transparent;
		color: #fff;
	}
	.warehouse-kpi-card small {
		color: #6c7c8f;
		display: block;
		font-size: 11px;
		font-weight: 700;
		letter-spacing: .8px;
		margin-bottom: 10px;
		text-transform: uppercase;
	}
	.warehouse-kpi-primary small,
	.warehouse-kpi-primary span {
		color: rgba(255, 255, 255, .76);
	}
	.warehouse-kpi-card strong {
		color: #1f2f3f;
		display: block;
		font-size: 25px;
		font-weight: 700;
		line-height: 1.18;
		word-break: break-word;
	}
	.warehouse-kpi-card strong small {
		color: inherit;
		display: inline;
		font-size: 12px;
		letter-spacing: 0;
		margin-bottom: 0;
		text-transform: none;
		white-space: nowrap;
	}
	.warehouse-kpi-primary strong {
		color: #fff;
	}
	.warehouse-kpi-card span:not(.warehouse-kpi-icon) {
		color: #748397;
		display: block;
		font-size: 12px;
		margin-top: 8px;
	}
	.warehouse-kpi-icon {
		align-items: center;
		background: #eaf6fb;
		border-radius: 8px;
		color: #0876a8;
		display: flex;
		height: 38px;
		justify-content: center;
		position: absolute;
		right: 16px;
		top: 16px;
		width: 38px;
	}
	.warehouse-kpi-primary .warehouse-kpi-icon {
		background: rgba(255, 255, 255, .18);
		color: #fff;
	}
	.warehouse-kpi-in {
		background: #e8f7ef;
		color: #218653;
	}
	.warehouse-kpi-out {
		background: #fff2df;
		color: #b7791f;
	}
	.warehouse-panel {
		background: #fff;
		border: 1px solid #e2e9f1;
		border-radius: 8px;
		box-shadow: 0 10px 24px rgba(30, 48, 70, .06);
		margin-bottom: 22px;
		padding: 18px;
	}
	.warehouse-panel-title {
		align-items: center;
		display: flex;
		justify-content: space-between;
		margin-bottom: 12px;
	}
	.warehouse-panel-title span {
		color: #1f2f3f;
		font-size: 16px;
		font-weight: 700;
	}
	.warehouse-panel-title a,
	.warehouse-panel-title small {
		color: #0876a8;
		font-size: 12px;
		font-weight: 700;
		text-decoration: none;
	}
	.warehouse-movement-kpi-grid {
		margin-bottom: 14px;
	}
	.warehouse-panel-subtitle {
		border-top: 1px solid #eef3f7;
		margin-top: 6px;
		padding-top: 14px;
	}
	.warehouse-stock-row,
	.warehouse-movement-row,
	.warehouse-action-panel a {
		align-items: center;
		border-top: 1px solid #eef3f7;
		color: #1f2f3f;
		display: flex;
		justify-content: space-between;
		padding: 13px 0;
		text-decoration: none !important;
	}
	.warehouse-stock-row:first-child,
	.warehouse-movement-row:first-of-type,
	.warehouse-action-panel a:first-of-type {
		border-top: 0;
	}
	.warehouse-stock-row strong,
	.warehouse-movement-row strong {
		color: #25364a;
		display: block;
		font-size: 13px;
	}
	.warehouse-stock-row small,
	.warehouse-movement-row small {
		color: #748397;
		display: block;
		font-size: 12px;
		margin-top: 3px;
		max-width: 440px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.warehouse-stock-row span,
	.warehouse-movement-row span {
		color: #218653;
		font-size: 13px;
		font-weight: 700;
		margin-left: 16px;
	}
	.warehouse-category-row {
		border-top: 1px solid #eef3f7;
		padding: 12px 0;
	}
	.warehouse-category-row:first-child {
		border-top: 0;
		padding-top: 0;
	}
	.warehouse-category-heading {
		align-items: center;
		display: flex;
		gap: 12px;
		justify-content: space-between;
		margin-bottom: 8px;
	}
	.warehouse-category-heading strong {
		color: #25364a;
		font-size: 13px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.warehouse-category-heading span {
		color: #218653;
		font-size: 13px;
		font-weight: 700;
		white-space: nowrap;
	}
	.warehouse-category-track {
		background: #eef3f7;
		border-radius: 999px;
		height: 7px;
		overflow: hidden;
	}
	.warehouse-category-track span {
		background: #56b982;
		border-radius: 999px;
		display: block;
		height: 100%;
		min-width: 3px;
	}
	.warehouse-category-row small {
		color: #748397;
		display: block;
		font-size: 11px;
		margin-top: 6px;
	}
	.warehouse-action-panel a {
		justify-content: flex-start;
		gap: 12px;
	}
	.warehouse-action-panel i {
		align-items: center;
		background: #eef8ff;
		border-radius: 8px;
		color: #0876a8;
		display: flex;
		height: 34px;
		justify-content: center;
		width: 34px;
	}
	.warehouse-action-panel span {
		color: #25364a;
		font-size: 13px;
		font-weight: 700;
	}
	.warehouse-empty-mini {
		color: #748397;
		font-size: 13px;
		padding: 18px 0 8px;
		text-align: center;
	}
	.warehouse-summary-chart {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}
	.warehouse-summary-month {
		align-items: center;
		display: grid;
		gap: 14px;
		grid-template-columns: 48px minmax(0, 1fr) 110px;
	}
	.warehouse-summary-label {
		color: #25364a;
		font-size: 12px;
		font-weight: 700;
	}
	.warehouse-summary-bars {
		display: flex;
		flex-direction: column;
		gap: 6px;
	}
	.warehouse-summary-bars div {
		align-items: center;
		background: #f4f7fa;
		border-radius: 6px;
		display: flex;
		height: 25px;
		overflow: hidden;
		position: relative;
	}
	.warehouse-bar {
		border-radius: 6px;
		height: 100%;
		min-width: 3px;
	}
	.warehouse-bar-in {
		background: #56b982;
	}
	.warehouse-bar-out {
		background: #e3a446;
	}
	.warehouse-summary-bars strong {
		color: #25364a;
		font-size: 11px;
		position: absolute;
		right: 8px;
	}
	.warehouse-summary-net {
		color: #218653;
		font-size: 13px;
		font-weight: 700;
		text-align: right;
	}
	.warehouse-summary-net.is-negative {
		color: #b7791f;
	}
	.warehouse-movement-collapse {
		background: #f8fbfe;
		border: 1px solid #e2e9f1;
		border-radius: 8px;
		margin-top: 12px;
		overflow: hidden;
	}
	.warehouse-movement-collapse summary {
		align-items: center;
		cursor: pointer;
		display: flex;
		justify-content: space-between;
		list-style: none;
		padding: 14px 16px;
	}
	.warehouse-movement-collapse summary::-webkit-details-marker {
		display: none;
	}
	.warehouse-movement-collapse summary::after {
		color: #718096;
		content: "\f078";
		font-family: "Font Awesome 5 Free";
		font-size: 11px;
		font-weight: 900;
		margin-left: 12px;
		transition: transform .18s ease;
	}
	.warehouse-movement-collapse[open] summary::after {
		transform: rotate(180deg);
	}
	.warehouse-movement-collapse summary span {
		align-items: center;
		color: #25364a;
		display: flex;
		font-size: 14px;
		font-weight: 700;
	}
	.warehouse-movement-collapse summary strong {
		color: #25364a;
		font-size: 14px;
		margin-left: auto;
	}
	.warehouse-movement-strip {
		border-top: 1px solid #e2e9f1;
		display: grid;
		gap: 10px;
		grid-template-columns: repeat(12, minmax(104px, 1fr));
		overflow-x: auto;
		padding: 14px;
	}
	.warehouse-movement-strip-open {
		border-top: 0;
		padding: 10px 0 0;
	}
	.warehouse-movement-chart {
		align-items: stretch;
		background:
			linear-gradient(to top, #dfe6ee 1px, transparent 1px),
			#fff;
		background-size: 100% 25%;
		border-bottom: 1px solid #aeb8c5;
		border-left: 1px solid #aeb8c5;
		display: grid;
		gap: 12px;
		grid-template-columns: repeat(12, minmax(64px, 1fr));
		height: 260px;
		margin-top: 12px;
		overflow-x: auto;
		padding: 22px 16px 0;
	}
	.warehouse-movement-chart-column {
		align-items: center;
		display: grid;
		grid-template-rows: 24px 1fr 28px;
		min-width: 64px;
	}
	.warehouse-movement-chart-value {
		color: #526173;
		font-size: 11px;
		font-weight: 700;
		line-height: 1.1;
		text-align: center;
		white-space: nowrap;
	}
	.warehouse-movement-chart-plot {
		align-items: flex-end;
		display: flex;
		height: 100%;
		justify-content: center;
		width: 100%;
	}
	.warehouse-movement-chart-bar {
		border-radius: 4px 4px 0 0;
		display: block;
		min-height: 3px;
		width: min(42px, 68%);
	}
	.warehouse-movement-chart-label {
		align-items: center;
		color: #526173;
		display: flex;
		font-size: 11px;
		font-weight: 700;
		justify-content: center;
		text-align: center;
	}
	.warehouse-movement-month {
		background: #fff;
		border: 1px solid #e7edf4;
		border-radius: 7px;
		min-height: 180px;
		padding: 12px;
	}
	.warehouse-movement-label {
		color: #25364a;
		font-size: 12px;
		font-weight: 700;
		margin-bottom: 10px;
	}
	.warehouse-movement-bar-plot {
		align-items: flex-end;
		background: linear-gradient(to top, #eef3f7 1px, transparent 1px);
		background-size: 100% 25%;
		border-bottom: 1px solid #d9e3ee;
		display: flex;
		height: 88px;
		justify-content: center;
		margin-bottom: 10px;
		overflow: hidden;
		padding: 0 14px;
	}
	.warehouse-movement-bar-plot .warehouse-bar {
		border-radius: 5px 5px 0 0;
		display: block;
		min-height: 3px;
		width: 28px;
	}
	.warehouse-movement-month strong {
		color: #25364a;
		display: block;
		font-size: 13px;
		font-weight: 700;
		overflow-wrap: anywhere;
	}
	.warehouse-movement-month small {
		color: #718096;
		display: block;
		font-size: 11px;
		margin-top: 4px;
	}
	.warehouse-table,
	#warehouseInboundTable,
	#warehouseInboundItemsTable,
	#warehouseOutboundTable,
	#warehouseOutboundItemsTable,
	#warehouseProductsTable,
	#warehouseProductInventoryTable,
	#warehouseSummaryTable {
		border: 1px solid #e1e8f0;
		border-radius: 8px;
		overflow: hidden;
	}
	.warehouse-table thead th,
	#warehouseInboundItemsTable thead th,
	#warehouseOutboundTable thead th,
	#warehouseOutboundItemsTable thead th,
	#warehouseProductsTable thead th,
	#warehouseProductInventoryTable thead th,
	#warehouseSummaryTable thead th {
		background: #edf5fb;
		border-bottom: 0;
		color: #36536d;
		font-size: 11px;
		padding: 13px 12px;
		white-space: nowrap;
	}
	.warehouse-table tbody td,
	#warehouseInboundItemsTable tbody td,
	#warehouseOutboundTable tbody td,
	#warehouseOutboundItemsTable tbody td,
	#warehouseProductsTable tbody td,
	#warehouseProductInventoryTable tbody td,
	#warehouseSummaryTable tbody td {
		border-color: #edf1f5;
		color: #435466;
		font-size: 13px;
		padding: 13px 12px;
		vertical-align: middle;
	}
	#warehouseProductsTable tbody td {
		overflow-wrap: anywhere;
	}
	#warehouseProductsTable thead th:nth-child(5),
	#warehouseProductsTable thead th:nth-child(6),
	#warehouseProductsTable tbody td:nth-child(4),
	#warehouseProductsTable tbody td:nth-child(5),
	#warehouseProductsTable tbody td:nth-child(6),
	#warehouseProductsTable tbody td:nth-child(7),
	#warehouseProductsTable tbody td:nth-child(8) {
		white-space: nowrap;
	}
	#warehouseProductsTable thead th:nth-child(7),
	#warehouseProductsTable thead th:nth-child(8),
	#warehouseProductsTable tbody td:nth-child(7),
	#warehouseProductsTable tbody td:nth-child(8) {
		text-align: center;
	}
	#warehouseProductsTable thead th:nth-child(7),
	#warehouseProductsTable thead th:nth-child(8) {
		line-height: 1.15;
		padding-left: 6px;
		padding-right: 6px;
	}
	.warehouse-table tbody tr:hover,
	#warehouseInboundItemsTable tbody tr:hover,
	#warehouseOutboundTable tbody tr:hover,
	#warehouseOutboundItemsTable tbody tr:hover,
	#warehouseProductsTable tbody tr:hover,
	#warehouseProductInventoryTable tbody tr:hover,
	#warehouseSummaryTable tbody tr:hover {
		background-color: #f8fbfe;
	}
	@media (max-width: 991px) {
		.warehouse-grn-summary {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
		.warehouse-dashboard-title-row {
			align-items: flex-start;
			flex-direction: column;
			gap: 10px;
		}
		.warehouse-dashboard-breadcrumb {
			padding-bottom: 0;
		}
		.warehouse-dashboard-filter-row {
			justify-content: flex-start;
		}
		.warehouse-page-header {
			align-items: stretch;
			flex-direction: column;
		}
		.warehouse-compact-filter {
			flex-wrap: wrap;
		}
		.warehouse-kpi-grid,
		.warehouse-kpi-grid-3 {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
	}
	@media (max-width: 575px) {
		.warehouse-grn-summary {
			grid-template-columns: 1fr;
		}
		.warehouse-modern-page {
			padding-top: 20px;
		}
		.warehouse-page-header h3 {
			font-size: 22px;
		}
		.warehouse-compact-filter .form-control,
		.warehouse-compact-filter .btn {
			width: 100%;
		}
		.warehouse-kpi-grid,
		.warehouse-kpi-grid-3 {
			grid-template-columns: 1fr;
		}
		.warehouse-summary-month {
			grid-template-columns: 42px minmax(0, 1fr);
		}
		.warehouse-summary-net {
			grid-column: 2;
			text-align: left;
		}
	}
/* Datepicker input */
	.datepicker-input {
		border: none !important;
		background-color: transparent !important;
		color: #3f6ad8 !important;
		text-decoration: none !important;
		cursor: pointer !important;
		padding-left: 0px !important;
		box-shadow: none !important;
	}
	.datepicker-input:focus {
		outline: none !important;
		box-shadow: none !important;
	}
/* jobNew */
	.ms-container {
		margin-left: auto !important;
		margin-right: auto !important;
	}
/* All Table */
	.table-header-color {
		background-color: #eff8ff;
	}
	.jobViewRouteTable td {
		font-size: 90% !important;
	}

	.single-row-table {
		table-layout:fixed;
	}
	.single-row-table th {
		white-space:nowrap !important;
		overflow:hidden !important;
	}
	.single-row-table td {
		white-space:nowrap !important;
		overflow:hidden !important;
		font-size: 90% !important;
	}