.dirLtr{direction:ltr}.haveTickets,.lates{border-top:var(--border);padding:10px}.libraryContents .item{border-radius:8px;margin:8px;box-shadow:0 0 10px #3030301f}.libraryContents .item .lTitle{font-weight:bold;border-bottom:1px solid #ccc;margin-bottom:5px;padding:12px}.libraryContents .item .lDateTime{font-size:10px;text-align:left}.libraryContents .itContent{padding:6px 12px 5px 12px}.libraryContents .itContent .lBody{word-break:break-word}.oneColumn thead{display:none}.oneColumn,.oneColumn td{border:0!important}.oneColumn .task{display:block;color:#000;box-shadow:0 0 6px 1px #d3d8dd;padding:10px;box-sizing:border-box;border-radius:4px}.oneColumn:not(table) .task{margin:10px 0}.oneColumn .top{border-bottom:1px solid #ddd;padding-bottom:5px;margin-bottom:5px}.oneColumn .descriptionTiket{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3;word-break:break-word}.oneColumn .lastCommentDate{text-align:left;color:#686868;font-size:12px;direction:ltr}.oneColumn .unReadTask{animation:newMessage 1s infinite alternate-reverse}@keyframes newMessage{0%{box-shadow:inset 0 0 16px 1px #f00}100%{box-shadow:inset 0 0 16px 1px #ff000087}}.CustomerReadState{width:10px;height:10px;background:#ff4500;border-radius:50px;animation:flash 1s infinite;display:inline-block;margin-left:2px;vertical-align:middle}@keyframes flash{50%{opacity:.3}}.taskDetailBody{border-right:2px solid #f90;padding-right:8px;word-break:break-word}.taskComments{display:flex;flex-direction:column;border-top:var(--border);padding-top:10px}.taskComments .commentItem{border-radius:4px;margin:10px 0;box-shadow:0 0 6px 1px #d3d8dd;align-self:flex-start}.taskComments .customer{align-self:flex-end}.taskCommentsTop{border-bottom:1px solid #d7d7d7;padding:10px;background-color:#0000000d;border-radius:4px 4px 0 0}.taskComments .customer .taskCommentsTop{background-color:var(--mainColorLighter)}.taskCommentsTop span{font-size:12px}.taskCommentsBody{padding:10px;background-color:#fff;border-radius:0 0 4px 4px;word-break:break-word}.taskComments .customer .taskCommentsBody{background-color:var(--mainColorLighterA);border-radius:0 0 4px 4px}.tasksFiles{margin:15px 0}.tasksFiles .file{display:inline-block;vertical-align:top;border:1px solid #466eff;color:#466eff;padding:2px 8px;margin:0 2px;border-radius:4px;transition:.3s}.tasksFiles .file:hover{color:#fff;background-color:#466eff}.descriptionTiket p,.commentItem p,.taskDetail .taskDetailBody p{margin:2px 0}.descriptionTiket br,.commentItem br,.taskDetail .taskDetailBody br{content:"";display:block}.call{text-align:center;position:fixed;bottom:0;left:0;right:0;padding:10px;background-color:var(--mainColor);color:#fff}.call img{width:20px;vertical-align:middle;animation:ring 2s ease infinite}@keyframes ring{0%{-webkit-transform:rotate(-15deg);-ms-transform:rotate(-15deg);transform:rotate(-15deg)}2%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}4%{-webkit-transform:rotate(-18deg);-ms-transform:rotate(-18deg);transform:rotate(-18deg)}6%{-webkit-transform:rotate(18deg);-ms-transform:rotate(18deg);transform:rotate(18deg)}8%{-webkit-transform:rotate(-22deg);-ms-transform:rotate(-22deg);transform:rotate(-22deg)}10%{-webkit-transform:rotate(22deg);-ms-transform:rotate(22deg);transform:rotate(22deg)}12%{-webkit-transform:rotate(-18deg);-ms-transform:rotate(-18deg);transform:rotate(-18deg)}14%{-webkit-transform:rotate(18deg);-ms-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-12deg);-ms-transform:rotate(-12deg);transform:rotate(-12deg)}18%{-webkit-transform:rotate(12deg);-ms-transform:rotate(12deg);transform:rotate(12deg)}20%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.addtskfixbtn{position:fixed;left:10px;bottom:55px}.addtskfixbtn img{width:55px;display:block}.ci-modalDialog{position:fixed;top:0;left:0;right:0;z-index:4;opacity:0;-webkit-transition:opacity 400ms ease-in;-moz-transition:opacity 400ms ease-in;transition:opacity 400ms ease-in;pointer-events:none;width:100%;height:100%;margin:auto}.ci-modalDialog:target{opacity:1;pointer-events:auto}.ci-modalDialog>div{padding:10px;border-radius:10px;background:var(--mainColorLighter);box-shadow:0 0 6px #d3d3d369;color:#000;box-sizing:border-box;margin:auto;width:80%;margin-top:100px;display:flex;align-items:center;justify-content:space-between}.ci-modalDialog p{display:inline-block;vertical-align:middle;padding-left:10px;box-sizing:border-box}.ci-loader{border:4px solid #f3f3f3;border-radius:50%;border-top:3px solid #686868;width:15px;height:15px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;display:inline-block;vertical-align:middle}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#_divResponses{display:flex;justify-content:flex-start;align-items:center;position:absolute;left:0;right:0;top:38px;z-index:1;background-color:#fff;box-sizing:border-box;border:1px solid #ccc;transition:opacity .5s;transform-origin:top;transform:scaleY(0);opacity:0;overflow-x:auto}#_divResponses::-webkit-scrollbar{height:5px;border-radius:13px}#_divResponses::-webkit-scrollbar-thumb{background:var(--mainColorLighter)}#_divResponses::-webkit-scrollbar-track{background-color:var(--mainColorLighterA)}#_divResponses.show{transform:scaleY(1);opacity:1}#_divResponses .responseItem{padding:9px 6px;border-left:1px solid #ccc;box-sizing:border-box;cursor:pointer;white-space:nowrap}.fileUploadItem small{white-space:nowrap;word-break:break-word}.swal-content *{font-size:16px;font-weight:400;color:rgba(0,0,0,.64)}@media(min-width:0){.oneColumn .top,.oneColumn .col{display:block}.oneColumn .col:last-child span{padding-left:10px}.oneColumn .left{text-align:left;padding-top:8px}.taskDetailTop .taskDetailDate{text-align:left}.taskCommentsTop{display:flex;justify-content:space-between}.taskComments .commentItem{width:100%;max-width:100%}.ci-modalDialog{width:100%}#_divResponses{top:0}}@media(min-width:768px){.oneColumn .top{display:flex;justify-content:space-between;flex-direction:row}.oneColumn .right{width:57%}.oneColumn .left{text-align:left;width:43%}.taskDetailTop{display:flex;justify-content:space-between}}@media(min-width:992px){.taskComments .commentItem{min-width:40%;max-width:60%;width:auto}.ci-modalDialog{width:var(--bigWidth);padding-right:calc(100% - var(--bigWidth))}}@media(min-width:1200px){.oneColumn .right{width:67%}.oneColumn .col{display:inline-block;padding-left:15px}.oneColumn .left{width:33%}}