#wemobs-outer {position: fixed;width: 100%;z-index: 999999 !important;bottom: 0;display: none;}
#wemobs:after {content: "";position: absolute;pointer-events: none;background-image: url(../imgs/wemobs-bg.svg);background-color: unset;background-position: center top;background-repeat: no-repeat;background-size: 100%;box-shadow: unset;height: 65px;width: 100%;margin-left: 0;margin-bottom: 0;left: 0;bottom: 0;z-index: -1;}
#wemobs {border-bottom: 15px solid #fff;display: flex;max-width: 1200px;margin: auto;position: relative;padding-top: 5px;}
#wemobs > a {position: relative;display: block;flex: 1 1 0;text-align: center;padding: 11px 0 0px 0;color: #313131;text-decoration:none;background-color:#fff;}
#wemobs > span {display: block;width: 30px;}
#wemobs span {display: block;}
.wemobs-btn-label {padding: 0px 2px 0 2px;font-size: 11px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: bold;line-height: 1.2;}
#wemobs > a img {height: 30px;width:30px}
#wemobs-btn-center {position: relative;background: transparent !important;}
#wemobs-btn-center .wemobs-btn-label {position: absolute;left: 50%;bottom: 2px;transform: translateX(-50%);}
#wemobs-btn-center .wemobs-btn-label > span {padding: 0px 8px;background-image: linear-gradient(92.83deg, #0E68C8 0, #02A4A5 100%);border-radius: 30px;color: white;display: inline-block;}
.wemobs-btn-center-icon {left: 50%;position: absolute;transform: translateX(-50%);background-image: linear-gradient(92.83deg, #f90000 0, #950099 100%);width: 50px;height: 50px;border-radius: 50%;top: -28px;text-align: center;box-shadow: rgb(0 0 0 / 15%) 0 -3px 10px 0px;border: 2px solid #fff;}
.wemobs-btn-center-icon img{max-width: 20px;height: auto !important;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.wemobs-vr-circle-fill {width: 50px;height: 50px;position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);border-radius: 50%;box-shadow: 0 0 0 0 #0E68C8;border: 2px solid transparent;transition: all .5s;animation: zoom 1.3s infinite;}
@keyframes zoom {0% {}70% {box-shadow: 0 0 0 15px transparent}100% {box-shadow: 0 0 0 0 transparent}}
@media only screen and (max-width: 767px) { #wemobs-outer {display:block;} }

/*Xử lý trường hợp #scrollUp*/

#scrollUp {
	bottom: 100px!important;
}

.phone-box .oi{opacity:0;width:0;font-size:0;position:absolute;height:0;left:40px;top:7px;-webkit-transition:.3s;transition:.3s}
@keyframes play0{0%,100%,50%{transform:rotate(0) scale(1) skew(1deg)}10%,30%{transform:rotate(-25deg) scale(1) skew(1deg)}20%,40%{transform:rotate(25deg) scale(1) skew(1deg)}}
.fb-box,.phone-box,.zalo-box,.graduate-box{width:36px;height:36px;line-height:36px;border-radius:30px;display:inline-block;background:#e21212;position:relative}
.fb-box img,.phone-box img,.zalo-box img,.graduate-box img{max-width:25px}
.fb-box svg,.phone-box svg,.zalo-box svg,.graduate-box svg{fill:#fff}
.fb-box i,.phone-box i,.zalo-box i,.graduate-box i{color:#fff;fill:#fff;max-width:25px}
.fb-box:hover,.phone-box:hover,.zalo-box:hover,.graduate-box:hover{transform:translateY(-5px)}
.play0{animation:1.5s infinite play0}
.wemobs-phone{position:fixed;z-index:21;left:0;right:auto;display:flex;border-top-right-radius:30px;border-bottom-right-radius:30px;justify-content:center;align-items:center;background-color:#e21212}
.wemobs-phone .notify{right:calc(100% + 15px);top:0;height:fit-content;width:250px}

@media (min-width: 992px) {
.wemobs-phone{top:50%!important;transform:translateY(-50%);flex-direction:column}
.wemobs-phone:before{content:"";position:absolute;height:30px;width:60px;top:-30px;left:0;border-radius:0 0 0 50px;box-shadow:-30px 0 0 0 #e21212;pointer-events:none}
.wemobs-phone:after{content:"";position:absolute;height:30px;width:60px;bottom:-30px;left:0;border-radius:50px 0 0;box-shadow:-30px 0 0 0 #e21212;pointer-events:none}
}