.cpt-hidden {display:none;}
.dark-banner {color: white;}
.ui-widget-header {background-color:var(--logo-dark-blue);}
.form-select {-webkit-appearance: none;}
.cpt-error-message {color: red;}
.cpt-error {outline: 1px solid red;}
.m-quote-document-upload-item {width: 100%;}
.cpt-uploaded-file-list {display:none;}
.cpt-uploaded-file-list.show {display:block !important;}
.cpt-upload-filename {word-wrap: break-word; width:50%; padding: 0px 10px;}
.cpt-upload-filename2 {word-wrap: break-word; width:50%; padding: 0px 10px;}
.cpt-upload-reset {display:none;}
.cpt-upload-reset.show {display:block !important;}
.cpt-upload-reset2 {display:none;}
.cpt-upload-reset2.show {display:block !important;}
@media screen and (max-width: 767px) {
    .template-quotation-innerpage-gp .cpt-upload-btn {width: 180px;}
	.cpt-uploaded-file-list {}
	.cpt-upload-filename {word-wrap: break-word; width:100%; padding: 5px 0px;}
	.cpt-upload-filename2 {word-wrap: break-word; width: auto;}
	.cpt-upload-filename2.show {width:100%; padding: 5px 0px;}
}
input[type=number].cpt-number {
    -moz-appearance: textfield;
}
.phase1_hide {display:none !important;}
.banner-heading {max-width:100% !important;}
.cpt-single-product_a.member-form-btn-gp {justify-content: center;}
@media screen and (max-width: 767px) {
	.cpt-single-product_a.member-form-btn-gp {display:block; text-align:center;}
	.cpt-single-product_a.member-form-btn-gp .member-form-btn-item {margin:0px; margin-top: 20px; display:block;}
	.hr-learn-article-index-b {display:none;}
	.page-register-personal, .page-register-personal, .page-register-company{overflow-x: hidden;}
}

@media screen and (min-width: 992px) {
.member-insure-table-col.col-cat {width:22%;}
.member-insure-table-col.col-date {width:12%;}
}
@media screen and (min-width: 1200px) {
	.t-q-employee-table-type {width: 280px;}
	.t-q-employee-table-col.col-title {width: 40%;}
	.t-q-employee-table-col.col-qty {width: 25%;}
	.t-q-employee-table-col.col-income {width: 35%;}
	
}


label.error {display:none !important;}
select.error,
input.error,
textarea.error {outline:1px solid red !important;}

.page-member-quotations .member-quote-select-date-b {margin-left:0px; margin-right:0px;}
.page-member-quotations .member-quote-select-date-col {padding-left:0px; padding-right:0px;}

.cpt-template-quotation-i-icon.show .template-quotation-i-content {opacity:1; display:block;}
.grecaptcha-badge {
	/* visibility: hidden !important; */
	visibility: visible !important;
}

.single-product_a .template-top-white-box {display:none;}
.single-product_a .template-top-info-b {padding-top: 560px;}
@media screen and (max-width: 767px) {
	.single-product_a .template-top-info-b {padding-top: 200px;}
}

/* compare popup */

/*.pop-template-compare*/
.single-product_b .form-select.v-price-range{
	max-width: 100%;
}
@media screen and (max-width: 479px) {
	.sticky-btn-b{
		z-index: 10000 !important;
		inset: unset !important;
		top: 5px !important;
		right: 50px !important;
	}
}

.home-banner-btn-b{
	padding-top: 20px;
}
.header-btn-common {
	background-color: var(--logo-orange);
	color: var(--grey-fc);
	text-align: center;
	letter-spacing: 2px;
	background-image: url('../images/header-btn.svg');
	background-position: 100%;
	background-repeat: no-repeat;
	background-size: 40px;
	padding: 13px 50px 13px 20px;
	font-size: 16px;
	font-weight: 500;
	line-height: 120%;
	transition-property: background-color;
}
.header-btn-common:hover {
	background-color: var(--grey-fc);
	color: var(--logo-orange);
	background-image: url('../images/header-btn-hover.svg');
}
.header-btn-common.no-arrow {
	background-image: none;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto;
	padding-right: 20px;
}
@media screen and (max-width: 767px) {
	.header-btn-common {
		padding-top: 8px;
		padding-bottom: 8px;
	}
}


/* register password */
.form-password-hints-row{
	justify-content: flex-start;
	align-items: center;
	padding-top: 5px;
	display: flex;
}
.form-password-hints-checkbox {
	background-color: var(--field-placeholder-grey);
	border-radius: 100%;
	width: 15px;
	height: 15px;
	margin-right: 5px;
}
.form-password-hints-checkbox.checked {
	background-color: var(--logo-dark-blue);
	background-image: url('../images/password-checkbox-tick.svg');
	background-position: 50%;
	background-size: cover;
}
.form-password-hints-txt {
	color: var(--field-placeholder-grey);
	font-size: 14px;
}
/* register password */

.cpt-hide-tag {display:none;}

.update-table-r.v-clear {background-color: transparent !important}


.cpt-expend .cpt-expend-icon {transition: transform 0.2s ease;}
.cpt-expend .cpt-expend-icon.open { transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(180deg) skew(0deg, 0deg); transform-style: preserve-3d;}
/*
.cpt-expend-area {position: relative !important; display:block !important; transform-origin: top; transition: transform 0.2s ease; transform: scaleY(0); height:0px; opacity: 0;}
.cpt-expend .cpt-expend-icon {transition: transform 0.2s ease;}
.cpt-expend .cpt-expend-icon.open { transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(180deg) skew(0deg, 0deg); transform-style: preserve-3d;}
.cpt-expend-area.w--open {transform: none; height:auto; opacity: 1;}
*/

.template-quotation-progress-line.half {position: relative !important;}
@media screen and (min-width: 768px) {
	.member-menu-b {transform: none !important;}
}