/* padding - start */
section.padding-80-40 {
	padding: 80px 0 40px 0;
}

.padding-bottom-138 {
	padding-bottom: 138px;
}

.padding-25-138 {
	padding: 25px 0 138px 0;
}
/* padding - end */

button.btn.btn-default {
	background-color: #dbdbdb;
}

a {
	display: inline-block;
	text-decoration: none !important;
}

a:hover {
	text-decoration: none;
}

.has-error-msg {
	font-weight: 600;
	font-style: italic;
}

a.btn.btn-default {
	width: auto;
	margin-bottom: 20px;
	padding: 10px 30px;
	color: #414141;
	-webkit-appearance: none;
	background-color: #dbdbdb;
}

button.btn.btn-default {
	background-color: #dbdbdb;
	background-image: none;
}

.static-banner.with-bg-img {
	height: 180px;
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
}

.static-banner h5 {
	font-size: 50px;
	color: #fff;
}

.vertical-center {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
}

.breadcrumb-cell .breadcrumb {
	background-color: transparent;
	padding: 0;
	padding-top: 15px;
	padding-bottom: 15px;
}

.breadcrumb-cell .breadcrumb li {
	font-size: 15px;
	font-weight: 600;
	font-style: italic;
	color: #66676A;
}

.breadcrumb-cell .breadcrumb li a {
	color: #66676A;
	font-weight: 400;
}

div.banner-title {
	background-color: #f0f0ee;
	padding: 40px 0;
}

div.banner-title span {
	color: #53b54f;
	font-size: 20px;
	font-weight: 600;
}

form button {
	width: 100%;
}

form button.btn-default {
	background-color: #dbdbdb;
	color: #5e5e5e;
	font-size: 16px;
	padding: 10px;
}

form button.btn-default+.btn-default {
	margin-top: 10px;
}

form .margin-bottom-30 {
	margin-bottom: 30px;
}

form .margin-top-30 {
	margin-top: 30px;
}

form label {
	margin-bottom: 15px;
	color: #555555;
	font-size: 15px;
}

form .remark {
	font-size: 14px;
	color: #555555;
	margin-top: 30px;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.note {
	font-size: 14px;
	font-style: italic;
}

.mandatory, .important {
	color: red;
}

input.form-control, select.form-control {
	height: 42px;
}

input[type="text"] {
	-webkit-appearance: none;
}

input[type="checkbox"] {
	margin-top: 2px;
}

.form-group {
	margin-bottom: 30px;
}

.input-group input {
	border-right: 0px;
}

.input-group button {
	border-left: 0px;
}

.input-group button:before {
	content: '';
	width: 100%;
	border-left: solid 1px #b7b7b7;
	position: absolute;
	left: 1px;
	top: 0;
	z-index: 1;
	height: 70%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
	margin-left: -4px;
}

.bootstrap-filestyle label {
	padding: 10px 12px;
}

.option-fileupload .bootstrap-filestyle {
	display: none;
}

.option-fileupload .bootstrap-filestyle.active {
	display: table;
}

.tooltip-inner {
	padding: 10px;
}

.tooltip-inner .btn-close-tooltip, .tooltip-inner .btn-select-file-close-tooltip,
	.tooltip-inner .btn-multiLotSearch-close-tooltip, .tooltip-inner .btn-close-advance-search-tooltip,
	.tooltip-inner .btn-close-lipno-pattern-tooltip {
	position: absolute;
	top: 3px;
	right: 3px;
	color: #424242;
	padding: 4px 8px;
	background-color: #bdbdbd;
	line-height: 100%;
	border-radius: 1px;
	cursor: pointer;
}

/* Tooltip container */
.custom-tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
	/* If you want dots under the hoverable text */
}

/* Tooltip text */
.custom-tooltip .tooltiptext {
	visibility: hidden;
	width: 74px;
	background-color: black;
	color: #fff;
	text-align: center;
	padding: 4px 0;
	border-radius: 6px;
	/* Position the tooltip text - see examples below! */
	position: absolute;
	z-index: 1;
	left: -25px;
	top: 7px;
}

/* .social-facebook {
	background-image: url(../../img/icon/icon-facebook.png);
	width: 28px;
	height: 28px;
	display: inline-block;
}

.social-googleplus {
	background-image: url(../../img/icon/icon-googleplus.png);
	width: 28px;
	height: 28px;
	display: inline-block;
}

.social-twitter {
	background-image: url(../../img/icon/icon-twitter.png);
	width: 28px;
	height: 28px;
	display: inline-block;
}

.social-whatsapp {
	background-image: url(../../img/icon/icon-whatsapp.png);
	width: 28px;
	height: 28px;
	display: inline-block;
	background-repeat: no-repeat;
} */

.social-facebook, .social-googleplus, .social-twitter, .social-whatsapp {
	float: left;
	width: 28px;
	height: 28px;
	display: inline-block;
	color: #005951;
}

.social-facebook .fa-stack .fa-stack-2x, .social-googleplus .fa-stack .fa-stack-2x,
	.social-twitter .fa-stack .fa-stack-2x {
	font-size: 28px !important;
}

.social-facebook .fa-stack .fa-stack-1x, .social-twitter .fa-stack .fa-stack-1x {
	font-size: 14px !important;
	line-height: 28px !important;
}

.social-googleplus .fa-stack .fa-stack-1x {
	font-size: 12px !important;
	line-height: 28px !important;
}

.social-whatsapp .fa-whatsapp {
	font-size: 26px !important;
	float: left;
}

#header .header-top .tools nav.social .icon-wrapper a.social-whatsapp,
	.product-detail .social .icon-wrapper a.social-whatsapp {
	margin-top: 5px;
	margin-left: 6px;
}

/* header - start */
.fruit-salad-bg {
	background-color: #54b64f;
}

.wcag-aa {
	background-color: #388538;
}

.wcag-aaa {
	background-color: #2a652a;
}

.gray-bg {
	background-color: #636363;
}

.san-felix-bg {
	background-color: #276522;
}

.violet-blue-bg {
	background-color: #a666a7;
}

.golden-brown-bg {
	background-color: #a2611a;
}

.mosque-bg {
	background-color: #005951;
}

.light-sea-green-bg {
	background-color: #2bbbb3;
}

.egyptian-blue-bg {
	background-color: #19499b;
}

.carmine-bg {
	background-color: #9c0f17;
}

#header {
	z-index: 999;
	background-color: #fffff1;
}

#header.home {
	background-color: rgba(255, 255, 241, 0.75);
}

#header .header-top {
	padding: 15px 0;
}

#header .header-top>.row>* {
	vertical-align: top;
}

#header .header-top>.row>nav {
	font-size: 0;
}

#header .header-top>.row>.col-xs-8.col-sm-8.col-md-8.col-lg-8.collapse.navbar-collapse {
	width: 33.333333%;
}

#header .header-top>.row .col-xs-24.col-sm-24.col-md-24.col-lg-24.collapse.navbar-collapse {
	width: 100%;
	float: right;
	padding-bottom: 5px;
}

#header .header-top>.row nav.link-left-border a {
	font-size: 14px;
	padding-left: 4px;
	color: #005951;
	font-weight: 600;
}

#header .header-top>.row nav.link-left-border a+a:before {
	content: '';
	width: 100%;
	height: 100%;
	border-left: solid 1px #b7b7b7;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

#header .header-top>.row nav a:first-child {
	padding-left: 0;
}

#header .header-top>.row nav a:last-child {
	padding-right: 0;
}

#header .header-top .tools nav {
	display: inline-block;
	position: relative;
}

#header .header-top .tools nav.color-picker a {
	width: 20px;
	height: 20px;
	display: inline-block;
	border-radius: 4px;
}

#header .header-top .tools nav.fonts-picker {
	margin-left: 5px;
}

#header .header-top .tools nav.fonts-picker a {
	color: #000;
	cursor: pointer;
}

#header .header-top .tools nav.fonts-picker a:nth-child(1) {
	font-size: 16px;
}

#header .header-top .tools nav.fonts-picker a:nth-child(2) {
	font-size: 18px;
}

#header .header-top .tools nav.fonts-picker a:nth-child(3) {
	font-size: 22px;
}

#header .header-top .tools nav.fonts-picker a.active {
	color: #005951;
}

#header .header-top .tools nav.lang-picker {
	margin-left: 10px;
	font-size: 0;
}

#header .header-top .tools nav.lang-picker a {
	font-weight: 600;
	padding-left: 4px;
	font-size: 14px;
	color: #636363;
}

#header .header-top .tools nav.lang-picker a.active {
	color: #005951;
}

.switch-disabled {
	pointer-events: none;
}

.switch-disabled:hover {
	cursor: not-allowed !important;
}

#header .header-top .tools nav.lang-picker a.en_active {
	color: #005951;
}

#header .header-top .tools nav.lang-picker a.zh_hk_active {
	color: #005951;
}

#header .header-top .tools nav.lang-picker a.zh_cn_active {
	color: #005951;
}

#header .header-top .tools nav.lang-picker a+a:before {
	content: '';
	width: 100%;
	height: 100%;
	border-left: solid 1px #b7b7b7;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

#header .header-top .tools nav.social {
	margin-right: 5px;
}

#header .header-top .tools nav.social .icon-wrapper {
	display: none;
	position: absolute;
	top: 14px;
	left: -5px;
	background-color: #FFF;
	width: 104px;
	height: 35px;
	box-shadow: 0px -1px 16px #d4d4d4;
	z-index: 10;
	border-radius: 10px;
}

.ui-datepicker {
	z-index: 10000 !important;
}

#header .header-top .tools nav.social .icon-wrapper:before {
	position: absolute;
	display: inline-block;
	left: 0px;
	top: 0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7.5px 7px 7.5px;
	border-color: transparent transparent #ffffff transparent;
	border-radius: 10px;
}

#header .header-top .tools nav.social .icon-wrapper a, .product-detail .social .icon-wrapper a {
	margin-top: 4px;
	margin-left: 5px;
}

#header .header-top .tools nav.social:hover .icon-wrapper {
	display: inline-block;
}

#header .header-top .tools nav.social:before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 100px 100px 100px;
	border-color: transparent transparent #ffffff transparent;
}

/* header - end */

/* menu - start */
#menu {
	background-color: #388538;
}

#menu .menu .col-xs-21.col-sm-21.col-md-21.col-lg-21.collapse.navbar-collapse {
	width: 87.5%;
}

#menu .menu ul.dropdown-menu {
	background-color: #388538;
	top: 37px;
	right: -7px;
}

#menu .menu ul.dropdown-menu li a {
	color: #fff;
}

#menu .menu ul.widget {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
}

#menu .menu ul.widget>li {
	display: inline-block;
	vertical-align: middle;
}

#menu .menu ul.widget a {
	display: inline-block;
}

#menu .menu ul.widget i {
	color: #fff;
	vertical-align: middle;
	margin-right: 20px;
}

#menu .menu ul.widget i:before {
	/* 	font-size: 20px; */
	
}

#menu .menu ul.widget .mobile-search {
	display: none;
	width: 300px;
	height: 34px;
	position: absolute;
	right: 0px;
	bottom: -34px;
	line-height: normal;
	z-index: 1;
}

#menu .menu ul.widget .mobile-search input {
	height: 34px;
	width: 254px;
	font-size: 15px;
	border: 1px solid #388538;
	padding: 8px;
	color: #000;
	border-radius: 4px;
}

#menu .menu ul.widget .mobile-search .input-group button:before {
	border-left: 0px;
}

#menu .menu ul.widget img {
	max-width: 100%;
	vertical-align: middle;
}

#menu .menu ul.widget .cart, #menu .menu ul.widget .downloadList {
	width: 26px;
	margin-right: 20px;
}

#menu .menu ul.widget .cart .cart-button-cell, #menu .menu ul.widget .downloadList .downloadList-button-cell {
	display: inline-block;
	line-height: normal;
}

#menu .menu ul.widget .cart .cart-button-cell img, #menu .menu ul.widget .downloadList .downloadList-button-cell img {
	/* 	width: 100%; */
	/* to fix display svg image issue, width or height of image has to set actual value*/
	height: 26px;
	width: 26px;
}

#menu .menu ul.widget .cart .cart-button-cell .cart-count, #menu .menu ul.widget .downloadList .downloadList-button-cell .downloadList-count {
	background: #fa5400;
	line-height: 1.4;
	padding: 0 5px 1px 5px;
	border-radius: 10px;
	text-align: center;
	font-size: 10px;
	position: absolute;
	top: -6px;
	right: -13px;
	z-index: 2;
}

#menu .menu ul.widget .cart .cart-button-cell .cart-count .cart-qty,
	#menu .menu ul.widget .downloadList .downloadList-button-cell .downloadList-count .downloadListQty {
	color: white;
}

#menu .menu ul.widget .user {
	width: 20px;
}

#menu .menu ul.widget .user img {
	max-height: 50px;
}

#menu .menu ul.widget .fa-stack.fa-stack-map-search {
	color: white;
}

#menu .menu ul.widget .fa-stack.fa-stack-map-search .fa-map {
	top: 4px;
	font-size: 20px !important;
	position: absolute;
	left: 0px;
}

#menu .menu ul.widget .fa-stack.fa-stack-map-search .fa-search {
	color: white;
	position: absolute;
	left: 9px;
	top: 13px;
	font-size: 13px !important;
	background-color: #388538;
	border: 1.5px solid #388538;
	border-radius: 24px;
}

#menu .menu ul.widget>li>.dropdown>ul>li {
	line-height: normal;
}

#menu .menu ul.widget>li>.dropdown>ul>li:hover {
	background-color: #399733;
}

#menu .menu ul.widget>li>.dropdown>ul>li a:hover {
	background-color: #399733;
	background-image: none;
	width: 100%;
}

#menu .menu ul.level1 {
	display: inline-block;
	position: initial;
}

#menu .menu ul.level1>li {
	position: initial;
	display: inline-block;
	padding: 0px 9px 0px 9px;
}

#menu .menu ul.level1>li:hover {
	background-color: #399733;
}

#menu .menu ul.level1>li:before {
	position: relative;
	/* 	left: -10px; */
	left: -7px;
	vertical-align: middle;
}

#menu .menu ul.level1>li.btn-home:before {
	content: url("../../img/menu/icon-home.png");
}

#menu .menu ul.level1>li.btn-news:before {
	content: url("../../img/menu/icon-news.png");
}

#menu .menu ul.level1>li.submenu.btn-product:before {
	content: url("../../img/menu/icon-product.png");
}

#menu .menu ul.level1>li.submenu.btn-product:hover>ul.dropdown-menu {
	display: block;
}

#menu .menu ul.level1>li.btn-contact:before {
	content: url("../../img/menu/icon-contact.png");
}

#menu .menu ul.level1>li.btn-coupon:before {
	content: url("../../img/menu/icon-coupon.png");
}

#menu .menu ul.level1>li.btn-licence:before {
	content: url("../../img/menu/icon-license.png");
}

#menu .menu ul.level1>li a, #menu .menu ul.level1>li span {
	cursor: pointer;
	font-size: 15px;
	color: #fff;
	display: inline-block;
	padding: 17.5px 0;
	/* 	margin: 0px 15px 0px 0px; */
}

#menu .menu ul.level1>li a:hover, #menu .menu ul.level1>li span:hover {
	background-color: #399733;
}

#menu .menu ul .level1>li a:first-child, #menu .menu ul .level1>li span:first-child {
	margin-left: 0px;
	margin-right: 0px;
}

#menu .menu .navbar-collapse>ul>li>ul.dropdown-menu {
	width: 100%;
	margin-left: 5%;
	top: 54px;
	bottom: 0px;
	padding: 0px;
}

#menu .menu .navbar-collapse>ul>li>ul.dropdown-menu>.level2 {
	position: absolute;
	padding: 20px 20px 50px 0px;
	/* 	display: none; */
	background-color: #fff;
	left: 0px;
	width: 100%;
	box-shadow: 0px 0px 4px #868686;
}

#menu .menu ul .level2:hover, #menu .menu ul .level2:active {
	display: block;
}

#menu .menu ul .level2 li {
	width: 50%;
	float: left;
}

#menu .menu ul .level2 li a {
	border-bottom: 1px solid #e6e6e6;
	display: block;
	/* 	padding: 15px 25px; */
	padding: 14px 14px;
	font-size: 15px;
	color: #399733;
	/* 	white-space: nowrap; */
	text-align: left;
	width: 90%;
	/* 	margin: auto !important; */
	margin: 0px 36px;
}

#menu .menu ul .level2 li a:hover, #menu .menu ul .level2 li a:active {
	background-color: #388538;
	color: #ffffff !important;
}

#header#resp-header {
	display: none;
}

#menu#resp-header .container-fluid {
	z-index: 999;
	background-color: #fffff1;
}

#menu#resp-header .menuWrapper {
	display: none;
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	width: 100%;
	height: 9999px;
	top: 0;
	left: 0;
	z-index: 2;
}

#menu .resp-header {
	z-index: 3;
	background: #388538;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 40px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 50px;
	padding: 0 20px;
	position: relative;
}

#menu .resp-header a.resp-button {
	display: block;
	width: 55px;
	height: 50px;
	padding: 13px 11px;
	position: absolute;
	top: 0;
	left: 11px;
	cursor: pointer;
}

#menu .resp-header a.resp-button:before, #menu .resp-header a.resp-button:after {
	content: '';
	display: block;
	background: #fff;
	height: 3px;
}

#menu .resp-header a.resp-button span {
	background: #fff;
	display: block;
	height: 3px;
	margin: 9px 0;
}

#menu .menu .widget {
	display: inline-block;
	vertical-align: middle;
	line-height: 50px;
	font-size: 0;
}

#menu .menu .widget>li {
	display: inline-block;
	vertical-align: middle;
}

#menu .menu .widget a {
	display: inline-block;
}

#menu .menu .widget img {
	max-width: 100%;
	vertical-align: middle;
}

#menu .menu .widget .cart {
	width: 26px;
	margin-right: 20px;
}

#menu .menu .widget .cart .cart-button-cell {
	display: inline-block;
	line-height: normal;
}

#menu#resp-header .resp-header .widget .cart .cart-button-cell img {
	width: 100%;
}

#menu#resp-header .resp-header .widget .cart .cart-button-cell .cart-count {
	background: #fa5400;
	line-height: 1.4;
	padding: 0 5px 1px 5px;
	border-radius: 10px;
	text-align: center;
	font-size: 10px;
	position: absolute;
	top: -8px;
	right: -13px;
	z-index: 2;
}

#menu#resp-header .resp-header .widget .cart .cart-button-cell .cart-count .cart-qty {
	color: white;
}

#menu#resp-header .resp-header .widget .user {
	width: 20px;
}

#menu#resp-header .resp-header .widget .user img {
	max-height: 20px;
}

#menu #resp-menu {
	/* 	display: none; */
	/* 	position: absolute; */
	z-index: 100;
	background-color: #388538;
	/* 	width: 100%; */
}

#menu #resp-menu a, #menu #resp-menu span {
	color: #fff;
	cursor: pointer;
	padding: 15px 25px !important;
	display: block;
	border-bottom: 1px solid #fff;
}

#menu #resp-menu a:hover, #menu #resp-menu span:hover {
	background: #fff;
	color: #388538;
}

#menu #resp-menu ul {
	border-bottom: 1px solid #fff;
}

#menu #resp-menu ul li, #menu #resp-menu ul span {
	display: block;
}

#menu #resp-menu ul span {
	padding-left: 0px;
}

#menu #resp-menu ul .resp-menu-right-arrow {
	content: '\f105';
	font: normal normal normal 14px/1 FontAwesome;
	position: absolute;
	right: 10px;
	z-index: 1;
	border: 0px;
	bottom: 16px;
}

#menu #resp-menu ul.level1 {
	border-top: 1px solid #fff;
}

#menu #resp-menu ul.level2 {
	/* 	display: none; */
	
}

#menu #resp-menu ul.level2 a, #menu #resp-menu ul.level2 span {
	/* 	display: block; */
	padding-left: 55px !important;
	border: 0;
}

#menu #resp-menu ul.level2>li {
	padding-right: 0;
}

#menu #resp-menu ul.level3 a, #menu #resp-menu ul.level3 span {
	display: block;
	padding-left: 85px !important;
}

/* menu - end */

/* footer - start */
footer .footer-top {
	font-size: 0;
}

footer .footer-top img {
	max-width: 100%;
}

footer .footer-top .footer-bg {
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url("../../img/footer/footer.png");
	height: 362px;
}

footer .footer-top .logo {
	position: absolute;
	top: 0px;
	width: 100%;
}

footer .footer-top .logo a {
	margin: 0 15px;
}

footer .footer-bottom {
	background-color: #388538;
}

footer .footer-bottom nav {
	display: inline-block;
	vertical-align: top;
}

footer .footer-bottom nav.footer-link {
	font-size: 0;
	padding: 25px 0;
}

footer .footer-bottom nav.footer-link a {
	color: #fff;
	font-size: 15px;
	padding-right: 10px;
}

footer .footer-bottom nav.footer-link a+a {
	padding-left: 10px;
	display: inline-block;
}

footer .footer-bottom nav.footer-link a+a:before {
	content: '';
	width: 100%;
	height: 100%;
	border-left: solid 1px #fff;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

footer .footer-bottom nav.copyright {
	line-height: 61px;
}

footer .footer-bottom nav.copyright>div {
	display: inline-block;
	font-size: 15px;
	color: #fff;
	vertical-align: middle;
}

footer .footer-bottom nav.copyright img {
	vertical-align: middle;
}

/* footer - end */

/* home - start */
#home {
	font-size: 0px;
}

section.banner {
	position: relative;
}

section.banner img {
	max-width: 100%;
}

section.banner .searchbar {
	padding: 20px;
	background-image: url("../../img/home/home-banner-line.png");
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

section.banner .searchbar input, section.banner .searchbar button {
	padding: 10px 12px;
	height: auto;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: initial;
	-webkit-appearance: none;
}

section.banner .searchbar input:active, section.banner .searchbar button:active {
	background-color: #fff;
	background-image: none;
	outline-color: transparent;
}

section.banner .searchbar input:focus, section.banner .searchbar button:focus {
	background-color: #fff;
	background-image: none;
	outline-color: transparent;
}

section.banner .searchbar input:hover, section.banner .searchbar button:hover {
	background-color: #fff;
	background-image: none;
	outline-color: transparent;
}

section.banner .searchbar .btn-default:hover {
	background-color: #fff;
	outline-color: transparent;
}

section.banner .searchbar button {
	z-index: 2 !important;
	padding: 10px 12px;
}

section.banner .searchbar .glyphicon {
	font-size: 21.5px;
	color: #6c6d70;
}

section.banner .searchbar .map-search {
	display: inline-block;
	float: left;
}

section.banner .searchbar .map-search a {
	background-color: #fff;
	background-image: none;
	height: 42px;
	margin-bottom: 0;
	width: 100%;
}

section.banner .searchbar .map-search a img {
	width: 20px;
	margin-left: 10px;
}

section.banner .searchbar .map-search a span {
	line-height: 20px;
	vertical-align: top;
}

section.banner #bannerCarousel video, section.banner #bannerCarousel img {
	vertical-align: middle;
}

#home section.notice {
	margin-top: -129px;
	background-color: #fffff1;
}

#home section.notice marquee {
	font-size: 14px;
	line-height: 16px;
	color: #555555;
	margin: 0 20px;
}

#home section.explore {
	background-color: #f5f6f1;
}

#home section.explore .content-explore {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

#home section.explore .content-explore a.btn {
	background-color: #fff;
	display: inline-block;
	width: 40%;
	margin-top: 180px;
	font-size: 24px;
	color: #555555;
	font-weight: 700;
	font-style: italic;
	box-shadow: 0px 0px 6px #b1b1b1;
}

#home section.explore .content-explore .title {
	font-size: 30px;
	color: #fff;
	text-shadow: 0px 0px 24px #4f4f4f;
}

#home section.explore img {
	max-width: 100%;
}

#home section.category img {
	max-width: 100%;
}

#home section.category h3 {
	font-size: 18px;
	color: #555555;
	margin-bottom: 20px;
	font-weight: 600;
	min-height: 36px;
}

#home section.category p {
	font-size: 15px;
	color: #555555;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: justify;
	line-height: 20px;
	height: 80px;
	overflow: hidden;
}

#home section.category a.btn {
	font-size: 14px;
	color: #555555;
	background-color: #dbdbdb;
	text-transform: uppercase;
	padding: 10px 20px;
}

#home section.category .row>div {
	margin-bottom: 80px;
}

#home section.popular {
	padding-bottom: 138px;
}

#home section.popular h2 {
	font-size: 15px;
	color: #555555;
	font-weight: 600;
	margin-bottom: 45px;
}

#home section.popular .title {
	font-size: 15px;
	color: #555555;
	margin-bottom: 10px;
}

#home section.popular .desc {
	font-size: 15px;
	color: #555555;
	margin-bottom: 15px;
}

#home section.popular a.buy-btn {
	font-size: 15px;
	color: #00afec;
}

.home-category-remarks {
	height: 25px;
	color: darkred;
	display: block;
}

/* home - end */

/* news/form download - start */
.news .container, .download .container {
	padding: 2% 10%;
}

.news .container #news-content .row, .download .container #download-content .row,
	.news .container table tr {
	background-color: #EBEBEB;
	border-radius: 4px;
	padding: 8px 0px;
	color: #555555;
	font-weight: 600;
	background-image: none;
	margin-bottom: 19px;
}

.news .container .row .col-1, .download .container .row .col-1 {
	padding: 10px;
	padding-right: 100px;
	font-style: oblique;
	word-wrap: break-word;
}

.news .container .row .col-2, .download .container .row .col-2 {
	padding: 11px 14px;
	/*border-left: 1px solid #B7B7B7;*/
}

.news .container .row .col-2>a {
	cursor: pointer;
	color: #555555;
	text-decoration: underline !important;
}

.news .container .row .col-2>a:hover, .news .container .row .col-2>a:focus,
	.news .container .row .col-2>a:active {
	cursor: pointer;
	color: #555555;
	font-weight: 600;
	text-decoration: underline !important;
}

.news .container .row .pagination>li>a, .news .container .pagination>li>span,
	.download .container .row .pagination>li>a, .download .container .pagination>li>span {
	border: 0px;
	color: #66676A;
}

.news .container .row .pagination>li>a:hover, .news .container .row .pagination>li>span:hover,
	.download .container .row .pagination>li>a:hover, .download .container .row .pagination>li>span:hover,
	.pagination>li>a:focus, .pagination>li>span:focus {
	color: #66676A;
	border-color: none;
	border: 0px;
	text-decoration: underline !important;
	background-color: #fff;
}

.news .container #news-content #table, .download .container #download-content #table {
	width: 100%;
}

.news .container.paging_full_numbers a.paginate_button .download .container.paging_full_numbers a.paginate_button {
	color: #fff !important;
}

.news .container .dataTables_wrapper .dataTables_paginate .paginate_button a,
	.download .container .dataTables_wrapper .dataTables_paginate .paginate_button a {
	border: 0px;
	color: #66676A;
}

.news .container .pagination>li>a:hover, .news .container .pagination>li>span:hover,
	.news .container .pagination>li>a:focus, .news .container .pagination>li>span:focus,
	.download .container .pagination>li>a:hover, .news .container .pagination>li>span:hover,
	.download .container .pagination>li>a:focus, .news .container .pagination>li>span:focus {
	background-color: #FFFFFF !important;
}

.news .container .pagination>.active>a, .news .container .pagination>.active>a:hover,
	.news .container .pagination>.active>span:hover, .news .container .pagination>.active>a:focus,
	.news .container .pagination>.active>span:focus, .download .container .pagination>.active>a,
	.download .container .pagination>.active>a:hover, .news .container .pagination>.active>span:hover,
	.download .container .pagination>.active>a:focus, .news .container .pagination>.active>span:focus {
	text-decoration: underline !important;
	background-color: #FFFFFF !important;
}

.news .container div.dataTables_wrapper div.dataTables_paginate,
	.download .container div.dataTables_wrapper div.dataTables_paginate {
	margin-top: 20px !important;
	text-align: right !important;
	font-style: italic;
}

.download .container #download-content .row, .download .container table tr {
	background-color: #F5F6F1;
	border-radius: 4px;
	padding: 8px 0px;
	color: #555555;
	font-weight: 600;
	background-image: none;
	margin-bottom: 19px;
}

.download .container .row .col-2, .download .container .row .col-2>a {
	cursor: pointer;
	color: #388538;
	font-style: italic;
	display: block;
	word-wrap: break-word;
}

.download .container .row .col-2>a:hover, .download .container .row .col-2>a:focus,
	.download .container .row .col-2>a:active {
	text-decoration: underline !important;
}

/* news/form download - end */

/* links - start */
.links .container {
	padding: 3% 8%;
	margin-bottom: 30px;
}

.links .container #links-content .row {
	background-color: #F5F6F1;
	border-radius: 4px;
	padding: 10px;
	color: #555555;
	font-weight: 600;
	background-image: none;
	margin-bottom: 45px;
}

.links .container .row .col-1 {
	padding: 0px 15px
}

.links .container .row .col-2 {
	margin: auto;
	padding: 1%;
	padding-left: 5%;
}

.links .container .row .col-2>a {
	cursor: pointer;
	color: #66676A;
	text-decoration: none;
	font-style: italic;
}

.links .container .row .col-1>img {
	padding: 5px;
	max-height: 50px;
	height: auto;
	width: auto;
	float: left;
}

.links .container .row .col-2>a:hover, .links .container .row .col-2>a:focus,
	.links .container .row .col-2>a:active {
	cursor: pointer;
	color: #82868A;
	font-weight: 600;
	text-decoration: underline !important;
}

.links .container .row .pagination>li>a, .links .container .pagination>li>span {
	border: 0px;
	color: #66676A;
}

.links .container .row .pagination>li>a:hover, .links .container .row .pagination>li>span:hover .pagination>li>a:focus,
	.pagination>li>span:focus {
	color: #66676A;
	border-color: none;
	border: 0px;
	text-decoration: underline !important;
	background-color: #fff;
}

#links-content .separate-border {
	min-height: 5px;
	border-top: 1.4px solid #afafad;
	border-right: 100px;
}
/* links - end */

/* login - start */
form#login {
	padding-top: 25px;
	padding-bottom: 138px;
}

form#login .form-group {
	margin-bottom: 15px;
}

form#login #loginMsg .success, form#login .loginMsgDiv .success {
	color: #388538;
	font-weight: 600;
}

form#login #loginMsg .error, form#login .loginMsgDiv .error {
	color: red;
	font-weight: 600;
}

form#login .login-link {
	margin-top: 30px;
	font-size: 0;
}

form#login .hide-sso {
	color: rgba(0, 0, 0, 0.5) !important;
	margin: 30px -150px 0px;
}

form#login .row.form-btn {
	margin-bottom: 15px;
}

form#login .login-link a {
	display: inline-block;
	font-size: 14px;
	color: #555555;
	padding-right: 5px;
	padding-left: 5px;
}

form#login .login-link a+a:before {
	content: '';
	width: 100%;
	height: 100%;
	border-left: solid 1px #b7b7b7;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

form#login .social {
	margin-top: 20px;
}

form#login .social .btn.btn-default .btn-text {
	line-height: 30px;
}

form#login .social .btn.btn-default.btn-loginwithfb {
	background-color: #4A66AF;
	color: #FFFFFF;
	text-shadow: 0 0px 0 #fff;
}

form#login .social .btn.btn-default.btn-loginwithfb:hover, form#login .social .btn.btn-default.btn-loginwithfb:active,
	form#login .social .btn.btn-default.btn-loginwithfb:focus {
	background-color: #3A508A;
	color: #FFFFFF;
	text-shadow: 0 0px 0 #fff;
}

form#login .social .btn.btn-default.btn-loginwithfb .icon {
	background-image: url(../../img/icon/facebook-login.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 31px;
	border-right: 1px solid #FFFFFF;
	background-position: center;
}

form#login .btn.btn-default.btn-loginwithgoogleplus {
	background-color: #E24F32;
	color: #FFFFFF;
	text-shadow: 0 0px 0 #fff;
	line-height: 30px;
}

form#login .btn.btn-default.btn-loginwithgoogleplus:hover, form#login .btn.btn-default.btn-loginwithgoogleplus:active,
	form#login .btn.btn-default.btn-loginwithgoogleplus:focus {
	background-color: #D14529;
	color: #FFFFFF;
	text-shadow: 0 0px 0 #fff;
}

form#login .btn.btn-default.btn-loginwithgoogleplus .icon {
	background-image: url(../../img/icon/google-login.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 31px;
	border-right: 1px solid #FFFFFF;
	background-position: center;
}

.btn.btn-default.btn-iamsmart:hover, form#login .btn.btn-default.btn-iamsmart:active,
	.btn.btn-default.btn-iamsmart:focus {
	background-color: #225c51;
	color: #FFFFFF;
	text-shadow: 0 0px 0 #fff;
}

.btn.btn-default.btn-iamsmart {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	background-color: #2B7366;
	color: #FFFFFF;
	text-shadow: 0 0px 0 #fff;
	line-height: 30px;
}

.btn.btn-default.btn-iamsmart .icon {
	background-image: url(../../img/icon/iamsmart-login.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 31px;
	background-position: center
}

.tagIcon {
	background-image: url(../../img/icon/iamsmart-tag.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 38px;
	background-position: center;
	flex-basis: 5%;
	visibility: hidden;
}

.descTagIcon {
	background-image: url(../../img/icon/iamsmart-tag.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 22px;
	background-position: center;
	flex-basis: 5%;
}

.descText {
	margin-top: 2px;
}

#iamsmartElement:after {
	content: "";
	display: table;
	clear: both;
}

#iamsmartButton {
	display: flex;
	flex-wrap: wrap;
}

#iAmSmartMoreInfo {
	align-self: flex-end;
}

#iamsmartTag {
	display: flex;
}

#iAmSmartDesc {
	display: flex;
}

form#login .social a {
	display: inline-block;
	width: 100%;
}

form#login .social a+a {
	margin-top: 10px;
}

/* login - end */

/* registration - start */
form .company h4 {
	font-weight: 600;
	margin-bottom: 30px;
}

form .individual h4 {
	font-weight: 600;
	margin-bottom: 30px;
}

form .help-block {
	font-size: 12px;
	font-weight: 300;
	font-style: italic;
	color: #555555;
	margin-bottom: 0px;
}

form#registrationForm .addressLine {
	margin-bottom: 5px;
}

form#registrationForm .file-upload-hidden {
	display: none !important;
}

form#registrationForm .btn-refresh {
	
}

form#registrationForm .btn-refresh:hover, form#registration .btn-refresh:active,
	form#registrationForm .btn-refresh:focus {
	cursor: pointer;
}

form#registrationForm .declare-note {
	margin-top: 0px;
}

form#registrationForm .declare-note #chkTermsAndConditionErrorMsgDiv {
	padding-top: 4px;
}

form#registrationForm .declare-note #chkPersonalDataCollectErrorMsgDiv {
	padding-top: 4px;
}

form#registrationForm .declare-note label>a {
	cursor: pointer;
}

form#registrationForm .declare-note label>a {
	cursor: pointer;
}

form#registrationForm .error-msg {
	color: red;
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 20px;
}

form#registrationForm #companySupportDocInputDiv label {
	height: 42px;
}

form#registrationForm #applyALSUserDocInputDiv label {
	height: 42px;
}

form#registrationForm #applyDiscountOfferDocInputDiv label {
	height: 42px;
}

form#registrationForm #applyAcademicUseDocInputDiv label {
	height: 42px;
}

#termAndConditionModal .dialog-content {
	margin-bottom: 10px;
}

#personalDataCollectModal .dialog-content {
	margin-bottom: 24px;
}

/* registration - end */

/* confirm account - start */
#confirmAccForm {
	padding-top: 25px;
}

#confirmAccForm .form {
	background-color: #f0f0ee;
	padding: 30px;
	border-radius: 10px;
}

#confirmAccForm .form .form-title {
	color: #53b54f;
	font-size: 20px;
	font-weight: 600;
}

#confirmAccForm .btn.btn-default {
	width: 100%;
	padding: 10px;
}

#confirmAccForm .separate-border {
	min-height: 250px;
	border-right: 1px solid #f0f0ee;
	margin-top: 54px;
}

#confirmAccForm .sendAuthCodeMsgDiv, #confirmAccForm .confirmAccMsgDiv {
	color: red;
	font-weight: 600;
}

/* confirm account - end */

/* map-search - start */
.affix {
	top: 20px;
}

#notice {
	z-index: 150 !important;
	opacity: 0.85;
	filter: alpha(opacity = 85); /* For IE8 and earlier */
	color: white;
	/* modify alert class */
	margin-bottom: inherit;
	border-radius: inherit;
}

#notice .close {
	opacity: 0.5;
	filter: alpha(opacity = 50); /* For IE8 and earlier */
	color: white;
}

#notice .close:hover {
	opacity: 1;
	filter: alpha(opacity = 100); /* For IE8 and earlier */
}

#notice.danger {
	background-color: #ff4444;
	border-color: #cc0000;
}

#notice.warning {
	background-color: #ffbb33;
	border-color: #ff8800;
	color: #555555;
}

#notice.success {
	background-color: #00C851;
	border-color: #007e33;
}

#notice.info {
	background-color: #33b5e5;
	border-color: #0099cc;
}

#btnProdInfoSampleDataDownload, #multiAddCartTopoMapSampleDataList {
	padding: 10px 15px;
}

.prodInfoDigitalProdSampleData label,
	.multiAddCartDialogDigitalProdSampleData label {
	margin: 13px 0;
	font-weight: bold;
}

.titleButton.maximize {
	display: none !important;
}

.aerialPhotoInfoWindowTitle {
	font-weight: bold;
}

#searchOverlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: grey;
	opacity: 0.7;
	z-index: 999999;
	text-align: center;
}

.searchLoader {
	position: fixed;
	top: 45vh;
	left: 45vw;
	width: 120px;
	height: 120px;
	border: 10px solid #f3f3f3; /*others*/
	border-top: 10px solid #00ff00; /*moving part*/
	border-radius: 50%;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.hourglass-spin {
	position: fixed;
	top: 45vh;
	left: 45vw;
	width: 120px;
	height: 120px;
}

.hourglass-spin .fa-hourglass-end {
	animation-delay: 1s;
	animation: showhideend 1.5s steps(1) infinite;
	opacity: 0;
}

.hourglass-spin .fa-hourglass-half {
	animation-delay: 0.5s;
	animation: showhidehalf 1.5s steps(1) infinite;
	opacity: 0;
}

.hourglass-spin .fa-hourglass-start {
	animation-delay: 0s;
	animation: showhidestart 1.5s steps(1) infinite;
	opacity: 0;
}

.hourglass-spin .fa-hourglass-end:before, .hourglass-spin .fa-hourglass-start:before,
	.hourglass-spin .fa-hourglass-half:before {
	font-size: 125px;
	color: black;
}

.hourglass-spin .fa-hourglass-end.spin {
	animation: showhidespin 1.5s linear infinite;
}

#searchOverlay .fa-spinner {
	font-size: 20em !important;
	top: calc(50% - 0.5em);
	color: #04607e;
	opacity: 1;
}

#searchOverlay #loadingText {
	opacity: 1;
	font-size: 35px;
	color: #04607e;
	position: absolute;
	left: calc(50% - 1.7em);
	top: calc(50% - 0.5em);
}

@keyframes showhidestart {
	0% { opacity: 1; }
	20% { opacity: 0; }
}

@keyframes showhidehalf {
	0% { opacity: 0; }
	20% { opacity: 1; }
	40% { opacity: 0; }
}

@keyframes showhideend {
	0% { opacity: 0; }
	40% { opacity: 1; }
	60% { opacity: 0; }
}

@keyframes showhidespin {
	0% { opacity: 0; }
	59.999999% { opacity: 1; }
	60% { opacity: 1; transform: rotate(0deg); }
	100% { opacity: 1; transform: rotate(180deg); }
}

@-webkit-keyframes showhidestart {
	0% { opacity: 1; }
	20% { opacity: 0; }
}

@-webkit-keyframes showhidehalf {
	0% { opacity: 0; }
	20% { opacity: 1; }
	40% { opacity: 0; }
}

@-webkit-keyframes showhideend {
	0% { opacity: 0; }
	40% { opacity: 1; }
	60% { opacity: 0; }
}

@-webkit-keyframes showhidespin {
	0% { opacity: 0; }
	59.999999% { opacity: 1; }
	60% { opacity: 1; -webkit-transform: rotate(0deg); }
	100% { opacity: 1; -webkit-transform: rotate(180deg); }
}

/* map style - start */
.ovwShow {
	background: url("/OneStopSystem/resources/img/map/off/collapse.png") 0 0
		!important;
	width: 26px !important;
	height: 26px !important;
}

.ovwHide {
	background: url('/OneStopSystem/resources/img/map/on/collapse.png') 0 0
		!important;
	width: 26px !important;
	height: 26px !important;
}

#mapZoomOut {
	position: absolute;
	right: 19px;
	top: 50px;
	width: 26px;
	height: 26px;
	background: url('/OneStopSystem/resources/img/map/sliderZoomOut.png') 0
		0;
}

#zoomLayer1 {
	position: absolute;
	right: 19px;
	top: 80px;
	width: 26px;
	height: 26px;
	background: url('/OneStopSystem/resources/img/map/on/1.png') 0 0;
}

#zoomLayer2 {
	position: absolute;
	right: 19px;
	top: 106px;
	width: 26px;
	height: 26px;
	background: url('/OneStopSystem/resources/img/map/off/2.png') 0 0;
}

#zoomLayer3 {
	position: absolute;
	right: 19px;
	top: 132px;
	width: 26px;
	height: 26px;
	background: url('/OneStopSystem/resources/img/map/off/3.png') 0 0;
}

#zoomLayer4 {
	position: absolute;
	right: 19px;
	top: 158px;
	width: 26px;
	height: 26px;
	background: url('/OneStopSystem/resources/img/map/off/4.png') 0 0;
}

#zoomLayer5 {
	position: absolute;
	right: 19px;
	top: 184px;
	width: 26px;
	height: 26px;
	background: url('/OneStopSystem/resources/img/map/off/5.png') 0 0;
}

#zoomLayer6 {
	position: absolute;
	right: 19px;
	top: 210px;
	width: 26px;
	height: 26px;
	background: url('/OneStopSystem/resources/img/map/off/6.png') 0 0;
}

#zoomLayer7 {
	position: absolute;
	right: 19px;
	top: 236px;
	width: 26px;
	height: 26px;
	background: url('/OneStopSystem/resources/img/map/off/7.png') 0 0;
}

#zoomLayer8 {
	position: absolute;
	right: 19px;
	top: 262px;
	width: 26px;
	height: 26px;
	background: url('/OneStopSystem/resources/img/map/off/8.png') 0 0;
}

#zoomLayer9 {
	position: absolute;
	right: 19px;
	top: 288px;
	width: 26px;
	height: 26px;
	background: url('/OneStopSystem/resources/img/map/off/9.png') 0 0;
}

#mapZoomIn {
	position: absolute;
	right: 19px;
	top: 318px;
	width: 26px;
	height: 26px;
	background: url('/OneStopSystem/resources/img/map/sliderZoomIn.png') 0 0;
}

#mapPan {
	position: absolute;
	right: 19px;
	top: 366px;
	width: 26px;
	height: 26px;
	background: url('/OneStopSystem/resources/img/map/on/move.png') 0 0;
}

#mapAreaZoomIn {
	position: absolute;
	right: 19px;
	top: 396px;
	width: 26px;
	height: 26px;
	background: url('/OneStopSystem/resources/img/map/off/zoomIn.png') 0 0;
}

#mapAreaZoomOut {
	position: absolute;
	right: 19px;
	top: 426px;
	width: 26px;
	height: 26px;
	background: url('/OneStopSystem/resources/img/map/off/zoomOut.png') 0 0;
}

#mapPrint {
	position: absolute;
	right: 19px;
	top: 476px;
	width: 26px;
	height: 26px;
	background: url('/OneStopSystem/resources/img/map/mapPrint.png') 0 0;
}

#mapPrintFinsih {
	position: absolute;
	right: 45px;
	top: 476px;
}

#mapRefresh {
	position: absolute;
	right: 19px;
	top: 474px;
	width: 26px;
	height: 26px;
	background: url('/OneStopSystem/resources/img/map/mapRefresh.png') 0 0;
}

#mapZoomBack {
	position: absolute;
	right: 19px;
	top: 505px;
	width: 26px;
	height: 26px;
	background: url('/OneStopSystem/resources/img/map/mapZoomback.png') 0 0;
}

/*#mapLocateSmallLot {
	position: absolute;
	right: 19px;
	top: 536px;
	width: 26px;
	height: 26px;
	background: url('/OneStopSystem/resources/img/map/off/sharp.png') 0 0;
}*/
#mapPointerCoor {
	position: absolute;
	padding: 4px;
	left: 18px;
	bottom: 25px;
	text-align: justify;
	background: rgba(255, 255, 255, 0.6);
}

.scalebar_bottom-left {
	bottom: 50px !important;
}

#mapDisclaimer {
	position: absolute;
	padding: 4px;
	right: 18px;
	bottom: 36px;
	width: 300px;
	text-align: justify;
	background: rgba(255, 255, 255, 0.6)
}

#mapDisclaimer a {
	display: inline;
}

#dapRemark {
	padding: 4px;
	text-align: justify;
	border: 2px solid #114B5F;
	border-radius: 2px;
}

#dapRemark span {
	font-style: italic;
}

div.esriPopupWrapper .zoomTo {
	display: none;
}

#aerialPhotoInfoBox {
	cursor: pointer;
}
/* map style - end */
#legendDivControl {
	position: absolute;
	top: 26px;
	right: 15px;
	z-index: 100;
	width: 330px;
	background-color: rgba(242, 242, 242, 0.8);
	color: #426A72;
	border-style: solid;
	border-color: black;
	border-radius: 4px;
	text-align: left;
	padding: 2px 14px;
	display: none;
}

#searchResult .btn-sorting {
	position: absolute;
	z-index: 1;
	right: 18px;
	top: 8px;
	border: 0;
	background-color: transparent;
	padding: 4px 10px;
}

#search-list {
	position: relative;
	/*padding-bottom: 100px;*/
	overflow: hidden;
	min-height: 800px;
	padding-bottom: 50px;
}

#search-list .toolbar {
	padding: 2px 8px 2px 0px;
	text-align: right;
}

#search-list .toolbar a {
	/*margin-left: 10px;*/
	cursor: pointer;
}

#search-list .btn-swipe {
	display: none;
	position: fixed;
	bottom: 20px;
	z-index: 10;
	padding: 15px;
	background-color: rgba(255, 255, 255, 0.7);
	border-radius: 50%;
	box-shadow: 0px 0px 10px #222;
	right: 20px;
}

#search-list #map-search button.menu {
	display: none;
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 2;
}

#search-list #map-search button.btn-hide-map {
	display: none;
}

#search-list .multiple-menu .level2>li>a.disable-cat {
	color: #939393;
	cursor: default;
}

.tooltip-inner {
	text-align: left;
	max-width: 350px;
}

#search-list .btn-swipe {
	display: none;
	position: fixed;
	bottom: 20px;
	z-index: 10;
	padding: 15px;
	background-color: rgba(255, 255, 255, 0.7);
	border-radius: 50%;
	box-shadow: 0px 0px 10px #222;
	right: 20px;
}

#search-list .multiple-menu .level2>li>a.disable-cat {
	color: #939393;
	cursor: default;
}

.multiple-menu .locationPoint {
	line-height: 20px;
	padding-left: 30px;
	font-style: italic;
	font-size: 15px;
	color: #5e5e5e;
	cursor: pointer;
}

.multiLotLocationPoint {
	line-height: 20px;
	padding-left: 30px;
	font-style: italic;
	font-size: 15px;
	width: 100%;
}

.multiple-menu .locationPoint>a:before {
	content: "\f0da";
	font-family: 'FontAwesome';
	margin-right: 20px;
	position: absolute;
	left: -20px;
}

#keyword-search-tooltip, #multiLotSearch-keyword-search-tooltip {
	float: left;
	margin: 10px 3px;
	max-width: 350px;
	font-size: 1.2em;
}

.glyphicon-info-sign, .glyphicon-question-sign {
	cursor: pointer;
}

#select-file-tooltip+.tooltip>.tooltip-inner {
	left: 150px;
	text-align: left;
}

#keyword-search-tooltip+.tooltip>.tooltip-inner {
	text-align: left;
	max-width: 350px;
	left: 155px;
}

#multiLotSearch-keyword-search-tooltip+.tooltip>.tooltip-inner {
	left: 40%;
	text-align: left;
}

.advance-search-tooltip+.tooltip>.tooltip-arrow {
	left: 90%;
}

.advance-search-tooltip {
	position: absolute;
	margin-top: 0.5em;
	right: 15px;
	z-index: 1;
	font-size: 1.2em;
}

.lipno-pattern-tooltip {
	position: absolute;
	margin-top: 0.5em;
	z-index: 1;
	font-size: 1.2em;
}

#search-list .form-group label, #search-list .form-horizontal label {
	padding-bottom: 5px;
}

#boundaryStoneBookGroup {
	padding-left: 30px;
}

#lotRecordBookGroup {
	padding-left: 30px;
}

.map-lip-officer, .seamless-aoi-dialog {
	/*display: none;*/
	position: absolute;
	right: 0px;
	top: 0px;
	background-color: rgba(169, 166, 166, 0.71);
	padding: 20px;
	width: 400px;
	z-index: 1;
}

.map-lip-public {
	/*display: none;*/
	position: absolute;
	right: 0px;
	background-color: rgba(169, 166, 166, 0.71);
	padding: 20px;
	width: 400px;
	z-index: 31;
}

#mapLabelSearchProd {
	margin-right: 10px;
}

#mapLabelBtnClose {
	padding-left: 20px;
}

#mapLabelBtnClose, #mapLabelSearchProd {
	height: 40px;
	width: 80px;
}

.seamless-aoi-dialog .board {
	background-color: #f2f2f2;
	padding: 2px 0px;
}

.seamless-aoi-dialog .board .form-horizontal {
	margin-top: 3px;
}

.seamless-aoi-dialog .board .form-horizontal .form-group {
	margin-left: 3px;
}

.map-lip-public .glyphicon-remove, .map-lip-officer .glyphicon-remove,
	.seamless-aoi-dialog .glyphicon-remove {
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
}

.map-lip-public .form-group, .map-lip-officer .form-group,
	.seamless-aoi-dialog .form-group {
	margin-bottom: 5px;
}

.map-lip-public .form-group label, .map-lip-officer .form-group label,
	.seamless-aoi-dialog label {
	width: 120px;
	text-align: left;
}

.map-lip-public .form-group select, .map-lip-public .form-group input,
	.map-lip-officer .form-group select, .map-lip-officer .form-group input,
	.seamless-aoi-dialog  .form-group select, .seamless-aoi-dialog .form-group input {
	width: 150px;
	height: auto;
}

.map-lip-public table, .map-lip-officer table, .seamless-aoi-dialog table {
	border: 1px solid #bdbdbd;
	width: 100%;
}

.map-lip-public table tr, .map-lip-officer table tr,
	.seamless-aoi-dialog table tr {
	background-color: #f2f2f2;
}

.map-lip-public table td, .map-lip-officer table td,
	.seamless-aoi-dialog table td {
	padding: 10px;
	white-space: nowrap;
}

/*.map-multiple-input-search-dialog,*/
.map-lot-info {
	position: absolute;
	margin: 0 auto;
	top: 10px;
	left: 10px;
	background-color: rgba(169, 166, 166, 0.8);
	padding: 10px 30px;
	z-index: 101;
	width: 80%;
	z-index: 1;
}

/*.map-multiple-input-search-dialog .title,*/
.map-lot-info .title {
	font-size: 18px;
	font-weight: bold;
}

.map-lot-info .row {
	padding: 2px;
	margin-left: 0;
	margin-right: 0;
}

.map-lot-info .detail {
	font-weight: bold;
}

.map-lot-info .detail a:hover, .map-lot-info .detail a:focus {
	cursor: pointer;
}

.map-lot-info .sub-title {
	background-color: #fff;
	text-align: center;
	color: #8e8e8e;
	padding: 2px 0px;
}

.map-lot-info #btnLotProdInfo:hover {
	cursor: pointer;
}

.map-lot-info #btnLotProdInfo-R:hover {
	cursor: pointer;
}

.map-lot-info .lot-info-detail {
	background-color: #fAfAfA;
}

.map-lot-info .lot-prod-info {
	max-height: 50vh;
	overflow-y: auto;
	overflow-x: hidden;
}

.map-lot-info .lot-prod-info .odd {
	background-color: #dddddd;
}

.map-lot-info .lot-prod-info .even {
	background-color: #fAfAfA;
}

.map-lot-info .lot-prod-info-R {
	max-height: 50vh;
	overflow-y: auto;
	overflow-x: hidden;
}

.map-lot-info .lot-prod-info-R .odd {
	background-color: #dddddd;
}

.map-lot-info .lot-prod-info-R .even {
	background-color: #fAfAfA;
}

.overlay-product-wrapper {
	display: none;
	background-color: rgba(230, 230, 230, 0.8);
	padding: 20px;
	padding-top: 35px;
	max-height: 100%;
	overflow-y: auto;
	padding-bottom: 5px;
}

.overlay-product-wrapper .btn-toggle-result {
	font-size: 15px;
	padding: 7px;
	position: absolute;
	top: 5px;
	right: 5px;
	background-color: #e6e5e5;
	border: 1px solid #d8d8d8;
	border-radius: 3px;
}

.selectAllProductInList {
	z-index: 999;
}

.overlay-product-wrapper {
	padding-top: 30px;
}

.overlay-product-wrapper .product-list-option {
	padding-top: 5px;
	border-top: 1px solid #cecece;
	margin-top: 5px;
	height: 100%;
	z-index: 100;
	padding-bottom: 20px;
}

.overlay-product-wrapper .product-list .item  {
	width: 100%;
	margin-bottom: 5px;
}

.overlay-product-wrapper .product-list .item+.item {
	margin: 8px 0px;
}

.overlay-product-wrapper .product-list .item .hover-img {
	width: 100%;
	display: inline-block;
	margin-right: 5px;
}

.overlay-product-wrapper .product-list .item .hover-img img {
	display: none;
}

.overlay-product-wrapper .product-list .item .detail {
	display: block;
	vertical-align: top;
	font-size: 14px;
}

.overlay-product-wrapper .product-list .item table tr td:first-child {
	padding-right: 10px;
}

.overlay-product-wrapper .product-list .item table tr td:nth-child(2),
	.overlay-product-wrapper .product-list .item table tr td.bold {
	font-weight: bold;
}

.overlay-product-wrapper .product-list .item .btn-view-more {
	z-index: 1;
	display: none;
	/*margin: 0px;*/
	padding: 5px 10px;
	font-size: 12px;
	/*position: absolute;*/
	/*bottom: -19px;*/
	/*right: 0px;*/
}

#search-list .product-wrapper {
	display: none;
}

#search-list .product-wrapper.opened {
	position: relative;
	top: 0px;
}

#search-list .product-wrapper .product-checkbox {
	position: absolute;
	top: 6px;
	left: 23px;
	z-index: 2;
}

#search-list .product-wrapper .item {
	min-height: 400px;
	position: relative;
	margin-bottom: 45px;
	border: 1px solid #e1e1e1;
	padding: 20px;
	border-radius: 10px;
}

#search-list .product-wrapper .item input[type="checkbox"] {
	position: absolute;
	top: 0px;
	left: 4px;
	z-index: 1;
	height: 20px;
	width: 20px;
}

.product-list .item .hover-img input[type="checkbox"] {
	position: absolute;
	top: 0px;
	left: 17px;
}

#search-list .product-wrapper .item:hover {
	-webkit-box-shadow: 0px 0px 5px 5px #e1e1e1;
	-moz-box-shadow: 0px 0px 5px 5px #e1e1e1;
	box-shadow: 0px 0px 5px 5px #e1e1e1;
}

#search-list .product-wrapper .item:hover .hover-img {
	background-color: rgba(0, 0, 0, 0.5);
}

#search-list .product-wrapper .item:hover .hover-img img {
	z-index: -1;
}

#search-list .product-wrapper .item:hover .hover-img .view-btn {
	display: block;
}

#search-list .product-wrapper .item:hover .hover-img .view-btn i  {
	display: block;
	font-size: 25px !important;
	margin-bottom: 15px;
	color: #fff;
}

#search-list .product-wrapper .item:hover .hover-img .view-btn span  {
	color: #fff;
}

#search-list .product-wrapper .item .view-btn {
	display: none;
}

#search-list .product-wrapper .item .product-name {
	font-size: 15px;
	color: #555555;
	margin-top: 30px;
}

#search-list .product-wrapper .item .product-price {
	font-size: 15px;
	color: #555555;
	margin-top: 10px;
}

#search-list .product-wrapper .item a.btn {
	margin-top: 20px;
	margin-bottom: 6px;
}

#search-list #map-search-detail .product-wrapper {
	display: block;
	position: relative;
	top: 0;
}

#search-list .menu input.form-control, #search-list .menu select.form-control,
	#multiLotDialog input.form-control {
	height: inherit !important;
}

#search-list .menu .btn-advance-search {
	font-size: 14px;
	margin-top: 5px;
}

/* #search-list .menu .btn-clear-search {
 	font-size: 14px;
	position: absolute;
	right: 45px;
    color: #6c6d70;
	z-index: 3;
	border: 0px !important;
	top: 1px;
	line-height: 29px;
	outline: none;
}

#search-list .menu .btn-clear-search:hover{
	cursor: pointer;
} 

.btn-multiLotSearch-clear-search {
	font-size: 14px;
	position: absolute;
	right: 45px;
    color: #6c6d70;
	z-index: 3;
	border: 0px !important;
	top: 1px;
	line-height: 29px;
	outline: none;
}

.btn-multiLotSearch-clear-search:hover{
	cursor: pointer;
}*/

#search-list .menu .btn-default:hover, #search-list .menu .btn-default:active,
	#search-list .menu .btn-default:focus {
	background-color: transparent;
	outline: transparent;
	border-color: #cccccc;
}

#search-list .menu .btn-default .glyphicon {
	color: #6c6d70;
}

#search-list .menu .advancedSearch {
	margin-top: 20px;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 15px 10px 0px 10px;
	padding-top: 0;
}

#search-list .menu .advancedSearch #advance-btn {
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 14px;
	color: #555555;
}

#search-list .menu .advancedSearch #advance-btn:after {
	content: "\f0d7";
	position: absolute;
	font-size: 12px !important;
	font-family: FontAwesome !important;
	top: 10px;
	right: 0;
}

#search-list .menu .advancedSearch #advance-cell .choice {
	margin-bottom: 15px;
}

#search-list .menu .advancedSearch #advance-cell .choice.number select.form-control {
	width: auto;
	display: inline-block;
}

#search-list .menu .advancedSearch #advance-cell .choice.number span.line {
	display: inline-block;
}

#search-list .menu .advancedSearch #advance-cell .choice span {
	display: block;
	font-size: 15px;
	color: #555555;
	margin-bottom: 10px;
}

#search-list .menu .nav>li>a {
	padding: 2px 10px;
}

#search-list .menu .nav>li.active>a {
	background-color: #f5f5f5;
	font-weight: bold;
}

#search-list .menu .cate-menu {
	margin-top: 0px;
	background-color: #f5f5f5;
	padding: 10px 0px;
}

#search-list .menu .cate-menu h2 {
	font-size: 18px;
	color: #414141;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}

#search-list .menu .cate-menu h2 a {
	font-size: 12px;
}

/*#search-list .menu .cate-menu>div {
	 margin-bottom: 50px; 
}*/

#search-list .menu .cate-menu>div h2 {
	margin-left: 15px;
	margin-right: 15px;
}

#search-list .menu .cate-menu>div ul.level1>li {
	padding-left: 15px;
	padding-right: 35px;
}

#search-list .menu .cate-menu #locationMultupleMenu {
	display: none;
}

#search-list .menu .search-detail {
	background-color: #f5f5f5;
	position: absolute;
	left: 100%;
	margin-left: 15px;
	z-index: 999;
	top: 0;
	padding: 20px;
}

#search-list .menu .search-detail>li a {
	padding: 10px 15px;
}

#search-list button#openMap {
	background-color: #dbdbdb;
	color: #5e5e5e;
	font-size: 16px;
	padding: 10px;
	display: none;
	width: 100%;
	margin-bottom: 15px;
}

#search-list .multiple-menu .level2>li>a  {
	line-height: 20px;
}

#search-list .multiple-menu .level1>li>a {
	font-weight: bold;
}

.multiple-menu a {
	display: block;
	padding: 10px 0;
	color: black;
}

.multiple-menu .level1>li.active {
	background-color: #ebebeb;
}

.multiple-menu .level1>li a {
	font-size: 15px;
	color: #5e5e5e;
	cursor: pointer;
}

.multiple-menu .level1>li a span {
	float: right;
}

.multiple-menu .level1>li a.active {
	font-weight: bold;
	color: #388538;
}

.multiple-menu .level2 {
	display: none;
}

.multiple-menu .level2 form {
	margin-top: 15px;
	margin-bottom: 15px;
}

.multiple-menu .level2 form .form-group {
	margin-bottom: 15px;
}

.multiple-menu .level2 form .checkbox {
	margin-top: 0px;
}

.multiple-menu .level2>li>a {
	padding-left: 30px;
	font-style: italic;
	font-size: 15px;
}

.multiple-menu .level2>li>a.active {
	font-weight: bold;
}

.multiple-menu .level2>li>a:before {
	content: "\f0da";
	font-family: 'FontAwesome';
	margin-right: 20px;
	position: absolute;
	left: 10px;
}

.multiple-menu .level3 {
	display: none;
}

.multiple-menu .level3 form {
	margin-top: 15px;
	margin-bottom: 15px;
}

.multiple-menu .level3 form .form-group {
	margin-bottom: 15px;
}

.multiple-menu .level3 form .checkbox {
	margin-top: 0px;
}

.multiple-menu .level3>li a {
	font-size: 15px;
	padding: 5px 0;
	padding-left: 45px;
	font-style: italic;
}

.multiple-menu .level3>li a.active {
	font-weight: bold;
}

#searchResult .product-list-sort {
	position: absolute;
	z-index: 1;
	font-size: 14px;
	width: 95%;
	left: 18px;
	top: 8px;
}

#searchResult .product-list-sort-dir {
	position: absolute;
	z-index: 1;
	font-size: 14px;
	width: 80%;
	left: 18px;
	top: 8px;
}

#searchResult .map-overlay {
	display: none;
}

#SDTMDetail .bootstrap-filestyle label {
	padding: 6px 10px;
}

#SDTMDetail a[action="displaySDTM"] {
	margin-top: 15px;
}

.overlay-product-wrapper {
	display: none;
	background-color: rgba(230, 230, 230, 0.8);
	padding: 20px;
	padding-top: 35px;
	max-height: 100%;
	overflow-y: auto;
	padding-bottom: 5px;
}

.overlay-product-wrapper .btn-toggle-result {
	font-size: 15px;
	padding: 7px;
	position: absolute;
	top: 5px;
	right: 5px;
	background-color: #e6e5e5;
	border: 1px solid #d8d8d8;
	border-radius: 3px;
}

.modal-header {
	background-color: #337ab7;
}

.modal-header-iAmSmart {
	background-color: #2B7366;
}

#productDialog>.modal-dialog {
	width: 70%;
	min-width: 320px;
}

#productDialog_NCAP>.modal-dialog {
	width: 70%;
	min-width: 320px;
}

#ncapPointInfoBtnClose {
	width: 70px;
	height: 30px;
	padding: 6px 12px;
	margin-bottom: 0px;
}

.modal-dialog .close {
	color: #fff;
}

.modal-dialog .modal-title {
	color: #fff;
	display: inline-block;
	font-size: 16px;
}

#product-detail .tbn table, .product-detail .tbn table {
	display: none;
}

#product-detail .tbn table td, .product-detail .tbn table td {
	text-align: left;
	border: 1px solid #d4d4d4;
	padding: 2px;
}

#product-detail .productName, .product-detail .productName {
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 18px;
}

#product-detail .price, .product-detail .price {
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 25px;
}

#product-detail p, .product-detail p {
	margin-bottom: 15px;
	font-size: 15px;
}

#product-detail form .form-control, .product-detail form .form-control {
	height: auto !important;
	padding: 3px 5px;
	display: inline-block;
	min-width: 250px;
	width: 250px;
}

#product-detail form .form-group, .product-detail form .form-group {
	margin-bottom: 5px;
}

#product-detail form label, .product-detail form label,
	#prodInfoBottomRemarkGroup label, #prodInfoDisclaimerFASGroup label {
	margin-bottom: 5px;
	font-weight: bold;
	width: 150px;
	vertical-align: middle;
}

#prodInfoDisclaimerLRBGroup label {
	font-size: 14px !important;
	margin-bottom: 5px;
	font-weight: bold;
	width: 150px;
	vertical-align: middle;
}

#prodInfoBottomRemark span {
	color: #125039;
}

#prodInfoDisclaimerLRB{
	font-size: 12px !important;
}

#prodInfoDisclaimerFAS span{
	color: #125039;
}

#prodInfoBSBIndexGroup {
	height: 480px;
	overflow-y: auto;
	margin-bottom: 10px;
}

#prodInfoBSBIndex {
	display: table;
	width: 100%;
}

#prodInfoBSBIndex tr:first-child td {
	font-weight: bold;
	background: #F0F0F0;
}

#prodInfoBSBIndex strong {
	background-color: yellow;
	display: inline-block;
}

#prodInfoBSBSearchResult {
	text-align: left;
}

#prodInfoBSBSearchResult strong {
	font-weight: bold;
}

#prodInfoBSBIndexBtn {
	float: right;
	margin-top: -30px;
}

#product-detail form label.qty, .product-detail form label.qty {
	float: left;
	line-height: 42px;
}

.product-detail form .spinner.input-group .input-group-addon .spin-down,
	.product-detail form .spinner.input-group .input-group-addon .spin-up {
	height: initial;
	width: initial;
	padding-top: 5px;
}

.product-detail form .form-control#displayQty {
	width: 200px;
	min-width: 200px;
}

#product-detail form button, .product-detail form button {
	font-size: 15px;
	background-color: #ccc;
	color: #5e5e5e;
}

#product-detail form select, .product-detail form select {
	width: 100px;
}

.product-detail .social {
	padding-left: 14px;
	color: #555555;
	/* font: normal normal normal 20px/1 FontAwesome !important; top: -2px; */
}

.product-detail .social .fa.fa-share-alt, .product-detail .fa.fa-link {
	font-size: 30px !important;
}

.product-detail .fa.fa-link {
	cursor: pointer;
}

.product-detail .social .icon-wrapper {
	display: none;
	position: absolute;
	left: -5px;
	background-color: #FFF;
	min-width: 104px;
	height: 35px;
	box-shadow: 0px -1px 16px #d4d4d4;
	z-index: 10;
	border-radius: 10px;
	padding-left: 2px;
}

.product-detail .social .icon-wrapper:before {
	position: absolute;
	display: inline-block;
	left: 0px;
	top: 0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7.5px 7px 7.5px;
	border-color: transparent transparent #ffffff transparent;
	border-radius: 10px;
}

.product-detail .social:hover .icon-wrapper {
	display: inline-block;
}

.product-detail .social:before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 100px 100px 100px;
	border-color: transparent transparent #ffffff transparent;
	display: none;
}

.product-detail-loading {
	min-height: 200px;
	display: none;
}

#product-detail-loading-text {
	width: 100%;
	text-align: center;
}

.multiLotEg {
	margin-bottom: 3px;
}

#portionEnlargementDialog #canvasParentDiv {
	vertical-align: middle;
	text-align: center;
	min-height: 400px;
}

#portionEnlargementDialog #addCartFailedMsg {
	color: red;
}

#portionEnlargementDialog #btnMapSearch {
	width: auto;
}

#portionEnlargementDialog .modal-body {
	max-height: 85vh;
	overflow-x: hidden;
	overflow-y: auto;
}
/* map-search - end */

/* shopping cart - start */
#cart .clearAll {
	margin-bottom: 30px;
	text-align: right;
}

#cart .clearAll button {
	font-size: 18px;
	width: 150px;
	background-color: #dbdbdb;
}

#cart .cart-total .btn-checkout {
	margin-top: 20px;
	text-align: right;
	color: #414141;
	padding: 6px 8px;
}

#cart .cart-total button {
	font-size: 18px;
	background-color: #dbdbdb;
	padding: 6px 20px;
}

#cart #cart-table {
	width: 100% !Important;
}

#cart table.dataTable {
	clear: both;
	margin-top: 6px !important;
	margin-bottom: 6px !important;
	max-width: none !important;
	border-collapse: collapse !important;;
	border: 1px solid #ddd;
}

#cart table#cart-table thead th {
	vertical-align: middle;
	color: #555555;
	background-color: #f5f6f1;
}

#cart table#cart-table tbody td {
	vertical-align: middle;
	color: #555555;
}

#cart .table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
	border-bottom-width: 0px;
}

#cart table#cart-table tbody td:first-child {
	min-width: 345px;
}

#cart table#cart-table tbody td:nth-child(2) {
	border-left: 0;
}

#cart table#cart-table tbody td span.title {
	display: inline-block;
	width: 40%;
	vertical-align: top;
	line-height: 20px;
	margin-bottom: 2px;
}

#cart table#cart-table tbody td span.detail {
	display: inline-block;
	margin-left: 3px;
	width: 58%;
	vertical-align: top;
	margin-bottom: 2px;
	line-height: 20px;
	font-weight: bold;
	word-wrap: break-word;
}

#cart table#cart-table tbody td>div {
	line-height: 30px;
}

#cart table#cart-table tbody td .spinner {
	width: 90px;
}

#cart .cart-product-detail .warning-item {
	color: red;
	font-weight: bold;
}

#cart table#cart-table tbody td>div {
	line-height: 30px;
}

#cart table#cart-table tbody .btn-remove {
	margin-left: 5px;
	position: absolute;
	right: 1px;
	bottom: 1px;
	padding: 6px 13px;
}

#cart table#cart-table tbody .btn-remove i {
	font-size: 25px !important
}

#cart table.cart tbody .thumbnail {
	border: 0px;
	background-color: transparent;
	text-align: center;
}

#cart table.cart tbody .thumbnail img {
	width: 100%;
}

#printBtn>.btn {
	background-color: #FFF !important;
}

#printBtn>.btn:hover {
	background-color: buttonface !important;
}

div.dataTables_wrapper div.dataTables_paginate {
	margin-top: 20px !important;
	text-align: center !important;
}

.pagination>li>a, #cart .pagination>li>span {
	color: #388538;
	padding: 3px 6px;
}

.pagination>.active>a, #cart .pagination>.active>span, .pagination>.active>a:hover,
	.pagination>.active>span:hover, .pagination>.active>a:focus,
	.pagination>.active>span:focus {
	background-color: #388538;
	border-color: #ddd;
	color: #fff;
	outline: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	padding: 0px;
	margin-left: 5px;
	display: inline-block;
	border: 0px;
	outline: none !important;
}

#product-list .dataTables_wrapper .dataTables_paginate .paginate_button {
	padding: 0px;
	margin-left: 0px;
	display: inline-block;
	border: 0px;
	outline: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	outline: none !important;
}

#cart #productDetailModal .modal-header {
	background-color: #337ab7;
	color: #fff;
}

#cart #productDetailModal .close {
	float: right;
	font-size: 21px;
	font-weight: 900;
	line-height: 1;
	color: #FFFFFF;
	text-shadow: 0 0px 0 #fff;
	opacity: 1;
	filter: alpha(opacity = 100);
}

#cart #productDetailModal span.title {
	display: inline-block;
	width: 40%;
	vertical-align: top;
	line-height: 20px;
	margin-bottom: 2px;
}

#cart #productDetailModal span.detail {
	display: inline-block;
	margin-left: 3px;
	width: 58%;
	vertical-align: top;
	margin-bottom: 2px;
	line-height: 20px;
	font-weight: bold;
	word-wrap: break-word;
}

#cart #clearAllModal .modal-title {
	width: 90%;
}

#cart #clearAllModal .modal-header {
	background-color: #337ab7;
	color: #fff;
}

#cart #clearAllModal .close {
	float: right;
	font-size: 21px;
	font-weight: 900;
	line-height: 1;
	color: #FFFFFF;
	text-shadow: 0 0px 0 #fff;
	opacity: 1;
	filter: alpha(opacity = 100);
}

#cart #clearDownloadedModal .modal-title {
	width: 90%;
}

#cart #clearDownloadedModal .modal-header {
	background-color: #337ab7;
	color: #fff;
}

#cart #clearDownloadedModal .close {
	float: right;
	font-size: 21px;
	font-weight: 900;
	line-height: 1;
	color: #FFFFFF;
	text-shadow: 0 0px 0 #fff;
	opacity: 1;
	filter: alpha(opacity = 100);
}

#cart div.cart-total {
	padding: 40px 0 50px 0;
	margin-bottom: 90px;
	background-color: #eeeeed;
}

#cart div.cart-total>span {
	display: inline-block;
	font-size: 15px;
	color: #555555;
}

#cart div.cart-total .cell>div {
	line-height: 25px;
}

#cart div.cart-total .cell>div span:last-child  {
	width: 220px;
}

#cart div.cart-total .total {
	margin-top: 15px;
}

#cart div.cart-total .total span {
	font-size: 25px;
}

#cart div.cart-total a {
	background-color: buttonface;
	color: #555555;
	margin-top: 20px;
	font-size: 16px;
}

#cart div.cart-total a.btn.btn-default {
	width: auto;
	margin-bottom: 0px;
	padding: 10px 30px;
	color: #414141;
	-webkit-appearance: none;
	background-color: #dbdbdb;
}

#cart table#cart-table .fa-stack.fa-stack-discount {
	color: red;
}

#cart table#cart-table .fa-stack.fa-stack-discount .fa-tag {
	top: -7px;
	font-size: 32px !important;
	position: absolute;
}

#cart table#cart-table .fa-stack.fa-stack-discount .fa-percent {
	color: white;
	position: absolute;
	left: 11px;
	top: 6px;
	font-size: 9px !important;
}
/* shopping cart - end */

/* Download List - start */
#download-list .clearAll {
	margin-bottom: 30px;
	text-align: right;
}

#download-list .clearAll button {
	font-size: 18px;
	width: 150px;
	background-color: #dbdbdb;
}

#download-list .cart-total .btn-checkout {
	margin-top: 20px;
	text-align: right;
	color: #414141;
	padding: 6px 8px;
}

#download-list .cart-total button {
	font-size: 18px;
	background-color: #dbdbdb;
	padding: 6px 20px;
}

#download-list #download-list-table {
	width: 100% !Important;
}

#download-list table.dataTable {
	clear: both;
	margin-top: 6px !important;
	margin-bottom: 6px !important;
	max-width: none !important;
	border-collapse: collapse !important;;
	border: 1px solid #ddd;
}

#download-list table#download-list-table thead th {
	vertical-align: middle;
	color: #555555;
	background-color: #f5f6f1;
}

#download-list table#download-list-table tbody td {
	vertical-align: middle;
	color: #555555;
}

#download-list .table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
	border-bottom-width: 0px;
}

#download-list table#download-list-table tbody td:first-child {
	min-width: 345px;
}

#download-list table#download-list-table tbody td:nth-child(2) {
	border-left: 0;
}

#download-list table#download-list-table tbody td span.title {
	display: inline-block;
	width: 40%;
	vertical-align: top;
	line-height: 20px;
	margin-bottom: 2px;
}

#download-list table#download-list-table tbody td span.detail {
	display: inline-block;
	margin-left: 3px;
	width: 58%;
	vertical-align: top;
	margin-bottom: 2px;
	line-height: 20px;
	font-weight: bold;
	word-wrap: break-word;
}

#download-list table#download-list-table tbody td>div {
	line-height: 30px;
}

#download-list table#download-list-table tbody td .spinner {
	width: 90px;
}

#download-list .cart-product-detail .warning-item {
	color: red;
	font-weight: bold;
}

#download-list table#download-list-table tbody td>div {
	line-height: 30px;
}

#download-list table#download-list-table tbody .btn-remove {
	margin-left: 5px;
	position: absolute;
	right: 5px;
	bottom: 1px;
	padding: 6px 12px;
}

#download-list table#download-list-table tbody .btn-remove i {
	font-size: 25px !important
}

#download-list table#download-list-table tbody .btn-download {
	margin-left: 5px;
	position: absolute;
	right: 60px;
	bottom: 1px;
	padding: 6px 10px;
}

#download-list table#download-list-table tbody .btn-download i {
	font-size: 25px !important
}

#download-list table.download-list tbody .thumbnail {
	border: 0px;
	background-color: transparent;
	text-align: center;
}

#download-list table.download-list tbody .thumbnail img {
	width: 100%;
}

#printBtn>.btn {
	background-color: #FFF !important;
}

#printBtn>.btn:hover {
	background-color: buttonface !important;
}

div.dataTables_wrapper div.dataTables_paginate {
	margin-top: 20px !important;
	text-align: center !important;
}

.pagination>li>a, #download-list .pagination>li>span {
	color: #388538;
	padding: 3px 6px;
}

.pagination>.active>a, #download-list .pagination>.active>span,
	.pagination>.active>a:hover, .pagination>.active>span:hover,
	.pagination>.active>a:focus, .pagination>.active>span:focus {
	background-color: #388538;
	border-color: #ddd;
	color: #fff;
	outline: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	padding: 0px;
	margin-left: 5px;
	display: inline-block;
	border: 0px;
	outline: none !important;
}

#product-list .dataTables_wrapper .dataTables_paginate .paginate_button {
	padding: 0px;
	margin-left: 0px;
	display: inline-block;
	border: 0px;
	outline: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	outline: none !important;
}

#download-list #productDetailModal .modal-header {
	background-color: #337ab7;
	color: #fff;
}

#download-list #productDetailModal .close {
	float: right;
	font-size: 21px;
	font-weight: 900;
	line-height: 1;
	color: #FFFFFF;
	text-shadow: 0 0px 0 #fff;
	opacity: 1;
	filter: alpha(opacity = 100);
}

#download-list #productDetailModal span.title {
	display: inline-block;
	width: 30%;
	vertical-align: top;
	line-height: 20px;
	margin-bottom: 2px;
}

#download-list #productDetailModal span.detail {
	display: inline-block;
	margin-left: 3px;
	width: 68%;
	vertical-align: top;
	margin-bottom: 2px;
	line-height: 20px;
	font-weight: bold;
	word-wrap: break-word;
}

#download-list #clearAllModal .modal-title {
	width: 90%;
}

#download-list #clearAllModal .modal-header {
	background-color: #337ab7;
	color: #fff;
}

#download-list #clearAllModal .close {
	float: right;
	font-size: 21px;
	font-weight: 900;
	line-height: 1;
	color: #FFFFFF;
	text-shadow: 0 0px 0 #fff;
	opacity: 1;
	filter: alpha(opacity = 100);
}

#download-list #clearDownloadedModal .modal-title {
	width: 90%;
}

#download-list #clearDownloadedModal .modal-header {
	background-color: #337ab7;
	color: #fff;
}

#download-list #clearDownloadedModal .close {
	float: right;
	font-size: 21px;
	font-weight: 900;
	line-height: 1;
	color: #FFFFFF;
	text-shadow: 0 0px 0 #fff;
	opacity: 1;
	filter: alpha(opacity = 100);
}

#download-list div.cart-total {
	padding: 40px 0 50px 0;
	margin-bottom: 90px;
	background-color: #eeeeed;
}

#download-list div.cart-total>span {
	display: inline-block;
	font-size: 15px;
	color: #555555;
}

#download-list div.cart-total .cell>div {
	line-height: 25px;
}

#download-list div.cart-total .cell>div span:last-child {
	width: 220px;
}

#download-list div.cart-total .total {
	margin-top: 15px;
}

#download-list div.cart-total .total span {
	font-size: 25px;
}

#download-list div.cart-total a {
	background-color: buttonface;
	color: #555555;
	margin-top: 20px;
	font-size: 16px;
}

#download-list div.cart-total a.btn.btn-default {
	width: auto;
	margin-bottom: 0px;
	padding: 10px 30px;
	color: #414141;
	-webkit-appearance: none;
	background-color: #dbdbdb;
}

#download-list table#download-list-table .fa-stack.fa-stack-discount {
	color: red;
}

#download-list table#download-list-table .fa-stack.fa-stack-discount .fa-tag {
	top: -7px;
	font-size: 32px !important;
	position: absolute;
}

#download-list table#download-list-table .fa-stack.fa-stack-discount .fa-percent {
	color: white;
	position: absolute;
	left: 11px;
	top: 6px;
	font-size: 9px !important;
}
/* Download List - end */

/* Checkout - start */
#checkout {
	margin-top: 20px;
}

#checkout .star {
	color: red;
	display: inline-block;
}

#checkout .error-msg {
	color: red;
	font-weight: bold;
	padding-bottom: 15px;
}

#checkout .step-title {
	color: #388538;
	font-weight: bold;
	font-size: 15px;
	margin-top: 20px;
	margin-bottom: 15px;
}

#checkout .step-detail {
	line-height: 20px;
}

#checkout .cell {
	/* border-bottom: 1px solid #d6d7d4; */
	
}

#checkout .tab-content {
	background-color: #f5fddb;
	padding: 20px 10px;
}

#checkout .tab-content .radio {
	margin: 0px;
	padding: 10px 0px;
}

#checkout .nav-tabs {
	border-bottom: 0px;
}

#checkout .nav-tabs>li>a {
	color: #555;
}

#checkout .nav-tabs>li.active>a {
	background-color: #f5fddb;
	border: 0;
	margin-right: 0px;
}

#checkout #accordion.panel-group>.panel {
	border: 0px;
}

#checkout #accordion.panel-group>.panel.active .panel-title, #checkout #accordion.panel-group>.panel.active .panel-body {
	background-color: #f5f6f1;
}

#checkout #accordion.panel-group>.panel+.panel {
	margin-top: 0px;
}

#checkout #accordion.panel-group>.panel>.panel-body {
	padding: 15px 20px;
}

#checkout #accordion.panel-group>.panel>.panel-heading {
	padding: 0px;
}

#checkout #accordion.panel-group>.panel>.panel-heading>.panel-title a {
	padding: 20px;
	font-size: 18px;
	color: #555;
	font-weight: bold;
	background-color: #f5f6f1;
}

#checkout #delivery .panel-body {
	background-color: #fff !important;
}

#checkout #stepOne form label {
	margin-bottom: 10px;
}

#checkout .delivery-method .title {
	font-size: 16px;
	font-weight: bold;
	padding: 20px 0px 10px 0px;
	border-bottom: 1px solid #d8d8d8;
}

#checkout .delivery-method .delivery-method-option .note {
	font-size: 10px;
}

#checkout .table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
	border-bottom-width: 0px;
}

#checkout table.cart tbody .thumbnail {
	border: 0px;
	background-color: transparent;
	text-align: center;
}

#checkout table.dataTable {
	border-collapse: collapse !important;
}

#checkout table.cart tbody .thumbnail img {
	width: 100%;
}

#checkout .cart-product-detail .warning-item {
	color: red;
	font-weight: bold;
}

#checkout div.cart-total {
	padding: 40px 16px 50px 16px;
	margin-top: 12px;
	margin-bottom: 90px;
	background-color: #eeeeed;
}

#checkout div.cart-total>span  {
	display: inline-block;
	font-size: 15px;
	color: #555555;
}

#checkout div.cart-total .cell>div {
	line-height: 25px;
}

#checkout div.cart-total .cell>div span:last-child {
	width: 220px;
}

#checkout div.cart-total .total {
	/* 	margin-top: 15px; */
	font-size: 25px;
}

#checkout div.cart-total a {
	background-color: buttonface;
	color: #555555;
	margin-top: 20px;
	font-size: 16px;
}

#checkout .cart-total .row {
	margin-bottom: 5px;
}

#checkout table#cart-table tbody td span.title {
	display: inline-block;
	width: 40%;
	vertical-align: top;
	line-height: 20px;
	margin-bottom: 2px;
	padding-left: 5px;
}

#checkout table#cart-table tbody td span.detail {
	display: inline-block;
	margin-left: 3px;
	width: 58%;
	vertical-align: top;
	margin-bottom: 2px;
	line-height: 20px;
	font-weight: bold;
	word-wrap: break-word;
	padding-left: 11px;
}

#checkout div.dataTables_wrapper div.dataTables_paginate {
	margin-top: 20px;
	text-align: center;
}

#checkout .pagination>li>a, #checkout .pagination>li>span {
	color: #388538;
	padding: 3px 6px;
}

#checkout .pagination>.active>a, #cart .pagination>.active>span,
	#checkout .pagination>.active>a:hover, #checkout .pagination>.active>span:hover,
	#checkout .pagination>.active>a:focus, #checkout .pagination>.active>span:focus {
	background-color: #388538;
	border-color: #ddd;
	color: #fff;
	outline: none;
}

#checkout .dataTables_wrapper .dataTables_paginate .paginate_button {
	padding: 0px;
	margin-left: 5px;
	display: inline-block;
	border: 0px;
	outline: none !important;
}

#checkout .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	outline: none !important;
}

#checkout #step1ErrorMsgDiv {
	padding: 5px 5px 16px 15px;
	color: red;
	font-weight: bold;
}

#checkout #txtPostalAddressLine1ErrorMsgDiv {
	padding-bottom: 14px;
}

#checkout #txtPostalAddressLine2ErrorMsgDiv {
	padding-bottom: 14px;
}

#checkout #txtPostalAddressLine3ErrorMsgDiv {
	padding-bottom: 14px;
}

#checkout #txtPostalAddressLine4ErrorMsgDiv {
	padding-bottom: 14px;
}

#checkout #txtPostalAddressLine5ErrorMsgDiv {
	padding-bottom: 14px;
}

#checkout #txtDemandNoteAddressLine1ErrorMsgDiv {
	padding-bottom: 14px;
}

#checkout #txtDemandNoteAddressLine2ErrorMsgDiv {
	padding-bottom: 14px;
}

#checkout #txtDemandNoteAddressLine3ErrorMsgDiv {
	padding-bottom: 14px;
}

#checkout #txtDemandNoteAddressLine4ErrorMsgDiv {
	padding-bottom: 14px;
}

#checkout #txtDemandNoteAddressLine5ErrorMsgDiv {
	padding-bottom: 14px;
}

#checkout #txtTerminalAddressLine1ErrorMsgDiv {
	padding-bottom: 14px;
}

#checkout #txtTerminalAddressLine2ErrorMsgDiv {
	padding-bottom: 14px;
}

#checkout #txtTerminalAddressLine3ErrorMsgDiv {
	padding-bottom: 14px;
}

#checkout #txtTerminalAddressLine4ErrorMsgDiv {
	padding-bottom: 14px;
}

#checkout #txtTerminalAddressLine5ErrorMsgDiv {
	padding-bottom: 14px;
}

#checkout #pickUpListDiv {
	display: inline-block;
	padding-left: 7px;
}

#checkout #pickUpListDiv #pickUpList {
	max-width: 300px;
}

#checkout #counterAddressDiv {
	display: inline-block;
	padding-left: 7px;
}

#checkout #mobilePaymentListDiv {
	/* max-width: 250px; */
	display: inline-block;
	padding-left: 7px;
}

#checkout #egisPaymentListDiv {
	/* max-width: 250px; */
	display: inline-block;
	padding-left: 7px;
}

#checkout #mobilePaymentList {
	width: 100%;
	display: inline-block;
	padding-left: 7px;
}

#checkout #offlinePaymentListDiv {
	max-width: 250px;
	display: inline-block;
	padding-left: 7px;
}

#checkout #offlinePaymentList {
	width: 100%;
	display: inline-block;
	padding-left: 7px;
}

#checkout #offlinePaymentOfficeListDiv {
	max-width: 250px;
	display: inline-block;
	padding-left: 7px;
}

#checkout #offlinePaymentOfficeList {
	width: 100%;
	display: inline-block;
	padding-left: 7px;
}

#checkout #counterAddressPaymentOfficeDiv {
	display: inline-block;
}

#checkout .help-block {
	font-size: 12px;
	font-weight: 400;
	font-style: italic;
	color: #555555;
}

#checkout .step-detail-row {
	margin-bottom: 5px;
}

#checkout .step-detail-inf {
	font-weight: 600;
}

#checkout .step-detail-note {
	font-style: italic;
	font-size: small;
}

#checkout #counterAddressModal .dialog-content .title {
	display: inline-block;
	width: 20%;
	vertical-align: top;
	font-weight: bold;
}

#checkout #counterAddressModal .dialog-content span {
	display: inline-block;
	width: 80%;
	vertical-align: top;
}

#checkout form .remark {
	font-size: 14px;
	color: #555555;
	margin-top: 15px;
	margin-bottom: 15px;
	text-transform: uppercase;
}

#checkout #shippingTypeListDiv {
	display: inline-block;
}

#checkout #mailTypeListDiv {
	display: inline-block;
}

#checkout .calculateing-div {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 0;
	padding-top: 50px;
	padding-bottom: 50px;
	background: rgba(0, 0, 0, 0.5);
	margin: 0px;
	border: 1px solid rgba(0, 0, 0, -0.5);
	border-radius: 4px;
}

#productDetailModal span.title {
	display: inline-block;
	width: 40%;
	vertical-align: top;
	line-height: 20px;
	margin-bottom: 2px;
}

#productDetailModal span.detail {
	display: inline-block;
	margin-left: 3px;
	width: 58%;
	vertical-align: top;
	margin-bottom: 2px;
	line-height: 20px;
	font-weight: bold;
	word-wrap: break-word;
}

.payOpt_icon {
	height: 40px;
	margin: 0px 15px 0px 5px;
}

.payOpt_icon_small {
	height: 30px;
	margin: 1px 15px 1px 1px;
}

/* Checkout - end */

/* Order Error - start */
.order-error .error-icon {
	font-size: 148px !important;
	color: red;
}

.order-error .text-red {
	color: red;
}

.osdp-error .error-icon {
	font-size: 72px !important;
	color: red;
}

.osdp-error-msg {
	font-size: 18px !important;
	color: red;
}

.osdp-error-statement {
	font-size: 16px !important;
}
/* Order Error - end */

/* Forget Password - start */
#forgetPwdForm p {
	margin: 25px 0 20px 0;
	font-size: 16px;
	color: #555555;
	line-height: 20px;
}

#forgetPwdForm #forgetPwdMsg, #forgetPwdForm .forgetPwdMsgDiv,
	#forgetPwdForm #resetPwdMsg, #forgetPwdForm .resetPwdMsgDiv {
	color: red;
	font-weight: 600;
}

#forgetPwdForm {
	padding-top: 25px;
}

#forgetPwdForm .form {
	background-color: #f0f0ee;
	padding: 30px;
	border-radius: 10px;
}

#forgetPwdForm .form .form-title {
	color: #53b54f;
	font-size: 20px;
	font-weight: 600;
}

#forgetPwdForm .btn.btn-default {
	width: 100%;
	padding: 10px;
}

#forgetPwdForm .separate-border {
	min-height: 250px;
	border-right: 1px solid #f0f0ee;
	margin-top: 54px;
}

#forgetPwdForm .sendAuthCodeMsgDiv, #forgetPwdForm .confirmAccMsgDiv {
	color: red;
	font-weight: 600;
}

#forgetPwdForm .help-block {
	font-size: 12px;
	font-weight: 300;
	font-style: italic;
	color: #555555;
	margin-bottom: 0px;
}

/* Forget Password - end */

/* Order Success - start */
#orderSuccess .warning-msg {
	font-size: 22px;
	font-style: italic;
	color: red;
}

/* Order Success - end */

/* Account Menu - start */
#accountMenu .panel-heading {
	color: #555555;
}

#accountMenu .panel-body a {
	display: block;
	color: #555555;
}

#accountMenu .panel-body a.active {
	color: #388538;
}

#accountMenu .panel-body a+a {
	margin-top: 15px;
}

/* Account Menu - end */

/* My Account - start */
.my-account h2 {
	font-size: 25px;
	color: #388538;
}

.my-account p {
	font-size: 15px;
	color: #555555;
}

.my-account h3.title {
	font-size: 20px;
	color: #388538;
	font-weight: 600;
	margin-bottom: 30px;
}

/* My Account - end */

/* Change Password - start */
form#changePwdForm #changePwdMsg, form#changePwdForm .changePwdMsgDiv {
	color: red;
	font-weight: 600;
}

/* Change Password - end */

/* Edit User Profile - start */
form#editUserProfileForm .error-msg {
	color: red;
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 0px;
}

form#editUserProfileForm .social-media-detail {
	margin-bottom: 40px;
	font-style: italic;
}

form#editUserProfileForm .btn-social-media-delink {
	font-size: 12px;
	padding: 4px;
	min-width: 45px;
}

form#companyProfileForm .comp-privilege-detail {
	margin-bottom: 24px;
	font-style: italic;
}

form#companyProfileForm .error-msg {
	color: red;
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 0px;
}
/* Edit User Profile - end */

/* Order History - start */
#orderHistory table.dataTable {
	border-collapse: collapse !important;;
}

#orderHistory .rwd-table td:first-child:before {
	display: inline-block !important;
	float: inherit !important;
}

table.order-history {
	margin: 0 auto;
	width: 100%;
	clear: both;
	border-collapse: collapse !important;
	table-layout: fixed;
	word-wrap: break-word;
}

table.order-history th {
	background-color: #ddd;
	vertical-align: baseline !important;
}
/* Order History - end */

/* Order History Detail - start */
#orderHistoryDetail .sub-title {
	color: #222;
	font-weight: bold;
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 10px;
}

#orderHistoryDetail .summary-detail {
	margin-top: 5px;
	margin-bottom: 20px;
}

#orderHistoryDetail .detail-row {
	margin-bottom: 15px;
}

#orderHistoryDetail .detail-inf {
	font-weight: 600;
}

#orderHistoryDetail .detail-ecship-row {
	margin-top: 14px;
	font-style: italic;
}

#orderHistoryDetail div.cart-total a {
	background-color: #FFF !important;
	margin-top: 0px !important;
}

#orderHistoryDetail div.cart-total a:hover {
	background-color: buttonface !important;
}

table.order-history-detail {
	margin: 0 auto;
	width: 100%;
	clear: both;
	border-collapse: collapse;
	table-layout: fixed;
	word-wrap: break-word;
}

table.order-history-detail th {
	background-color: #ddd;
	vertical-align: baseline !important;
}

table.order-history-detail .cart-product-detail {
	width: 100%;
	padding: 0px;
}

table.order-history-detail tbody td span.title {
	display: inline-block;
	width: 38%;
	vertical-align: top;
}

table.order-history-detail tbody td span.detail {
	display: inline-block;
	margin-left: 3px;
	width: 60%;
	vertical-align: top;
	word-wrap: break-word;
}

#orderHistoryDetail table.order-history-detail tbody .thumbnail {
	border: 0px;
	background-color: transparent;
	text-align: center;
}

#orderHistoryDetail table.order-history-detail tbody .thumbnail {
	width: 100%;
}

#orderHistoryDetail .cart-total .row {
	margin-bottom: 5px;
}

#orderHistoryDetail div.cart-total {
	padding: 40px 16px 50px 16px;
	margin-top: 12px;
	margin-bottom: 90px;
	background-color: #eeeeed;
}

#orderHistoryDetail div.cart-total>span {
	display: inline-block;
	font-size: 15px;
	color: #555555;
}

#orderHistoryDetail div.cart-total .cell>div {
	line-height: 25px;
}

#orderHistoryDetail div.cart-total .cell>div span:last-child {
	width: 220px;
}

#orderHistoryDetail div.cart-total .total {
	/* 	margin-top: 15px; */
	font-size: 25px;
}

#orderHistoryDetail div.cart-total a {
	background-color: buttonface;
	color: #555555;
	margin-top: 20px;
	font-size: 16px;
}

#orderHistoryDetail div.cart-total .btn-save-print {
	margin-top: 15px;
}
/* Order History Detail - end */

/* Delink Social Media Account - start */
#delink-social-media p {
	margin: 25px 0 20px 0;
	font-size: 16px;
	color: #555555;
	line-height: 20px;
}

#delink-social-media #delinkSocialMediaMsg, #delink-social-media .delinkSocialMediaMsgDiv {
	color: red;
	font-weight: 600;
}

/* Delink Social Media Account - end */

/* Company User registration - start */
form#companyUserRegistrationForm .addressLine {
	margin-bottom: 5px;
}

form#companyUserRegistrationForm .file-upload-hidden {
	display: none !important;
}

form#companyUserRegistrationForm .btn-refresh {
	
}

form#companyUserRegistrationForm .btn-refresh:hover, form#companyUserRegistrationForm .btn-refresh:active,
	form#companyUserRegistrationForm .btn-refresh:focus {
	cursor: pointer;
}

form#companyUserRegistrationForm .declare-note {
	margin-top: 0px;
}

form#companyUserRegistrationForm .declare-note #chkTermsAndConditionErrorMsgDiv {
	padding-top: 4px;
}

form#companyUserRegistrationForm .declare-note #chkPersonalDataCollectErrorMsgDiv {
	padding-top: 4px;
}

form#companyUserRegistrationForm .declare-note label>a {
	cursor: pointer;
}

form#companyUserRegistrationForm .declare-note label>a {
	cursor: pointer;
}

form#companyUserRegistrationForm .error-msg {
	color: red;
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 20px;
}

/* Company User registration - end */

/* Static Page - start */
.static-page .static-page-content :not (.detail-box ):not (.titlePane )>.title {
	background-color: #F5F6F1;
	color: #388538;
	border-radius: 5px;
	padding: 14px 5px;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	margin-top: 40px;
}

.static-page .static-page-content .title a {
	display: inline-block;
	text-decoration: none !important;
	color: #388538;
}

.static-page .static-page-content .title a:hover {
	text-decoration: none;
	color: #79a175;
}

.static-page .static-page-content .page-title {
	color: #388538;
	padding: 14px 5px;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	margin-top: 0px;
	margin-bottom: 40px;
}

.static-page .static-page-content .panel-default>.panel-heading,
	.static-page .static-page-content .panel-default>.panel-heading a {
	color: #555555;
	background-color: #FFFFFF;
	border-color: #CCCCCC;
}

.static-page .static-page-content .panel-default>.panel-heading.on,
	.static-page .static-page-content .panel-default>.panel-heading.on a {
	color: #FFFFFF;
	background-color: #388538;
	border-color: #CCCCCC;
}

.static-page .static-page-content .panel-body .row {
	margin: 14px 0px;
}

.static-page .static-page-content .panel-body .fa.fa-arrow-right.fa-5x {
	font-size: 17px !important;
}

.static-page .static-page-content .panel-group .panel {
	margin-bottom: 13px;
	border-radius: 4px;
}

.static-page .static-page-content .panel-default {
	border-color: #ddd;
}

.static-page .static-page-content .panel {
	margin-bottom: 20px;
	background-color: #fff;
	border: 2px solid #ddd;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.static-page .static-page-content .site-map-item a {
	display: inline-block;
	text-decoration: none !important;
	color: #333;
}

.static-page .static-page-content .site-map-item a:hover {
	text-decoration: none;
	color: #388538;
}

.static-page .static-page-content.user-acc th, .static-page .static-page-content.product-delivery th {
	font-weight: bold;
}
/* Static Page - end */

/* Invite Company User - start */
table.company-invite-list {
	margin: 0 auto;
	width: 100%;
	clear: both;
	border-collapse: collapse;
	table-layout: fixed;
	word-wrap: break-word;
}

table.company-invite-list th {
	background-color: #ddd;
	vertical-align: baseline !important;
}
/* Invite Company User - end */

/* Contact Us - start */
#contact :not (.titlePane )>.title {
	color: #388538;
	font-size: 18px;
	display: block;
	margin-bottom: 20px;
}

#contact .contactusTitle {
	width: 100%;
}

#contact .summary {
	padding-left: 20px;
}

#contact .feedback-title {
	color: #388538;
	font-size: 18px;
	display: block;
	margin-bottom: 40px;
}

#contact .summary ul>li {
	line-height: 30px;
}

#contact .summary ul>li>* {
	vertical-align: middle;
	line-height: 22px;
}

#contact .summary ul>li i {
	margin-right: 5px;
}

#contact .summary ul>li i.fa-star:before {
	color: #fed000;
	font-size: 21px;
}

#contact .summary ul>li img {
	margin-right: 5px;
}

#contact .summary ul>li span {
	color: #555555;
	font-size: 16px;
}

#contact .office-list {
	/*margin-top: 20px;*/
	margin: 0;
	padding: 0;
}

#contact .office-list .location-dropdown-menu {
	margin-top: 25px;
	margin-bottom: 40px;
	display: none;
}

#contact .office-list .location-dropdown-menu>button {
	width: 100%;
	background-color: #388538;
	border-radius: 0px;
	height: 40px;
	font-size: 18px;
}

#contact .office-list .open>.location-dropdown {
	display: block;
}

#contact .office-list .location-dropdown {
	position: absolute;
	width: 100%;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	list-style: none;
	font-size: 14px;
	text-align: left;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

#contact .office-list .location-dropdown>li {
	font-size: 16px;
	color: #555;
	line-height: 30px;
	padding: 0 8px;
}

#contact .office-list .location-dropdown>li a {
	font-size: 16px;
	color: #555;
	display: block;
	padding-left: 20px;
}

#contact .office-list .location-dropdown>li.active a {
	font-size: 16px;
	color: #388538;
}

#contact .office-list .nav-tabs {
	margin-top: 25px;
	margin-bottom: 40px;
	border-bottom: 0px;
}

#contact .office-list .nav-tabs>li {
	width: 14.1111%;
	text-align: center;
}

#contact .office-list .nav-tabs>li a {
	border: 0px;
	font-size: 16px;
	color: #555555;
	border-bottom: 3px solid #555555;
	margin: 0 5px;
}

#contact .office-list .nav-tabs>li.active a {
	color: #388538;
	border-color: #388538;
}

#contact .office-list .tab-content {
	margin-bottom: 50px;
}

#contact .office-list .location-cell {
	padding-left: 35px;
	color: #555;
}

#contact .office-list .location-cell .row {
	margin-bottom: 10px;
}

#contact .office-list .location-cell+.location-cell {
	margin-top: 50px;
}

#contact .office-list .location-cell .name {
	font-size: 16px;
	color: #388538;
}

#contact .office-list .location-cell .name.star:before, #contact .office-list .location-dropdown>li.star:before {
	content: "\f005";
	font-family: "FontAwesome";
	color: #fed000;
	position: absolute;
	width: 20px;
}

#contact .office-list .location-cell .name.star:before {
	left: -2px;
}

#contact .office-list .location-cell .address {
	font-size: 16px;
	color: #555;
}

#contact .office-list .location-cell .address .detail {
	margin-bottom: 5px;
	line-height: 12px;
}

#contact .office-list .location-cell .detail-box {
	margin-bottom: 10px;
}

#contact .office-list .location-cell .detail-box>* {
	display: inline-block;
}

#contact .office-list .location-cell .detail-box .title {
	font-size: 16px;
	color: #388538;
	min-width: 120px;
	margin-bottom: 0px;
}

#contact .office-list .location-cell .btn-box {
	margin-top: 20px;
}

#contact .office-list .location-cell .btn-box .btn-default>* {
	line-height: 22px;
	vertical-align: middle;
}

#contact .office-list .location-cell .btn-box .btn-default img {
	margin-right: 8px;
}

#contact .product-feedback {
	padding: 40px 0;
	background-color: #fffff0;
}

#contact .product-feedback a.btn-default {
	min-width: 358px;
}

#contact #map {
	min-height: 95vh;
}

#contact #mapToggle {
	padding: 5px 10px;
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 50;
}

#contact .popupDetail {
	margin-bottom: 5px;
	line-height: 1.3em;
}

#contact #feedbackPanel .feedback-form {
	margin-top: 20px;
}

#contact .radio-inline {
	margin-left: 10px;
}

#contact .radio-vertical {
	display: inline-block;
	line-height: 1.5em;
}

#contact .radio-vertical input[type=radio] {
	display: block;
	margin: 0 auto;
}

#contact #contactUsFeedbackForm .errMsg {
	display: none;
}

#contact #contactUsFeedbackForm .has-error .errMsg {
	display: block;
	color: #a94442;
}

/* Contact Us - end */

/* Code Redemption - start */
form#coupon {
	padding-top: 40px;
}

form#coupon .error-msg {
	color: red;
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 20px;
}

form#coupon .form-group {
	margin-bottom: 20px;
}

form#coupon label {
	margin-bottom: 0px;
}
/* Code Redemption - end */

/* Feedback Form - start */
.feedback-form .page-title {
	color: #388538;
	padding: 14px 5px;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	margin-top: 0px;
	margin-bottom: 40px;
}

.feedback-form .feedback-desc {
	margin-bottom: 10px;
}

.feedback-form #feedbackForm {
	padding: 20px;
	background-color: #FFFFF1;
	border-radius: 4px;
	border: 1px solid #FFFFF1;
}

.feedback-form .q-desc {
	margin-top: 20px;
}

.feedback-form .btn {
	margin-top: 20px;
	width: 100%;
}

.feedback-form #feedbackFormMsgDiv {
	margin-top: 20px;
	color: red;
	font-weight: bold;
}

.feedback-form .remarks {
	margin-top: 20px;
}

.feedback-form textarea {
	width: 80%;
	resize: none;
}
/* Feedback Form - end */


/* Product rating - start */
#productRating i { 
	font-size:20px !important; 
}
/* Product rating - end */

/* Licence History - start */
#licenceHistory .sub-title {
	font-size: 15px;
	color: #388538;
	margin-top: 10px;
	margin-bottom: 10px;
}

#licenceHistory .tab-pane {
	padding: 4px;
}

#licenceHistory .row {
	margin-top: 10px;
}

#licenceHistory #digitalLicence i {
	position: absolute;
	bottom: 4px;
	right: 21px;
	top: 50%;
	cursor: pointer;
	font-size: 20px !important;
	right: 21px;
	top: 50%;
}

#licenceHistory #digitalLicence .btn-search {
	margin-bottom: 0;
	margin-top: 25px;
	width: 100%;
}

#licenceHistory #digitalLicence button.search {
	background-color: transparent;
	padding: 12px 20px;
}

#licenceHistory #digitalLicence .input-group {
	margin-bottom: 30px;
	margin-left: 15px;
	padding-right: 29px;
}

#licenceHistory #digitalLicence .datepicker {
	margin-top: 10px;
}

#licenceHistory table.licence-list-table th {
	background-color: #f5f6f1;
	font-weight: 600;
}

#licenceHistory table.licence-list-table th, #licenceHistory table.licence-list-table td {
	border-color: #b7b7b7;
	padding: 10px 20px;
	font-size: 15px;
	color: #555555;
	text-align: center;
	border-top: 0px;
	border-bottom: 0px;
}

#licenceHistory table.licence-list-table tbody tr:nth-child(even) {
	background-color: #f6f4f4;
}
/* Licence History - end */

/* Licence History Detail - start */
#licenceHistoryDetail .sub-title {
	font-size: 15px;
	color: #388538;
	margin-top: 10px;
	margin-bottom: 10px;
}

#licenceHistoryDetail .row {
	margin-top: 20px;
}

#licenceHistoryDetail table.licence-detail-table thead {
	background-color: #ebebeb;
}

#licenceHistoryDetail table.licence-detail-table td {
	font-size: 15px;
	color: #555555;
}
/* Licence History Detail - end */

/* Product Cat Detail - start */
#prodCatDetail .row {
	margin-top: 15px;
	margin-bottom: 15px;
}

#prodCatDetail .sub-title {
	font-weight: bold;
	margin-bottom: 15px;
}

#prodCatDetail .content {
	margin-bottom: 15px;
}

/* Product cat Detail - end */
/*css for IE only*/
@media all and (-ms-high-contrast: none) , ( -ms-high-contrast : active)
	{
	/* IE10+ CSS styles go here */
	/* Fix product sub-menu width*/
	#menu .menu .navbar-collapse>ul>li>ul.dropdown-menu {
		width: 900px;
		margin-left: 5%;
		top: 54px;
		bottom: 0px;
		padding: 0px;
		left: -110px;
	}
}

@media ( min-width : 1200px) {
	/* To fix nav-fixed-top issue*/
	/* 	body{ */
	/* 		padding-top: 134px; */
	/* 	} */
	/* navbar setting - start */
	.collapse.navbar-collapse {
		display: block !important;
	}
	.collapse.menu-items-resp {
		display: none !important;
	}
	.collapsed.navbar-collapsed {
		display: none !important;
	}
	.menu-items-resp {
		display: none !important;
	}
	/* navbar setting - end */
	#confirmAccForm .separate-border {
		min-height: 250px;
		border-right: 1px solid #f0f0ee;
		margin-top: 54px;
	}
	#links-content .separate-border {
		min-height: 40px;
		border-top: 0px;
		border-right: 1.4px solid #afafad;
		margin-top: 3px;
	}
	.news .container .row .col-1, .news .container .row .col-2, .download .container .row .col-2 {
		padding: 10px;
		text-align: center;
	}
	.download .container .row .col-1 {
		padding: 15px;
		padding-left: 40px;
		text-align: center;
	}
	.news .container .row .col-2 {
		border-left: 1px solid #B7B7B7;
	}
	#news-content .separate-border {
		min-height: 40px;
		border-top: 0px;
		/*border-right: 1.4px solid #afafad;*/
		margin-top: 3px;
	}
	#download-content .separate-border {
		min-height: 40px;
		border-top: 0px;
		border-right: 1.4px solid #afafad;
		margin-top: 3px;
	}
	#forgetPwdForm .separate-border {
		min-height: 250px;
		border-right: 1px solid #f0f0ee;
		margin-top: 54px;
	}
	table.cart tbody .responsive-prod-detail {
		display: none;
	}
	#contact .office-list .nav-tabs {
		display: none;
	}
	#contact .office-list .location-dropdown-menu {
		display: block;
	}
	#menu .menu.header-menu ul.widget .btn-home-map-search {
		display: none;
	}
	#menu .menu.header-menu ul.widget .btn-map-search {
		display: inline-block;
	}
	#menu .menu.header-menu ul.widget .btn-map-search.map-search {
		display: none;
	}
	#header .header-top .header-landsd-logo {
		max-height: 50px;
		display: block;
	}
	#header .header-top .header-mobile-landsd-logo {
		display: none;
	}
	#search-list .toolbar #btn-identify, #search-list .toolbar #btn-legend,
		#search-list .toolbar #btn-multiLot {
		margin-top: 2px;
		margin-bottom: 2px;
	}
	section.banner #bannerCarousel video, section.banner #bannerCarousel img {
		/* width: 50%; */
		max-height: 50vh;
		background-color: black;
	}
	#productDialog .qr-code-img {
		display: none;
	}
	#home section.category img {
		height: 248px;
		width: 100%;
	}
	#orderHistoryDetail .div-prodexch-from-table {
		padding-left: 15px;
		padding-right: 5px;
	}
	#orderHistoryDetail .div-prodexch-to-table {
		padding-left: 5px;
		padding-right: 15px;
	}
}

@media ( max-width : 1200px) {
	/* To fix nav-fixed-top issue*/
	/* 	body{ */
	/* 		padding-top: 134px; */
	/* 	} */
	/* navbar setting - start */
	.collapse.navbar-collapse {
		display: block !important;
	}
	.collapse.menu-items-resp {
		display: none !important;
	}
	.collapsed.navbar-collapsed {
		display: none !important;
	}
	.menu-items-resp {
		display: none !important;
	}

	/* navbar setting - end */
	#home section.category {
		margin-top: 0px !important;
	}
	#home section.banner {
		top: 0px !important;
	}
	#home section.cart-table .table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #DDD;
	}
	footer .footer-top .footer-bg {
		height: 230px !important;
	}
	footer .footer-top .logo {
		position: relative !important;
		bottom: 0 !important;
		background-color: #15469d;
	}
	footer .footer-top .logo .icon {
		margin: 15px auto;
	}
	#confirmAccForm .separate-border {
		min-height: 250px;
		border-right: 1px solid #f0f0ee;
		margin-top: 54px;
	}
	#links-content .separate-border {
		min-height: 40px;
		border-top: 0px;
		border-right: 1.4px solid #afafad;
		margin-top: 2px;
	}
	#news-content .separate-border {
		min-height: 40px;
		border-top: 0px;
		margin-top: 2px;
	}
	#download-content .separate-border {
		min-height: 40px;
		border-top: 0px;
		border-right: 1.4px solid #afafad;
		margin-top: 2px;
	}
	.news .container .row .col-1, .news .container .row .col-2, .download .container .row .col-1,
		.download .container .row .col-2 {
		padding: 10px;
		text-align: center;
	}
	.news .container .row .col-2 {
		border-left: 1px solid #B7B7B7;
	}
	#forgetPwdForm .separate-border {
		min-height: 250px;
		border-right: 1px solid #f0f0ee;
		margin-top: 54px;
	}
	table.cart tbody .responsive-prod-detail {
		display: none;
	}
	#contact .office-list .nav-tabs {
		display: none;
	}
	#contact .office-list .location-dropdown-menu {
		display: block;
	}
	#menu .menu.header-menu ul.widget .btn-home-map-search {
		display: none;
	}
	#menu .menu.header-menu ul.widget .btn-map-search {
		display: inline-block;
	}
	#menu .menu.header-menu ul.widget .btn-map-search.map-search {
		display: none;
	}
	#header .header-top .header-landsd-logo {
		max-height: 50px;
	}
	#header .header-top .header-mobile-landsd-logo {
		display: none;
	}
	#search-list .toolbar #btn-identify, #search-list .toolbar #btn-legend,
		#search-list .toolbar #btn-multiLot {
		margin-top: 2px;
		margin-bottom: 2px;
	}
	section.banner #bannerCarousel video, section.banner #bannerCarousel img {
		/* width: 50%; */
		max-height: 50vh;
		background-color: black;
	}
	#productDialog .qr-code-img {
		display: none;
	}
	#home section.category img {
		height: 200px;
		width: 100%;
	}
	#orderHistoryDetail .div-prodexch-from-table {
		padding-left: 15px;
		padding-right: 5px;
	}
	#orderHistoryDetail .div-prodexch-to-table {
		padding-left: 5px;
		padding-right: 15px;
	}
}

@media ( max-width : 1152px) {
	/* To fix nav-fixed-top issue*/
	/* 	body{ */
	/* 		padding-top: 119px; */
	/* 	} */
	/* navbar setting - start */
	.collapse.navbar-collapse {
		display: none !important;
	}
	.collapsed.navbar-collapsed {
		display: block !important;
	}
	.menu-items-resp {
		display: block !important;
	}
	nav#header>.container {
		width: inherit;
	}
	#menu>.container {
		width: inherit;
	}

	/* navbar setting - start */
	section.category {
		padding-bottom: 15px !important;
	}
	section.category .cell {
		margin-bottom: 50px;
	}
	section.popular .cell {
		margin-bottom: 50px;
	}
	section.explore a.btn {
		width: 70% !important;
	}
	#map-search button.menu {
		display: block !important;
	}
	#confirmAccForm .separate-border {
		min-height: 50px;
		border-top: 1px solid #f0f0ee;
		border-right: 0px;
		margin-top: 54px;
	}
	#links-content .separate-border {
		min-height: 5px;
		border-top: 1.4px solid #afafad;
		width: 85%;
		border-right: 0px;
	}
	#news-content .separate-border, #download-content .separate-border {
		min-height: 5px;
		border-top: 1.4px solid #B7B7B7;
		border-right: 0px;
		width: 90%;
	}
	.news .container .row .col-1, .download .container .row .col-1, .news .container .row .col-2,
		.download .container .row .col-2 {
		padding-left: 20px;
		text-align: left;
		border-left: 0px;
	}
	#forgetPwdForm .separate-border {
		min-height: 50px;
		border-top: 1px solid #f0f0ee;
		border-right: 0px;
		margin-top: 54px;
	}
	table.cart tbody .responsive-prod-detail {
		display: none;
	}
	#contact .office-list .nav-tabs {
		display: none;
	}
	#contact .office-list .location-dropdown-menu {
		display: block;
	}
	#menu .menu.header-menu ul.widget .btn-home-map-search {
		display: none;
	}
	#menu .menu.header-menu ul.widget .btn-map-search {
		display: inline-block;
	}
	#header .header-top .header-landsd-logo {
		display: none;
	}
	#header .header-top .header-mobile-landsd-logo {
		display: inline-block;
	}
	#menu .menu.header-menu ul.widget .btn-map-search.map-search {
		display: inline-block;
	}
	#search-list .toolbar #btn-identify, #search-list .toolbar #btn-legend,
		#search-list .toolbar #btn-multiLot {
		margin-top: 2px;
		margin-bottom: 2px;
	}
	section.banner #bannerCarousel video, section.banner #bannerCarousel img {
		/* width: 50%; */
		max-height: 50vh;
		background-color: black;
	}
	#productDialog .qr-code-img {
		display: none;
	}
	#home section.category img {
		height: auto;
		width: 100%;
	}
	#orderHistoryDetail .div-prodexch-from-table {
		padding-left: 15px;
		padding-right: 15px;
	}
	#orderHistoryDetail .div-prodexch-to-table {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media ( max-width : 1024px) {
	/* navbar setting - start */
	.collapse.navbar-collapse {
		display: none !important;
	}
	.collapsed.navbar-collapsed {
		display: block !important;
	}
	.menu-items-resp {
		display: block !important;
	}
	nav#header>.container {
		width: inherit;
	}
	#menu>.container {
		width: inherit;
	}

	/* navbar setting - end */
	footer .footer-top .footer-bg {
		height: 190px !important;
	}
	table.cart thead th:nth-child(2), table.cart thead th:nth-child(3) {
		display: none;
	}
	table.cart tbody .thumbnail {
		margin-bottom: 0px;
	}
	table.cart tbody td:nth-child(2), table.cart tbody td:nth-child(3) {
		display: none;
	}
	table.cart tbody .cart-product-detail {
		display: none;
	}
	table.cart tbody .responsive-prod-detail {
		display: block !important;
	}
	table.cart tbody .btn-view-more {
		display: block !important;
		text-align: center;
		cursor: pointer;
	}
	table.cart tbody .btn-remove {
		padding: 0px 8px;
	}
	table.download-list tbody .btn-remove {
		float: right;
		padding: 0px 8px;
	}
	table.download-list tbody .btn-download {
		float: right;
		padding: 0px 5px;
	}
	#confirmAccForm .separate-border {
		min-height: 50px;
		border-top: 1px solid #f0f0ee;
		border-right: 0px;
		margin-top: 54px;
	}
	#links-content .separate-border {
		min-height: 5px;
		border-top: 1.4px solid #afafad;
		border-right: 0px;
		width: 85%;
	}
	#news-content .separate-border, #download-content .separate-border {
		min-height: 5px;
		border-top: 1.4px solid #B7B7B7;
		border-right: 0px;
	}
	.news .container .row .col-1, .download .container .row .col-1, .news .container .row .col-2,
		.download .container .row .col-2 {
		padding-left: 20px;
		text-align: left;
		border-left: 0px;
	}
	#forgetPwdForm .separate-border {
		min-height: 50px;
		border-top: 1px solid #f0f0ee;
		border-right: 0px;
		margin-top: 54px;
	}
	#contact .office-list .nav-tabs {
		display: none;
	}
	#contact .office-list .location-dropdown-menu {
		display: block;
	}
	#menu .menu.header-menu ul.widget .btn-home-map-search {
		display: none;
	}
	#menu .menu.header-menu ul.widget .btn-map-search {
		display: inline-block;
	}
	#menu .menu.header-menu ul.widget .btn-map-search.map-search {
		display: inline-block;
	}
	#header .header-top .header-landsd-logo {
		display: none;
	}
	#header .header-top .header-mobile-landsd-logo {
		display: inline-block;
	}
	#search-list .toolbar #btn-identify, #search-list .toolbar #btn-legend,
		#search-list .toolbar #btn-multiLot {
		margin-top: 2px;
		margin-bottom: 2px;
	}
	#productDialog .qr-code-img {
		display: none;
	}
	#home section.category img {
		height: auto;
		width: 100%;
	}
	#orderHistoryDetail .div-prodexch-from-table {
		padding-left: 15px;
		padding-right: 15px;
	}
	#orderHistoryDetail .div-prodexch-to-table {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media ( min-width : 769px) {
	.map-lip-public {
		/*display: none;*/
		top: 0px;
	}
}

@media ( max-width : 768px) {
	/* To fix nav-fixed-top issue*/
	/* 	body{ */
	/* 		padding-top: 129px; */
	/* 	} */
	.static-banner.with-bg-img {
		height: 80px;
		/* 		height: 180px;
   		background-position: top center;
   		background-size: cover;
   		background-repeat: no-repeat; */
	}
	.static-banner h5 {
		font-size: 24px;
		/* 		font-size: 50px;
   		color: #fff; */
	}
	footer .footer-top .footer-bg {
		height: 150px !important;
	}
	section.popular {
		padding-bottom: 15px !important;
	}
	section.banner .searchbar {
		position: relative !important;
	}
	section.banner .map-search {
		margin-top: 10px;
		float: none !important;
	}
	.rwd-table tr {
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
	.rwd-table th {
		display: none;
	}
	.rwd-table td {
		border: 0px !important;
		display: block;
		text-align: left;
		height: 100%;
		clear: both;
	}
	.rwd-table td .thumbnail img {
		width: auto !important;
		max-width: 100%;
	}
	.rwd-table td:first-child {
		padding-top: .5em;
		min-width: auto !important;
	}
	.rwd-table td:first-child:before {
		display: block !important;
		float: inherit !important;
	}
	.rwd-table td:last-child {
		padding-bottom: .5em;
		width: 100% !important;
	}
	.rwd-table td:before {
		content: attr(data-th) ": ";
		font-weight: bold;
		display: inline-block;
		margin-right: 30px;
		float: left;
	}
	.product-list.rwd-table td:before {
		content: attr(data-th) "";
		font-weight: bold;
		display: inline-block;
		margin-right: 30px;
		float: left;
	}
	#cart table#cart-table tbody .btn-remove {
		margin-left: 5px;
		position: absolute;
		right: 18px;
		bottom: 1px;
	}
	#cart table#cart-table tbody .btn-remove i {
		font-size: 40px !important
	}
	#download-list table#download-list-table tbody .btn-download {
		margin-left: 5px;
		position: absolute;
		right: 80px;
		bottom: 1px;
	}
	#download-list table#download-list-table tbody .btn-download i {
		font-size: 40px !important
	}
	#download-list table#download-list-table tbody .btn-remove {
		margin-left: 5px;
		position: absolute;
		right: 18px;
		bottom: 1px;
	}
	#download-list table#download-list-table tbody .btn-remove i {
		font-size: 40px !important
	}
	#confirmAccForm .separate-border {
		min-height: 50px;
		border-top: 1px solid #f0f0ee;
		border-right: 0px;
		margin-top: 54px;
	}
	#links-content .separate-border {
		min-height: 5px;
		border-top: 1.4px solid #afafad;
		border-right: 0px;
		width: 85%;
	}
	#news-content .separate-border, #download-content .separate-border {
		min-height: 5px;
		border-top: 1.4px solid #B7B7B7;
		border-right: 0px;
		width: 90%;
	}
	.news .container .row .col-1, .download .container .row .col-1, .news .container .row .col-2,
		.download .container .row .col-2 {
		padding-left: 20px;
		text-align: left;
		border-left: 0px;
	}
	#forgetPwdForm .separate-border {
		min-height: 50px;
		border-top: 1px solid #f0f0ee;
		border-right: 0px;
		margin-top: 54px;
	}

	/* 	.order-history-detail.rwd-table td:last-child:before { */
	/* 		padding-bottom: .5em; */
	/* 		border-bottom: 1px solid #ddd !important; */
	/* 		width: 97.6% !important; */
	/* 	} */
	.label-title, .label-date, .label-year, .label-height {
		display: none !important;
	}
	#contact .office-list .nav-tabs {
		display: none;
	}
	#contact .office-list .location-dropdown-menu {
		display: block;
	}
	#menu .menu.header-menu ul.widget .btn-home-map-search {
		display: none;
	}
	#menu .menu.header-menu ul.widget .btn-map-search {
		display: inline-block;
	}
	#menu .menu.header-menu ul.widget .btn-map-search.map-search {
		display: inline-block;
	}
	#search-list .toolbar #btn-identify, #search-list .toolbar #btn-legend,
		#search-list .toolbar #btn-multiLot {
		margin-top: 2px;
		margin-bottom: 2px;
	}
	.overlay-product-wrapper .product-list .item .btn-view-more {
		padding: 5px 46px;
		font-size: initial;
	}
	#header .header-top .tools nav.color-picker a {
		width: 30px;
		height: 30px;
	}
	#header .header-top .social .fa.fa-share-alt, .product-detail .fa.fa-link {
		font-size: 26px !important;
	}
	#header .header-top .tools nav.social .icon-wrapper {
		top: 30px;
	}
	.product-detail .social .icon-wrapper {
		top: 30px;
	}
	#header .header-top .header-landsd-logo {
		display: none;
	}
	#header .header-top .header-mobile-landsd-logo {
		display: inline-block;
	}
	section.banner #bannerCarousel video, section.banner #bannerCarousel img {
		width: 100%;
		background-color: black;
	}
	#search-list #searchPanel .cate-menu .badge {
		padding: 1px 23px;
		font-size: 20px !important;
		width: 60px;
	}
	#productDialog .qr-code-img {
		display: block;
	}
	#home section.category img {
		height: auto;
		width: calc(100vw - 30px);
	}
	#orderHistoryDetail .div-prodexch-from-table {
		padding-left: 15px;
		padding-right: 15px;
	}
	#orderHistoryDetail .div-prodexch-to-table {
		padding-left: 15px;
		padding-right: 15px;
	}

	.map-lip-public {
		/*display: none;*/
		width: auto;
		bottom: 0px;
	}
}

@media ( max-width : 640px) {
	/* To fix nav-fixed-top issue*/
	/* 	body{ */
	/* 		padding-top: 126px; */
	/* 	} */
	footer .footer-top .footer-bg {
		height: 130px !important;
	}
	section.popular {
		padding-bottom: 0px !important;
	}
	footer .footer-bottom nav.footer-link {
		display: none;
	}
	footer .footer-bottom nav.copyright {
		width: 100%;
		text-align: center;
	}
	#contact .office-list .nav-tabs {
		display: none;
	}
	#contact .office-list .location-dropdown-menu {
		display: block;
	}
	#menu .menu.header-menu ul.widget .btn-home-map-search {
		display: inline-block;
	}
	#menu .menu.header-menu ul.widget .btn-map-search {
		display: inline-block;
	}
	#menu .menu.header-menu ul.widget .btn-map-search.map-search {
		display: inline-block;
	}
	#search-list .toolbar #btn-identify, #search-list .toolbar #btn-legend,
		#search-list .toolbar #btn-multiLot {
		margin-top: 2px;
		margin-bottom: 2px;
	}
	.overlay-product-wrapper .product-list .item .btn-view-more {
		padding: 5px 46px;
		font-size: initial;
	}
	#header .header-top .tools nav.color-picker a {
		width: 30px;
		height: 30px;
	}
	#header .header-top .social .fa.fa-share-alt, .product-detail .fa.fa-link {
		font-size: 26px !important;
	}
	#header .header-top .tools nav.social .icon-wrapper {
		top: 30px;
	}
	.product-detail .social .icon-wrapper {
		top: 30px;
	}
	section.banner #bannerCarousel video, section.banner #bannerCarousel img {
		width: 100%;
		background-color: black;
	}
	#header .header-top .header-landsd-logo {
		display: none;
	}
	#header .header-top .header-mobile-landsd-logo {
		display: inline-block;
	}
	#search-list #searchPanel .cate-menu .badge {
		padding: 1px 23px;
		font-size: 20px !important;
		width: 60px;
	}
	#productDialog .qr-code-img {
		display: block;
	}
	#home section.category img {
		height: auto;
		width: calc(100vw - 30px);
	}
	#search-list .toolbar .btn-menu {
		width: 32%;
		font-size: 12px;
		padding: 6px 0px;
	}
	#orderHistoryDetail .div-prodexch-from-table {
		padding-left: 15px;
		padding-right: 15px;
	}
	#orderHistoryDetail .div-prodexch-to-table {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media ( max-width : 480px) {
	/* To fix nav-fixed-top issue*/
	/* 	body{ */
	/* 		padding-top: 162px; */
	/* 	} */
	#header .header-top>div.row>div {
		/* 		width: 100%; */
	}
	#header .header-top>div.row>div:nth-child(2) {
		margin-top: 10px;
		text-align: left;
	}
	#header .header-top div.row .tools {
		padding-top: 5px;
	}
	footer .footer-bottom nav.footer-link {
		display: none;
	}
	footer .footer-bottom nav.copyright {
		width: 100%;
		text-align: right;
	}
	#home section.explore .content-explore .title {
		font-size: 20px !important;
	}
	#contact .office-list .nav-tabs {
		display: none;
	}
	#contact .office-list .location-dropdown-menu {
		display: block;
	}
	#menu .menu.header-menu ul.widget .btn-home-map-search {
		display: inline-block;
	}
	#menu .menu.header-menu ul.widget .btn-map-search {
		display: inline-block;
	}
	#menu .menu.header-menu ul.widget .btn-map-search.map-search {
		display: inline-block;
	}
	#search-list .toolbar #btn-identify, #search-list .toolbar #btn-legend,
		#search-list .toolbar #btn-multiLot {
		margin-top: 2px;
		margin-bottom: 2px;
	}
	.overlay-product-wrapper .product-list .item .btn-view-more {
		padding: 5px 46px;
		font-size: initial;
	}
	#header .header-top .tools nav.color-picker a {
		width: 30px;
		height: 30px;
	}
	#header .header-top .social .fa.fa-share-alt, .product-detail .fa.fa-link {
		font-size: 26px !important;
	}
	#header .header-top .tools nav.social .icon-wrapper {
		top: 30px;
	}
	.product-detail .social .icon-wrapper {
		top: 30px;
	}
	#header .header-top .header-landsd-logo {
		display: none;
	}
	#header .header-top .header-mobile-landsd-logo {
		display: inline-block;
	}
	section.banner #bannerCarousel video, section.banner #bannerCarousel img {
		width: 100%;
		background-color: black;
	}
	#search-list #searchPanel .cate-menu .badge {
		padding: 1px 23px;
		font-size: 20px !important;
		width: 60px;
	}
	.hourglass-spin {
		position: fixed;
		top: 45vh;
		left: 35vw;
		width: 120px;
		height: 120px;
	}
	#productDialog .qr-code-img {
		display: block;
	}
	#home section.category img {
		height: auto;
		width: calc(100vw - 30px);
	}
	#search-list .toolbar .btn-menu {
		width: 32%;
		font-size: 12px;
		padding: 6px 0px;
	}
	#orderHistoryDetail .div-prodexch-from-table {
		padding-left: 15px;
		padding-right: 15px;
	}
	#orderHistoryDetail .div-prodexch-to-table {
		padding-left: 15px;
		padding-right: 15px;
	}
}

#cart-map  {
	width: 95% !important;
	margin: auto;
}
/*# sourceMappingURL=theme.css.map */
.messageBox {
	display: none;
}

/* redirect.jsp loading image */
.aligncenter {
	text-align: center;
}

.dlList_ncapExpire {
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 120px;
}

#login-redirect {
	display: none;
}