.popup-notify-push-permission {margin: 0;padding: 0;display: flex;justify-content: center;align-items: center}
.popup-notify-push-permission .popup-notify-push-permission-child {display: none;width: 371px;padding: 20px 25px;position: absolute;top: 58px;left: 50%;transform: translateX(-50%);animation: slideDown 1s ease forwards;z-index: 1040;border-radius: 5px;background: #FFF; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.20);}
.popup-notify-push-permission .popup-notify-push-permission-child .warp-sub{display: flex; justify-content: space-between}
.popup-notify-push-permission .popup-notify-push-permission-child .warp-sub .img{margin-right: 20px}
.popup-notify-push-permission .popup-notify-push-permission-child .warp-sub .text .title{color: #000; margin-top: 0;font-family: 'Open sans';font-size: 12px;font-style: normal;font-weight: 400;line-height: 18px;}
.popup-notify-push-permission .popup-notify-push-permission-child .warp-sub .text .btns{display: flex; align-items: center; justify-content: end}
.popup-notify-push-permission .popup-notify-push-permission-child .warp-sub .text .btns .btn-disagree{cursor: pointer;background: inherit; margin-right: 10px;border: none;padding: 6px 20px;color: #999;font-family: Open Sans;font-size: 12px;font-style: normal;font-weight: 600;line-height: 18px;}
.popup-notify-push-permission .popup-notify-push-permission-child .warp-sub .text .btns .btn-agree{cursor: pointer;background: #2DB964;border: none;padding: 6px 20px;color: #FFF;font-family: Open Sans;font-size: 12px;font-style: normal;font-weight: 600;line-height: 18px;}
@keyframes slideDown {
    0% {top: -1000px;}
    100% {top: 58px;}
}

/*Icon mời bạn bè hiển thị ở tất cả các trang*/
#draggable-icon-MBB {position: fixed; z-index: 1040; top: 20%;}
#draggable-icon-MBB .warp{position: relative;}
#draggable-icon-MBB .warp #close-icon-gift-mbb {position: absolute; right: 3px; bottom: 63px; cursor: pointer}
#draggable-icon-MBB .warp>a>img{width: 73px; height: auto;}

.navbar.navbar-static-top.display-desktop.ver2 .btn-connect{width: 432px;padding-top: 12px;}
.navbar.navbar-static-top.display-desktop.ver2 .btn-connect>.button>a{border-radius: 5px;font-family: Open Sans;font-style: normal;font-weight: 600;font-size: 16px;line-height: 24px;}
.navbar.navbar-static-top.display-desktop.ver2 .btn-connect>.login-vlance>.create-account-vlance{padding-top: 13px;margin-right: 40px;}
.navbar.navbar-static-top.display-desktop.ver2 .btn-connect>.login-vlance>.create-account-vlance #btn-register{margin-right: 40px;}
.navbar.navbar-static-top.display-desktop.ver2 .btn-connect>.login-vlance>.create-account-vlance>a{font-family: Open Sans;font-style: normal;font-weight: normal;font-size: 16px;line-height: 24px;}
.lang-option {float: left; margin-right: 35px;padding-top: 15px;font-size: 16px; position: relative;cursor: pointer;font-weight: normal;}
.lang-option .option-item{position: absolute;width: 140px;height: auto;left: -54px;background: #FFFFFF;box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);border-radius: 5px;z-index: 11111111;text-align: left;}
.lang-option .option-item ul li:hover{background: #e5e5e5;}
.lang-option .option-item ul {margin: 0;}
.lang-option .option-item ul li {padding: 15px;padding-left:20px;border-bottom: 1px solid #cccccc; list-style: none;}
.lang-option .option-item ul li:last-child {border-bottom: none;}
.lang-option .option-item ul li a{color:#000000;width: 100%;display: block;}
.navbar.navbar-static-top.display-desktop.ver2 .span2>.logo>a>img{margin-top: 16px;margin-left: 8px;}
.menu-inner .menu-dropdown-content-item .content-item-detail>li:hover>a{color: #2DB964;}
.navbar.navbar-static-top.navbar-mini.display-desktop.ver2 .upper-section .span6{margin-left: 18px;}
.menu-inner .menu-dropdown-content-item.action:first-child .content-item-detail{display: block;}
.menu-inner .menu-dropdown-content-item.action:first-child .content-item-block{background: rgba(45, 185, 100, 0.1);}
.navbar.navbar-static-top.display-desktop.ver2 .span2.logo>a>img{margin-top: 16px;}
.navbar.navbar-static-top.display-desktop.ver2 .nav-account.ver2>.mesenger-ver2{padding-right: 15px;}
.navbar.navbar-static-top.display-desktop.ver2 .nav-account.ver2>.nofity-ver2{padding-right: 15px;}
.navbar.navbar-static-top.display-desktop.ver2 .nav-account.ver2>.quest-ver2{padding-right: 15px}
.navbar.navbar-static-top.display-desktop.ver2 .nav-account.ver2>.mesenger-ver2 img{width: 22px;height: 22px}
.navbar.navbar-static-top.display-desktop.ver2 .nav-account.ver2>.nofity-ver2 img{width: 22px;height: 22px}
.navbar.navbar-static-top.display-desktop.ver2 .nav-account.ver2>.quest-ver2 img{width: 22px;height: 22px}



.navbar.navbar-static-top.display-desktop.ver2 .nav-account .account-menu .avata {margin-left: 9.9px; margin-right: 10px;}
.navbar.navbar-static-top.display-desktop.ver2 .nav-account .account-menu>a>p{font-family: Open Sans;font-style: normal;font-weight: 600;font-size: 14px;margin-bottom: 9px}
.navbar.navbar-static-top.display-desktop.ver2 .nav-account.ver2 .inbox-menu .popover-mail {height: max-content; margin-top: 14px;}
.menu-inner .menu-dropdown.action:first-child .content-item-detail{display: block;}

.navbar.display-mobile .list-menu.ver2 .menu-item-2 {position: absolute; top: auto; left: 50%; transform: translateX(-50%);}
.navbar.display-mobile .list-menu.ver2 .menu-item-gdv {position: absolute; top: 5px; left: 20%; transform: translateX(-20%);}
.navbar.navbar-static-top.ver2{position:fixed;width:100%;top:0;}
.scroll-on{position:fixed;width:100%;top:0;}
/*Vị trí topbar*/
#close_x {top: 0px;right: 15px;}
/**** menu header ver2 ****/
.navbar-mini.ver2 .container{position: unset;}
.nav-account .account-menu .credit-balance #animategoCredit .vip-menu-ver2{background: #2DB964;color: #ffffff;border-radius: 3px;padding: 2px 4px;}
.nav-account .account-menu .credit-balance #animategoCredit .credit-menu-ver2{background: #E5E5E5;color:#000000;border-radius: 3px;padding: 2px 4px;}
.overlay-left.login.ver2 ul li{list-style: none;}
.overlay-left.ver2 ul li{list-style: none;}
#tab_notify_listinvite{width: 100%;margin-bottom: 10px;margin-right: 0px;}
.inbox-menu.ver2 .block-new-message ul#tab_notify_listinvite li{clear: none;padding: 0px;margin-top: -1px;}
.inbox-menu.ver2 .block-new-message ul#tab_notify_listinvite li>a{box-shadow: none;padding: 10px 20px 10px;margin-left: -1px;color: #333333;font-family: 'Open Sans',sans-serif;font-size: 14px;font-weight: 400;}
.inbox-menu.ver2 .block-new-message ul#tab_notify_listinvite li.active>a{box-shadow: none;padding: 10px 20px 10px;margin-left: -1px;}
.inbox-menu.ver2 .block-new-message ul#tab_notify_listinvite li>a:hover{box-shadow: none;padding: 10px 20px 10px;margin-left: -1px;}
.inbox-menu.ver2 .block-new-message ul li{list-style:none;padding-top:10px;padding-bottom:10px; display: flex; justify-content: space-evenly;}
.inbox-menu.ver2 .popover-mail .tab-content .tab-pane > ul {margin: 0 0 10px 0;}
.inbox-menu.ver2 .block-new-message ul li .acc-image{width:19%}
.inbox-menu.ver2 .block-new-message ul li .message-content{width:74%;position:relative}
.nav-account.ver2 > div{border: none;padding: 12px 0px;}
.upper-section .sec-account-menu.ver2 .account-menu{border: none;display: flex;}
.menu-inner ul li {list-style: none;}
.menu-inner .menu-inner-list{display: flex;margin: 0;}
.menu-inner .menu-inner-list .menu-item{font-family: open sans,sans-serif;cursor: pointer;list-style: none;line-height: 20px;background: #fff; padding-right: 16px;display: flex; align-items: center; min-height: 72px;}
.menu-inner .menu-inner-list .menu-item a{color: #000000; font-family: Open Sans;font-style: normal;font-weight: normal;font-size: 16px;line-height: 24px;transition: ease-in-out 0.2s; letter-spacing: 0.009375em;}
.menu-inner .menu-inner-list .menu-item:hover>a {color: #2DB964;}
.menu-inner .menu-inner-list .menu-item:hover .menu-dropdown-list {display: block; z-index: 1;}
.menu-inner .menu-inner-list .menu-item .caret{vertical-align: middle; margin-left: 5px;}
.menu-inner .menu-inner-list .menu-item .menu-dropdown-list{display: none; position: absolute; top: 100%; left: 0;width: 100%; margin: 0; background-color:#ffffff;box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.2); list-style: none;}
.menu-inner .menu-inner-list .menu-item.ver2.third{position: relative}
.menu-inner .menu-inner-list .menu-item.ver2.third .menu-dropdown-list{width: max-content;box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); padding: 10px; border-radius: 9px}
.menu-inner .menu-inner-list .menu-item.ver2.third .menu-dropdown-list .menu-dropdown-item a{padding: 10px; display: inline-block}
.menu-inner .menu-inner-list .menu-item.ver2.third .menu-dropdown-list .menu-dropdown-item a{font-family: 'Open Sans';font-style: normal;font-weight: 400;font-size: 14px;line-height: 20px;color: #000000;}
.menu-inner .menu-inner-list .menu-item.ver2.third .menu-dropdown-list .menu-dropdown-item:hover a{color: #2DB964}
.menu-inner .menu-dropdown-list .menu-dropdown-item .container.visitor{display: flex}
.menu-inner .menu-dropdown-content{position: relative; width: max-content; padding: 30px 0px 30px 0; margin: 0; border-right:1px solid #E5E5E5; ;}
.menu-inner .menu-dropdown-content-item{padding-right: 50px;}
/* .menu-inner .menu-dropdown-content-item:last-child{padding-bottom: 104px;} */
.menu-inner .menu-dropdown-content-item .content-item-block{display: flex;align-items: center;justify-content: space-between;line-height: normal;height: 108px;width: 310px;}
.menu-inner .menu-dropdown-content-item .content-item-detail{position: absolute;top: 0;left: 100%;height: 100%;width: auto;margin: 0;width: 100%;padding-right: 600px; display: none;border-right: 1px solid #E5E5E5;}
.menu-inner .menu-inner-list .menu-item .menu-dropdown-content-item:hover .content-item-detail{display: block;}
.menu-inner .menu-dropdown-content-item .content-item-detail li{padding: 15px 0;margin-left: 50px;}
.menu-inner .menu-dropdown-content-item .content-item-detail li:first-child{margin-top: 35px;}
.menu-inner .menu-dropdown-content-item:hover .content-item-block{background: rgba(45, 185, 100, 0.1);}
.menu-inner .content-item-block .block-text{display: flex;flex-direction: column; padding-left: 30px;padding-right: 28px;}
.menu-inner .content-item-block .block-text .block-text-title{color: #000; font-family: Open Sans;font-style: normal;font-weight: 600;font-size: 16px;line-height: 24px;}
.menu-inner .content-item-block .block-text .block-text-subtitle{color: #999999; font-family: Open Sans;font-style: normal;font-weight: normal;font-size: 14px;line-height: 20px;}
.menu-inner .content-item-block .block-icon{padding-right: 30px;}
.menu-inner .menu-item .content-item-detail li a, .menu-inner .menu-item .content-item-detail li p{color: #666666; font-family: Open Sans;font-style: normal;font-weight: normal;font-size: 16px;line-height: 24px;}
.menu-inner .menu-item .content-item-detail li a, .menu-inner .menu-item .content-item-detail li p{padding: 8px 20px;}
.menu-inner .menu-inner-list .tool-sign img{padding-top: 0;}
.nav-account.ver2 .account-menu .avata_ver2>a>img{border-radius: 50%;}
.nav-account.ver2 .account-menu .avata a {display: block; border-radius: 50%; border: 1px solid #E5E5E5;}
.content-item-detail ul.content-item {position: absolute;top: 0;left: 35%;height: 100%;margin: 0;width: 100%;padding-right: 600px;display: none;}
.menu-inner .menu-dropdown-content-item .content-item-detail .content-item>li:hover a{color: #2DB964}
.menu-inner .menu-inner-list .menu-item .menu-dropdown-content-item .content-item-detail .menu-dropdown-item-content:hover .content-item{display: block;}
.menu-inner .menu-dropdown-content-item .content-item-detail>li:hover:first-child>a{color: black;background-color:#EAF5EA;}
/**** menu header mobile ver2 ****/
.body-unScroll{overflow: hidden;}
.navbar.display-mobile .container>.list-menu{display: flex; justify-content: space-between; align-items: center;}
.overlay-block{width:100%;margin-top:-60px;background: #fff;position: fixed;z-index: 100;font-size: 16px; max-height: 100%; overflow-y: scroll; overflow-x: hidden;}
.overlay-left{margin-left: -100%;transition: margin-left .0s .0s ease-in-out;-moz-transition: margin-left .0s .0s ease-in-out;-webkit-transition: margin-left .0s .0s ease-in-out;}
.overlay-left .close-button{font-size: 26px; height: 60px;align-items: center; display: flex;}
.wrap-mobile  ul.nav-menu-mobile{list-style: none; width: 100%; margin: 0; padding-bottom: 150px;}
.overlay-block .wrap-mobile .nav-menu-mobile li.menu-mobile-item{margin: 0 25px 0 20px}
.overlay-block .wrap-mobile .nav-menu-mobile li.menu-mobile-register, li.menu-mobile-login, li.menu-mobile-logout{margin: 0 20px;padding: 8px 0;}
.overlay-block .wrap-mobile .nav-menu-mobile li.menu-mobile-item.img-500k>a{border-bottom:none}
.overlay-block .wrap-mobile .nav-menu-mobile li.menu-mobile-item.img-500k>a.submenu-link-ver2{margin-left:4px; color: #666666;font-family: Open Sans;font-style: normal;font-weight: normal;font-size: 16px;line-height: 24px;}
.overlay-block .wrap-mobile .nav-menu-mobile li.menu-mobile-item.img-500k{margin: 0 20px}
.overlay-block .wrap-mobile .nav-menu-mobile li.menu-mobile-register, li.menu-mobile-login, li.menu-mobile-img500k, li.menu-mobile-logout >a{font-family: Open Sans;font-style: normal;font-weight: normal;font-size: 16px;line-height: 24px;}
.overlay-block .wrap-mobile .nav-menu-mobile li.menu-mobile-item>a{color: #000000; border-bottom: 1px solid #E5E5E5;padding: 8px 0; margin-bottom: 4px; font-family: Open Sans;font-style: normal;font-weight: bold;font-size: 16px;line-height: 24px;}
.overlay-block .wrap-mobile.wrap-mobile-ver2{overflow-y: scroll;overflow-x: hidden;position: fixed;background: #ffff;width: 100%;max-height: 100%;height: 100vh;}
.overlay-block .post-button-ver2{position: fixed;bottom: 0;z-index: 1000;width: 100%;height: 70px;background: #FFFFFF;display: flex;justify-content: center;align-items: center;}
.overlay-block .post-button-ver2>a{font-family: Open Sans;font-style: normal;font-weight: 600;font-size: 16px;line-height: 24px;padding: 8px 112px;margin: 8px 20px 16px 20px;border-radius: 9px;background: #2DB964;color: #FFFFFF;}
ul.nav-menu-mobile.ver2 li a:hover{background-color: transparent;}
ul.nav-menu-mobile.ver2 .submenu-list-ver2{margin: 4px 0 22px 0;}
ul.nav-menu-mobile.ver2 .submenu-list-ver2 a.submenu-link-ver2 {margin-top: 16px; display: block;color: #666666;font-family: Open Sans;font-style: normal;font-weight: normal;font-size: 16px;line-height: 24px;}
/* ul.nav-menu-mobile.ver2 .submenu-list-ver2 .submenu-item-ver2 > ul >li{padding: 8px 0 8px 0;} */
ul.nav-menu-mobile.ver2 .submenu-list-ver2 .submenu-item-ver2 > ul >li a{font-family: Open Sans;font-style: normal;font-weight: normal;font-size: 16px;line-height: 24px;color: #666666;}
.nav-account.sec-account-menu.ver2{display: flex;}
.inbox-menu.ver2 .block-new-message, .inbox-menu.ver2 .block-new-notify{width: 430px;margin-top: 8px;background: none repeat scroll 0 0 padding-box rgba(255, 255, 255, 0.98);border: 1px solid #e8e8e8;border-radius: 3px;box-shadow: 0 3px 8px rgb(0 0 0 / 25%);top: 65px;position: fixed;right: 130px;padding-bottom: 10px;z-index: 1000;}
.inbox-menu.ver2 .block-FAQ{width: 430px;margin-top: 8px;background: none repeat scroll 0 0 padding-box rgba(255, 255, 255, 0.98);border: 1px solid #e8e8e8;border-radius: 3px;box-shadow: 0 3px 8px rgb(0 0 0 / 25%);top: 65px;position: fixed;right: 130px;padding-bottom: 10px;z-index: 1000;}
.inbox-menu.ver2 .block-FAQ a{display:block; padding: 20px 20px 10px 20px; font-family: 'Open Sans';font-style: normal;font-weight: 400;font-size: 14px;line-height: 20px;color: #000000;}
/*menu mobile khi đăng nhập*/
.overlay-left.login.ver2{width: 100%;}
.wrap-mobile.login.wrap-mobile-ver2 ul.nav-menu-mobile{padding-top: 8px;}
.wrap-mobile.wrap-mobile-ver2 ul.nav-menu-mobile{padding-top: 15px;}
.wrap-mobile.login.wrap-mobile-ver2 ul.nav-menu-mobile li a{width: 100%; padding-left: 0;display: inherit;height: auto;line-height: 24px;}
.wrap-mobile.wrap-mobile-ver2 ul.nav-menu-mobile li a{width: 100%; padding-left: 0;display: inherit;height: auto;line-height: 24px; color: #666666}
.wrap-mobile.login.wrap-mobile-ver2 ul.nav-menu-mobile li.menu-mobile-logout>a{color: #666666; font-family: Open Sans;font-style: normal;font-weight: normal;font-size: 16px;line-height: 24px;}
.header-feed-verification-reminder{margin:0;padding:10px;background:#ffebcd;color:#333;}
.wrap-mobile.login.wrap-mobile-ver2 div.account-menu.ver2{padding: 8px 0; display: flex;}
.wrap-mobile.login.wrap-mobile-ver2 div.account-menu.ver2 .avata.avata_ver2>a{display: block; border-radius: 50%; overflow: hidden;border: 1px solid #E5E5E5;width: auto}
.wrap-mobile.login.wrap-mobile-ver2 div.account-menu.ver2 .account-menu-detail.ver2{padding-left: 10px;}
.wrap-mobile.login.wrap-mobile-ver2 div.account-menu.ver2 .account-menu-detail.ver2>a>p{font-family: Open Sans;font-style: normal;font-weight: 600;font-size: 16px;line-height: 24px; margin-bottom: 4px;}
.overlay-block.ver2 .wrap-mobile.login.wrap-mobile-ver2 ul.nav-menu-mobile.ver2 li.menu-mobile-item.ver2:first-child{margin-bottom: 22px;}
.wrap-mobile.login.wrap-mobile-ver2 div.account-menu.ver2 .account-menu-detail.ver2 span{font-family: Open Sans;font-style: normal;font-weight: normal;font-size: 12px;line-height: 16px;}
.wrap-mobile.login.wrap-mobile-ver2 div.account-menu.ver2 .account-menu-detail.ver2 span>a#id-user{color: #000000;}
.wrap-mobile.login.wrap-mobile-ver2 div.account-menu.ver2 .account-menu-detail.ver2 span>span.vip-menu-ver2{color: #ffffff; padding: 2px 4px;border-radius: 3px; background-color:#2DB964 ;}
.wrap-mobile.login.wrap-mobile-ver2 div.account-menu.ver2 .account-menu-detail.ver2 span>span.credit-menu-ver2{color: #000000; padding: 2px 4px;border-radius: 3px; background-color:#E5E5E5 ;}
.wrap-mobile.login.wrap-mobile-ver2 li.menu-mobile-item.ver2 ul.submenu-list-ver2>li.ver2>a{color: #666666; font-family: Open Sans;font-style: normal;font-weight: normal;font-size: 16px;line-height: 24px;}
.wrap-mobile.login.wrap-mobile-ver2 li.menu-mobile-item.ver2 ul.submenu-list-ver2>li.ver2{padding: 8px 0 8px 30px;}
/* icon chat */
.i32.i32-mail.ver2 {background:none; width: max-content; height: max-content; display: inline-flex; justify-content: center; align-items: center;position: relative;}
.i32.i32-mail.ver2>i{font-size: 22px;}
.i32.i32-mail.i32-not-notify .mail-counter{font-size: 10px;font-weight: 700;width: 11px; height: 11px; color: #bf1e2e;line-height: 13px;text-align: right;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;padding: 0;position: absolute;top: -8px;right: -27px;z-index: 1;}
.i32.i32-mail.i32-notify .mail-counter{font-size: 10px;font-weight: 700;width: 11px; height: 11px; color: #bf1e2e;line-height: 13px;text-align: right;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;padding: 0;position: absolute;top: -8px;right: -27px;z-index: 1;}
.popover-mail .i32.i32-mail.ver2  .mail-counter.mail-counter-invite{width: 0px; height: 0px;}
.popover-mail .i32.i32-mail.ver2  .mail-counter.mail-counter-invite.notify-ver2{font-size: 10px;font-weight: 700;width: 11px; height: 11px; color: #bf1e2e;line-height: 13px;text-align: right;background: #bf1e2e;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;padding: 0;position: absolute;top: -3px;right: -1px;z-index: 1;}
/*dropdown menu mobile*/
.accordion-menu-dropdown{padding-top: 0px; list-style: none; margin: 0 19.5px}
.accordion-menu-dropdown .accordion-inner-ver2{overflow: hidden;display: none;padding: 0;border: none;}
.accordion-menu-dropdown .accordion-inner-ver2 .link-section-buy-credit{color: #0A46D0; cursor: pointer}
.accordion-menu-dropdown a .fa-chevron-down {-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordion-menu-dropdown a.chev .fa-chevron-down {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(180deg);}
.accordion-menu-dropdown .accordion-toggle-ver2{color: #666666;font-family: Open Sans;font-style: normal;font-weight: normal;font-size: 16px;line-height: 24px;display: block;position: relative}
.accordion-menu-dropdown .accordion-toggle-ver2 i{position: absolute;right: 0;line-height: inherit;bottom: 50%;transform: translateY(50%);}
/**** and menu header mobile ver2 ****/

.inbox-menu .popover-mail {display: block;position: relative;height: 32px;margin-top: 12px}
.popover-mail .mail-counter {font-size: 10px;font-weight: 700;color: #fff;line-height: 13px;text-align: right;background: #bf1e2e;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;padding: 0 2px;position: absolute;top: 8px;right: 8px}
.popover-mail .mail-counter.mail-counter-invite {right: -2px;background: #fc0}

/* Header feeds: cached badge, bounded list and load-more states. */
.header-feed-config {display:none;}
.header-feed-trigger {display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;line-height:1;box-sizing:border-box;}
.header-feed-trigger, .header-feed-trigger * {cursor:pointer;}
.header-feed-trigger:focus {outline:0;background:transparent;text-decoration:none;}
.header-feed-trigger .i32.i32-mail.ver2 > img {display:block;width:22px;height:22px;}
.header-feed-trigger:hover .i32.i32-mail.ver2 > img,
.header-feed-trigger[aria-expanded="true"] .i32.i32-mail.ver2 > img {filter:invert(58%) sepia(65%) saturate(522%) hue-rotate(93deg) brightness(92%) contrast(88%);}
.header-feed-trigger.is-just-closed:hover .i32.i32-mail.ver2 > img {filter:none;}
.lang-option .see-more-option {transition:color .15s ease;}
.lang-option:hover .see-more-option, .lang-option.is-open .see-more-option {color:#2DB964;}
.header-feed-trigger .i32.i32-mail.ver2 > .header-feed-badge {position:absolute;top:-8px;right:-9px;z-index:2;min-width:18px;width:auto;height:18px;padding:0 4px;border-radius:9px;color:#fff;font-size:10px;font-weight:700;line-height:18px;text-align:center;white-space:nowrap;background:#bf1e2e;box-sizing:border-box;}
.header-feed-dropdown {box-sizing:border-box;}
.header-feed-dropdown .header-feed-tabs {display:flex;width:100%;margin:0;border-bottom:1px solid #ddd;box-sizing:border-box;}
.inbox-menu.ver2 .block-new-message ul.header-feed-tabs > li {display:block;flex:1 1 0;float:none;clear:none;margin:0 0 -1px;padding:0;}
.inbox-menu.ver2 .block-new-message ul.header-feed-tabs > li > a {display:block;margin:0;padding:12px 8px;color:#333;font-size:14px;line-height:20px;text-align:center;white-space:nowrap;box-shadow:none;}
.inbox-menu.ver2 .block-not-new-notify ul.header-feed-tabs > li.header-feed-tab-title > a {font-weight:600;}
.inbox-menu.ver2 .block-not-new-notify ul.header-feed-tabs > li.header-feed-tab-action {flex:0 0 auto;}
.inbox-menu.ver2 .block-not-new-notify ul.header-feed-tabs > li.header-feed-tab-action > a.header-feed-read-all {padding-right:12px;padding-left:12px;text-align:right;}
.header-feed-dropdown .tab-content {overflow:visible;max-height:none;}
.header-feed-dropdown .header-feed-pane {position:relative;max-height:440px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}
.header-feed-dropdown .header-feed-pane-toolbar {position:sticky;top:0;z-index:3;min-height:34px;padding:8px 12px 6px;text-align:right;background:rgba(255,255,255,.98);box-sizing:border-box;}
.header-feed-dropdown .header-feed-read-all {display:inline-block;color:#0088cc;font-size:13px;line-height:20px;text-decoration:none;cursor:pointer;}
.header-feed-dropdown .header-feed-read-all:hover {color:#2DB964;text-decoration:none;}
.header-feed-dropdown .header-feed-read-all.is-disabled {color:#aaa;cursor:default;pointer-events:none;}
.header-feed-dropdown .header-feed-pane > ul[data-header-feed-list] {display:block;width:100%;margin:0;padding:0;clear:both;box-sizing:border-box;}
.header-feed-dropdown .header-feed-pane > ul[data-header-feed-list] > .header-feed-item {width:100%;clear:both;box-sizing:border-box;}
.header-feed-dropdown .header-feed-item .acc-image img {width:62px;height:62px;border-radius:50%;object-fit:cover;}
.header-feed-dropdown .header-feed-item.is-unread {background:#ECF2F5;}
.header-feed-dropdown .header-feed-load-more {display:block;float:none;clear:both;width:calc(100% - 20px);height:36px;margin:8px 10px 10px;border:1px solid #d7d7d7;border-radius:3px;background:#fff;color:#0088cc;font-size:14px;line-height:34px;text-align:center;text-decoration:none;cursor:pointer;box-sizing:border-box;}
.header-feed-dropdown .header-feed-load-more:hover {background:#f5f5f5;}
.header-feed-dropdown .header-feed-load-more:disabled {color:#777;cursor:default;background:#f5f5f5;}
.header-feed-dropdown .header-feed-load-more.is-error {color:#b94a48;}
.header-feed-dropdown .header-feed-empty {padding:24px 10px;text-align:center;}

.navbar.navbar-static-top.display-desktop.ver2 .nav-account.ver2>.inbox-menu .header-feed-trigger {margin-top:4px;}

/* Popup vlance business */
.popup-vlance-business .close {margin-right:-32px;margin-top:-32px;font-size:40px;font-weight:400;color:#000;opacity:1}
.popup-vlance-business .title{margin: 0px 0px 11px 0px; font-size: 20px; line-height: 28px; font-weight: 700;letter-spacing: -0.02em;}
.popup-vlance-business.modal.fade.in{width:500px;left:calc(50% - 300px);margin-left:0; top: 25px; overflow-y: auto;max-height: calc(100vh - 40px);}
.popup-vlance-business .modal-body{padding:38px 40px 73px; min-height: unset; max-height: unset; font-size: 16px; line-height: 24px; color: #000;}
.popup-vlance-business .watch-more{padding: 8px 32px;background-color: #2F32F0;color: white;border-radius: 25px;font-weight: 600;display: block;}
#popup-create-job .text-center h4{font-size: 20px;line-height: 28px;letter-spacing: -0.03em;margin-bottom: 40px;}
#popup-create-job .text-center .button-content{margin-top: 30px;text-align: center;}
#popup-create-job .text-center .button-content button{padding: 8px 24px;background: #D01710;border: none;border-radius: 5px;color: white;}
#popup-create-job .text-center .button-content a{padding: 8px 24px;border: 1px solid #D01710;border-radius: 5px;color: #D01710;display: inline-block;}
.alert.toppage .content-topbar{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;text-align: left;}
.alert.toppage .content-topbar .button-content{margin-left: 5px;}
.alert.toppage .content-topbar .button-content button{background: #D01710;border: none;border-radius: 5px;padding: 4px 6px;color: white;}
.alert.toppage .content-topbar .button-content a{text-decoration: none;color: #D01710;display: inline-block;border: 1px solid #D01710;padding: 4px 6px;border-radius: 5px;}
/* Popup phân loại user */
.popup-vlance-user .close {font-size:40px;font-weight:400;color:#000;opacity:1}
.popup-vlance-user .title{margin: 0px 0px 11px 0px; font-size: 20px; line-height: 28px; font-weight: 700;letter-spacing: -0.02em;}
.popup-vlance-user.modal.fade.in{width:380px;left:50%;margin-left:0; top: 50%; overflow-y: auto;max-height: calc(100vh - 40px);transform: translate(-50%, -50%);}
.popup-vlance-user .modal-body{padding:20px 20px 30px 20px; min-height: unset; max-height: unset; font-size: 14px; line-height: 24px; color: #000;}
.popup-vlance-user .text-center h5{font-size: 16px;line-height: 24px;letter-spacing: -0.02em;margin-top: 30px;}
.popup-vlance-user .text-center .classify-user{display:flex;justify-content: space-between;margin-top: 30px;}
.popup-vlance-user .text-center .option-classify{padding: 10px 10px 20px 10px;border-radius: 5px;cursor: pointer;background: #E4F1F8; border: 2px solid #fcfbfb;}
.popup-vlance-user .classify-user .detail-information{width: 145px;}
.popup-vlance-user .text-center .button-result{padding: 8px 27px 8px 24px ;background-color:#E5E5E5;color:#828282;margin-top: 20px;border-radius: 5px;border: none;font-weight: 600;}
.popup-vlance-user .more-information-popup{background: #F5F5F5;}
.popup-vlance-user .more-information-popup .question-ask{padding: 8px 24px 8px 20px;}
.popup-vlance-user .more-information-popup .question-ask a{color: black;font-size: 12px;line-height: 16.34px;display: flex;justify-content: space-between;align-items: center;}
.popup-vlance-user .modal-body .popup-campaign img{margin-bottom: 12px}
.popup-vlance-user .modal-body .popup-campaign p{text-align: left}
.popup-vlance-user .modal-body .popup-campaign h5{margin-top: 0px}
.popup-vlance-user .modal-body .popup-campaign li{text-align: left; margin-bottom: 12px}
.popup-content .button-option{margin-top: 30px;}
.popup-content .button-option .resistor-now{background: #0088CC; border-radius: 5px; font-family: "Open Sans"; font-weight: 600; font-size: 14px; font-style: normal; align-items: center; text-align: center; border: 1px solid #0088CC; color: #FFFFFF; padding: 8px 24px; margin-right: 10px;}
.popup-content .button-option .more-info{background: #FFFFFF; border: 1px solid #0088CC; color: #0088CC; border-radius: 5px; font-family: "Open Sans"; font-weight: 600; font-size: 14px; font-style: normal; align-items: center; text-align: center; padding: 8px 24px}

/* Popup chính sách dữ liệu cá nhân */
.policy-modal {border-radius: 8px;max-width: 900px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);top: 50%;left: 50%;transform: translate(-50%, -50%);width: 90%;margin: 0;}
.policy-modal .modal-header {position: absolute;top: 0;right: 0;z-index: 10;cursor: pointer;}
.policy-modal .close {font-size: 28px;color: #999;line-height: 1;}
.policy-modal .policy-illustration {display: flex;justify-content: center;}
.policy-modal .policy-illustration img {max-width: 90%;}
.policy-modal .policy-body {flex: 1;font-family: Inter;font-weight: 500;}
.policy-modal .policy-modal-content {display: flex;min-height: 500px;margin-bottom: 12px;}
.policy-modal .policy-modal-header {display: flex;justify-content: center;flex: 1;padding: 20px 50px 0;}
.policy-modal .policy-modal-title {color: #000000;font-size: 22px;font-weight: 600;}
.policy-modal .policy-modal-body {padding-right: 40px;}
.policy-modal .policy-content {color: #424242;font-size: 14px;line-height: 1.7;flex: 1;}
.policy-modal .policy-content p {margin-bottom: 0;}
.policy-modal .policy-content ul {margin: 8px 0;padding-left: 25px;}
.policy-modal .policy-content li {margin: 6px 0;}
.policy-link {color: #2DB964;text-decoration: none;font-weight: 500;}
.policy-link:hover {text-decoration: underline;}
.policy-checkbox {display: flex;align-items: flex-start;gap: 8px;margin: 10px 0;}
.policy-checkbox input[type="checkbox"] {margin: 0;margin-top: 3px;flex-shrink: 0;width: 16px;height: 16px;cursor: pointer;}
.policy-checkbox label {cursor: pointer;margin: 0;line-height: 1.5;}
.policy-modal .policy-actions {margin-top: 10px;}
.policy-modal .btn-confirm {background: #A4A4A4;color: white;border: none;padding: 8px;border-radius: 6px;font-size: 15px;font-weight: 600;width: 100%;}
.policy-modal .btn-confirm:hover {opacity: 0.8;}
.policy-modal .btn-confirm:disabled {cursor: not-allowed;opacity: 0.6;}
.policy-modal .btn-confirm.active {background: #2DB964}
.policy-checkbox.error {border: 2px solid #f44336;animation: shake 0.3s;}

.more-information-popup .question-ask .accordion-body{font-size: 12px;line-height: 16.34px;margin-top: 10px;}
#popup-client, #popup-freelancer{width: 500px;}
#popup-client .modal-body, #popup-freelancer .modal-body{padding: 20px 50px 50px 50px;}
.popup-vlance-user .text-center h4{font-size: 20px;line-height: 28px;letter-spacing: -0.03em;margin-top: 30px;}
#popup-client p, #popup-freelancer p{text-align: left;}
.popup-vlance-user .text-center .register-account{display: inline-block;font-weight: 600;padding: 8px 0px;background: #0088CC;color: white;border-radius: 5px;margin-top: 24px;width: 100%;}
#popup-freelancer .modal-body.row-fluid.mt-30px,
#popup-client p.mt-30px, #popup-freelancer p.mt-30px{margin-top: 30px}
#popup-freelancer p.mt-40px, #popup-client p.mt-40px {margin-top: 40px}
/* Popup đăng ký tài khoản */
.block-lr.modal-post-job{max-height: calc(100vh - 75px);width:420px;display:none;overflow-y: auto;}
.block-lr.modal-post-job .modal-body{max-height: 100%;padding:30px;min-height: 370px;}
.block-lr h4 {margin-top:0px;margin-bottom:20px;font-size:20px;font-weight:600;letter-spacing: -0.03em;}
.block-lr .block-form-lr{margin-top: 0px;margin-left: auto;margin-right: auto;background: #fff;padding-top: 0px}
.modal-post-job .float-box-section .login-socail-network {margin-bottom: 20px;}
.modal-post-job .float-box-section .btn-facebook {margin-bottom: 2px;padding: 8px 12px 8px 12px;font-size: 14px;color: #fff;border-radius: 2px;margin-right: 0;background: #CCCCCC;font-weight: 500; cursor: unset; opacity: 0.7;}
.modal-post-job .float-box-section .btn-google-plus {margin-right:20px;padding:8px 12px 8px 12px;font-size:14px;color:rgba(0, 0, 0, 0.54);border-radius: 2px;font-weight: 500;background: #FFFFFF; width: 93%; text-align: left}
.modal-post-job .float-box-section .btn-linkedin {padding: 12px 47px;font-size: 16px;color: #fff;border-radius: 105px}
.float-box-section .box-choice {color: #ccc;margin-bottom: 20px; text-align: center;}
.float-box-section .box-choice img {width: 130px}
.float-box-section .box-choice span {margin: 0 2px;color:black}
.block-lr .block-form-lr .block-form-reg input{width: 100%;border-radius:4px;border-color:#4F4F4F;height: auto;}
#register-form-in-form label{float: left;width: 140px;margin-bottom: 16px;margin-top: 10px;}
#register-form-in-form .recaptcha-error-message-signup-job{display: none;color: #ff0000;font-size: 14px;margin: 0;margin-top: 30px}
.block-lr .block-form-lr .btn-form-submit{width: 100%; height: 41px; font-size: 14px; background: #33cc66; color: white; border: #33cc66 1px solid; text-shadow: none; box-shadow: none; transition: all 0.3s; margin-top: 30px;}
.block-lr .block-form-lr .btn-form-submit:hover{background: #2fbc5e;}
.block-lr .block-form-lr .block-form-log.deactive{display: none;}
.block-lr .block-form-lr .block-form-reg.deactive{display: none;}
.block-lr .block-form-lr .input-email, .block-lr .block-form-lr .re-pass {padding-left: 7px;}
.block-lr .block-form-lr input{width: 100%;border-radius:4px;border-color:#4F4F4F;height: auto;}
.block-form-lr .social-login{display: flex;justify-content: space-between;}
.block-lr .block-form-lr input[type="checkbox"]{width: auto;}
/* Bottombar */
.bottombar-register{background: #35393CE5;color: white;position: fixed;bottom: 0;width: 100%;text-align: center;box-shadow: 0px 0px 40px 0px #0000004d;}
.bottombar-register .block-inline{padding: 32px 300px 16px 300px;}
.bottombar-register .block-inline .register-now{display: flex;align-items: center;}
.bottombar-register .block-inline .hire-freelancer{margin-left: 10px;text-align: left;}
.bottombar-register .block-inline .hire-freelancer h4{font-size: 20px;line-height: 28px;letter-spacing: -0.03em;}
.bottombar-register .block-inline .button-register{text-align: left;}
.bottombar-register .block-inline .button-register button{display: block;background: #2DB964;padding: 8px 24px;border-radius: 5px;border: none;color: white;width:240px}
.bottombar-register .block-inline .button-register a{display: inline-block;padding: 8px 24px;margin-top: 8px;font-size: 13px;line-height: 18px;color: #2DB964;font-weight: 600;}
.block-inline .button-register .view-more{width: 240px;text-align: center;}
.bottombar-register .close{font-size: 20px;color: white;opacity: 1;font-weight: 400;right: 13px;position: relative;top: 13px;}
.bottombar-register .block-inline .button-register ul li a{padding: 0; display: inline; color: #000000; font-weight: 400;font-size: 14px;line-height: 20px;}
/* Footer Tải app*/
.footer-download-app {background: #313332;padding-bottom: 40px;max-width: 100%;}
.footer-download-app .content-text h2 {font-size: 24px;line-height: 32px;font-weight: 600;color: #fff;margin: 0 0 15px 0;}
.footer-download-app .content-text h2 span{color: #129759;}
.footer-download-app .content-text p {font-size: 14px;line-height: 1.6;color: #fff;margin: 0;}
.footer-download-app .link-download-app {display: flex;align-items: center;gap: 30px;}
.footer-download-app .qr-code-image {width: 120px;height: 120px;}
.footer-download-app .app-store-buttons {display: flex;flex-direction: column;gap: 10px;}
.footer-download-app .store-button:hover {transform: scale(1.05);}

/* Quan ly job va goi dich vu */
.dropdown.manage-user .dropdown-menu{top: 40px;min-width: auto;padding: 20px;border-radius: 9px;}
.menu-section .nav-menu .manage-user li{background: white;line-height: 20px;}
.nav-menu li .manage-user .dropdown-menu li a{color: #000;padding: 0;}
.nav-menu li .manage-user .dropdown-menu li a:hover{background: none; font-weight: 600;}

/* Trang profile freelancer*/menu-item-review{font-weight: 600; line-height: 19px; font-size: 14px; color: #5461DA; width: 95px;}
.price.profile-freelancer{text-align: right;width: 123px;float: right;margin-top: 6px; margin-right: 20px}

/* Popup yêu cầu User đăng nhập trước khi vào trang mời bạn bè*/
/* .row-fluid .span5{width: 45%;} */
.menu-item-invite{width: 109px; height: 48px;}
.menu-inner .menu-inner-list .menu-item .menu-item-review{font-weight: 600; line-height: 19px; font-size: 13px; color: #5461DA; width: 70px;}
.menu-item-review .span-text-review, .menu-item-review .span-text-review{position: relative; letter-spacing: -0.02em; margin-bottom: 15px; margin-top: 15px; font-family: Oswald;}
.block-item-Invite-and-review1 .menu-item-review .span-text-review{margin: 0 0 15px 0;}
.menu-item-review .status-review{position: absolute; bottom: 4px; right: -20px; font-size: 10px; font-weight: 700; line-height: 12px; color: white; padding: 0;}
.menu-inner .menu-inner-list .hover-review:hover>a{color: #5461DA;}
.modal-backdrop-onbarding-envite{display: none; position: fixed; z-index: 1000000001; top: 0; right: 0; bottom: 0; left: 0; background-color: black; opacity: .8;}
#popup-onbarding-envite{z-index: 1000000002; width: 500px;}
#popup-onbarding-envite .modal-header{border: none;}
.close-popup-invite{height: 40px; display: flex; align-items: center; justify-content: end; padding: 0 10px;}
.close-popup-invite .close{font-size: unset; line-height: unset; opacity: 1;}
#popup-onbarding-envite .modal-body{padding-top: 5px; max-height: 80%;}
#popup-onbarding-envite .modal-body h4{margin: 0 0 30px 0; text-align: center; font-weight: 700; font-size: 20px; line-height: 28px; letter-spacing: -0.03em;}
#popup-onbarding-envite .modal-body p{margin: 0 0 12px 0; font-size: 14px; font-weight: 400; line-height: 20px;}
#popup-onbarding-envite .modal-body p span{font-weight: 700;}
#popup-onbarding-envite .modal-body img{width: 100%; height: auto; margin-bottom: 12px;}
#popup-onbarding-envite .modal-body .login-popup-invite{text-align: center; margin: 18px 0; margin: 26px 0 42px; }
#popup-onbarding-envite .modal-body a{text-align: center; padding: 8px 24px; font-size: 14px; font-weight: 700; background-color: #F5D548; border-radius: 5px; color: #347737;}

/* Popup nhận thưởng của chương trình mời bạn bè */
.modal-backdrop-voucher-received{display: none; position: fixed; z-index: 1000000001; top: 0; right: 0; bottom: 0; left: 0; background-color: black; opacity: .8;}
#popup-invitor-receive-voucher{z-index: 1000000002; width: 500px;}
#popup-invitor-receive-voucher .modal-header{border: none;}
#popup-invitor-receive-voucher .modal-body img{height: 108px; width: 100%; margin-bottom: 12px;}
#popup-invitor-receive-voucher .modal-body{padding-top: 5px; max-height: 80%;}
#popup-invitor-receive-voucher .modal-body h4{margin: 0 0 30px 0; text-align: center; font-weight: 700; font-size: 20px; line-height: 28px; letter-spacing: -0.03em;}
#popup-invitor-receive-voucher .modal-body p{margin: 0 0 12px 0; font-size: 14px; font-weight: 400; line-height: 20px;}
#popup-invitor-receive-voucher .modal-body p span{font-weight: 700;}
#popup-invitor-receive-voucher .modal-body .popup-invite-voucher{text-align: center; margin: 18px 0; margin: 35px 0 42px; }
#popup-invitor-receive-voucher .modal-body a{text-align: center; padding: 8px 24px; background-color: #2DB964; border-radius: 5px; color: #FFFFFF;}
#popup-invitor-receive-voucher h2{text-align: center; font-weight: 700; line-height: 28px; color: #000000;}
#popup-invitor-receive-voucher .modal-body p{text-align: left; color: #000000;}

/* Popup thông báo chưa đủ điều kiện để MBB */
#blocked-invite-friend{position: absolute; max-width: 440px; max-height: 214px; left: 55%; z-index: 2;}
#blocked-invite-friend .modal-body h2{text-align: center; font-weight: 700; margin-bottom: 10px;}
#blocked-invite-friend .modal-body p{text-align: left; color: #000000; margin-bottom: 22px;}
#blocked-invite-friend .modal-body a{text-align: center; padding: 8px 24px; background-color: #2DB964; border-radius: 5px; color: #FFFFFF; cursor: pointer;}
#blocked-invite-friend .login-popup-invite{text-align: center;}
.modal-backdrop-not-verify-info{display: none; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background-color: #FFFFFF; opacity: .4;}

/* màn hình xóa tài khoản */
.manage_account .manage-container {background: #FFFFFF;}
.manage_account .manage-container .delete-account-container {max-width: 400px;margin: 40px auto;padding: 24px;font-family: Arial, sans-serif;border-radius: 12px;text-align: center;}
.manage_account .manage-container .delete-account-container .delete-icon-wrapper {width: 100px;height: 100px;background-color: #ffeaea;border-radius: 50%;display: flex;justify-content: center;align-items: center;margin: 0px auto;}
.manage_account .manage-container .delete-account-container .delete-icon {font-size: 48px;color: #e74c3c;margin-bottom: 10px;}
.manage_account .manage-container .delete-account-container h2 {font-weight: 700;font-size: 24px;line-height: 32px;margin-bottom: 10px;}
.manage_account .manage-container .delete-account-container .delete-content .warning-box {background-color: #ffeaea;color: #333;border-radius: 8px;padding: 12px;text-align: left;font-size: 14px;}
.manage_account .manage-container .delete-account-container .delete-content .warning-box .delete-forever {color: #e74c3c;font-weight: bold;}
.manage_account .manage-container .delete-account-container .delete-content .checkbox-label {display: block;text-align: left;font-size: 14px;}
.manage_account .manage-container .delete-account-container .delete-content .checkbox-label input {margin-right: 8px; vertical-align: top; margin-top: 3px;}
.manage_account .manage-container .delete-account-container .action-buttons {display: flex;flex-direction: column;width: 60%;gap: 8px;margin: 0 auto;}
.manage_account .manage-container .delete-account-container button {padding: 10px 16px;border: none;border-radius: 6px;font-size: 14px;cursor: pointer;}
.manage_account .manage-container .delete-account-container #delete-button {background-color: #ccc;color: white;}
.manage_account .manage-container .delete-account-container #delete-button.enabled {background-color: #e74c3c;}
.manage_account .manage-container .delete-account-container .keep-account {background-color: white;border: 1px solid #333;color: #333;}
.manage_account .manage-container .delete-account-container .keep-account:hover {background-color: #f2f2f2;}
/* Gửi email xác nhận xóa tài khoản */
.email-sent-container {text-align: center;max-width: 400px;padding: 30px 20px;margin: 0 auto;border-radius: 10px;background-color: #ffffff;}
.email-sent-container .email-icon-wrapper {width: 120px;height: 120px;margin: 0 auto 20px;background-color: #e8fbf1;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.manage-container .email-sent-container .email-icon {width: 64px;height: 64px;}
.manage-container .email-sent-container .email-title {font-size: 24px;font-weight: bold;color: #000;margin-bottom: 15px;}
.manage-container .email-sent-container .email-subtitle {color: #333;font-size: 15px;margin-bottom: 20px;}
.manage-container .email-sent-container .email-instructions {text-align: left;padding-left: 20px;color: #333;font-size: 14px;margin-bottom: 25px;}
.manage-container .email-sent-container .email-instructions li {margin-bottom: 10px;}
.manage-container .email-sent-container .email-actions {display: flex;flex-direction: column;gap: 15px;margin-top: 10px;}
.manage-container .email-sent-container #cancel-delete-btn {display: inline-block;width: 60%;padding: 12px 24px;background-color: #2DB964;color: #ffffff;text-decoration: none;border-radius: 6px;margin: 0 auto;border: none;cursor: pointer;transition: opacity 0.3s ease;}
.manage-container .email-sent-container .cancel-note {color: #666;font-size: 13px;margin-top: 5px;}
/* popup xác nhận xóa tài khoản*/
#popup-confirm-delete .warning-container {text-align: center;padding: 20px;}
#popup-confirm-delete .warning-container .warning-header {display: flex;align-items: center;justify-content: center;gap: 10px;color: #d9534f;}
#popup-confirm-delete .warning-container .warning-icon {font-size: 24px;}
#popup-confirm-delete .warning-container .warning-text {font-size: 16px;margin-top: 10px;color: #333;}
#popup-confirm-delete .button-container {display: flex;justify-content: center;gap: 15px;margin-top: 20px;}
#popup-confirm-delete .button-container .btn {padding: 8px 20px;border-radius: 4px;font-size: 14px;}
#popup-confirm-delete.loading .modal-body {opacity: 0.5;pointer-events: none;position: relative;}
#popup-confirm-delete.loading::after {content: "Đang xử lý...";color: #fff;font-weight: bold;background-color: rgba(0, 0, 0, 0.6);position: absolute;top: 0; left: 0;width: 100%; height: 100%;display: flex;align-items: center;justify-content: center;font-size: 16px;z-index: 9999;}
/* Màn hình đang trong quá trình xóa tài khoản*/
.deletion-process-container {max-width: 400px;padding: 30px 20px;text-align: center;background-color: #fff;margin: 0 auto;}
.deletion-process-container .wrapper-icon {width: 120px;height: 120px;margin: 0 auto 20px;background-color: #f2f2f2;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.deletion-process-container .wrapper-icon img {width: 58px;height: 58px;}
.deletion-process-container .title {font-size: 24px;font-weight: bold;color: #000;margin-bottom: 20px;}
.deletion-process-container .message {font-size: 14px;color: #333;text-align: left;margin-bottom: 10px;}
.deletion-process-container .instructions {text-align: left;font-size: 14px;color: #333;padding-left: 20px;margin: 0 0 15px;}
.deletion-process-container .instructions li {margin-bottom: 8px;}
.deletion-process-container .permanent-date {color: #e53935;font-weight: bold;}
.deletion-process-container .restore-prompt {font-size: 14px;color: #333;text-align: left;margin-bottom: 15px;}
.deletion-process-container .restore-button {display: inline-block;background-color: #28a745;color: #fff;padding: 10px 20px;border-radius: 5px;text-decoration: none;font-weight: bold;}
.deletion-process-container .restore-button.processing {pointer-events: none;opacity: 0.6;}
.deletion-process-container .warning {font-size: 13px;color: #333;text-align: left;margin-top: 20px;}
/* Màn hình khôi phục tài khoản thành công*/
.email-sent-container {text-align: center;}
.email-sent-container .email-icon-wrapper {margin-bottom: 20px;}
.email-sent-container .email-icon-wrapper img.email-icon {width: 60px;height: 60px;}
.email-sent-container .email-title {font-size: 24px;font-weight: bold;color: #000;margin-bottom: 20px;}
.email-sent-container .content {text-align: left;margin-bottom: 30px;}
.email-sent-container .content p {font-size: 14px;color: #333;margin-bottom: 10px;}
.email-sent-container .home-button {display: inline-block;background-color: #28a745;color: #fff;padding: 10px 24px;border-radius: 5px;text-decoration: none;font-weight: bold;}

.credit_balance .payment-success-btn, .client_credit_balance .payment-success-btn{background: linear-gradient(135deg, #e74c3c, #c0392b);color: white;border: none;padding-bottom: 5px;border-radius: 12px;font-size: 9px;font-weight: bold;cursor: pointer;box-shadow: 0 6px 20px rgba(231, 76, 60, 0.4);transition: all 0.3s ease;animation: bounce 2s infinite;text-transform: uppercase;letter-spacing: 1px;position: relative;overflow: hidden;margin-top: 15px;line-height: 10px;}
.credit_balance .payment-success-btn::before, .client_credit_balance .payment-success-btn::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);transition: left 0.6s;}
.credit_balance .payment-success-btn:hover::before, .client_credit_balance .payment-success-btn:hover::before{left: 100%;}
.credit_balance .payment-success-btn:hover, .client_credit_balance .payment-success-btn:hover{transform: translateY(-3px) scale(1.02);box-shadow: 0 8px 25px rgba(231, 76, 60, 0.6);background: linear-gradient(135deg, #c0392b, #a93226);}
.credit_balance .payment-success-btn:active, .client_credit_balance .payment-success-btn:active{transform: translateY(-1px) scale(0.98);box-shadow: 0 4px 15px rgba(231, 76, 60, 0.5);}

/* Hiển thị cách màn tương ứng*/
.one-column .content-fix.has-email-form, .two-columns-left.contest_list .content-section.has-email-form, .top_content.top-content-fix.has-email-form {padding-top: 171px;}
.two-columns-left .content-fix-listFl.has-email-form, .two-columns-right .content-section-fixKH.has-email-form, .two-columns-left .content-section-fix.has-email-form{padding-top: 201px;}
.one-column .content-fix-service-pack.has-email-form {padding-top: 147px;}

/* Zalo OA widget*/
.zalo-oa-widget {width: fit-content;border: 1px solid #ddd;border-radius: 8px;background: #fff;font-family: Arial, sans-serif;overflow: hidden;box-shadow: 0 2px 4px rgba(0,0,0,0.1);}
.zalo-oa-widget .zalo-oa-header {max-width: none;}
.zalo-oa-widget .zalo-oa-stats {padding: 12px 16px;border-bottom: 1px solid #eee;font-size: 14px;color: #666;}
.zalo-oa-widget .zalo-oa-stats > div {display: flex;align-items: center;gap: 8px;}
.zalo-oa-widget .zalo-oa-actions {padding: 12px 16px;display: flex;gap: 8px;}
.zalo-oa-widget .zalo-btn {flex: 1;padding: 8px 12px;border: 1px solid #0068ff;border-radius: 4px;text-align: center;text-decoration: none;font-size: 14px;font-weight: 500;transition: all 0.3s;display: flex;align-items: center;justify-content: center;gap: 6px;}
.zalo-oa-widget .zalo-btn-primary {background: #0068ff;color: white;}
.zalo-oa-widget .zalo-btn-primary:hover {background: #0056d6;}
.zalo-oa-widget .zalo-btn-secondary {background: white;color: #0068ff;}
.zalo-oa-widget .zalo-btn-secondary:hover {background: #f0f8ff;}
.zalo-oa-widget .zalo-oa-stats i {font-size: 16px;color: #0068ff;width: 20px;text-align: center;}
.zalo-oa-widget .fa.fa-mobile {font-size: 23px;}

/* Phần cài đặt thông báo */
.noti-configuration {background-color: #F0FEEE;color: #129759;padding: 13px 4px;margin-bottom: 15px;}
.noti-configuration span{color: #129759;}
#vlance_accountbundle_accountconfigtype_notificationJob {width: 400px; height: auto;}
.btn-configuration{ width: 75px;  height: 36px;  font-size: 14px;}
.introduce-download-app {border-radius: 8px;margin: 10px 0;}
.introduce-download-app .row-fluid {background-image: url('/img/banner-ads/banner-section.svg');display: flex;align-items: center;gap: 20px;padding: 24px 0;}
.introduce-download-app .context{color: #9D9D9D;}
.introduce-download-app .introduce-context h1 {font-weight: 650;color: #129759;line-height: 28px;margin-bottom: 10px;}
.introduce-download-app .introduce-context p {color: #129759;font-size: 14px;line-height: 24px;}
.introduce-download-app .link-download-app {display: flex;align-items: center;gap: 16px;justify-content: center;}
.introduce-download-app .qr-code-image {width: 140px;height: 140px;display: block;}
.introduce-download-app .app-store-buttons {display: flex;flex-direction: column;gap: 8px;}
.introduce-download-app .store-button {display: block;transition: opacity 0.2s;}
.introduce-download-app .store-button:hover {opacity: 0.8; transform: scale(1.05) !important;}
.introduce-download-app .store-button img {width: 140px;height: auto;display: block;}

/* Quét/link tải app ở workroom */
.workroom-app-download {padding: 20px;border-radius: 8px;margin: 20px 0;}
.workroom-app-download .workroom-app-header {margin-bottom: 10px;}
.workroom-app-download .workroom-app-header .workroom-app-subtitle {font-size: 14px;line-height: 1.6;color: #333;margin: 0;text-align: left;}
.workroom-app-download .workroom-app-content {display: flex;flex-direction: column;align-items: center;gap: 20px;}
.workroom-app-download .workroom-qr-section {display: flex;justify-content: center;padding: 15px;background: #fff;border: 2px solid #e5e7eb;border-radius: 8px;}
.workroom-app-download .workroom-qr-image {width: 150px !important;height: 150px !important;display: block !important;}
.workroom-app-download .workroom-store-buttons {display: flex;flex-direction: row;gap: 12px;justify-content: center;align-items: center;flex-wrap: wrap;}
.workroom-app-download .workroom-store-button {display: block !important;transition: transform 0.2s ease !important;text-decoration: none !important;}
.workroom-app-download .workroom-store-button img {width: 135px !important;height: auto !important;display: block !important;border-radius: 6px !important;}
.workroom-app-download .workroom-store-button:hover {transform: scale(1.05) !important;}

/* Privacy Box */
.privacy-box {background: #fff3cd;border: 1px solid #ffc107;border-radius: 8px;padding: 16px 16px 0 16px;margin-bottom: 10px;}
/* Quản lý bảo mật dữ liệu cá nhân */
.consent-container {background: white;border-radius: 12px;overflow: hidden;max-width: 800px;}
.consent-container .consent-header {background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);color: white;padding: 25px 30px;text-align: center;}
.consent-container .consent-header h1 {font-size: 22px;margin-bottom: 8px;font-weight: 600;}
.consent-container .consent-header p {font-size: 13px;opacity: 0.95;line-height: 1.4;margin: 0;}
.consent-container .consent-content {padding: 30px;}
.consent-container .benefits-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;margin-bottom: 25px;}
.consent-container .benefit-card {padding: 15px;background: #f0f7ff;border-radius: 10px;border-left: 4px solid #667eea;transition: transform 0.2s;}
.consent-container .benefit-card:hover {transform: translateY(-2px);}
.consent-container .benefit-card strong {color: #333;font-size: 14px;display: block;margin-bottom: 4px;}
.consent-container .benefit-card p {color: #666;font-size: 12px;line-height: 1.4;margin: 0;}
.consent-container .warning-box {background: #fff3e0;border-left: 4px solid #ff9800;padding: 15px;border-radius: 8px;margin-bottom: 25px;}
.consent-container .warning-box .title {color: #e65100;font-weight: 600;margin-bottom: 8px;font-size: 14px;display: flex;align-items: center;gap: 6px;}
.consent-container .warning-box ul {margin: 0;padding-left: 20px;}
.consent-container .warning-box li {color: #666;font-size: 13px;line-height: 1.6;margin-bottom: 4px;}
.consent-container .consent-checkbox-container {display: flex;align-items: flex-start;gap: 10px;padding: 15px;background: #f8f9fa;border-radius: 8px;margin-bottom: 25px;}
.consent-container .consent-checkbox-container input[type="checkbox"] {margin-top: 2px;width: 18px;height: 18px;cursor: pointer;}
.consent-container .consent-checkbox-container label {flex: 1;cursor: pointer;color: #333;font-size: 13px;line-height: 1.5;margin: 0;}
.consent-container .consent-actions {display: flex;gap: 12px;}
.consent-container .consent-btn {flex: 1;padding: 14px 20px;border: none;border-radius: 8px;font-size: 15px;font-weight: 600;cursor: pointer;transition: all 0.3s;}
.consent-container .consent-btn-primary {background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);color: white;box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);}
.consent-container .consent-btn-primary:hover:not(:disabled) {transform: translateY(-2px);box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6);}
.consent-container .consent-btn-primary:disabled {opacity: 0.5;cursor: not-allowed;}
.consent-container .consent-btn-secondary {background: white;color: #666;border: 2px solid #e0e0e0;}
.consent-container .consent-btn-secondary:hover {background: #f5f5f5;border-color: #ccc;}
.consent-container .consent-btn-danger {background: #dc3545;color: white;}
.consent-container .consent-btn-danger:hover {background: #c82333;transform: translateY(-2px);}
.consent-container .current-status-box {display: flex;align-items: center;gap: 15px;padding: 15px;background: #e8f5e9;border-left: 4px solid #4caf50;border-radius: 8px;margin-bottom: 25px;}
.consent-container .status-content strong {color: #2e7d32;font-size: 15px;display: block;margin-bottom: 4px;}
.consent-container .status-content p {color: #666;font-size: 13px;margin: 0;}
.consent-container .consent-success {display: none;text-align: center;padding: 40px 20px;}
.consent-container .consent-success.active {display: block;}
.consent-container .consent-success h2 {color: #4caf50;margin-bottom: 10px;font-size: 22px;}
.consent-container .consent-success p {color: #666;margin-bottom: 20px;font-size: 14px;}
.consent-container #levelDescription {margin-top: 15px; padding: 15px; background-color: #f8f9fa; border-left: 4px solid #007bff; border-radius: 4px;}
.consent-container #consentLevelSelect {width: 100%;max-width: 600px;padding: 5px;font-size: 14px;height: 40px;}
.consent-container #consentLevelSelect:hover {border-color: #007bff;box-shadow: 0 4px 12px rgba(0,123,255,0.15);}
.consent-container #consentLevelSelect:focus {outline: none;border-color: #007bff;box-shadow: 0 0 0 3px rgba(0,123,255,0.1);}
.consent-container #levelDescriptionContent::before {content: "ℹ️ ";font-size: 16px;margin-right: 8px;}

/* Consent Management Styles */
.consent_manage .manage-job-service a {color: black;}
.consent_manage .manage-job-service.active a {color: white;}
.consent_manage .progress-job-new {border: 1px solid #cccccc;}
.consent_manage .progress-job-wrapper-new {margin: 0;}
.consent_manage .filter-tabs {padding: 15px 20px;border-bottom: 2px solid #e9ecef;background-color: white;}
.consent_manage .filter-tab {padding: 12px 24px;border: none;font-size: 15px;font-weight: 500;color: #6c757d;border-bottom: 3px solid transparent;cursor: pointer;}
.consent_manage .filter-tab.active {color: #007bff !important;border-bottom-color: #007bff !important;font-weight: 600;}
.consent_manage .filter-tab:hover {color: #007bff !important;}
.consent_manage .filter-tab .badge {padding: 2px 8px;border-radius: 12px;font-size: 12px;margin-left: 5px;}
.consent_manage .news-client-view {border-radius: 5px;min-height: 450px;padding: 20px;}
.consent_manage .empty-state {text-align: center;padding: 100px 20px;color: #6c757d;}
.consent_manage .empty-state h3 {font-weight: 600;margin-bottom: 15px;}
.consent_manage .empty-state p {font-size: 15px;}
.consent_manage .consent-request-card {background: #fff;border: 2px solid #e9ecef;border-radius: 8px;padding: 20px;margin-bottom: 15px;transition: all 0.3s;box-sizing: border-box;}
.consent_manage .consent-request-card.expired {opacity: 0.7;}
.consent_manage .consent-request-card.status-approved {border-color: #d4edda;}
.consent_manage .consent-request-card.status-rejected {border-color: #f8d7da;}
.consent_manage .consent-request-card.status-expired {border-color: #dee2e6;}
.consent_manage .card-header-wrapper {display: flex;align-items: flex-start;margin-bottom: 15px;}
.consent_manage .card-avatar {margin-right: 15px;}
.consent_manage .card-avatar img {width: 50px;height: 50px;border-radius: 50%;object-fit: cover;border: 2px solid #e9ecef;}
.consent_manage .card-info {flex: 1;}
.consent_manage .card-info h4 {margin: 0 0 5px 0;font-size: 17px;font-weight: 600;}
.consent_manage .card-info h4 a {color: #007bff;text-decoration: none;}
.consent_manage .card-meta {margin: 0;color: #6c757d;font-size: 13px;}
.consent_manage .card-job-info {margin-top: 10px;padding: 8px 12px;background: #f8f9fa;border-left: 3px solid #17a2b8;border-radius: 4px;display: inline-block;}
.consent_manage .card-job-info a {color: #17a2b8;font-weight: 500;text-decoration: none;font-size: 13px;}
.consent_manage .card-status-badge {text-align: right;min-width: 120px;}
.consent_manage .badge {padding: 6px 12px;border-radius: 6px;font-size: 13px;display: inline-block;}
.consent_manage .badge.badge-pending {background: #ffc107;color: #000;}
.consent_manage .badge.badge-pending-urgent {background: #dc3545;color: #fff;}
.consent_manage .badge.badge-approved {background: #28a745;color: #fff;}
.consent_manage .badge.badge-rejected {background: #dc3545;color: #fff;}
.consent_manage .badge.badge-expired {background: #6c757d;color: #fff;}
.consent_manage .card-actions {padding-top: 15px;border-top: 1px solid #e9ecef;}
.consent_manage .card-footer-info {padding-top: 10px;border-top: 1px solid #e9ecef;}
.consent_manage .card-footer-info small {color: #6c757d;}
.consent_manage .btn-approve,
.consent_manage .btn-reject {padding: 10px 24px;border: none;border-radius: 6px;font-size: 14px;font-weight: 500;cursor: pointer;transition: all 0.3s;}
.consent_manage .btn-approve {background: #28a745;color: #fff;margin-right: 10px;}
.consent_manage .btn-approve:hover {background: #218838 !important;transform: translateY(-1px);box-shadow: 0 4px 8px rgba(40, 167, 69, 0.3);}
.consent_manage .btn-reject {border: 1px solid #dc3545;background: #fff;color: #dc3545;}
.consent_manage .btn-reject:hover {background: #dc3545 !important;color: #fff !important;transform: translateY(-1px);box-shadow: 0 4px 8px rgba(220, 53, 69, 0.3);}
.consent_manage .btn-approve:active, .btn-reject:active {transform: translateY(0);}
.consent_manage .btn-disabled {padding: 10px 20px;border: none;border-radius: 6px;background: #e9ecef;color: #6c757d;font-size: 14px;font-weight: 500;cursor: not-allowed;}
.consent_manage .layered-footer.results-paging {margin-top: 20px;}
.consent_manage .notification {position: fixed;top: 20px;right: 20px;color: white;padding: 16px 24px;border-radius: 8px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);z-index: 9999;animation: slideIn 0.3s ease;}
.consent_manage .notification.success {background: #28a745;}
.consent_manage .notification.info {background: #17a2b8;}

.consent-modal {border-radius: 8px;max-width: 690px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);top: 50%;left: 50%;transform: translate(-50%, -50%);width: 90%;margin: 0;}
.consent-modal .close {font-size: 28px; color: #999;  line-height: 1;}
.consent-modal .policy-content-area {flex: 1;padding: 20px 40px;display: flex;flex-direction: column;max-height: 500px;}
.consent-modal .policy-description {color: #64748b;font-size: 15px;line-height: 1.7;margin-bottom: 28px;}
.consent-modal .benefits-title {font-size: 16px;font-weight: 600;color: #334155;}
.consent-modal .benefit-item {display: flex;align-items: flex-start;padding: 12px;border-radius: 8px;transition: background 0.2s;}
.consent-modal .benefit-item:hover {background: #f8fafc;}
.consent-modal .benefit-icon {width: 24px;height: 24px;background: #d1fae5;border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-shrink: 0;margin-right: 12px;margin-top: 2px;}
.consent-modal .benefit-icon::before {content: "✓";color: #10b981;font-weight: bold;font-size: 14px;}
.consent-modal .benefit-text {color: #334155;font-size: 15px;line-height: 1.6;}
.consent-modal .policy-checkbox {background: #f8fafc;border: 1px solid #e2e8f0;border-radius: 10px;padding: 16px;margin-bottom: 24px;display: flex;align-items: flex-start;transition: all 0.3s;cursor: pointer;}
.consent-modal .policy-checkbox:hover {background: #f1f5f9;border-color: #cbd5e1;}
.consent-modal .policy-checkbox.error {background: #fef2f2;border: 2px solid #fca5a5;animation: shake 0.4s;}

.consent-modal .btn-confirm {background: #cbd5e1;color: #94a3b8;border: none;padding: 16px 32px;border-radius: 10px;font-size: 16px;font-weight: 600;cursor: not-allowed;transition: all 0.3s;width: 100%;}
.consent-modal .btn-confirm.active {background: #10b981;color: white;cursor: pointer;box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);}
.consent-modal .btn-confirm.active:hover {background: #059669;transform: translateY(-2px);box-shadow: 0 6px 16px rgba(16, 185, 129, 0.4);}
.consent-modal .btn-confirm:disabled {opacity: 1;cursor: not-allowed;transform: none !important;}
.consent-modal .settings-link {text-align: center;margin-top: 16px;font-size: 13px;color: #94a3b8;}
.consent-modal .settings-link a {color: #10b981;text-decoration: none;font-weight: 500;}
.consent-modal .settings-link a:hover {text-decoration: underline;}

.screen-pending .pending-message {border-left: 4px solid #FF9800;background: #FFF8E1;padding: 15px;border-radius: 15px;margin-bottom: 15px;}
.screen-pending .pending-note {background: #F5F5F5;border-radius: 8px;padding: 15px;margin-bottom: 15px;}
.screen-pending .pending-note ul {list-style-type: disc;padding-left: 15px;}
.screen-pending .pending-note li {margin-bottom: 8px;}
.screen-pending .account-status {background: #E3F2FD;border-radius: 6px;padding: 12px;margin-bottom: 15px;}

@media (max-width: 768px) {
    .benefits-grid {
        grid-template-columns: 1fr;
    }

    .info-notes {
        flex-direction: column;
    }

    .consent-actions {
        flex-direction: column;
    }

    .consent-header h1 {
        font-size: 18px;
    }

    .consent-content {
        padding: 20px;
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}
.credit_balance .icon, .client_credit_balance .icon{margin-right: 10px;font-size: 18px;display: inline-block;animation: spin 2s linear infinite;}
.credit_balance .icon-refresh, .client_credit_balance .icon-refresh{width: 18px;height: 18px;border-top: 2px solid transparent;border-radius: 50%;display: inline-block;vertical-align: middle;margin-right: 10px;}
.credit_balance .icon-loading, .client_credit_balance .icon-loading{width: 18px;height: 18px;border: 2px solid #fff;border-top: 2px solid transparent;border-radius: 50%;display: inline-block;vertical-align: middle;margin-right: 10px;animation: spin 1s linear infinite;}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.credit_balance .info-text, .client_credit_balance .info-text{background: #fff;padding: 20px;border-radius: 10px;margin-bottom: 20px;box-shadow: 0 2px 10px rgba(0,0,0,0.1);border-left: 4px solid #27ae60;}
.credit_balance .success-badge, .client_credit_balance .success-badge{background: #27ae60;color: white;padding: 5px 15px;border-radius: 20px;font-size: 14px;margin-bottom: 10px;display: inline-block;}


@media (max-width: 1200px){
    .navbar.navbar-static-top.display-desktop.ver2 .btn-connect{width: 388px;}
    .lang-option{margin-right: 17px;}
    .navbar.navbar-static-top.display-desktop.ver2 .btn-connect>.login-vlance>.create-account-vlance{margin-right: 19px;}
    .navbar.navbar-static-top.display-desktop.ver2 .btn-connect>.login-vlance>.create-account-vlance #btn-register{margin-right: 20px;}
    .footer-download-app .container{width: 960px;}
}

@media (max-width: 1102px) {
    /*.menu-inner .menu-inner-list .menu-item{padding-right: 1px}*/
    .bottombar-register .block-inline {padding: 32px 200px 16px 200px;}
}

@media (max-width: 1086px) {
    .navbar.navbar-static-top.display-desktop.ver2 .nav-account.ver2>.nofity-ver2{padding-right: 20px;}
    .navbar.navbar-static-top.display-desktop.ver2 .nav-account.ver2>.mesenger-ver2{padding-right: 10px}
    .bottombar-register .block-inline {padding: 32px 150px 16px 150px;}
}

@media (max-width: 996px) {
    .menu-inner .menu-inner-list .menu-item{padding-right: 10px}
}

@media (max-width: 976px) {
    /**** menu header mobile ver2 ****/
    .navbar.display-mobile .container>.list-menu.ver2{display: flex; justify-content: space-between; align-items: center; height: 56px;}
    .navbar.display-mobile.header-feed-mobile-nav>.container.ver2{width:auto;margin-right:16px;margin-left:16px;}
    .navbar.display-mobile.header-feed-mobile-nav .container>.list-menu.ver2>.button{display:flex;align-items:center;margin-right:0;margin-left:auto;}
    .overlay-block{width:100%;margin-top:-60px;background: #fff;position: fixed;z-index: 100;font-size: 16px; max-height: 100%; overflow-y: scroll; overflow-x: hidden;}
    .overlay-left{margin-left: -100%;transition: margin-left .0s .0s ease-in-out;-moz-transition: margin-left .0s .0s ease-in-out;-webkit-transition: margin-left 0s .0s ease-in-out;}
    .overlay-left.ver2 .close-button{font-size: 26px; height: 60px;align-items: center; display: flex; float: none;}
    .overlay-left.ver2 .close-button>a{padding: 17px 14px;}
    .overlay-left.ver2 .logo-submenu-mobile{position: absolute; z-index: 1; top: 0; left: 50%; transform: translateX(-50%);}
    .overlay-left.ver2.login .close-button{font-size: 26px; height: 60px;align-items: center; display: flex; float: none;}
    .wrap-mobile  ul.nav-menu-mobile{list-style: none; width: 100%; margin: 0; padding-bottom: 220px;}
    .overlay-block .wrap-mobile .nav-menu-mobile li.menu-mobile-item{margin: 0 25px 0 20px}
    .overlay-block .wrap-mobile .nav-menu-mobile li.menu-mobile-register, li.menu-mobile-login{margin: 0 20px; padding: 8px 0;}
    .overlay-block .wrap-mobile .nav-menu-mobile li.menu-mobile-img500k{margin: 0 20px;padding: 8px 0;}
    .overlay-block .wrap-mobile .nav-menu-mobile li.menu-mobile-register, li.menu-mobile-login >a{font-family: Open Sans;font-style: normal;font-weight: normal;font-size: 16px;line-height: 24px;}
    .overlay-block .wrap-mobile .nav-menu-mobile li.menu-mobile-item>a{color: #000000; border-bottom: 1px solid #E5E5E5;padding: 8px 0; margin-bottom: 4px; font-family: Open Sans;font-style: normal;font-weight: bold;font-size: 16px;line-height: 24px;}
    .overlay-block .wrap-mobile.wrap-mobile-ver2{overflow-y: scroll;overflow-x: hidden;position: fixed;background: #ffff;width: 100%;max-height: 100%;height: 100vh;}
    .overlay-block .post-button-ver2{position: fixed;bottom: 0;z-index: 1000;width: 100%;height: 70px;background: #FFFFFF;display: flex;justify-content: center;align-items: center;}
    .overlay-block .post-button-ver2>a{font-family: Open Sans;font-style: normal;font-weight: 600;font-size: 16px;line-height: 24px;padding: 8px 0;margin: 8px 20px 16px 20px;border-radius: 9px;background: #2DB964; display: block; width: 90%; text-align: center;}
    ul.nav-menu-mobile.ver2 li a:hover{background-color: transparent;}
    ul.nav-menu-mobile.ver2 .submenu-list-ver2{margin: 4px 0 22px 0;}
    /*ul.nav-menu-mobile.ver2 .submenu-list-ver2 li.submenu-item-ver2{margin-left: 4px;}*/
    ul.nav-menu-mobile.ver2 .submenu-list-ver2 a.submenu-link-ver2 {padding:8px 0 8px 0;}
    ul.nav-menu-mobile.ver2 .submenu-list-ver2 .submenu-item-ver2 > ul >li{margin: 0 16px 0 30px;}
    ul.nav-menu-mobile.ver2 .submenu-list-ver2 .submenu-item-ver2 > ul >li a, ul.nav-menu-mobile.ver2 .submenu-list-ver2 .submenu-item-ver2 > ul >li p{font-family: Open Sans;font-style: normal;font-weight: normal;font-size: 16px;line-height: 24px;color: #666666; padding: 8px 0; margin-bottom: 0;}
    ul.accordion-inner-ver2.sub-menu.show>li{margin: 0 16px 0 30px;}

    /*dropdown menu mobile*/
    .accordion-menu-dropdown{padding-top: 0px; list-style: none; margin: 0 19.5px}
    .accordion-menu-dropdown .accordion-inner-ver2{overflow: hidden;display: none;padding: 0;border: none; margin: 0;}
    .accordion-menu-dropdown .accordion-inner-ver2 .link-section-buy-credit{color: #0A46D0; cursor: pointer}
    .accordion-menu-dropdown a .fa-chevron-down {-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
    .accordion-menu-dropdown a.chev .fa-chevron-down {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(180deg);}
    .accordion-menu-dropdown .accordion-toggle-ver2{color: #666666;font-family: Open Sans;font-style: normal;font-weight: normal;font-size: 16px;line-height: 24px;display: block;position: relative}
    .accordion-menu-dropdown .accordion-toggle-ver2 i{position: absolute;right: 0;line-height: inherit;bottom: 50%;transform: translateY(50%);}
    .wrap-mobile-ver2 .img-invite-budget{width: auto; height: 29px; padding: 0 20px;}
    .nav-menu-mobile.ver2 .menu-mobile-item.ver2 .accordion-menu-dropdown .img-invite-budget.logged{width: 130px; height: 29px; padding-bottom: 10px}
    
    
    .inbox-menu.ver2 div.menu-item-1 {margin: 0 14px;}
    .inbox-menu.ver2 div.button{float: none;}
    .inbox-menu.ver2 div.menu-item-2{width: max-content;}
    .inbox-menu.ver2{padding: 0 18px;}
    .navbar.display-mobile.header-feed-mobile-nav .list-menu.ver2>.button>.inbox-menu.ver2.pull-right{padding:0;margin:0;}
    .navbar.display-mobile.header-feed-mobile-nav .list-menu.ver2>.button>.inbox-menu.ver2.pull-right + .inbox-menu.ver2.pull-right{margin-left:4px;}
    .navbar.display-mobile.header-feed-mobile-nav .list-menu.ver2>.button .header-feed-trigger{width:40px;height:40px;margin:0;padding:0;}
    .header-feed-dropdown .header-feed-pane{max-height:calc(100vh - 150px);}
    .inbox-menu.ver2 .block-new-message{width: 375px;right: 1px; margin-top: -8px;}
    .list-menu.ver2 div.button .inbox-menu.ver2:last-child .block-new-message{right: -13px;}
    .list-menu.ver2 div.button a{height: auto; margin: 0px 10px 0 0;padding: 8px 4px ;font-family: Open Sans;font-style: normal;font-weight: normal;font-size: 14px;line-height: 20px;}
    /* .list-menu.ver2 div.menu-item-1 {margin: 0 14px;} */
    .list-menu.ver2 div.menu-item-1 div.icon-hamberger.ver2>a{padding: 17px 14px;}
    .container.ver2 .list-menu.ver2 .left-block-header-menu{display: flex; align-items: center}
    /**** and menu header mobile ver2 ****/
    .bottombar-register .block-inline {padding: 32px 100px 16px 100px;}
    .footer-download-app .container{width: 750px;}
    .introduce-download-app .row-fluid{flex-direction: column;}
    .introduce-download-app .row-fluid .span8, .introduce-download-app .row-fluid .span4{width: 100%;}

}

@media (max-width: 768px) {
    /**** menu header mobile ver2 ****/
    /* .list-menu.ver2 div.menu-item-1 {margin: 0 14px;} */
    .list-menu.ver2 div.button{float: none;}
    .list-menu.ver2 div.menu-item-2{width: max-content;}
    .list-menu.ver2 div.menu-item-gdv{width: max-content;}
    .list-menu.ver2 div.button .inbox-menu.ver2 .block-new-message li{min-height: auto;}
    /**** end menu header mobile ver2  ****/

    .popup-vlance-business.modal.fade.in{margin-left: 40px;}
    .bottombar-register .block-inline {padding: 32px 50px 16px 50px;}
    .bottombar-register .block-inline .button-register button{width: 100%;}
    .block-inline .button-register .view-more{width: 100%;}

    .block-item-Invite-and-review, .block-item-Invite-and-review1{display: flex; flex-direction: column;}
    .block-item-Invite-and-review .menu-item-review, .block-item-Invite-and-review1 .menu-item-review{font-weight: 600; line-height: 19px; font-size: 15px; color: #5461DA; font-family: Oswald;}
    .menu-item-review .status-review{right: -25px;}
    .footer-download-app .container{width: 620px;}
    .footer-download-app .row-fluid {display: flex;flex-direction: column;gap: 20px;}
    .footer-download-app .span8,
    .footer-download-app .span4 {width: 100%;}
    .link-download-app {justify-content: center;}
    .modal-body {flex-direction: column;}
    .policy-modal .policy-illustration {padding: 40px 20px;}
    .policy-modal .policy-modal-header, .policy-modal .policy-modal-body {display: block;padding: 0;}
    .policy-modal .policy-modal-title {font-size: 20px;}
}

@media (max-width: 639px){
    .popup-vlance-business.modal.fade.in{width: 80%;left: 0%;max-height: 100%;top: 0px;height: 100%;}
    .popup-vlance-business .modal-body{padding: 36px 41px 25px;}
    #popup-client, #popup-freelancer{width: 375px;}
    .bottombar-register .block-inline .register-now{width: 100%;}
    .bottombar-register .block-inline {padding: 32px 20px 16px;}
    .bottombar-register .block-inline .button-register{width: 100%;margin-top: 20px;text-align: center;margin-left: 0;}
    .modal-post-job.modal.fade.in{width:100%;left:0; top: 0;max-height:100vh !important;border-radius: 0px; margin-left: 0px}
    #popup-onbarding-envite{width: 320px; top: 10%;}
    #popup-invitor-receive-voucher{max-width: 80%; top: 12%; left: 35%; max-height: 438px;}
    #close_x{top: 0px;left: 10px;}
    #blocked-invite-friend{max-height: 268px;}
    .footer-download-app .container{width: 320px;}
    #app-download-modal{width: 350px;margin-left: -175px;}
    #app-download-modal .modal-header.app-modal-overlay {min-height: 130px;}
    #app-download-modal .app-modal-body{gap: 0; padding: 0 0 30px;}
}

@media (max-width: 426px){
    .popup-vlance-business.modal.fade.in{width: 100%;margin-left: 0px;}
    .popup-vlance-business .close{margin-right: 0px;margin-right: 0px;}
    .popup-vlance-business .modal-body{padding: 35px 20px;}
    .bottombar-register .block-inline .hire-freelancer h4{font-size: 16px;line-height: 24px;letter-spacing: -0.02em;}
    .modal-post-job .float-box-section .btn-linkedin{padding: 12px 40px;}
    .float-box-section .box-choice img {width: 115px;}
    #close_x{top: 10px;left: 20px;}

}
@media (max-width: 375px){
    /* menu header ver2 */
    .i32.i32-mail.ver2{position: relative;}
    .inbox-menu.ver2 .popover-mail{position: unset;}
    .inbox-menu.ver2 .block-new-message{width: 375px;right:0px;}
    .inbox-menu.ver2.pull-right{padding: 0 15px;}
    .inbox-menu.ver2 .block-new-message, .inbox-menu.ver2 .block-new-notify{top: 50px; border-radius: 0;}
    .list-menu.ver2 div.button .inbox-menu.ver2:last-child .block-new-message{right: 0px;}
    .inbox-menu.ver2 .block-new-message{width: 330px;}
    .modal-post-job .float-box-section .btn-linkedi{padding: 12px 30px;}
}
@media (max-width: 320px){
    /* menu header ver2 */
    .inbox-menu.ver2 .popover-mail{position: unset;}
    .inbox-menu.ver2 .block-new-message{width: 320px;right:0px;}
    .inbox-menu.ver2.pull-right{padding: 0 15px;}
    .inbox-menu.ver2 .block-new-message, .inbox-menu.ver2 .block-new-notify{top: 50px; border-radius: 0;}
    .list-menu.ver2 div.button .inbox-menu.ver2:last-child .block-new-message{right: 0px;}
    .inbox-menu.ver2 .popover-mail .tab-content .tab-pane > ul .acc-image a {margin: 0;padding: 0;}
    .inbox-menu.ver2 .popover-mail .tab-content .tab-pane > ul .message-content a {margin: 0;padding: 0;}
    .inbox-menu.ver2 .block-new-message ul li{justify-content: space-evenly;}
    .inbox-menu.ver2 .block-new-message ul li .message-content{width: 74%;}
    .inbox-menu.ver2 .block-new-message ul li .acc-image{width: 19%;}
    #close_x{top: 10px;left: 3px;}

}