body .popup-role{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:99}body .popup-role .role-container{position:relative;top:40%;left:50%;transform:translate(-50%,-50%)}body .popup-role .role-container .role-content{width:40%;height:23vw;padding:2vw 2vw;background:url(/Assets/WSTest/imgs/ChargeRoleId/Popup.png);background-size:100% 100%;margin:5% auto;position:relative}body .popup-role .role-container .role-content .btn-close{position:absolute;top:0;right:2%;background:url(/Assets/WSTest/imgs/ChargeRoleId/close-40.png) no-repeat center;background-size:contain;width:3vw;height:3vw;z-index:10}body .popup-role .role-container .role-content .title{width:80%;height:3vw;background:url(/Assets/WSTest/imgs/ChargeRoleId/khung-tittle.png);background-size:100% 100%;margin:3% auto 0%;color:#fff;font-size:2vw;text-align:center;align-content:center}body .popup-role .role-container .role-content .content-detail{overflow:auto;width:100%;height:100%;color:#fff;padding:2%}body .popup-role .role-container .role-content .content-detail input{width:82%;height:29px;margin:10% auto}body .popup-role .role-container .role-content .content-detail .btn-confirm{width:10vw;height:2vw;background:url(/Assets/WSTest/imgs/ChargeRoleId/button-xacnhan.png);background-size:100% 100%;margin:auto;display:block}body .popup-role .role-container .role-content .content-detail .btn-confirm:hover{background:url(/Assets/WSTest/imgs/ChargeRoleId/button-xacnhan-act.png);background-size:100% 100%}body .popup-role .role-container .role-content .content-detail .info-role{width:99%;background:#fff;height:35px;border-radius:4px;margin:10% auto}body .popup-role .role-container .role-content .content-detail .info-role .text{font-size:small;color:#3c3c3c;text-align:center;align-content:center;height:100%;font-weight:bold}body .popup-role .role-container .role-content .content-detail .info-role .text .text-name{font-size:large;color:#ffc107}body .popup-role .role-container .role-content .content-detail .btn-recheck{width:10vw;height:2vw;background:url(/Assets/WSTest/imgs/ChargeRoleId/button-kiemtra.png);background-size:100% 100%;margin:auto;display:block}body .popup-role .role-container .role-content .content-detail .btn-recheck:hover{background:url(/Assets/WSTest/imgs/ChargeRoleId/button-kiemtra-act.png);background-size:100% 100%}body .container-accountInfo{top:130px;right:15px;border-radius:5px;background:rgba(255,255,255,.84);position:absolute;padding:5px 10px;font-weight:bold;display:flex;flex-direction:column;justify-content:center;align-items:center}body .container-accountInfo .charge-role-id{width:162px;height:30px;background:url(/Assets/WSTest/imgs/ChargeRoleId/button-nap.png) 0 0 no-repeat;background-size:100% auto}body .container-accountInfo .charge-role-id:hover{background:url(/Assets/WSTest/imgs/ChargeRoleId/button-nap-act.png) 0 0 no-repeat;background-size:100% auto}body .container-accountInfo .acc-logout{width:162px;height:30px;background:url(/Assets/WSTest/imgs/ChargeRoleId/button-dangxuat.png) 0 0 no-repeat;background-size:100% auto}body .container-accountInfo .acc-logout:hover{background:url(/Assets/WSTest/imgs/ChargeRoleId/button-dangxuat-act.png) 0 0 no-repeat;background-size:100% auto}@media screen and (max-width:480px){body .popup-role .role-container .role-content{width:100%;height:60vw}body .popup-role .role-container .role-content .btn-close{width:8vw;height:8vw}body .popup-role .role-container .role-content .title{width:80%;height:8vw;font-size:4vw}body .popup-role .role-container .role-content .content-detail input{width:75%;height:30px}body .popup-role .role-container .role-content .content-detail .btn-confirm{width:35vw;height:7vw}body .popup-role .role-container .role-content .content-detail .btn-recheck{width:35vw;height:7vw}}.vibrate{-webkit-animation:vibrate .5s linear infinite both;animation:vibrate .5s linear infinite both}@-webkit-keyframes vibrate{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}100%{transform:translate(0)}}@keyframes vibrate{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}100%{transform:translate(0)}}