/* ICONS */
.w88-icon {
  position: relative;
}
.w88-icon:before {
  content: "";
  height: 30px;
  width: 30px;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
}
.w88-icon.filtered:before,
.w88-icon-svg.filtered {
  filter: invert(56%) sepia(31%) saturate(0%) hue-rotate(8deg) brightness(89%) contrast(88%);
}
.w88-icon.filtered:hover:before,
.w88-icon-svg.filtered:hover {
  filter: unset;
}
.w88-icon.filtered-dark:before {
  filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7486%) hue-rotate(54deg) brightness(111%) contrast(101%);
}

/* ICONS DARK */
.w88-icon.w88-icon-2fa:before {
  background-image: url("../image/2FA1.svg");
}
.w88-icon.w88-icon-agent:before {
  background-image: url("../image/agent1.svg");
}
.w88-icon.w88-icon-agent.w88-icon-agent-important:before {
  background-image: url("../image/agent1.svg") !important;
}
.w88-icon.w88-icon-announcement-left:before {
  background-image: url("../image/announcement-left1.svg");
}
.w88-icon.w88-icon-announcement-notif-left:before {
  background-image: url("../image/announcement-notif-left1.svg");
}
.w88-icon.w88-icon-announcement-right:before {
  background-image: url("../image/announcement-right1.svg");
}
.w88-icon.w88-icon-announcement-notif-right:before {
  background-image: url("../image/announcement-notif-right1.svg");
}
.w88-icon.w88-icon-arrow:before {
  background-image: url("../image/up-arrow.svg");
}
.w88-icon.w88-icon-cellphone:before,
.w88-icon.w88-icon-cellphone.w88-icon-dark:before {
  background-image: url("../image/cellphone1.svg");
}
.w88-icon.w88-icon-chat:before,
.w88-icon.w88-icon-chat.w88-icon-dark:before {
  background-image: url("../image/chat1.svg");
}
.w88-icon.w88-icon-check:before {
  background-image: url("../image/check1.svg");
}
.w88-icon.w88-icon-close:before {
  background-image: url("https://www.w88hoh.com/_static/svg/grey/close.svg");
}
.w88-icon.w88-icon-close-2:before {
  background-image: url("../image/close-21.svg");
}
.w88-icon.w88-icon-error:before {
  background-image: url("../image/error1.svg");
}
.w88-icon.w88-icon-close.w88-icon-dark:before {
  background-image: url("https://www.w88hoh.com/_static/svg/grey/close.svg") !important;
}
.w88-icon.w88-icon-close-2.w88-icon-dark:before {
  background-image: url("../image/close-21.svg") !important;
}
.w88-icon.w88-icon-facebook:before,
.w88-icon.w88-icon-unhovered.w88-icon-facebook:hover:before,
.w88-icon.w88-icon-facebook.w88-icon-dark:before {
  background-image: url("../image/facebook3.svg");
}
.w88-icon.w88-icon-facebook-messenger:before,
.w88-icon.w88-icon-facebook-messenger.w88-icon-dark:before {
  background-image: url("../image/facebook-messenger1.svg");
}
.w88-icon.w88-icon-flygram:before,
.w88-icon.w88-icon-flygram.w88-icon-dark:before {
  background-image: url("../image/flygram1.svg");
}
.w88-icon.w88-icon-gapo:before,
.w88-icon.w88-icon-gapo.w88-icon-dark:before {
  background-image: url("../image/gapo1.svg");
}
.w88-icon.w88-icon-hide-password:before {
  background-image: url("../image/hide-password1.svg");
}
.w88-icon.w88-icon-kakao:before,
.w88-icon.w88-icon-kakao.w88-icon-dark:before {
  background-image: url("../image/kakao1.svg");
}
.w88-icon.w88-icon-instagram:before,
.w88-icon.w88-icon-unhovered.w88-icon-instagram:hover:before,
.w88-icon.w88-icon-instagram.w88-icon-dark:before {
  background-image: url("../image/instagram3.svg");
}
.w88-icon.w88-icon-line:before,
.w88-icon.w88-icon-line.w88-icon-dark:before {
  background-image: url("../image/line1.svg");
}
.w88-icon.w88-icon-line-messenger:before,
.w88-icon.w88-icon-line-messenger.w88-icon-dark:before {
  background-image: url("../image/line-messenger.svg");
}
.w88-icon.w88-icon-line-messenger-green:before {
  background-image: url("../image/line-messenger-green.svg");
}
.w88-icon.w88-icon-line-messenger-light:before {
  background-image: url("../image/line-messenger-light.svg");
}
.w88-icon.w88-icon-link:before {
  background-image: url("../image/link1.svg");
}
.w88-icon.w88-icon-message:before,
.w88-icon.w88-icon-message.w88-icon-dark:before,
.w88-icon.w88-icon-message.w88-icon-dark:before {
  background-image: url("../image/message1.svg");
}
.w88-icon.w88-icon-message-notif:before {
  background-image: url("../image/message-notif1.svg");
}
.w88-icon.w88-icon-password:before {
  background-image: url("../image/password1.svg");
}
.w88-icon.w88-icon-phone:before {
  background-image: url("../image/phone1.svg");
}
.w88-icon.w88-icon-pinterest:before,
.w88-icon.w88-icon-unhovered.w88-icon-pinterest:hover:before {
  background-image: url("../image/pinterest3.svg");
}
.w88-icon.w88-icon-profile:before {
  background-image: url("../image/profile1.svg");
}
.w88-icon.w88-icon-refresh:before {
  background-image: url("../image/refresh.svg");
}
.w88-icon.w88-icon-qq:before,
.w88-icon.w88-icon-unhovered.w88-icon-qq:hover:before,
.w88-icon.w88-icon-qq.w88-icon-dark:before {
  background-image: url("../image/qq3.svg");
}
.w88-icon.w88-icon-security:before {
  background-image: url("../image/security1.svg");
}
.w88-icon.w88-icon-show-password:before {
  background-image: url("../image/show-password1.svg");
}
.w88-icon.w88-icon-signature-bonus:before {
  background-image: url("https://www.w88hoh.com/_static/svg/grey/signature-bonus.svg");
}
.w88-icon.w88-icon-signature-freeplay:before {
  background-image: url("https://www.w88hoh.com/_static/svg/grey/signature-freeplay.svg");
}
.w88-icon.w88-icon-skype:before,
.w88-icon.w88-icon-skype.w88-icon-dark:before {
  background-image: url("https://www.w88hoh.com/_static/svg/grey/skype.svg");
}
.w88-icon.w88-icon-teams:before,
.w88-icon.w88-icon-unhovered.w88-icon-teams:hover:before,
.w88-icon.w88-icon-teams.w88-icon-dark:before {
  background-image: url("../image/teams1.svg");
}
.w88-icon.w88-icon-telegram:before,
.w88-icon.w88-icon-unhovered.w88-icon-telegram:hover:before,
.w88-icon.w88-icon-telegram.w88-icon-dark:before {
  background-image: url("https://www.w88hoh.com/_static/svg/grey/telegram.svg");
}
.w88-icon.w88-icon-threads:before,
.w88-icon.w88-icon-unhovered.w88-icon-threads:hover:before,
.w88-icon.w88-icon-threads.w88-icon-dark:before {
  background-image: url("https://www.w88hoh.com/_static/svg/grey/threads.svg");
}
.w88-icon.w88-icon-tiktok:before,
.w88-icon.w88-icon-unhovered.w88-icon-tiktok:hover:before,
.w88-icon.w88-icon-tiktok.w88-icon-dark:before {
  background-image: url("https://www.w88hoh.com/_static/svg/grey/tiktok.svg");
}
.w88-icon.w88-icon-twitter:before,
.w88-icon.w88-icon-unhovered.w88-icon-twitter:hover:before,
.w88-icon.w88-icon-twitter.w88-icon-dark:before {
  background-image: url("https://www.w88hoh.com/_static/svg/grey/twitter.svg");
}
.w88-icon.w88-icon-viber:before,
.w88-icon.w88-icon-viber.w88-icon-dark:before {
  background-image: url("../image/viber1.svg");
}
.w88-icon.w88-icon-wechat:before,
.w88-icon.w88-icon-wechat.w88-icon-dark:before {
  background-image: url("https://www.w88hoh.com/_static/svg/grey/wechat.svg");
}
.w88-icon.w88-icon-weibo:before,
.w88-icon.w88-icon-weibo.w88-icon-weibo:hover:before,
.w88-icon.w88-icon-weibo.w88-icon-dark:before {
  background-image: url("https://www.w88hoh.com/_static/svg/grey/weibo.svg");
}
.w88-icon.w88-icon-whatsapp:before,
.w88-icon.w88-icon-whatsapp.w88-icon-dark:before {
  background-image: url("../image/whatsapp1.svg");
}
.w88-icon.w88-icon-wordpress:before,
.w88-icon.w88-icon-unhovered.w88-icon-wordpress:hover:before {
  background-image: url("../image/wordpress2.svg");
}
.w88-icon.w88-icon-youtube:before,
.w88-icon.w88-icon-unhovered.w88-icon-youtube:hover:before,
.w88-icon.w88-icon-youtube.w88-icon-dark:before {
  background-image: url("../image/youtube2.svg");
}
.w88-icon.w88-icon-zalo:before,
.w88-icon.w88-icon-zalo.w88-icon-dark:before {
  background-image: url("../image/zalo1.svg");
}

/* UNHOVERED ICONS */
.w88-icon.w88-icon-unhovered.w88-icon-facebook:before {
  background-image: url("../image/facebook4.svg");
}
.w88-icon.w88-icon-unhovered.w88-icon-instagram:before {
  background-image: url("https://www.w88hoh.com/_static/svg/unhovered/instagram.svg");
}
.w88-icon.w88-icon-unhovered.w88-icon-pinterest:before {
  background-image: url("../image/pinterest4.svg");
}
.w88-icon.w88-icon-unhovered.w88-icon-qq:before {
  background-image: url("../image/qq4.svg");
}
.w88-icon.w88-icon-unhovered.w88-icon-threads:before {
  background-image: url("../image/twitter1.svg");
}
.w88-icon.w88-icon-unhovered.w88-icon-telegram:before {
  background-image: url("../image/telegram2.svg");
}
.w88-icon.w88-icon-unhovered.w88-icon-tiktok:before {
  background-image: url("../image/tiktok2.svg");
}
.w88-icon.w88-icon-unhovered.w88-icon-twitter:before {
  background-image: url("https://www.w88hoh.com/_static/svg/unhovered/twitter.svg");
}
.w88-icon.w88-icon-unhovered.w88-icon-weibo:before {
  background-image: url("https://www.w88hoh.com/_static/svg/unhovered/weibo.svg");
}
.w88-icon.w88-icon-unhovered.w88-icon-wordpress:before {
  background-image: url("../image/wordpress3.svg");
}
.w88-icon.w88-icon-unhovered.w88-icon-youtube:before {
  background-image: url("../image/youtube3.svg");
}

/* FOOTER ICONS */
.w88-icon.w88-icon-footer.w88-icon-facebook:before,
.w88-icon.w88-icon-footer-unhovered.w88-icon-facebook:hover:before {
  background-image: url("../image/facebook5.svg");
}
.w88-icon.w88-icon-footer.w88-icon-instagram:before,
.w88-icon.w88-icon-footer-unhovered.w88-icon-instagram:hover:before {
  background-image: url("../image/instagram4.svg");
}
.w88-icon.w88-icon-footer.w88-icon-pinterest:before,
.w88-icon.w88-icon-footer-unhovered.w88-icon-pinterest:hover:before {
  background-image: url("../image/pinterest5.svg");
}
.w88-icon.w88-icon-footer.w88-icon-qq:before,
.w88-icon.w88-icon-footer-unhovered.w88-icon-qq:hover:before {
  background-image: url("../image/qq5.svg");
}
.w88-icon.w88-icon-footer.w88-icon-telegram:before,
.w88-icon.w88-icon-footer-unhovered.w88-icon-telegram:hover:before {
  background-image: url("../image/telegram3.svg");
}
.w88-icon.w88-icon-footer.w88-icon-threads:before,
.w88-icon.w88-icon-footer-unhovered.w88-icon-threads:hover:before {
  background-image: url("../image/threads3.svg");
}
.w88-icon.w88-icon-footer.w88-icon-tiktok:before,
.w88-icon.w88-icon-footer-unhovered.w88-icon-tiktok:hover:before {
  background-image: url("../image/tiktok3.svg");
}
.w88-icon.w88-icon-footer.w88-icon-twitter:before,
.w88-icon.w88-icon-footer-unhovered.w88-icon-twitter:hover:before {
  background-image: url("../image/twitter2.svg");
}
.w88-icon.w88-icon-footer.w88-icon-weibo:before,
.w88-icon.w88-icon-footer-unhovered.w88-icon-weibo:hover:before {
  background-image: url("../image/weibo1.svg");
}
.w88-icon.w88-icon-footer.w88-icon-wordpress:before,
.w88-icon.w88-icon-footer-unhovered.w88-icon-wordpress:hover:before {
  background-image: url("../image/wordpress4.svg");
}
.w88-icon.w88-icon-footer.w88-icon-youtube:before,
.w88-icon.w88-icon-footer-unhovered.w88-icon-youtube:hover:before {
  background-image: url("../image/youtube4.svg");
}

.w88-icon.w88-icon-footer-unhovered.w88-icon-facebook:before {
  background-image: url("../image/facebook2.svg");
}
.w88-icon.w88-icon-footer-unhovered.w88-icon-instagram:before {
  background-image: url("../image/instagram2.svg");
}
.w88-icon.w88-icon-footer-unhovered.w88-icon-pinterest:before {
  background-image: url("../image/pinterest2.svg");
}
.w88-icon.w88-icon-footer-unhovered.w88-icon-qq:before {
  background-image: url("../image/qq2.svg");
}
.w88-icon.w88-icon-footer-unhovered.w88-icon-telegram:before {
  background-image: url("../image/telegram2.svg");
}
.w88-icon.w88-icon-footer-unhovered.w88-icon-threads:before {
  background-image: url("../image/threads2.svg");
}
.w88-icon.w88-icon-footer-unhovered.w88-icon-tiktok:before {
  background-image: url("https://www.w88hoh.com/_static/svg/footer/unhovered/tiktok.svg");
}
.w88-icon.w88-icon-footer-unhovered.w88-icon-twitter:before {
  background-image: url("../image/twitter1.svg");
}
.w88-icon.w88-icon-footer-unhovered.w88-icon-weibo:before {
  background-image: url("../image/weibo.svg");
}
.w88-icon.w88-icon-footer-unhovered.w88-icon-wordpress:before {
  background-image: url("https://www.w88hoh.com/_static/svg/footer/unhovered/wordpress.svg");
}
.w88-icon.w88-icon-footer-unhovered.w88-icon-youtube:before {
  background-image: url("https://www.w88hoh.com/_static/svg/footer/unhovered/youtube.svg");
}

/* OVERRIDE ICONS */
.sprite_announcement.w88-icon,
.sprite_announcement_on.w88-icon,
.flip.sprite_announcement.w88-icon,
.flip.sprite_announcement_on.w88-icon,
.sprite_live_help.w88-icon,
.sprite_private_message.w88-icon,
.sprite_private_message_on.w88-icon,
.sprite_mobile.w88-icon {
  background-image: none;
}
.sprite_announcement.w88-icon:before,
.sprite_announcement_on.w88-icon:before,
.flip.sprite_announcement.w88-icon:before,
.flip.sprite_announcement_on.w88-icon:before,
.sprite_live_help.w88-icon:before,
.sprite_private_message.w88-icon:before,
.sprite_private_message_on.w88-icon:before,
.sprite_mobile.w88-icon:before {
  width: 26px;
  height: 22px;
}
.flip.sprite_announcement.w88-icon,
.flip.sprite_announcement_on.w88-icon {
  transform: none;
}
.sprite_announcement.w88-icon:before {
  background-image: url("../image/announcement-left1.svg");
}
.sprite_announcement_on.w88-icon:before {
  background-image: url("../image/announcement-notif-left1.svg");
}
.flip.sprite_announcement.w88-icon:before {
  background-image: url("../image/announcement-right1.svg");
}
.flip.sprite_announcement_on.w88-icon:before {
  background-image: url("../image/announcement-notif-right1.svg");
}
.sprite_live_help.w88-icon:before {
  background-image: url("../image/chat1.svg");
}
.sprite_private_message.w88-icon:before {
  background-image: url("../image/message1.svg");
}
.sprite_private_message_on.w88-icon:before {
  background-image: url("../image/message-notif1.svg");
}
.sprite_mobile.w88-icon:before {
  background-image: url("../image/cellphone1.svg");
}

/* ARROW */
.w88-icon.w88-icon-arrow.w88-icon-arrow-down:before {
  transform: rotate(180deg) translate(0, -4px);
}
.w88-icon.w88-icon-arrow.w88-icon-arrow-right:before {
  transform: rotate(90deg) translate(0, -4px);
}
.w88-icon.w88-icon-arrow.w88-icon-arrow-left:before {
  transform: rotate(-90deg) translate(0, -4px);
}

/* 2FA */
.twofa-logo.w88-icon.w88-icon-2fa:before {
  width: 100%;
  height: 145px;
}

/* CHECK MARK */
.w88-check-mark {
  display: inline-block;
  transform: rotate(45deg);
  height: 10px;
  width: 5px;
  border-bottom: 2px solid #16c60c;
  border-right: 2px solid #16c60c;
}
.w88-check-mark-box {
  position: relative;
  background: #16c60c;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  margin: 0 auto;
}
.w88-check-mark-box > div {
  position: absolute;
  transform: rotate(45deg) translate(-50%, -50%);
  left: 23%;
  top: 45%;
  height: 10px;
  width: 5px;
  border-bottom: 2px solid white;
  border-right: 2px solid white;
}

/* LOGIN/REGISTER */
.w88-icon.w88-icon-login-email:before {
  background-image: url("../image/email.svg");
}
.w88-icon.w88-icon-login-google:before {
  background-image: url("../image/google.svg");
}
.w88-icon.w88-icon-login-line:before {
  background-image: url("../image/line2.svg");
}
.w88-icon.w88-icon-login-telegram:before {
  background-image: url("../image/telegram4.svg");
}

body.white .w88-icon.w88-icon-login-email:before {
  background-image: url("../image/email1.svg");
}
body.white .w88-icon.w88-icon-login-google:before {
  background-image: url("../image/google1.svg");
}
body.white .w88-icon.w88-icon-login-line:before {
  background-image: url("../image/line3.svg");
}
body.white .w88-icon.w88-icon-login-telegram:before {
  background-image: url("../image/telegram5.svg");
}