/*HEADER*/
.logo{background:url(../images/logo.svg) no-repeat 50%/100%;}
html[lang="en"] .logo{background:url(../images/logo-en.svg) no-repeat 50%/100%;}
.flag-vi{ background:url(../images/vietnamese.svg) no-repeat 50%/100%;}
.flag-en{ background:url(../images/english.svg) no-repeat 50%/100%;}
.call{background:url(../images/call.svg) no-repeat 50%/100%;}
.main-menu li.has-sub::after{background:url(../images/plus.svg) no-repeat left center;}
.plus-mobile{background:url(../images/plus2.svg) no-repeat left center;}
.load-cycle{background:url(../images/cycle.png) no-repeat center center;}
/*ICON*/
.icon-personal {
    background: url(../images/main-icon/personal.svg) no-repeat 50%/100%;
}
.icon-business{background:url(../images/main-icon/business.svg) no-repeat 50%/100%;}
.icon-digital{background:url(../images/main-icon/digital.svg) no-repeat 50%/100%;}
.icon-quicktool{background:url(../images/main-icon/quicktool.svg) no-repeat 50%/100%;}
.icon-login{background:url(../images/main-icon/ebanking.svg) no-repeat 50%/100%;}
.icon-login-personal{background:url(../images/sub-icon/online-account.svg) no-repeat 50%/100%;}
.icon-login-business{background:url(../images/sub-icon/online-account2.svg) no-repeat 50%/100%;}
.icon-currency{background:url(../images/sub-icon/currency.svg) no-repeat 50%/100%;}
.icon-finance{background:url(../images/sub-icon/finance.svg) no-repeat 50%/100%;}
.icon-tariff{background:url(../images/sub-icon/tariff.svg) no-repeat 50%/100%;}
.icon-form2{background:url(../images/sub-icon/form2.svg) no-repeat 50%/100%;}
.icon-form{background:url(../images/sub-icon/form.svg) no-repeat 50%/100%;}
.icon-turnup{background:url(../images/sub-icon/turnup.svg) no-repeat 50%/100%;}
.icon-calculator{background:url(../images/sub-icon/calculator.svg) no-repeat 50%/100%;}
.icon-calculator2{background:url(../images/sub-icon/calculator2.svg) no-repeat 50%/100%;}
.icon-promotion{background:url(../images/sub-icon/promotion.svg) no-repeat 50%/100%;}
.icon-account{background:url(../images/sub-icon/account.svg) no-repeat 50%/100%;}
.icon-account2{background:url(../images/sub-icon/account2.svg) no-repeat 50%/100%;}
.icon-saving{background:url(../images/sub-icon/saving.svg) no-repeat 50%/100%;}
.icon-saving-business{background:url(../images/sub-icon/saving-business.svg) no-repeat 50%/100%;}
.icon-loan{background:url(../images/sub-icon/loan.svg) no-repeat 50%/100%;}
.icon-loan-business{background:url(../images/sub-icon/loan-business.svg) no-repeat 50%/100%;}
.icon-support-business{background:url(../images/sub-icon/support.svg) no-repeat 50%/100%;}
.icon-support{background:url(../images/sub-icon/support.svg) no-repeat 50%/100%;}
.icon-interest{background:url(../images/sub-icon/interest.svg) no-repeat 50%/100%;}
.icon-interest-business{background:url(../images/sub-icon/interest-business.svg) no-repeat 50%/100%;}
.icon-service{background:url(../images/sub-icon/service.svg) no-repeat 50%/100%;}
.icon-service-business{background:url(../images/sub-icon/service-business.svg) no-repeat 50%/100%;}
.icon-insurant{background:url(../images/sub-icon/insurant.svg) no-repeat 50%/100%;}
.icon-insurant-business{background:url(../images/sub-icon/insurant-business.svg) no-repeat 50%/100%;}
.icon-card{background:url(../images/sub-icon/card.svg) no-repeat 50%/100%;}
.icon-bank{background:url(../images/sub-icon/bank.svg) no-repeat 50%/100%;}
.icon-banking{background:url(../images/sub-icon/banking.svg) no-repeat 50%/100%;}
.icon-gold{background:url(../images/sub-icon/gold.svg) no-repeat 50%/100%;}
.icon-guarantee{background:url(../images/sub-icon/guarantee.svg) no-repeat 50%/100%;}
.icon-gold{background:url(../images/sub-icon/gold.svg) no-repeat 50%/100%;}
.icon-investor{background:url(../images/main-icon/investor.svg) no-repeat 50%/100%}
.icon-investor-annouce{background:url(../images/sub-icon/investor-announce.svg) no-repeat 50%/100%}
.icon-investor-regulation{background:url(../images/sub-icon/investor-regulation.svg) no-repeat 50%/100%}
.icon-investor-financial{background:url(../images/sub-icon/investor-financial.svg) no-repeat 50%/100%}
.icon-investor-report{background:url(../images/sub-icon/investor-report.svg) no-repeat 50%/100%}
.icon-investor-information{background:url(../images/sub-icon/investor-information.svg) no-repeat 50%/100%}
.icon-investor-guide{background:url(../images/sub-icon/investor-guide.svg) no-repeat 50%/100%}
.icon-investor-management{background:url(../images/sub-icon/investor-management.svg) no-repeat 50%/100%}
.icon-loan-online{background:url(../images/sub-icon/loan-online.svg) no-repeat 50%/100%}
.title-sub::after{background:url(../images/arrow-down.svg) no-repeat 50%/80%;}
.title-sub::before{background:url(../images/sub-icon/list-icon.svg) no-repeat center center/contain;}

/*FOOTER*/
.bullet-phone::after{background:url(../images/footer-icon/phone.svg) no-repeat 50%/100%;}
.bullet-email::after{background:url(../images/footer-icon/email.svg) no-repeat 50%/100%;}
.bullet-calendar::after{background:url(../images/footer-icon/calendar.svg) no-repeat 50%/100%;}
.bullet-address::after{background:url(../images/footer-icon/address.svg) no-repeat 50%/100%;}
.bullet-atm::after{background:url(../images/footer-icon/atm.svg) no-repeat 50%/100%;}
.bullet-rate::after{background:url(../images/footer-icon/rate.svg) no-repeat 50%/100%;}
.bullet-fee::after{background:url(../images/footer-icon/fee.svg) no-repeat 50%/100%;}
.bullet-faq::after{background:url(../images/footer-icon/faq.svg) no-repeat 50%/100%;}
.bullet-interest::after{background:url(../images/footer-icon/interest.svg) no-repeat 50%/100%;}
.bullet-calculator::after{background:url(../images/footer-icon/calculator.svg) no-repeat 50%/100%;}
.apple-store a{background:url(../images/apple-store.svg) no-repeat 50%/100%;}
.play-store a{background:url(../images/play-store.svg) no-repeat 50%/100%;}
.title-app::before{background:url(../images/app.svg) no-repeat 50%/100%;}
.go-top::after{background:url(../images/go-top.svg) no-repeat 50%/100%;}

/*VIDEO*/
.player-vid{background:url(../images/play.svg) no-repeat 50%/100%;}
button[data-state="play"] {background:url(../images/video/play.svg)no-repeat 50%/100%; }
button[data-state="pause"] {background: url(../images/video/pause.svg)no-repeat 50%/100%;}
button[data-state="stop"] {background: url(../images/video/stop.svg) no-repeat 50%/100%; display:none}
button[data-state="mute"] {background: url(../images/video/mute.svg) no-repeat 50%/100%; }
button[data-state="unmute"] {background:url(../images/video/unmute.svg) no-repeat 50%/100%; }
button[data-state="go-fullscreen"] {background: url(../images/video/fullscreen.svg) no-repeat 50%/100%;}
button[data-state="cancel-fullscreen"] {background: url(../images/video/cancel-fullscreen.svg) no-repeat 50%/100%;}

/*GOOGLE*/
.map-box.show .full-map::after{background:url(../images/google-icon/cancel-fullscreen.svg) no-repeat 50%/80%;}
.full-map::after{background:url(../images/google-icon/fullscreen.svg) no-repeat 50%/90%;}
.close-box-map::after{background:url(../images/close.svg) no-repeat 50% / 80%;}
.gm-fullscreen-control::after{background:#1b4486 url(../images/google-icon/fullscreen.svg) no-repeat  50% /80%;}
.full-screen .gm-fullscreen-control::after{background:#1b4486 url(../images/google-icon/cancel-fullscreen.svg) no-repeat  50% /80%;}
.gm-style [title="Zoom in"]{background:#1b4486 url(../images/google-icon/zoom-in.svg) no-repeat  50% /70% !important;}
.gm-style [title="Zoom out"]{background:#1b4486 url(../images/google-icon/zoom-out.svg) no-repeat  50% /70%  !important;}
.gm-ui-hover-effect::after{background:#1b4486 url(../images/close.svg) no-repeat 50% / 60%}

/*PAGE*/
/*HOME*/
.promo .box-icon{background:url(../images/promotion.svg) no-repeat 50%/100%;}
.support .box-icon{background:url(../images/support.svg) no-repeat 50%/100%;}
.find .box-icon{background:url(../images/find.svg) no-repeat 50%/100%;}
.tool .box-icon{background:url(../images/tool.svg) no-repeat 50%/100%;}
.box-ultilities li{ background:url(../images/list-icon.svg) no-repeat  0 4px/18px;}
.box-title .box-icon{background:url(../images/flight.svg) no-repeat 50%/100%;}

/*TITLE*/
.list-arrow::after{background:url(../images/plus3.svg) no-repeat left center;}

/*ABOUT-PAGE*/
.control-but::before{background:url(../images/list-icon.svg) no-repeat center center/contain}
.view-info-leader::after{background:url(../images/list-icon.svg) no-repeat  center center/contain}
.list-title-manager::after{background-image:url(../images/plus-white.svg); background-repeat:no-repeat; background-size:50px; background-position:left top}
.text-ins-vision:before{background:url(../images/quote.svg) no-repeat center center/contain}

/*PRINT SHARE*/
.save-but::before{background:url(../images/icon-share/favorite.svg) no-repeat 50% / 80%;}
.print-but::before{background:url(../images/icon-share/print.svg) no-repeat 50% / 80%;}
.share-but::before{background:url(../images/icon-share/share.svg) no-repeat 50% / 80%;}

/*SELECT LIST*/
.select-header::after{background:url(../images/arrow-down.svg) no-repeat center center/contain;}

/*INVESTOR-PAGE*/
.r-pdf{background:url(../images/pdf.svg) no-repeat center center/contain;}
.investor-guide-section .r-pdf{background:url(../images/word.svg) no-repeat center center/contain;}

/*CUSTOMERCARE*/
.list-customer-contact .phone::after{background:url(../images/footer-icon/phone2.svg) no-repeat center center/contain}
.list-customer-contact .email::after{background:url(../images/footer-icon/email2.svg) no-repeat center center/contain}
.icon-quick-regist{background:url(../images/fast-register.svg) no-repeat center center/contain;}
.button-style::after{background:url(../images/list-icon-white.svg) no-repeat center center/contain;}
.list-content-customer .list-title::after{background-image:url(../images/plus-white.svg); background-repeat:no-repeat; background-size:50px; background-position:left top}
.active .list-title::after{ background-position:right top}

.list-title-group::after{background-image:url(../images/plus-white.svg); background-repeat:no-repeat; background-size:50px; background-position:left top}
.open-group .list-title-group::after{ background-position:right top}



/*CONTACT-PAGE*/
.info-email::before{background:url(../images/icon-share/send-email.svg) no-repeat center center/contain;}

/*CALENDAR*/
.ui-datepicker .ui-datepicker-prev span{background:url(../images/calendar-icon/prev.svg) no-repeat 50%/42%}
.ui-datepicker .ui-datepicker-next span{background:url(../images/calendar-icon/next.svg) no-repeat 50%/42%}
.ui-datepicker-close{background:url(../images/calendar-icon/close.svg) no-repeat 50%/60%}
.items-parent::before{background:url(../images/find.svg) no-repeat center center/contain;}
.items-children a::before{background:url(../images/list-icon.svg) no-repeat center center/contain}

/*NETWORK-BRANCH*/
.network-input-select .input-select .select2::after, .but{background:url(../images/arrow-down.svg) no-repeat center center/contain;}

/*DETAILS-CONTENT*/
.close::before, .close-video::before, .close-pics::before, .close-album::before, .close-popup::before, .close-details::before{background:url(../images/close.svg) no-repeat 50%/70%;display:block;}
.details-manager .close-popup::before{background:url(../images/close_red.svg) no-repeat 50%/70%;}


@media screen and (max-width: 1024px){
/*CONTROL-BUT*/
.control-but.active::before{background:url(../images/list-icon-white.svg) no-repeat center center/contain}
}



@media screen and (max-width: 440px) {
.call{background:#ec2028 url(../images/call2.svg) no-repeat 50%/100%;}
}


/*ADD-BUTTON*/
.add-button .icon{background:url(../images/icon-512.png) no-repeat center/contain}
.close-add{background:url(../images/close_red.svg) no-repeat 50%/80%}