body a{
	color: inherit;
}

html{
	overflow-x: hidden;
}

html body{
	font-family: 'notosansthai', Helvetica, Arial, sans-serif;
}
.ic-loan::before{
	width: 30px;
	height: 30px;
	display: block;
	content: "";
	background: url(../../images/new-design/icon/ico-loan.svg);
	background-size: 100% auto;
}
li.active .ic-loan::before,
li:hover .ic-loan::before{
	background: url(../../images/new-design/icon/ico-loan-active.svg);
	background-size: 100% auto;
}
.ic-credit-card::before{
	width: 30px;
	height: 30px;
	display: block;
	content: "";
	background: url(../../images/new-design/icon/ico-creditcard.svg);
	background-size: 100% auto;
}
li.active .ic-credit-card::before,
li:hover .ic-credit-card::before{
	background: url(../../images/new-design/icon/ico-creditcard-active.svg);
	background-size: 100% auto;
}
.ic-payroll::before{
	width: 30px;
	height: 30px;
	display: block;
	content: "";
	background: url(../../images/new-design/icon/ico-payroll.svg);
	background-size: 100% auto;
}
li.active .ic-payroll::before,
li:hover .ic-payroll::before{
	background: url(../../images/new-design/icon/ico-payroll-active.svg);
	background-size: 100% auto;
}
.ic-managekbiz-menu::before{
	width: 30px;
	height: 30px;
	display: block;
	content: "";
	background: url(../../images/new-design/icon/ico-managekbiz.svg);
	background-size: 100% auto;
}
li.active .ic-managekbiz-menu::before,
li:hover .ic-managekbiz-menu::before{
	background: url(../../images/new-design/icon/ico-managekbiz-active.svg);
	background-size: 100% auto;
}
.ic-manage-other-menu::before{
	width: 30px;
	height: 30px;
	display: block;
	content: "";
	background: url(../../images/new-design/icon/ico-manage-other.svg);
	background-size: 100% auto;
}
li.active .ic-manage-other-menu::before,
li:hover .ic-manage-other-menu::before{
	background: url(../../images/new-design/icon/ico-manage-other-active.svg);
	background-size: 100% auto;
}
.ic-status-menu::before{
	width: 30px;
	height: 30px;
	display: block;
	content: "";
	background: url(../../images/new-design/icon/ico-status.svg);
	background-size: 100% auto;
}
li.active .ic-status-menu::before,
li:hover .ic-status-menu::before{
	background: url(../../images/new-design/icon/ico-status-active.svg);
	background-size: 100% auto;
}
.ic-register-service-menu::before{
	width: 30px;
	height: 30px;
	display: block;
	content: "";
	background: url(../../images/new-design/icon/ico-register-service.svg);
	background-size: 100% auto;
}
li.active .ic-register-service-menu::before,
li:hover .ic-register-service-menu::before{
	background: url(../../images/new-design/icon/ico-register-service-active.svg);
	background-size: 100% auto;
}
.btn.hv-icon .ic.ic-scan{
	margin-left: -10px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: text-top;
}
.btn.hv-icon.popup-content-type .ic.ic-search{
	margin-left: -10px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: text-top;
	color: #22C77D;
	font-size: 18px;
}
.ic-scan::before{
	width: 18px;
	height: 18px;
	display: block;
	content: "";
	background: url(../../images/new-design/icon/scan.svg);
	background-size: 100% auto;
}
.ic-success-green::before{
	width: 36px;
	height: 36px;
	display: block;
	content: "";
	background: url(../../images/new-design/icon/ico-check.svg);
	background-size: 100% auto;
}
.ic-waiting::before{
	width: 36px;
	height: 36px;
	display: block;
	content: "";
	background: url(../../images/new-design/icon/ico-waiting.svg);
	background-size: 100% auto;
}
.ic-waiting-green::before{
	width: 36px;
	height: 36px;
	display: block;
	content: "";
	background: url(../../images/new-design/icon/ico-waiting-approve.svg);
	background-size: 100% auto;
}
.ic-tooltip::before{
	width: 20px;
	height: 20px;
	display: block;
	content: "";
	background: url(../../images/new-design/icon/ico-tooltip.svg);
	background-size: 100% auto;
}

.ic-setup-profile-04:before {
    width: 18px;
	height: 18px;
	display: inline-block;
	content: "";
	background: url(../../images/new-design/icon/ico-changelimit.svg);
	background-size: 100% auto;
}

.ic-info:before{
	content: "\e919";
}

.ic-continue{
	width: 47px;
	height: 47px;
}
.ic-continue:before {
    content: "\e907";
    position: relative;
    z-index: 2;
	font-size: 19px;
	padding: 0 3px;
	line-height: 12px;
	color: #fff;
	top: -2px;
}
.ic-info-circle-reverse{
	position: relative;
	display: inline;
    line-height: inherit;
    top: -1px;
	margin-left: -4px;
}
.ic-info-circle-reverse:before {
    content: "\e94e";
    position: relative;
    z-index: 2;
	font-size: 14px;
	line-height: 12px;
	color: #feffcf;
}
.ic-info-circle-reverse:after {
    display: block;
    content: "";
    position: absolute;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    top: -1px;
    left: 1px;
    z-index: 1;
    background: #000;
}
.ic-pwkbiz:after {
    width: 30px;
    height: 30px;
    display: block;
    content: "";
    background: url(../../images/new-design/icon/ico-p-w-kbiz-white.svg);
    background-size: 100% auto;
}
li:hover .ic-pwkbiz:after,
.active .ic-pwkbiz:after {
    background: url(../../images/new-design/icon/ico-p-w-kbiz-active.svg);
    background-size: 100% auto;
}

.matchHeight-group > .col-md-6 > .warning .ic-info-circle-reverse{
	top: 0;
}
.matchHeight-group > .col-md-6 > .warning .ic-info-circle-reverse:after{
	top: -4px;
}

.ic-receipt::before{
	width: 30px;
	height: 30px;
	display: block;
	content: "";
	background: url(../images/new-design/ico-receipt.svg);
	background-size: 100% auto;
}
li.active .ic-receipt::before,
li:hover .ic-receipt::before{
	background: url(../images/new-design/ico-receipt-active.svg);
	background-size: 100% auto;
}
.ic-eslip::before {
	width: 20px;
	height: 24px;
	display: inline-block;
	content: "";
	background: url(../../images/new-design/icon/ico-eslip.svg) no-repeat center center;
	background-size: 100% auto;
}
.ic-eslip-grey::before {
	width: 22px;
	height: 22px;
	display: inline-block;
	content: "";
	background: url(../../images/new-design/icon/ico-eslip-grey.svg) no-repeat center center;
	background-size: 100% auto;
}
.ic-information::before {
	width: 18px;
	height: 18px;
	display: inline-block;
	content: "";
	background: url(../../images/new-design/icon/ico-information.svg);
	background-size: 100% auto;
}

.ic-cheque,
.ic-cheque-seize{
	width: 122px;
	height: 100px;
	display: block;
	margin: 0 auto;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 16px;
	color: #495968;
}
.ic-cheque i::before {
	width: 46px;
	height: 46px;
	display: block;
	margin: 0 auto 5px auto;
	content: "";
	background: url(../../images/new-design/icon/ico-cheque.svg) no-repeat center center;
	background-size: 26px auto;
	border: 1px solid #00A850;
	border-radius: 50%;
}
.ic-cheque-seize i::before {
	width: 46px;
	height: 46px;
	display: block;
	margin: 0 auto 5px auto;
	content: "";
	background: url(../../images/new-design/icon/ico-seize-cheque.svg) no-repeat;
	background-position: center 53%;
	background-size: 29px auto;
	border: 1px solid #00A850;
	border-radius: 50%;
}
.ic-copy::before {
	width: 24px;
	height: 24px;
	display: inline-block;
	content: "";
	background: url(../../images/new-design/icon/ico-copy.svg);
	background-size: 100% auto;
}
.ic-upload-green::before {
	width: 24px;
	height: 24px;
	display: inline-block;
	content: "";
	background: url(../../images/new-design/icon/ico-upload-green.svg);
	background-size: 100% auto;
}
.ic-order-history::before {
	width: 18px;
	height: 17px;
	display: inline-block;
	content: "";
	background: url(../../images/new-design/icon/ico-order-history.svg) no-repeat;
	background-size: 100% auto;
	background-position: center center;
}
.ic-download-green::before{
	width: 12px;
	height: 12px;
	display: block;
	content: "";
	background: url(../../images/new-design/icon/ico-download.svg);
	background-size: 100% auto;
}

.ic-download-2::before{
	width: 14px;
	height: 14px;
	display: inline-block;
	content: "";
	background: url(../../images/new-design/icon/ico-download-white.svg) no-repeat center center;
	background-size: 100% auto;
}

.ic-noti::before{
	width: 18px;
	height: 18px;
	display: inline-block;
	content: "";
	background: url(../images/new-design/ico-notification.svg) no-repeat center center;
	background-size: 100% auto;
	vertical-align: middle;
    margin: -5px 0px 0 -5px;
}
.ic-noti-white::before{
	width: 18px;
	height: 18px;
	display: inline-block;
	content: "";
	background: url(../../images/new-design/icon/ico-notification-white.svg) no-repeat center center;
	background-size: 100% auto;
	vertical-align: middle;
    margin: -5px 0px 0 -5px;
}
.ic-link-out::before{
	width: 12px;
	height: 12px;
	display: inline-block;
	content: "";
	background: url(../images/new-design/ico-link-out.svg) no-repeat center center;
	background-size: 100% auto;
	vertical-align: middle;
	margin: -10px 0 0 5px;
}
.ic-setting-history::before{
	width: 27px;
	height: 27px;
	display: inline-block;
	content: "";
	background: url(../images/new-design/ico-setting-history.svg) no-repeat center center;
	background-size: 100% auto;
	vertical-align: text-top;
}
.ic-approved-history::before{
	width: 27px;
	height: 27px;
	display: inline-block;
	content: "";
	background: url(../images/new-design/ico-approved-history.svg) no-repeat center center;
	background-size: 100% auto;
	vertical-align: text-top;
}

.ic-cheque-04:before {
	width: 18px;
	height: 18px;
	display: inline-block;
	content: "";
	background: url(../images/new-design/ico-cheque-info.svg) no-repeat center center;
	background-size: 100% auto;
}

.fake-tabs .ic-cheque-04:before {
	width: 24px;
	height: 24px;
}

.fake-tabs .ic-cheque-04:before {
	background: url(../images/new-design/ico-cheque-info-green.svg) no-repeat center center;
	background-size: 100% auto;
}
.fake-tabs div.col.active .ic-cheque-04:before {
	background: url(../images/new-design/ico-cheque-info.svg) no-repeat center center;
	background-size: 100% auto;
}

.file-upload-button .ic-pencil:before{
	content: "";
}

.file-upload-button .ic-pencil{
	background: url(../images/new-design/ico-camera.svg) no-repeat center center;
	background-size: 14px auto;
	width: 100%;
	height: 100%;
}

.choice-to-tabs .ic-transfer-personal:before,
.fake-tabs .ic-transfer-personal:before{
	width: 30px;
	height: 30px;
	display: block;
	content: "";
	background: url(../images/new-design/ico-profile.svg);
	background-size: 100% auto;
}
.choice-to-tabs .choice-input[type="radio"]:checked + .choice-name .ic-transfer-personal:before,
.fake-tabs .active .ic-transfer-personal:before{
	width: 30px;
	height: 30px;
	display: block;
	content: "";
	background: url(../images/new-design/ico-profile-active.svg);
	background-size: 100% auto;
}
.choice-to-tabs .ic-transfer-other:before,
.fake-tabs .ic-transfer-other:before{
	width: 32px;
	height: 30px;
	display: block;
	content: "";
	background: url(../images/new-design/ico-card.svg);
	background-size: 100% auto;
}
.choice-to-tabs .choice-input[type="radio"]:checked + .choice-name .ic-transfer-other:before,
.fake-tabs .active .ic-transfer-other:before{
	width: 32px;
	height: 30px;
	display: block;
	content: "";
	background: url(../images/new-design/ico-card-active.svg);
	background-size: 100% auto;
}

.account-management-heading.d-column.w-100.align-items-start{
	flex: 0 0 100%;
	flex-direction: row;
}

.account-management-link.transfer-wrapper{
    top: 0;
	margin: 0;
	max-width: calc(100% - 30px);
}
.account-management-link.transfer-wrapper .tab-menu{
    left: auto;
    right: 0;
	margin-top: -2px;
}

.account-management-summary-list .middle .list span.c-big.c-gray{
	font-size: 18px;
	white-space: nowrap;
	margin-top: 0 !important;
	line-height: 31px;
}

.account-management-summary-list .middle .list span.c-gray{
	font-size: 14px;
	margin-top: 7px;
}

.account-management-summary .row.align-items-center.h-100.d-flex{
	top: 0;
	position: absolute;
	width: calc(100% - 15px);
}

.form.form-transfer .file-upload-wrapper .file-upload-input{
	font-size: 0;
	width: 96px;
}
.add-favourite-form .file-upload-wrapper .file-upload-input{
	max-width: 80px;
}

.custom-file-upload.show-detail{
	width: 96px;
	max-width: 96px;
}

.num-indent{
	text-indent: -1em;
	padding-left: 1em;
}

.heading-h4.mt-4{
	margin-bottom: -1.5rem;
}

.f-12{
	font-size: 12px !important;
}
.f-14{
	font-size: 14px !important;
}
.f-16 {
	font-size: 16px !important;
}

.link-line{
	color: #4dcc89;
	text-decoration: underline;
	cursor: pointer;
	word-break: break-all;
}

.link-line:hover,
.link-line:focus{
	color: #17a458;
	text-decoration: underline;
}

.gauge{
	height: 6px;
	width: 100%;
	border-radius: 6px;
	background: #d9d9d9;
	display: block;
}

.gauge .paid{
	display: block;
	position: relative;
	height: 6px;
	border-radius: 6px;
	width: auto;
	background: linear-gradient(to right, #4dcc89 0%, #00a850 100%);
}

.gauge .paid::before{
	display: block;
	content: "";
	position: absolute;
	top: -14px;
	width: 0; 
	height: 0; 
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 9px solid #00a850;
	right: -6px;
}

.account-management-summary-list .middle{
	padding: 5px 0;
}

.account-management-summary-list .middle:last-child{
	padding-bottom: 10px;
}

.blank-white{
	display: flex;
	text-align: center;
	justify-content: center;
	align-content: center;
	min-height: calc(100vh - 200px);
}

.margin-top-5 {
    margin-top: 5px;
}

.contact-bank {
	color: #333 !important;
	text-align: center !important; 
	font-size: 20px !important; 
	padding: 5px !important;
}

.text-red{
	color: #d30000 !important;
}

.text-yellow {
	color:#F2E215 !important;
}

.font-default{
	font-family: 'notosansthai', Helvetica, Arial, sans-serif !important;
}

.account-management-heading.d-column .price span.font-default{
	font-size: 26px;
}

select.disabled,
select.disabled + span{
	pointer-events: none !important;
}

select.disabled + span .select2-selection__arrow{
	display: none !important;
}

.c-16-black{
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
.c-24-black{
	font-size: 24px;
	font-weight: bold;
	color: #555;
}

.c-small{
	font-size: 12px;
}

.list-attention{
	display: inline-block;
	width: auto;
	margin: 0 auto;
	text-align: left;
}
.list-attention p{
	width: auto;
    display: block;
    clear: both;
	font-size: 14px;
    float: left;
}
.list-attention p::before{
	content: "•";
	display: inline;
	padding-right: 5px;
}

.custom-upload{
	background: #fff;
	border-radius: 10px;
	margin-bottom: 10px;
}
.form.form-transfer .custom-upload .file-upload-wrapper .file-upload-action button.btn,
.custom-upload button.btn{
	background: linear-gradient(to right, #4dcc89 0%, #00a850 100%);
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
	width: auto;
}

.form.form-transfer .custom-upload .file-upload-wrapper .file-upload-action label.btn,
.custom-upload label.btn.file-upload-button{
	background: none;
	font-size: 14px;
}

.custom-upload .btn.file-upload-button .ic-pencil{
	display: none;
}

.upload-icon{
	width: 58px;
	height: 58px;
	margin: 25px auto 15px auto;
}

.custom-upload .file-upload-wrapper .file-upload-action{
	left: 50%;
	transform: translateX(-50%);
	pointer-events: none;
}

.text-left{
	text-align: left;
}

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

.form.form-transfer .custom-upload .file-upload-wrapper .file-upload-input,
.custom-upload .file-upload-wrapper .file-upload-input{
	border: none;
	background: none;
	font-size: 0;
	height: 54px;
	cursor: pointer;
	margin-left: 50%;
    transform: translateX(-50%);
}

.c-s-small{
	font-size: 8px;
}

.border-top{
	border-top: 1px solid #eee;
}

.green-text-button{
	color: #00a850;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	font-size: 12px;
	line-height: 12px;
	padding: 5px 0;
	cursor: pointer;
}

.green-text-button + .green-text-button{
	padding-left: 15px;
}

.green-text-button:hover{
	color: #00a850;
	cursor: pointer;
	opacity: 0.5;
}

.green-text-button > *{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 0 0 0 5px;
	width: auto;
}

.green-text-button > p{
	display: block;
}

.green-text-button .notice{
	font-size: 10px;
	display: block;
	color: #999;
	padding-top: 5px;
}

.uploaded{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 30px 15px;
	font-size: 16px;
    text-decoration: underline;
}

.uploaded > p{
	word-break: break-all;
}

.stripe > .bottom:nth-child(odd){
	background: #f6f6f6;
}

.green-circle{
	width: 80px;
	height: 80px;
	font-size: 38px;
	line-height: 38px;
	color: #fff;
	background: #4dcc89;
	border-radius: 50%;
	padding: 15px;
	text-align: center;
}
.green-circle-small{
	width: 30px;
	height: 30px;
	font-size: 18px;
	line-height: 18px;
	color: #fff;
	background: #4dcc89;
	border-radius: 50%;
	padding: 6px;
	text-align: center;
	display: inline-block;
    position: relative;
    top: -2px;
}
.red-circle-small{
	width: 30px;
	height: 30px;
	font-size: 18px;
	line-height: 18px;
	color: #fff;
	background: #ff0000;
	border-radius: 50%;
	padding: 6px;
	text-align: center;
	display: inline-block;
    position: relative;
    top: -2px;
}

.popup-content-style .mfp-content .btn.w-auto{
	width: auto;
}
.bottom.popup-max-height-content{
	max-height: 40vh;
	overflow-y: auto;
	display: block;
}

.non-table-12.payloan .list:nth-child(3){
	text-align: left;
}

.non-table-12.payloan .list,
.non-table-09.payloan-confirm-table .bottom .list{
	/* padding-top: 20px;
	padding-bottom: 20px; */
}

.non-table-09.payloan-confirm-table :is(.list:nth-child(2), .list:nth-child(3), .list:nth-child(4))  {
    text-align: left;
}
.bottom.max-height-content{
	max-height: 400px;
	overflow-y: auto;
	display: block;
}

.successful-detail.summary{
	border: none;
	padding-left: 0;
	padding-right: 0;
	background: none;
}

.successful-detail.summary .topic{
	color: #333;
	line-height: 36px;
}

.successful-detail.summary .result{
	font-size: 24px;
	line-height: 36px;
}

.successful-detail.no-border,
.successful-detail.memo{
	border: none;
}

.successful-detail.memo > *{
	width: 100%;
	text-align: left;
}

.breadcrumb.with-step > p{
	display: inline-block;
}

.breadcrumb.with-step:after{
	width: 150px;
	display: none;
	content: "";
	height: 25px;
}

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

.transfer-wrapper .menu-step.four-step,
.popup-content-style .mfp-content .menu-step.four-step,
.mfp-content .menu-step.four-step{
	width: 175px;
	right: -195px;
}


/* .payroll-detail .successful-detail{
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 15px;
    padding-top: 12px;
}

.payroll-detail .successful-detail .result{
	flex: 0 0 auto;
	width: auto;
	float: none;
}


.payroll-detail .successful-detail .topic{
	flex: 1;
	width: auto;
	float: none;
} */

.payroll-detail .successful-detail .result.memo{
	width: 62%;
}

.successful-detail .result.c-big{
	font-size: 22px;
}

.successful-detail .result.text-left{
	text-align: left;
}

.fake-button{
	position: absolute;
	height: 40px;
	opacity: 0;
	width: 75px;
	right: 0;
	bottom: 0;
}

.popup-content-style .mfp-content .btn.smaller-button{
	height: 40px;
	line-height: 40px;
}

.p-relative{
	position: relative;
}

.content-step-two .payroll-popup .summary-qr img{
	width: 180px;
	height: auto;
}

.green-link{
	color: #4dcc89;
	text-decoration: underline;
}

.form ul.paginations .disabled{
	display: inline-block;
}

.ic-check:before{
	content: "\e91e";
}

.text-word-count {
	font-size: 12px !important;
	color: #999 !important;
	margin-top:5px !important;
}

.text-verify-name {
	padding-top: 10px !important;
	padding-bottom: 4px !important;
}

.last-login {
	color: #fff;
	font-size: 11px !important;
    font-weight: 400;
}

.padding-item {
	padding: 0px 0px 20px 18px;
}

.padding-top-5 {
	padding-top: 5px !important;
}

.padding-top-10 {
	padding-top: 10px !important;
}

.padding-top-15 {
	padding-top: 15px !important;
}

.padding-top-20 {
	padding-top: 20px !important;
}

.padding-left-10 {
	padding-left: 10px !important;
}

.width-80 {
	width: 80% !important;
}

.alert-close-system {
	width: auto;
	min-width: min-content;
	max-width: max-content;
	background-color: rgba(10, 106, 54, .95);
    text-align: center;
    font-size: 14px;
    font-family: 'kurious', Helvetica, Arial, sans-serif ;
    margin:auto;
    padding: 15px;
    border-radius: 5px;
}

.icon-eye-password{
	padding: 5px;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
}

/* html .popup-content-style .mfp-content{
	max-width: none;
	width: auto;
}
html .popup-content-style .mfp-content > div{
	max-width: 650px;
	width: 880px;
} */
.popup-content-authen-style .mfp-content .white-popup-block.wide-popup,
.wide-popup{
	background: #fff;;
	padding: 30px;
	border-radius: 6px;
}

.summary-wrapper .successful-detail{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 10px 0;
}

.select2-container.replica .select2-selection--single .select2-selection__rendered{
	padding-right: 10px;
}

.successful-detail .topic{
	align-self: flex-start;
	font-size: 14px;
}

.border-right-popup{
	border-right: 1px solid #E5E4E8;
}

.border-left-popup{
	border-left: 1px solid #E5E4E8;
}


.mfp-content .menu-step { 
    position: absolute;
    right: -150px;
    top: 0;
    width: 130px;
}
.mfp-content .menu-step ul li { 
    font-size: 14px;
    color: #fff;
    margin-bottom: 20px;
    position: relative;
    padding-left: 45px;
}
.mfp-content .menu-step ul li .num { 
    width: 30px;
    height: 30px;
    line-height: 26px;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    border: 2px solid #ccc;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #000;
    margin-right: 8px;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: -3px;
}
.mfp-content .menu-step ul li .num:after {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #ccc;
    position: absolute;
    bottom: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.mfp-content .menu-step ul li .num.last:after {
    background-color: transparent;
    width: 0;
}
.mfp-content .menu-step ul li.active {
    color: #4DCD8A;
    font-weight: bold;
}
.mfp-content .menu-step ul li.active .num {
    background-color: #4DCD8A;
    border: 2px solid #4DCD8A;
    color: #fff;
}
.mfp-content .menu-step ul li.check .num {
    color: #4DCD8A;
/*    position: relative;*/
}
.mfp-content .menu-step ul li.check .num:before {
    content: "\e91e";
    font-family: 'iconfont' !important;
    position: absolute;
    top: 50%; left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #fff;
}

.memo-detail-popup {
	font-size: 13px;
	padding-top: 13px !important;
}

html .summary-wrapper.payroll-detail{
	padding-top: 0;
}

.crop::-webkit-scrollbar,
.notification-wrap::-webkit-scrollbar,
.user-expand .choice-group::-webkit-scrollbar,
.summary-wrapper.payroll-detail::-webkit-scrollbar,
.summary-wrapper.no-scroll::-webkit-scrollbar,
.bottom.max-height-content::-webkit-scrollbar,
.bottom.popup-max-height-content::-webkit-scrollbar {
    background-color:#fafafa;
    width:5px
}
/* background of the scrollbar except button or resizer */

.notification-wrap::-webkit-scrollbar-track,
.user-expand .choice-group::-webkit-scrollbar-track,
.summary-wrapper.payroll-detail::-webkit-scrollbar-track,
.summary-wrapper.no-scroll::-webkit-scrollbar-track ,
.bottom.max-height-content::-webkit-scrollbar-track,
.bottom.popup-max-height-content::-webkit-scrollbar-track {
    background-color: #fafafa;
	box-shadow: none;
}
.notification-wrap::-webkit-scrollbar-track,
.user-expand .choice-group::-webkit-scrollbar-track{
	background-color: #e0e0e0;
}
.summary-wrapper.payroll-detail:hover::-webkit-scrollbar-track,
.summary-wrapper.no-scroll:hover::-webkit-scrollbar-track,
.bottom.max-height-content:hover::-webkit-scrollbar-track,
.bottom.popup-max-height-content:hover::-webkit-scrollbar-track {
    background-color:#f7f7f7;
}
.crop:hover::-webkit-scrollbar-track{
	background: #d9d9d9;
	border-radius: 10px;
}

/* scrollbar itself */
.notification-wrap::-webkit-scrollbar-thumb,
.user-expand .choice-group::-webkit-scrollbar-thumb{
	background-color:#aad1bd;
    border-radius:16px;
	outline: 0;
	box-shadow: none;
}
.summary-wrapper.payroll-detail::-webkit-scrollbar-thumb,
.summary-wrapper.no-scroll::-webkit-scrollbar-thumb,
.bottom.max-height-content::-webkit-scrollbar-thumb,
.bottom.popup-max-height-content::-webkit-scrollbar-thumb {
    background-color:#ebebeb;
    border-radius:16px;
	outline: 0;
	box-shadow: none;
}
.crop::-webkit-scrollbar-thumb{
	background-color: #525252;
	border-radius: 10px;
}
.notification-wrap:hover::-webkit-scrollbar-thumb,
.user-expand .choice-group:hover::-webkit-scrollbar-thumb{
	background-color: #00A850;
}
.summary-wrapper.payroll-detail:hover::-webkit-scrollbar-thumb,
.summary-wrapper.no-scroll:hover::-webkit-scrollbar-thumb,
.bottom.max-height-content:hover::-webkit-scrollbar-thumb,
.bottom.popup-max-height-content:hover::-webkit-scrollbar-thumb {
    background-color:#cecece;
}
/* set button(top and bottom of the scrollbar) */
.notification-wrap::-webkit-scrollbar-button,
.user-expand .choice-groups::-webkit-scrollbar-button,
.summary-wrapper.payroll-detail::-webkit-scrollbar-button,
.summary-wrapper.no-scroll::-webkit-scrollbar-button,
.bottom.max-height-content::-webkit-scrollbar-button,
.bottom.popup-max-height-content::-webkit-scrollbar-button {
	display:none
}

.transaction.non-table-03 .list:nth-child(4) {
    width: 17.285%;
}
.transaction.non-table-03 .list:nth-child(6) {
    width: 11.285%;
}

.non-table-03 .list a span{
	text-decoration: underline;
}

.non-table-06.payloan-confirm-table .list:first-child { width: 6%; }
.non-table-06.payloan-confirm-table .list:nth-child(2),
.non-table-06.payloan-confirm-table .list:nth-child(3),
.non-table-06.payloan-confirm-table .list:nth-child(4),
.non-table-06.payloan-confirm-table .list:nth-child(5),
.non-table-06.payloan-confirm-table .list:nth-child(6) { width: 18.8%; }

.non-table-12.payloan-confirm-table .list:first-child { width: 26%; }
.non-table-12.payloan-confirm-table .list:nth-child(2),
.non-table-12.payloan-confirm-table .list:nth-child(3) { width: 37%; text-align: left;}

.non-table-09.table-4 .list:first-child { width: 25%; }
.non-table-09.table-4 .list:nth-child(2) { width: 25%; }
.non-table-09.table-4 .list:nth-child(3) { width: 25%; }
.non-table-09.table-4 .list:nth-child(4) { width: 25%; }
.non-table-09.table-4 .list:nth-child(5) { width: 0; }

.non-table-12.equal .list:first-child { width: 34%; }
.non-table-12.equal .list:nth-child(2) { width: 33%; }
.non-table-12.equal .list:nth-child(3) { width: 33%; }

.non-table-08.equal .list:first-child { width: 20%; }
.non-table-08.equal .list:nth-child(2) { width: 20%; }
.non-table-08.equal .list:nth-child(3) { width: 20%; }
.non-table-08.equal .list:nth-child(4) { width: 20%; }
.non-table-08.equal .list:nth-child(5) { width: 20%; }

.non-table-08.equal .top {
	padding: 12px;
}

.non-table-12.payloan .list:nth-child(2) > p:nth-child(2){
	text-align: left;
}

.non-table-12.payloan .list:nth-child(1){
	width: 20%;
}

.non-table-12.payloan .list:nth-child(2){
	width: 35%;
}

.min-width-500 {
	min-width: 500px !important;
}

.bg-c-red {
	background-color: #ff0000 !important;
}

.popup-content-style-type-b .mfp-content .btn.btn-smaller{
	height: 40px;
	line-height: 40px;
}

.remark-bg-white {
	margin: -12px 0px 10px -40px !important;
	padding: 20px 40px 20px 40px !important;
	background-color: #FFFFFF !important;
	width: 112.5%;
	border-bottom: 0 !important;
}

.border-bottom-1 {
	padding-bottom: 15px !important;
	border-bottom: 1px solid #E5E4E8;
}
.border-bottom-header{
	padding-bottom: 15px;
	margin-bottom: 15px;
	position: relative;
}

.border-bottom-header:after{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #f6f5fa;
	position: relative;
	bottom: -15px;
}

.text-crop{
	padding: 15px;
	max-width: 961px;
	text-align: left;
}
.text-crop-2{
	margin: 0 auto;
	width: 680px;
	max-width: 100%;
	padding: 0 15px;
	text-align: left;
}

.line{
	width: 100%;
	margin: 15px 0;
	height: 1px;
	display: block;
	background: #E5E4E8;
	opacity: 0.8;
}

html .popup-content-style .mfp-content .content .line{
	background: #E5E4E8;
	opacity: 1;
}

.mfp-content .btn.fixwidth {
    height: 40px;
    line-height: 40px;
    width: 145px;
}

.select2-container{
	width: 100% !important;
}

.padding-default{
	padding: 0 15px;
}

.head-w-icon img,
.head-w-icon span{
	line-height: inherit;
    display: inline-block;
    vertical-align: middle;
}

.successful-detail.no-wrap .topic{
	/* white-space: nowrap; */
}

.products-register-content .bottom .image{
	position: relative;
}
.products-register-content .bottom .image .status{
	position: absolute;
	right: 15px;
	bottom: 15px;
	font-size: 14px;
	border-radius: 30px;
	line-height: 30px;
	padding: 0 30px;
	color: #fff;
	background: #999;
	font-weight: bold;
}
.products-register-content .bottom .image .status.red{
	background: #FF0000;
}
.products-register-content .bottom .image .status.green{
	background: #00A850;
}
.products-register-content .bottom .image .status.yellow{
	background: #FA9B02;
}

html .content-step-two .summary-wrapper{
	height: auto;
	max-height: calc(100vh - 140px);
}
html .content-step-two .summary-wrapper:nth-last-child(n + 2){
	max-height: calc(100vh - 190px);
}

.ic.header-icon{
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	margin:15px 8px;
	background: #4dcc89;
	border-radius: 50%;
	display: inline-block;
    font-size: 20px;
}

.add-account-btn.account-info-options .arrow,
.add-account-btn.account-info-options .interbank-account-detail{
	margin-top: 10px;
}

.grey-hover a{
	height: 40px;
	padding: 8px 10px;
	max-width: none;
	margin-left: -10px;
	margin-right: -10px;
}
.grey-hover a:hover{
	background: #f6f6f6;
}

.flex-heading-between .right .input{
	max-width: 100%;
}

.center-w-input{
	line-height: 40px;
}

.pointer{
	cursor: pointer;
}

.tooltip{
	position: relative;
	/* font-family: 'Courier New', Courier, monospace; */
	font-size: 10px;
	display: inline-block;
	text-align: center;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	/* border: 1px solid #333; */
	margin-left: 5px;
	line-height: inherit;
	z-index: 1;
}

.tooltiptext{
	text-align: left;
}

.tooltip-content{
	display: none;
	width: 265px;
	background: #fff;
	position: absolute;
	padding: 15px;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	top: calc(100% + 18px);
	right: 0;
	text-align: left;
	font-size: 12px;
}

.tooltip:hover .tooltip-content{
	display: block;
}

.tooltip:hover .tooltip-content:after{
	content: "";
	display: block;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 7px solid #dedede;
	position: absolute;
	bottom: 100%;
	right: 0;
	position: absolute;
}

.non-table-13.paylroll-popup-custom .list:nth-child(n - 3){
	width: 33.3333%
}
.non-table-13.paylroll-popup-custom .bottom .list:nth-child(2),
.non-table-13.paylroll-popup-custom .bottom .list:nth-child(3){
	text-align: left;
}

.bin-icon{
	padding-top: 8px;
	padding-left: 10px;
}

.delete-this-row{
	cursor: pointer;
}

.c-green.add-more-account.disabled{
	color: #cecece !important;
	display: block;
	cursor: default;
}

.before-second{
	min-width: calc(50% - 30px);
    width: 150px;
}

.second-input{
	margin-left: 30px;
}

.d-flex.hidden{
	display: none !important;
}

.summary-wrapper.payroll-detail .input.d-flex{
	flex: 1;
}

.popup-side{
	overflow-x: auto;
}

.popup-side > *{
	max-width: none;
	width: 560px;
}

.content.content-step-two .custom-upload{
	background: none;
}

.default-f-size{
	font-size: 16px;
}
.popup-content-style .mfp-content .content .icon-on-left.icon .ic{
	font-size: 20px;
	margin: 15px !important;
}

.popup-content-style .mfp-content .content .icon-on-left.icon .ic + h3{
	display: inline;
	vertical-align: middle;
}

html .popup-content-style-type-b .mfp-content{
	padding: 30px;
}

.custom-carousel > div{
	padding-right: 5%;
}

.custom-carousel .slick-slide{
	padding-right: 15px;
	height: calc(18.4vw - 57px);
    max-height: 210px;
}

.custom-carousel .slick-slide *{
	width: 100%;
	height: 100%;
}

.custom-carousel .slick-prev, 
.custom-carousel .slick-next{
    background: #00A850;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	text-align: center;
	z-index: 1;
}

.custom-carousel .slick-prev{
	left: -16px;
}

.custom-carousel .slick-next{
	right: -16px;
}

.custom-carousel .slick-prev:before, 
.custom-carousel .slick-next:before{
	color: #fff;
    font-size: 14px;
	line-height: 32px;
    content: "\e907";
    font-family: 'iconfont';
	opacity: 1;
}

.custom-carousel .slick-prev{
	transform: rotate(180deg) translate(0, 50%);
}

.custom-carousel .slick-dots li{
	margin: 0;
}
.custom-carousel .slick-dots li button:before{
	font-size: 12px;
}
.custom-carousel .slick-dots li button:before{
	color: #e5e5e5;
	opacity: 1;
}
.custom-carousel .slick-dots li.slick-active button:before{
	color: #00A850;
}

.custom-carousel.slick-dotted.slick-slider{
	margin-bottom: 60px;
}

.custom-carousel .slick-dots{
	bottom: -40px;
	padding-right: 5%;
}

.custom-carousel .slick-slide img{
	border-radius: 10px;
}

.slick-slider .slick-track{
	margin-left: 0;
}

.qr-summary.payroll-popup .green-circle-small{
	display: none;
}

.content-step-two .qr-summary.payroll-popup .summary-qr{
	margin-top: 15px;
}

.content-step-two .qr-summary.payroll-popup .summary-qr img{
	width: 160px;
}

.business-type .sidebar .sidebar-menu li.active, 
.business-type .sidebar .sidebar-menu li:hover{
	color: #4DCD8A;
}
.business-type .column-container .sidebar .sidebar-menu li.active a,
.business-type .column-container .sidebar .sidebar-menu li:hover a{
	color: inherit;
}


nav.panel .ic:before{
	width: 25px;
	height: 25px;
}

.qr-summary.payroll-popup .summary-qr-desc-top{
	margin-left: auto;
    width: auto;
    font-size: 14px;
    display: flex !important;
    justify-content: center;
}

.qr-summary.payroll-popup h3.a-center + p.text-center{
	margin-top: 5px;
}

.register-center{
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}

.form .action.mt-action-half{
	margin-top: 15px;
}

.non-table-11.payroll-table-custom .bottom .lists > :is(.list:nth-child(2), .list:nth-child(3)){
	text-align: left;
}

.ic-close-o.c-s-small{
	font-size: 10px;
}

.qr-summary.payroll-popup .line.hidden-ip-pro{
	max-width: 320px;
    margin: 15px auto;
}

.mfp-content .fieldset-select-custom .list-account-item:last-child{
	border-bottom: 1px solid #E5E4E8;
}

.k-web-shopping-card-non-cards .k-web-shopping-card-non-card .image.act-eml{
    background-color: #31D57C;
}

.k-web-shopping-card-non-cards .k-web-shopping-card-non-card .image.act-eml img{
	object-fit: contain;
	background-color: #31D57C;
    padding: 30px;
    margin: 0 auto;
    display: block;
}

.k-web-shopping-card-non-cards.activate-email .action{
	justify-content: space-between;
    display: flex;
    align-items: center;
}

.k-web-shopping-card-non-cards.activate-email .action .gray.popup-modal-close{
	padding: 5px 15px;
    flex: 1;
    text-align: center;
	margin-bottom: 10px;
}

.preload-w-text{
	width: 260px;
	border-radius: 10px;
	background: #fff;
	padding: 40px;
	margin: 0 auto;
	font-size: 20px;
}

.preload-w-text img{
	margin-bottom: 25px;
}

.payroll-detail .btn{
	padding: 0 40px;
	border-radius: 23px;
}
.btn.btn-square,
.payroll-detail .btn.btn-square{
	border-radius: 10px !important;
}

.payroll-detail .btn.fixedwidth{
	padding: 0 20px;
}

.popup-content-style .mfp-content .btn.btn-small{
	height: 32px;
    line-height: 32px;
    font-size: 13px;
	padding: 0 25px;
}

.popup-content-style .mfp-content .btn.btn-small .ic-copy::before{
	width: 13px;
	height: 13px;
}

.default-f-size + .list-account > .list-account-item .list-account-right strong{
	padding-left: 15px;
    display: block;
}
.default-f-size + .list-account > .list-account-item .list-account-right:nth-child(1) strong{
	word-break: break-all;
}

.content-control{
	padding: 0 40px;
	max-width: 850px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.word-break-all{
	word-break: break-all;
}

.big-dots{
	font-size: 24px;
	line-height: 12px;
	position: relative;
	top: 4px;
}

.select2-custom + .select2-container .select2-selection__rendered{
	font-size: 10px !important;
	line-height: 14px;
	color: #777;
	display: block !important;
	white-space: nowrap;
	overflow: hidden !important;
	text-overflow: ellipsis;
	padding-bottom: 2px;
}

.select2-custom + .select2-container .select2-selection__rendered:before{
	content: "" attr(title) "";
	display: block;
	font-size: 14px;
	line-height: 20px;
	padding: 3px 0 0 0;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
}

.non-table-14.small .select2-selection__rendered:before{
	font-size: 12px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.select2-custom + .select2-container + .select2-container .select2-dropdown{
	color: #777;
	font-size: 10px;
}

.select2-custom + .select2-container + .select2-container .select2-results__option::before{
	font-size: 16px;
	content: "" attr(title) "";
	display: block;
	color: #000;
}

.select2-custom + .select2-container + .select2-container .select2-results__option{
	font-size: 10px;
	color: #777;
}

.non-table-14.small .select2-custom + .select2-container + .select2-container .select2-results__option::before{
	font-size: 10px;
}
.non-table-14.small .select2-custom + .select2-container + .select2-container .select2-results__option > span{
	font-size: 8px !important;
}

.select2-custom + .select2-container + .select2-container .select2-results__option div + div{
	line-height: 1;
}

.select2-custom + .select2-container + .select2-container .select2-results__option[aria-selected=true]:before{
	color: #00A850;
}
.select2-custom + .select2-container + .select2-container .select2-results__option[aria-selected=true]{
	color: #4DCD8A;
}

.select2-custom + .select2-container + .select2-container .select2-results__option.select2-results__option--highlighted:before{
	color: #fff;
}
.select2-custom + .select2-container + .select2-container .select2-results__option.select2-results__option--highlighted{
	color: #ccc;
}
.account-management-heading.d-column .price span.error-text{
	font-family: 'notosansthai', Helvetica, Arial, sans-serif;
}

.non-table-05.custom-history-table .list:nth-child(n){
	width: 12.5%;
}

.non-table-05 .list a span{
	text-decoration: underline;
}

.warning{
	font-size: 12px;
	background: #feffcf;
	border-radius: 4px;
	color: #000;
	padding: 3px 10px 0 10px;
	margin-top: 5px;
	display: inline-block;
    clear: both;
}

.matchHeight-group > .col-md-6 > .warning{
	font-size: 10px;
}

.word-break-all{
	word-break: break-all;
}

.desc .word-break-all{
	font-style: italic;
}
/* .c-green.add-more-account{
	text-decoration: underline;
} */
.fake-tabs{
	padding: 0 15px;
	margin-bottom: 16px;
	margin-top: -5px;
}
.fake-tabs > .row{
	flex-wrap: wrap;
    display: flex;
	border-radius: 10px;
	border: 1px solid #eee;
	-webkit-box-shadow: 0 1px 10px -5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 10px -5px rgba(0,0,0,0.2);
    -o-box-shadow: 0 1px 10px -5px rgba(0,0,0,0.2);
    box-shadow: 0 1px 10px -5px rgba(0,0,0,0.2);
	overflow: hidden;
	margin: 0 -15px;
}

.fake-tabs > .row > div[class*='col']{
	font-weight: bold;
	background: #fff;
	color: #333;
	font-size: 13px;
	padding: 0 3px;
}

.fake-tabs > .row > .active[class*='col']{
	background: rgb(2,170,82);
    background: linear-gradient(126deg, rgba(2,170,82,1) 0%, rgba(97,214,153,1) 100%);
	color: #fff;
}

.fake-tabs > .row > div[class*='col']:not(.active) + div[class*='col']:not(.active){
	border-left: 1px solid #eee;
}

.fake-tabs a{
	height: 40px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.under-tabs{
	font-size: 20px;
	vertical-align: bottom;
	margin-left: 2px;
}

.tabs-desc{
	font-size: 12px;
}

a.popup-desc{
	font-size: 15px;
	text-decoration: underline;
	color: #333;
	width: 100%;
	text-align: center;
	cursor: pointer;
}

.small-grey{
	color: #999;
	font-size: 14px;
}


.btn.btn-green{
	border: 1px solid #00a850 !important;
	background: #00a850;
}
.btn.outline-grey {
    border: 1px solid #495968 !important;
    color: #495968 !important;
    background-color: transparent;
    line-height: 36px;
}
.btn.outline-green {
    border: 1px solid #00a850 !important;
    color: #00a850 !important;
    background-color: transparent;
    line-height: 36px;
}

/* .popup-content-style .action.payment .btn.fixedwidth{
	width: 30%;
}
.popup-content-style .action.payment .btn.btn-gradient{
	width: calc(70% - 15px);
} */

.input-search.no-label.left-icon{
	right: auto;
	left: 10px;
}

.input-search.no-label.left-icon + input{
	padding-left: 30px;
	max-width: 200px;
}

.dark-grey{
	background:#E5E4E8;
	color: #333;
}
.col{
	padding: 0 15px;
	width: auto;
	flex: 1;
}
.col-auto{
	padding: 0 15px;
	width: auto;
	flex: 0 0 auto;
}

.btn.btn-scan{
	border-radius: 4px;
	background: #fff;
	border: 1px solid #ccc;
	color: #333 !important;
	width: 97px;
	font-size: 14px;
	font-weight: normal;
}

.btn.btn-search{
	border-radius: 4px;
	background: #fff;
	border: 1px solid #ccc;
	color: #333 !important;
	width: 100%;
	max-width: 200px;
	font-weight: normal;
	text-align: left;
}

.click-toggle{
	cursor: pointer;
}

.notification-content{
	position: absolute;
	right: -65px;
	background: #f4f3f9;
	border-radius: 10px;
	box-shadow: 0 3px 10px 0px rgba(0,0,0,0.1);
	width: 375px;
	max-width: 100vw;
	overflow: hidden;
	line-height: 1.2;
	z-index: 2;
	display: flex;
	flex-direction: column;
}

.notification-content .notification-header > *,
.notification-content .notification-wrap > div > *{
	display: inline-block;
	vertical-align: middle;
	width: 100%;
}

.notification-content .notification-header > img,
.notification-content .notification-wrap > div > img{
	margin-right: 16px;
}

.notification-content .notification-header{
	background: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 20px 24px;
	line-height: 1.2;
}

.notification-content .notification-sub-header{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	padding: 18px 24px;
	text-align: center;
	position: relative;
}
.notification-content .notification-date{
	font-size: 16px;
	font-weight: bold;
	padding: 17px 24px 12px 24px;
	line-height: 1.2;
}

.notification-content .notification-block{
	background: #fff;
	padding: 10px 24px ;
}

.notification-content .notification-block.unread{
	background: #DCF4E3;
}

.notification-content .notification-block:hover{
	background: #f8f8f8;
}
.notification-content .notification-block.unread:hover{
	background: #ecfff4;
}

.notification-content .notification-block + .notification-block{
	margin-top: 4px;
}

.notification-content .notification-block *{
	display: block;
}

.notification-content .notification-block > .row{
	align-items: center;
}

.notification-content .notification-block .col{
	padding-bottom: 15px;
	max-width: calc(100% - 55px);
}

.notification-block .time{
	color: #777;
	font-size: 12px;
	margin-bottom: 4px;
    text-align: right;
}
.notification-block .title{
	font-weight: bold;
	font-size: 16px;
	padding: 3px 0;
}

.notification-content .notification-block .row .description{
	display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	font-size: 14px;
	color: #777;
	line-height: 21px;
	font-weight: 500;
}

.notification-content .notification-block .row .each-desc{
	display: block;
    width: 100%;
	font-size: 14px;
	color: #777;
	position: relative;
	line-height: 21px;
	font-weight: 500;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


.notification-content .notification-sub-header *{
	z-index: 1;
	position: relative;
}

.notification-content .notification-sub-header:hover::before{
	background: #f7f7f7;
	content: "";
	display: block;
	top: 5px;
	bottom: 5px;
	left: 0;
	right: 0;
	position: absolute;
	z-index: 0;
}

.notification-content .notification-sub-header + .toggle-content > .notification-date:nth-child(1){
	padding-top: 0;
}

.notification-wrap{
	overflow: auto;
	flex: 1;
	/* max-height: calc(100vh - 140px); */
}

.toggle-noti{
	position: relative;
}
.toggle-noti > *{
	position: relative;
	z-index: 1;
}
.header .menu-right .menu-list .toggle-noti.active .ic-bell{
	color: #00A850;
}
.toggle-noti.active::before{
	position: absolute;
	width: 40px;
	height: 40px;
	content: "";
	border-radius: 50%;
	top: calc(50% - 20px);
	left: calc(50% - 20px);
	z-index: 0;
	background: rgba(0, 168, 80, 0.1);
}

.notification-content .notification-wrap > .notification-sub-header > *{
	width: auto;
}

.notification-content .notification-close{
	color: #00A850;
	position: absolute;
	top: 15px;
	left: 25px;
	z-index: 1;
	width: 60px;
	height: 60px;
	left: 0;
	top: 0;
	align-items: center;
	justify-content: center;
	display: none;
}

.notification-content .notification-close::after{
	content: "";
	width: 12px;
	height: 12px;
	border-left: 2px solid #00A850;
	border-bottom: 2px solid #00A850;
	transform: rotate(45deg);
}

.transparent-toggle{
	position: fixed;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: none;
}
.transparent-toggle.active{
	display: block;
}

.transparent-toggle.click-toggle{
	cursor: auto;
}

.summary .detail .account-no.biller-id{
	width: calc(100% + 15px);
	margin-right: -15px;
	max-width: none;
}

.choice-to-tabs .ic.ic-transfer-prompt-pay,
.fake-tabs .ic.ic-transfer-prompt-pay{
	border: 2px solid #333;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	text-align: center;
	line-height: 24px;
	display: block;
	font-size: 20px;
	margin-top: 2px !important;
}
.choice-to-tabs .choice-input[type="radio"]:checked + .choice-name .ic.ic-transfer-prompt-pay,
.fake-tabs .active .ic.ic-transfer-prompt-pay{
	border-color: #fff;
	color: #fff;
}
.choice-to-tabs .ic,
.fake-tabs .ic{
	margin-bottom: 7px;
	font-size: 25px;
}

.choice-to-tabs .ic + p,
.fake-tabs .ic + p{
	width: 100%;
	font-weight: normal;
}
.choice-to-tabs .active .ic + p,
.fake-tabs .active .ic + p{
	width: 100%;
	font-weight: bold;
}

.fake-tabs.with-icon{
	margin: 25px 0;
}
.visible-device > .fake-tabs.with-icon{
	border-radius: 10px;
}

.fake-tabs.with-icon a{
	flex-direction: column;
	flex-wrap: nowrap;
	height: 100%;
	display: block;
    padding: 7px 0;
}

.fake-tabs.with-icon a{
	color: #4DCC89;
}

.fake-tabs.with-icon a p{
	min-width: 100%;
	font-weight: bold;
	color: #333;
}

.fake-tabs.with-icon .active a,
.fake-tabs.with-icon .active a p{
	color: #fff;
}

.fake-tabs.with-icon .ic{
	margin: 0 auto 7px auto;
	display: block;
}

.input-search-acc{
	width: 40px;
	height: 40px;
	border-radius: 4px;
	background: #fff;
	border: 1px solid #ccc;
	display: block;
}

.ic-search-acc::before {
	width: 24px;
	height: 24px;
	display: inline-block;
	content: "";
	background: url(../images/new-design/icon/ico-seach-acc.svg) no-repeat center center;
	background-size: 100% auto;
	margin: 7px;
}

.img-ico{
	display: block;
	margin: 0 auto 7px auto;
}
.fake-tabs .active .img-ico{
	filter: brightness(5);
}

.grey-slide{
	background: #646464;
	border-radius: 10px;
	padding: 50px 30px;
}

.grey-bg{
	border-radius: 10px;
	background: #F4F3F9;
	padding: 15px;
}
.grey-bg.thick{
	padding: 30px;
}

.grey-bg .row.n-fixed{
	max-width: 400px;
	font-size: 14px;
	margin: 0 auto;
	align-items: center;
	display: flex;
	margin-top: 5px;
	margin-bottom: 10px;
}

.grey-bg .row.n-fixed input[type="password"]{
	height: 40px;
}

.grey-bg.thick .btn{
	border-radius: 6px;
    width: 62px;
    height: 40px;
    display: block;
    padding: 0;
    align-self: end;
}

.white-bg{
	background: #fff;
	border-radius: 10px;
	border: solid 1px #d9d9d9;
	padding: 15px 20px;
}
.white-bg.disabled{
	background: #F4F3F9;
}

.white-bg.disabled .grey-box{
	background: rgba(119,119,119,0.75);
	border-radius: 0;
	color: #fff;
	padding: 7px 15px;
	margin: -7px 0 -7px 40px;
}

.f-grey{
	color: #777;
}

/* .popup-modal-dismiss.with-confirm{
	pointer-events: none;
}
.popup-modal-dismiss.with-confirm a{
	pointer-events: all;
} */

.big-box-choice .choice-label,
.big-box-choice .choice-name{
	width: 100%;
	
}

.big-box-choice .choice input.choice-input + .choice-name{
	padding: 0;
}
.big-box-choice .choice input.choice-input + .choice-name .white-bg{
	padding-right: 75px;
}

.big-box-choice .choice input.choice-input:disabled + .choice-name .white-bg{
	background: #F4F3F9;
}

.big-box-choice .choice input.choice-input:disabled + .choice-name:after{
	display: none;
}

.big-box-choice .choice input.choice-input:checked + .choice-name .white-bg{
	background-color: #EAF8F0;
	border-color: #00A850;
}

.big-box-choice .choice input.choice-input + .choice-name:after{
	width: 28px;
	height: 28px;
	background: #fff;
	border-radius: 50%;
	border:1px solid #d9d9d9;
	font-family: 'iconfont' !important;
	content: "\e91e";
	color: #fff;
	display: block;
	position: absolute;
	top: calc(50% - 14px);
	right: 44px;
	text-align: center;
    line-height: 28px;
}


.big-box-choice .choice input[type=radio].choice-input:checked + .choice-name:after{
	background: #00a850;
	border-color: #00a850;
}

.small-grey-bg{
	border-radius: 4px;
	padding: 10px;
	background: #eee;
	width: auto;
	margin: 0;
	margin-top: 15px;
	width: auto;
	flex: 0 0 auto;
	line-height: 32px;
	font-size: 14px;
}

.green-bar{
	padding: 6px 8px;
	background: #4DCD8A;
	color: #fff;
	width: auto;
	text-align: center;
	line-height: 16px;
	font-size: 12px;
	max-width: 200px;
	margin-bottom: 10px;
}

.tooltip.big-tooltips{
	font-size: 18px;
	position: relative;
	top: 3px;
}

.crop{
	overflow: auto;
	max-height: 310px;
	padding-right: 10px;
}

.white-bg.active{
	border-color: #00A850;
	background: #EAF8F0;
}

/* .fake-tabs.with-icon a p{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
} */

.choice-to-tabs{
	display: flex;
	flex-wrap: wrap;
	border-radius: 10px;
	border: 1px solid #eee;
	-webkit-box-shadow: 0 1px 10px -5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 10px -5px rgba(0,0,0,0.2);
	-o-box-shadow: 0 1px 10px -5px rgba(0,0,0,0.2);
	box-shadow: 0 1px 10px -5px rgba(0,0,0,0.2);
	overflow: hidden;
}

.choice-to-tabs > .choice{
	width: auto;
	flex: 1;
	border-left: 1px solid #eee;
	margin: 0 !important;
}
.choice-to-tabs .choice.tab-1{
	order: 1;
	border-left: none;
}
.choice-to-tabs .choice.tab-2{
	order: 2;
}
.choice-to-tabs .choice.tab-3{
	order: 3;
}
.choice-to-tabs .choice-label,
.choice-to-tabs .choice-name{
	width: 100%;
	display: block !important;
	text-align: center;
}
.choice-to-tabs .choice-name i,
.choice-to-tabs .choice-name i:before{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.choice-to-tabs .choice input[type=radio].choice-input + .choice-name{
	background-image: none;
	min-height: 70px;
	padding: 5px 3px;
}
.choice-to-tabs .choice input[type=radio].choice-input:checked + .choice-name{
	color: #fff;
	background: rgb(2,170,82);
	background: linear-gradient(126deg, rgba(2,170,82,1) 0%, rgba(97,214,153,1) 100%);;
}

.col{
	padding: 0 15px;
	width: auto;
	flex: 1;
}
.row.custom-row{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}

.col-auto{
	padding: 0 15px;
	width: auto;
	flex: 0 0 auto;
}

.fake-tabs.with-icon .ic::before{
	margin: 0 auto;
}

.recent-transaction-non-tabel-detail .list.details span.overflowed{
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.successful-wrapper.watermark{
	background: #fcfcfc url(../img/kbank-watermark-bg-wide.png) no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	min-height: 420px;
}
.successful-wrapper.watermark.wait-qr,
.successful-wrapper.watermark.wait{
	background: #f4f4f4;
	min-height: 0;
}
.successful-wrapper.watermark.bulk{
	background: #fcfcfc;
	min-height: 0;
	margin-top: 0;
}

.successful-wrapper.watermark .c-green{
	color: #00A850 !important;
}

.successful-wrapper.watermark > .d-flex.row{
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 25px;
}

.successful-wrapper.watermark > .d-flex.row:after{
	display: block;
	content: "";
	left: 15px;
	right: 15px;
	position: absolute;
	bottom: 0;
	height: 1px;
	background: #4dcd8a;
}
.image-qr{
	text-align: right;
}
.image-qr .dark-grey{
	display: inline-block;
    width: auto;
    margin-left: auto;
}
.popup-bill-payment-lists .lists .caption {
    max-width: calc(100% - 60px);
}

.successful-wrapper .image-qr .dark-grey p{
	margin: 3px 0 0 0;
    text-align: center;
    font-weight: normal;
}
.sc-bookmark .icon{
	height: 25px;
}
body .sc-bookmark .icon .ic.ic-bookmark-o,
body .sc-bookmark .icon .ic.white{
	background: #fff;
	border: 1px solid #394855;
	color: #394855;
	font-size: 23px;
    padding: 11px;
}

body .sc-bookmark .icon .ic.ic-eslip-grey{
	font-size: 26px;
	padding: 10px 12px;
}

body .sc-bookmark .icon .ic{
	font-size: 25px;
	padding: 11px;
}

.btn.disabled{
	pointer-events: none;
}
.btn.disabled{
	color: #777 !important;
	background: #e0e0e0;
}
.btn.disabled.btn-gradient{
	color: #fff !important;
	background: #495968;
}

.grey-box{
	padding: 4px 10px;
	border-radius: 2px;
	background: #F4F3F9;
	margin-top: -4px;
	margin-bottom: -4px;
	color: #00A850;
	display: inline-block;
}

.grey-box.type-2{
	color: #fff;
	background: rgba(119,119,119,0.75);
}

.step-two-heading > h3 .timing{
    vertical-align: top;
    font-size: 14px;
    float: right;
    text-align: right;
    font-weight: normal;
}

.popup-content-style-alert .mfp-content .btn.min-150{
	min-width: 150px;
}

.form.form-transfer .service-provider span{
	max-width: calc(100% - 43px);
	margin-top: 0;
}
.form.form-transfer .service-provider .details{
	margin-top: 5px;
}

.popup-content-authen-style .mfp-content .popup-modal-dismiss-02{
	position: absolute;
    top: 0;
    right: -40px;
    width: 30px;
    height: 30px;
    background-color: transparent;
    border: 1px solid #fff;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
	font-size: 12px;
    color: #fff;
    line-height: 2.3;
}

.white-bg .row.d-flex .col-auto:nth-child(1){
	padding-right: 0;
}
.white-bg .row.d-flex .col-auto.c-gray{
	padding-left: 0;
}


.white-bg .col p[style='font-size: 14px;']{
	margin-bottom: 8px;
	line-height: 18px;
}
.white-bg .col p[style='font-size: 14px;'] strong{
	display: inline-block;
}

.summary.service-provider .name{
	padding-right: 2px;
}
.summary.service-provider .image{
	width: 28px;
}
.summary.service-provider .image img{
	height: 28px;
	border: none;
}

.summary.service-provider .detail{
	padding-left: 12px;
}

.summary .detail .realname{
	font-size: 13px;
	color: #777;
    word-break: break-word;
}

.form.form-transfer .service-provider.summary .details{
	margin-top: 3px;
	font-weight: normal;
	margin-left: 0;
}

.grey-list{
	background: #F6F5FA;
	border-radius: 10px;
	padding: 0 47px;
	font-size: 14px;
	color: #777;
}

.grey-list > .row{
	padding-top: 16px;
	padding-bottom: 16px;
	border-top: 1px solid #e0e0e0;
}
.grey-list > .row:nth-child(1){
	border: none;
	align-items: center;
}

.grey-list > .row > div{
	line-height: 23px;
}

.grey-list > .row > div:nth-child(1){
	padding-left: 0;
	min-width: 125px;
}
.grey-list > .row > div:nth-last-child(1){
	padding: 0;
	word-break: break-all;
}

.grey-list .c-bold{
	font-size: 16px;
	color: #000;
}

.hv-icon.btn-dark-blue{
	color: #fff;
}

.notification-content .notification-block img{
	width: 40px;
	height: 40px;
	object-fit: contain;
	border-radius: 50%;
}

.notification-content .notification-wrap .notice-empty{
	height: 500px;
	max-height: calc(100vh - 220px);
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.notice-empty p{
	text-align: center;
	font-size: 14px;
	padding: 40px 10px;
	background: url(../../images/new-design/icon/ico-notice-empty.svg) no-repeat top 5px center;
}

.successful-wrapper .col-md-7 .successful-detail,
.successful-wrapper .col-md-12 .successful-detail{
	display: block;
	padding: 13px 0;
}
.successful-wrapper .col-md-7 .successful-detail:after,
.successful-wrapper .col-md-12 .successful-detail:after{
	display: block;
	content: "";
	clear: both;
}

.successful-wrapper .successful-detail .topic{
	color: #333;
	font-size: 14px;
}

.successful-wrapper + div > .successful-detail {
	display: block;
	padding: 12px 0;
	margin-top: 0;
}
.successful-wrapper .successful-detail:nth-last-child(1),
.successful-wrapper + div > .successful-detail:nth-last-child(1) {
	border: none;
}

.successful-wrapper + div > .successful-detail:after{
	display: block;
    content: "";
    clear: both;
}

.menu-step + .successful-wrapper.watermark{
	margin-top: -20px;
}

.popup-content-style-type .mfp-content .account-select {
    margin-bottom: 0;
}
.popup-content-style-type .mfp-content .account-select .account-lists {
    width: 43%;
    float: none;
    display: inline-block;
    padding: 0;
}
.popup-content-style-type .mfp-content .account-select .account-lists .type {
    font-size: 11px;
    font-weight: bold;
    color: #333;
}
.popup-content-style-type .mfp-content .account-lists .account-list {
    background-color: #FAFAFA;
    border: 1px solid #EDEDED;
}
.popup-content-style-type .mfp-content .account-lists .account-list .image {
    width: 35px;
}
.popup-content-style-type .mfp-content .account-arrow {
    width: 14%;
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 20px;
}
.popup-content-style-type .mfp-content .account-arrow .ic {
    color: #fff;
    background-color: #445765;
    padding: 10px;
    border-radius: 50%;
}

.popup-content-style-type .account-select .account-lists:last-child:before{
	display: none;
}

body .successful-profile .image img,
body .successful-profile .image.to img{
	border: none;
}

.c-smaller{
	font-size: 14px;
}

.error-msg{
	font-size: 12px;
	color: #E6262D !important;
}

.successful-wrapper .successful .col-md-12 > .row > .col-auto{
	width: 115px;
	padding-left: 0;
	margin-top: auto;
}

body .btn.hv-icon .ic{
	vertical-align: baseline;
}

.header .menu-right .menu-list li .ic.hv-notification .num{
	position: absolute;
	top: -8px;
	left: 100%;
	transform: translateX(-50%);
	background: #E24545;
	width: auto;
	min-width: 16px;
	height: 16px;
	line-height: 18px;
	padding: 0 5px;
	border-radius: 8px;
	color: #fff;
	font-family: 'notosansthai', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 8px;
	z-index: 2;
	text-align: center;
}

body .column-menu .logo:not(.rsso) img.kbiz{
	width: 112px;
	margin: 0 auto;
	display: block;
}

body .panel-header .logo:not(.rsso) img{
	height: 22px;
}

body .panel-header .logo:not(.rsso){
	top: 22px;
}

body #popup-change-pattern-02 .content .qr-wrqpper{
	padding-top: 43px;
	padding-bottom: 10px;
	border: 2px solid #4DCD8A;
    border-radius: 9px;
}

.setting-security-slider .caption .heading{
	font-weight: normal;
}

.custom-carousel-2 .image{
	text-align: center;
}
.custom-carousel-2 .image img{
	display: inline-block;
	max-width: calc(100% - 20px);
}

body #popup-change-pattern-02 .content .qr-wrqpper .image img{
	width: 65px;
	margin: 10px 0;
}
body #popup-change-pattern-02 .content .qr-wrqpper .image.download-app-img img{
	margin: 12px 20px;
	width: 131px;
}
.setting-security-slider-2{
	margin-top: 13px;
}
.setting-security-slider-2 .caption .heading{
	font-size: 13px;
}
.setting-security-slider-2 .slick-prev {
    top: calc(50% - 17px);
    left: -10px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 10px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 10px 1px rgba(0,0,0,0.2);
    -o-box-shadow: 0 1px 10px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 10px 1px rgba(0,0,0,0.2);
    z-index: 9;
}
.setting-security-slider-2 .slick-next {
    top: calc(50% - 17px);
    right: -10px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 10px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 10px 1px rgba(0,0,0,0.2);
    -o-box-shadow: 0 1px 10px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 10px 1px rgba(0,0,0,0.2);
    z-index: 9;
}
.setting-security-slider-2 .slick-prev:before, 
.setting-security-slider-2 .slick-next:before {
    color: #4DCD8A;
    font-size: 12px;
    font-family: 'iconfont' !important;
    margin-top: 12px;
    display: inline-block;
}
.setting-security-slider-2 .slick-prev:before {
    content: "\e938";
}
.setting-security-slider-2 .slick-next:before {
    content: "\e907";
}
body .setting-security-slider-2 .slick-dots li,
body .setting-security-slider-2 .slick-dots li button{
	width: 11px;
	height: 11px;
}
body .setting-security-slider-2 .slick-dots li button:before{
	width: 9px;
	height: 9px;
	background: #fff;
	border: 1px solid #4DCD8A;
	opacity: 1;
	line-height: 9px;
    content: "";
    border-radius: 50%;
}

body .setting-security-slider-2 .slick-dots li.slick-active button:before{
	background: #4DCD8A;
}

.setting-security-slider-2 .caption {
    text-align: center;
    margin-top: 20px;
}

.setting-security-slider-2 .slick-slide > div{
	display: flex;
}
.setting-security-slider-2 .slick-slide > div > div{
	width: 50%;
}

.k-web-shopping-card-non-cards .heading-logo{
	font-size: 20px;
	line-height: 30px;
}

.tabs-desc span a{
	color: #00A850;
	text-decoration: underline;
}
body .popup-content-style .mfp-content .sc-ct-bg-white {
    height: 400px;
}

.animate-guide,
.content-overlay{
	display: none !important;
}

#dummy{
	cursor: pointer;
}
.user-expand-list .user-expand-list-profile{
	flex-wrap: wrap;
}
body .header .menu-right .user .detail{
	/* max-width: calc(100% - 46px); */
}
.action .btn.btn-square.w-100{
	max-width: 90%;
	display: block;
	margin: 0 auto;
}

.trade-carousel{
	width: 100%;
	overflow: hidden;
}

.trade-carousel .slick-track{
	display: flex;
}

.trade-carousel .slick-slide{
	position: relative;
}

.trade-carousel .slick-arrow{
	display: none !important;
}

.trade-carousel .slick-dots{
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 8px;
}

.trade-carousel .slick-dots li{
	display: inline-block;
	margin: 0 7px;
	font-size: 0;
	cursor: pointer;
}
.trade-carousel .slick-dots li:before{
	width: 11px;
    height: 11px;
    background: rgba(255, 255, 255, 0.9);
	border: 1px solid #999999;
    opacity: 1;
    line-height: 11px;
    content: "";
    border-radius: 50%;
	display: block;
}

.trade-carousel .slick-dots li.slick-active:before{
	background: #4DCD8A;
	border: 1px solid #4DCD8A;
}

body .trade-main-content{
	max-width: 100%;
}

.notification-content .notification-block .col-auto.pr-0{
	align-self: flex-start;
	padding-top: 25px;
}

body .user-expand{
	top: 75px;
	border-radius: 10px;
	width: 379px;
	max-width: calc(100vw - 16px);
	position: fixed;
	left: auto;
	right: 8px;
}

.user-header{
	padding: 16px 12px 8px 24px;
	font-size: 14px;
}

.user-header strong{
	font-size: 16px;
}

.user-header a{
	color: #00A850;
	text-decoration: underline;
}

.user-header:after{
	content: "";
	display: block;
	clear: both;
}

body .user-expand{
	z-index: 2;
	overflow: hidden;
}

.user-expand .fieldset{
	padding: 0;
	margin: 0;
}

.user-expand .field{
	padding-bottom: 0;
}

.user-expand .choice-group{
	margin: 0;
	overflow: auto;
	max-height: calc(100vh - 170px);
}

.changing-profile{
	font-size: 14px;
	margin-top: 15px;
}

#to-profile-name{
	font-weight: bold;
	font-size: 15px;
	margin-top: 5px;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}

.alert-close-system.yellow{
	font-size: 15px;
	background: #FFC90B;
}
.alert-close-system.yellow .c-big{
	font-size: 20px;
	font-weight: bold;
}

.grey-border{
	width: 100%;
	border: 1px solid #e0e0e0;
	border-radius: 10px;
	text-align: center;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 16px;
	margin-bottom: 25px;
	flex-direction: column;
}
.grey-border > img{
	display: block;
	align-self: center;
}

.li-dots li{
	padding-left: 15px;
	position: relative;
}
.li-dots li::before{
	position: absolute;
	left: 0;
	top: 0;
	content: "•";
	font-size: inherit;
	line-height: inherit;
}

.sc-full-no-lock.new-height .sc-inner{
	min-height: 93vh;
    position: relative;
}

.new-height .sc-inner .footer-full{
	display: block;
}

@media (max-height: 420px){
	.new-height .sc-inner .footer-full{
		display: none;
	}
}

@media (min-height: 750px){
	.user-expand .choice-group{
		max-height: 577px;
	}
}

.user-expand .choice{
	padding: 0;
	margin: 0 !important;
}

body .user-expand .choice-label{
	width: 100%;
}

body .user-expand .choice input[type=radio].choice-input + .choice-name{
	padding: 16px 50px 16px 16px;
	background: none;
	width: 100%;
}
body .user-expand .choice input[type=radio].choice-input:checked + .choice-name{
	background: #EAF8F0 url(../../images/new-design/icon/ico-selected.svg) no-repeat;
	background-size: 24px 24px;
	background-position: center right 10px;
}

body .user-expand .choice input[type=radio]:disabled.choice-input + .choice-name{
	background: #F4F3F9;
}
body .user-expand .choice input[type=radio]:disabled.choice-input + div.choice-name{
	pointer-events: all;
}

.user-expand .choice-name img{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
}

.user-expand .choice input.choice-input{
	right: 32px;
	width: 24px;
	height: 24px;
	top: calc(50% - 12px);
}

.user-expand .choice .tagged{
	background: rgba(119,119,119,0.75);
	color: #fff;
	font-size: 12px;
	padding: 3px 9px;
	display: inline-block;
	margin-bottom: 5px;
}
.user-expand .choice .title{
	font-size: 16px;
	width: 100%;
}

body .user-expand .choice input[type=radio]:disabled.choice-input + .choice-name .title{
	color: rgba(51,51,51,0.5);
}

.user-expand .choice .description{
	color: #777;
	font-weight: normal;
}

.user-expand[style="display: block;"] + .user-expand-dim{
	position: fixed;
	top: 65px;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	opacity: 60%;
}

.summary .detail .account-no.with-icon{
	padding-left: 20px;
	background: url(../img/ico-kbank-mini.png) no-repeat left top;
	background-size: 14px auto;
}

.timing-head{
	display: flex;
	align-items: flex-start;
}

.timing-head > .timing{
	margin-left: auto;
	white-space: nowrap;
	padding-left: 8px;
	padding-top: 3px;
}

.lists-wrap{
	text-align: left;
	display: flex;
	flex-wrap: wrap;
	font-size: 0;
	width: calc(100% + 40px);
	margin: 0;
	margin-left: -20px;
	margin-right: -20px;
	overflow: hidden;
	max-width: none;
}
.list-each{
	font-size: 16px;
	display: block;
	height: auto;
	position: relative;
	margin: 20px;
	width: 160px;
}

.list-each img{
	width: 136px;
	height: 118px;
	object-fit: cover;
	border-radius: 6px;
	background: #ececec;
	display: block;
    margin: 0 auto;
}

.list-each .status{
	display: block;
	margin-left: auto;
	font-size: 12px;
	border-radius: 24px;
	line-height: 24px;
	padding: 0 18px;
	color: #fff;
	background: #999;
	font-weight: bold;
	white-space: nowrap;
	margin-bottom: 12px;
	max-width: 100%;
}
.list-each .status.green{background: #00A850;}
.list-each .status.orange{background: #FF8A37;}

.list-each .grey-border{
	margin: 0;
	padding: 12px;
	height: 100%;
	justify-content: flex-start;
}

.list-each .circle{
	width: 113px;
	padding-top: 113px;
	position: relative;
	display: flex;
	margin: 0 auto 5px auto;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 56px;
}

.list-each .circle p{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding-top: 10px;
}

.disconnect{
	text-decoration: underline;
	color: #E6262D;
	text-align: center;
	margin: 0 auto 12px auto;
	display: block;
}

.grey-border + .disconnect{
	margin-top: -12px;
}

.icon-head{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.non-table.rows-11 .list:first-child { width: 5%; text-align: left;}
.non-table.rows-11 .list:nth-child(2) { width: 8%; }
.non-table.rows-11 .list:nth-child(3) { width: 8%; }
.non-table.rows-11 .list:nth-child(4) { width: 12%; }
.non-table.rows-11 .list:nth-child(5) { width: 11%; }
.non-table.rows-11 .list:nth-child(6) { width: 11%; }
.non-table.rows-11 .list:nth-child(7) { width: 10%; }
.non-table.rows-11 .list:nth-child(8) { width: 10%; text-align: right;}
.non-table.rows-11 .list:nth-child(9) { width: 10%; text-align: center;}
.non-table.rows-11 .list:nth-child(10) { width: 11%; }
.non-table.rows-11 .list:nth-child(11) { width: 4%; }
.non-table.rows-11 .list .choice{padding-left: 5px;}
.non-table.rows-11 .list:first-child p + p span{
	padding-left: 31px;
}

.qr-summary.qr-fixedwidth{
	display: block;
}

.sc-bookmark{
	vertical-align: text-top;
}

.non-table .btn.disabled.btn-gradient{
	background: rgba(0,0,0,0.059);
}

.non-table-03.payloan-pwkbiz-table .list:first-child { width: 10%;}
.non-table-03.payloan-pwkbiz-table .list:nth-child(2),
.non-table-03.payloan-pwkbiz-table .list:nth-child(3),
.non-table-03.payloan-pwkbiz-table .list:nth-child(4),
.non-table-03.payloan-pwkbiz-table .list:nth-child(6){ width: 18%; }
.non-table-03.payloan-pwkbiz-table .list:nth-child(5) { width: 18%; text-align: right; }

.k-web-shopping-card-non-cards .k-web-shopping-card-non-card .image{
	height: 100%;
}
.k-web-shopping-card-non-cards .k-web-shopping-card-non-card .image img{
	height: 100%;
	object-fit: cover;
}

.non-table-04 .bottom .list:nth-child(1):nth-last-child(4){
	width: 57%;
	text-align: left;
}
.non-table-04 .bottom .list:nth-child(2):nth-last-child(3){
	width: 20%;
}
.non-table-04 .bottom .list:nth-child(3):nth-last-child(2){
	width: 18%;
}
.non-table-04 .bottom .list:nth-child(4):nth-last-child(1){
	width: 5%;
}
.edit-in-table{
	cursor: pointer;
	text-align: center;
	margin-left: 5px;
	text-decoration: none !important;
}
.edit-in-table .ic{
	margin: 0;
	font-size: 12px !important;
}
.active-edit .edit-in-table{
	display: none;
}
.toggle-visible{
	display: none;
}
.toggle-visible a.btn{
	vertical-align: bottom;
}
.active-edit > small{
	padding-top: 3px;
}
.active-edit .toggle-visible{
	display: block;
	margin: 0 !important;
}
.active-edit small > span{
	padding-top: 7px;
	display: inline-block;
}
.active-edit small > .toggle-visible{
	padding-top: 0;
}
textarea.toggle-visible{
	display: block;
	padding: 0;
	border: none;
	color: #000;
	min-height: 45px;
	pointer-events: none;
	background: none;
}
.active-edit textarea.toggle-visible{
	display: block;
	padding: 10px;
	border: 1px solid #ccc;
	pointer-events: all;
	min-height: 70px;
	background: #fff;
}

.active-edit .edit-block{
	padding: 10px;
	background: #f7f7f7;
	border-radius: 3px;
	margin-top: 5px;
	display: block;
}
.bg-gray .active-edit .edit-block{
	background: #fff;
}

.edit-block a.popup-content{
	text-decoration: none !important;
	pointer-events: none;
}
.active-edit .edit-block a.popup-content{
	pointer-events: all;
}

.choice input.choice-input[disabled] + .choice-name .tooltip{
	pointer-events: all;
	width: 24px;
    height: 24px;
    vertical-align: middle;
}

.choice-name .tooltip .tooltiptext{
	bottom: auto;
	top: 160%;
	padding: 10px;
	font-family: 'notosansthai', Helvetica, Arial, sans-serif;
}

.choice-name .tooltip .tooltiptext:after{
	border-top: none;
    border-bottom: 8px solid #fff;
    top: auto;
    bottom: calc(100% - 1px);
}

.choice-name .tooltip:hover .tooltiptext{
	visibility: hidden;
	opacity: 0;
}
.choice-name .tooltip:focus .tooltiptext{
	visibility: visible;
	opacity: 1;
}

.btn.btn-filter{
	font-weight: normal;
	color: #333 !important;
	text-decoration: underline !important;
	background: none;
	cursor: pointer;
	padding-left: 0;
}

.btn.btn-filter:after{
	display: inline-block;
	content: "\e906";
    font-family: 'iconfont';
	font-size: 9px;
	margin-left: 5px;
	color: #999 !important;
}

.big-arrow + .select2-container--default .select2-selection--single .select2-selection__arrow b:before{
	content: "\e906";
	font-size: 12px;
}

.light-blue-block{
	background: #EAF8F0;
	padding: 10px 16px 8px 16px;
	border-radius: 6px;
	margin-bottom: 0;
	display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.fields.grey-block{
	background: #f6f6f6;
	padding: 15px 7px;
	border-radius: 4px;
	margin-bottom: 0;
}
.grey-wrap{
	background: #f8f8f8;
	padding: 10px;
	border-radius: 6px;
	margin-bottom: 10px;
}

body .irs-min, 
body .irs-max{
	display: none;
}

.grey-block.py-5 input[disabled]{
	color: #777 !important;
}

#range-slide-input{
	background: #fff;
}

body .irs--round{
	height: 30px;
}

body .irs--round .irs-line{
	height: 10px;
	border-radius: 5px;
	background: #fff;
	top: 16px;
}

body .irs--round .irs-bar{
	height: 10px;
	top: 16px;
	border-radius: 5px;
	background: rgb(2,170,82);
    background: linear-gradient(126deg, rgba(2,170,82,1) 0%, rgba(97,214,153,1) 100%);
}

body .irs--round .irs-handle{
	border: none;
	background: #4DCC89;
    background: linear-gradient(90deg, #00A850, #4DCC89);
	top: 9px;
}

.c-s-big{
	font-size: 18px;
}
.c-big{
	font-size: 20px;
}

.app-link,
.app-link:hover{
	font-size: 20px; 
	color: #00a850 !important; 
	text-decoration: underline !important;
}

.green-block{
	background: #EAF8F0;
	border-radius: 6px;
	max-width: 334px;
	padding: 22px 15px;
}

.grey-block.py-5 .d-flex{
	flex-direction: column;
}

.add-favourite-form .file-upload-wrapper{
	width: 80px;
	height: 80px;
	max-width: 80px;
	max-height: 80px;
}

.sc-form-full .form.login-wrap{
	background: #fff;
	border-radius: 10px;
	padding: 32px 24px;
	max-width: 446px;
}

.sc-form-full .login-wrap .fields.no-space .field input{
	border: 1px solid #ccc;
}
.sc-form-full .login-wrap .fields.no-space .field:last-child input{
	border-top: none;
}

.form.form-login.login-wrap .action .link:not(.btn){
	margin-top: 24px;
	color: #00A850;
}

.login-wrap .c-green{
	color: #00A850 !important;
}

.login-wrap .c-green.ic{
	font-size: 10px;
	vertical-align: baseline;
	padding: 0 3px;
}

.sc-form-full.form-lg .policy.tooltips{
	margin: 0;
	padding: 0;
	cursor: pointer;
	display: flex;
	flex-wrap: wrap;
}
.sc-form-full.form-lg .policy.tooltips > a{
	margin-left: 5px;
}
.sc-form-full.form-lg .policy.tooltips::before{
	position: relative;
	left: 0;
	top: 9px;
	color: #00A850;
}

.sc-form-full.form-lg .policy.tooltips > div{
	position: absolute;
	left: auto;
	right: -6px;
	top: 100%;
	transform: translateX(0);
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 0 10px 0px rgba(0,0,0,0.2);
	padding: 10px;
	width: 400px;
	max-width: calc(80vw - 40px);
	min-width: 250px;
	color: #495968;
	display: none;
}
.sc-form-full.form-lg .policy.tooltips:hover > div,
.sc-form-full.form-lg .policy.tooltips.active > div{
	display: block;
}

.sc-form-full.form-lg .policy.tooltips:hover::after,
.sc-form-full.form-lg .policy.tooltips.active::after{
	content: "";
	display: block;
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #fff;
	position: absolute;
	left: 0;
	bottom: 0;
}
.sc-form-full.form-lg .policy.tooltips > div ul{
	list-style: disc;
	padding-left: 15px;
}
.sc-form-full.form-lg .policy.tooltips > div ul li p{
	margin-left: -5px;
}

.sc-form-full.form-lg .policy.tooltips > div p span{
	display: inline-block;
}

.register-center .select-custom-right-col{
	padding: 0;
	border: none;
}

.line.after-tabs{
	margin: 5px 0 20px;
}

.grey-line-box{
	padding: 15px 22px;
	border-radius: 10px;
	border: 1px solid #d9d9d9;
	margin: 8px 0;
}

.grey-line-box > h6{
	font-size: 16px;
	margin-bottom: 5px;
}

.grey-line-box > h6 span:before{
	display: inline-block;
	margin-right: 8px;
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #00A850;
}
.grey-line-box > h6 span.yellow:before{
	background: #FF8A37;
}
.grey-line-box > h6 span.red:before{
	background: #E6262D;
}

.grey-line-box .successful-detail{
	border: none;
	display: block;
	padding: 5px 0 0 0;
}

.grey-line-box .successful-detail:after{
	content: "";
	display: block;
	clear: both;
}

.grey-line-box .more{
	margin-left: auto;
	color: #4DCC89;
	display: inline-block;
	width: 100%;
	text-align: right;
	cursor: pointer;
	margin-top: 10px;
	font-weight: bold;
	font-size: 14px;
}

.grey-line-box .more i{
	margin-left: auto;
	display: inline-block;
	vertical-align: baseline;
	font-size: 10px;
	line-height: 10px;
	margin-right: 7px;
	position: relative;
	transform: rotate(0deg);
	transition: all ease-out 0.3s;
}
.grey-line-box.expanded .more i{
	transform: rotate(180deg);
}

.grey-line-box .more .f-left.c-red{
	max-width: calc(100% - 100px);
	text-align: left;
	font-weight: normal;
}

.grey-line-box:not(.expanded) .ellipsis-2.successful-detail strong{
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	position: relative;
}

.grey-line-box:not(.expanded) .ellipsis-2.successful-detail strong:after{
	content: "...";
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255,255,255,1) 30%);
	right: 0;
	top: 19px;
	position: absolute;
	padding: 2px 0 0 8px;
}

.grey-line-box:not(.expanded) .shown-expanded{
	display: none !important;
}
.grey-line-box.expanded .hide-expanded{
	display: none !important;
}

.paginations-wrapper.w-remarks{
	text-align: right;
}

.paginations-wrapper.w-remarks + .remark-sms{
	color: #000;
	font-size: 15px;
}

.grey-line-box .more *{
	font-size: 14px;
}

.grey-line-box .button-wrap{
	display: flex;
	max-width: 400px;
	justify-content: space-around;
	margin: 0 auto;
}


.form-cheque-popup .input{
	display: flex;
	max-width: 340px;
	margin: 0 auto 15px auto;
	flex-wrap: wrap;
	padding-right: 40px;
}

.form-cheque-popup .input .label{
	width: 30%;
	min-width: 60px;
	padding-right: 15px;
	text-align: right;
    display: block;
    align-content: center;
}
.form-cheque-popup .input .select,
.form-cheque-popup .input input[type="text"]{
	width: 70%;
	max-width: calc(100% - 60px);
}

.toggle-expand > i{
	vertical-align: baseline;
    font-size: 12px;
    display: inline-block;
	position: relative;
	transform: rotate(0deg);
	transition: all ease-out 0.3s;
}

.toggle-expand > span{
	text-decoration: underline;
	font-weight: bold;
	font-size: 14px;
}

.toggle-expand.expand > .ic-chevron-down{
	transform: rotate(180deg);
}

.btn.btn-small.hv-icon.btn-clear{
	background: #fff;
	border: 1px solid #495968;
	color: #495968 !important;
}

.btn.btn-small.hv-icon.btn-clear i{
	font-size: 12px;
}

.watermark-cheque{
	position: absolute;
    font-size: 125px;
    font-weight: bold;
    color: #00A850;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-6deg);
    opacity: 0.25;
	pointer-events: none;
}

.list + #scrollbar.scrollbar{
	display: none;
}
.transfer-wrapper .tab-menu.pt-5 .list li.active:after{
	background-image: linear-gradient(to right, #00a850 0%, #61d699 100%);
}
.form-cheque-popup .input input[type="text"] + .error-msg{
	width: 100%;
	padding-top: 5px;
}
.form-cheque-popup .input input[type="text"] + .error-msg:before{
	content: "";
	display: inline-block;
	width: 30%;
    min-width: 60px;
}

body .input.required input{
	color: #333;
	background: #fff;
}
body .input.required input::placeholder{
	color: #999;
}

.form .btn.disabled{
	display: inline-block !important;
	background: #ccc;
	pointer-events: none;
}

.link.for-select-swift span,
.link.for-country span{
	text-decoration: underline;
	color: #00A850;
	display: inline-block;
}

.decimal ol{
	padding-left: 22px;
}
.decimal ol li{
	list-style-type: decimal;
}
.choice-block{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.choice-block .choice.inline{
	margin: 0;
	width: calc(33% - 4px);
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 6px;
	background: #fff;
	cursor: pointer;
}
.choice-block .choice.inline span.detail{
	font-size: 12px;
	color: #777;
	display: block;
	padding-left: 25px;
	position: relative;
}
.choice-block .choice.inline span.detail::before{
	display: block;
	content: "•";
	position: absolute;
	top: 0px;
	left: 15px;
}

.choice-block .choice.inline .choice-name{
	margin-bottom: 5px;
}
.choice-block .choice.inline input[type="radio"]:checked + .choice-name{
	color: #4DCD8A;
}

.choice-block .choice.inline.active{
	border-color: #4DCD8A;
}

.choice-block .choice.inline .choice-label{
	position: static;
}

.white-block{
	background: #fff;
	padding: 8px 16px 0 16px;
	border-radius: 8px;
}

.white-block .successful-detail:last-child{
	border: none;
}

.skeleton{
	display: inline-block;
	width: 133px;
	height: 16px;
	background: linear-gradient(90deg, #dbdbdb, #b3b3b3, #dbdbdb);
	background-size: 200% 200%;
	animation: skeleton 2s linear infinite;
}

.non-table-02.fav-table .list:nth-child(1){width:48px;}
.non-table-02.fav-table .list:nth-child(2){width:calc(18.30664% - 18.6666px)}
.non-table-02.fav-table .list:nth-child(3){width:calc(18.30664% - 18.6666px)}
.non-table-02.fav-table .list:nth-child(4){width:calc(18.30664% - 18.6666px)}
.non-table-02.fav-table .list:nth-child(5){width:calc(16.08131% - 18.6666px)}
.non-table-02.fav-table .list:nth-child(6){width:calc(14.87414% - 18.6666px)}
.non-table-02.fav-table .list:nth-child(7){width:calc(14.18764% - 18.6666px)}
.non-table-02.fav-table .list:nth-child(8){width:63px;}

.successful-profile.upload-file.respond .detail{
	padding-top: 30px;
}

body .account-management-menu .list li{
	color: #333;
}

.successful-detail .c-black.c-bold .c-green.c-bold i{
	vertical-align: baseline;
    position: relative;
    top: 2px;
}

.popup-content-style-type .mfp-content .btn.fixedwidth[style="width:150px"]{
	line-height: 40px !important;
}

@keyframes skeleton {
	0% {
		background-position: 200% 50%;
	}
	99.99% {
		background-position: 0% 50%;
	}
	100% {
		background-position: 200% 50%;
	}
}

a[class*="popup-modal-dismiss"] .ic.ic-close{
	line-height: 30px !important;
	display: block !important;
	font-size: 10px !important;
	position: static !important;
}
.success-text-wrap{
	margin-top: 18px;
}

.success-text-wrap .total{
	font-size: 18px;
	font-weight: bold;
	margin: 2px 0;
}
.success-text-wrap .fee{
	font-size: 14px;
}
.success-text-wrap .total span,
.success-text-wrap .fee span{
	font-size: 12px;
	font-weight: normal;
	margin-left: 5px;
}

.success-text-wrap .image-qr{
	width: 74px;
}

.successful-wrapper .success-text-wrap .image-qr p{
	font-size: 9px;
	white-space: nowrap;
}

.successful-wrapper .success-text-wrap .desc{
	color: #999;
	font-size: 10px;
	margin-left: 0;
}

.success-text-wrap .text{
	font-size: 12px;
	color: #777;
}
.success-text-wrap .text.memo{
	font-size: 11px;
	margin-top: 2px;
}
.success-text-wrap .text span{
	color: #333;
	margin-left: 5px;
}
.successful-wrapper ~ .fix-action-wrap .action.a-center{
	display: flex;
	justify-content: space-around;
	width: 450px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.no-data{
	margin-top: 24px;
	padding: 40px 10px;
	text-align: center;
	font-size: 13px;
	line-height: 20px;
	color: #777;
	background: #fff;
    border-radius: 6px;
}
.account-management-menu ~ .content-bg-white{
	z-index: 3;
}

.popup-content-style-type .mfp-content .content-type-list .type-list a{
	padding-left: 38px;
	position: relative;
	display: block;
}
.popup-content-style-type .mfp-content .content-type-list .type-list a i{
	position: absolute;
	top: 0;
	left: 0;
}

.content-type-list .row{
	display: flex;
	flex-wrap: wrap;
}

/* .menu-right .lang-change > div{
    padding-top: 5px;
	height: 65px;
} */

body .header .menu-right .menu-list{
	padding-left: 15px;
}

.header .menu-right .menu-list.setting{
	margin-left: 15px;
    padding-left: 20px;
}

.header .menu-right .menu-list.setting li{
	margin-right: 20px;
}

.header .menu-right .menu-list li.lang-change{
	margin-right: 10px;
}

.lang-change a{
	font-size: 12px;
	color: #999;
	padding: 5px;
	vertical-align: middle;
	position: relative;
}
.lang-change a + a::before{
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: 14px;
	background: rgba(189, 189, 189, 0.5);
	right: 100%;
	top: 50%;
	transform: translateY(-50%);
}
.lang-change a.active{
	color: #00A850;
}

.user .lang-change a{
	line-height: 60px;
    height: 65px;
    display: inline-block;
}

.panel-body .menu-group .lang-change{
	position: absolute;
	top: 0;
	right: 0;
	padding: 18px 15px 0 0;

}

.panel-body .menu-group .lang-change a:after{
	display: none;
}

.panel-body .menu-group .lang-change a{
	font-size: 14px;
	color: #fff;
}
.panel-body .menu-group .lang-change a.active{
	font-weight: bold;
}

.panel-body .menu-group .last-login + .lang-change{
	padding-top: 15px;
}

.panel-body .menu-group .item.current{
	display: inline-block;
}

.panel-body .menu-group .items{
	position: relative;
}
.datepicker .fake-value,
.datepicker .fake-value-second{
	position: absolute;
    top: 10px;
    left: 10px;
    line-height: 20px;
	pointer-events: none;
}
body .datepicker .buddhist-date,
body .datepicker .buddhist-daterange,
body .datepicker .buddhist-daterange-second{
	color: transparent;
}

body .datepicker .buddhist-daterange::placeholder,
body .datepicker .buddhist-daterange-second::placeholder{
	color: transparent;
}

.drp-calendar.right{
	display: none !important;
}

body .daterangepicker .calendar-table th, 
body .daterangepicker .calendar-table td{
	min-width: 40px;
}

.daterangepicker .drp-calendar.left{
	max-width: none;
}

.fav-table .ic.c-green{
	font-size: 15px;
}
.international-funds-transfer-wrapper .form-transfer-wrapper:not(.no-line){
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
}
.select-transfer-wrapper.favourite-name{
	margin: 0;
}

.popup-content-description-style .mfp-content{
	max-width: 680px;
	background-color: #fff;
    padding: 30px;
    position: relative;
    -webkit-font-smoothing: antialiased;
    border-radius: 6px;
}

.grey-block .input.filled input{
	background: #fff;
}

.popup-content-limited-style .mfp-content{
	max-width: 550px;
	background-color: #fff;
    padding: 30px;
    position: relative;
    -webkit-font-smoothing: antialiased;
    border-radius: 6px;
}

.white-popup-block ol.f-14{
	padding: 8px 0 0 20px;
	list-style-type: decimal;
}
.white-popup-block .summary-wrapper ol li{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0 0 0 5px;
}

.column-menu .approver-wrapper .usercode{
	font-size: 14px;
	color: #fff;
	font-weight: 500;
	margin: 8px 0;
}

.user-detail{
	padding: 0 0 10px 20px;
}
.user-detail .name{
	font-weight: bold;
	font-size: 16px;
}
.user-detail .subname{
	font-size: 14px;
	line-height: 1.5;
}
.user-detail .usercode,
.user-detail .approver{
	font-size: 11px;
	padding: 2px 0;
	line-height: 1.5;
}

.user-detail .last-login{
	font-size: 10px !important;
}

.header .menu-right .user .detail .name{
	white-space: normal;
}
body .header .menu-right .user .detail {
	max-width: 280px;
}

.blank-white.resp{
	min-height: 360px;
}

.to-app{
	display: none;
	position: fixed;
	width: auto;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 5px;
	z-index: 999999999;
}

.to-app img{
	display: inline-block;
	vertical-align: middle;
}

.to-app .wrapper{
	display: block;
	position: relative;
	width: 100%;
	padding: 14px 16px;
	background: #EAF8F0;
	border-radius: 12px;
	box-shadow: -1px 2px 4px 1px rgba(0,0,0,0.5);
	-webkit-box-shadow: -1px 2px 4px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: -1px 2px 4px 1px rgba(0,0,0,0.5);
}

.to-app .to-app-close{
	position: absolute;
	bottom: calc(100% + 2px);
	right: 11px;
	top: auto;
	left: auto;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid #D9D9D9;
	color: #D9D9D9;
	font-size: 8px;
    line-height: 17px;
    text-align: center;
}

.to-app-content{
	display: flex;
	position: relative;
	width: calc(100% - 55px);
}

.to-app a{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	cursor: pointer;
}

.to-app-content .fake-btn{
	padding: 0;
	margin-left: auto;
}

.to-app-content .fake-btn p{
	margin: 0;
	font-size: 12px;
	line-height: 19px;
	font-weight: 700;
	color: #fff;
	padding: 5px 16px;
	border-radius: 14px;
	background: #00A850;
	height: 28px;
	display: inline-block;
	vertical-align: middle;
}
.to-app .col-auto::after{
	content: '';
	display: inline-block;
	width: 1px;
	margin-right: -1px;
	height: 100%;
	vertical-align: middle;
}

.to-app-content .text-wrap{
	max-width: calc(100% - 63px);
}
.to-app-content .text{
	font-size: 12px;
	line-height: 18px;
	color: #333;
	font-weight: 500;
	display: inline-block;
	text-align: left;
	position: relative;
	top: 2px;
}

.blank-white .align-self-center.justify-content-center.d-flex img.ml-auto.mr-auto{
	width: 100px;
    height: 69px;
    object-fit: contain;
	margin-bottom: 15px;
}

.select-transfer-m.visible-mobile .fake-tabs.mt-0{
	margin-top: -15px !important;
	margin-bottom: 19px;
}

.green-block-with-arrow{
	margin: 10px 0;
    border: 1px solid #4dcd8a;
    border-radius: 6px;
    background: #EAF8F0;
    padding: 20px 1px;
    font-size: 14px;
	color: #333;
	display: flex;
    flex-direction: row;
}

.green-block-with-arrow .text-right{
	text-align: right;
}
.green-block-with-arrow .text-center{
	text-align: center;
}

.green-block-with-arrow .col-xs-6{
	position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.green-block-with-arrow .col-xs-6 + .col-xs-6:before {
	content: "";
	display: block;
	position: absolute;
	background: url(../../images/new-design/icon/ico-arrow-green.svg) no-repeat center;
	width: 24px;
	height: 24px;
	top: 0;
	left: -12px;
	height: 100%;
}

.green-block-with-arrow .col-xs-6 > div {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
	line-height: 1;
}

.green-block-with-arrow .c-green{
	color: #00A850 !important;
}

.btn-common{
	width: auto !important;
	min-width: 130px;
	font-size: 14px;
	line-height: 1.5 !important;
	padding: 9px 16px;
	height: auto !important;
}

.grey-block.text{
	color: #999;
	font-size: 14px;
	line-height: 22px;
	border-radius: 8px;
	background: #ddd;
	padding: 12px 14px;
}

.c-dark-gray{
	color: #555 !important;
}

.font-kurious{
	font-family: 'kurious', Helvetica, Arial, sans-serif ;
	font-size: 16px;
}


.container.wider{
	width: auto;
	max-width: 1240px;
}

.login-wrap-new{
	background: #fff;
    border-radius: 16px;
    padding: 48px 36px;
	
}

.login-wrap-new .inside-wrap{
	width: auto;
	max-width: 366px;
	margin: 0 auto;
}

.login-wrap-new .inside-wrap-qr{
	width: auto;
	max-width: 400px;
	margin: 0 auto;
}

.login-wrap-new .fields{
	margin-bottom: 0;
}
.font-kurious .c-normal {
	font-size: 16px;
}
.font-kurious .c-big {
	font-size: 26px;
}

.font-kurious .c-big-m {
	font-size: 20px;
}
.font-kurious .c-small {
	font-size: 13px;
}
.font-kurious .c-small-l {
	font-size: 14px;
}
.font-kurious .c-light-grey {
	color: #cecece;
}
.font-kurious h4{
	font-size: 42px;
}
.font-kurious h5{
	font-size: 33px;
}

.font-kurious .footer-full{
	bottom: 40px;
}
.font-kurious .c-link-normal {
	font-size: 16px;
}

.font-kurious .datepicker:before, 
.font-kurious .datepicker-2:before{
	line-height: 50px;
	width: 50px;
	height: 50px;
}

.login-wrap-new .sc-form-full .btn,
.qr-login-box .sc-form-full .btn {
	background: #00A850;
	border-radius: 8px;
	font-size: 20px;
	font-family: 'kurious', Helvetica, Arial, sans-serif;
}
.login-wrap-new .sc-form-full .btn.disabled,
.qr-login-box .sc-form-full .btn.disabled{
	background: #ccc;
	color: #999;
}
.btn.btn-grey{
	background: #495968 !important;
}

.login-wrap-new .sc-form-full .btn.btn-outline,
.qr-login-box .sc-form-full .btn.btn-outline{
	background: none;
	color: #00A850 !important;
	border: #00A850 solid 1px;
	border-radius: 8px;
}

.btn.btn-square-outline{
	background: none;
	color: #00A850 !important;
	border: #00A850 solid 1px;
	border-radius: 8px !important;
}

.font-kurious .btn.btn-square-outline,
.font-kurious .action .btn.btn-square.w-100{
	font-family: 'kurious', Helvetica, Arial, sans-serif;
}

.white-block.reset-password{
	padding: 48px 32px;
	border-radius: 0;
}
.white-block.reset-password.green-top{
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-top: 5px solid #00A850;
}

.login-wrap-new.the-choice{
	padding: 32px 0 0 0;
}

.the-choice .choice-label{
	display: block;
}
.the-choice .choice:not(.inline):not(:last-child){
	margin-bottom: 16px;
}

.the-choice .choice input[type=radio].choice-input + .choice-name.with-icon{
	background: none;
	width: 100%;
	max-width: 560px;
	margin: 0 auto;
	font-size: 16px;
	display: block;
	padding: 16px 18px;
	border: 1px solid #999;
	border-radius: 8px;
	padding-left: 50px;
	position: relative;
}


.the-choice .choice input[type=radio].choice-input + .choice-name.with-icon .choice-icon{
	position: absolute;
	top: 50%;
	left: 18px;
	transform: translateY(-50%);
}

.the-choice .choice input[type=radio].choice-input:checked + .choice-name.with-icon{
	border-color: #00A850;
	background: rgba(0, 168, 80, 0.1);
}

.the-choice.login-wrap-new .sc-form-full{
	max-width: 560px;
}

.the-choice.login-wrap-new .sc-form-full input[type="text"],
.the-choice.login-wrap-new .sc-form-full input[type="password"],
.the-choice.login-wrap-new .sc-form-full input[type="number"]{
	height: 50px;
}

.the-choice.login-wrap-new .sc-form-full .field{
	padding-left: 0;
	padding-right: 0;
}

.login-wrap-new .alert-close-system{
	padding-left: 40px;
	padding-right: 16px;
	position: relative;
	text-align: left;
}

.login-wrap-new .alert-close-system .ic-information{
	position: absolute;
	top: 50%;
	left: 12px;
	transform: translateY(-50%);
}

.login-wrap-new input.error{
	border-color: #E6262D;
	padding-right: 40px;
	background: url(../../images/new-design/error.svg) 20px 20px no-repeat;
	background-position: center right 10px;
}
.login-wrap-new input.px-datepicker.error,
.login-wrap-new input#password{
	background-position: center right 45px;
}

.error-block{
	color: #fff;
	padding: 2px 16px;
	font-size: 13px;
	border-radius: 8px;
	background: #EC4546;
	display: block;
	margin: 5px 0 15px 0;
}

.login-wrap-new .inside-wrap .logo{
	margin: 0 auto;
	display: block;
}

.store{
	border: 1px solid rgba(255,255,255, .5); 
	border-radius: 8px;
	display: inline-block;
	margin-bottom: 8px;
}

.grey-bar{
	background: #fafafa;
	color: #666;
	padding: 16px 45px;
	min-height: 80px;
	font-size: 16px;
	text-align: left;
	display: flex;
	margin-bottom: 16px;
}

.grey-bar > .row > div{
	display: flex;
}
.grey-bar > .row > div > *{
	align-self: center;
}

.remark-bar{
	background: #fff;
	color: #333;
	padding: 12px 45px;
	min-height: 80px;
	font-size: 13px;
	text-align: left;
	display: flex;
}

.remark-bar > .row > div{
	display: flex;flex-direction: row;flex-wrap: wrap;align-content: flex-start;
}
.remark-bar > .row > div > *{
	align-self: center;
}     
.yellow-mark{
	background: #FFCA32;
	color: #fff;
	padding: 3px 8px;
	border-radius: 4px;
	margin-right: 8px;
	display: inline-block;
}
.error-group{
	border-radius: 8px;
	overflow: hidden;
}
.error-group .error-block{
	margin: 0;
	border-radius: 0;
	text-align: left;
}


@media (min-width: 1440px){
	.transfer-wrapper.max-width{
		max-width: 80%;
	}
}

@media (min-width: 992px){
	.summary-wrapper.payroll-detail > .row{
		display: flex;
	}
	.custom-carousel-2 > div{
		padding:0 35px;
	}
	.a-md-left{text-align: left !important;}
	.a-md-center{text-align: center !important;}
	.a-md-right{text-align: right !important;}
	
	.no-border-lg{
		border: none !important;
	}
}

@media (min-width: 768px){
	.non-table-14.cols-9.equal.no-dots .list:nth-child(7){
		width: 15.125%;
	}
	.non-table-13.two-icons .list:nth-child(5),
	.non-table-14.cols-9.two-icons .list:nth-child(9){
		width: 60px;
	}
	.non-table-13.two-icons .list:nth-child(3){
		width: calc(29.5% - 60px);
	}
	.non-table-14.two-icons .list:nth-child(6){
		width: calc(13.57% - 60px);
	}
	.non-table-14.w-icon .list{
		width: calc(12.125% - 8px);
	}
	.non-table-14.w-icon .list:last-child{
		width: 64px;
	}
	.recent-transaction-non-tabel-detail .list.details span{
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.col-sm{
		width: auto;
		flex: 1;
	}

	.successful-wrapper .col-auto.justify-content-center.d-flex > img{
		width: 85px;
	}
	
	.small-grey-bg.row.d-flex{
		flex-wrap: wrap;
    	flex-direction: row-reverse;
		justify-content: flex-end;
	}

	.small-grey-bg.row.d-flex > .col{
		flex: 0 0 auto;
	}
	.small-grey-bg.row.d-flex > .pr-0{
		min-width: 50%;
		flex: auto;
		width: auto;
		white-space: nowrap;
	}
	.small-grey-bg.row.d-flex > .pl-0:nth-child(1){
		padding-right: 0;
		min-width: 100px;
		flex: 0 0 100px;
		width: 100px;
	}
	.font-kurious .c-sm-normal {
		font-size: 16px;
	}
	.font-kurious .c-sm-big {
		font-size: 26px;
	}
	.font-kurious .c-sm-big-m {
		font-size: 20px;
	}
	.font-kurious .c-sm-small {
		font-size: 13px;
	}
	.font-kurious .c-sm-small-l {
		font-size: 14px;
	}
}

@media (min-width: 641px){
	.notification-content{
		top: calc(100% + 8px) !important;
		max-height: calc(100vh - 130px);
	}
		
	.grey-block.py-5 .d-flex{
		flex-direction: row;
	}
	.grey-block.py-5 .d-flex label{
		width: 133px;
		align-self: center;
    	margin: 0;
	}
	.grey-block.py-5 .d-flex input{
		width: auto;
		flex: 1;
	}
}

@media (max-width: 1366px){
	body .header .menu-right .user .detail p{
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	body .header .menu-right .user .detail{
		max-width: 175px;
	}
	body .column-main .header .main-menu li,
	body .header .menu-right .menu-list li{
		margin-right: 10px;
	}
}

@media (max-width: 1220px){
	body .column-main .header .main-menu li{
		margin-right: 10px;
	}
}

@media (max-width: 1199px){
	.transfer-wrapper + .transfer-wrapper{
		margin-top: 0;
	}
	.transfer-wrapper + .transfer-wrapper .menu-step{
		top: -145px;
	}

	html .popup-content-style .mfp-content > div{
		width: auto;
	}
	.transfer-wrapper .menu-step.four-step{
		right: -25px;
	}
	.blank-white.resp{
		min-height: 200px;
	}
}
@media (max-width: 1024px){
	body .header .menu-right .menu-list:not(.setting) {
        margin-left: 0px;
        /* padding-left: 5px; */
    }
	body .header .menu-right .menu-list:not(.setting)::before {
        display: none;
    }
	.to-app{
		display: block;
	}
	.visible-ip-pro.more-visible{
		display: flex !important;
	}
	.hidden-ip-pro.more-visible{
		display: none !important;
	}
}

@media (max-width: 991px){
	.header .menu-right .user div.lang-change,
	.header .menu-right .menu-list li.lang-change{
		display: none;
	}
	body .column-main .header .main-menu li, 
	body .header .menu-right .menu-list li{
		margin-right: 15px;
	}
	body .header .menu-right .menu-list:not(.setting) {
        margin-left: 10px;
        padding-left: 15px;
    }
	body .header .menu-right .menu-list::before {
        display: block;
    }
	.summary-wrapper.payroll-detail .successful-detail {
		padding-left: 0;
		padding-right: 0;
	}
	.text-md-center{
		text-align: center;
	}
	
	.mfp-content .menu-step.four-step,
	.popup-content-style .mfp-content .menu-step.four-step{
		right: -15px;
	}

	.border-right-popup{
		border-right: none;
	}
	.mfp-content .menu-step { 
        right: -10px;
        top: -50px;
    }
    .mfp-content .menu-step ul li { display: inline-block; padding-left: 40px; }
    .mfp-content .menu-step ul li:last-child { margin-right: 0; }
    .mfp-content .menu-step ul li .num:after {
        width: 41px;
        height: 1px;
        bottom: auto;
        left: auto;
        -webkit-transform: none;
        transform: none;
        top: 13px;
        right: -43px;
    }

	.mfp-content .fieldset-select-custom .uploaded{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.mfp-content .fieldset-select-custom .uploaded > div{
		margin-bottom: 30px !important;
	}
	
	.custom-carousel .slick-slide{
		height: calc(18.4vw - 8px);
		max-height: none;
	}
	.notification-content{
		right: -40px;
	}
	.toggle-noti.active::before{
		background: rgba(255, 255, 255, 0.9);
		width: 32px;
		height: 32px;
		top: calc(50% - 16px);
		left: calc(50% - 16px);
	}

	.white-bg.disabled .grey-box{
		display: block;
		width: 140px;
		margin: 0 0 10px 0;
		text-align: center;
	}
	/* .successful-wrapper .col-md-7 > div:first-child {
		margin-top: 30px;
	} */
	body .column-main .header .logo:not(.rsso) img.kbiz{
		height: 22px;
	}

	body #popup-change-pattern-02 .content .qr-wrqpper{
		border-radius: 0;
		border: none;
		border-bottom: 1px solid #4DCD8A;
		padding-left: 0;
		padding-right: 0;
	}
	.setting-security-slider-2 .slick-slide > div{
		justify-content: center;
	}

	.setting-security-slider-2 .slick-next{
		right: 0;
	}

	.setting-security-slider-2 .slick-prev{
		left: 0;
	}
	
	.setting-security-slider-2 .slick-next,
	.setting-security-slider-2 .slick-prev{
		width: 21px;
		height: 21px;
		line-height: 21px;
		font-size: 8px;
		top: calc(50% - 10px);
	}
	.setting-security-slider-2 .slick-next::before,
	.setting-security-slider-2 .slick-prev::before{
		margin-top: 5px;
		font-size: 10px;
	}
	.setting-security-slider-2.custom-carousel-2{
		padding: 0 15px;
	}
	.setting-security-slider-2.custom-carousel-2 .slick-dots{
		left: 0;
	}
	body #popup-change-pattern-02 .content > div{
		overflow: visible;
	}
	
	body .header .menu-right .user .detail{
		max-width: calc(100% - 38px);
	}

	.summary-wrapper .mobile-list{
		padding: 0 15px;
	}
	.summary-wrapper .mobile-list .successful-detail{
		border: none;
		padding-top: 0;
		padding-bottom: 5px;
		display: block;
	}
	.summary-wrapper .mobile-list .successful-detail:nth-last-child(1){
		padding-bottom: 0;
	}
	.summary-wrapper .mobile-list .successful-detail .topic{
		width: auto;
		font-weight: bold;
		font-size: 15px;
		display: inline;
		float: none;
	}
	.summary-wrapper .mobile-list .successful-detail .topic:after{
		display: inline;
		content: ":";
		font-size: 15px;
	}
	.summary-wrapper .mobile-list .successful-detail .result{
		width: auto;
		text-align: left;
		padding-left: 7px;
		font-size: 15px;
		display: inline;
		float: none;
	}
	.summary-wrapper .mobile-list .successful-detail .result br{
		display: inline-block;
		content: "";
		width: 0.3em;
	}
	.bulk-amount{
		margin-top: -10px;
	}
	.content-step-two .summary-favourite.matchHeight,
	.add-favourite-success.matchHeight{
		height: auto !important;
		min-height: 0 !important;
	}
	.c-md-center{
		text-align: center;
	}

	.credit-card-detail .credit-card-detail-list + .credit-card-detail-list{
		margin-top: 0;
	}
	.credit-card-detail-list .successful-detail:first-child{
		margin-top: 0;
	}
}
.successful-wrapper .successful-profile{
	display: flex;
    align-items: flex-start;
}
.successful-wrapper.watermark .successful-profile{
	position: relative;
	min-height: 80px;
}
.successful-wrapper .successful-profile .image{
	display: flex;
    align-items: center;
    height: 80px;
}
.successful-wrapper .successful-profile .detail{
	display: flex;
    flex-direction: column;
    min-height: 80px;
    justify-content: center;
    width: calc(100% - 60px);
}
.successful-wrapper.watermark .successful-profile:nth-child(1):nth-last-child(n+2) .image:after{
	width: 60px;
	height: 30px;
	content: "";
	position: absolute;
	top: calc(50% + 40px);
	left: 0;
	background: url(../../images/new-design/icon/ico-arrow-down-grey.svg) no-repeat;
	background-position: center center;
	background-size: auto 100%;
}

.successful-wrapper.watermark ~ .action.a-center{
	width: 450px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-around;
}

.successful-wrapper ~ .action.a-center > div{
	width: auto;
    flex: 1;
    max-width: none;
}

.column-main .header .logo a,
.column-menu .logo a{
	pointer-events: none;
}


@media (max-width: 767px){
	.account-management-link.transfer-wrapper .tab-menu{
		margin-top: 15px;
	}
	.account-management-summary-list .middle .list span.c-big.c-gray{
		font-size: 16px;
	}
	.account-management-summary-list .middle .list span.c-gray{
		margin-top: 6px;
	}
	.account-management-summary .row.align-items-center.h-100.d-flex{
		position: static;
	}
	.account-management-header.flex-wrap{
		flex-direction: column-reverse;
	}

	.account-management-header.flex-wrap .tab-menu{
		margin-top: 0;
		margin-bottom: 15px;
	}
	.non-table-12.payloan .list,
	.non-table-09.payloan-confirm-table .bottom .list{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.payroll-detail .successful-detail:first-child,
	.payroll-detail.credit-card-detail .credit-card-detail-list:last-child {
		margin-top: 0;
	}
	.content-step-two .summary-wrapper .row .row.otp{
		margin-left: 0;
		margin-right: 0;
	}
	.transfer-wrapper + .transfer-wrapper .menu-step {
		top: -175px;
	}
	.select2-container.replica .select2-selection--single .select2-selection__rendered{
		padding-right: 0;
	}
	/* .content-step-two .summary-wrapper.payroll-detail{
		height: 530px;
	} */

	.popup-content-authen-style .mfp-content .content .summary-wrapper.payroll-detail{
		height: auto;
		max-height: 600px;
	}
	.popup-content-authen-style .content-step-two .summary-wrapper {
		height: auto;
		max-height: 530px;
	}
	body .popup-content-authen-style .mfp-content .content {
		height: auto;
	}
	.transaction.non-table-03 .list:nth-child(4),
	.transaction.non-table-03 .list:nth-child(6) {
		width: 100%;
	}

	.non-table-12.equal .list:first-child,
	.non-table-12.equal .list:nth-child(2),
	.non-table-12.equal .list:nth-child(3) {
		width: 100%;
	}

	.non-table-08.equal .list:first-child,
	.non-table-08.equal .list:nth-child(2),
	.non-table-08.equal .list:nth-child(3),
	.non-table-08.equal .list:nth-child(4),
	.non-table-08.equal .list:nth-child(5) {
		width: 100%;
	}
	
	.non-table-06.payloan-confirm-table .list:nth-child(n-6){
		width: 100%;
	}
	.non-table-12.payloan-confirm-table .list:nth-child(n-3){
		width: 100%;
	}
	.text-crop-2{
		width: auto;
	}
	.non-table-13.paylroll-popup-custom .list:nth-child(n - 3){
		width: 100%
	}
	.non-table.rows-11 .list:nth-child(n){
		width: 100%;
	}
	.non-table.rows-11 .list:nth-child(10){
		width: 105px;
		margin-left: calc(100% - 135px);
		display: inline-block;
	}
	.non-table.rows-11 .list:nth-child(11){
		width: 30px;
		display: inline-block;
	}
	html .popup-content-style-type-b .mfp-content{
		padding: 20px;
	}

	.qr-summary.payroll-popup .summary-qr-desc-top{
		display: none !important;
	}
	.qr-summary.payroll-popup .summary-qr-desc-top[style="display: block;"]{
		display: flex !important;
	}

	.interbank-account-info.account-info-options.add-account-btn{
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

	.k-web-shopping-card-non-cards.activate-email .action{
		display: block;
	}

	.k-web-shopping-card-non-cards.activate-email .action .gray.popup-modal-close{
		margin-bottom: 0;
	}

	.k-web-shopping-card-non-cards .k-web-shopping-card-non-card .image.act-eml img{
		max-width: 350px;
	}
	
	.non-table-12.payloan .list:nth-child(1),
	.non-table-12.payloan .list:nth-child(2){
		width: 100%;
	}

	.non-table-12.payloan .list:nth-child(2) > p:nth-child(2){
		text-align: right;
	}
	
	.custom-carousel .slick-slide{
		height: calc(36.8vw - 8px);
		max-height: 273px;
	}

	.input.non-table-input:not(.table-input) .select.select2-parent > .select2-custom + .select2-container {
		margin-left: -10px;
		max-width: none;
		width: calc(100% + 10px) !important;
		margin-top: -10px;
		margin-bottom: -10px;
		height: 40px;
	}

	.input.non-table-input:not(.table-input) .select2-custom + .select2-container .select2-selection--single .select2-selection__rendered{
		height: 40px;
	}

	.input.non-table-input:not(.table-input) .select2-custom + .select2-container--default .select2-selection--single{
		height: 40px;
	}

	.input.non-table-input:not(.table-input) .select-arrow .select2-custom + .select2-container--default .select2-selection--single .select2-selection__arrow ::before{
		line-height: 40px;
	}

	.non-table-05.custom-history-table .list:nth-child(n){
		width: 100%;
	}
	.content-bg-white .line.more-t.wrap-v{
		margin: 010px 0 6px 0px;
	}

	.wrap-v + .pending-heading.more-bt{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.wrap-v + .pending-heading.more-bt .choice{
		margin-top: 2px;
	}
	.wrap-v + .pending-heading.more-bt .c-gray{
		margin-top: 6px;
	}
	.wrap-v + .pending-heading.more-bt .btn{
		margin-top: 0;
	}
	.mrow{
		display: flex;
		margin: 0 -15px;
	}
	
	body .successful-detail:first-child{
		margin-top: 0;
	}
	
	.successful-wrapper .image-qr .dark-grey p{
		margin: 3px 0 0 0;
		text-align: center;
		font-weight: normal;
	}
	.mrow .successful-detail{
		padding: 5px 0 3px 0;
		display: block;
	}
	.visible-ip-pro > .successful-detail{
		padding: 5px 0 ;
		display: block;
		font-size: 13px;
	}
	.visible-ip-pro > .successful-detail:first-child{
		margin-top: 15px;
	}
	.visible-ip-pro > .successful-detail:last-child{
		border: none;
	}
	.visible-ip-pro > .successful-detail::after,
	.mrow .successful-detail:after{
		content: "";
		display: block;
		clear: both;
	}
	.mrow .successful-detail .topic{
		width: 100%;
		float: none;
		font-size: 12px;
		line-height: 14px;
	}
	.mrow .successful-detail .result{
		clear: both;
		width: auto;
		text-align: left;
		font-size: 12px;
		line-height: 14px;
	}
	
	.mrow .image-qr{
		margin-top: 30px;
	}

	.btn.btn-search{
		font-size: 14px;
		max-width: 100%;
	}

	.green-head{
		background: #4DCD8A;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		text-align: center;
		padding: 10px 0;
		margin-top: 15px;
	}

	.green-head + .successful-wrapper{
		margin-top: 0;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

	
	.popup-content-style .content-search-wrapper .custom-row input{
		width: 100%;
	}

	.form-schedule .field.quarter.m-half{
		width: 50%;
	}
	.successful-wrapper.watermark .successful-profile:nth-child(1) .image:after{
		background-image: url(../../images/new-design/icon/ico-arrow-down-short-grey.svg);
	}
	
	/* .recent-transaction-non-tabel-detail .list.details span.overflowed{
		text-align: justify;
	} */
	.recent-transaction-non-tabel-detail .list.details span{
		text-align: right;
		position: relative;
	}
	.recent-transaction-non-tabel-detail .list.details span.overflowed:after{
		content: "...";
		background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255,255,255,1) 30%);
		right: 0;
		bottom: 0;
		position: absolute;
		padding: 2px 0 0 8px;
	}
	.recent-transaction-non-tabel-detail.bg-gray .list.details span.overflowed:after{
		background-image: linear-gradient(to right, rgba(247, 247, 247, 0), rgba(247,247,247,1) 30%);
	}

	body .row{
		margin: 0 -15px;
	}

	.popup-content-authen-style .mfp-content .popup-modal-dismiss-02{
		right: 0;
		top: -40px;
	}

	.mb-4.mt-3[style='font-size: 16px;']{
		font-size: 15px !important;
	}

	.big-box-choice .choice input.choice-input + .choice-name .white-bg{
		padding-right: 45px;
	}

	.big-box-choice .choice input.choice-input + .choice-name:after{
		right: 14px;
	}

	.heading-h2.hidden-ip-pro + .transfer-wrapper{
		margin-top: 45px;
	}
	.notification-content .notification-wrap .notice-empty{
		max-height: none;
    	height: calc(100vh - 65px);
	}
	.notification-content .notification-wrap .notice-empty p{
		background: url(../../images/new-design/icon/ico-notice-empty-mobile.svg) no-repeat top 5px center;
		font-size: 16px;
	}
	
	.successful-wrapper .c-green .heading + p{
		font-size: 14px;
	}
	.successful-detail .topic{
		font-size: 13px;
	}
	.successful-wrapper.watermark .successful-detail .topic,
	.successful-wrapper.watermark .successful-detail .result{
		font-size: 12px;
	}
	.successful-wrapper.watermark:not(.wait):not(.left-right) .successful-detail .topic,
	.successful-wrapper.watermark:not(.wait):not(.left-right) .successful-detail .result{
		font-size: 12px;
		float: none;
		display: block;
		width: 100%;
		line-height: 1.333;
	}
	.successful-wrapper.watermark:not(.wait):not(.left-right) .successful-detail .result{
		text-align: right;
	}
	.successful-wrapper .heading{
		font-size: 18px;
	}
	.successful-wrapper .c-green .desc{
		font-size: 12px;
	}		
	.successful-wrapper .successful .col-md-7 > .row{
		display: flex;
	}
	.successful-wrapper .successful .col-md-7 > .row > .col-auto{
		width: 115px;
		padding-left: 0;
		margin-top: auto;
	}

	.successful-wrapper.watermark:not(.wait):not(.left-right) .successful .col-md-7 > .row > .col >.successful-detail{
		padding: 9px 0 0 0;
	}
	.successful-wrapper + div > .successful-detail{
		padding: 4px 0;
		border: none;
	}

	.successful-wrapper + div > .successful-detail:nth-child(1){
		margin-top: 12px;
	}

	.successful-wrapper .col-md-7 .successful-detail,
	.successful-wrapper .col-md-12 .successful-detail{
		padding: 10px 0;
	}

	.ps p{
		font-size: 13px;
	}

	.bulk-amount{
		font-size: 12px;
	}

	.bulk-wrap{
		font-size: 13px;
	}	
	.successful-wrapper.watermark{
		background: #fcfcfc url(../img/kbank-watermark-bg-wide.png) no-repeat;
		background-size: auto 400px;
		background-position: right bottom;
		min-height: 460px;
	}

	body .btn.hv-icon .ic {
		font-size: 10px;
	}

	/* .white-popup-block .action.a-center a.btn:nth-child(1):nth-last-child(2){
		float: left;
		max-width: calc(50% - 5px);
	} 
	.white-popup-block .action.a-center a.btn:nth-child(2):nth-last-child(1){
		float: right;
		clear: right;
		max-width: calc(50% - 5px);
	}  */
	.k-web-shopping-card-non-cards .k-web-shopping-card-non-card .image img{
		width: 100%;
    	height: 42vw;
	}
	
	.bulk-amount{
		margin-top: -12px;
	}

	.non-table-03.payloan-pwkbiz-table .list:nth-child(n){
		width: 100%;
	}

	
	.list-each{
		width:calc(33.33% - 40px);
		position: relative;
	}

	.non-table-04 .recent-transaction-non-tabel-detail .list:nth-child(1):nth-last-child(4){
		display: block !important;
		width: 100%;
	}
	.non-table-04 .recent-transaction-non-tabel-detail .list.details:nth-child(3):nth-last-child(2){display: none !important;}
	.edit-left{
		width: 100%;
		margin-bottom: 5px;
	}
	.edit-left span{
		float: right;
	}
	.active-edit .edit-in-table {
		display: inline;
	}

	.new-height h1{
		font-size: 25px;
	}
	.new-height h1 img{
		width: 64px;
		margin-bottom: 7px !important;
	}
	.line.after-tabs{
		margin-top: -3px;
	}
	.expand-content{
		display: none;
	}
	.expand.expand-content{
		display: block;
	}

	.d-flex.custom-res{
		flex-wrap: wrap;
	}
	.d-flex.custom-res > input,
	.d-flex.custom-res > .mr-4{
		width: 100% !important;
		margin: 0 !important;
	}
	.d-flex.custom-res > button,
	.d-flex.custom-res > .field > button{
		margin: 10px 0 !important;
	}

	.visible-device.c-small{
		font-size: 12px;
	}

	.non-table-02.fav-table .list:nth-child(1),
	.non-table-02.fav-table .list:nth-child(2),
	.non-table-02.fav-table .list:nth-child(3),
	.non-table-02.fav-table .list:nth-child(4),
	.non-table-02.fav-table .list:nth-child(5),
	.non-table-02.fav-table .list:nth-child(6),
	.non-table-02.fav-table .list:nth-child(7),
	.non-table-02.fav-table .list:nth-child(8){width:100%;}

	.successful-profile.upload-file.respond .image,
	.successful-profile.upload-file.respond .detail{
		display: block;
		width: 100%;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
	}
	.successful-profile.upload-file.respond .image fieldset{
		padding-top: 0;
		padding-bottom: 0;
	}
	
	.credit-card-details-show .credit-card-details{
		background: none;
		padding: 0;
	}

	.credit-card-details.custom-res{
		padding: 0;
		background: none;
	}
	.credit-card-details.custom-res .successful-detail{
		padding: 7px 0 10px 0;
	}
	.fix-action-wrap{
		display: block;
        height: 30px;
		margin-top: 40px;
        width: 100%;
	}
	.successful-wrapper ~ .fix-action-wrap .action.a-center,
	.fix-action-wrap .action.a-center{
		position: fixed;
		padding:0 0 10px 0;
		bottom: 0;
		left: 30px;
		right: 30px;
		z-index: 10;
		max-width: calc(100vw - 60px);
	}
	.fix-action-wrap .action.a-center:before{
		z-index: -1;
		position: absolute;
		width: calc(100vw - 40px);
		left: 50%;
		transform: translateX(-50%);
		height: calc(100% + 43px);
		display: block;
		content: "";
		bottom: 0;
		background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,1));
		pointer-events: none;
	}

	.grey-wrap .col-xs-6:not(.a-right){
		word-break: break-word;
	}

	.content-step-two .green-block-with-arrow,
	.content-step-two .summary-wrapper .row.green-block-with-arrow{
		margin: 0;
	}

	.box-in-mobile{
		padding: 24px;
		border-radius: 8px;
		background: linear-gradient(to right, #06403A, #00A94F);
	}

	.box-in-mobile .row.d-flex{
		flex-wrap: wrap;
	}
	.box-in-mobile .row .col,
	.box-in-mobile .row .col-auto{
		max-width: 100% !important;
		width: 100%;
		flex: 0 0 100%;
	}

	.box-in-mobile .row .col-auto img{
		max-width: 166px;
		margin: 0 auto;
		display: block;
	}

	.flex-ip-pro{
		display: flex;
		flex-wrap: wrap;
	}

	.box-in-mobile .flex-ip-pro{
		justify-content: space-between;
		max-width: 280px;
		margin: 0 auto;
	}

	.login-wrap-new{
		padding: 16px;
	}

	.login-wrap-new .inside-wrap .logo{
		width: 158px;
	}

	body .ip-pro-overwide{
		width: calc(100% + 30px);
		max-width: none !important;
		margin-left: -15px;
		margin-right: -15px;
	}

	.font-kurious h4,
	.font-kurious h5{
		font-size: 28px;
	}

	.grey-bar{
		padding: 10px 14px;
	}
        
        .remark-bar {
            padding: 10px 14px;
        }
        
	.white-block.reset-password.resp{
		padding-left: 16px;
		padding-right: 16px;
	}

	.light-blue-block{
		flex-direction: column;
        align-items: center;
	}

	.content .a-ip-20{
		font-size: 20px;
	}
}

@media (max-width: 640px){
	.account-management-link.transfer-wrapper{
		max-width: 100%;
	}
	.account-management-heading.d-column .price span.font-default{
		font-size: 20px;
	}
	.breadcrumb.with-step:after{
		display: inline-block;
	}
	.breadcrumb.with-step{
		margin-top: 0;
	}
	.ic-copy::before{
		width: 16px;
		height: 16px;
	}

	.ic-receipt::before {
		width: 25px;
		height: 25px;
	}

	.notification-content{
		width: 100vw;
		left: 0;
		right: 0;
		top: 0;
		position: fixed;
		bottom: 0;
		z-index: 10;
		border-radius: 0;
	}
	.notification-wrap{
		/* max-height: calc(100vh - 62px); */
	}
	.notification-content .notification-header{
		text-align: center;
	}
	.notification-content .notification-close{
		display: flex;
	}

	.popup-content-style .mfp-content .btn.outline-green{
		border: 2px solid #4DCD8A !important;
	}
	.watermark-cheque{
		font-size: 17vw;
	}
	.sc-login-bg{
		background-size: cover !important;
	}
}
@media (max-width: 560px){
	.lists-wrap{
		width: calc(100% + 16px);
		margin: 0 -8px;
	}
	.list-each{
		width:calc(50% - 16px);
		position: relative;
		margin:8px;
	}
	.list-each img{
		height: auto;
		max-width: 100%;
	}
	.list-each .circle{
		width: 90px;
		padding-top: 90px;
		margin-bottom: 27px;
	}
	.list-each .circle p{
		font-size: 40px;
		padding-top: 5px;
	}
	.choice-block .choice.inline{
		width: 100%;
		margin: 4px 0;
	}
}

@media (max-width: 480px){
	.account-management-heading-left.pr-5.mr-0.col-auto{
		padding-right: 0 !important;
		flex: 0 0 auto;
	}
	.account-management-heading-left.pr-5.mr-0.col-auto + .account-management-heading-left{
		width: auto;
		flex: 1;
		margin-left: auto;
		text-align: right;
	}

	.account-management-heading-left.pr-5.mr-0.col-auto .heading-h4,
	.account-management-heading-left.pr-5.mr-0.col-auto + .account-management-heading-left .heading-h4{
		font-size: 14px;
	}
	.account-management-heading.d-column .price span.font-default{
		font-size: 16px;
	}
	.interbank-account-info.account-info-options.add-account-btn > a{
		min-width: 150px;
	}
	.content-control{
		padding: 0;
	}

	.account-management-summary-list.min-h .middle .list:nth-child(1):nth-last-child(2){
		width: 55.5%;
	}
	.account-management-summary-list.min-h .middle .list:nth-child(2):nth-last-child(1){
		width: 44.5%;
		padding-left: 10px;
		padding-right: 13px;
	}
	body #popup-change-pattern-02 .content .qr-wrqpper .image.download-app-img{
		width: calc(100% + 40px);
		margin-left: -20px;
		margin-right: -20px;
	}
	
	.ic-tooltip::before,
	.choice input.choice-input[disabled] + .choice-name .tooltip{
		width: 16px;
		height: 16px;
	}
	.successful-wrapper .successful-detail.summary .result{
		font-size: 20px;
		text-align: right;
		white-space: nowrap;
	}
	.sc-form-full.form-lg .policy.tooltips > div{
		width: 299px;
		left: auto;
        right: calc(50vw - 69px);
        transform: translateX(50%);
	}

	.credit-card-details{
		padding: 15px 10px;
	}

	body .transfer-wrapper.more-p,
	.heading-h2.hidden-ip-pro + .transfer-wrapper {
        margin-top: 25px;
		padding-top: 20px;
    }

	.heading-h2.hidden-ip-pro + .transfer-wrapper.more-p .menu-step {
        top: -35px;
    }

	.heading-h2.hidden-ip-pro + .transfer-wrapper.more-p .successful-wrapper.watermark > .d-flex.row{
		margin-bottom: 5px;
	}
	.successful-wrapper.watermark:not(.wait):not(.left-right) .successful .col-md-7 > .row > .col >.successful-detail{
		margin-top: 5px;
	}
	.menu-step + .successful-wrapper.watermark.wait-qr,
	.menu-step + .successful-wrapper.watermark.wait{
		margin-top: 0;
	}
	body .account-management-menu .list{
		text-align: center;
		display: flex;
		justify-content: space-between;
		white-space: nowrap;
	}
	.menu-step + .successful-wrapper.watermark{
		margin-top: 0px;
	}
	.successful-wrapper ~ .fix-action-wrap .action.a-center, .fix-action-wrap .action.a-center{
		width: auto;
	}
}

@media (max-width: 430px){
	.list-each .circle {
		width: 20vw;
		padding-top: 20vw;
		margin-bottom: 0;
	}
}

@media (max-width: 380px){
	.list-each .status{
		padding: 0 10px;
	}
	.account-management-heading.d-column .price span.error-text{
		font-size: 18px;
		padding-top: 2px;
	}
	.heading-h2.hidden-ip-pro + .transfer-wrapper{
		padding-left: 10px;
		padding-right: 10px;
	}
	body .user-expand .choice input[type=radio].choice-input + .choice-name{
		padding-right: 30px;
	}
	body .user-expand .choice input[type=radio].choice-input:checked + .choice-name{
		background-position: center right 2px;
	}
	.choice-name .tooltip .tooltiptext{
		margin-left: -205px;
	}
	.choice-name .tooltip .tooltiptext:after{
		left: calc(100% - 57px);
	}
}

.qr-login-box {
    background: #fff;
    border-radius: 24px;
    padding: 50px 40px;
    text-align: center;
}

.qr-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
}

.qr-desc {
    font-size: 16px;
    margin-bottom: 30px;
    color: #333;
}

.qr-wrapper {
    display: inline-block;
    padding: 8px;
    border: 3px solid #00A850;
    border-radius: 8px;
    margin-bottom: 25px;
    background: #fff;
}

.qr-wrapper img {
    width: 220px;
}

.qr-timer {
    font-size: 16px;
    margin-bottom: 20px;
}

#countdown {
    color: #00A850;
    font-weight: bold;
}

.qr-note {
    background: #f7f7f7;
    padding: 12px;
    border-radius: 5px;
    font-size: 14px;
    margin-bottom: 30px;
}

.qr-action .btn {
    background: #00A850;
}


.qr-login-box .inside-wrap{
	width: auto;
	max-width: 366px;
	margin: 0 auto;
}

.qr-login-box .fields{
	margin-bottom: 0;
}

.qr-hover {
    position: relative;
    display: inline-block;
}

.qr-tooltip {
    position: absolute;
    bottom: 115%;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    color: #333;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 14px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    z-index: 10;
}

.qr-tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

.qr-hover:hover .qr-tooltip {
    opacity: 1;
    visibility: visible;
}

/* เอาพื้นขาวออกเฉพาะ popup นี้ */
.popup-content-style-gradient .mfp-content {
    background: transparent !important;
    box-shadow: none !important;
}

/* เอา padding รอบนอกออกเฉพาะอันนี้ */
.popup-content-style-gradient .mfp-container {
    padding: 0 !important;
}

.popup-content-style-gradient .mfp-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0; /* ซ่อน X เดิม */
    opacity: 1;
    z-index: 10;
}

.popup-content-style-gradient .mfp-close::after {
    content: "";
    width: 36px;
    height: 36px;
     background: url(../../images/new-design/icon/close-01.svg) no-repeat center;
    background-size: contain;
}

/* จัดตำแหน่ง */
.popup-content-style-gradient .mfp-close {
    width: 40px;
    height: 40px;
    top: 20px;
    right: 20px;
    opacity: 1;
}

/* กล่อง popup */
.kbiz-popup {
    max-width: 810px;
	max-height: 440px;
	height: 440;
    margin: auto;
    padding: 40px;
    border-radius: 30px;
    position: relative;   /* สำคัญมาก */
    overflow: hidden;
    padding: 60px;
    background: radial-gradient(
        circle at center,
        #FFFFFF 0%,
        #5B9AA2 100%
    );
}

.popup-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.qr-img {
    width: 280px;
    padding: 12px;
    border-radius: 20px;
    border: 10px solid transparent;
    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(135deg, #00A850, #4DCC89) border-box;
}

.popup-right {
    flex: 1;
    margin-left: 24px;
}

.popup-left {
    flex: 1;
    text-align: center;
}

.popup-right h2 {
    font-size: 40px;
    font-weight: 600;
    color: #103b2f;
    margin-bottom: 20px;
    line-height: 1.4;
}

.kbiz-text-img {
    width: 175px;
    height: 45px;
    display: block;
}

.kbiz-logo {
	width: 128px;
    box-shadow: 0 8px 23.99px 0 #E0E0E0;
	border-radius: 19.64px;
	margin-left: auto;
	transform: translate(-4px, 6px);
}

.kbiz-inline {
    display: flex;
    align-items: baseline;
    gap: 20px; 
	transform: translate(0px, -40px);    
}

.qr-text {
    transform: translate(0px, 40px);    
    width: 400px;
}

.popup-content-style-gradient .mfp-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    opacity: 1;
    z-index: 10;
    
    /* เพิ่มส่วนนี้เพื่อ reset button default */
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    box-sizing: border-box;
    
    /* ป้องกันการเด้ง */
    transform: none !important;
    transition: none !important;
    top: 20px !important;
    right: 20px !important;
}

.popup-content-style-gradient .mfp-close:hover,
.popup-content-style-gradient .mfp-close:focus,
.popup-content-style-gradient .mfp-close:active {
    top: 20px !important;
    right: 20px !important;
    transform: none !important;
    opacity: 1 !important;
    background: #ffffff;
    outline: none;
}

.widthfull {
    width: 100% !important;
}

.mfp-content #popup-error-expire {
    width: 450px;
    height: 340px;
    max-width: 100%;
}

.popup-content-style-error .mfp-content {
    max-width: 450px;
	max-height: 340px;
}

.popup-content-style-error .mfp-close {
    display: none;
}

.popup-error-exp .content {
    background: #fff;
    border-radius: 8px;
    padding: 32px 32px;
    text-align: center;
}

.popup-error-exp .content .desc {
	font-size: 14px;
}

.grey-bar-qrlogin{
	background: #fafafa;
	color: #666;
	padding: 16px 16px;
	min-height: 80px;
	font-size: 16px;
	text-align: left;
	display: flex;
	margin-bottom: 16px;
}

.grey-bar-qrlogin > .row > div{
	display: flex;
}
.grey-bar-qrlogin > .row > div > *{
	align-self: center;
}

@media (max-width: 991px) {
  .info-banner-green-new {
    margin-bottom: 10px;
    margin-top: 0px;

  }
  .icon-container{
    width: 44px !important;
  }

  .icon-container .banner-icon{
    width: 24px;
    height: 24px;
  }
  
}

/* custom css banner link dosr */
.info-banner-green-new {
  display: flex;
  align-items: stretch;
  border-radius: 12px;
  overflow: hidden;
  min-height: 65px;
  cursor: default;
  border: none;
  padding: 0;
  background-color: #4DCC89;
  margin-top: 16px;

}

.icon-container {
    width: 50px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    padding-left: 6px;
    background: linear-gradient(to right, rgba(0, 168, 80, 1), rgba(77, 204, 137, 1));

}

.text-container {
    background-color: rgba(234, 248, 240, 1);  
    border: 1px solid rgba(0, 169, 79, 1);
    
    box-sizing: border-box; 
    
    flex-grow: 1;
    display: block;             
    padding: 16px 8px;    
    border-top-left-radius: 16px;    
    border-bottom-left-radius: 16px;
    
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    color: rgba(0, 169, 79, 1); 
    margin: 0;
}

.banner-icon {
    width: 32px;       
    height: 32px;
    object-fit: contain;
    filter: brightness(0) invert(1); 
}

.action-link {
    text-decoration: underline;
    font-weight: bold;
    color: rgba(0, 169, 79, 1);
    cursor: pointer;
    margin-left: 5px;
    display: inline;       
}