@import url(https://fonts.googleapis.com/css?family=Roboto:400,400i,500,700,900&display=swap);@import url(https://fonts.googleapis.com/icon?family=Material+Icons&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:#999}li,ul{padding:0;margin:0;list-style:none}body{font-size:16px;background:#fff;transition:all .5s ease;color:#000}body,input,textarea{font-family:Roboto,sans-serif}.card-list,.card-list .task-status,.card-list .text-link,.dashboard-cnt header,.elm-flex,.inner-header,.lot-tab,.mytasklist li,.mytasklist li .task-status,.mytasklist li .text-link,.optionbox,.tasklist li,.tasklist li .task-status,.tasklist li .text-link,.text-linking{height:auto;display:flex}.dashboard-cnt,.view_h{width:100%;height:100vh;position:relative;overflow-y:auto}.user-icon{width:42px;height:42px;margin-left:auto;position:relative;overflow:hidden}.user-icon img{width:42px;height:42px;border-radius:100px;-o-object-fit:cover;object-fit:cover}.icon-Btn{width:32px;height:32px;position:relative}.icon-Btn svg{width:16px;height:16px;fill:#0091ff;transform:translate(-50%,-50%);left:50%;top:50%;position:absolute}.button,.gotoButton{width:100%;height:auto;padding:8px 16px;border-radius:6px;font-size:14px;color:#0091ff;border:1px solid #0091ff}.card-list .task-status,.card-list .text-link,.mytasklist li .task-status,.mytasklist li .text-link,.tasklist li .task-status,.tasklist li .text-link,.text-linking{width:100%;flex-direction:row;flex-wrap:wrap}.card-list .task-status span,.card-list .text-link span,.mytasklist li .task-status span,.mytasklist li .text-link span,.tasklist li .task-status span,.tasklist li .text-link span,.text-linking span{width:auto;font-size:.875em;color:#505050;font-weight:500;position:relative;padding:0 8px 0 0;margin-right:8px}.card-list .task-status span:after,.card-list .text-link span:after,.mytasklist li .task-status span:after,.mytasklist li .text-link span:after,.tasklist li .task-status span:after,.tasklist li .text-link span:after,.text-linking span:after{position:absolute;right:0;top:0;content:"";width:1px;height:100%;background:#727272}.card-list .task-status span:last-child,.card-list .text-link span:last-child,.mytasklist li .task-status span:last-child,.mytasklist li .text-link span:last-child,.tasklist li .task-status span:last-child,.tasklist li .text-link span:last-child,.text-linking span:last-child{color:#727272;margin-right:0;padding-right:0}.card-list .task-status span:last-child:after,.card-list .text-link span:last-child:after,.mytasklist li .task-status span:last-child:after,.mytasklist li .text-link span:last-child:after,.tasklist li .task-status span:last-child:after,.tasklist li .text-link span:last-child:after,.text-linking span:last-child:after{display:none}.card-list,.mytasklist li,.tasklist li{width:100%;height:auto;border-radius:8px;background:#fff;box-shadow:0 0 5px 1px rgba(0,0,0,.22);margin-bottom:16px;padding:16px 8px;flex-direction:row;flex-wrap:nowrap}.card-list .item-icon,.mytasklist li .item-icon,.tasklist li .item-icon{width:40px;flex-shrink:0;margin-right:8px}.card-list .task-info,.mytasklist li .task-info,.tasklist li .task-info{padding:4px}.card-list .task-info h2,.mytasklist li .task-info h2,.tasklist li .task-info h2{font-size:1em;font-weight:700;color:#505050;margin-bottom:8px}.card-list .task-info p,.mytasklist li .task-info p,.tasklist li .task-info p{font-size:.875em;color:#727272;margin-bottom:8px;font-weight:500}.card-list .text-link,.mytasklist li .text-link,.tasklist li .text-link{margin-top:16px}.card-list .text-link span,.mytasklist li .text-link span,.tasklist li .text-link span{color:#0091ff;font-weight:600}.card-list .text-link span:after,.mytasklist li .text-link span:after,.tasklist li .text-link span:after{background:#0091ff}.card-list .text-link span:last-child,.mytasklist li .text-link span:last-child,.tasklist li .text-link span:last-child{color:#0091ff}.mid-cnt{width:100%;padding:16px}.inner-header{background:#fff;padding:8px;position:-webkit-sticky;position:sticky;top:0;z-index:1;flex-direction:row;align-items:center}.inner-header .icon-Btn svg{fill:#505050}.inner-header .search-icon{margin-left:auto}.inner-header .search-icon svg{fill:#505050}.inner-header h1{color:#505050;padding:0 8px}.footerfix{width:100%;height:auto;padding:16px;position:fixed;left:0;bottom:0;background:#fff}.button:focus{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;box-shadow:none}.checkbox_label .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:6px 8px 0 32px}.checkbox_label input{position:absolute;opacity:0;cursor:pointer;top:0;left:0}.checkbox_label input:checked+span.text-label{color:#138808;-webkit-animation:anim_Scale .5s ease-in-out;animation:anim_Scale .5s ease-in-out}.checkbox_label input:checked~.checkmark{border-color:#138808;background:#138808;-webkit-animation:anim_Scale .5s ease-in-out;animation:anim_Scale .5s ease-in-out}.checkbox_label input:checked~.checkmark:after{display:block;background:#fff}.checkbox_label .text-label{font-size:.875em;color:#000;margin:0}.checkbox_label .checkmark{position:absolute;top:0;left:0;height:26px;width:26px;background:#fff;border-radius:100%;border:2px solid #000}.checkbox_label .checkmark:after{content:"";display:none;transform:translate(-50%,-50%);left:50%;top:50%;position:absolute;width:12px;height:12px;border-radius:100%;background:#138808;transition:all .5s ease}.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:#138808}.optionbox input:checked~.checkmark:after{display:block;background:#fff}.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:2px solid #000}.optionbox .checkmark:after{content:"";display:none;transform:translate(-50%,-50%);left:50%;top:50%;position:absolute;width:12px;height:12px;border-radius:100%;background:#138808;transition:all .5s ease}.dashboard-cnt{background:#eee}.dashboard-cnt header{background:#fff;padding:8px;flex-direction:row;align-items:center}.dashboard-cnt header .icon-Btn svg{width:20px;height:16px;fill:#ff4643}.dashboard-cnt header .search-icon{margin-left:auto}.dashboard-cnt header .search-icon svg{fill:#505050}.dashboard-cnt header h1{color:#000;padding:0 8px;font-size:1.25em;font-weight:700}.lot-tab{position:-webkit-sticky;position:sticky;top:0;z-index:1;background:#fff;box-shadow:0 10px 10px rgba(0,0,0,.15);z-index:8}.lot-tab li{width:50%;height:auto;flex-shrink:0;padding:16px 8px;text-align:center;color:#505050;font-weight:500;position:relative;font-size:1em}.lot-tab li:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;transform:scaleX(0);transition:transform .3s ease-in-out}.lot-tab li.active,.lot-tab li:after{border-bottom:3px solid #ff4643}.lot-tab li input{display:none}.lot-tab li.select-tab{font-weight:700;color:#ff4643}.lot-tab li.select-tab:after{transform:scaleX(1)}.total-task{width:100%;height:auto;display:block;border-bottom:2px solid #bec4c9;padding-bottom:8px;margin-bottom:16px;font-size:1.5em;font-weight:400;color:#000;text-align:left}.total-task span{font-weight:700}.mytasklist li .mytask-status{margin-bottom:8px;font-size:14px;color:#727272;font-weight:500}.mytasklist li .mytask-status span{font-weight:600;color:#505050}.mytask-status h2{font-size:1.5em;color:#505050;font-weight:400;line-height:normal}.mytask-status h2 span{font-size:2em;font-weight:700;line-height:normal}.mytask-status .progress-task{width:100%;height:2px;background:#bec4c9;position:relative;display:block;overflow:hidden;border-radius:20px}.mytask-status .progress-task span{width:auto;height:2px;left:0;top:0;position:absolute;background:#ff4643}.mytask-status .total-mytask{padding:0 0 16px 0;margin-top:8px;font-size:1.125em;font-weight:400;color:#505050}.mytask-status .total-mytask span{font-weight:700;color:#ff4643}.mytasklist li .task_detail[data-v-bc8b3738]{width:100%;height:auto;border-radius:8px;background:#fff;box-shadow:0 0 5px 1px rgba(0,0,0,.22);margin-bottom:16px;padding:16px 8px;flex-direction:row;flex-wrap:nowrap}