@import url(https://fonts.googleapis.com/css?family=Nunito);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
body{font-family:Noto Sans Japanese,sans-serif}button,select{cursor:pointer}.brand-link{background:#fff}.modal .modal-title .company{margin-right:5px}.tooltip-inner{text-align:left}table .col-id{width:10px}table .col-number{text-align:right;width:80px}table .col-tasks{text-align:center;white-space:nowrap;width:200px}table .col-tasks .per:before{content:"("}table .col-tasks .per:after{content:")"}table .col-date{width:200px}table .col-employee_number{width:150px}table .col-buffer{width:90px}table td.col-buffer{text-align:right}table .col-order{text-align:right;width:80px}table .clickable-row{cursor:pointer}table .clickable-row:hover,table .clickable-row:hover td{background-color:#f4f4f4}.table .row-yellow td{background-color:#ffc}table tbody th[class*=fixed-column-]{position:sticky;z-index:1}.scroll-table{clear:both;height:auto;max-height:75vh;overflow:scroll;width:100%}.scroll-table table{-webkit-overflow-scrolling:touch;height:100%;white-space:nowrap;width:auto}.scroll-table table .fixed01,.scroll-table table .fixed02{background-color:#fff;left:0;position:sticky;top:0}.scroll-table table .fixed01:before,.scroll-table table .fixed02:before{content:"";height:100%;left:-1px;position:absolute;top:-1px;width:100%}.scroll-table table .fixed01{z-index:3}.scroll-table table .fixed02{z-index:2}body.task #link-add_task{padding-bottom:10px}.col-task .fa-check-square.finished,.col-task .fa-check-square:hover{color:#28a745}.col-task .fa-times:hover{color:#c00}.table-task{border-collapse:collapse;border-spacing:0;position:relative}.table-task td,.table-task th{height:50px;position:relative}.table-task th{background-color:#fff;z-index:3}.table-task tfoot,.table-task thead{position:relative;z-index:1}.table-task tfoot tr td,.table-task tfoot tr th,.table-task thead tr td,.table-task thead tr th{background-color:#fff;border-bottom:none;border-top:none;padding:0;text-align:center;z-index:0}.table-task tbody{overflow:hidden;position:relative;z-index:0}.table-task tbody tr:hover td,.table-task tbody tr:hover th{background-color:#fef8ef}.table-task tbody tr th{background-color:#fff}.table-task tbody tr td{position:relative}.table-task tbody tr td:hover{background-color:hsla(37,82%,85%,.7)}.table-task tbody tr td:hover:after{background-color:#fef8ef;content:"";height:200vh;left:0;position:absolute;top:-100vh;width:100%;z-index:-1}.table-task .col-input{height:50px;padding:0}.table-task .form-control{background:transparent;border:none;border-radius:0;height:100%;min-height:40px;padding:.25rem;position:absolute;width:100%;z-index:0}.table-task .form-control:disabled,.table-task .form-control[readonly]{background-color:#f5f5f5}.table-task .col-task_name{min-width:220px}.table-task .col-task_name .btn-delete_task{bottom:0;color:#999;display:block;height:16px;left:5px;margin:auto;opacity:0;position:absolute;top:0;width:16px;z-index:1}.table-task .col-task_name .btn-delete_task:hover{color:#900}.table-task .col-task_name .form-control{left:0;padding-left:24px;right:0;z-index:0}.table-task .col-task_name:hover .btn-delete_task{opacity:1}.table-task .col-frequency,.table-task .col-time{width:60px}.table-task .fa-times{margin-right:3px}.operation-task-wrap{display:inline;height:1.4em;max-width:100%;overflow:hidden;text-overflow:ellipsis;width:100%}.operation-task-wrap .company,.operation-task-wrap .name{display:inline;height:1.35em;margin-right:.5em;white-space:nowrap}.operation-task-wrap .remarks{color:#888;font-size:88%}.table-user-oparation-tasks .col-name{position:relative}.table-user-oparation-tasks .col-name .operation-task-wrap1{height:1.4em;max-width:100%;overflow:hidden;text-overflow:ellipsis;width:100%}.table-user-oparation-tasks .col-name .company,.table-user-oparation-tasks .col-name .name{float:left;height:1.35em;margin-right:.5em;white-space:nowrap}.table-user-oparation-tasks .col-name .remarks{color:#888;font-size:88%}.table-user-oparation-tasks .col-type{white-space:nowrap;width:150px}.table-user-oparation-tasks .col-time{width:120px}.table-usertasks td .far,.table-usertasks td .fas{color:#999;cursor:pointer;margin-right:4px}.table-usertasks .fa-clock:before{color:#6cb2eb}.table-user-oparation-tasks td .far,.table-user-oparation-tasks td .fas{color:#999;cursor:pointer;margin-right:4px}.table-report-outline td .sub{color:#6cb2eb;font-size:90%}.table-usertasks-report tbody tr.status-completed td{background-color:#f2f2f2}.table-usertasks-report tbody tr.status-completed td .far{color:#000}.table-usertasks-report tbody tr.status-progress td .far{color:#ccc}.table-usertasks-report .col-task{max-width:0;width:calc(100% - 430px)}.table-usertasks-report .col-period{white-space:nowrap;width:160px}.table-usertasks-report .col-time{cursor:pointer}.table-usertasks-report .col-time:hover{background-color:#fef8ef}.table-usertasks-report .time-wrap{display:table;width:100%}.table-usertasks-report .time-wrap .col{display:table-cell;text-align:right;white-space:nowrap;width:49%}.table-usertasks-report .time-wrap .time{margin-right:1%}.table-usertasks-report .time-wrap .total-ajustment{font-size:80%}.table-usertasks-report .col-status{white-space:nowrap;width:160px}.minus{color:red}.dashboard table .col-name{width:auto}.dashboard table .col-number{width:120px}.dashboard table .col-period{width:150px}.dashboard table .col-progress{width:200px}.addH:after{content:"H"}.addPer:after{content:"%"}.user.index .custom-box{align-items:center;display:flex;justify-content:space-between}.user.index .custom-box .custom-checkbox{display:block;min-height:1.5rem;position:relative}.user.index .custom-box .custom-checkbox input{display:none}.user.index .custom-box .custom-checkbox label{cursor:pointer;font-weight:400;padding:5px 30px;position:relative}.user.index .custom-box .custom-checkbox label:after,.user.index .custom-box .custom-checkbox label:before{content:"";position:absolute;top:50%}.user.index .custom-box .custom-checkbox label:before{border:1px solid #ccc;border-radius:3px;height:16px;left:5px;margin-top:-8px;width:16px}.user.index .custom-box .custom-checkbox label:after{border-bottom:3px solid #007bff;border-right:2px solid #007bff;content:"";height:9px;left:10px;margin-top:-7px;opacity:0;position:absolute;top:50%;transform:rotate(45deg);width:5px}.user.index .custom-box .custom-checkbox input[type=checkbox]:checked+label:after{opacity:1}.user.index .table tr th:first-child{box-sizing:border-box;width:160px}.user.index .table tr th:nth-child(2){box-sizing:border-box;width:300px}.user.index .table tr.deleted{display:none}.user.index .table tr.deleted td{background-color:#ddd}.user.edit .form-check-inline{width:200px}.user.edit .times .col-date{font-weight:400;max-width:160px}.user.edit .times #total-month-time{padding-right:20px}.user.edit .times .input-group{max-width:160px}.user.edit .table-operation-task{max-width:900px;overflow:visible}.user.edit .table-operation-task td,.user.edit .table-operation-task th{vertical-align:middle}.user.edit .table-operation-task .col-time,.user.edit .table-operation-task .col-type{width:100px}.user.edit .table-operation-task .col-count{width:160px}.user.edit .table-operation-task .col-count-month{width:100px}.user.edit .table-operation-task tbody .col-count-month,.user.edit .table-operation-task tbody .col-time,.user.edit .table-operation-task tfoot .col-time{text-align:right}.user.edit .table-operation-task tfoot .percent{display:block;font-size:80%}.user.edit .custom-checkbox{display:block;min-height:1.5rem;position:relative}.user.edit .custom-checkbox input{display:none}.user.edit .custom-checkbox input[type=checkbox]:checked+label:after{opacity:1}.user.edit .custom-checkbox label{cursor:pointer;font-weight:400!important;padding:5px 30px;position:relative}.user.edit .custom-checkbox label:after,.user.edit .custom-checkbox label:before{content:"";position:absolute;top:50%}.user.edit .custom-checkbox label:before{border:1px solid #ccc;border-radius:3px;height:16px;left:5px;margin-top:-8px;width:16px}.user.edit .custom-checkbox label:after{border-bottom:3px solid #007bff;border-right:2px solid #007bff;content:"";height:9px;left:10px;margin-top:-7px;opacity:0;position:absolute;top:50%;transform:rotate(45deg);width:5px}.table-accounting thead .col-company_name{height:auto;min-width:200px;overflow:hidden;padding:5px 0}.table-accounting thead .col-company_name .total{color:#00c;font-size:80%;font-weight:400;margin:auto;position:absolute;right:5px;text-align:right;top:8px}.table-accounting thead .col-company_name .total:after{content:"H"}.general-affairs .table-task td,.general-affairs .table-task th{min-width:200px;width:200px}.modal-dialog{max-width:600px}.modal-dialog h5{font-weight:700}.modal-body .row+.row{margin-top:10px}.modal-body .row .row{margin-top:0}.modal-user_task-detail .history{border-top:1px solid #ccc;margin:1em 0;padding:1em 0 0}.modal-user_task-detail .history .history__table{font-size:90%;margin:.5em 0;width:100%}.modal-user_task-detail .history .history__table .col-date{width:70px}.modal-user_task-detail .history .history__table .col-name{width:85px}.modal-user_task-detail .history .history__table .col-value{width:40px}.modal-user_task-detail .history .history__table .col-reason{color:#666;font-size:90%}.modal-user_task-detail .history .history__table.template{display:none}.row-time{margin-bottom:5px}.row-time .col{height:38px;position:relative}.row-time .col-date{margin-left:0}.row-time .btn-delete_day{bottom:0;color:#999;display:block;height:16px;left:0;position:relative;top:5px;width:16px}.row-time .btn-delete_day:hover{color:#333}.row-time:first-child:last-child .btn-delete_day{display:none}.card-tools .sub .form-control{display:inline;width:140px}.report .title.cursor{cursor:pointer;position:relative}.report .title.cursor:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #999;content:"";height:0;margin-left:5px;position:absolute;top:15px;width:0}.report .comment{font-size:90%;font-weight:400;margin-top:.2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report .comment,.report .comment .fa-comment{color:#999}.report .reason,.report .reason .fa-comment{color:#3cb371}.table .col-12p{width:12%}.table .col-14p{width:14%}.table .col-26p{width:26%}.table td .fas{color:#6cb2eb;cursor:pointer;margin-right:.4em}.table td .bargraph{background:#6cb2eb;height:3px}.table .perwrap{display:table;width:100%}.table .perwrap .left{display:table-cell;text-align:right;white-space:nowrap;width:60px}.table .perwrap .right{display:table-cell;padding-left:4px;vertical-align:middle}.table span[data-tooltip=tooltip]{color:#006428;cursor:pointer;text-decoration:underline}.table span[data-tooltip=tooltip]:hover{text-decoration:none}.report.period .form{background:#eee;margin-bottom:2em;padding:20px}.report.period .form .table{display:inline-flex}.report.period .form .table .col{max-width:200px;position:relative}.report.period .form .table .col label{display:block;font-size:90%;font-weight:400;line-height:1;width:100%}.report.period .form .table .col .selectwrap{display:table;width:100%}.report.period .form .table .col .selectwrap select{display:table-cell;width:90%}.report.period .form .table .col .selectwrap span{display:table-cell;white-space:nowrap;width:10%}.report.period .form .table .col.col1{width:25%}.report.period .form .table .col.col2{width:10%}.report.period .form .table .col.col3,.report.period .form .table .col.col4{width:5%}.report.period .table-results{width:auto}.report.period .table-results td,.report.period .table-results th{font-size:90%;overflow:hidden}.report.period .table-results thead th{text-align:center}.report.period .table-results tbody .name{vertical-align:middle;white-space:nowrap;width:100px}.report.period .table-results tbody .itemnamne{width:120px}.report.period .table-results tbody td{text-align:right;width:80px}.report.period .table-results tbody tr.active .hover{background:#fef8ef}.fcd{display:inline-block;position:relative;white-space:nowrap}.fcd .far,.fcd .fas{left:0;margin-right:.1em}.fcd-good,.fcd-good .far:before,.fcd-good .fas:before{color:#17a2b8;color:#ee7800}.fcd-ng,.fcd-ng .far:before,.fcd-ng .fas:before{color:#dc3545}.repeat_month{color:blue}.form-check.month{display:inline-block;margin-right:1rem}