.chat{height:100%;border:1px solid #363636}.chat-head{height:80px;position:relative;color:#d2d3d5}.room-profile-image{height:80px;width:80px;padding:10px 15px}.room-profile-image img{width:60px;height:60px;border-radius:100%}.room-profile-info{position:absolute;height:100%;width:calc(100% - 220px);top:0;left:90px;margin:0;padding:0}.room-profile-info li{list-style:none;height:40px}.room-profile-info li.name{font-size:18px;padding-top:15px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.room-profile-info li.name .mission-name{color:#007bff}.room-profile-info li.time{font-size:14px;padding-top:5px}.room-profile-close{position:absolute;height:40px;right:0;width:130px;top:20px;text-align:right;padding-right:15px}.loading-back1{position:absolute;height:calc(100% - 150px);width:100%;top:80px;background:#000;opacity:.1;z-index:99}.loading-spinner1{position:absolute;z-index:100;top:50%;left:50%;transform:translate(-50%,-50%);color:#007bff;font-size:25px;text-align:center}.gift-svga{position:absolute;height:calc(100% - 150px);width:100%;top:80px;z-index:99}#gift-svga-back{position:relative}#gift-canvas{top:50%;transform:translateY(-50%)}#gift-canvas,.gift-image{position:absolute;width:100%}.gift-image{height:calc(100% - 150px);top:80px;z-index:99}#gift-image-back{position:relative;overflow:hidden}#gift-image-back img{width:calc(100% - 160px);margin-left:80px;border:10px solid #007bff;border-radius:15px}.chat-body{height:calc(100% - 80px);border-top:1px solid #363636}.chat-room-coin{height:50px;border-bottom:1px solid #363636;color:#007bff;font-weight:700;line-height:50px;padding:0 15px;background:#181d23;color:#d2d3d5}.chat-room-coin span.room_tottal_coin{float:right;color:#ff0;font-size:18px}.chat-list{height:calc(100% - 120px);padding:0}.chat-ul{margin:0 0 30px 0;padding:0}.chat-ul li{padding-top:20px;list-style:none}.message-box{position:relative}.manager-message .triangle{position:absolute;width:0;height:0;border-right:25px solid #f5f5f5;border-top:10px solid transparent;border-bottom:10px solid transparent;border-radius:0;bottom:0}.message-box span.span-message-image-gift{margin:0 20px;padding:10px 10px;border-radius:5px;display:inline-block;max-width:calc(100% - 80px);word-wrap:break-word}.manager-message{text-align:left}.manager-message span.span-message-image-gift{background:#f5f5f5}.my-message{text-align:right}.my-message span.span-message-image-gift{background:#007bff;color:#fff;text-align:left}.my-message .triangle{position:absolute;width:0;height:0;border-left:25px solid #007bff;border-top:10px solid transparent;border-bottom:10px solid transparent;border-radius:0;bottom:0;right:0}.type-coin .coin-icon{margin-right:10px}.type-coin{padding:0 20px}.type-coin .triangle{display:none}.type-coin span{margin:0;padding:12px 10px;border-radius:5px;display:inline-block;width:100%;word-wrap:break-word;background:#ff604f;text-align:center;font-weight:700;color:#fff;font-size:18px}.type-gift img,.type-image img{max-width:300px}.chat-list .ps__rail-y{opacity:.6}.chat-list .ps__thumb-y{right:0;background:#aaa!important}.chat-body .chat-footer{height:70px;width:100%;border-top:1px solid #363636}.chat-footer{position:relative}.chat-footer-send{position:absolute;width:calc(100% - 80px);height:100%;padding:10px 0 10px 15px}.chat-footer-send .my-form-control{height:50px}.chat-footer-btn{position:absolute;width:80px;right:0;height:100%;padding:10px 15px 10px 5px;text-align:right}.chat-footer-btn .image-btn,.chat-footer-btn .msessage-btn{font-size:18px;margin:0;width:70px;height:50px;display:inline-block;border-radius:.25rem;color:#fff;text-align:center;line-height:50px;cursor:pointer}.chat-footer-btn .msessage-btn{background:#ff4966;border-color:#ff4966}.chat-footer-btn .image-btn{background:#007bff;border-color:#007bff;border-bottom-left-radius:0;border-top-left-radius:0;display:none}.misssion-chat .chat-footer-btn{width:160px}.misssion-chat .chat-footer-send{width:calc(100% - 160px)}.misssion-chat .msessage-btn{border-bottom-right-radius:0;border-top-right-radius:0}.misssion-chat .image-btn{display:inline-block}.chat-password{max-width:300px!important;background:#1f242a}.chat-password h3{font-size:20px;font-weight:700}@media (max-width:580px){.message-box span.span-message-image-gift,.type-gift img,.type-image img{max-width:100%}.chat-room-coin-text span,.close-chat,.time-text{display:none}#gift-image-back img{width:calc(100% - 50px);margin-left:25px}}