@import url(https://fonts.googleapis.com/css?family=Roboto:400,400i,500,700,900&display=swap);.loader{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(229,220,220,.21);z-index:9}.loader p{position:absolute;top:45%;left:50%;transform:translate(-50%,-45%);font-weight:600;padding:5px;background:rgba(0,0,0,.74);color:#fff;border-radius:10px}.uploadFile{border-radius:8px;border:1px dashed #ddd;background-color:#f4f6f8;padding:8px 15px;text-align:center}.uploadFile label{color:#505050;font-size:.875em;line-height:1.5}.uploadFile svg{display:block;margin:0 auto 8px}.uploadFile input[type=file]{display:none}.upload_photo{display:block;border:1px solid green;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:8px 25px;border-radius:5px;color:green;margin:8px auto 0}.image-preview{width:100%}.image-preview ul{display:flex;flex-wrap:wrap;justify-content:flex-start}.image-preview li{width:20%;line-height:0;text-align:center;height:65px;border:1px solid #bfbdbd;margin:10px 15px 20px 0;background:#ddd}.image-preview li:nth-child(4n+0){margin-right:0}.image-preview li img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;margin-bottom:4px}*{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,.date-box,.elm-flex,.inner-header,.optionbox,.submittask-cnt .upload-data .upload-thumb,.submittask-cnt header,.text-linking{height:auto;display:flex}.submittask-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,.submittask-cnt .footer-bottom .button{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,.text-linking{width:100%;flex-direction:row;flex-wrap:wrap}.card-list .task-status span,.card-list .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,.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,.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,.text-linking span:last-child:after{display:none}.card-list{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{width:40px;flex-shrink:0;margin-right:8px}.card-list .task-info{padding:4px}.card-list .task-info h2{font-size:1em;font-weight:700;color:#505050;margin-bottom:8px}.card-list .task-info p{font-size:.875em;color:#727272;margin-bottom:8px;font-weight:500}.card-list .text-link{margin-top:16px}.card-list .text-link span{color:#0091ff;font-weight:600}.card-list .text-link span:after{background:#0091ff}.card-list .text-link span:last-child{color:#0091ff}.mid-cnt{width:100%;padding:16px}.inner-header,.submittask-cnt 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,.submittask-cnt header .icon-Btn svg{fill:#505050}.inner-header .search-icon,.submittask-cnt header .search-icon{margin-left:auto}.inner-header .search-icon svg,.submittask-cnt header .search-icon svg{fill:#505050}.inner-header h2,.submittask-cnt header h2{color:#505050;padding:0 8px;font-size:1.125em}.footerfix,.submittask-cnt .footer-bottom{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:#fff;-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:#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:2px solid #ddd}.optionbox .checkmark:after{content:"";display:none;transform:translate(-50%,-50%);left:50%;top:50%;position:absolute;width:16px;height:16px;border-radius:100%;background:#138808;transition:all .5s ease}.field-row .input-style,.field-row .textare-style{width:100%;height:auto;padding:12px 8px;border:1px solid #ddd;color:#000;font-size:.875em;border-radius:6px}.field-row .input-style:focus,.field-row .textare-style:focus{outline:none;box-shadow:none}.field-row .input-style::-webkit-input-placeholder,.field-row .textare-style::-webkit-input-placeholder{color:#999}.field-row{width:100%;height:auto;display:block;margin-bottom:16px;position:relative}.field-row .text-label{display:block;font-size:.875em;font-weight:600;color:#505050;margin-bottom:8px}.field-row .text-label span{font-size:.75em;color:#999;font-weight:400}.field-row .input-lotbox{width:100%;position:relative;display:block}.field-row .input-lotbox .textID{font-size:1.25em;color:#000;font-weight:700;position:absolute;left:8px;top:8px}.field-row .input-style.input-lot{padding-left:24px}.field-row .textare-style{height:100px;resize:none}.date-box{justify-content:space-between}.date-box .item-col{width:48%}.submittask-cnt{background:#fff}.submittask-cnt .mid-cnt{padding:16px 16px 100px 16px}.submittask-cnt .upload-data .upload-box{width:100%;height:175px;padding:8px;position:relative;border-radius:8px;background:#ffeded;margin-top:16px}.submittask-cnt .upload-data .upload-box .upload-msg{position:absolute;width:100%;text-align:center;left:0;bottom:8px;font-size:.875em;color:#727272;font-weight:500}.submittask-cnt .upload-data .upload-box .upload-textbox{width:100%;text-align:center;position:absolute;left:0;top:16px}.submittask-cnt .upload-data .upload-box .upload-textbox .upload-img{width:100%}.submittask-cnt .upload-data .upload-box .upload-textbox .upload-img svg{fill:#505050}.submittask-cnt .upload-data .upload-box .upload-textbox h2{display:block;font-size:1.125em;font-weight:700;color:#505050}.submittask-cnt .upload-data .upload-box .upload_input{transform:translate(-50%,-50%);left:50%;top:50%;position:absolute;width:100%;height:100%;opacity:0;z-index:11}.submittask-cnt .upload-data .upload-thumb{flex-wrap:wrap;margin:8px 0 16px 0}.submittask-cnt .upload-data .upload-thumb .item{width:85px;height:85px;position:relative;flex-shrink:0;flex-grow:0;margin:0 8px 8px 0}.submittask-cnt .upload-data .upload-thumb .item iframe,.submittask-cnt .upload-data .upload-thumb .item img,.submittask-cnt .upload-data .upload-thumb .item video{width:85px;height:85px;border-radius:5px;background:#999}.submittask-cnt .upload-data .upload-thumb .show-item{width:100%;position:relative;flex-shrink:0;flex-grow:0;margin:0 8px 8px 0}.submittask-cnt .upload-data .upload-thumb .show-item .item-name{border:1px solid #ddd;border-radius:5px;padding:5px 25px 5px 10px;display:block;width:50%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.submittask-cnt .upload-data .upload-thumb .show-item .close-icon{position:absolute;left:44%;top:7px;width:16px;height:16px}.submittask-cnt .upload-data .upload-thumb .item .close-thumb{position:absolute;right:4px;top:4px;width:16px;height:16px}.submittask-cnt .upload-data .upload-thumb .item .close-thumb svg{width:14px;height:14px}.submittask-cnt .textare-style{height:150px}.submittask-cnt .footer-bottom .button{background:#ff4643;padding:16px;color:#fff;text-transform:uppercase;font-weight:700;font-size:1.125em;border:0;border-radius:42px;line-height:normal}