.chatContainer:not(.right){flex-direction:row-reverse}.chatContainer.right{flex-direction:row}.ticketing .closingTimeout{background:#d4c4ac;border-bottom:1px solid white;letter-spacing:-1px;color:#795548}.ticketing .closingTimeout select{background:transparent;border:none;font-weight:bold;color:#E91E63;width:auto}.chat{width:270px;background:#f7ecdc;border:1px solid whitesmoke;padding:0;border-radius:1em 1em 0 0;margin:0 .5em;position:relative;pointer-events:all;box-shadow:0 -1px 5px 0 rgba(158,112,11,0.5)}.chat p.oppName{position:relative;margin:0;background:#edcf83;color:#795548;text-align:center;letter-spacing:-1px;height:35px;line-height:35px;border-radius:1em 1em 0 0}.chat p.oppName .isOn{position:absolute;display:block;right:0.5em;top:0.3em;color:#00b300}.chat p.oppName .suggest{position:absolute;display:block;right:1.7em;top:0.3em;cursor:pointer}.chat p.oppName .suggest.off{opacity:.5}.chat p.oppName .close,.chat p.oppName .chatPosition{position:absolute;display:block;top:0.3em;color:#795548;cursor:pointer}.chat p.oppName .close:hover,.chat p.oppName .chatPosition:hover{opacity:.8}.chat p.oppName .close{left:0.5em}.chat p.oppName .chatPosition{left:1.7em}.chat input{width:calc(100% - 1em);border-radius:1em;border:none;background:rgba(0,0,0,0.1);color:#795548;margin:0 .5em .6em;padding:0.2em 1em;height:2.3em;line-height:1}.chat input::-webkit-input-placeholder{text-align:right;direction:rtl;color:#795548}.chat input:-moz-placeholder{text-align:right;direction:rtl;color:#795548}.chat input::-moz-placeholder{text-align:right;direction:rtl;color:#795548}.chat input:-ms-input-placeholder{text-align:right;direction:rtl;color:#795548}.chat ul{list-style:none;padding:.5em;margin:0;overflow:auto;max-height:350px}.chat ul li{margin:10px 0 0 0}.chat ul li a.user{position:relative;display:block;border-radius:50%;width:40px;height:40px;background:white;color:#edcf83;text-align:center;overflow:hidden;-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);border:1px solid white;cursor:pointer}.chat ul li a.user i,.chat ul li a.user img{font-size:2.85em;position:absolute;display:block;top:0;left:50%;transform:translateX(-50%);transition:all .1s;transform-origin:50% 0}.chat ul li a.user:hover i,.chat ul li a.user:hover img{transform:translateX(-50%) scale(1.1)}.chat ul li .date{font-size:14px;color:gray}.chat ul li .message{display:block;padding:10px;position:relative;color:white;font-size:15px;background-color:#2ECC71;border-radius:15px;box-shadow:0 2px 6px rgba(121,85,72,0.31)}.chat ul li .message:before{content:'';position:absolute;border-top:16px solid rgba(0,0,0,0.15);border-left:16px solid transparent;border-right:16px solid transparent}.chat ul li .message:after{content:'';position:absolute;top:0;border-top:17px solid #2ECC71;border-left:17px solid transparent;border-right:17px solid transparent}.chat ul li .message p{margin:0;padding:0;transition:all 0.1s;line-height:1.3;text-align:initial;word-break:break-word}.chat ul li .message .time{font-size:0.8em;display:block;text-align:left;direction:ltr;margin-bottom:-11px;opacity:.8}.chat ul li .message .time i{font-size:1.1em}.chat ul li .message .hider{opacity:0;z-index:-1;position:absolute;height:100%;width:100%;margin:-10px;text-align:center;cursor:pointer;transform-style:preserve-3d;transition:all 0.1s}.chat ul li .message .hider span{display:block;position:relative;top:50%;font-size:16px;transform:translateY(-50%)}.chat ul li.other a.user{float:right}.chat ul li.other .date{float:right;margin:-20px 10px 0 0}.chat ul li.other .message{margin:0 60px 0 0}.chat ul li.other .message:before{margin:-9px -16px 0 0;right:0}.chat ul li.other .message:after{content:'';right:0;margin:0 -15px 0 0}.chat ul li.you a.user{float:left}.chat ul li.you .date{float:left;margin:-20px 0 0 10px}.chat ul li.you .message{margin:0 0 0 60px;background:#fff;color:gray}.chat ul li.you .message:before{margin:-9px 0 0 -16px;left:0}.chat ul li.you .message:after{content:'';left:0;margin:0 0 0 -15px;border-top-color:#fff}.chat ul li:last-child{margin-bottom:.5em}.chat .chatSuggestion{position:absolute;display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;width:calc(100% - 0.4em);margin:-0.3em;bottom:7.2em;box-shadow:0 3px 5px 0 rgba(0,0,0,0.3);left:.5em;background:rgba(21,129,154,0.88);border-radius:0.4em;transition:all .15s}.chat .chatSuggestion li{border-radius:0.6em;padding:0 .2em;margin:2px 1px;flex:1 1 auto;background:rgba(255,255,255,0.2);color:white;cursor:pointer;text-align:center;font-size:.9em;white-space:nowrap;display:flex;justify-content:flex-start;align-content:center}.chat .chatSuggestion li span{min-width:30px;flex:1 1 auto}.chat .chatSuggestion li i{font-size:1.3em;padding:0.2em;vertical-align:middle;border-radius:1em}.chat .chatSuggestion li i:hover{background:rgba(255,255,255,0.53)}.chat .chatSuggestion li:hover{opacity:.7}.chat .chatSuggestion.ng-hide{opacity:0;transform:translateY(.5em)}