@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css");@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;600&display=swap");:root{--main-color:#404258;--secondary-color:#6b728e;--background:#f5f5f5;--light:#fafafa;--border:#e6e6e6;--inputbg:#fff;--inputbghov:#fcfcfc;--biru:#0081c9;--merah:#e53333;--biruhov:#025785;--download:#537fe7;--orange:#fea743;--orangehov:#da7604}*{box-sizing:border-box;padding:0;margin:0;color:var(--main-color);scroll-behavior:smooth;font-family:Quicksand,sans-serif}input:focus,select:focus{outline:2px solid var(--biru)}html{font-size:14px}.info{padding:.7em;text-align:center;font-size:.8em;font-weight:600;margin:.5em 0;border-radius:.3em}.fail{color:#f55050;background:#fce1e1}.rdrDateDisplayItemActive input{background:#068fff!important;color:#fff!important}.infos{color:#216ebc;background:#e2f0ff}.inline{display:inline-block}strong{color:inherit}.content{margin:1.5em 0;padding:0 3%}.content>h2>span:first-child{color:#f6921e}.dgr{padding:.3em .5em;background:var(--merah);font-weight:600;color:#fff;border-radius:.3em}.content>h2{position:relative;display:flex;align-items:center;justify-content:space-between}.content>h2>span:nth-child(2){font-size:.8em;opacity:.5;cursor:pointer;transition:all .3s}.waitmessage{width:100%;height:100%;position:fixed;display:flex;align-items:center;justify-content:center;top:0;left:0;background:var(--inputbg);z-index:40}.waitmessage>img{width:3em;height:auto;animation:blur 1.5s infinite}.spinner{width:4.5em;height:4.5em;border-left:.4em solid #ddd;border-top:.4em solid #ddd;border-radius:50%;position:absolute;border-color:#f6921e #ddd #ddd #f6921e;border-style:solid;border-width:.4em;animation:spin 1.5s infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes blur{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.content>h2>span:nth-child(2):hover{color:#1e90ff;opacity:1}.filterbox{background:var(--inputbg);border:1px solid var(--border);position:absolute;border-radius:.3em;padding:.5em;display:flex;flex-direction:column;right:0;top:1em;opacity:0;transition:all .3s;z-index:-1}.activefilter{top:1.8em;display:flex;opacity:1;z-index:10}.center{text-align:center}.cards{transition:all .3s;margin:1em 0 3em;padding-bottom:1em;outline:1px solid var(--border);border-radius:.7em}.cards:hover{box-shadow:0 0 10px 0 var(--border);transform:translateY(-3px);cursor:pointer}.cards>h3{padding:.8em 1.5em;text-align:left;background:var(--background);margin-bottom:1em;border-radius:.6em .6em 0 0}.canvaschart{height:100%;display:flex;justify-content:center;align-items:flex-end}body,html{max-width:100vw;overflow-x:hidden;scroll-behavior:smooth}.main{background:var(--background);position:fixed;overflow:auto;justify-content:space-between;width:100%;height:100%}.formsection,.main{display:flex;flex-direction:column}.formsection{margin:1.4em 0;gap:.3em}.formsection>label{opacity:.8}.formsection>input,.formsection>select{outline:1px solid var(--border);border:none;background:var(--inputbghov);padding:.8em;border-radius:.4em;transition:all .1s}.formsection>select{padding:.74em .8em}.formsection>input:focus,.formsection>select:focus{outline:2.5px solid #6495ed}::placeholder{opacity:.5}.formsection>button{display:block;width:100%;background:var(--biru);border:1px solid var(--biru);padding:.7em;color:var(--light);font-weight:bolder;margin-top:1em;border-radius:.4em;font-size:1.1em;cursor:pointer;transition:all .3s}.formsection>button:focus,.formsection>button:hover{outline:none;background:var(--biruhov)}.formsection>button:active{transform:translateY(3px)}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.formsection>label{font-weight:400;margin-bottom:.2em;color:#323232}i{margin:0 .4em 0 .2em;display:inline-block}a,i{color:inherit}a{text-decoration:none}.mobilehide{color:inherit}.MODERATE,.Waiting,.moderate{color:#f7c04a}.LOW,.Progress,.low{color:#3f497f}.FIT,.RFU,.fit{color:#539165}.warndate{color:#f31559;margin-left:1em}.Cancel,.HIGH,.Reject,.high{color:#f16767}.bgFIT{background:#539165}.bgFIT:hover{background:#30543a}.bgLOW{background:#3f497f}.bgLOW:hover{background:#282e51}.bgMODERATE{background:#f7c04a}.bgHIGH{background:#e96479}.bgHIGH:hover{background:#be5363}tbody>tr:nth-child(2n){background:#fafafa!important}#tabelbd{table-layout:fixed}#tabelbd>tbody>tr>td,#tabelbd>thead>tr>th{white-space:unset!important;line-height:1.5em;width:4em!important;padding:.8em!important}#tabelbd>tbody>tr>td:first-child,#tabelbd>tbody>tr>td:nth-child(2),#tabelbd>tbody>tr>th:first-child{width:4em!important}#tabelbd>tbody>tr>td:nth-child(3),#tabelbd>thead>tr>th:nth-child(3){width:15em!important}.labs{font-size:.9em;padding:.4em 1em;display:inline-block;border-radius:.4em;color:#fff}.btns>i{margin-right:3px}.btns{color:#fff;outline:none;transition:all .3s;border:none;padding:.4em;cursor:pointer;border-radius:.4em;margin-right:.5em}.btns:last-child{margin-right:0}.bgWaiting{background:#f7c04a}.bgOn{background:#3f497f}.bgRFU{background:#539165}.Reject,.bgCancel{background:#f16767}.fa-xmark{cursor:pointer;color:#ddd}@media (prefers-color-scheme:dark){:root{--main-color:#fcfcfc;--secondary-color:#eaeaea;--background:#282828;--light:#fafafa;--border:#3c3c3c;--inputbg:#505050}html{color-scheme:dark}}@media screen and (max-width:768px){.formsection>input{width:100%}html{font-size:12px}.info{margin:1em 0}.mobilehide{display:none}table{display:inline-block;overflow:hidden;width:100%}}.dataTables_filter input,.dataTables_length select{border:1px solid var(--border)!important;padding:.7em!important;border-radius:.5em!important;margin:0 .5em!important}.dataTables_length{margin-bottom:1em}.dataTables_info,.dataTables_paginate{margin-top:1em}table{width:100%!important;border-collapse:collapse;border:1px solid var(--border)}table>thead>tr>th{padding:.8em!important;background:var(--background)}table>tbody>tr>td,table>thead>tr>th{white-space:nowrap;padding:1em!important;border-bottom:1px solid var(--border)}table>tbody>tr{transition:all .3s}table>tbody>tr:hover{cursor:pointer!important;background:var(--background)!important}#detailbd>tbody>tr>td{white-space:unset!important}table>tfoot>tr>td>input,table>tfoot>tr>td>select{padding:.8em;margin:.5em;width:100%;border-radius:.4em;border:1px solid #e6e6e6}.dataTables_paginate{margin-bottom:2em!important}#tabelftw>tbody>tr>td,#tabelftw>thead>tr>th{width:12em;white-space:unset!important;line-height:1.5em}#tabelftw>tbody>tr>td:first-child,#tabelftw>tbody>tr>td:nth-child(2),#tabelftw>tbody>tr>td:nth-child(4),#tabelftw>tbody>tr>td:nth-child(7),#tabelftw>tbody>tr>td:nth-child(8),#tabelftw>tbody>tr>td:nth-child(9){width:8em}tfoot>tr>td{border-top:0!important}tbody tr.white{background:#fff!important;text-align:center}@media screen and (max-width:768px){html{font-size:12px}table{overflow:auto}.info{margin:1em 0}.mobilehide{display:none}.dataTables_filter,.dataTables_length{display:inline-block;margin-right:0;margin-bottom:1em}.dataTables_length{margin-right:.7em}.dataTables_filter{float:right!important;margin-top:0!important}.dataTables_filter input,.dataTables_length select{border:1px solid var(--border)!important;padding:.6em!important;border-radius:.5em!important;margin:.2em!important}table>tbody>tr>td,table>thead>tr>th{width:100%}#detailbd>tbody>tr>td{white-space:nowrap!important}}