@import url(https://fonts.googleapis.com/css?family=Roboto:400,400i,500,700,900&display=swap);*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}* ::-webkit-scrollbar{display:none}input:focus{outline:none;box-shadow:none}::-webkit-input-placeholder{color:#727272}li,ul{padding:0;margin:0;list-style:none}body{font-size:16px;background:#fff;transition:all .5s ease;color:#000;word-break:break-word}body,input,textarea{font-family:Roboto,sans-serif}.elm-flex,.inner-header,.optionbox,.tab-type{height:auto;display:flex}.ticketchat-cnt,.view_h{width:100%;height:100vh;position:relative;overflow-y:auto}.icon-Btn{width:32px;height:32px;position:relative;display:inline-block}.icon-Btn svg{width:16px;height:16px;fill:#0063d2;transform:translate(-50%,-50%);left:50%;top:50%;position:absolute}.button,.gotoButton,.noads-data .button{width:100%;height:auto;padding:8px 16px;border-radius:6px;font-size:14px;color:#fff;font-weight:700;background:#138808;border:none;transition:all .3s ease}.disable{background:#b9b9b9;color:#8a8a8a}.mid-cnt{width:100%;padding:16px}.inner-header{background:#0063d2;padding:8px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:1;flex-direction:flex;align-items:center}.inner-header h1{color:#fff;font-size:1em;font-weight:500;margin-top:2px}.inner-header .goback{left:-8px}.inner-header .icon-Btn svg{fill:#fff;width:18px;height:18px}.footerfix,.ticketchat-cnt .chat-bottom{width:100%;height:auto;padding:16px;position:fixed;left:0;bottom:0;background:#fff}.filter-srch{width:100%;display:block;height:auto;margin-bottom:16px;position:relative}.filter-srch .input-srch{width:100%;height:auto;padding:12px 16px 12px 35px;border:none;background:#f1f1f1;font-size:.875em;border-radius:40px}.filter-srch svg{fill:#434343;width:12px;height:12px;position:absolute;left:16px;top:50%;transform:translateY(-50%)}.button:focus{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;box-shadow:none}.ft-panel{width:100%;height:auto;background:#fff;z-index:1;box-shadow:0 0 30px 0 rgba(0,0,0,.25);position:fixed;top:auto;bottom:0;left:0}.ft-panel:before{width:60px;height:60px;background:#fff;border-radius:100px;position:absolute;left:50%;top:-18px;z-index:-1;content:"";transform:translateX(-50%)}.noads-data{width:100%;text-align:center;line-height:normal;transform:translate(-50%,-50%);left:50%;top:50%;position:absolute;padding:16px}.noads-data p{font-size:.813em;color:#727272;font-weight:600;margin-bottom:16px}.noads-data .button{border-radius:30px;width:auto;margin-top:8px;background:#0063d2;font-weight:500;font-size:.875em;padding:8px 24px}.tab-type{width:100%;position:-webkit-sticky;position:sticky;top:0;z-index:1;flex-direction:flex;align-items:center;background:#0063d2;justify-content:center}.tab-type li{width:100%;padding:12px 8px;position:relative;color:#fff;font-size:.875em;font-weight:500;transition:all .3s ease;text-align:center}.tab-type li:after{border-bottom:3px solid #fff;content:"";position:absolute;left:0;bottom:-1px;width:100%;transform:scaleX(0);transition:transform .3s ease-in-out}.tab-type li.selected-tab:after{transform:scaleX(1)}.card-list,.ticketchat-cnt .ticket-logs ul li{width:100%;height:auto;padding:8px;border-radius:8px;background:#fff;box-shadow:0 0 5px 2px rgba(0,0,0,.2);margin-bottom:16px}.card-list:last-child,.ticketchat-cnt .ticket-logs ul li:last-child{margin-bottom:0}.optionbox{margin:16px 0}.optionbox .input_radicol{width:auto;flex-shrink:0;flex-grow:0;padding:0 0 0 0}.optionbox .input-check{display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:4px 8px 0 36px}.optionbox input{position:absolute;opacity:0;cursor:pointer;top:0;left:0}.optionbox input:checked+span.text-label{color:#138808}.optionbox input:checked+span.text-label,.optionbox input:checked~.checkmark{-webkit-animation:anim_Scale .5s ease-in-out;animation:anim_Scale .5s ease-in-out}.optionbox input:checked~.checkmark{border-color:#138808;background:#fff}.optionbox input:checked~.checkmark:after{display:block;background:#138808}.optionbox .text-label{font-size:.875em;color:#000;margin:0}.optionbox .checkmark{position:absolute;top:0;left:0;height:26px;width:26px;background:#fff;border-radius:100%;border:1px solid #ddd}.optionbox .checkmark:after{content:"";display:none;transform:translate(-50%,-50%);left:50%;top:50%;position:absolute;width:18px;height:18px;border-radius:100%;background:#138808;transition:all .5s ease}.ticketchat-cnt{background:#f5f6f8}.ticketchat-cnt .inner-header{z-index:11}.ticketchat-cnt .inner-header .right-colbtn{margin-left:auto}.ticketchat-cnt .inner-header .right-colbtn .delete-ticket{font-size:.75em;display:flex;align-items:center;line-height:12px;color:#fff}.ticketchat-cnt .inner-header .right-colbtn .delete-ticket strong{position:relative;top:2px;font-weight:400}.ticketchat-cnt .inner-header .right-colbtn .delete-ticket svg{fill:#fff;margin-right:4px}.ticketchat-cnt .inner-header .upload-buton{width:auto;background:#fff;padding:8px 8px;border-radius:4px;font-size:.75em;margin-left:auto;color:#0063d2;font-weight:500}.ticketchat-cnt h2{font-size:1em;font-weight:700;color:#000;line-height:20px;margin-bottom:16px}.ticketchat-cnt .mid-cnt{padding:0}.ticketchat-cnt .ticket-genrate{width:100%;height:auto;background:#fff;padding:8px 16px;box-shadow:0 3px 2px 0 rgba(0,0,0,.2);position:-webkit-sticky;position:sticky;top:48px;z-index:11}.ticketchat-cnt .ticket-genrate h2{font-size:.875em;color:#000;font-weight:700;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:normal;margin-bottom:4px}.ticketchat-cnt .ticket-genrate p{font-size:.75em;color:#000;font-weight:400;line-height:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ticketchat-cnt .ticket-status{width:100%;display:flex;justify-content:space-between;margin-top:4px;align-items:center}.ticketchat-cnt .ticket-status span{font-size:.75em;color:#727272}.ticketchat-cnt .ticket-status .status-text{color:#0063d2;font-weight:600}.ticketchat-cnt .ticket-status .status-text svg{fill:#0063d2}.ticketchat-cnt .ticket-logs{width:100%;display:block}.ticketchat-cnt .ticket-logs h2{display:block;padding:16px;font-size:.875em;margin:0}.ticketchat-cnt .ticket-logs ul{margin-bottom:120px}.ticketchat-cnt .ticket-logs ul li{border-radius:0;padding:16px;box-shadow:0 3px 3px 0 rgba(0,0,0,.2);padding:12px 16px;margin-bottom:8px}.ticketchat-cnt .ticket-logs .profile-head{width:100%;display:flex}.ticketchat-cnt .ticket-logs .profile-head .profile-icon{width:36px;height:36px;border-radius:100px;display:inline-block;margin-right:12px;flex-shrink:0;flex-grow:0;position:relative;background:#f4f4f6}.ticketchat-cnt .ticket-logs .profile-head .profile-icon span{font-size:.875em;color:#434343;font-weight:700;transform:translate(-50%,-50%);left:50%;top:50%;position:absolute}.ticketchat-cnt .ticket-logs .profile-head .profile-info{width:100%;line-height:normal;height:auto;display:flex;flex-direction:column;padding:2px 0 0 0}.ticketchat-cnt .ticket-logs .profile-head .profile-info h2{font-size:.875em;color:#000;padding:0;margin:0 0 4px 0;line-height:normal}.ticketchat-cnt .ticket-logs .profile-head .profile-info .text-date{color:#727272;font-size:.75em}.ticketchat-cnt .ticket-logs .chat-dtl{width:100%;display:block;margin-top:12px}.ticketchat-cnt .ticket-logs .chat-dtl p{font-size:.875em;line-height:20px}.ticketchat-cnt .chat-bottom{padding:0;box-shadow:0 0 5px 2px rgba(0,0,0,.2)}.ticketchat-cnt .chat-bottom .note-msg{width:100%;display:block;font-size:.75em;color:#138808;padding:0 16px;font-weight:600;margin:12px 0}.ticketchat-cnt .chat-bottom .chat-inputbox{width:100%;height:auto;background:#fff;padding:8px 16px;box-shadow:0 1px 2px 2px rgba(0,0,0,.1);display:flex;align-items:center;flex-direction:row;white-space:nowrap}.ticketchat-cnt .chat-bottom .chat-inputbox .chat-input{width:100%;height:auto;border:none;font-size:.875em}.ticketchat-cnt .chat-bottom .chat-inputbox .option-btn{display:flex;align-items:center}.ticketchat-cnt .chat-bottom .chat-inputbox .option-btn .icon-Btn svg{fill:#686868}.ticketchat-cnt .chat-bottom .chat-inputbox .option-btn .icon-Btn.attached-btn svg,.ticketchat-cnt .chat-bottom .chat-inputbox .option-btn .icon-Btn.send-btn svg{width:auto;height:auto}.attachment-data{width:100%;padding:16px 16px 0 16px;display:block}.attachment-data h2{font-size:.875em}.attachment-data .crousel-list{height:auto;position:relative;padding:8px 8px 24px 8px;background:#fff;border-radius:4px;box-shadow:0 0 5px rgba(0,0,0,.2);z-index:1}.attachment-data .crousel-list .owl-theme{height:100%}.attachment-data .crousel-list .owl-theme .item_list{max-width:100%;display:flex;justify-content:center}.attachment-data .crousel-list .owl-theme .item_list .expand-tab{width:24px;height:24px;background:rgba(0,0,0,.3);position:absolute;left:auto;right:1px;bottom:0;padding:4px;border-radius:4px}.attachment-data .crousel-list .owl-theme .item_list .expand-tab svg{width:14px;height:14px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);fill:#fff}.attachment-data .crousel-list .owl-theme .item_list img{width:100%;height:120px;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.attachment-data .crousel-list .owl-theme .owl-dots{position:absolute;bottom:-16px;width:100%;left:0}.attachment-data .crousel-list .owl-theme .owl-dots .owl-dot span{width:6px;height:6px;background:#3a3a3a;margin:0 2px}.attachment-data .crousel-list .owl-theme .owl-dots .owl-dot.active span{width:20px;background:#0063d2}.attachment-data .crousel-list .owl-theme .owl-dots .owl-dot:focus{outline:none;box-shadow:none;border:0}.attachment-data .expand-modal{width:100%;height:100vh;position:fixed;top:0;left:0;background:#fff;z-index:11;text-align:center;-webkit-animation:zoomeffect .5s 1;animation:zoomeffect .5s 1}@-webkit-keyframes zoomeffect{0%{background-position:50%;transform:scale(0);display:none}to{background-position:50%;transform:scale(1);display:block}}@keyframes zoomeffect{0%{background-position:50%;transform:scale(0)}to{background-position:50%;transform:scale(1)}}.attachment-data .expand-modal .close-btn{width:32px;height:32px;position:fixed;left:50%;transform:translateX(-50%);bottom:16px}.attachment-data .expand-modal .close-btn svg{fill:rgba(0,0,0,.7);width:28px;height:28px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.attachment-data .full-imgbox{width:100%;height:100vh;overflow:auto;position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center}.attachment-data .expand-img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}